:root{--ui-font:'Space Grotesk',sans-serif}
body,button,input,textarea,select,.project-title,.panel-heading h2,.timeline-heading h2,dialog h2,dialog h3,summary{font-family:var(--ui-font)!important}
.top-menu{position:relative}.top-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px}.top-menu>summary::-webkit-details-marker{display:none}.top-menu-body{position:absolute;top:calc(100% + 8px);left:0;z-index:180;width:240px;display:grid;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #0005}.top-menu-body button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px!important;background:transparent!important;border-color:transparent!important;font-size:12px!important}.top-menu-body kbd{font-size:10px;color:var(--muted)}.top-menu-body button:hover{background:var(--panel2)!important}
.appearance-settings{border-bottom:1px solid var(--line);padding:4px 0 18px;margin-bottom:18px}.appearance-settings h3{font-size:14px;margin:8px 0 16px}.settings-links{display:flex;gap:8px;flex-wrap:wrap}.settings-links button{flex:1}.shadow-controls{display:grid;gap:10px}.shadow-controls .color-row{grid-template-columns:1fr 1fr}.shadow-controls input[type=color]{width:100%}.export-folder{padding:12px 0;border-block:1px solid var(--line);margin-bottom:18px}.export-folder input{width:100%;font-size:12px}.export-folder label{display:grid;gap:8px;margin-bottom:10px}
#selectAllBtn{display:inline-flex;align-items:center;justify-content:center;min-width:32px}#selectAllBtn svg{pointer-events:none}.video-segment.selected,.timeline-segment.selected,.layer-clip.selected{outline:2px solid #b2a0ff!important;outline-offset:-2px;box-shadow:0 0 0 1px #171025,0 0 12px #9472ff44!important}
.empty-stage{gap:24px}.stage-placeholder-title,.stage-placeholder-sub{display:none}
:root[data-theme=light]{--bg:#edeef6;--panel:#fafafe;--panel2:#eff0f8;--line:#d2d6e8;--line-soft:#e0e3ed;--text:#22263c;--muted:#606981;--accent:#7251d5;--danger:#ac3452;color-scheme:light}
[data-theme=light] .topbar{background:linear-gradient(110deg,#fff,#f3f1fe);border-color:var(--line);box-shadow:0 4px 24px #30254c0a}
[data-theme=light] .panel,[data-theme=light] .timeline-panel,[data-theme=light] .timeline-section,[data-theme=light] .timeline,[data-theme=light] dialog,[data-theme=light] .dialog-body,[data-theme=light] .section-body,[data-theme=light] .top-menu-body,[data-theme=light] .timeline-menu-body{background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme=light] .panel-heading,[data-theme=light] .timeline-heading,[data-theme=light] .preview-toolbar,[data-theme=light] .preview-controls,[data-theme=light] .transport,[data-theme=light] .transport-bar,[data-theme=light] .timeline-header,[data-theme=light] .advanced-section>summary,[data-theme=light] .workspace-accordion>summary{background:var(--panel);color:var(--text);border-color:var(--line)}
[data-theme=light] input:not([type=color]):not([type=range]),[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] .ghost-button,[data-theme=light] .icon-button,[data-theme=light] .top-select,[data-theme=light] .template-filters button,[data-theme=light] .panel-jumps button{background:#fff;color:var(--text);border-color:var(--line)}
[data-theme=light] .project-title{color:var(--text);background:transparent!important}[data-theme=light] .brand-symbol{mix-blend-mode:multiply;filter:invert(1) hue-rotate(180deg)}
[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] summary,[data-theme=light] label,[data-theme=light] .helper,[data-theme=light] .manual-option,[data-theme=light] .gallery-hint,[data-theme=light] .save-state,[data-theme=light] .time-display,[data-theme=light] .asset-group-title,[data-theme=light] .library-item strong{color:var(--text)}
[data-theme=light] .asset-card,[data-theme=light] .lyric-row,[data-theme=light] .library-item,[data-theme=light] .shortcut-row,[data-theme=light] .saved-range,[data-theme=light] .ai-preview-row{background:#f3f3fb;color:var(--text);border-color:var(--line)}
[data-theme=light] .asset-card.selected,[data-theme=light] .lyric-row.selected{background:#e9e3ff;border-color:#9275de}
[data-theme=light] .asset-copy strong,[data-theme=light] .asset-copy span,[data-theme=light] .asset-card small{color:var(--text)}
[data-theme=light] .track-label,[data-theme=light] .layer-track-label,[data-theme=light] .timeline-ruler,[data-theme=light] .ruler,[data-theme=light] .track-scroll,[data-theme=light] .track-header{background:var(--panel2);color:var(--muted);border-color:var(--line)}
[data-theme=light] .timeline-grid{background:var(--panel2);border-color:var(--line)}
[data-theme=light] .timeline-menu-body section>strong,[data-theme=light] .style-scope label{color:var(--muted)}
[data-theme=light] .workspace-splitter,[data-theme=light] .timeline-resizer{background:#dde0ef}
[data-theme=light] dialog::backdrop{background:#21243666}
[data-theme=light] .stage-wrap{background:#e3e5ee}
/* Canvas, media thumbnails and the video itself retain their actual colors. */
/* Full light surfaces, including the nested workspace sections. */
[data-theme=light] :is(.workspace-section,.asset-library,.manual-box,.style-scope,.template-filters,.lyrics-editor,.settings-status,.notice,.mode-switch,.segmented,.tool-switch,.track-canvas,.timeline-scroll,.extra-lane,.time-ruler,.range-canvas,.panel-resizer,.workspace-resizer){background:var(--panel2)!important;color:var(--text);border-color:var(--line)!important}
[data-theme=light] :is(.workspace-section>summary,.workspace-section label,.helper,.gallery-hint,.settings-dialog p,.settings-dialog label,.settings-dialog summary,.style-controls output,.timecode,.base-track-name,.media-group-label,.library-item small,.section-title,.row-style-name,.lyrics-editor-head,.empty-lyrics,.empty-presets,.source-range,.scale-control span,.collection-label){color:var(--muted)!important}
[data-theme=light] :is(.workspace-section>summary,.settings-dialog h2,.settings-dialog h3,.panel-heading h2){color:var(--text)!important}
[data-theme=light] :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select,textarea,.settings-links .ghost-button,.settings-actions .ghost-button){background:#fff!important;color:var(--text)!important;border-color:var(--line)!important}
[data-theme=light] .track-add{background:#e3dcf5!important;color:#53427e!important;border-color:#bdafd7!important}
[data-theme=light] :is(.tool-switch button.active,.segmented button.active,.mode-switch button.active,.template-filters button.active,.studio-tabs button.active){background:#e1d7ff!important;color:#422581!important}
[data-theme=light] :is(.timeline-segment,.layer-clip){color:#eee8ff}
[data-theme=light] .time-ruler span{color:#67718c}[data-theme=light] .timeline-playhead{background:#68519e}
[data-theme=light] .artist-card .template-copy{background:#f6f4fc}[data-theme=light] .artist-card .template-copy strong{color:var(--text)}[data-theme=light] .artist-card .template-copy>span{color:var(--muted)!important}
[data-theme=light] .range-band{background:#ac8deb40}[data-theme=light] .range-band span{color:#55338b}
[data-theme=light] .storage-path{background:#efebf8!important;color:#433559!important}
[data-theme=light] .shortcut-row kbd,[data-theme=light] .shortcut-button kbd{background:#f0edf7;color:#503980;border-color:#d2c8e5}
.appearance-settings select{padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text)}
[data-theme=light] button{transition:none}[data-theme=light] .brand-symbol{mix-blend-mode:normal;filter:none}