.generator-studio-workspace{--generator-studio-height:var(--site-generator-viewport-height,calc(100dvh - var(--site-header-height) - var(--promo-banner-height,0px)));inline-size:100%;min-inline-size:0;border-block-start:1px solid color-mix(in oklab, var(--border) 58%, transparent);background:var(--background);margin-block-start:calc(0px - var(--site-main-top-gap));overflow:clip;container:generator-studio/inline-size}.generator-studio-grid{min-block-size:max(520px, var(--generator-studio-height));flex-wrap:wrap;align-items:stretch;display:flex}.generator-studio-inspector{border-block-start:1px solid color-mix(in oklab, var(--border) 58%, transparent);background:color-mix(in oklab, var(--background) 97%, var(--muted));scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--border) 80%, transparent) transparent;flex:100%;order:2;min-block-size:0;min-inline-size:0;overflow:visible;container:generator-inspector/inline-size}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-inspector{border-block-start-color:color-mix(in oklab, var(--border) 78%, transparent);background:linear-gradient(to bottom, color-mix(in oklab, var(--muted) 18%, var(--background)), color-mix(in oklab, var(--muted) 10%, var(--background)));box-shadow:inset -1px 0 0 color-mix(in oklab, var(--border) 38%, transparent), inset 0 1px 0 color-mix(in oklab, var(--foreground) 42%, transparent);scrollbar-color:color-mix(in oklab, var(--border) 88%, transparent) transparent}.generator-studio-action{z-index:30;box-shadow:0 -14px 30px -28px color-mix(in oklab, var(--foreground) 28%, transparent);position:sticky;inset-block-end:0}.generator-workspace-settings-card,.generator-workspace-frames,.generator-workspace-prompt{border:1px solid color-mix(in oklab, var(--border) 65%, transparent);background:color-mix(in oklab, var(--muted) 15%, var(--background));border-radius:14px;padding:12px}.generator-workspace-settings-card{gap:12px;display:grid}.generator-workspace-select-row{font-size:var(--type-caption);grid-template-columns:minmax(84px,28%) minmax(0,1fr);align-items:center;gap:12px;font-weight:600;display:grid}.generator-workspace-select-row [data-slot=select-trigger]{border:1px solid var(--border);background:var(--muted);width:100%;min-width:0;min-height:40px;color:var(--foreground);font-size:var(--type-caption);border-radius:8px;padding-inline:10px;font-weight:500}.generator-workspace-select-row [data-slot=select-trigger]:focus-visible,.generator-workspace-frame-swap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.generator-workspace-frame-requirement{font-size:var(--type-caption);color:var(--muted-foreground);margin-inline-start:5px;font-weight:400}.generator-workspace-frame-swap{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.generator-workspace-frame-swap:disabled{opacity:.4}.generator-studio-body{--studio-panel:var(--card);--studio-input:var(--background);--studio-text:var(--foreground);--studio-muted:var(--muted-foreground);--studio-border:var(--border);color:var(--studio-text)}.generator-studio-body :is(.generator-workspace-settings-card,.generator-workspace-frames,.generator-workspace-prompt){background:var(--studio-panel);border-color:var(--studio-border);color:var(--studio-text);padding:16px}.generator-workspace-mode>:first-child,.generator-workspace-model-select>:first-child>:first-child,.generator-workspace-prompt label,.generator-workspace-frames label,.generator-workspace-select-row>span{color:var(--studio-text);font-size:var(--type-body);font-weight:600}.generator-workspace-mode>:last-child{background:var(--studio-input);border-color:var(--studio-border);border-radius:12px;padding:4px}.generator-workspace-mode button{min-height:48px;font-size:var(--type-label);color:var(--studio-muted);box-shadow:none;border-radius:8px;padding:8px 6px}.generator-workspace-mode button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);font-weight:600}.generator-workspace-model-select>button,.generator-workspace-select-row [data-slot=select-trigger],.generator-workspace-prompt textarea{background:var(--studio-input);border-color:var(--studio-border);color:var(--studio-text);font-size:var(--type-body)}.generator-workspace-model-select>button p:first-child{font-size:var(--type-body)}.generator-workspace-model-select>button p:last-child{font-size:var(--type-caption);color:var(--studio-muted)}.generator-workspace-model-select>:first-child button{color:var(--studio-muted);font-size:11px}.generator-workspace-select-row [data-slot=select-trigger]{min-height:44px}.generator-workspace-prompt textarea::placeholder{color:var(--studio-muted);opacity:1}.generator-workspace-prompt>:last-child{color:var(--studio-muted);font-size:var(--type-caption)}.generator-workspace-frames span{color:var(--studio-muted)}.generator-workspace-frames .generator-workspace-frame-requirement{font-size:var(--type-caption)}.generator-workspace-frames .hero-generator-simple__upload-trigger--frame-tile{background:var(--studio-input);border-color:var(--studio-border);color:var(--studio-text)}.generator-workspace-prompt textarea{min-height:192px;font-size:var(--type-body);line-height:1.6}@container generator-studio (width>=820px){.generator-studio-inspector:has(>.generator-studio-body){flex-direction:column;padding:0;display:flex;overflow:hidden}.generator-studio-body{overscroll-behavior-y:contain;scrollbar-width:thin;flex:auto;min-height:0;padding:16px;overflow-y:auto}.generator-studio-inspector:has(>.generator-studio-body)>.generator-studio-action{background:var(--background);-webkit-backdrop-filter:none;backdrop-filter:none;border-block-start:1px solid var(--border);flex:none;margin:0;padding:12px 16px;position:static}}@media (width<=767px){.generator-workspace-prompt textarea,.generator-workspace-prompt-bone{height:auto;min-height:132px}}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-action{border-block-start:1px solid color-mix(in oklab, var(--border) 70%, transparent);box-shadow:0 -18px 34px -28px color-mix(in oklab, var(--foreground) 34%, transparent);background:color-mix(in oklab, var(--background) 92%, var(--muted))!important}.manga-site .generator-studio-workspace .generator-studio-primary-action:not(:disabled){border:1px solid color-mix(in oklab, var(--border) 8%, transparent);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--brand-cta-shadow)}.manga-site .generator-studio-workspace .generator-studio-primary-action:not(:disabled):hover{background:var(--primary-hover)}.generator-studio-primary-action:disabled{border-color:color-mix(in oklab, var(--border) 55%, transparent);background:color-mix(in oklab, var(--muted) 72%, var(--background));color:var(--muted-foreground);box-shadow:none}.generator-studio-canvas{background:radial-gradient(circle at 50% 34%, color-mix(in oklab, var(--muted) 18%, transparent) 0, transparent 44%), var(--background);flex:100%;order:1;min-block-size:clamp(440px,66dvh,720px);min-inline-size:0}.generator-studio-intro{container-type:inline-size}.generator-workspace-scroll-row{touch-action:pan-x;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--border) 78%, transparent) transparent;padding-block-end:.3rem}.generator-workspace-scroll-row::-webkit-scrollbar{height:4px}.generator-workspace-scroll-row::-webkit-scrollbar-track{background:0 0}.generator-workspace-scroll-row::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 78%, transparent);border-radius:999px}.generator-workspace-range{cursor:pointer;appearance:none;background:linear-gradient(to right, var(--foreground) 0 var(--range-progress,0%), color-mix(in oklab, var(--border) 72%, transparent) var(--range-progress,0%) 100%);height:5px;accent-color:var(--foreground);border-radius:999px}.generator-workspace-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--background);background:var(--foreground);width:15px;height:15px;box-shadow:0 0 0 1px color-mix(in oklab, var(--border) 65%, transparent), 0 3px 8px -4px color-mix(in oklab, var(--foreground) 45%, transparent);border-radius:999px}.generator-workspace-range::-moz-range-thumb{border:3px solid var(--background);background:var(--foreground);border-radius:999px;width:15px;height:15px}.generator-workspace-image-upload{min-block-size:92px}[data-workspace-variant=model-page] .generator-workspace-image-upload{min-block-size:118px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload{width:100%;height:auto;min-height:118px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-trigger--frame-tile{border-radius:16px;width:100%;height:118px;min-height:118px;padding:.75rem}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-list{width:100%;height:118px;min-height:118px;margin-top:0}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-thumb{width:100%;height:118px;box-shadow:0 12px 30px -24px color-mix(in oklab, var(--foreground) 52%, transparent);border-radius:16px}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__upload-icon{border-radius:.75rem;width:2.5rem;height:2.5rem}[data-workspace-variant=model-page] .hero-generator-simple__frame-slot-upload .hero-generator-simple__frame-tile-label{max-width:100%;color:color-mix(in oklab, var(--foreground) 78%, transparent);font-weight:600}.generator-media-input-grid>*{min-inline-size:0}.generator-media-input-grid[data-count="3"]{gap:.5rem}@container generator-inspector (width<=420px){.generator-media-input-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.generator-media-input-grid[data-count="3"]>:first-child{grid-column:1/-1}}.generator-media-input-tile__image .hero-generator-simple__upload-trigger--frame-tile{min-block-size:108px}.generator-media-input-tile__image .hero-generator-simple__upload-list{gap:.3rem;margin-block-start:.4rem}.generator-media-input-tile__image .hero-generator-simple__upload-thumb{border-radius:.55rem;block-size:2.5rem;inline-size:2.5rem}@container generator-studio (width>=820px){.generator-studio-grid{block-size:max(560px, var(--generator-studio-height));flex-wrap:nowrap;min-block-size:0}.generator-studio-inspector{overscroll-behavior-y:auto;border-block-start:0;border-inline-end:1px solid color-mix(in oklab, var(--border) 58%, transparent);flex:0 0 clamp(360px,30cqw,460px);order:1;block-size:100%;max-inline-size:460px;overflow-y:auto}:is([data-workspace-variant=model-page],[data-workspace-variant=tool-page]) .generator-studio-inspector{border-inline-end-color:color-mix(in oklab, var(--border) 82%, transparent)}.generator-studio-canvas{overscroll-behavior-y:auto;flex:auto;order:2;block-size:100%;min-block-size:0;overflow-y:auto}}@container generator-studio (width<=819px){.generator-studio-canvas{min-block-size:clamp(420px,58dvh,620px)}.generator-studio-inspector{inline-size:100%}}@container generator-studio (width<=560px){.generator-studio-canvas{min-block-size:390px}.generator-studio-action{padding-block-end:calc(.75rem + env(safe-area-inset-bottom))}}.model-page-mobile-only,[data-workspace-variant=model-page] .model-page-mobile-reference-upload[data-mode=text-to-image]{display:none}.model-mobile-native-scroll{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.model-mobile-native-scroll::-webkit-scrollbar{display:none}.model-mobile-native-sheet{touch-action:pan-y;contain:layout paint}@media (width<=767px){.generator-studio-workspace :is(textarea,input:not([type=checkbox]):not([type=radio]),[contenteditable=true]){font-size:var(--type-reading)}.manga-site .generator-studio-workspace .generator-studio-action{padding-right:calc(1rem + var(--floating-action-size,44px) + var(--floating-action-offset,12px) + env(safe-area-inset-right,0px))}.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-grid{flex-direction:column;min-block-size:0;display:flex}.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-inspector{width:100%;border-block-start:0;border-block-end:1px solid color-mix(in oklab, var(--border) 68%, transparent);order:1;min-block-size:0;overflow:visible}.tool-page-mobile-controls-first[data-workspace-variant=tool-page] .generator-studio-canvas{order:2}[data-workspace-variant=model-page] .model-page-mobile-only{display:flex}[data-workspace-variant=model-page] .model-page-mobile-hide{display:none!important}[data-workspace-variant=model-page] .model-page-mobile-reference-upload[data-mode=text-to-image]{display:block}[data-workspace-variant=model-page]{overflow:visible}[data-workspace-variant=model-page] .generator-studio-grid{flex-direction:column;min-block-size:0;display:flex}[data-workspace-variant=model-page] .generator-studio-inspector{width:100%;border-block-start:0;border-block-end:1px solid color-mix(in oklab, var(--border) 68%, transparent);background:var(--background);min-block-size:0;box-shadow:none;order:1;overflow:visible}[data-workspace-variant=model-page] .generator-studio-canvas{border-block-start:0;order:2;min-block-size:0;overflow:visible}[data-workspace-variant=model-page] .generator-studio-intro{min-block-size:0;padding:2.25rem 1rem 2.75rem}[data-workspace-variant=model-page] .generator-studio-intro h1{font-size:clamp(1.8rem,9vw,2.5rem);line-height:var(--leading-heading)}[data-workspace-variant=model-page] .generator-studio-intro p{font-size:var(--type-body);margin-top:.875rem;line-height:1.65}[data-workspace-variant=model-page] .generator-studio-intro>div:last-child{margin-top:1.5rem}[data-workspace-variant=model-page] .generator-studio-intro>div:last-child>div{border-radius:18px}[data-workspace-variant=model-page] .generator-studio-action{margin-inline:-1rem;padding-block-start:.75rem;padding-inline:1rem}}.generator-studio-inspector::-webkit-scrollbar{width:5px}.generator-studio-canvas::-webkit-scrollbar{width:5px}.generator-studio-inspector::-webkit-scrollbar-track{background:0 0}.generator-studio-canvas::-webkit-scrollbar-track{background:0 0}.generator-studio-inspector::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 80%, transparent);border-radius:999px}.generator-studio-canvas::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--border) 80%, transparent);border-radius:999px}.manga-home-result-head,.manga-home-result-backdrop,.manga-home-result-reopen{display:none}.manga-home-result{min-height:365px}.manga-home-result-progress{color:var(--foreground);justify-items:center;gap:12px;padding:28px 12px;display:grid}.manga-home-result-progress progress{width:min(100%,360px);height:8px;accent-color:var(--primary)}@media (width<=767px){.manga-home-result-backdrop{z-index:99;background:#0000007a;display:block;position:fixed;inset:0}.manga-home-result{z-index:100;min-height:0;max-height:min(85dvh,740px);padding:18px 16px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--card);box-shadow:0 -12px 40px color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:22px 22px 0 0;display:none;position:fixed;inset:auto 0 0;overflow-y:auto}.manga-home-result[data-open=true]{display:block}.manga-home-result-head{color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.manga-home-result-head button{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.manga-home-result-reopen{display:inline-flex}}
