html:not([data-theme]),html[data-theme="light"]{
  color-scheme:light;
  --bg:#ffffff;
  --panel:#f7f7f8;
  --elevated:#ffffff;
  --line:#dedfe4;
  --line-strong:#b8bac3;
  --text:#24242c;
  --muted:#62636f;
  --accent:#f0b24b;
  --accent-ink:#17110a;
  --accent-text:#805100;
  --accent-soft:#fff1d8;
  --accent-hover:#e6a83f;
  --field:#ffffff;
  --canvas:#ffffff;
  --dot:#d4d5dc;
  --hover:#eeeff2;
  --chrome:#f2f2f5;
  --shadow:0 4px 16px #22232b0a;
  --shadow-large:0 24px 80px #16172126;
  --focus:#956100;
  --danger:#a8362d;
  --preview:#f0f0f3;
  --record-line:#3b3b45;
  --record-body:#191921;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#06060b;
  --panel:#0e0e16;
  --elevated:#171722;
  --line:#ffffff21;
  --line-strong:#ffffff4a;
  --text:#f4f1ea;
  --muted:#aaa79f;
  --accent:#f0b24b;
  --accent-ink:#17110a;
  --accent-text:#f5c36a;
  --accent-soft:#302416;
  --accent-hover:#ffc66a;
  --field:#090910;
  --canvas:#06060b;
  --dot:#41414f;
  --hover:#23232f;
  --chrome:#11111b;
  --shadow:0 6px 20px #00000030;
  --shadow-large:0 24px 80px #00000070;
  --focus:#f5c36a;
  --danger:#ffb5a8;
  --preview:#08080e;
  --record-line:#343441;
  --record-body:#15151f;
}
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline-color:var(--focus)}
html[data-theme] button:hover{background-color:var(--hover)}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{background:var(--field);border-color:var(--line);color:var(--text)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme] label,html[data-theme] .muted{color:var(--muted)}
html[data-theme] :is(h1,h2){font-weight:600}
html[data-theme] .topbar{background:var(--elevated);border-color:var(--line);box-shadow:0 1px 0 #00000002}
html[data-theme] .brand-sub,html[data-theme] #save-state{color:var(--muted)}
html[data-theme] .header-separator{background:var(--line)}
html[data-theme] .project-title{color:var(--text)}
html[data-theme] .project-title .icon{color:var(--muted)}
html[data-theme] .mode-switch{background:var(--chrome);border-color:var(--line);box-shadow:none}
html[data-theme] .mode-switch button{color:var(--muted)}
html[data-theme] .mode-switch .active{background:var(--elevated);color:var(--text);box-shadow:0 1px 4px #00000012}
html[data-theme] .primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff26}
html[data-theme] .primary:hover{background:var(--accent-hover)}
html[data-theme] .secondary{background:var(--elevated);border-color:var(--line);color:var(--text)}
html[data-theme] .secondary:hover{background:var(--hover);border-color:var(--line-strong)}
html[data-theme] .icon-button{color:var(--muted)}
html[data-theme] .avatar{background:var(--accent-soft);border-color:var(--line);color:var(--accent-text)}
html[data-theme] .rail{width:72px;padding:14px 7px;background:var(--chrome);border-color:var(--line);overflow-y:auto;scrollbar-width:none}
html[data-theme] .rail>div{gap:4px}
html[data-theme] .rail button{width:56px;min-height:46px;height:auto;padding:7px 3px;color:var(--muted);flex-direction:column;gap:4px;border:1px solid transparent}
html[data-theme] .rail button>span{font-size:8px;line-height:1.25;font-weight:500}
html[data-theme] .rail button .icon{width:18px;height:18px}
html[data-theme] .rail .active{background:var(--elevated);border-color:var(--line);color:var(--text);box-shadow:0 1px 4px #00000005}
html[data-theme] .create-panel{background:var(--panel);border-color:var(--line);scrollbar-color:var(--line-strong) transparent}
html[data-theme] .eyebrow,html[data-theme] .panel-intro{color:var(--muted)}
html[data-theme] .kind-switch{background:var(--chrome);border-color:var(--line)}
html[data-theme] .kind-switch button{color:var(--muted)}
html[data-theme] .kind-switch .active{background:var(--elevated);color:var(--text);box-shadow:0 1px 4px #00000010}
html[data-theme] .field-label{color:var(--text)}
html[data-theme] .idea-wrap{background:var(--field);border-color:var(--line);box-shadow:none}
html[data-theme] .idea-wrap textarea{background:transparent;color:var(--text)}
html[data-theme] .idea-wrap>span{color:var(--muted)}
html[data-theme] .upload-card{background:var(--elevated);border-color:var(--line-strong)}
html[data-theme] .upload-card:hover{background:var(--hover)}
html[data-theme] .upload-card>.icon{color:var(--text)}
html[data-theme] .upload-card strong{color:var(--text)}
html[data-theme] .upload-card>span{color:var(--muted)}
html[data-theme] .style-option{color:var(--muted)}
html[data-theme] .style-art{border-color:var(--line)}
html[data-theme] .style-option.active{color:var(--text)}
html[data-theme] .style-option.active .style-art{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--accent-soft)}
html[data-theme] .style-option .icon{background:var(--accent);color:var(--accent-ink)}
html[data-theme] .style-5{background:radial-gradient(ellipse at 24% 85%,#b8a084,transparent 60%),radial-gradient(ellipse at 78% 5%,#7c788b,transparent 65%),#474550}
html[data-theme] .form-row select,html[data-theme] .form-row input{background:var(--field)}
html[data-theme] .plan-caption,html[data-theme] .panel-bottom{color:var(--muted)}
html[data-theme] .audio-chips>span{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] .workspace-top{background:var(--elevated);border-color:var(--line)}
html[data-theme] .view-tabs button{color:var(--muted)}
html[data-theme] .view-tabs .active{color:var(--text)}
html[data-theme] .view-tabs .active:after{background:var(--accent-text)}
html[data-theme] .workspace-meta{color:var(--muted)}
html[data-theme] .status-dot{background:var(--accent-text)}
html[data-theme] .divider{color:var(--muted)}
html[data-theme] .stage.canvas{background-color:var(--canvas);background-image:radial-gradient(var(--dot) .65px,transparent .65px);background-size:22px 22px}
html[data-theme] .canvas-label>.eyebrow,html[data-theme] .canvas-label>span+span{color:var(--muted)}
html[data-theme] .node{background:var(--elevated);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme] .node.selected{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow)}
html[data-theme] .node-heading{color:var(--text);border-color:var(--line)}
html[data-theme] :is(.peach,.lilac,.sage){background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] .node-tag{color:var(--muted)}
html[data-theme] .node-body>span,html[data-theme] .node-body>p{color:var(--muted)}
html[data-theme] .node-chips>span{border-color:var(--line);color:var(--muted);background:var(--panel)}
html[data-theme] .source-visual{background:var(--chrome)}
html[data-theme] .record{background:repeating-radial-gradient(circle,var(--record-body) 0,var(--record-body) 2px,var(--record-line) 3px,var(--record-body) 4px);box-shadow:0 6px 15px #00000024}
html[data-theme] .record>span{background:var(--accent);box-shadow:inset 0 0 0 12px #dda13e}
html[data-theme] .record>span:after{background:#17110a}
html[data-theme] .source-wave>i{background:var(--accent-text)}
html[data-theme] .node-foot{border-color:var(--line);color:var(--accent-text)!important}
html[data-theme] .port{border-color:var(--muted);background:var(--elevated)}
html[data-theme] .port:hover,html[data-theme] .port:focus-visible{background:var(--accent);border-color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft)}
html[data-theme] .edge{stroke:var(--line-strong);opacity:1}
html[data-theme] .edge-hit:hover,html[data-theme] .edge-hit:focus{stroke:color-mix(in srgb,var(--accent) 48%,transparent)}
html[data-theme] .shot-card{border-color:var(--line);background:var(--elevated)}
html[data-theme] .shot-image:after{background:linear-gradient(transparent 50%,#0a0a1480)}
html[data-theme] .shot-number,html[data-theme] .shot-duration{background:#101018c9;color:#fff;border-color:#ffffff35}
html[data-theme] .art-label,html[data-theme] .inspector-image>span{color:#fff;background:#101018b8;padding:2px 4px;border-radius:3px}
html[data-theme] .shot-info>span{color:var(--muted)}
html[data-theme] .finish-visual{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}
html[data-theme] .finish-visual>.icon{color:var(--accent-text);background:var(--accent-soft);border-color:var(--line)}
html[data-theme] .node.finish .node-body>.secondary{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme] .node.note{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent-text) 35%,var(--line))}
html[data-theme] .node.note textarea{background:transparent;color:var(--text)}
html[data-theme] .node.note .node-heading{color:var(--text);border-color:color-mix(in srgb,var(--accent-text) 25%,transparent)}
html[data-theme] .canvas-tools,html[data-theme] .zoom-tools{background:var(--elevated);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
html[data-theme] .canvas-tools button,html[data-theme] .zoom-tools button,html[data-theme] .zoom-tools>span{color:var(--muted)}
html[data-theme] .canvas-tools>span{background:var(--line)}
html[data-theme] .canvas-hint{color:var(--muted)}
html[data-theme] .stage.storyboard{background:var(--bg);scrollbar-color:var(--line-strong) transparent}
html[data-theme] .story-grid .shot-card.selected{border-color:var(--accent-text)}
html[data-theme] .stage.preview{background:var(--preview)}
html[data-theme] .preview-frame{background:#08080e}
html[data-theme] .preview-badge{background:#101018dc;color:#fff;border-color:#ffffff30}
html[data-theme] .preview-caption>span,html[data-theme] .preview-prompt{color:var(--muted)}
html[data-theme] .timeline{background:var(--panel);border-color:var(--line)}
html[data-theme] .timeline-toolbar{border-color:var(--line)}
html[data-theme] .timeline-toolbar>div:first-child>span{color:var(--muted)}
html[data-theme] .play-button{border-color:var(--line-strong);color:var(--text);background:var(--elevated)}
html[data-theme] .timeline-scroller{scrollbar-color:var(--line-strong) var(--panel)}
html[data-theme] .ruler{border-color:var(--line);background-image:repeating-linear-gradient(to right,transparent 0,transparent 29px,var(--line) 30px,transparent 31px)}
html[data-theme] .ruler span{color:var(--muted)}
html[data-theme] .clip{border-color:#ffffff55;color:#fff;text-shadow:0 1px 3px #000}
html[data-theme] .clip:before{background:linear-gradient(transparent,#090910d9)}
html[data-theme] .clip>span:first-child{border-color:#ffffff70}
html[data-theme] .clip.selected{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
html[data-theme] .audio-track{border-color:var(--line);color:var(--accent-text);background:var(--accent-soft)}
html[data-theme] .audio-track>span{background:var(--accent-soft);color:var(--accent-text)}
html[data-theme] .waveform i{background:var(--accent-text)}
html[data-theme] .playhead{background:var(--accent-text);box-shadow:none}
html[data-theme] .playhead:before{background:var(--accent-text)}
html[data-theme] .inspector{background:var(--panel);border-color:var(--line);scrollbar-color:var(--line-strong) transparent}
html[data-theme] .inspector input,html[data-theme] .inspector textarea,html[data-theme] .inspector select{background:var(--field);border-color:var(--line)}
html[data-theme] .inspector-foot{color:var(--muted)}
html[data-theme] .danger{color:var(--danger)}
html[data-theme] .statusbar{background:var(--chrome);border-color:var(--line);color:var(--muted);padding-inline-start:85px}
html[data-theme] .statusbar>span:last-child{color:var(--muted)}
html[data-theme] .media-thumb{background:var(--chrome);color:var(--muted)}
html[data-theme] .media-item{border-color:var(--line)}
html[data-theme] .media-item span,html[data-theme] .empty-mini,html[data-theme] .missing-media{color:var(--muted)}
html[data-theme] body.dragging:after{background:color-mix(in srgb,var(--elevated) 94%,transparent);border-color:var(--accent-text);color:var(--text)}
html[data-theme] dialog{border-color:var(--line);background:var(--elevated);color:var(--text);box-shadow:var(--shadow-large)}
html[data-theme] dialog::backdrop{background:#08080e80;backdrop-filter:blur(6px)}
html[data-theme] dialog>p,html[data-theme] dialog .muted{color:var(--muted)}
html[data-theme] .export-option{border-color:var(--line);background:var(--panel)}
html[data-theme] .export-option .icon{color:var(--accent-text)}
html[data-theme] .generation-mark>.icon{color:var(--accent-text);filter:none}
html[data-theme] .ready-check,html[data-theme] .ready-check>span:last-child{color:var(--muted)}
html[data-theme] .file-label{color:var(--text)}
html[data-theme] .project-row{border-color:var(--line);background:var(--panel)}
html[data-theme] .project-row>span>span{color:var(--muted)}
html[data-theme] .project-row>.icon,html[data-theme] .help-grid strong{color:var(--accent-text)}
html[data-theme] .help-grid p{color:var(--muted)}
html[data-theme] #toast{background:var(--elevated);border-color:var(--line-strong);color:var(--text);box-shadow:var(--shadow-large)}
html[data-theme] .skip{background:var(--accent);color:var(--accent-ink)}
.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--chrome);flex-shrink:0}
.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:29px;min-height:27px;padding:5px 7px;color:var(--muted);border-radius:5px;font-size:10px}
.theme-switch button .icon{width:14px;height:14px}
.theme-switch button.active,.theme-switch button[aria-pressed="true"]{background:var(--elevated);color:var(--text);box-shadow:0 1px 3px #00000012}
.toolbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.tool-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:98px;padding:15px 8px;border:1px solid var(--line);border-radius:7px;background:var(--elevated);color:var(--text);font-size:11px;text-align:center;line-height:1.4}
.tool-tile .icon{width:22px;height:22px;stroke-width:1.4}
.tool-tile>span{max-width:100%;overflow-wrap:anywhere}
.tool-tile:hover{border-color:var(--line-strong);background:var(--hover)}
.tool-tile.active,.tool-tile[aria-pressed="true"]{border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}
.tool-search{width:100%;padding:10px 12px;background:var(--field);border:1px solid var(--line);border-radius:7px;color:var(--text)}
.toolbox-section{margin-block:24px 12px;color:var(--muted);font-size:11px;font-weight:500}
.toolbox-heading{font-size:17px;margin-bottom:18px;font-weight:600}
html[data-theme="dark"] .inspector.open{box-shadow:-10px 0 40px #00000070}
html[data-theme="light"] .inspector.open{box-shadow:-10px 0 40px #17172218}
@media(max-width:1300px){.theme-switch button{padding:5px}.theme-switch button>span{display:none}}
@media(max-width:760px){html[data-theme] .rail{width:58px;padding:12px 4px}html[data-theme] .rail button{width:48px;min-height:44px}html[data-theme] .rail button>span{font-size:7px}html[data-theme] .create-panel{width:calc(100% - 58px)}html[data-theme] .statusbar{padding-inline:12px}.theme-switch{padding:2px}.theme-switch button{min-width:24px;min-height:25px;padding:4px}.theme-switch button .icon{width:12px;height:12px}.toolbox-grid{gap:10px}.tool-tile{min-height:98px}}
@media(prefers-reduced-motion:reduce){.theme-switch button,.tool-tile{transition:none}}