:root{--stone-0:#fff;--stone-50:#f6f5f2;--stone-200:#e2dfd8;--stone-300:#d6d2c9;--stone-400:#b9b5ac;--stone-500:#9b978e;--stone-600:#6b675f;--stone-800:#2e2d2a;--stone-850:#262624;--stone-900:#1c1c1a;--stone-925:#161615;--stone-950:#121211;--stone-ink:#1c1b19;--stone-paper:#edebe6;--ember-200:#ff9b7a;--ember-400:#e0774f;--ember-600:#c2552d;--leaf-400:#5cbf86;--leaf-700:#2f7d4f;--amber-400:#d8a94a;--amber-700:#9a6a12;--gold-400:#f2c14e;--teal-200:#8fe0d4;--teal-400:#4fb3a6;--teal-950:#0d1f1c;--flame-400:#ff6b4a;--color-bg:var(--stone-50);--color-surface:var(--stone-0);--color-text:var(--stone-ink);--color-text-muted:var(--stone-600);--color-border:var(--stone-200);--color-accent:var(--ember-600);--color-on-accent:var(--stone-0);--color-success:var(--leaf-700);--color-warning:var(--amber-700);--color-danger:var(--ember-600);--color-focus:var(--ember-600);--color-backdrop:#0000008c;--color-key:var(--gold-400);--color-playhead:var(--flame-400);--color-view-posed:var(--ember-400);--color-view-generated:var(--teal-400);--color-atlas:var(--teal-400);--color-atlas-ink:var(--teal-200);--color-atlas-on:var(--teal-950);--color-stale:var(--ember-400);--color-guide-mask:#0000009e;--color-guide-frame:#ffffff40;--color-guide-active:#ffffff8c;--color-guide-line:#ffffff47;--color-guide-safe:#ffffff38;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--leading-tight:1.4;--leading-normal:1.5;--weight-regular:400;--weight-semibold:600;--tracking-eyebrow:.06em;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-pill:999px;--duration-fast:.12s;--duration-spin:.9s;--ease-standard:ease;--page-max-width:760px;--gallery-card-min:320px;--inspector-width:288px;--track-height:64px;--ruler-height:20px;--opacity-disabled:.45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--stone-950);--color-surface:var(--stone-900);--color-text:var(--stone-paper);--color-text-muted:var(--stone-500);--color-border:var(--stone-800);--color-accent:var(--ember-400);--color-success:var(--leaf-400);--color-warning:var(--amber-400);--color-danger:var(--ember-200);--color-focus:var(--ember-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],.theme-dark{--color-bg:var(--stone-950);--color-surface:var(--stone-900);--color-text:var(--stone-paper);--color-text-muted:var(--stone-500);--color-border:var(--stone-800);--color-accent:var(--ember-400);--color-success:var(--leaf-400);--color-warning:var(--amber-400);--color-danger:var(--ember-200);--color-focus:var(--ember-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-dark{--color-canvas:var(--stone-925);--color-panel:var(--stone-900);--color-panel-raised:var(--stone-850);--color-sunken:var(--stone-950);--color-text-subtle:var(--stone-300);--color-text-dim:var(--stone-400);--color-overlay-control:#1c1c1acc;--color-overlay-border:#ffffff2e;--color-overlay-border-hover:#fff6;--color-control-border-hover:#ffffff59;--color-selection:var(--stone-0);--color-hatch:#ffffff0f;--color-focus:var(--color-key);--gradient-hud-top:linear-gradient(#0000008c, transparent);--gradient-hud-bottom:linear-gradient(transparent, #000000b3)}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans)}body{background:var(--color-bg);color:var(--color-text);margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-1-5);border-radius:var(--radius-md);font:inherit;line-height:var(--leading-tight);white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:default}.btn--sm{padding:var(--space-1) var(--space-2-5);font-size:var(--text-md)}.btn--md{padding:var(--space-1-5) var(--space-3-5);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--lg{padding:var(--space-2-5) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold)}.btn--secondary{border-color:var(--color-border);background:var(--color-panel-raised,var(--color-surface));color:var(--color-text)}.btn--secondary:hover:not(:disabled){border-color:var(--color-control-border-hover,var(--color-text-muted))}.btn--overlay{border-color:var(--color-overlay-border);background:var(--color-overlay-control);color:inherit}.btn--overlay:hover:not(:disabled){border-color:var(--color-overlay-border-hover)}.btn--atlas{border-color:color-mix(in srgb, var(--color-atlas) 60%, transparent);background:var(--color-panel-raised,var(--color-surface));color:var(--color-atlas-ink)}.btn--danger{border-color:var(--color-border);background:var(--color-panel-raised,var(--color-surface));color:var(--color-danger)}.btn--ghost{color:var(--color-text-muted);background:0 0;padding-left:0;padding-right:0}.btn--ghost:hover{color:var(--color-text)}.btn.is-active{border-color:var(--color-accent)}.field{gap:var(--space-1-5);border:0;min-width:0;margin:0;padding:0;display:grid}.field__label{font-size:var(--text-base);font-weight:var(--weight-semibold)}.field__hint{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-tight)}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;min-width:0;padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font:inherit;line-height:var(--leading-tight)}.field textarea{resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px}.field--compact{gap:var(--space-1);margin-bottom:var(--space-2-5);flex-direction:column;flex:1 1 0;display:flex}.field--compact .field__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular)}.field--compact input:not([type=checkbox]):not([type=radio]):not([type=file]),.field--compact select{padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);background:var(--color-sunken,var(--color-surface));font-variant-numeric:tabular-nums}.field-row{gap:var(--space-2);display:flex}.inline-field{align-items:center;gap:var(--space-1-5);color:var(--color-text-subtle,var(--color-text));display:inline-flex}.inline-field select{padding:var(--space-1) var(--space-2-5);border:1px solid var(--color-overlay-border,var(--color-border));border-radius:var(--radius-md);background:var(--color-overlay-control,var(--color-surface));color:inherit;font:inherit}.inline-field select:disabled{opacity:var(--opacity-disabled)}.check{gap:var(--space-2);font-size:var(--text-base);line-height:var(--leading-tight);align-items:flex-start;display:flex}.tag{padding:1px var(--space-1-5);border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);vertical-align:middle;display:inline-block}.dot{width:var(--space-2);height:var(--space-2);border-radius:50%;display:inline-block}.dot--posed{background:var(--color-view-posed)}.dot--generated{background:var(--color-view-generated)}.kbd{padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-xs);font:var(--text-xs) var(--font-mono)}.eyebrow{margin:0 0 var(--space-2-5);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.notice{padding:var(--space-3) var(--space-3-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-warning);font-size:var(--text-base)}.status{color:var(--color-text-muted);font-size:var(--text-md)}.status--ok{color:var(--color-success)}.status--warn{color:var(--color-warning)}.muted{color:var(--color-text-muted);font-size:var(--text-md);margin:0}.error{color:var(--color-danger)}.tabular{font-variant-numeric:tabular-nums}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu__items{right:0;bottom:calc(100% + var(--space-1));z-index:10;gap:var(--space-1);min-width:180px;padding:var(--space-1-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel,var(--color-surface));display:grid;position:absolute}.menu__items .btn{justify-content:flex-start}.dialog{width:min(640px, calc(100vw - var(--space-8)));padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel,var(--color-surface));color:var(--color-text)}.dialog::backdrop{background:var(--color-backdrop)}.dialog__title{margin:0 0 var(--space-1);font-size:var(--text-2xl)}.dialog .field{margin-top:var(--space-4)}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.copy-field{gap:var(--space-2);align-items:flex-start;display:flex}.field .copy-field input,.field .copy-field textarea{font:var(--text-sm) / var(--leading-tight) var(--font-mono);flex:1}.progress{width:100%;height:var(--space-2);margin-top:var(--space-4);accent-color:var(--color-key,var(--color-accent))}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.topbar h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin:0}.topbar__end{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.page{max-width:var(--page-max-width);padding:var(--space-6)}.page-message{padding:var(--space-6)}.lede{margin:0 0 var(--space-5);color:var(--color-text-muted);line-height:var(--leading-normal)}.gallery{grid-template-columns:repeat(auto-fill, minmax(var(--gallery-card-min), 1fr));gap:var(--space-5);padding:var(--space-6);display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:inherit;transition:border-color var(--duration-fast) var(--ease-standard);text-decoration:none;display:block;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--color-accent)}.card__media{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.card__placeholder{aspect-ratio:16/9;background:var(--color-border);color:var(--color-text-muted);place-items:center;display:grid}.card__body{padding:var(--space-3) var(--space-4) var(--space-4)}.card__title{gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-xl);align-items:center;display:flex}.card__prompt{margin:var(--space-2) 0 0;font-size:var(--text-md);line-height:var(--leading-tight)}.new-scene{gap:var(--space-4);display:grid}.upload-preview{border-radius:var(--radius-lg);max-width:320px}.job-page{gap:var(--space-5);display:grid}.job-steps{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.job-step{gap:var(--space-3);align-items:center;display:flex}.job-step strong{font-size:var(--text-lg);display:block}.job-step small{color:var(--color-text-muted);font-size:var(--text-md)}.job-step__mark{width:var(--space-3-5);height:var(--space-3-5);border:2px solid var(--color-border);border-radius:50%;flex:none}.job-step.is-done .job-step__mark{border-color:var(--color-success);background:var(--color-success)}.job-step.is-active .job-step__mark{border-color:var(--color-accent);animation:spin var(--duration-spin) linear infinite;border-top-color:#0000}.job-step.is-failed .job-step__mark{border-color:var(--color-danger);background:var(--color-danger)}.job-step.is-pending{opacity:.55}.job-preview__media,.job-preview__empty{aspect-ratio:16/9;border-radius:var(--radius-xl);object-fit:cover;width:100%;display:block}.job-preview__empty{background:var(--color-border);color:var(--color-text-muted);place-items:center;display:grid}@media (width<=480px){.topbar,.gallery,.page{padding-left:var(--space-4);padding-right:var(--space-4)}}.editor{grid-template-columns:minmax(0, 1fr) var(--inspector-width);background:var(--color-canvas);color:var(--color-text);grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.stage{min-height:0;position:relative;overflow:hidden}.stage__canvas{position:absolute;inset:0}.stage__canvas canvas{touch-action:none;display:block}.hud{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);pointer-events:none;font-size:var(--text-md);flex-wrap:wrap;display:flex;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.hud--top{background:var(--gradient-hud-top);top:0}.hud--top h1{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.hud--bottom{background:var(--gradient-hud-bottom);flex-direction:column;align-items:stretch;bottom:0}.hud__status{color:var(--color-text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.hud__row,.hud__group{flex-wrap:wrap;align-items:center;display:flex}.hud__row{gap:var(--space-2) var(--space-4)}.hud__group{gap:var(--space-1-5)}.frame-guides{pointer-events:none;position:absolute;inset:0}.guide-mask{fill:var(--color-guide-mask)}.guide-frame,.guide-active,.guide-safe{fill:none;vector-effect:non-scaling-stroke}.guide-frame{stroke:var(--color-guide-frame);stroke-dasharray:4 4}.guide-active{stroke:var(--color-guide-active)}.guide-lines line{stroke:var(--color-guide-line)}.guide-safe{stroke:var(--color-guide-safe);stroke-dasharray:6 4}.guide-title-safe{stroke-dasharray:2 4}.atlas-frame{pointer-events:none;position:absolute}.atlas-frame img{width:100%;height:100%;display:block}.atlas-badge{top:var(--space-2);right:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-atlas) 90%, transparent);color:var(--color-atlas-on);font-size:var(--text-sm);font-weight:var(--weight-semibold);position:absolute}.atlas-badge.is-stale{background:color-mix(in srgb, var(--color-stale) 92%, transparent);color:var(--color-on-accent)}.inspector{border-left:1px solid var(--color-border);background:var(--color-panel);font-size:var(--text-md);grid-area:1/2;overflow-y:auto}.inspector__section{padding:var(--space-3-5) var(--space-4);border-bottom:1px solid var(--color-border)}.inspector__note{color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.inspector__actions{gap:var(--space-2);display:flex}.pose{margin:var(--space-1) 0 var(--space-3);padding:var(--space-2) var(--space-2-5) 0;border:1px solid var(--color-border);border-radius:var(--radius-md)}.pose legend{padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.shortcuts{gap:var(--space-1) var(--space-3);grid-template-columns:auto 1fr;margin:0;display:grid}.shortcuts dt{font:var(--text-sm) var(--font-mono)}.shortcuts dd{color:var(--color-text-muted);margin:0}.timeline{padding:var(--space-2) var(--space-4) var(--space-3-5);border-top:1px solid var(--color-border);background:var(--color-panel);font-size:var(--text-md);-webkit-user-select:none;user-select:none;grid-area:2/1/auto/-1}.transport{align-items:center;gap:var(--space-2-5);margin-bottom:var(--space-1-5);display:flex}.transport__spacer{flex:1}.timecode__total,.frame-count{color:var(--color-text-muted)}.render-status{color:var(--color-atlas-ink);font-variant-numeric:tabular-nums}.render-error{max-width:420px;color:var(--color-danger);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.render-strip{height:46px;margin-bottom:var(--space-1-5);position:relative}.render-strip:empty{display:none}.render-thumb{border:1px solid color-mix(in srgb, var(--color-atlas) 60%, transparent);border-radius:var(--radius-sm);background:var(--color-sunken);cursor:pointer;width:72px;height:46px;margin-left:-36px;padding:0;position:absolute;top:0;overflow:hidden}.render-thumb img{object-fit:cover;width:100%;height:100%;display:block}.render-thumb.is-selected{outline:2px solid var(--color-selection);outline-offset:1px}.render-thumb.is-stale img{opacity:.45;filter:grayscale(.6)}.track{height:var(--track-height);border-radius:var(--radius-md);background:var(--color-sunken);cursor:ew-resize;touch-action:none;position:relative}.track:focus-visible{outline:2px solid var(--color-focus)}.ruler{height:var(--ruler-height);border-bottom:1px solid var(--color-border);position:absolute;inset:0 0 auto}.tick{border-left:1px solid var(--color-border);height:100%;color:var(--color-text-muted);font-size:var(--text-2xs);line-height:var(--ruler-height);font-variant-numeric:tabular-nums;padding-left:3px;position:absolute;top:0}.lane{inset:var(--ruler-height) 0 0;position:absolute}.segment{top:var(--space-3);height:var(--space-5);padding:0 var(--space-3-5);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--color-key) 16%, transparent);color:color-mix(in srgb, var(--color-key) 85%, transparent);font:var(--text-xs) / var(--space-5) var(--font-sans);text-align:center;white-space:nowrap;cursor:pointer;border:0;position:absolute;overflow:hidden}.segment--hold{background:repeating-linear-gradient(135deg, var(--color-hatch) 0 6px, transparent 6px 12px);color:var(--color-text-muted)}.segment.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-key) 70%, transparent)}.key-diamond{top:var(--space-3-5);width:var(--space-4);height:var(--space-4);margin-left:calc(var(--space-4) / -2);border:2px solid var(--color-sunken);background:var(--color-key);cursor:grab;position:absolute;transform:rotate(45deg)}.key-diamond.is-selected{outline:2px solid var(--color-selection);outline-offset:1px}.playhead{background:var(--color-playhead);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.playhead:before{border:6px solid #0000;border-top-color:var(--color-playhead);content:"";position:absolute;top:0;left:-5px}@media (width<=900px){.editor{grid-template-columns:minmax(0,1fr)}.inspector{display:none}}.player{background:var(--color-canvas);width:100%;height:100%;position:relative;overflow:hidden}.player__status{color:var(--color-text-muted);place-items:center;display:grid;position:absolute;inset:0}.share{background:var(--color-canvas);min-height:100vh;color:var(--color-text)}.share__header{gap:var(--space-3) var(--space-6);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.share__brand{color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none}.share__title h1{font-size:var(--text-2xl);margin:0}.share__actions{gap:var(--space-2);margin-left:auto;display:flex}.share__stage{height:min(70vh,56.25vw + 120px);min-height:240px}.share__transport{gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-panel);align-items:center;display:flex}.share__scrubber{accent-color:var(--color-key);flex:1}.share__board{padding:var(--space-5) var(--space-6)}.board{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.board__panel{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-sunken);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.board__panel:hover,.board__panel:focus-visible{border-color:var(--color-key)}.board__panel img{object-fit:cover;width:100%;height:100%;display:block}.board__empty{height:100%;color:var(--color-text-muted);place-items:center;display:grid}.board__caption{margin:var(--space-1-5) 0 0;color:var(--color-text-muted);font-size:var(--text-md)}.share__footer{padding:var(--space-4) var(--space-6) var(--space-8)}.embed{background:var(--color-canvas);color:var(--color-text);cursor:pointer;position:fixed;inset:0}.embed--message{place-items:center;display:grid}.embed__credit{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);background:var(--color-overlay-control);color:var(--color-text);font-size:var(--text-md);text-decoration:none;position:absolute}@media (width<=640px){.share__header,.share__transport,.share__board{padding-left:var(--space-4);padding-right:var(--space-4)}.share__actions{width:100%;margin-left:0}}