[hidden]{display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;interpolate-size:allow-keywords;--page:#f5f5f7;--surface:#fff;--surface-2:#f2f2f5;--surface-3:#e7e7ec;--field:#f4f4f7;--ink:#171719;--ink-2:#626268;--ink-3:#8c8c93;--line:#1717191a;--line-strong:#17171933;--track:#76768021;--divider:#17171929;--accent-fill:#171719;--accent-ink:#fff;--accent-hover:#2c2c30;--focus:#171719;--video-mat:#000;--thumb-mat:#e3e3e8;--scrim:#11111329;--ok:#17703a;--ok-soft:#17703a1a;--danger:#c0161c;--danger-soft:#c0161c14;--warn:#8a5a00;--warn-soft:#b074001f;--glass-tint:#ffffff24;--glass-tint-blur:#ffffff57;--bar-halo:0 0 1px #ffffffd9, 0 0 6px #ffffffbf, 0 0 14px #ffffff80;--sel-glass:linear-gradient(180deg, #fffc, #ffffff80);--sel-sheen:radial-gradient(120% 85% at 30% 0%, #ffffffd9, #fff0 60%);--sel-shadow:0 1px 2px #11111314, 0 6px 16px #1111131a, inset 0 1px .5px #fffffff2, inset 0 -1px 1px #ffffff80, inset 0 0 0 .5px #11111314;--track-shadow:inset 0 1px 2px #1111130f;--glass-rim:#ffffffe6;--glass-edge:#1717191a;--glass-shadow:0 14px 34px #1111131f, 0 2px 8px #1111130f;--capsule-solid:#fff;--capsule-shadow:0 1px 2px #1111131a, 0 3px 10px #11111314;--bar-ink-2:#4f4f55;--accept-ring:#17171929;--font-sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--r-panel:22px;--r-card:14px;--r-control:12px;--control-h:40px;--chip-h:30px;--shadow-1:0 1px 2px #1111130a, 0 4px 14px #1111130a;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--dur-press:.15s;--dur-select:.28s;--dur-swap:.22s;--dur-panel:.34s;--dur-status:1.6s;--topbar-h:60px;--bar-space:150px;--result-max-h:max(240px, calc(100dvh - 176px));--attach-max-h:max(240px, min(560px, calc(100dvh - 260px)))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#111113;--surface:#1c1c1f;--surface-2:#26262a;--surface-3:#313136;--field:#232327;--ink:#f5f5f7;--ink-2:#acacb4;--ink-3:#7d7d85;--line:#ffffff1a;--line-strong:#ffffff38;--track:#7676803d;--divider:#ffffff29;--accent-fill:#f5f5f7;--accent-ink:#111113;--accent-hover:#dcdce0;--focus:#f5f5f7;--thumb-mat:#2a2a2f;--scrim:#0000006b;--ok:#5bd28a;--ok-soft:#5bd28a24;--danger:#ff7b76;--danger-soft:#ff7b761f;--warn:#f0c050;--warn-soft:#f0c05024;--glass-tint:#16161a42;--glass-tint-blur:#16161a6b;--bar-halo:0 0 1px #000000d9, 0 0 6px #000000b3, 0 0 14px #00000073;--sel-glass:linear-gradient(180deg, #ffffff42, #ffffff1a);--sel-sheen:radial-gradient(120% 85% at 30% 0%, #ffffff4d, #fff0 60%);--sel-shadow:0 1px 2px #00000073, 0 6px 16px #00000059, inset 0 1px .5px #fff6, inset 0 -1px 1px #ffffff1f, inset 0 0 0 .5px #ffffff29;--track-shadow:inset 0 1px 2px #00000059;--glass-rim:#ffffff29;--glass-edge:#ffffff1f;--glass-shadow:0 14px 34px #00000073, 0 2px 8px #0000004d;--capsule-solid:#3a3a40;--capsule-shadow:0 1px 2px #0006, 0 3px 10px #0000004d;--bar-ink-2:#c2c2c9;--accept-ring:#fff3;--shadow-1:0 1px 2px #0000004d}}@media (prefers-contrast:more){:root{--ink-2:#3c3c41;--line:#17171966;--line-strong:#171719b3;--divider:#17171980;--track:#1717191f}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--ink-2:#d4d4da;--line:#ffffff73;--line-strong:#ffffffbf;--divider:#ffffff80}}@media (pointer:coarse),(max-width:700px){:root{--control-h:44px;--chip-h:44px}}*,:before,:after{box-sizing:border-box}html{background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--page);min-width:320px;font-family:var(--font-sans);font-size:var(--text-md);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}::selection{background:var(--ink);color:var(--surface)}button,input,select,textarea{font:inherit;color:inherit}button,select,summary,input[type=radio],input[type=range],input[type=file]{cursor:pointer}code,pre,kbd{font-family:var(--font-mono)}h1,h2,h3{letter-spacing:-.01em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tabular{font-variant-numeric:tabular-nums}.is-invalid{color:var(--danger)!important}.glass-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}button,.button-link{--btn-bg:var(--surface-2);--btn-bg-hover:var(--surface-3);--btn-ink:var(--ink);--btn-ring:none;isolation:isolate;min-height:var(--control-h);border-radius:var(--r-control);color:var(--btn-ink);font-size:var(--text-sm);text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-weight:560;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}button:before,.button-link:before{content:"";z-index:-1;border-radius:inherit;background:var(--btn-bg);box-shadow:var(--btn-ring);transition:transform var(--dur-press) var(--ease-out), background-color .16s ease, box-shadow .16s ease;position:absolute;inset:0}button:hover:not(:disabled):before,.button-link:hover:before{background:var(--btn-bg-hover)}button:active:not(:disabled):before,.button-link:active:before{box-shadow:var(--btn-ring), inset 0 0 0 1px var(--line-strong);transform:scale(.955)}button:disabled{--btn-ink:var(--ink-3);--btn-bg:var(--surface-2);cursor:not-allowed}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.quiet-button{--btn-bg:transparent;--btn-bg-hover:var(--surface-2)}.primary-quiet{--btn-bg:var(--surface);--btn-bg-hover:var(--surface-2);--btn-ring:inset 0 0 0 1px var(--line-strong)}.danger-quiet{--btn-ink:var(--danger)}.danger-quiet:disabled{--btn-ink:var(--ink-3)}.link-button{--btn-bg:transparent;--btn-bg-hover:transparent;text-underline-offset:2px;min-height:0;color:inherit;padding:0;font-weight:600;text-decoration:underline}.link-button:active:before{box-shadow:none;transform:none}.plus{flex:none;width:12px;height:12px;display:inline-block;position:relative}.plus:before,.plus:after{content:"";background:currentColor;border-radius:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}.plus:before{width:12px;height:1.6px}.plus:after{width:1.6px;height:12px}kbd{background:var(--surface-3);border-radius:5px;padding:0 5px;font-size:.85em;line-height:1.5;display:inline-block}textarea,input[type=text],input[type=url],input[type=number]{border-radius:var(--r-control);background:var(--field);width:100%;min-width:0;color:var(--ink);font-size:var(--text-md);border:1px solid #0000;padding:10px 12px;line-height:1.6;transition:border-color .16s,background-color .16s;display:block}textarea{resize:vertical;min-height:96px}textarea::placeholder,input::placeholder{color:var(--ink-3)}textarea:hover:not(:disabled),input[type=text]:hover:not(:disabled),input[type=url]:hover:not(:disabled),input[type=number]:hover:not(:disabled){border-color:var(--line)}textarea:focus-visible{border-color:var(--line-strong);background:var(--surface);outline-offset:1px}input[type=text]:focus-visible{border-color:var(--line-strong);background:var(--surface);outline-offset:1px}input[type=url]:focus-visible{border-color:var(--line-strong);background:var(--surface);outline-offset:1px}input[type=number]:focus-visible{border-color:var(--line-strong);background:var(--surface);outline-offset:1px}[aria-invalid=true]{border-color:var(--danger)!important}.text-field{font-size:var(--text-sm);color:var(--ink-2);gap:6px;font-weight:560;display:grid}.text-field input{font-weight:400}details>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";width:6px;height:6px;transition:rotate .2s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;rotate:-45deg}details[open]>summary:before{rotate:45deg}details::details-content{block-size:0;transition:block-size .24s var(--ease-out), content-visibility .24s allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}.setting-hint{color:var(--ink-2);overflow-wrap:anywhere;margin:8px 0 0;font-size:.78rem;line-height:1.55}.field-status{color:var(--ink-2);font-size:var(--text-sm);margin:8px 0 0}.field-error{color:var(--danger);font-size:var(--text-sm);overflow-wrap:anywhere;align-items:baseline;gap:6px;margin:8px 0 0;line-height:1.5;display:flex}.field-error:before{content:"!";background:var(--danger);width:15px;height:15px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:inline-grid;translate:0 2px}.inline-notice{border-radius:var(--r-card);background:var(--warn-soft);font-size:var(--text-sm);margin:10px 0 0;padding:10px 12px}.studio-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative}.topbar{z-index:30;isolation:isolate;min-height:var(--topbar-h);grid-template-columns:auto minmax(0,520px) minmax(0,1fr) auto;grid-template-areas:"brand model.status";align-items:center;gap:12px 20px;padding:8px clamp(16px,2.2vw,32px);display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;grid-area:brand;margin:0;font-size:1.125rem;font-weight:750}.model-switch{grid-area:model}.topbar .view-switch{grid-area:view;display:none}.topbar-status{color:var(--ink-2);font-size:var(--text-sm);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:status;align-items:center;gap:6px;display:inline-flex}.topbar-status strong{color:var(--ink)}.notice-stack{gap:8px;width:100%;max-width:1680px;margin:4px auto 0;padding:0 clamp(16px,2.2vw,32px);display:grid}.connection-banner,.error-banner{border-radius:var(--r-card);background:var(--warn-soft);color:var(--ink);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 14px;display:flex}.connection-banner p,.error-banner p{flex:260px;margin:0}.error-banner{background:var(--danger-soft);color:var(--danger)}.workspace{flex:1 0 auto;grid-template-columns:minmax(520px,58fr) minmax(360px,42fr);align-items:start;gap:24px;width:100%;max-width:1680px;margin:0 auto;padding:8px clamp(24px,2.2vw,32px) 24px;display:grid}.compose-pane,.results-pane{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.results-pane>*{flex:none}.composer-slot{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.composer{flex-direction:column;flex:1 0 auto;gap:12px;min-width:0;display:flex}.composer-fields{border:0;flex-direction:column;gap:12px;min-width:0;margin:0 0 4px;padding:0;transition:opacity .16s;display:flex}.composer-fields:disabled{opacity:.78}.composer:not([hidden]){animation:surface-in var(--dur-swap) var(--ease-out)}.model-brief p{color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 4px;display:flex}.model-brief strong{color:var(--ink);font-size:var(--text-md)}.surface{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow-1)}.field-block{min-width:0;padding:18px 20px 20px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.step-heading{font-size:var(--text-lg);margin:0;font-weight:680;line-height:1.35}.step-heading label{cursor:inherit}.section-meta{color:var(--ink-2);font-size:var(--text-sm)}.pane-heading{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.pane-heading h2{font-size:var(--text-lg);margin:0;font-weight:680}.pane-meta{color:var(--ink-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}@media (min-width:1100px) and (min-height:720px){.studio-shell{height:100dvh;min-height:0;overflow:hidden}.workspace{flex:auto;align-items:stretch;min-height:0;padding-bottom:0}.compose-pane{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;scroll-padding-top:12px;scroll-padding-bottom:var(--bar-space);margin-right:-10px;padding:2px 10px 0 2px;overflow-y:auto}.results-pane{overscroll-behavior:contain;min-height:0;padding-bottom:24px;overflow-y:auto}.generate-bar{margin-bottom:16px;bottom:16px}}@media (min-width:1100px) and (min-height:1100px){.results-pane:not(:has(.result-media [data-shape=upright])) .jobs-panel{flex:1 0 0;min-height:300px}.results-pane:not(:has(.result-media [data-shape=upright])) .jobs-scroll{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding-block:4px 12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 12px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 12px),#0000)}}@media (min-width:1100px) and (max-height:719px){html{scroll-padding-top:calc(var(--topbar-h) + 8px);scroll-padding-bottom:var(--bar-space)}.results-pane{top:calc(var(--topbar-h) + 8px);max-height:calc(100dvh - var(--topbar-h) - 16px);position:sticky;overflow-y:auto}}@media (max-width:1099px){:root{--result-max-h:max(240px, calc(100dvh - 236px))}html{scroll-padding-top:116px;scroll-padding-bottom:var(--bar-space)}.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand view""model model";gap:8px 12px;padding:8px 16px}.topbar .view-switch{justify-self:end;width:min(280px,100%);display:grid}.topbar-status,.studio-shell[data-view=results] .model-switch{display:none}.workspace{grid-template-columns:minmax(0,1fr);gap:16px;padding:8px 16px 24px}.studio-shell[data-view=compose] .results-pane,.studio-shell[data-view=results] .compose-pane{display:none}.generate-bar{bottom:max(12px, env(safe-area-inset-bottom))}.result-card{scroll-margin-top:72px}}@media (max-width:700px){body{font-size:1rem}textarea,input[type=text],input[type=url],input[type=number]{font-size:16px}.field-block{padding:16px}.surface{border-radius:18px}.workspace{padding-inline:12px}.label-long{display:none}.label-short{display:inline!important}.topbar{padding-inline:12px}}.label-short{display:none}.segmented{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.segmented.can-wrap{container-type:inline-size}.segmented-legend{color:var(--ink-2);font-size:var(--text-sm);padding:0;font-weight:560}.segmented-track{isolation:isolate;grid-template-columns:repeat(var(--count), minmax(0, 1fr));min-height:calc(var(--control-h) + 6px);background:var(--track);box-shadow:var(--track-shadow);border-radius:13px;padding:3px;display:grid;position:relative}.segmented-divider{z-index:0;top:28%;bottom:28%;left:calc(3px + (100% - 6px) * var(--at) / var(--count));background:var(--divider);pointer-events:none;width:1px;position:absolute}.segmented-capsule{z-index:1;width:calc((100% - 6px) / var(--count));background:var(--capsule-solid);box-shadow:var(--capsule-shadow);translate:calc(var(--index) * 100%) 0;transition:translate var(--dur-select) var(--ease-spring);pointer-events:none;border-radius:10px;position:absolute;top:3px;bottom:3px;left:3px}.segmented-option{z-index:2;min-width:0;min-height:var(--control-h);color:var(--ink-2);font-size:var(--text-sm);text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-weight:600;line-height:1.25;transition:color .2s;display:flex;position:relative}.segmented-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.segmented-track[data-moving] .segmented-option{z-index:0}.segmented-option:has(input:checked){color:var(--ink)}.segmented-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.segmented-option:has(input:disabled){color:var(--ink-3);cursor:not-allowed}.segmented:disabled .segmented-capsule{opacity:.7}.segmented .count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:560}.segmented-option:has(input:checked) .count{color:var(--ink-2)}@container (width<=459px){.segmented.can-wrap .segmented-track{grid-template-columns:1fr 1fr}.segmented.can-wrap .segmented-capsule{width:calc(50% - 3px);height:calc(50% - 3px);translate:calc(var(--col2) * 100%) calc(var(--row2) * 100%);bottom:auto}.segmented.can-wrap .segmented-divider{display:none}}.count-badge{background:var(--ink);min-width:18px;height:18px;color:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.fresh-dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.generate-bar,.topbar-glass,.segmented.is-glass .segmented-capsule,.aspect-lens,.glass-dialog{--rim:16px}.generate-bar{z-index:6;isolation:isolate;color:var(--ink);background:var(--glass-tint-blur);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-radius:24px;gap:10px;margin-top:auto;padding:12px 12px 12px 20px;display:grid;position:sticky;bottom:16px}.generate-bar:before,.generate-bar:after,.topbar-glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.generate-bar:before{z-index:-2;box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-rim), inset 0 0 0 .5px var(--glass-edge)}.generate-bar:after{z-index:-1;display:none}.topbar{background:color-mix(in srgb, var(--page) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:inset 0 -.5px 0 var(--glass-edge)}.topbar-glass{z-index:-1;box-shadow:inset 0 -.5px 0 var(--glass-edge);border-radius:0;display:none;position:absolute;inset:0}.topbar-glass:after{background:color-mix(in srgb, var(--page) 78%, transparent)}.segmented.is-glass .segmented-capsule,.aspect-lens{-webkit-backdrop-filter:blur(3px)saturate(1.7);backdrop-filter:blur(3px)saturate(1.7);box-shadow:var(--sel-shadow);background:0 0}.segmented.is-glass .segmented-capsule:before,.aspect-lens:before,.segmented.is-glass .segmented-capsule:after,.aspect-lens:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.segmented.is-glass .segmented-capsule:before,.aspect-lens:before{z-index:1;background:var(--sel-sheen)}.segmented.is-glass .segmented-capsule:after,.aspect-lens:after{z-index:0;background:var(--sel-glass);transition:opacity .18s var(--ease-out)}.segmented-track[data-moving] .segmented-capsule:after,.aspect-grid[data-moving] .aspect-lens:after{opacity:.3}html[data-optics=refract] .generate-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}html[data-optics=refract] .generate-bar:before{-webkit-backdrop-filter:var(--glass-filter,blur(16px)) saturate(1.8);backdrop-filter:var(--glass-filter,blur(16px)) saturate(1.8)}html[data-optics=refract] .generate-bar:after{background:var(--glass-tint);-webkit-mask-image:linear-gradient(90deg, #00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047), linear-gradient(#00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg, #00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047), linear-gradient(#00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047);mask-image:linear-gradient(90deg, #00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047), linear-gradient(#00000047, #000 var(--rim), #000 calc(100% - var(--rim)), #00000047);display:block;-webkit-mask-composite:source-in;mask-composite:intersect}html[data-optics=refract] .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0}html[data-optics=refract] .topbar-glass{-webkit-backdrop-filter:var(--glass-filter,blur(14px)) saturate(1.4);backdrop-filter:var(--glass-filter,blur(14px)) saturate(1.4);display:block}html[data-optics=refract] .topbar-glass:after{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#00000059);mask-image:linear-gradient(#000 calc(100% - 12px),#00000059)}html[data-optics=refract] .segmented.is-glass .segmented-capsule,html[data-optics=refract] .aspect-lens{-webkit-backdrop-filter:var(--glass-filter,blur(3px)) saturate(1.6);backdrop-filter:var(--glass-filter,blur(3px)) saturate(1.6)}html[data-optics=solid] .generate-bar,html[data-optics=solid] .topbar,html[data-optics=solid] .segmented.is-glass .segmented-capsule,html[data-optics=solid] .aspect-lens,html[data-optics=solid] .glass-dialog{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-optics=solid] .generate-bar{background:var(--surface)}html[data-optics=solid] .generate-bar:before{box-shadow:var(--glass-shadow), inset 0 0 0 1px var(--line-strong)}html[data-optics=solid] .topbar{background:var(--page)}html[data-optics=solid] .segmented.is-glass .segmented-capsule,html[data-optics=solid] .aspect-lens{background:var(--capsule-solid);box-shadow:var(--capsule-shadow), inset 0 0 0 1px var(--line-strong)}html[data-optics=solid] .segmented.is-glass .segmented-capsule:after,html[data-optics=solid] .aspect-lens:after{display:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.generate-bar{background:var(--surface)}.generate-bar:before{box-shadow:var(--glass-shadow), inset 0 0 0 1px var(--line-strong)}.topbar{background:var(--page)}.segmented.is-glass .segmented-capsule,.aspect-lens{background:var(--capsule-solid)}}@media (prefers-reduced-transparency:reduce){.generate-bar,.generate-bar:before,.topbar,.topbar-glass,.segmented.is-glass .segmented-capsule,.aspect-lens,.glass-dialog{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.generate-bar{background:var(--surface)!important}.generate-bar:after,.topbar-glass{display:none!important}.topbar{background:var(--page)!important}.segmented.is-glass .segmented-capsule,.aspect-lens{background:var(--capsule-solid)!important}}@media (prefers-contrast:more){.segmented-capsule,.aspect-lens{box-shadow:var(--capsule-shadow), inset 0 0 0 1.5px var(--ink)!important}}.bar-messages{gap:6px;display:grid}.bar-issues{border-radius:var(--r-card);background:color-mix(in srgb, var(--surface) 88%, var(--danger));color:var(--danger);font-size:var(--text-sm);padding:10px 12px}.bar-cost,.bar-notices,.bar-cost-details{text-shadow:var(--bar-halo)}.bar-issues:focus-visible{outline-offset:1px}.bar-issues strong{display:block}.bar-issues ul{gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.bar-issues li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.bar-issues li span{white-space:pre-line}.bar-notices p{color:var(--bar-ink-2);font-size:var(--text-sm);margin:0}.bar-main{justify-content:space-between;align-items:center;gap:16px;display:flex}.bar-cost{gap:1px;min-width:0;display:grid}.bar-cost-label{color:var(--bar-ink-2);font-size:var(--text-xs);font-weight:560}.bar-cost-value{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.bar-cost-value strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.bar-cost-value small{color:var(--bar-ink-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.cost-flag{background:var(--warn-soft);color:var(--warn);border-radius:999px;align-self:center;padding:1px 7px;font-size:11px;font-weight:750}.bar-cost-details{font-size:var(--text-xs);color:var(--bar-ink-2)}.bar-cost-details summary{font-weight:560}.bar-cost-details p{max-width:52ch;margin:4px 0 0}.generate-button{--btn-bg:var(--accent-fill);--btn-bg-hover:var(--accent-hover);--btn-ink:var(--accent-ink);min-height:48px;font-size:var(--text-md);border-radius:999px;flex:none;padding:0 20px 0 22px;font-weight:680}.generate-button:disabled{--btn-bg:var(--surface-3);--btn-ink:var(--ink-2)}.generate-button kbd{background:color-mix(in srgb, var(--accent-ink) 16%, transparent);color:inherit;opacity:.8;font-size:11px}.generate-button:disabled kbd{display:none}@media (max-width:480px){.bar-model,.generate-button kbd{display:none}.generate-bar{padding-left:16px}.bar-main{gap:10px}.generate-button{padding:0 18px}}@media (pointer:coarse){.generate-button kbd{display:none}}.result-card{align-content:start;gap:10px;padding:16px;display:grid}.result-media{animation:surface-in var(--dur-swap) var(--ease-out)}.selected-preview{background:var(--video-mat);aspect-ratio:var(--ratio,16 / 9);width:min(100%, calc(var(--result-max-h) * var(--ratio,1.7778)));border-radius:16px;place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.selected-preview img{object-fit:cover;width:100%;height:100%;display:block}.selected-preview-label{color:#fff;font-size:var(--text-xs);background:#0009;border-radius:999px;padding:3px 9px;font-weight:600;position:absolute;bottom:10px;left:10px}.empty-preview{color:#ffffffb8;font-size:var(--text-sm);text-align:center;padding:20px}.selected-preview.is-empty{aspect-ratio:auto;background:var(--surface-2);width:100%;min-height:88px}.selected-preview.is-empty .empty-preview{color:var(--ink-2)}.result-player .selected-preview video{object-fit:contain;background:var(--video-mat);width:100%;height:100%;display:block}.selected-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.selected-status time{color:var(--ink-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.selected-message{border-radius:var(--r-card);background:var(--surface-2);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;padding:10px 12px}.selected-message.is-error{background:var(--danger-soft);color:var(--danger)}.selected-actions{flex-wrap:wrap;gap:8px;display:flex}.cost-comparison{border-radius:var(--r-card);background:var(--surface-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cost-comparison>div{gap:1px;min-width:0;padding:8px 14px;display:grid}.cost-comparison>div+div{box-shadow:inset 1px 0 0 var(--line)}.cost-comparison span{color:var(--ink-2);font-size:var(--text-xs);font-weight:560}.cost-comparison strong{font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cost-comparison small{color:var(--ink-3);font-size:11px}.result-details>summary,.inline-details>summary{color:var(--ink-2);font-size:var(--text-sm);min-height:32px;font-weight:600}.selected-facts{font-size:var(--text-sm);gap:8px;margin:8px 0 0;display:grid}.selected-facts>div{grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.selected-facts dt{color:var(--ink-2)}.selected-facts dd{overflow-wrap:anywhere;margin:0}.full-prompt{white-space:pre-wrap}.input-list{margin:6px 0 0;padding-left:18px}.debug-details{margin-top:10px}.debug-details>summary{color:var(--ink-2);font-size:var(--text-xs);font-weight:600}.debug-details pre{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-height:260px;margin:6px 0 0;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.monitor-empty{text-align:center;color:var(--ink-2);font-size:var(--text-sm);padding:28px 8px}.monitor-empty strong{color:var(--ink);font-size:var(--text-md);margin-bottom:4px;display:block}.monitor-empty p{max-width:34ch;margin:0 auto}.mock-badge{background:var(--warn-soft);color:var(--warn);font-size:var(--text-xs);border-radius:999px;padding:2px 8px;font-weight:700}.status-pill{background:var(--surface-3);color:var(--ink);font-size:var(--text-xs);white-space:nowrap;transition:background-color var(--dur-swap) ease, color var(--dur-swap) ease;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 7px;font-weight:650;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-pill[data-status=submitted] .status-dot,.status-pill[data-status=processing] .status-dot,.status-pill[data-status=submitting] .status-dot,.status-dot.is-live{animation:status-pulse var(--dur-status) ease-in-out infinite}.status-pill[data-status=reconciling]{background:var(--warn-soft);color:var(--warn)}.status-pill[data-status=reconciling] .status-dot{border-radius:2px;animation:none}.status-pill[data-status=succeeded]{background:var(--ok-soft);color:var(--ok)}.status-pill[data-status=failed]{background:var(--danger-soft);color:var(--danger)}.status-pill[data-status=failed] .status-dot{border-radius:1px;rotate:45deg}.jobs-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.jobs-head{display:contents}@media (min-width:1100px){.jobs-head{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.jobs-head .pane-heading{flex:1 0 auto}.jobs-head .job-filter{flex:340px}}.job-filter .segmented-option{font-size:var(--text-xs);padding-inline:4px}.job-stream{gap:8px;display:grid;position:relative}.job-group-title{color:var(--ink-2);font-size:var(--text-xs);margin:6px 4px 0;font-weight:700}.job-group-title span{color:var(--ink-3);margin-left:4px;font-weight:500}.job-card{background:var(--surface-2);border-radius:16px;transition:background-color .2s,box-shadow .2s;position:relative}.job-card.is-selected{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink), var(--shadow-1)}.job-card-select{--btn-bg:transparent;--btn-bg-hover:color-mix(in srgb, var(--surface-3) 60%, transparent);text-align:left;white-space:normal;border-radius:16px;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:10px;font-weight:400;display:grid}.job-thumbnail{aspect-ratio:1;background:var(--thumb-mat);width:68px;color:var(--ink-2);border-radius:10px;justify-self:center;place-items:center;font-size:11px;display:grid;overflow:hidden}.job-thumbnail[data-fit=ratio]{aspect-ratio:var(--ratio);width:min(68px, calc(121px * var(--ratio)))}.job-thumbnail[data-fit=ratio] img{object-fit:cover;width:100%;height:100%;display:block}.job-thumbnail[data-fit=natural]{aspect-ratio:auto;background:0 0;width:auto}.job-thumbnail[data-fit=natural] img{border-radius:10px;width:auto;max-width:68px;height:auto;max-height:121px;display:block}.job-card-body{gap:3px;min-width:0;display:grid}.job-card-topline{align-items:center;gap:6px;min-width:0;display:flex}.job-card-topline time{color:var(--ink-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.job-prompt{-webkit-line-clamp:2;font-size:var(--text-sm);-webkit-box-orient:vertical;font-weight:560;line-height:1.45;display:-webkit-box;overflow:hidden}.job-settings,.job-check-time{color:var(--ink-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-message{color:var(--ink-2);font-size:var(--text-xs);overflow-wrap:anywhere}.job-card[data-status=failed] .job-message{color:var(--danger)}.job-card-actions{padding:0 10px 10px 90px}.fresh-badge{background:var(--ink);color:var(--surface);white-space:nowrap;animation:surface-in var(--dur-swap) var(--ease-out);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.empty-section-copy{color:var(--ink-2);font-size:var(--text-sm);text-align:center;margin:0;padding:20px 8px}.dropzone{border:1.5px dashed var(--line-strong);background:var(--surface-2);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:28px 16px;transition:background-color .18s,border-color .18s;display:grid;position:relative}.dropzone:hover{border-color:var(--ink-3)}.dropzone.is-compact{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:2px 12px;padding:12px 16px}.dropzone.is-compact .upload-hint{grid-column:2}.dropzone.is-compact .dropzone-face{grid-row:span 2}.dropzone.is-dragging{background:var(--surface-3);border-color:var(--ink)}.dropzone[data-invalid]{border-color:var(--danger)}.dropzone:has(.dropzone-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dropzone-input:disabled{cursor:not-allowed}.dropzone-face{pointer-events:none;justify-items:center;gap:6px;display:grid}.dropzone.is-compact .dropzone-face{grid-auto-flow:column;align-items:center}.dropzone-face strong{font-size:var(--text-md);font-weight:650}.dropzone-icon{opacity:.8;border:1.6px solid;border-radius:7px;width:34px;height:26px;position:relative}.dropzone-icon:before{content:"";opacity:.8;background:linear-gradient(135deg,#0000 50%,currentColor 50% 56%,#0000 56%),linear-gradient(225deg,#0000 50%,currentColor 50% 56%,#0000 56%);height:9px;position:absolute;bottom:4px;left:5px;right:5px}.dropzone-icon:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:6px}.upload-hint{color:var(--ink-2);font-size:var(--text-sm);pointer-events:none;margin:0}.source-preview{animation:surface-in var(--dur-swap) var(--ease-out);gap:8px;margin:0 0 12px;display:grid}.source-preview-frame{width:min(100%, 640px, calc(var(--attach-max-h) * var(--ratio,1.7778)));background:var(--video-mat);transition:aspect-ratio var(--dur-select) var(--ease-out), width var(--dur-select) var(--ease-out);border-radius:14px;position:relative;overflow:hidden}.source-preview-frame img{width:100%;height:100%;display:block}.source-preview-frame[data-fit=contain] img{object-fit:contain}.source-preview-frame[data-fit=cover] img{object-fit:cover}.source-preview figcaption{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.source-preview .file-name{overflow-wrap:anywhere;font-weight:600}.source-preview figcaption small{color:var(--ink-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.source-preview figcaption button{margin-left:auto}.settings-block{container-type:inline-size}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.settings-wide{grid-column:1/-1;min-width:0}@container (width<=520px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.fixed-setting{align-content:start;gap:2px;display:grid}.fixed-setting strong{font-size:var(--text-md)}.fixed-setting small{color:var(--ink-2);font-size:var(--text-xs)}.setting-head{justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-bottom:8px;display:flex}.setting-label{color:var(--ink-2);font-size:var(--text-sm);font-weight:560}.setting-value{font-size:var(--text-sm);align-items:center;gap:6px;font-weight:650;display:inline-flex}.aspect-picker{border:0;min-width:0;margin:0;padding:0;container-type:inline-size}.aspect-grid{isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid;position:relative}.aspect-lens{z-index:1;border-radius:var(--r-control);width:0;height:0;translate:var(--lens-x,0) var(--lens-y,0);pointer-events:none;position:absolute;top:0;left:0}.aspect-lens[data-ready]{transition:translate var(--dur-select) var(--ease-spring)}.aspect-option{border-radius:var(--r-control);background:var(--track);min-height:60px;color:var(--ink-2);font-size:var(--text-xs);cursor:pointer;transition:background-color .18s ease, color .18s ease, scale var(--dur-press) var(--ease-out);align-content:center;justify-items:center;gap:3px;padding:7px 4px 6px;font-weight:600;display:grid;position:relative}.aspect-option:hover{background:var(--surface-3)}.aspect-option:active{scale:.96}.aspect-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.aspect-option>.ratio-icon,.aspect-option>span:last-child{z-index:2;position:relative}.aspect-grid[data-moving] .aspect-option>.ratio-icon,.aspect-grid[data-moving] .aspect-option>span:last-child{z-index:0}.aspect-option:has(input:checked){color:var(--ink);font-weight:750}.aspect-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.aspect-option:has(input:disabled){cursor:not-allowed;opacity:.6}.ratio-icon{flex:none;place-items:center;width:24px;height:24px;display:grid}.ratio-outline{border:1.5px solid;border-radius:3px;display:block}.aspect-toggle{margin:-2px 0 8px;display:none}@container (width<=420px){.aspect-picker.is-collapsible .aspect-toggle{display:inline-flex}.aspect-picker.is-collapsible:not([data-expanded]) .aspect-grid{display:none}}.duration-field{min-width:0}.duration-number{font-size:var(--text-sm);color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.duration-number input{text-align:right;font-variant-numeric:tabular-nums;width:68px;padding:5px 8px}.duration-scale{color:var(--ink-3);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;accent-color:var(--ink);background:0 0;margin:6px 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--fill,0%), var(--surface-3) var(--fill,0%));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;transition:scale var(--dur-press) var(--ease-out);background:#fff;border-radius:50%;margin-top:-8px;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 .5px #0000001f,0 2px 6px #0000002e}input[type=range]:active::-webkit-slider-thumb{scale:1.12}.glass-dialog{background:color-mix(in srgb, var(--surface) 40%, transparent);width:min(760px,100vw - 32px);max-width:none;max-height:min(82dvh,780px);color:var(--ink);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-rim), inset 0 0 0 .5px var(--glass-edge);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);opacity:0;transition:opacity .2s var(--ease-out), scale var(--dur-panel) var(--ease-spring), overlay var(--dur-panel) allow-discrete, display var(--dur-panel) allow-discrete;border:0;border-radius:28px;padding:8px;scale:.94}.glass-dialog[open]{opacity:1;scale:1}@starting-style{.glass-dialog[open]{opacity:0;scale:.94}}.glass-dialog::backdrop{transition:background-color .26s ease, overlay .26s allow-discrete, display .26s allow-discrete;background:0 0}.glass-dialog[open]::backdrop{background:var(--scrim)}@starting-style{.glass-dialog[open]::backdrop{background:0 0}}html[data-optics=refract] .glass-dialog{-webkit-backdrop-filter:var(--glass-filter,blur(18px)) saturate(1.5);backdrop-filter:var(--glass-filter,blur(18px)) saturate(1.5)}html[data-optics=solid] .glass-dialog{background:var(--surface);box-shadow:var(--glass-shadow), inset 0 0 0 1px var(--line-strong)}.glass-dialog[open]{flex-direction:column;display:flex}.dialog-surface,.glass-dialog>.dialog-head,.glass-dialog>.dialog-body{background:var(--surface)}.dialog-head{border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 8px 18px;display:flex}.dialog-head h2{font-size:var(--text-lg);margin:0}.dialog-toolbar{background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 18px 0;display:flex}.dialog-toolbar .segmented{flex:240px}.dialog-hint{background:var(--surface);margin:0;padding:8px 18px 10px}.dialog-body{overscroll-behavior:contain;background:var(--surface);flex:auto;min-height:0;padding:4px 18px 16px;overflow-y:auto}.dialog-foot{background:var(--surface);box-shadow:inset 0 .5px 0 var(--line);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.result-dialog{width:clamp(min(360px, calc(100vw - 32px)), calc((100dvh - 120px) * var(--ratio,1.7778) + 40px), min(1180px, calc(100vw - 32px)));max-height:calc(100dvh - 32px)}.result-dialog-body{border-radius:0 0 20px 20px;place-items:center;padding:0 12px 12px;display:grid}.result-dialog-body video{width:100%;height:auto;aspect-ratio:var(--ratio,16 / 9);background:var(--video-mat);border-radius:14px;max-height:calc(100dvh - 120px);display:block}@media (max-width:700px){.element-dialog[open]{width:100vw;max-height:88dvh;padding-bottom:max(8px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;margin:auto 0 0}.element-dialog{transition:opacity .2s var(--ease-out), translate var(--dur-panel) var(--ease-out), overlay var(--dur-panel) allow-discrete, display var(--dur-panel) allow-discrete;translate:0 24px;scale:1}.element-dialog[open]{translate:0}@starting-style{.element-dialog[open]{translate:0 40px}}.dialog-foot{border-radius:0}}@keyframes surface-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes status-pulse{0%,to{opacity:1;scale:1}50%{opacity:.35;scale:.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.1s!important}.composer:not([hidden]),.result-media,.source-preview,.fresh-badge,.asset-detail,.undo-toast,.shot-body{animation:.1s fade-in!important}.status-dot,.status-dot.is-live,.status-pill .status-dot{animation:none!important}.segmented-capsule,.aspect-lens{transition:none!important}.glass-dialog,.element-dialog{translate:none!important;scale:1!important}button:active:not(:disabled):before,.aspect-option:active{transform:scale(1)!important}}@media (forced-colors:active){button,.button-link{border:1px solid buttontext}.generate-bar,.topbar{background:canvas}.generate-bar:after,.topbar-glass{display:none}.generate-bar,.segmented-track{border:1px solid canvastext}.segmented-capsule{forced-color-adjust:none;background:highlight!important}.segmented-option:has(input:checked){forced-color-adjust:none;color:highlighttext}.aspect-option:has(input:checked){outline:2px solid highlight}.aspect-lens{display:none}.job-card.is-selected,.asset-tile.is-selected,.shot-card.is-open{outline:2px solid highlight}.status-dot{forced-color-adjust:none;background:canvastext}}
