/* Original charcoal palette, applied to the rebuilt workspace by default. */
html[data-theme="dark"] { color-scheme:dark; --bg-color:#181818; --panel-color:#252525; --item-color:#333; --text-color:#e0e0e0; --accent-color:#00bcd4; --danger-color:#e74c3c; --border:#383c42; --muted:#929aa6; --soft:#252932; }
html[data-theme="dark"] body { background:#181818;color:#e0e0e0; }
html[data-theme="dark"] .app-header,
html[data-theme="dark"] .tool-rail,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .transport,
html[data-theme="dark"] .inspector-heading {background:#24262b;border-color:#3b3e45;color:#e4e8ee;}
html[data-theme="dark"] .brand {color:#f0f3f6;}
html[data-theme="dark"] .brand small,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .rail-caption {color:#969fab;}
html[data-theme="dark"] .brand-mark {background:#17414a;color:#49d2df;}
html[data-theme="dark"] .header-divider,
html[data-theme="dark"] .rail-separator,
html[data-theme="dark"] .transport-divider {background:#3b3e45;}
html[data-theme="dark"] button,
html[data-theme="dark"] .btn-label {background:#343941;color:#d0d6df;}
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .btn-label:hover {background:#434c58;color:#f6f8fa;}
html[data-theme="dark"] button.active,
html[data-theme="dark"] .btn-label.active {background:#184c57;color:#77e3ee;}
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] input:focus-visible,
html[data-theme="dark"] summary:focus-visible,
html[data-theme="dark"] [tabindex]:focus-visible {outline-color:#3ed8e6 !important;}
html[data-theme="dark"] button.primary-btn {background:#00aabc;color:#061d22;}
html[data-theme="dark"] button.primary-btn:hover {background:#2bc5d4;color:#061d22;}
html[data-theme="dark"] button.quiet-btn,
html[data-theme="dark"] .tool-button,
html[data-theme="dark"] .step-btn {background:transparent;color:#b9c3cf;}
html[data-theme="dark"] button.quiet-btn:hover,
html[data-theme="dark"] .tool-button:hover,
html[data-theme="dark"] .step-btn:hover {background:#343b44;color:#f0f5f8;}
html[data-theme="dark"] .tool-button.active {background:#1b444d;color:#64dce8;box-shadow:inset 0 0 0 1px #2a6874;}
html[data-theme="dark"] .tool-button kbd {color:#88a5ad;}
html[data-theme="dark"] .rail-bottom button {background:#30343b;border-color:#4a4f58;color:#c8d1de;}
html[data-theme="dark"] input[type=text] {background:#30343b;color:#e9edf2;border-color:#454a53;}
html[data-theme="dark"] input[type=text]::placeholder {color:#8b95a3;}
html[data-theme="dark"] #projectNameInput {background:transparent;border-color:transparent;color:#e8ecf1;}
html[data-theme="dark"] #projectNameInput:hover,
html[data-theme="dark"] #projectNameInput:focus {background:#30343b;border-color:#4d5662;}
html[data-theme="dark"] .dot.saved {background:#7b929d;}
html[data-theme="dark"] .dot.unsaved {background:#e6b066;}
html[data-theme="dark"] .save-indicator {color:#acb4bf;}
html[data-theme="dark"] .stage {background:#1b1d22;}
html[data-theme="dark"] .stage-toolbar {background:#202329;border-color:#383d47;color:#c3ccd7;}
html[data-theme="dark"] .stage-toolbar strong {color:#e8edf1;}
html[data-theme="dark"] .live-dot {background:#35cbd9;}
html[data-theme="dark"] .subtle,
html[data-theme="dark"] .stage-toolbar .subtle,
html[data-theme="dark"] .canvas-corner {color:#a0aab6;}
html[data-theme="dark"] .viewport {background-color:#1b1d22;background-image:radial-gradient(#434951 .8px, transparent .8px);}
html[data-theme="dark"] .canvas-hint,
html[data-theme="dark"] .canvas-hint small {color:#aab3c0;}
html[data-theme="dark"] .context-strip {color:#a7b2bf;}
html[data-theme="dark"] .transport {border-color:#3b3e45;}
html[data-theme="dark"] .transport .play-button {background:#00aabb;color:#061d22;}
html[data-theme="dark"] .transport .play-button:hover {background:#30c5d3;}
html[data-theme="dark"] .transport .play-button.active {background:#17515c !important;color:#8beaf1;}
html[data-theme="dark"] .speed-control,
html[data-theme="dark"] .speed-control label {color:#aeb8c5;}
html[data-theme="dark"] .speed-control output {color:#e4e9ee;}
html[data-theme="dark"] .rotation-control {background:#30363d;border-color:#53616c;box-shadow:0 2px 9px #0008;}
html[data-theme="dark"] .rotation-control::before {background:#51d5e1;}
html[data-theme="dark"] .rotation-control::after {border-color:#7a8b97;}
html[data-theme="dark"] .panel-section {border-color:#3b3e45;}
html[data-theme="dark"] .section-header,
html[data-theme="dark"] .section-header h2,
html[data-theme="dark"] details summary {color:#e7ebf0;}
html[data-theme="dark"] .badge {background:#39414a;color:#bdcad8;}
html[data-theme="dark"] .field-label,
html[data-theme="dark"] .helper-text,
html[data-theme="dark"] .range-caption {color:#aab5c2;}
html[data-theme="dark"] .range-caption output,
html[data-theme="dark"] .range-caption>span,
html[data-theme="dark"] .count {color:#c2cad5;}
html[data-theme="dark"] .property-row {color:#d5dce5;}
html[data-theme="dark"] .color-trigger {background:#343941;border-color:#4b505a;color:#d1d9e2;}
html[data-theme="dark"] .color-trigger:hover {background:#444c56;}
html[data-theme="dark"] .color-swatch {border-color:#ffffff35;}
html[data-theme="dark"] .layer-item {background:#30343b;color:#c7d0dc;}
html[data-theme="dark"] .layer-item.active {background:#17444c;border-color:#2b7480;color:#d9f5f7;}
html[data-theme="dark"] .layer-vis,
html[data-theme="dark"] .layer-pin,
html[data-theme="dark"] .layer-move-btn {background:transparent;color:#abbac7;}
html[data-theme="dark"] .layer-pin.active {color:#6fe1eb;}
html[data-theme="dark"] .layer-actions button {background:transparent;color:#adb7c4;}
html[data-theme="dark"] .layer-actions button:hover {background:#38414b;color:#eff3f6;}
html[data-theme="dark"] .sidebar-footer {background:#24262b;border-color:#3b3e45;}
html[data-theme="dark"] .sidebar-footer .text-btn {color:#b7c3cf;}
html[data-theme="dark"] .sidebar-footer .danger-text {color:#e8a4a4;}
html[data-theme="dark"] input[type=range]::-webkit-slider-runnable-track {background:#505864;}
html[data-theme="dark"] input[type=range]::-webkit-slider-thumb {background:#273139;border-color:#3ed1df;}
html[data-theme="dark"] input[type=range]::-moz-range-track {background:#505864;}
html[data-theme="dark"] input[type=range]::-moz-range-thumb {background:#273139;border-color:#3ed1df;}
html[data-theme="dark"] input[type=checkbox] {accent-color:#00b5c7;}
html[data-theme="dark"] .shortcut-panel {background:#292e36ed;border-color:#47525f;color:#c4cedb;}
html[data-theme="dark"] .shortcut-content,
html[data-theme="dark"] .shortcut-toggle {color:#c0cbd8;}
html[data-theme="dark"] .shortcut-content strong {color:#81deea;}
html[data-theme="dark"] .export-panel {background:#292c32;border-color:#4a505a;box-shadow:0 15px 55px #0008;}
html[data-theme="dark"] .export-option {background:transparent;}
html[data-theme="dark"] .export-option:hover {background:#39414a;}
html[data-theme="dark"] .export-option strong {color:#e3eaf1;}
html[data-theme="dark"] .export-option strong span {color:#6ddce8;}
html[data-theme="dark"] .export-option small,
html[data-theme="dark"] .transparent-option {color:#b1bdca;}
html[data-theme="dark"] .modal-overlay {background:#0b1018b0;}
html[data-theme="dark"] .modal-content {background:#292c32;border-color:#50545f;color:#e4e8ee;box-shadow:0 20px 70px #0009;}
html[data-theme="dark"] .modal-header {color:#64dbe7;border-color:#48505b;}
html[data-theme="dark"] .modal-body p {color:#d6dde6;}
html[data-theme="dark"] .modal-body a {color:#6cdee9;}
html[data-theme="dark"] .disclaimer {background:#343940;color:#bec8d4;}
html[data-theme="dark"] .close-modal {color:#bcc6d2;}
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-input {background:#343941;border-color:#58616c;color:#e9edf2;}
html[data-theme="dark"] .form-group label {color:#d0d9e3;}
html[data-theme="dark"] .color-picker-box {background:#2d3138;border-color:#545c68;color:#e4eaf0;box-shadow:0 12px 40px #0009;}
html[data-theme="dark"] .cp-input {background:#20262d;border-color:#56616d;color:#e8edf3 !important;}
html[data-theme="dark"] .floating-bubble {background:#2e343b;border-color:#545d69;box-shadow:0 8px 25px #0008;}
html[data-theme="dark"] .floating-bubble button {background:#43505b;color:#e6eef3;}
html[data-theme="dark"] .floating-bubble button#selectionConfirmBtn {background:#0ba9b8;color:#031d22;}
html[data-theme="dark"] .floating-bubble button#selectionCancelBtn {background:#ba4f52;color:#fff;}
html[data-theme="dark"] .toast-message {background:#3b434d;color:#f1f4f6;}
html[data-theme="dark"] .inspector-heading .eyebrow {color:#9da8b6;}
html[data-theme="dark"] .scroll-area {scrollbar-color:#4b535c transparent;}
html[data-theme="dark"] .scroll-area::-webkit-scrollbar-thumb {background:#4b535c;}
html[data-theme="dark"] .theme-toggle {border:1px solid #48515c;color:#cbd7e2;background:#30363e;}
html[data-theme="dark"] .theme-toggle:hover {background:#3c4650;color:white;}
.theme-toggle {display:flex;align-items:center;gap:6px;border:1px solid #dfe5ed;background:#fff;color:#536377;}
.theme-icon {font-size:14px;line-height:1;}
@media (max-width:560px) {.theme-toggle {padding:5px 7px !important;}.theme-label {display:none;}}