.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 oklab(100% 0 5.96046e-8/.42);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}: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}.generator-studio-primary-action{color:#fff;background:oklch(18% 0 0);border:1px solid oklab(100% 0 5.96046e-8/.08);box-shadow:0 10px 28px -18px #000000c7,inset 0 1px #ffffff12}.generator-studio-primary-action:hover{background:oklch(22% 0 0)}.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(340px,29cqw,400px);order:1;block-size:100%;max-inline-size:400px;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){.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:1.05}[data-workspace-variant=model-page] .generator-studio-intro p{margin-top:.875rem;font-size:.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}