:root{--bg: #14161c;--bg-deep: #0e1015;--surface: #202020;--surface-2: #262626;--surface-3: #2e2e2e;--surface-inset: #171717;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--line-accent: rgba(255, 122, 0, .45);--text: #f2f3f5;--text-muted: #a0a4ad;--text-dim: #6e727b;--text-inverse: #14161c;--accent: #ff7a00;--accent-hot: #ff9533;--accent-dim: rgba(255, 122, 0, .14);--accent-ink: #1a0e02;--ok: #3fbf7f;--ok-dim: rgba(63, 191, 127, .14);--warn: #e0a83c;--warn-dim: rgba(224, 168, 60, .14);--danger: #e0574f;--danger-dim: rgba(224, 87, 79, .14);--info: #5b9bd5;--info-dim: rgba(91, 155, 213, .14);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--gap: 12px;--gap-lg: 20px;--pad: 16px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--ease: cubic-bezier(.22, .61, .36, 1);--speed: .18s;--header-h: 56px;--nav-h: 62px;--maxw: 720px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 24px 64px rgba(0, 0, 0, .55)}@media(prefers-color-scheme:light){:root[data-theme=auto]{--bg: #f5f6f8;--bg-deep: #eceef2;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f4;--surface-inset: #f2f3f6;--line: rgba(0, 0, 0, .09);--line-strong: rgba(0, 0, 0, .18);--text: #14161c;--text-muted: #55595f;--text-dim: #7c8087;--shadow-1: 0 1px 0 rgba(0, 0, 0, .02), 0 8px 24px rgba(0, 0, 0, .08);--shadow-2: 0 24px 64px rgba(0, 0, 0, .18)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:3px solid var(--bg)}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.header{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 var(--pad);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:8px;min-width:0}.brand__mark{font-weight:800;letter-spacing:.14em;font-size:var(--fs-md);white-space:nowrap;flex:none}.brand__mark em{font-style:normal;color:var(--accent)}.brand__sub{font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__spacer{flex:1}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--gap-lg) var(--pad) 40px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--bg-deep) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.nav__item{flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--text-dim);font-size:var(--fs-xs);letter-spacing:.03em;cursor:pointer;transition:color var(--speed) var(--ease)}.nav__item[aria-current=true]{color:var(--accent)}.nav__icon{font-size:17px;line-height:1}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:700}h1{font-size:var(--fs-2xl);letter-spacing:-.02em}h2{font-size:var(--fs-xl);letter-spacing:-.01em}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0 0 10px}.eyebrow{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.small{font-size:var(--fs-sm)}.tiny{font-size:var(--fs-xs)}.nowrap{white-space:nowrap}.break{word-break:break-word;overflow-wrap:anywhere}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stack-lg{display:flex;flex-direction:column;gap:var(--gap-lg)}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;flex-wrap:wrap;gap:8px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.card--flush{padding:0;overflow:hidden}.card--inset{background:var(--surface-inset)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-md)}.step-badge{width:22px;height:22px;border-radius:999px;background:var(--accent-dim);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;flex:none}.btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);min-height:44px;padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform .12s var(--ease);touch-action:manipulation}.btn:active{transform:scale(.98)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn--primary:active{background:var(--accent-hot)}.btn--ghost{background:transparent;border-color:var(--line)}.btn--danger{border-color:#e0574f80;color:var(--danger);background:var(--danger-dim)}.btn--block{width:100%}.btn--lg{min-height:54px;font-size:var(--fs-md);border-radius:var(--radius)}.btn--sm{min-height:36px;padding:6px 12px;font-size:var(--fs-xs)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.btn-row .btn{flex:1 1 auto;min-width:132px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.chip--accent{background:var(--accent-dim);border-color:var(--line-accent);color:var(--accent)}.chip--ok{background:var(--ok-dim);border-color:#3fbf7f59;color:var(--ok)}.chip--warn{background:var(--warn-dim);border-color:#e0a83c59;color:var(--warn)}.chip--danger{background:var(--danger-dim);border-color:#e0574f59;color:var(--danger)}.chip--info{background:var(--info-dim);border-color:#5b9bd559;color:var(--info)}.chip-row,.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented__option{flex:1 1 auto;min-height:44px;min-width:78px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-inset);color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:all var(--speed) var(--ease)}.segmented__option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.segmented__hint{font-size:10px;font-weight:400;color:var(--text-dim);line-height:1.3}.segmented__option[aria-pressed=true] .segmented__hint{color:var(--accent);opacity:.75}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.field__hint{font-size:var(--fs-xs);color:var(--text-dim)}input[type=text],input[type=url],input[type=number],input[type=date],select,textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-inset);color:var(--text)}textarea{min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.5}input[type=range]{width:100%;height:32px;accent-color:var(--accent)}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0}.switch__text{display:flex;flex-direction:column;gap:2px}.switch input[type=checkbox]{width:46px;height:26px;accent-color:var(--accent);flex:none}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-inset);padding:26px 18px;text-align:center;cursor:pointer;transition:all var(--speed) var(--ease)}.dropzone:active,.dropzone.is-over{border-color:var(--accent);background:var(--accent-dim)}.dropzone__icon{font-size:26px;margin-bottom:6px}.waveform{display:flex;align-items:flex-end;gap:2px;height:54px;padding:8px;background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.waveform__bar{flex:1;min-width:1px;background:var(--accent);opacity:.55;border-radius:1px}.preview{display:flex;gap:var(--gap);align-items:flex-start}.preview__frame{position:relative;width:132px;flex:none;aspect-ratio:9 / 16;border-radius:var(--radius);overflow:hidden;background:var(--bg-deep);border:1px solid var(--line)}.preview__frame canvas{display:block;width:100%;height:100%}.preview__frame .scene-card__thumb{width:100%;height:100%;aspect-ratio:auto}.preview__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.preview__title{font-weight:700;font-size:var(--fs-md)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}@media(max-width:400px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.scene-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.scene-card.is-selected{border-color:var(--accent)}.scene-card.is-disabled{opacity:.5}.scene-card__thumb{position:relative;aspect-ratio:9 / 16;background:var(--bg-deep)}.scene-card__thumb canvas,.scene-card__thumb img,.scene-card__thumb video{display:block;width:100%;height:100%;object-fit:cover}.scene-card__badges{position:absolute;top:6px;left:6px;right:6px;display:flex;flex-wrap:wrap;gap:4px}.scene-card__body{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1}.scene-card__name{font-weight:700;font-size:var(--fs-sm);line-height:1.25}.scene-card__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.scene-card__actions .btn{flex:1 1 auto;min-width:0;padding:6px 8px;min-height:34px;font-size:11px}.list{display:flex;flex-direction:column;gap:8px}.list__item{display:flex;gap:10px;align-items:flex-start;padding:10px;background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--radius-sm)}.list__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.list__title{font-weight:600;font-size:var(--fs-sm)}.progress{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress__bar{height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .22s linear}.progress__bar--indeterminate{width:35%;animation:slide 1.4s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.note{display:flex;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid var(--line);background:var(--surface-inset);color:var(--text-muted);line-height:1.45}.note--warn{border-color:#e0a83c59;background:var(--warn-dim);color:#f0d9a8}.note--danger{border-color:#e0574f59;background:var(--danger-dim);color:#f3c2be}.note--ok{border-color:#3fbf7f59;background:var(--ok-dim);color:#bfe8d3}.note--info{border-color:#5b9bd559;background:var(--info-dim);color:#c2dbf0}.note__icon{flex:none}.kv{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:6px 12px;font-size:var(--fs-sm)}.kv dt{color:var(--text-dim)}.kv dd{margin:0;word-break:break-word}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:fade .16s var(--ease)}@media(min-width:640px){.sheet-backdrop{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--pad) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-2);animation:rise .22s var(--ease)}@media(min-width:640px){.sheet{border-radius:var(--radius-lg);border-bottom:1px solid var(--line)}}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sheet__grabber{width:42px;height:4px;border-radius:999px;background:var(--surface-3);margin:0 auto 12px}.sheet__close{border:0;background:none;color:var(--text-muted);font-size:20px;cursor:pointer;min-width:40px;min-height:40px;border-radius:var(--radius-sm)}.toasts{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px);z-index:70;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 var(--pad);pointer-events:none}.toast{max-width:520px;width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow-1);font-size:var(--fs-sm);animation:rise .18s var(--ease)}.toast--ok{border-color:#3fbf7f80}.toast--error{border-color:#e0574f80}.toast--warn{border-color:#e0a83c80}.prompt-box{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto;color:var(--text-muted)}.divider{height:1px;background:var(--line);margin:4px 0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.render-canvas{display:none}@media(min-width:900px){.nav{position:fixed;top:var(--header-h);bottom:0;left:0;right:auto;width:208px;height:auto;flex-direction:column;align-items:stretch;padding:12px 10px;border-top:0;border-right:1px solid var(--line)}.nav__item{flex:none;flex-direction:row;justify-content:flex-start;gap:10px;padding:0 12px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.nav__item[aria-current=true]{background:var(--accent-dim)}.app{padding-bottom:0;padding-left:208px}.main{padding-top:32px}.preview__frame{width:168px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}