
.library-footer .brand{margin-right:auto}.library-collapsed .library-footer{flex-direction:column;gap:12px}
:root[data-theme=dark]{color-scheme:dark;--panel:#202123;--line:#303236;--field:#292b2e;--accent:#bcc5d4;background:#17181a;color:#ddd}
:root[data-theme=dark] body,:root[data-theme=dark] main{background:#17181a}
:root[data-theme=dark] :is(.library,.inspector,.card-editor,.inspector-shell,.workspace>.stage-toolbar,.playback,.shots,dialog){background:#202123;border-color:#303236;color:#ddd}
:root[data-theme=dark] .preview-panel{background-color:#1d1e20;background-image:radial-gradient(circle,#292a2d 2px,transparent 2.6px);border-color:#303236}
:root[data-theme=dark] .stage{background:transparent;box-shadow:0 0 0 1px #ffffff0a}
:root[data-theme=dark] :is(.library-footer,.library .tabs,.project-bar,.inspector>.direction-control,.inspector section.inspector-group,.format-controls,.card-editor-header,.music-track,.entrance-details){border-color:#333539}
:root[data-theme=dark] :is(.project-bar,.inspector>.direction-control,.card-editor-header){background:#202123}
:root[data-theme=dark] :is(#template-search,.template-filters,.template-card,.tabs button.active,#direction-buttons,select,.format-select,.format-custom input,#easing-values input,.slider-number,.section-body .slider-number,.header-actions button,.playback #play,.playback #time,.shots h2 span,#selection-actions button,.media-row,#visual-presets button,.card-editor-header button,.export-info i){background:#2b2d30;color:#c0c2c7;border-color:transparent}
:root[data-theme=dark] #template-search::placeholder{color:#92969f}
:root[data-theme=dark] :is(.template-filters button,.tabs button,#direction-buttons button){color:#a8abb3}
:root[data-theme=dark] :is(.template-filters button[aria-pressed=true],#direction-buttons button[aria-pressed=true]){background:#414348;color:#eee;box-shadow:0 1px 3px #0003}
:root[data-theme=dark] .template-card:hover{background:#383a3e}
:root[data-theme=dark] .template-card.active{background:#3c3f44;box-shadow:inset 0 0 0 1px #9298a3}
:root[data-theme=dark] :is(.template-card .card-label,.template-card.active .card-label,.brand,.brand-symbol,.library-footer button,.workspace>.stage-toolbar>div:first-child,.workspace>.stage-toolbar #expand-preview,.inspector h2,.card-editor-header h2,.section-toggle .section-caption,.section-toggle[aria-expanded=true] .section-caption,.project-name input){color:#d0d2d7}
:root[data-theme=dark] :is(.section-body label,label,.format-label,.shots h2,.shot-label,.asset-navigation button,.shots-heading #add,.export-info strong){color:#b5b9c2}
:root[data-theme=dark] :is(.section-body .tip,.template-detail,.wireframe-note,.tip,.project-name>span,.slider-unit,output,.export-info p,.export-info>span,.card-editor-header p,#card-editor #shot-selection-note,.upload-box span,dialog p){color:#999fa9}
:root[data-theme=dark] .music-track>p{color:#b9bec8!important}
:root[data-theme=dark] .workspace>.stage-toolbar .history-actions button{color:#bec2c9;background:transparent}
:root[data-theme=dark] .workspace>.stage-toolbar .history-actions button:hover:not(:disabled){background:#35373b;color:#fff}
:root[data-theme=dark] button:hover:not(:disabled):not(:where(.dialkit-root *)){border-color:#515660}
:root[data-theme=dark] :is(.header-actions button:hover:not(:disabled),.library-footer button:hover:not(:disabled),.playback #play:hover){background:#3a3d42;color:#eee}
:root[data-theme=dark] #export{background:#dedfe2;color:#202124;border-color:transparent}
:root[data-theme=dark] #export:hover:not(:disabled){background:#f3f3f5}
:root[data-theme=dark] :is(input[type=range],.playback #scrub,.switch-row input,progress){accent-color:#b4bbc7}
:root[data-theme=dark] .shot{background:#292b2e;border-color:transparent}
:root[data-theme=dark] .shot.selected{background:#3b4048;border-color:#a6b2c5}
:root[data-theme=dark] :is(.shot canvas,.card-editor-preview){background:repeating-conic-gradient(#25272a 0% 25%,#303236 0% 50%) 50%/12px 12px}
:root[data-theme=dark] .shot-label button{color:#a0a6b0}
:root[data-theme=dark] .shot-label button:last-child{color:#cb9696}
:root[data-theme=dark] :is(.shot-add,.upload-box){background:#25272a;color:#b1b7c0;border-color:#45494f}
:root[data-theme=dark] .upload-box:hover{background:#32353a;border-color:#787f8a}
:root[data-theme=dark] .reset{color:#a5aab4}
:root[data-theme=dark] .reset:hover{color:#eee}
:root[data-theme=dark] :is(.media-row[aria-pressed=true],#visual-presets button.active){background:#3c414a;color:#e1e5ed;border-color:#8b95a6}
:root[data-theme=dark] .step-easing{background:#24262a;border-color:#3a3e45}
:root[data-theme=dark] #easing-graph{background:#1b1d20}
:root[data-theme=dark] .easing-grid{stroke:#363a40}
:root[data-theme=dark] .easing-diagonal{stroke:#5a606b}
:root[data-theme=dark] #easing-path{stroke:#d0d8e7}
:root[data-theme=dark] :is(#easing-start,#easing-end){fill:#24272c;stroke:#bcc9dd}
:root[data-theme=dark] #easing-handles{stroke:#8996aa}
:root[data-theme=dark] #easing-dot{fill:#dce7f9;stroke:#222}
:root[data-theme=dark] #easing-graph text{fill:#aab3c2}
:root[data-theme=dark] .shot-selection-box{border-color:#bbc8dc;background:#a8bad122}
:root[data-theme=dark] .swatch.active{outline-color:#c1cada}
:root[data-theme=dark] :is(.inspector,.card-editor){scrollbar-color:#4b5059 transparent}
:root[data-theme=dark] .library-content{scrollbar-width:none}
:root[data-theme=dark] dialog{box-shadow:0 18px 60px #0008}
:root[data-theme=dark] dialog::backdrop{background:#0008}
:root[data-theme=dark] .export-symbol{color:#c9cdd6}
:root[data-theme=dark] #toast{background:#d9dde5;color:#22262d;box-shadow:0 6px 24px #0005}
:root[data-theme=dark] .muted{color:#a6adba!important}

:root[data-theme=dark] .project-bar #export{background:#dedfe2;color:#202124}
:root[data-theme=dark] .project-bar #export:hover:not(:disabled){background:#f3f3f5}
