/* ====================================================================
   LIGHT THEME — GENERATED FILE, DO NOT EDIT BY HAND
   Regenerate after any change to style.css:
       node CSS-CLEANUP-TOOLS/generate-light-theme.js
   (Sections 1 & 2 live in the generator script — edit them THERE.)
   Hand-tuned exceptions: CSS/light-theme-overrides.css (included last).
   Activated by the "bws-light" class on <html> (js/theme-toggle.js).
   Generated deterministically; run the command above after source changes.
   ==================================================================== */

/* ── Section 1: design-token overrides (hand-tuned) ──────────────────
   Palette shared with the public pages (CSS/landing.css, 2026-10-14): warm
   cream page, white cards, warm-gray panels and borders (the warm pass at the
   end of this script tints every neutral light gray), near-black text, the
   soft gold #e3d5b3 for buttons/fills (with black text), dark amber
   #8f6b00 replacing gold wherever it is text, border or glow. */
html.bws-light {
    /* Light form-control internals + native dropdowns (style.css sets dark) */
    color-scheme: light;
    --color-background: #ffffff;
    /* Used (via fallback #fff) by JS-injected preset-card styles */
    --text-primary: #1a1a1a;
    --color-surface: #f4f1ea;
    --color-button: #ece8df;
    --color-border: #c9c4b7;
    --color-text: #1a1a1a;
    --color-text-secondary: rgba(0, 0, 0, 0.65);
    --color-success: #2e7d32;
    --color-danger: #d32f2f;
    --color-warning: #e65100;
    /* Accent fills buttons and surfaces (black text on it): in light mode the
       soft gold of the landing page, which suits the cream palette.
       Accent-as-text/border is rewritten per-rule in Section 3. */
    --color-accent: #e3d5b3;
    --color-accent-dark: #d9c799;
    /* Mobile's light palette uses opaque panels: dark text must never sit
       directly on the dimmed page behind a dialog. */
    --glass-scrim: rgba(0, 0, 0, 0.45);
    --glass-panel: #ffffff;
    --bws-sticky-bg: rgba(250, 248, 243, 0.97);
    --bg-dark-heavy: #faf8f3;         /* containers on this token are cream (Bojan, 2026-10-14) */
    --bg-dark-medium: rgba(0, 0, 0, 0.05);
    --bg-dark-light: #f4f1ea;
    --bg-dark-lighter: #ffffff;
    --bg-accent-heavy: rgba(227, 213, 179, 0.5);
    --bg-accent-medium: rgba(227, 213, 179, 0.32);
    --bg-accent-light: rgba(227, 213, 179, 0.18);
    --border-accent-light: rgba(143, 107, 0, 0.30);
    --border-accent-medium: rgba(143, 107, 0, 0.24);
    --glow-accent: rgba(143, 107, 0, 0.20);
    --glow-accent-medium: rgba(143, 107, 0, 0.16);
    --glow-accent-heavy: rgba(143, 107, 0, 0.32);
    --glow-accent-strong: rgba(143, 107, 0, 0.40);
    --text-muted: rgba(0, 0, 0, 0.6);
    --text-bright: rgba(0, 0, 0, 0.80);
    --text-white: #1a1a1a;
    --bg-success: rgba(40, 167, 69, 0.18);
    --bg-danger: rgba(220, 53, 69, 0.16);
    --glow-danger: rgba(220, 53, 69, 0.25);
    --input-bg: #ffffff;
    --input-bg-hover: #faf8f2;
    --input-bg-focus: #ffffff;
}

/* ── Section 2: index.html inline-style overrides (hand-tuned) ─────── */
/* The CRT-scanline texture belongs to the dark aesthetic — drop it */
html.bws-light body::before { background: none; }
/* Dev cache-buster banner (inline style attr, needs !important) */
html.bws-light #cb-dev-cachebust-banner {
    color: #8a6d00 !important;
    background: rgba(224, 168, 0, 0.12) !important;
    border-color: #c3950c !important;
}
/* …its muted look while the buster is (temporarily) disabled */
html.bws-light #cb-dev-cachebust-banner.cb-cachebust-off {
    color: #767676 !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: #a8a8a8 !important;
}
html.bws-light #bws-auth-bar {
    background: rgba(250, 248, 243, 0.9);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(143, 107, 0, 0.25);
}
html.bws-light .bws-header-brand { color: #8f6b00; }
html.bws-light .bws-header-icon {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(143, 107, 0, 0.30);
    color: rgba(143, 107, 0, 0.75);
}
html.bws-light .bws-header-icon:hover {
    color: #8f6b00;
    border-color: rgba(143, 107, 0, 0.55);
    background: rgba(227, 213, 179, 0.25);
}
html.bws-light .bws-auth-name { color: rgba(0, 0, 0, 0.75); }
html.bws-light .bws-auth-avatar { border-color: rgba(143, 107, 0, 0.4); }
html.bws-light .bws-auth-logout-btn {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.20);
    color: rgba(0, 0, 0, 0.55);
}
/* Preset-library tabs: repaint the active tab gold. The generated light
   overrides for the BASE tab (emitted because those rules carry literal
   color fallbacks inside var()) outrank the dark ".active" rules by
   specificity, washing out the gold. Timers modules (fp/bp/ip…) don't need
   this — their base rules use bare var() tokens, so no base override is
   generated and the dark .active rule still wins. */
html.bws-light #av2-section-presets .av2p-tab.active,
html.bws-light .mlib-tab.active,
html.bws-light #handpan-composition-presets-container .hcp-tab.active,
html.bws-light #gong-composition-presets-container .gcp-tab.active,
html.bws-light #drum-composition-presets-container .dcp-tab.active,
html.bws-light #singing-bowls-session-presets-container .scp-tab.active {
    background: var(--color-accent, #ffd84b);
    color: #111;
    border-color: #e3d5b3;
}
html.bws-light .bws-section-drag-handle { color: rgba(143, 107, 0, 0.40); }
html.bws-light .bws-section-drag-handle:hover { color: rgba(143, 107, 0, 0.90); }
html.bws-light .bws-section-drag-handle:active { color: #8f6b00; }
html.bws-light .bws-binaural-section.is-dragging { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25); }
html.bws-light .bws-binaural-section.drop-above { box-shadow: 0 -3px 0 0 #e3d5b3, 0 -3px 16px 0 rgba(143, 107, 0, 0.30); }
html.bws-light .bws-binaural-section.drop-below { box-shadow: 0 3px 0 0 #e3d5b3, 0 3px 16px 0 rgba(143, 107, 0, 0.30); }

/* ── Section 2b: builder picker SVGs (hand-tuned, attr-matched) ─────── */
/* Background circle, default state (rim/gu/active states keep their fills) */
html.bws-light .hpp-note-picker-svg circle[data-bg][fill="#000"],
html.bws-light .sdp-sound-picker-svg circle[fill="#000"],
html.bws-light .sgp-sound-picker-svg circle[fill="#000"] {
    fill: #f2efe7;
    stroke: rgba(143, 107, 0, 0.30);
}
/* Handpan note circles, off state (creation + updater string variants) */
html.bws-light .hpp-note-picker-svg circle[fill="rgba(255,216,75,0.05)"],
html.bws-light .hpp-note-picker-svg circle[fill="rgba(255,216,75,0.04)"] {
    fill: rgba(143, 107, 0, 0.08);
    stroke: rgba(143, 107, 0, 0.38);
}
/* Drum "frame hit" / gong "roll swell" (white): invisible on light — dark gray */
html.bws-light .sdp-sound-picker-svg circle[fill="rgba(255,255,255,0.05)"],
html.bws-light .sgp-sound-picker-svg circle[fill="rgba(255,255,255,0.05)"] {
    fill: rgba(60, 60, 60, 0.08);
    stroke: rgba(60, 60, 60, 0.50);
}
html.bws-light .sdp-sound-picker-svg circle[fill="rgba(255,255,255,0.52)"],
html.bws-light .sgp-sound-picker-svg circle[fill="rgba(255,255,255,0.52)"] {
    fill: rgba(70, 70, 70, 0.60);
    stroke: rgba(40, 40, 40, 0.95);
}
/* Gold position dot (drum/gong): darken to amber on light (red dot untouched) */
html.bws-light .sdp-sound-picker-svg circle[data-dot][fill="rgba(255,216,75,0.9)"],
html.bws-light .sgp-sound-picker-svg circle[data-dot][fill="rgba(255,216,75,0.9)"] {
    fill: rgba(184, 134, 11, 0.95);
}

/* ── Section 3: generated overrides from style.css ─────────────────── */

html.bws-light {
    scrollbar-color: var(--color-accent) #ffffff;
}

html.bws-light::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light::-webkit-scrollbar-thumb {
    border: 2px solid #d9d4c7;
}

html.bws-light .bbp-spinner-button {
    color: #8f6b00 !important;
}

html.bws-light .bbp-spinner-button,
html.bws-light .bbp-spinner-down,
html.bws-light .bbp-spinner-up {
    border: 1px solid #e3d5b3;
}

html.bws-light .bws-icon-button:hover {
    border-color: #d9c799 !important;
}

html.bws-light .bws-icon-button.active {
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
}

html.bws-light .bws-icon-button svg,
html.bws-light .bws-icon-button.active svg {
    stroke: #8f6b00;
}

html.bws-light .bws-button-a {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bws-button-a:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-main-button-style {
    border: 1px solid #e3d5b3;
    color: #8f6b00;
}

html.bws-light .bws-main-button-style:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bbp-row-wave-button.active,
html.bws-light .fsb-row-wave-button.active {
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
}

html.bws-light .bws-x-close-button:hover {
    background: #d9c799url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23111111' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")center/14px no-repeat;
}

html.bws-light .bws-button-a-v2 {
    color: #1a1a1a !important;
}

html.bws-light .bws-button-a-v3 {
    color: #8f6b00 !important;
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-button-a-v3:hover {
    background: rgba(227,213,179,0.875) !important;
    border-color: #d9c799 !important;
}

html.bws-light #sbp-auto-session-button.running:hover {
    color: #1a1a1a !important;
}

html.bws-light .sbp-toggle-button {
    color: #8f6b00;
}

html.bws-light .sbp-toggle-button:hover {
    border-color: #d9c799;
}

html.bws-light .bowls-buttons-general.active,
html.bws-light .sbp-toggle-button.active {
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
}

html.bws-light .sbp-keyboard-label {
    background-color: #ffffff;
    border: 1px solid #e3d5b3;
    color: #8f6b00;
}

html.bws-light .bbp-frequency-set.locked .bws-dropdown {
    background: #ffffff;
}

html.bws-light .bws-dropdown:disabled {
    background: #ffffff;
}

html.bws-light .bws-dropdown {
    border: 1px solid #e3d5b3;
    background: var(--input-bg)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f6b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E")no-repeat right .5rem center;
    color: #8f6b00 !important;
    background-size: .7rem;
}

html.bws-light .bws-info-badge {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light button.bws-info-badge {
    background: #e3d5b3;
}

html.bws-light button.bws-info-badge:hover {
    background: #d9c799;
}

html.bws-light .bws-dropdown:hover,
html.bws-light .sbp-config-section .bws-dropdown:hover {
    border-color: #d9c799 !important;
}

html.bws-light .bws-dropdown:focus,
html.bws-light .sbp-config-section .bws-dropdown:focus {
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-dropdown option {
    color: #212529;
}

html.bws-light .bws-dropdown option:checked {
    color: #8f6b00 !important;
}

html.bws-light .bws-dropdown optgroup {
    color: #8f6b00 !important;
}

@supports (appearance: base-select) {
    html.bws-light select.bws-dropdown::picker(select) {
        border: 1px solid #e3d5b3;
        box-shadow: 0 8px 24px rgba(0,0,0,0.22), 0 0 12px var(--glow-accent);
    }

    html.bws-light select.bws-dropdown::picker-icon {
        color: #8f6b00;
    }

    html.bws-light select.bws-dropdown option {
        color: #212529;
    }

    html.bws-light select.bws-dropdown option:hover,
    html.bws-light select.bws-dropdown option:focus {
        background: var(--bg-accent-medium, rgba(227,213,179,0.175));
        color: #8f6b00;
    }

    html.bws-light select.bws-dropdown option:checked {
        background: rgba(227,213,179,0.125) !important;
        color: #8f6b00 !important;
    }

    html.bws-light select.bws-dropdown option::checkmark {
        color: #8f6b00;
    }

}

html.bws-light .sbp-config-input {
    border: 1px solid #e3d5b3;
    color: #8f6b00 !important;
    caret-color: #8f6b00 !important;
}

html.bws-light .sbp-time-select::selection {
    color: #8f6b00;
}

html.bws-light .sbp-config-section .bws-dropdown,
html.bws-light .sbp-time-select {
    border: 1px solid #e3d5b3;
    color: #8f6b00 !important;
}

html.bws-light .sbp-config-section .bws-dropdown {
    background: var(--input-bg)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f6b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E")no-repeat right .5rem center;
    background-size: .7rem;
}

html.bws-light .sbp-time-select {
    caret-color: #8f6b00 !important;
}

html.bws-light .sbp-time-select:hover {
    border-color: #d9c799 !important;
}

html.bws-light .sbp-time-select:focus {
    border-color: #e3d5b3 !important;
}

html.bws-light .sbp-time-select:-ms-input-placeholder,
html.bws-light .sbp-time-select::-moz-placeholder,
html.bws-light .sbp-time-select::-webkit-input-placeholder,
html.bws-light .sbp-time-select::placeholder {
    color: #8f6b00 !important;
}

html.bws-light .bws-module-container-main .bws-volume-slider::-webkit-slider-thumb,
html.bws-light .bws-volume-slider::-webkit-slider-thumb {
    border: 2px solid rgba(0,0,0,0.16);
}

html.bws-light .bws-module-container-main .bws-volume-slider::-webkit-slider-thumb:hover {
    background: #d9c799;
}

html.bws-light .bws-module-container-main .bws-volume-slider::-moz-range-thumb,
html.bws-light .bws-volume-slider::-moz-range-thumb {
    border: 2px solid rgba(0,0,0,0.16);
}

html.bws-light .bws-module-container-main .bws-volume-slider::-moz-range-thumb:hover {
    background: #d9c799;
}

html.bws-light .bws-volume-slider {
    background: linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--val, 75%),var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 75%)) !important;
}

html.bws-light .bws-volume-slider::-webkit-slider-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .bws-volume-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .bws-volume-slider::-moz-range-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .bws-volume-slider::-moz-range-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .sbp-pan-slider,
html.bws-light .sbp-volume-slider {
    background: rgba(0,0,0,0.07);
}

html.bws-light .sbp-pan-slider::-webkit-slider-thumb,
html.bws-light .sbp-volume-slider::-webkit-slider-thumb {
    border: 2px solid rgba(0,0,0,0.16);
}

html.bws-light .sbp-pan-slider::-webkit-slider-thumb:hover {
    background: #d9c799;
}

html.bws-light .sbp-pan-slider::-moz-range-thumb {
    border: 2px solid rgba(0,0,0,0.16);
}

html.bws-light .sbp-pan-slider::-moz-range-thumb:hover {
    background: #d9c799;
}

html.bws-light .sbp-volume-slider::-webkit-slider-thumb:hover {
    background: #d9c799;
}

html.bws-light .sbp-volume-slider::-moz-range-thumb {
    border: 2px solid rgba(0,0,0,0.16);
}

html.bws-light .sbp-volume-slider::-moz-range-thumb:hover {
    background: #d9c799;
}

html.bws-light .sbp-range-values {
    color: #8f6b00;
}

html.bws-light .sbp-range-slider {
    background: rgba(0,0,0,0.07);
}

html.bws-light .sbp-range-handle {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

html.bws-light .sbp-range-handle:hover,
html.bws-light .sbp-range-handle:active {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

html.bws-light .sbp-range-handle:focus-visible {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 0 3px var(--glow-accent, rgba(143,107,0,0.21));
}

html.bws-light input.sbp-range-input::-webkit-slider-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light input.sbp-range-input::-webkit-slider-thumb:focus {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .sbp-effect-slider::-webkit-slider-thumb:hover,
html.bws-light input.sbp-range-input::-webkit-slider-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light input.sbp-range-input::-moz-range-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light input.sbp-range-input::-moz-range-thumb:focus {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light input.sbp-range-input::-moz-range-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .sbp-effect-slider {
    background: rgba(0,0,0,0.07);
}

html.bws-light .sbp-effect-slider::-webkit-slider-thumb {
    border: 2px solid rgba(0,0,0,0.24) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .sbp-effect-slider::-webkit-slider-thumb:focus {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .sbp-effect-slider::-moz-range-thumb {
    border: 2px solid rgba(0,0,0,0.24) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .sbp-effect-slider::-moz-range-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .sbp-effect-slider::-moz-range-thumb:focus {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .bbp-frequency-input {
    border: 1px solid #e3d5b3;
    color: #8f6b00 !important;
}

html.bws-light .bbp-frequency-input:hover {
    box-shadow: 0 0 12px rgba(143,107,0,0.24);
}

html.bws-light .bbp-frequency-input:focus {
    border-color: #e3d5b3 !important;
}

html.bws-light input[type=number].bbp-frequency-input::-moz-number-spin-down,
html.bws-light input[type=number].bbp-frequency-input::-moz-number-spin-up {
    color: #8f6b00 !important;
}

html.bws-light .sbp-config-input:hover {
    border-color: #d9c799 !important;
}

html.bws-light .sbp-config-input:focus {
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-module-title-container {
    background-color: rgba(0,0,0,0.08);
    color: #8f6b00 !important;
}

html.bws-light .bws-module-title-container-toggle-button {
    background: rgba(0,0,0,0.03);
    color: #8f6b00;
}

html.bws-light .bws-module-title-container-toggle-button:hover {
    background: rgba(227,213,179,0.125);
    box-shadow: 0 0 6px rgba(143,107,0,0.12);
}

html.bws-light .bws-module-title-container-toggle-button.active {
    background: rgba(0,0,0,0.03);
}

html.bws-light .bws-title-session-actions {
    background-color: #ffffff;
}

html.bws-light .bws-title-session-actions .hpp-melody-action-btn {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .bws-title-session-actions .hpp-melody-action-btn:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bbp-frequency-group.playing {
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-module-container-main {
    color: rgba(0,0,0,0.9);
    background: linear-gradient(135deg,rgba(0,0,0,0.07) 0%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.09) 100%);
}

html.bws-light .bws-volume-control svg.bws-vol-icon,
html.bws-light .bws-wm-glyph svg.bws-vol-icon {
    fill: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .sbp-config-section {
    background: rgba(0,0,0,0.045);
}

html.bws-light .bowl-frequency-control>label {
    background-color: #ffffff !important;
    border-color: #d9d4c7 !important;
}

html.bws-light .bowl-image-container {
    background-color: #ffffff;
}

html.bws-light .bowls-frequency-group.playing {
    border-color: #e3d5b3 !important;
}

html.bws-light .bbp-row-main.playing,
html.bws-light .fsb-row-main.playing {
    border-color: #e3d5b3 !important;
}

html.bws-light .bbp-horizontal-row.playing,
html.bws-light .fsb-horizontal-row.playing {
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-volume-display {
    color: var(--text-muted, rgba(0,0,0,0.55)) !important;
}

html.bws-light .bws-label {
    color: #8f6b00;
}

html.bws-light .sbp-effect-label,
html.bws-light .bws-effect-label {
    color: #8f6b00;
}

html.bws-light .bws-group-description {
    color: rgba(0,0,0,0.9);
}

html.bws-light .bowl-frequency-title {
    color: var(--text-muted, #616161);
}

html.bws-light body {
    background-color: #ffffff;
}

html.bws-light .bowl-image::after {
    background: radial-gradient(ellipse at center,rgba(0,0,0,0.03)0,transparent 70%);
}

html.bws-light .bbp-toggle-on {
    color: #1a1a1a;
}

html.bws-light .sbp-effect-value {
    color: #8f6b00;
}

html.bws-light .sgp-future-group {
    background: #ffffff;
}

html.bws-light .sgp-sound-circle--white,
html.bws-light .sdp-sound-circle--white {
    fill: rgba(0,0,0,0.08);
    stroke: rgba(0,0,0,0.55);
}

html.bws-light .sgp-sound-circle-group:hover .sgp-sound-circle--white,
html.bws-light .sdp-sound-circle-group:hover .sdp-sound-circle--white {
    fill: rgba(0,0,0,0.22);
    stroke: rgba(0,0,0,0.9);
}

html.bws-light .sgp-sound-circle-group.active .sgp-sound-circle--blue,
html.bws-light .sdp-sound-circle-group.active .sdp-sound-circle--blue {
    stroke: #1d7fd6;
}

html.bws-light .sgp-sound-circle-group.active .sgp-sound-circle--purple,
html.bws-light .sdp-sound-circle-group.active .sdp-sound-circle--purple {
    stroke: #8b31d9;
}

html.bws-light .sgp-sound-circle-group.active .sgp-sound-circle--green,
html.bws-light .sdp-sound-circle-group.active .sdp-sound-circle--green {
    stroke: #1f9e4e;
}

html.bws-light .sgp-sound-circle-group.active .sgp-sound-circle--white,
html.bws-light .sdp-sound-circle-group.active .sdp-sound-circle--white {
    fill: rgba(0,0,0,0.32);
    stroke: #1a1a1a;
}

html.bws-light .sgp-ripple {
    border: 2px solid rgba(143,107,0,0.85);
}

html.bws-light .sgp-gong-hint {
    background: rgba(0,0,0,0.055);
}

html.bws-light .sgp-charge-indicator {
    border: 1px solid #e3d5b3;
}

html.bws-light .sgp-charge-fill,
html.bws-light .sdp-charge-fill,
html.bws-light .hpp-charge-fill {
    background: rgba(227,213,179,1);
}

html.bws-light .bws-group-header {
    color: #8f6b00;
}

html.bws-light .bws-sim-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .bws-sim-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .bws-sim-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .bws-sim-body {
    scrollbar-color: var(--color-accent) #ffffff;
}

html.bws-light .bws-sim-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .bws-sim-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .bws-sim-item {
    border-bottom: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .bws-sim-name {
    color: #8f6b00;
}

html.bws-light .bws-sim-text {
    color: rgba(0,0,0,0.85);
}

html.bws-light .bws-effect-slider {
    background: linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--val, 50%),var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 50%)) !important;
}

html.bws-light .bws-effect-slider::-webkit-slider-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .bws-effect-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .bws-effect-slider::-moz-range-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .bws-effect-value {
    color: #1a1a1a;
}

html.bws-light .bws-preset-name {
    color: #8f6b00;
}

html.bws-light .bws-seq-beat-num,
html.bws-light .sdp-seq-row-title,
html.bws-light .sgp-seq-row-title,
html.bws-light .hpp-seq-row-title {
    color: #8f6b00;
}

html.bws-light .bws-seq-label {
    color: var(--text-muted, #616161);
}

html.bws-light .bws-steps-btn {
    color: rgba(0,0,0,0.6);
}

html.bws-light .bws-steps-btn:not(.active):hover {
    background: rgba(227,213,179,0.15);
    color: #8f6b00;
}

html.bws-light .bws-toggle-btn.active {
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
}

html.bws-light .sdp-future-group {
    background: #ffffff;
}

html.bws-light .sdp-drum-ripple {
    border: 2px solid rgba(143,107,0,0.85);
}

html.bws-light .sdp-drum-hint {
    background: rgba(0,0,0,0.055);
}

html.bws-light .sdp-charge-indicator {
    border: 1px solid #e3d5b3;
}

html.bws-light .sdp-step,
html.bws-light .sgp-step,
html.bws-light .hpp-step {
    border: 1px solid rgba(143,107,0,0.32);
    background: rgba(0,0,0,0.052);
}

html.bws-light .sdp-step[data-sound=frame-hit]::before {
    background: rgba(0,0,0,0.15);
}

html.bws-light .sdp-step[data-sound=frame-hit] {
    border-color: rgba(0,0,0,0.32);
}

html.bws-light .sdp-step.playing {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 2px rgba(143,107,0,0.54),inset 0 0 6px rgba(143,107,0,0.09);
}

html.bws-light .sdp-step:hover {
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .sdp-add-section-btn,
html.bws-light .sdp-dup-section-btn,
html.bws-light .sgp-add-section-btn,
html.bws-light .sgp-dup-section-btn,
html.bws-light .hpp-add-section-btn,
html.bws-light .hpp-dup-section-btn,
html.bws-light .ft-add-timer-btn,
html.bws-light .ft-dup-timer-btn,
html.bws-light .ft-pause-timer-btn,
html.bws-light .bt-add-timer-btn,
html.bws-light .bt-dup-timer-btn,
html.bws-light .bt-pause-timer-btn,
html.bws-light .it-add-timer-btn,
html.bws-light .it-dup-timer-btn,
html.bws-light .it-pause-timer-btn {
    background-color: #e3d5b3;
}

html.bws-light .sdp-add-section-btn:hover,
html.bws-light .sdp-dup-section-btn:hover,
html.bws-light .sgp-add-section-btn:hover,
html.bws-light .sgp-dup-section-btn:hover,
html.bws-light .hpp-add-section-btn:hover,
html.bws-light .hpp-dup-section-btn:hover,
html.bws-light .ft-add-timer-btn:hover:not(:disabled),
html.bws-light .ft-dup-timer-btn:hover:not(:disabled),
html.bws-light .ft-pause-timer-btn:hover:not(:disabled),
html.bws-light .bt-add-timer-btn:hover:not(:disabled),
html.bws-light .bt-dup-timer-btn:hover:not(:disabled),
html.bws-light .bt-pause-timer-btn:hover:not(:disabled),
html.bws-light .it-add-timer-btn:hover:not(:disabled),
html.bws-light .it-dup-timer-btn:hover:not(:disabled),
html.bws-light .it-pause-timer-btn:hover:not(:disabled) {
    background: #d9c799;
}

html.bws-light .hpp-insert-row-btn,
html.bws-light .hpp-dup-row-btn,
html.bws-light .sdp-insert-row-btn,
html.bws-light .sdp-dup-row-btn,
html.bws-light .sgp-insert-row-btn,
html.bws-light .sgp-dup-row-btn,
html.bws-light .ft-insert-row-btn,
html.bws-light .ft-dup-row-btn,
html.bws-light .bt-insert-row-btn,
html.bws-light .bt-dup-row-btn,
html.bws-light .it-insert-row-btn,
html.bws-light .it-dup-row-btn {
    background: linear-gradient(var(--bg-dark-lighter), var(--bg-dark-lighter)) #f6f3ed;
    color: #8f6b00;
}

html.bws-light .hpp-insert-row-btn:hover,
html.bws-light .hpp-dup-row-btn:hover,
html.bws-light .sdp-insert-row-btn:hover,
html.bws-light .sdp-dup-row-btn:hover,
html.bws-light .sgp-insert-row-btn:hover,
html.bws-light .sgp-dup-row-btn:hover,
html.bws-light .ft-insert-row-btn:hover:not(:disabled),
html.bws-light .ft-dup-row-btn:hover:not(:disabled),
html.bws-light .bt-insert-row-btn:hover:not(:disabled),
html.bws-light .bt-dup-row-btn:hover:not(:disabled),
html.bws-light .it-insert-row-btn:hover:not(:disabled),
html.bws-light .it-dup-row-btn:hover:not(:disabled) {
    background: linear-gradient(var(--bg-accent-light), var(--bg-accent-light)),
                linear-gradient(var(--bg-dark-lighter), var(--bg-dark-lighter)) #f6f3ed;
    border-color: #d9c799;
}

html.bws-light .ft-add-timer-btn:disabled,
html.bws-light .ft-dup-timer-btn:disabled,
html.bws-light .ft-pause-timer-btn:disabled,
html.bws-light .bt-add-timer-btn:disabled,
html.bws-light .bt-dup-timer-btn:disabled,
html.bws-light .bt-pause-timer-btn:disabled,
html.bws-light .it-add-timer-btn:disabled,
html.bws-light .it-dup-timer-btn:disabled,
html.bws-light .it-pause-timer-btn:disabled {
    background: #dad5c8;
}

html.bws-light .ft-insert-row-btn:disabled,
html.bws-light .ft-dup-row-btn:disabled,
html.bws-light .bt-insert-row-btn:disabled,
html.bws-light .bt-dup-row-btn:disabled,
html.bws-light .it-insert-row-btn:disabled,
html.bws-light .it-dup-row-btn:disabled {
    border-color: rgba(0,0,0,0.112);
}

html.bws-light .sdp-comp-section,
html.bws-light .sgp-comp-section,
html.bws-light .hpp-comp-section {
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .sdp-section-name,
html.bws-light .sgp-section-name,
html.bws-light .hpp-section-name {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .sdp-section-name-input,
html.bws-light .sgp-section-name-input,
html.bws-light .hpp-section-name-input,
html.bws-light .bws-nav-name-input {
    color: #1a1a1a;
    background: #ffffff;
    border: 1px solid #e3d5b3;
}

html.bws-light .sdp-section-rename-btn,
html.bws-light .sdp-section-copy-btn,
html.bws-light .sdp-section-paste-btn,
html.bws-light .sgp-section-rename-btn,
html.bws-light .sgp-section-copy-btn,
html.bws-light .sgp-section-paste-btn,
html.bws-light .hpp-section-rename-btn,
html.bws-light .hpp-section-copy-btn,
html.bws-light .hpp-section-paste-btn {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    color: var(--text-muted, #616161);
}

html.bws-light .sdp-section-rename-btn:hover,
html.bws-light .sdp-section-copy-btn:hover,
html.bws-light .sdp-section-paste-btn:hover,
html.bws-light .sdp-section-copy-btn.sdp-copy-active,
html.bws-light .sgp-section-rename-btn:hover,
html.bws-light .sgp-section-copy-btn:hover,
html.bws-light .sgp-section-paste-btn:hover,
html.bws-light .hpp-section-rename-btn:hover,
html.bws-light .hpp-section-copy-btn:hover,
html.bws-light .hpp-section-paste-btn:hover,
html.bws-light .sgp-section-copy-btn.sgp-copy-active,
html.bws-light .hpp-section-copy-btn.hpp-copy-active {
    color: #8f6b00;
    border-color: #e3d5b3;
}

html.bws-light .bws-section-navigator {
    background: rgba(255,255,255,0.94);
    border: 1px solid #bbbbbb;
    box-shadow: 0 6px 24px rgba(0,0,0,0.22);
}

html.bws-light .bws-nav-head {
    border-bottom: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .bws-caret-btn {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.45));
    background: var(--bg-dark-light, #ffffff);
    color: #8f6b00;
}

html.bws-light .bws-caret-btn:hover {
    background: #d9c799;
}

html.bws-light .bws-nav-foot {
    border-top: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .bws-nav-time {
    color: #8f6b00;
}

html.bws-light .bws-nav-pos::-webkit-slider-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-nav-pos::-moz-range-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-nav-btn {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-light, #ffffff);
    color: #8f6b00;
}

html.bws-light .bws-nav-btn:hover:not(:disabled) {
    background: #d9c799;
}

html.bws-light .bws-nav-btn.playing {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .bws-nav-title {
    color: var(--text-muted, #616161);
}

html.bws-light .bws-nav-item {
    background: var(--bg-dark-light, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .bws-nav-item.bws-nav-dragover {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.4);
}

html.bws-light .bws-nav-handle {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-nav-name {
    color: #2a2a2a;
}

html.bws-light .bws-nav-item.bws-nav-collapsed .bws-nav-name {
    color: var(--text-muted, #707070);
}

html.bws-light .bws-nav-item.bws-nav-selected .bws-nav-name {
    color: #8f6b00;
}

html.bws-light .bws-nav-expand,
html.bws-light .bws-nav-rename,
html.bws-light .bws-nav-dup {
    color: var(--text-muted, #707070);
}

html.bws-light .bws-nav-expand:hover,
html.bws-light .bws-nav-rename:hover,
html.bws-light .bws-nav-dup:hover {
    color: #8f6b00;
}

html.bws-light .sdp-row-loop-btn:hover,
html.bws-light .sgp-row-loop-btn:hover,
html.bws-light .hpp-row-loop-btn:hover,
html.bws-light .sdp-section-loop-btn:hover,
html.bws-light .sgp-section-loop-btn:hover,
html.bws-light .hpp-section-loop-btn:hover {
    color: #1f9e4e;
}

html.bws-light .sdp-row-loop-btn.sdp-loop-active,
html.bws-light .sgp-row-loop-btn.sgp-loop-active,
html.bws-light .hpp-row-loop-btn.hpp-loop-active,
html.bws-light .sdp-section-loop-btn.sdp-loop-active,
html.bws-light .sgp-section-loop-btn.sgp-loop-active,
html.bws-light .hpp-section-loop-btn.hpp-loop-active {
    color: #1f9e4e !important;
}

html.bws-light .sdp-row-copy-btn,
html.bws-light .sdp-row-paste-btn,
html.bws-light .sdp-row-reset-btn,
html.bws-light .sgp-row-copy-btn,
html.bws-light .sgp-row-paste-btn,
html.bws-light .sgp-row-reset-btn,
html.bws-light .hpp-row-copy-btn,
html.bws-light .hpp-row-paste-btn,
html.bws-light .hpp-row-reset-btn {
    border: 1px solid rgba(143,107,0,0.55);
    background: #fdf8e6;
}

html.bws-light .sdp-row-copy-btn,
html.bws-light .sdp-row-paste-btn {
    color: rgba(143,107,0,0.9);
}

html.bws-light .sdp-row-reset-btn,
html.bws-light .hpp-step-reset-btn,
html.bws-light .sgp-row-reset-btn,
html.bws-light .hpp-row-reset-btn {
    background: #fef6f6;
}

html.bws-light .sdp-row-reset-btn:hover,
html.bws-light .sgp-row-reset-btn:hover,
html.bws-light .hpp-row-reset-btn:hover {
    background: #fdecea;
}

html.bws-light .sdp-row-copy-btn:hover,
html.bws-light .sdp-row-paste-btn.sdp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.65);
}

html.bws-light .sdp-row-paste-btn.sdp-paste-ready {
    color: rgba(143,107,0,0.75);
}

html.bws-light .alb-repeat-input,
html.bws-light .sdp-repetition-input,
html.bws-light .sgp-repetition-input,
html.bws-light .hpp-repetition-input,
html.bws-light .sdp-section-repeat-input,
html.bws-light .sgp-section-repeat-input,
html.bws-light .hpp-section-repeat-input {
    background: var(--bg-dark, #ffffff);
    color: var(--color-text, #1a1a1a);
}

html.bws-light .sdp-seg-copy-btn,
html.bws-light .sdp-seg-paste-btn,
html.bws-light .sdp-seg-reset-btn,
html.bws-light .sgp-seg-copy-btn,
html.bws-light .sgp-seg-paste-btn,
html.bws-light .sgp-seg-reset-btn,
html.bws-light .hpp-seg-copy-btn,
html.bws-light .hpp-seg-paste-btn,
html.bws-light .hpp-seg-reset-btn {
    border: 1px solid rgba(143,107,0,0.5);
    background: #fdf8e6;
}

html.bws-light .sdp-seg-copy-btn,
html.bws-light .sdp-seg-paste-btn {
    color: rgba(143,107,0,0.85);
}

html.bws-light .sdp-seg-reset-btn {
    background: #fef6f6;
}

html.bws-light .sdp-seg-reset-btn:hover {
    background: #fdecea;
}

html.bws-light .sdp-seg-copy-btn:hover,
html.bws-light .sdp-seg-paste-btn.sdp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .sdp-copy-active,
html.bws-light .sgp-copy-active,
html.bws-light .hpp-copy-active {
    color: #8f6b00 !important;
    background: #f3ead0 !important;
    border-color: rgba(143,107,0,0.85) !important;
}

html.bws-light .sgp-step[data-sound=roll-swell]::before {
    background: rgba(0,0,0,0.15);
}

html.bws-light .sgp-step[data-sound=roll-swell] {
    border-color: rgba(0,0,0,0.32);
}

html.bws-light .sgp-step.playing {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 2px rgba(143,107,0,0.54),inset 0 0 6px rgba(143,107,0,0.09);
}

html.bws-light .sgp-step:hover {
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .sgp-row-copy-btn,
html.bws-light .sgp-row-paste-btn {
    color: rgba(143,107,0,0.9);
}

html.bws-light .sgp-row-copy-btn:hover,
html.bws-light .sgp-row-paste-btn.sgp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.65);
}

html.bws-light .sgp-row-paste-btn.sgp-paste-ready {
    color: rgba(143,107,0,0.75);
}

html.bws-light .sgp-seg-copy-btn,
html.bws-light .sgp-seg-paste-btn {
    color: rgba(143,107,0,0.85);
}

html.bws-light .sgp-seg-reset-btn {
    background: #fef6f6;
}

html.bws-light .sgp-seg-reset-btn:hover {
    background: #fdecea;
}

html.bws-light .sgp-seg-copy-btn:hover,
html.bws-light .sgp-seg-paste-btn.sgp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .bws-field-label {
    color: #8f6b00;
}

html.bws-light .hpp-visual-group {
    background: #ffffff;
}

html.bws-light .hpp-charge-indicator {
    border: 1px solid #e3d5b3;
}

html.bws-light .hpp-note-group:hover>circle {
    fill: rgba(143,107,0,0.35) !important;
}

html.bws-light .hpp-note-label {
    fill: rgba(143,107,0,1);
}

html.bws-light .hpp-ripple {
    border: 2px solid rgba(143,107,0,0.85);
}

html.bws-light .hpp-recorder-bar .bws-group-description {
    color: rgba(0,0,0,0.55);
}

html.bws-light .hpp-rec-label {
    color: var(--text-muted, #616161);
}

html.bws-light .hpp-rec-select {
    background: rgba(0,0,0,0.06);
    border: 1px solid rgba(143,107,0,0.45);
    color: rgba(143,107,0,1);
}

html.bws-light .hpp-rec-select:focus {
    border-color: rgba(143,107,0,0.75);
}

html.bws-light .hpp-rec-countdown {
    color: rgba(143,107,0,1);
    text-shadow: 0 0 60px rgba(143,107,0,0.36);
    background: rgba(0,0,0,0.052);
}

html.bws-light .hpp-seg-copy-btn,
html.bws-light .hpp-seg-paste-btn {
    color: rgba(143,107,0,0.85);
}

html.bws-light .hpp-seg-reset-btn {
    background: #fef6f6;
}

html.bws-light .hpp-seg-reset-btn:hover {
    background: #fdecea;
}

html.bws-light .hpp-seg-copy-btn:hover,
html.bws-light .hpp-seg-paste-btn.hpp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .hpp-step-bar[data-bar-type=y] {
    background: rgba(227,213,179,1);
}

html.bws-light .hpp-step-bar[data-bar-type=rim] {
    background: rgba(0,0,0,0.15);
}

html.bws-light .hpp-step.playing {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 2px rgba(143,107,0,0.54),inset 0 0 6px rgba(143,107,0,0.09);
}

html.bws-light .hpp-step:hover {
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .hpp-step-action-btn {
    border: 1px solid rgba(143,107,0,0.55);
    background: #fdf8e6;
    color: rgba(143,107,0,0.9);
}

html.bws-light .hpp-step-action-btn:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.65);
}

html.bws-light .hpp-step-reset-btn {
    background: #fef6f6;
}

html.bws-light .hpp-step-reset-btn:hover {
    background: #fdecea;
}

html.bws-light .hpp-step-copy-active {
    color: #8f6b00 !important;
    background: #f3ead0 !important;
    border-color: rgba(143,107,0,0.85) !important;
}

html.bws-light .hpp-cd-trigger.has-value {
    color: #8f6b00;
}

html.bws-light .hpp-preset-dropdown,
html.bws-light .bt-preset-dropdown,
html.bws-light .ft-preset-dropdown,
html.bws-light .it-preset-dropdown {
    background: rgba(255,255,255,0.98);
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 10px var(--glow-accent), 0 8px 24px rgba(0,0,0,0.24);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-bar-title,
html.bws-light .bt-preset-dropdown .bt-pd-bar-title,
html.bws-light .ft-preset-dropdown .ft-pd-bar-title,
html.bws-light .it-preset-dropdown .it-pd-bar-title {
    color: #2c2c2c;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-close:hover,
html.bws-light .bt-preset-dropdown .bt-pd-close:hover,
html.bws-light .ft-preset-dropdown .ft-pd-close:hover,
html.bws-light .it-preset-dropdown .it-pd-close:hover {
    color: #1a1a1a;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-list,
html.bws-light .bt-preset-dropdown .bt-pd-list,
html.bws-light .ft-preset-dropdown .ft-pd-list,
html.bws-light .it-preset-dropdown .it-pd-list {
    scrollbar-color: var(--color-accent) #ffffff;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-list::-webkit-scrollbar-track,
html.bws-light .bt-preset-dropdown .bt-pd-list::-webkit-scrollbar-track,
html.bws-light .ft-preset-dropdown .ft-pd-list::-webkit-scrollbar-track,
html.bws-light .it-preset-dropdown .it-pd-list::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-list::-webkit-scrollbar-thumb,
html.bws-light .bt-preset-dropdown .bt-pd-list::-webkit-scrollbar-thumb,
html.bws-light .ft-preset-dropdown .ft-pd-list::-webkit-scrollbar-thumb,
html.bws-light .it-preset-dropdown .it-pd-list::-webkit-scrollbar-thumb {
    border: 2px solid #d9d4c7;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-header,
html.bws-light .bt-preset-dropdown .bt-pd-header,
html.bws-light .ft-preset-dropdown .ft-pd-header,
html.bws-light .it-preset-dropdown .it-pd-header {
    background: rgba(227,213,179,0.1);
    color: rgba(0,0,0,0.9);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-row,
html.bws-light .bt-preset-dropdown .bt-pd-row,
html.bws-light .ft-preset-dropdown .ft-pd-row,
html.bws-light .it-preset-dropdown .it-pd-row {
    border-bottom: 1px solid rgba(143,107,0,0.17);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-row:hover,
html.bws-light .bt-preset-dropdown .bt-pd-row:hover,
html.bws-light .ft-preset-dropdown .ft-pd-row:hover,
html.bws-light .it-preset-dropdown .it-pd-row:hover {
    background: rgba(227,213,179,0.125);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-row.selected,
html.bws-light .bt-preset-dropdown .bt-pd-row.selected,
html.bws-light .ft-preset-dropdown .ft-pd-row.selected,
html.bws-light .it-preset-dropdown .it-pd-row.selected {
    background: rgba(227,213,179,0.2);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-img,
html.bws-light .bt-preset-dropdown .bt-pd-img,
html.bws-light .ft-preset-dropdown .ft-pd-img,
html.bws-light .it-preset-dropdown .it-pd-img {
    background: rgba(227,213,179,0.1);
}

html.bws-light .hpp-preset-dropdown .hpp-pd-img-oster,
html.bws-light .bt-preset-dropdown .bt-pd-img-oster,
html.bws-light .ft-preset-dropdown .ft-pd-img-oster,
html.bws-light .it-preset-dropdown .it-pd-img-oster {
    color: #8f6b00;
    background: rgba(227,213,179,0.15);
    border-color: #e3d5b3;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-value,
html.bws-light .bt-preset-dropdown .bt-pd-value,
html.bws-light .ft-preset-dropdown .ft-pd-value,
html.bws-light .it-preset-dropdown .it-pd-value {
    color: #8f6b00;
}

html.bws-light .hpp-preset-dropdown .hpp-pd-title,
html.bws-light .bt-preset-dropdown .bt-pd-title,
html.bws-light .ft-preset-dropdown .ft-pd-title,
html.bws-light .it-preset-dropdown .it-pd-title {
    color: rgba(0,0,0,0.85);
}

html.bws-light .bws-cd-sm {
    background: rgba(0,0,0,0.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f6b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat right 6px center;
    border: 1px solid rgba(143,107,0,0.45);
    color: rgba(143,107,0,1);
    background-size: .55rem;
}

html.bws-light .bws-cd-sm:hover {
    border-color: rgba(143,107,0,0.7);
}

html.bws-light .hpp-rec-row-select + .bws-cd-sm {
    background-color: rgba(0,0,0,0.06);
    color: #1a1a1a;
}

html.bws-light .hpp-preset-dropdown.bws-pd-rec {
    box-shadow: 0 0 10px rgba(220,53,69,.35), 0 8px 24px rgba(0,0,0,0.24);
}

html.bws-light .hpp-preset-dropdown.bws-pd-rec .hpp-pd-value {
    color: #1a1a1a;
}

html.bws-light .hpp-preset-dropdown.bws-pd-rec .hpp-pd-list {
    scrollbar-color: #dc3545 #ffffff;
}

html.bws-light .sbp-session-card .bws-button-a.playing {
    color: #1a1a1a !important;
}

html.bws-light .sbp-ctrl-label,
html.bws-light .tin-ctrl-label,
html.bws-light .mex-ctrl-label,
html.bws-light .mr-ctrl-label {
    color: var(--text-muted, #616161);
}

html.bws-light .bws-sticky-wrap > .hpp-melody-row {
    box-shadow: var(--bws-sticky-shadow, 0 6px 16px rgba(0,0,0,0.18));
}

html.bws-light .bws-sticky-wrap > .hpp-player-row,
html.bws-light .bws-sticky-wrap > .pl-transport-row,
html.bws-light .bws-sticky-wrap > .sbp-session-card,
html.bws-light .bws-sticky-wrap > .tin-session-card,
html.bws-light .bws-sticky-wrap > .mr-player-panel,
html.bws-light .bws-sticky-wrap > .mex-console-box {
    box-shadow: var(--bws-sticky-shadow-up, 0 -6px 16px rgba(0,0,0,0.18));
}

html.bws-light .bws-bar-brand {
    border-right: 1px solid var(--color-border, rgba(0,0,0,0.144));
}

html.bws-light .bws-bar-brand > svg {
    fill: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .sbp-cfm-meta {
    color: var(--text-muted, #616161);
}

html.bws-light .sbp-cfm-count {
    color: #8f6b00;
}

html.bws-light .hpp-melody-label {
    color: var(--text-muted, #616161);
}

html.bws-light .hpp-melody-action-btn {
    border: 1px solid rgba(143,107,0,0.55);
    background: rgba(227,213,179,0.125);
    color: rgba(143,107,0,0.9);
}

html.bws-light .hpp-melody-action-btn:hover {
    color: #8f6b00;
    background: rgba(227,213,179,0.225);
    border-color: rgba(143,107,0,0.8);
}

html.bws-light .hpp-row-copy-btn,
html.bws-light .hpp-row-paste-btn {
    color: rgba(143,107,0,0.9);
}

html.bws-light .hpp-row-copy-btn:hover,
html.bws-light .hpp-row-paste-btn.hpp-paste-ready:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.65);
}

html.bws-light .hpp-row-paste-btn.hpp-paste-ready {
    color: rgba(143,107,0,0.75);
}

html.bws-light .hpp-tempo-override-input::placeholder,
html.bws-light .sgp-tempo-override-input::placeholder,
html.bws-light .sdp-tempo-override-input::placeholder {
    color: var(--text-muted, rgba(0,0,0,0.4));
}

html.bws-light .hpp-tempo-override-input.hpp-override-active,
html.bws-light .sgp-tempo-override-input.sgp-override-active,
html.bws-light .sdp-tempo-override-input.sdp-override-active {
    border-color: #e3d5b3;
    color: var(--color-text, #1a1a1a);
    box-shadow: inset 0 0 6px rgba(143,107,0,0.15);
}

html.bws-light .mr-vol-slider {
    background: linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--val,75%),rgba(0,0,0,0.105) var(--val,75%)) !important;
}

html.bws-light .mr-vol-slider::-webkit-slider-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .mr-vol-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .mr-vol-slider::-moz-range-thumb {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}

html.bws-light .mr-vol-slider::-moz-range-thumb:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html.bws-light .sbp-xy-pad {
    background: rgba(0,0,0,0.042);
    border: 1px solid rgba(0,0,0,0.144);
}

html.bws-light .sbp-xy-head {
    fill: rgba(0,0,0,0.14);
}

html.bws-light .sbp-xy-wrapper .bws-label.sbp-xy-label {
    color: var(--text-muted, #616161);
}

html.bws-light .sbp-xy-pad::before,
html.bws-light .sbp-xy-pad::after {
    background: rgba(0,0,0,0.084);
}

html.bws-light .ft-timer-name,
html.bws-light .bt-timer-name,
html.bws-light .it-timer-name {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .mr-sm-btn {
    border: 1px solid rgba(143,107,0,0.5);
    background: #fdf8e6;
    color: rgba(143,107,0,0.85);
}

html.bws-light .mr-sm-btn:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .mr-solo-btn.is-active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .hpp-player {
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
}

html.bws-light .hpp-player-btn,
html.bws-light .alb-player-btn,
html.bws-light .ft-player-btn,
html.bws-light .bt-player-btn,
html.bws-light .it-player-btn {
    color: #8f6b00;
}

html.bws-light .hpp-play-btn,
html.bws-light .alb-play-btn,
html.bws-light .ft-pause-play,
html.bws-light .bt-pause-play,
html.bws-light .it-pause-play {
    border: 1px solid rgba(0,0,0,0.24);
}

html.bws-light .hpp-play-btn:hover:not(:disabled),
html.bws-light .alb-play-btn:hover:not(:disabled),
html.bws-light .ft-pause-play:hover:not(:disabled),
html.bws-light .bt-pause-play:hover:not(:disabled),
html.bws-light .it-pause-play:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .ft-transport-blocked .hpp-play-btn:hover,
html.bws-light .bt-transport-blocked .hpp-play-btn:hover,
html.bws-light .it-transport-blocked .hpp-play-btn:hover {
    border-color: rgba(0,0,0,0.24);
    color: #8f6b00;
}

html.bws-light .hpp-mute-btn,
html.bws-light .alb-mute-btn {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .hpp-player-time,
html.bws-light .alb-player-time,
html.bws-light .ft-player-time,
html.bws-light .bt-player-time,
html.bws-light .it-player-time {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .hpp-dur,
html.bws-light .medm-pl-dur,
html.bws-light .gm-pl-dur,
html.bws-light .asmr-pl-dur,
html.bws-light .nat-pl-dur,
html.bws-light .spc-pl-dur,
html.bws-light .mlib-pl-dur,
html.bws-light .ft-pause-total,
html.bws-light .bt-pause-total,
html.bws-light .it-pause-total,
html.bws-light #brw-session-dur,
html.bws-light #tin-session-dur {
    color: #8f6b00 !important;
}

html.bws-light .aime-mode-btn.active {
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
}

html.bws-light #asmr-main-parent-container .alb-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #asmr-main-parent-container .alb-card:hover {
    border-color: #d9c799;
}

html.bws-light #asmr-main-parent-container .alb-card-cover {
    background: #f8f5f0;
}

html.bws-light #asmr-main-parent-container .alb-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .alb-badge,
html.bws-light .bp-badge,
html.bws-light .fp-badge,
html.bws-light .ip-badge,
html.bws-light .mlib-badge,
html.bws-light .prb-badge {
    color: rgba(0,0,0,0.85);
}

html.bws-light #asmr-main-parent-container .alb-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .alb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .alb-modal,
html.bws-light .bp-modal,
html.bws-light .fp-modal,
html.bws-light .ip-modal {
    border: 1px solid #e3d5b3;
}

html.bws-light .alb-modal-cover,
html.bws-light .bp-modal-cover,
html.bws-light .fp-modal-cover,
html.bws-light .ip-modal-cover {
    background: #f8f5f0;
}

html.bws-light .alb-modal-close,
html.bws-light .bp-modal-close,
html.bws-light .fp-modal-close,
html.bws-light .ip-modal-close {
    background: rgba(0,0,0,0.065);
    color: #1a1a1a;
}

html.bws-light .alb-modal-name,
html.bws-light .bp-modal-name,
html.bws-light .fp-modal-name,
html.bws-light .ip-modal-name {
    color: #1a1a1a;
}

html.bws-light .alb-modal-desc {
    color: rgba(0,0,0,0.8);
}

html.bws-light .alb-modal-tracks {
    border-top: 1px solid rgba(143,107,0,0.25);
}

html.bws-light .alb-modal-tracks-head {
    color: #8f6b00;
}

html.bws-light .alb-modal-track-name {
    color: rgba(0,0,0,0.88);
}

html.bws-light .alb-modal-action {
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.064));
}

html.bws-light .alb-modal-load,
html.bws-light .alb-modal-goto {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .alb-modal-load:hover:not(:disabled),
html.bws-light .alb-modal-goto:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .alb-modal-loaded,
html.bws-light .bp-modal-loaded,
html.bws-light .fp-modal-loaded,
html.bws-light .ip-modal-loaded {
    color: #8f6b00;
}

html.bws-light .alb-modal-addtrack {
    background: rgba(227,213,179,0.1);
    color: #8f6b00;
}

html.bws-light .alb-modal-pos {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    background: rgba(0,0,0,0.06);
    color: #1a1a1a;
}

html.bws-light .alb-ae-tracks {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    background: rgba(0,0,0,0.037);
}

html.bws-light .alb-ae-track + .alb-ae-track {
    border-top: 1px solid rgba(0,0,0,0.048);
}

html.bws-light .alb-ae-track-name {
    color: rgba(0,0,0,0.88);
}

html.bws-light .alb-ae-track-btn {
    background: rgba(227,213,179,0.1);
    color: #8f6b00;
}

html.bws-light .alb-ae-track-btn:hover:not(:disabled) {
    background: rgba(227,213,179,0.25);
}

html.bws-light .alb-ae-add-list {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    background: rgba(0,0,0,0.037);
}

html.bws-light .alb-ae-add-row + .alb-ae-add-row {
    border-top: 1px solid rgba(0,0,0,0.048);
}

html.bws-light .plp-ed-add-search {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    background: rgba(0,0,0,0.037);
}

html.bws-light .bws-cover-dialog .prb-action-btn.alb-ae-add-toggle.active {
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light .plp-ed-sec + .plp-ed-sec {
    border-top: 1px solid rgba(0,0,0,0.08);
}

html.bws-light .plp-ed-sec-head {
    color: #8f6b00;
}

html.bws-light .plp-ed-grp-head {
    color: rgba(0,0,0,0.75);
}

html.bws-light .plp-ed-grp + .plp-ed-grp {
    border-top: 1px solid rgba(0,0,0,0.048);
}

html.bws-light .alb-ae-upload-name {
    color: #8f6b00;
}

html.bws-light .bws-inpl-head:hover {
    background: rgba(227,213,179,0.1);
}

html.bws-light .bws-pager-btn:where(:not(.active)),
html.bws-light .plp-pcard-loads .plp-pcard-append:where(:not(.active)),
html.bws-light .bp-save-cancel:where(:not(.active)),
html.bws-light .fp-save-cancel:where(:not(.active)),
html.bws-light .ip-save-cancel:where(:not(.active)),
html.bws-light .mr-save-cancel:where(:not(.active)),
html.bws-light .mr-block-off:where(:not(.active)),
html.bws-light .bws-cover-dialog .prb-action-btn:where(:not(.active)),
html.bws-light .bws-ai-builder .prb-action-btn:where(:not(.active)),
html.bws-light #asmr-main-parent-container .alb-tab:where(:not(.active)),
html.bws-light #bp-presets-parent-container .bp-tab:where(:not(.active)),
html.bws-light #fp-presets-parent-container .fp-tab:where(:not(.active)),
html.bws-light #gm-main-parent-container .alb-tab:where(:not(.active)),
html.bws-light #ip-presets-parent-container .ip-tab:where(:not(.active)),
html.bws-light #medm-main-parent-container .alb-tab:where(:not(.active)),
html.bws-light #nat-main-parent-container .alb-tab:where(:not(.active)),
html.bws-light #spc-main-parent-container .alb-tab:where(:not(.active)),
html.bws-light #av2-section-presets .av2p-tab:where(:not(.active)),
html.bws-light .mlib-tab:where(:not(.active)),
html.bws-light #brw-main-parent-container .brw-tab:where(:not(.active)),
html.bws-light #prb-main-parent-container .prb-tab:where(:not(.active)),
html.bws-light #alv-module-content .alv-tab:where(:not(.active)),
html.bws-light .fsb-row-wave-button:where(:not(.active)),
html.bws-light .bowls-buttons-general:where(:not(.active)),
html.bws-light .bws-toggle-btn:where(:not(.active)),
html.bws-light #it-main-parent-container .it-be-toggle:where(:not(.active)) {
    color: #8f6b00;
}

html.bws-light .bws-pager-btn:hover:where(:not(:disabled):not(.active)),
html.bws-light .plp-pcard-loads .plp-pcard-append:hover:where(:not(:disabled):not(.active)),
html.bws-light .bp-save-cancel:hover:where(:not(:disabled):not(.active)),
html.bws-light .fp-save-cancel:hover:where(:not(:disabled):not(.active)),
html.bws-light .ip-save-cancel:hover:where(:not(:disabled):not(.active)),
html.bws-light .mr-save-cancel:hover:where(:not(:disabled):not(.active)),
html.bws-light .mr-block-off:hover:where(:not(:disabled):not(.active)),
html.bws-light .bws-cover-dialog .prb-action-btn:hover:where(:not(:disabled):not(.active)),
html.bws-light .bws-ai-builder .prb-action-btn:hover:where(:not(:disabled):not(.active)),
html.bws-light #asmr-main-parent-container .alb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #bp-presets-parent-container .bp-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #fp-presets-parent-container .fp-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #gm-main-parent-container .alb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #ip-presets-parent-container .ip-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #medm-main-parent-container .alb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #nat-main-parent-container .alb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #spc-main-parent-container .alb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #av2-section-presets .av2p-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light .mlib-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #brw-main-parent-container .brw-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #prb-main-parent-container .prb-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light #alv-module-content .alv-tab:hover:where(:not(:disabled):not(.active)),
html.bws-light .fsb-row-wave-button:hover:where(:not(:disabled):not(.active)),
html.bws-light .bowls-buttons-general:hover:where(:not(:disabled):not(.active)),
html.bws-light .bws-toggle-btn:hover:where(:not(:disabled):not(.active)),
html.bws-light #it-main-parent-container .it-be-toggle:hover:where(:not(:disabled):not(.active)) {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .plp-pcard:hover {
    border-color: #d9c799;
}

html.bws-light .plp-pcard-cover {
    background: #f8f5f0;
}

html.bws-light .plp-pcard-cover-ph {
    background: var(--bg-dark-lighter, #ffffff);
}

html.bws-light .plp-pcard-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .plp-pcard-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .plp-pcard-load {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .plp-pcard-load:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .scp-type-row {
    color: #8f6b00;
}

html.bws-light .scp-type-dot {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light #handpan-composition-presets-container .hcp-pcard-type,
html.bws-light #gong-composition-presets-container    .gcp-pcard-type,
html.bws-light #drum-composition-presets-container    .dcp-pcard-type,
html.bws-light .alb-modal .hcp-pcard-type,
html.bws-light .alb-modal .gcp-pcard-type,
html.bws-light .alb-modal .dcp-pcard-type {
    color: #8f6b00;
}

html.bws-light #handpan-composition-presets-container .hcp-pcard-dot,
html.bws-light #gong-composition-presets-container    .gcp-pcard-dot,
html.bws-light #drum-composition-presets-container    .dcp-pcard-dot,
html.bws-light .alb-modal .hcp-pcard-dot,
html.bws-light .alb-modal .gcp-pcard-dot,
html.bws-light .alb-modal .dcp-pcard-dot {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .alb-pl-note {
    color: var(--color-warning, #e65100);
}

html.bws-light .alb-pl-empty {
    color: var(--text-muted, rgba(0,0,0,0.4));
    border: 1px dashed var(--color-border, rgba(0,0,0,0.096));
}

html.bws-light .alb-pl-card {
    background: var(--bg-dark-medium, rgba(0,0,0,0.028));
    border: 1px solid var(--color-border, rgba(0,0,0,0.08));
}

html.bws-light .alb-pl-card--active,
html.bws-light .alb-pl-card--playing {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.24), 0 0 10px rgba(143,107,0,0.12);
}

html.bws-light .alb-pl-card--playing {
    background: #f7f8fb;
}

html.bws-light .alb-pl-card.alb-pl-drop-above {
    box-shadow: inset 0 3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-card.alb-pl-drop-below {
    box-shadow: inset 0 -3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-drag-handle {
    color: rgba(143,107,0,0.5);
}

html.bws-light .alb-pl-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .alb-pl-num,
html.bws-light .ft-timer-num,
html.bws-light .bt-timer-num,
html.bws-light .it-timer-num {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .alb-pl-thumb,
html.bws-light .mlib-pl-thumb {
    border: 1px solid rgba(0,0,0,0.08);
}

html.bws-light .mlib-pl-thumb:hover,
html.bws-light .mlib-pl-thumb:focus-visible {
    border-color: #d9c799;
}

html.bws-light .alb-pl-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .alb-pl-remove:hover {
    color: #e03131;
}

html.bws-light .alb-player {
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.064));
}

html.bws-light .alb-seek-col .alb-seek {
    background: linear-gradient(to right, var(--slider-track-bg, rgba(0,0,0,0.105)) 0%, var(--slider-track-bg, rgba(0,0,0,0.105)) var(--in, 0%), var(--color-accent) var(--in, 0%), var(--color-accent) var(--val, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 0%)) !important;
}

html.bws-light .alb-seek-range-span {
    background: rgba(227,213,179,0.438);
}

html.bws-light .alb-seek-handle {
    border-bottom: 9px solid rgba(143,107,0,0.75);
}

html.bws-light .alb-seek-handle:hover,
html.bws-light .alb-seek-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .alb-seek-bubble {
    color: #8f6b00;
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(143,107,0,0.7);
}

html.bws-light .alb-trim-dur {
    color: #8f6b00 !important;
}

html.bws-light .alb-pause-total {
    color: #8f6b00 !important;
}

html.bws-light .alb-pl-transport {
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
}

html.bws-light .bws-seg {
    background: linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--segfill, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--segfill, 0%));
}

html.bws-light .alb-pl-master-pct {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .bws-seg-mark {
    border-left: 1px solid #d9d4c7;
}

html.bws-light .alb-pl-card--pause:not(.alb-pl-card--playing) {
    background: #f9f6f1;
}

html.bws-light .alb-pl-card--pause .alb-pl-title {
    color: #8f6b00;
}

html.bws-light .alb-pl-card--pause .alb-pl-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .alb-dur-chip,
html.bws-light .ft-dur-chip,
html.bws-light .bt-dur-chip,
html.bws-light .it-dur-chip {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .alb-dur-chip:hover,
html.bws-light .ft-dur-chip:hover,
html.bws-light .bt-dur-chip:hover,
html.bws-light .it-dur-chip:hover {
    border-color: rgba(143,107,0,0.7);
    color: #8f6b00;
}

html.bws-light .alb-dur-chip.active,
html.bws-light .ft-dur-chip.active,
html.bws-light .bt-dur-chip.active,
html.bws-light .it-dur-chip.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .bws-playblock-modal {
    border: 1px solid #e3d5b3;
}

html.bws-light .bws-playblock-modal h3 {
    color: #1a1a1a;
}

html.bws-light .bws-playblock-msg {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .bws-playblock-list li {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.4);
    color: #8f6b00;
}

html.bws-light .bws-playblock-close:hover {
    color: #1a1a1a;
}

html.bws-light .alb-pause-hms,
html.bws-light .ft-pause-hms,
html.bws-light .bt-pause-hms,
html.bws-light .it-pause-hms,
html.bws-light .mex-dur-input,
html.bws-light .mr-dur-input,
html.bws-light .sbp-dur-input,
html.bws-light .tin-dur-input,
html.bws-light .brw-dur-input {
    color: #8f6b00;
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
    border: 1px solid rgba(143,107,0,0.55);
}

html.bws-light .alb-pause-hms:focus,
html.bws-light .ft-pause-hms:focus,
html.bws-light .bt-pause-hms:focus,
html.bws-light .it-pause-hms:focus,
html.bws-light .mex-dur-input:focus,
html.bws-light .mr-dur-input:focus,
html.bws-light .sbp-dur-input:focus,
html.bws-light .tin-dur-input:focus,
html.bws-light .brw-dur-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .alb-pause-colon,
html.bws-light .ft-pause-colon,
html.bws-light .bt-pause-colon,
html.bws-light .it-pause-colon,
html.bws-light .mex-dur-colon,
html.bws-light .mr-dur-colon,
html.bws-light .sbp-dur-colon,
html.bws-light .tin-dur-colon,
html.bws-light .brw-dur-colon {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .alb-pl-inserter-btn {
    background: #e3d5b3;
}

html.bws-light .alb-pl-inserter-btn:hover {
    background: #d9c799;
}

html.bws-light .av-stage,
html.bws-light .av2-stage {
    background: #ffffff;
    border: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .av-fps,
html.bws-light .av2-fps {
    color: rgba(143,107,0,0.9);
    background: rgba(0,0,0,0.06);
}

html.bws-light .av2-lock {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .av2-lock:hover {
    background: rgba(0,0,0,0.049);
}

html.bws-light .av2-lock:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .av-field #av-sensitivity-val {
    color: #8f6b00;
}

html.bws-light .av-status,
html.bws-light .av2-status {
    color: rgba(0,0,0,0.55);
}

html.bws-light #av2-popout-cover {
    background: #faf8f2;
}

html.bws-light .av2-popout-cover-msg {
    color: rgba(0,0,0,0.6);
}

html.bws-light .av2-computing {
    background: rgba(0,0,0,0.055);
    color: rgba(143,107,0,1);
}

html.bws-light .av2-computing-spinner {
    border: 3px solid rgba(143,107,0,0.32);
    border-top-color: #e3d5b3;
}

html.bws-light .av2-gpu-error {
    background: #faf8f2;
}

html.bws-light .av2-gpu-error-text {
    color: rgba(0,0,0,0.7);
}

html.bws-light .av2-stage-btn[aria-pressed="true"] {
    border-color: #e3d5b3;
    background: rgba(227,213,179,1);
}

html.bws-light .av2-stage-btn[aria-pressed="true"]:hover {
    background: #d9c799;
}

html.bws-light .av2-stage-btn {
    border: 1px solid rgba(143,107,0,0.4);
    background: rgba(0,0,0,0.045);
    color: rgba(143,107,0,0.7);
}

html.bws-light .av2-stage-btn:hover {
    color: #8f6b00;
    border-color: rgba(143,107,0,0.7);
    background: rgba(0,0,0,0.06);
}

html.bws-light .av2-fs-tab {
    border: 1px solid rgba(143,107,0,0.45);
    background: rgba(0,0,0,0.045);
    color: rgba(143,107,0,1);
}

html.bws-light .av2-fs-tab:hover {
    background: rgba(227,213,179,0.2);
}

html.bws-light #av2-stage:fullscreen #av2-controls-wrap {
    background: rgba(0,0,0,0.086);
    border-top: 1px solid rgba(143,107,0,0.35);
}

html.bws-light .av2-globals {
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
    background: var(--bg-dark-heavy, rgba(0,0,0,0.06));
}

html.bws-light .av2-param .bws-label span {
    color: #8f6b00;
}

html.bws-light .av2-range-span {
    background: rgba(227,213,179,0.438);
}

html.bws-light .av2-range-handle {
    border-bottom: 9px solid rgba(143,107,0,0.75);
}

html.bws-light .av2-range-handle:hover,
html.bws-light .av2-range-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .av2-anim-toggle {
    border: 1px solid rgba(143,107,0,0.4);
    background: rgba(0,0,0,0.052);
    color: rgba(143,107,0,0.7);
}

html.bws-light .av2-anim-toggle:hover {
    color: #8f6b00;
    border-color: rgba(143,107,0,0.7);
}

html.bws-light .av2-anim-toggle.active {
    background: rgba(227,213,179,0.275);
    color: #8f6b00;
    border-color: #e3d5b3;
    box-shadow: 0 0 6px rgba(143,107,0,0.27);
}

html.bws-light .av2-loop-mark {
    color: rgba(143,107,0,0.9);
}

html.bws-light .av2-loop-mark.cond {
    color: rgba(143,107,0,0.53);
}

html.bws-light .av2-audio-toggle:hover {
    color: #0e7490;
}

html.bws-light .av2-audio-toggle.active {
    color: #0e7490;
    border-color: #38bdd8;
}

html.bws-light .av2-params-section {
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
    background: var(--bg-dark-heavy, rgba(0,0,0,0.06));
}

html.bws-light .av2-params-header {
    border-bottom: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
}

html.bws-light .av2-params-title {
    color: rgba(0,0,0,0.85);
}

html.bws-light .av2-params-title #av2-params-name {
    color: #8f6b00;
}

html.bws-light .av2-params-caret {
    color: rgba(143,107,0,1);
}

html.bws-light .av2-param-group {
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
    background: rgba(0,0,0,0.052);
}

html.bws-light .av2-param-group-head {
    color: rgba(143,107,0,1);
    background: rgba(0,0,0,0.06);
}

html.bws-light .av2-param-group-head:hover {
    background: rgba(227,213,179,0.1);
}

html.bws-light #av2-section-presets .av2p-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light #av2-section-presets .av2p-card {
    background: var(--bg-dark-lighter, rgba(0,0,0,0.035));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light #av2-section-presets .av2p-card:hover {
    border-color: #d9c799;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.21));
}

html.bws-light #av2-section-presets .av2p-card-cover {
    background: #fbfbfc;
    border-bottom: 1px solid rgba(143,107,0,0.22);
}

html.bws-light #av2-section-presets .av2p-card-cover-empty {
    color: rgba(143,107,0,0.5);
}

html.bws-light #av2-section-presets .av2p-card-name {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #av2-section-presets .av2p-card-vis {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light #av2-section-presets .av2p-card-del {
    border: 1px solid rgba(0,0,0,0.2);
}

html.bws-light #av2-section-presets .av2p-card-load {
    border: 1px solid var(--color-border, rgba(0,0,0,0.12));
    background: rgba(0,0,0,0.028);
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light #av2-section-presets .av2p-card-load:hover:not(:disabled) {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light #av2-section-presets .av2p-card-load.loaded,
html.bws-light #av2-section-presets .av2p-card-load.loaded:hover {
    border-color: #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light #av2-section-presets .av2p-card-publish {
    color: #8f6b00;
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.5));
}

html.bws-light #av2-section-presets .av2p-card-publish:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light #av2-section-presets .av2p-grid-msg {
    color: var(--text-muted, rgba(0,0,0,0.55));
    border: 1px dashed var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .av2p-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 18px var(--glow-accent, rgba(143,107,0,0.21));
}

html.bws-light .av2p-dialog-preview {
    background: #fbfbfc;
    border-bottom: 1px solid rgba(143,107,0,0.25);
}

html.bws-light .av2p-dialog-title,
html.bws-light .mr-modal-title {
    color: #1a1a1a;
}

html.bws-light .av2p-dialog-sub {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2p-dialog input[type="text"] {
    background: rgba(0,0,0,0.06);
    border: 1px solid rgba(143,107,0,0.4);
    color: #1a1a1a;
}

html.bws-light .av2p-dialog input[type="text"]:focus {
    border-color: #e3d5b3;
}

html.bws-light .av2p-dialog-official {
    color: var(--text-muted, rgba(0,0,0,0.7));
}

html.bws-light .av2p-dialog-save,
html.bws-light .mr-modal-done {
    background: var(--color-accent, #e3d5b3);
    border: 1px solid #e3d5b3;
}

html.bws-light .av2p-dialog-cancel {
    color: var(--text-muted, rgba(0,0,0,0.7));
    border: 1px solid rgba(0,0,0,0.16);
}

html.bws-light .av2p-dialog-err {
    color: #d64545;
}

html.bws-light .bws-volume-slider.av2-hue-slider {
    background: var(--pal-track, linear-gradient(90deg, #ffe0e0, #ff0, #0f0, #0ff, #e0e0ff, #f0f, #ffe0e0)) !important;
}

html.bws-light .bws-volume-slider.av2-hue-slider::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px rgba(0,0,0,0.15), 0 0 0 3px rgba(0,0,0,0.22), 0 2px 5px rgba(0,0,0,0.18) !important;
}

html.bws-light .bws-volume-slider.av2-hue-slider::-moz-range-thumb {
    box-shadow: 0 0 0 2px rgba(0,0,0,0.15), 0 0 0 3px rgba(0,0,0,0.22), 0 2px 5px rgba(0,0,0,0.18) !important;
}

html.bws-light .av2-pe-sv {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.037);
}

html.bws-light .av2-pe-sv-dot {
    border: 2px solid #bbbbbb;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.24);
}

html.bws-light .av2-pe-hue {
    background: linear-gradient(90deg, #ffe0e0, #ff0, #0f0, #0ff, #e0e0ff, #f0f, #ffe0e0);
}

html.bws-light .av2-pe-hue-dot {
    border: 2px solid #bbbbbb;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.24);
}

html.bws-light .av2-pe-cur {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.063);
}

html.bws-light .av2-pe-sw {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.037);
}

html.bws-light .av2-pe-sw:hover,
html.bws-light .av2-pe-sw:focus-visible {
    outline: 2px solid #d9c799;
}

html.bws-light .av2-pe-label {
    color: #1a1a1a;
}

html.bws-light .av2-pe-hint {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2-pe-strip {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

html.bws-light .av2-pe-handle {
    border: 2px solid #bbbbbb;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.24);
}

html.bws-light .av2-pe-handle::before {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.16);
}

html.bws-light .av2-pe-handle.sel {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.24), 0 0 8px rgba(143,107,0,0.4);
}

html.bws-light .av2-pe-handle:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .av2-pe-tools button {
    color: var(--text-muted, rgba(0,0,0,0.7));
    border: 1px solid rgba(0,0,0,0.16);
}

html.bws-light .av2-pe-count {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2-pe-cycle {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

html.bws-light .av2-pe-delete {
    color: #d64545;
}

html.bws-light .av2-pd-edit {
    border: 1px solid rgba(0,0,0,0.28);
    background: rgba(0,0,0,0.042);
    color: #1a1a1a;
}

html.bws-light .av2-pd-edit:hover,
html.bws-light .av2-pd-edit:focus-visible {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .av2-an-dialog .av2p-dialog-title {
    color: #8f6b00;
}

html.bws-light .av2-an-curve {
    background: rgba(227,213,179,0.063);
}

html.bws-light .av2-an-curvelabels {
    color: rgba(143,107,0,0.75);
}

html.bws-light .av2-an-curvelabels .av2-an-period {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2-an-lbl span {
    color: #8f6b00;
}

html.bws-light .av2-an-dialog .av2-an-apply {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .av2-ar-dialog .av2p-dialog-title {
    color: #0e7490;
}

html.bws-light .av2-ar-bandlabels .av2-ar-range {
    color: #0e7490;
}

html.bws-light .av2-ar-band .av2-range-handle {
    border-bottom-color: #38bdd8;
}

html.bws-light .av2-ar-lbl span {
    color: #0e7490;
}

html.bws-light .av2-ar-dialog .av2-ar-apply {
    border-color: #38bdd8;
}

html.bws-light .av2-ar-srchint {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2-ar-autorow em {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2text-enable {
    color: #8f6b00;
}

html.bws-light .av2text-enable input,
html.bws-light .av2text-check input {
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .av2text-clock {
    color: #8f6b00;
}

html.bws-light .av2text-check {
    color: #333333;
}

html.bws-light .av2text-input {
    color: #1a1a1a;
}

html.bws-light .av2text-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .av2text-colorlab {
    color: #333333;
}

html.bws-light .av2subs-at {
    color: #8f6b00;
}

html.bws-light .av2-icon-btn[aria-pressed="false"] {
    border: 1px solid rgba(143,107,0,0.4);
    background: rgba(0,0,0,0.052);
    color: rgba(143,107,0,0.7);
}

html.bws-light .av2-icon-btn[aria-pressed="false"]:hover {
    background: rgba(0,0,0,0.052);
    color: #8f6b00;
    border-color: rgba(143,107,0,0.7);
}

html.bws-light .av2-icon-btn[aria-pressed="true"] {
    background: rgba(227,213,179,0.275);
    color: #8f6b00;
    border-color: #e3d5b3;
    box-shadow: 0 0 6px rgba(143,107,0,0.27);
}

html.bws-light .av2ph-readout {
    color: #8f6b00;
}

html.bws-light .av2ph-readout.av2ph-free {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2ph-readout.av2ph-warnline {
    color: var(--color-warning, #e65100);
}

html.bws-light .av2ph-dot {
    background: var(--color-accent, #e3d5b3);
    box-shadow: 0 0 6px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .av2ph-warn {
    color: var(--color-warning, #e65100);
}

html.bws-light .av2ph-ticks i {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .av2ph-ticks.av2ph-ticks-armed i {
    color: #8f6b00;
}

html.bws-light .av2st-note {
    color: var(--text-muted, rgba(0,0,0,0.62));
    background: var(--bg-dark-light, rgba(0,0,0,0.033));
}

html.bws-light .av2st-note strong {
    color: #8f6b00;
}

html.bws-light #bp-presets-parent-container .bp-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #bp-presets-parent-container .bp-card:hover {
    border-color: #d9c799;
}

html.bws-light #bp-presets-parent-container .bp-card-cover {
    background: #f8f5f0;
}

html.bws-light #bp-presets-parent-container .bp-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #bp-presets-parent-container .bp-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bp-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .bp-badge-personal {
    background: rgba(0,0,0,0.098);
}

html.bws-light .bp-modal-desc,
html.bws-light .fp-modal-desc,
html.bws-light .ip-modal-desc {
    color: rgba(0,0,0,0.8);
}

html.bws-light .bp-modal-load,
html.bws-light .bp-modal-goto,
html.bws-light .fp-modal-load,
html.bws-light .fp-modal-goto,
html.bws-light .ip-modal-load,
html.bws-light .ip-modal-goto {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bp-modal-load:hover:not(:disabled),
html.bws-light .bp-modal-goto:hover,
html.bws-light .fp-modal-load:hover:not(:disabled),
html.bws-light .fp-modal-goto:hover,
html.bws-light .ip-modal-load:hover:not(:disabled),
html.bws-light .ip-modal-goto:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bp-save-official-note,
html.bws-light .fp-save-official-note,
html.bws-light .ip-save-official-note {
    color: #8f6b00;
}

html.bws-light .bp-save-dialog,
html.bws-light .fp-save-dialog,
html.bws-light .ip-save-dialog {
    border: 1px solid #e3d5b3;
}

html.bws-light .bp-save-dialog h3,
html.bws-light .fp-save-dialog h3,
html.bws-light .ip-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .bp-save-dialog input,
html.bws-light .bp-save-dialog textarea,
html.bws-light .fp-save-dialog input,
html.bws-light .fp-save-dialog textarea,
html.bws-light .ip-save-dialog input,
html.bws-light .ip-save-dialog textarea {
    color: #1a1a1a;
}

html.bws-light .bp-save-confirm,
html.bws-light .fp-save-confirm,
html.bws-light .ip-save-confirm,
html.bws-light .mr-save-see-lib {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bp-save-confirm:hover:not(:disabled),
html.bws-light .fp-save-confirm:hover:not(:disabled),
html.bws-light .ip-save-confirm:hover:not(:disabled),
html.bws-light .mr-save-see-lib:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bp-save-dialog .bp-tags-input,
html.bws-light .fp-save-dialog .fp-tags-input,
html.bws-light .ip-save-dialog .ip-tags-input {
    color: #1a1a1a;
}

html.bws-light .bp-tag-badge,
html.bws-light .fp-tag-badge,
html.bws-light .ip-tag-badge {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.45);
    color: #8f6b00;
}

html.bws-light .bp-tag-remove,
html.bws-light .fp-tag-remove,
html.bws-light .ip-tag-remove {
    background: rgba(227,213,179,0.375);
}

html.bws-light #bt-main-parent-container .bt-timer.bt-timer-active {
    border-color: #e3d5b3;
}

html.bws-light #bt-main-parent-container .bt-timer.bt-timer-running {
    background: #f7f8fb;
    border-color: rgba(143,107,0,0.6);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.132), 0 0 5px rgba(143,107,0,0.06);
}

html.bws-light #bt-main-parent-container .bt-timer.bt-timer-running::after {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 18px rgba(143,107,0,0.27);
}

html.bws-light #bt-main-parent-container .bt-timer--pause:not(.bt-timer-running) {
    background: #f9f6f1;
}

html.bws-light #bt-main-parent-container .bt-pause-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light #bt-main-parent-container .bt-preview {
    color: #8f6b00;
}

html.bws-light #bt-main-parent-container .bt-preview:hover:not(:disabled) {
    border-color: #d9c799;
}

html.bws-light #bt-main-parent-container .bt-row {
    background: rgba(0,0,0,0.02);
}

html.bws-light #bt-main-parent-container .bt-hz-input::placeholder {
    color: #8f6b00;
}

html.bws-light #bt-main-parent-container .bt-hz-input::-moz-placeholder {
    color: #8f6b00;
}

html.bws-light #bt-main-parent-container .bt-preset-trigger.has-value {
    color: #8f6b00;
}

html.bws-light .bt-info-modal,
html.bws-light .ft-info-modal,
html.bws-light .it-info-modal,
html.bws-light .bws-secinfo-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 10px var(--glow-accent), 0 8px 24px rgba(0,0,0,0.24);
}

html.bws-light .bt-info-modal .bt-im-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .bt-info-modal .bt-im-close:hover {
    color: #1a1a1a;
}

html.bws-light .bt-info-modal .bt-im-underline {
    background: rgba(0,0,0,0.15);
}

html.bws-light .bt-info-modal .bt-im-image {
    background: rgba(0,0,0,0.021);
}

html.bws-light .bt-info-modal .bt-im-lower {
    border-top: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .bws-im--cover .bws-im-cover-wrap {
    background: #f8f5f0;
}

html.bws-light .bws-im--cover .bws-im-name {
    color: #1a1a1a;
}

html.bws-light .bt-info-modal .bt-im-hz {
    color: #8f6b00;
}

html.bws-light .bt-info-modal .bt-im-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .bt-info-modal .bt-im-desc,
html.bws-light .sbp-bim-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .bt-info-modal .bt-im-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .bt-info-modal .bt-im-detail,
html.bws-light .sbp-bim-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .bt-info-modal .bt-im-detail-label {
    color: #8f6b00;
}

html.bws-light .bt-info-modal .bt-im-section,
html.bws-light .sbp-bim-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .bt-info-modal .bt-im-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .bt-info-modal .bt-im-section-item {
    color: rgba(0,0,0,0.8);
}

html.bws-light #fp-presets-parent-container .fp-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #fp-presets-parent-container .fp-card:hover {
    border-color: #d9c799;
}

html.bws-light #fp-presets-parent-container .fp-card-cover {
    background: #f8f5f0;
}

html.bws-light #fp-presets-parent-container .fp-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #fp-presets-parent-container .fp-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bws-card-tag,
html.bws-light .bws-modal-tag {
    background: rgba(227,213,179,0.125);
    border: 1px solid rgba(143,107,0,0.4);
    color: #8f6b00;
}

html.bws-light .bws-card-create-btn {
    border: 1px solid #e3d5b3;
}

html.bws-light .fp-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .fp-badge-personal {
    background: rgba(0,0,0,0.098);
}

html.bws-light .bws-build-dialog {
    border: 1px solid #e3d5b3;
}

html.bws-light .bt-im-nav,
html.bws-light .bws-sim-nav,
html.bws-light .ft-im-nav,
html.bws-light .hpp-bim-nav,
html.bws-light .it-im-nav,
html.bws-light .sbp-bim-nav,
html.bws-light .sbp-ppm-nav,
html.bws-light .sdp-bim-nav,
html.bws-light .sgp-bim-nav {
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}

html.bws-light .bws-build-dialog h3 {
    color: #1a1a1a;
}

html.bws-light div > h3.bws-dialog-title {
    color: #1a1a1a;
}

html.bws-light .bws-build-close {
    color: #8f6b00;
}

html.bws-light .bws-build-close:hover {
    background: #d9c799;
}

html.bws-light .alb-card-tag:hover,
html.bws-light .plp-pcard-tag:hover,
html.bws-light .fp-card-tag:hover,
html.bws-light .bp-card-tag:hover,
html.bws-light .ip-card-tag:hover,
html.bws-light .mlib-rc-tag:hover,
html.bws-light .fp-modal-tag:hover,
html.bws-light .bp-modal-tag:hover,
html.bws-light .ip-modal-tag:hover,
html.bws-light .prb-modal-tag:hover {
    background: rgba(227,213,179,0.275);
    border-color: #d9c799;
}

html.bws-light #ft-main-parent-container .ft-timer.ft-timer-active {
    border-color: #e3d5b3;
}

html.bws-light #ft-main-parent-container .ft-timer.ft-timer-running {
    background: #f7f8fb;
    border-color: rgba(143,107,0,0.6);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.132), 0 0 5px rgba(143,107,0,0.06);
}

html.bws-light #ft-main-parent-container .ft-timer.ft-timer-running::after {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 18px rgba(143,107,0,0.27);
}

html.bws-light #ft-main-parent-container .ft-timer--pause:not(.ft-timer-running) {
    background: #f9f6f1;
}

html.bws-light #ft-main-parent-container .ft-pause-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light #ft-main-parent-container .ft-preview,
html.bws-light #mlib-main-parent-container .mlib-rc-preview {
    color: #8f6b00;
}

html.bws-light #ft-main-parent-container .ft-preview:hover:not(:disabled),
html.bws-light #mlib-main-parent-container .mlib-rc-preview:hover:not(:disabled) {
    border-color: #d9c799;
}

html.bws-light #ft-main-parent-container .ft-hz-input::placeholder {
    color: #8f6b00;
}

html.bws-light #ft-main-parent-container .ft-hz-input::-moz-placeholder {
    color: #8f6b00;
}

html.bws-light #ft-main-parent-container .ft-preset-trigger.has-value {
    color: #8f6b00;
}

html.bws-light .ft-info-modal .ft-im-title,
html.bws-light .bws-secinfo-modal .bws-secinfo-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .ft-info-modal .ft-im-close:hover {
    color: #1a1a1a;
}

html.bws-light .ft-info-modal .ft-im-underline,
html.bws-light .bws-secinfo-modal .bws-secinfo-underline {
    background: rgba(0,0,0,0.15);
}

html.bws-light .ft-info-modal .ft-im-image {
    background: rgba(0,0,0,0.021);
}

html.bws-light .ft-info-modal .ft-im-lower {
    border-top: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .ft-info-modal .ft-im-hz {
    color: #8f6b00;
}

html.bws-light .ft-info-modal .ft-im-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .ft-info-modal .ft-im-desc,
html.bws-light .bws-secinfo-modal .bws-secinfo-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .bws-secinfo-modal .bws-secinfo-points {
    color: rgba(0,0,0,0.85);
}

html.bws-light .bws-secinfo-modal .bws-secinfo-points strong {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .ft-info-modal .ft-im-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .ft-info-modal .ft-im-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .ft-info-modal .ft-im-detail-label {
    color: #8f6b00;
}

html.bws-light .ft-info-modal .ft-im-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .ft-info-modal .ft-im-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .ft-info-modal .ft-im-section-item {
    color: rgba(0,0,0,0.8);
}

html.bws-light .bws-wave-gear {
    color: #8f6b00;
}

html.bws-light .bws-wave-gear:hover {
    border-color: #d9c799;
}

html.bws-light .bws-wave-gear::after {
    background: #ffffff;
}

html.bws-light .bws-wm-dialog {
    background: var(--bg-dark-lighter, #f7f7f6);
    box-shadow: 0 18px 50px rgba(0,0,0,0.22);
}

html.bws-light .bws-wm-dialog h3 {
    color: #8f6b00;
}

html.bws-light .bws-wm-close:hover {
    color: #8f6b00;
    border-color: #d9c799;
}

html.bws-light .bws-wm-canvas {
    background: rgba(0,0,0,0.052);
}

html.bws-light .bws-wm-glyph {
    color: #8f6b00;
}

html.bws-light .bws-wm-actions button {
    color: #8f6b00;
}

html.bws-light .bws-wm-actions button:hover:not(:disabled) {
    border-color: #d9c799;
}

html.bws-light .bws-wm-done {
    border-color: #e3d5b3 !important;
}

html.bws-light .bws-wm-preview.ft-preview-on {
    border-color: #e3d5b3;
}

html.bws-light .bws-bs-link:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .bws-bs-link.active {
    color: #8f6b00;
}

html.bws-light .bws-bs-enhance.active {
    border-color: #e3d5b3;
}

html.bws-light #gm-main-parent-container .alb-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #gm-main-parent-container .alb-card:hover {
    border-color: #d9c799;
}

html.bws-light #gm-main-parent-container .alb-card-cover {
    background: #f8f5f0;
}

html.bws-light #gm-main-parent-container .alb-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #gm-main-parent-container .alb-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .alb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .alb-pl-card.alb-pl-drop-above {
    box-shadow: inset 0 3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-card.alb-pl-drop-below {
    box-shadow: inset 0 -3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .alb-seek-col .alb-seek {
    background: linear-gradient(to right, var(--slider-track-bg, rgba(0,0,0,0.105)) 0%, var(--slider-track-bg, rgba(0,0,0,0.105)) var(--in, 0%), var(--color-accent) var(--in, 0%), var(--color-accent) var(--val, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 0%)) !important;
}

html.bws-light .alb-seek-handle:hover,
html.bws-light .alb-seek-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .alb-trim-dur {
    color: #8f6b00 !important;
}

html.bws-light .gm-ed-audiobtn {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .gmx-modal h3 .gmx-h3-count {
    color: var(--color-text, #1a1a1a);
}

html.bws-light .gmx-modal h3 .gmx-h3-name {
    color: var(--color-text, #1a1a1a);
}

html.bws-light .gmx-hint {
    background: var(--bg-dark-light, rgba(0,0,0,0.028));
}

html.bws-light .gmx-hint-text {
    color: #8f6b00;
}

html.bws-light .gmx-vgain {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-light, rgba(0,0,0,0.028));
}

html.bws-light .gmx-vgain-sl {
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .gmx-vgain-val.gmx-vgain-active {
    color: #8f6b00;
}

html.bws-light .gmx-vgain-pk.gmx-vgain-over {
    color: #d64545;
}

html.bws-light .gmx-stage #gmx-canvas {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .gmx-legend {
    color: #8f6b00;
}

html.bws-light .gmx-padj-val.gmx-padj-active {
    color: #8f6b00;
}

html.bws-light .gmx-clean {
    border-top: 1px solid var(--border-accent-light, rgba(143,107,0,0.25));
}

html.bws-light .gmx-sel {
    background: var(--bg-dark-light, rgba(0,0,0,0.042));
    color: var(--color-text, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .gmx-btn.gmx-clean-on {
    border-color: #e3d5b3;
    background: rgba(227,213,179,0.175);
}

html.bws-light .gmx-scroll {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.28));
    background: rgba(0,0,0,0.032);
}

html.bws-light .gmx-scroll-win {
    background: rgba(227,213,179,0.325);
    border: 1px solid #e3d5b3;
}

html.bws-light .gmx-scroll-win.gmx-scroll-full {
    background: rgba(227,213,179,0.175);
}

html.bws-light .gmx-scroll-h {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .gmx-scroll-grip {
    background-image: repeating-linear-gradient(
            to right, rgba(227,213,179,0.938) 0 1px, transparent 1px 4px);
}

html.bws-light .gmx-btn {
    color: var(--color-text, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .gmx-btn:hover:not(:disabled) {
    background: rgba(227,213,179,0.15);
}

html.bws-light .gmx-status-info {
    color: #8f6b00;
}

html.bws-light .gmx-status-ok {
    color: #3b7243;
}

html.bws-light .gmx-status-error {
    color: #d64545;
}

html.bws-light .gm-tr-at {
    color: #8f6b00;
}

html.bws-light .gm-tr-text {
    color: rgba(0,0,0,0.86);
}

html.bws-light .gm-tr-script {
    color: rgba(0,0,0,0.86);
}

html.bws-light .fp-save-dialog.gm-rec-modal .gm-rec-val {
    color: var(--color-text, #1a1a1a);
}

html.bws-light .gmb-dialog .gmb-input,
html.bws-light .gmb-dialog .gmb-textarea {
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-primary, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .gmb-dialog .gmb-input:focus,
html.bws-light .gmb-dialog .gmb-textarea:focus {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 2px var(--glow-accent, rgba(143,107,0,0.108));
}

html.bws-light .gmb-dialog .gm-ai-parts-note,
html.bws-light .bws-ai-builder .gm-ai-parts-note {
    color: var(--text-bright, rgba(0,0,0,0.8));
    background: var(--bg-accent-light, rgba(227,213,179,0.175));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .gmb-dialog .gmb-status-info {
    color: #8f6b00;
}

html.bws-light .gmb-dialog .gmb-status-warn {
    color: #8c554c;
}

html.bws-light #ip-presets-parent-container .ip-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #ip-presets-parent-container .ip-card:hover {
    border-color: #d9c799;
}

html.bws-light #ip-presets-parent-container .ip-card-cover {
    background: #f8f5f0;
}

html.bws-light #ip-presets-parent-container .ip-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #ip-presets-parent-container .ip-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .ip-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .ip-badge-personal {
    background: rgba(0,0,0,0.098);
}

html.bws-light .mlib-fbar-clear.is-active,
html.bws-light .bws-fbar-clear.is-active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light #it-main-parent-container .it-timer.it-timer-active {
    border-color: #e3d5b3;
}

html.bws-light #it-main-parent-container .it-timer.it-timer-running {
    background: #f7f8fb;
    border-color: rgba(143,107,0,0.6);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.132), 0 0 5px rgba(143,107,0,0.06);
}

html.bws-light #it-main-parent-container .it-timer.it-timer-running::after {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 18px rgba(143,107,0,0.27);
}

html.bws-light #it-main-parent-container .it-timer--pause:not(.it-timer-running) {
    background: #f9f6f1;
}

html.bws-light #it-main-parent-container .it-pause-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light #it-main-parent-container .it-preview {
    color: #8f6b00;
}

html.bws-light #it-main-parent-container .it-preview:hover:not(:disabled) {
    border-color: #d9c799;
}

html.bws-light #it-main-parent-container .it-row {
    background: rgba(0,0,0,0.02);
}

html.bws-light #it-main-parent-container .it-hz-input::placeholder {
    color: #8f6b00;
}

html.bws-light #it-main-parent-container .it-hz-input::-moz-placeholder {
    color: #8f6b00;
}

html.bws-light #it-main-parent-container .it-preset-trigger.has-value {
    color: #8f6b00;
}

html.bws-light .it-info-modal .it-im-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .it-info-modal .it-im-close:hover {
    color: #1a1a1a;
}

html.bws-light .it-info-modal .it-im-underline {
    background: rgba(0,0,0,0.15);
}

html.bws-light .it-info-modal .it-im-image {
    background: rgba(0,0,0,0.021);
}

html.bws-light .it-info-modal .it-im-lower {
    border-top: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .it-info-modal .it-im-hz {
    color: #8f6b00;
}

html.bws-light .it-info-modal .it-im-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .it-info-modal .it-im-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .it-info-modal .it-im-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .it-info-modal .it-im-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .it-info-modal .it-im-detail-label {
    color: #8f6b00;
}

html.bws-light .it-info-modal .it-im-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .it-info-modal .it-im-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .it-info-modal .it-im-section-item {
    color: rgba(0,0,0,0.8);
}

html.bws-light #it-main-parent-container .it-be-toggle.active {
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light .mlib-auth-notice {
    background: var(--bg-dark-medium, rgba(0,0,0,0.028));
}

html.bws-light .mlib-auth-notice strong {
    color: #8f6b00;
}

html.bws-light .mlib-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .mlib-fbar {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-fbar-field label {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-fbar-input {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .mlib-fbar-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .mlib-fbar-dash {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .mlib-fbar-clear {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-fbar-clear:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .mlib-status-loading {
    color: #8f6b00;
}

html.bws-light .mlib-status-empty {
    color: var(--text-muted, rgba(0,0,0,0.4));
}

html.bws-light .mlib-list-status--ok {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .mlib-list-status--warn {
    color: #8f6b00;
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: rgba(227,213,179,0.075);
}

html.bws-light .mlib-cs-summary {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
}

html.bws-light .mlib-cs-summary-head {
    border-bottom: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-cs-total {
    color: #8f6b00;
}

html.bws-light .mlib-cs-row {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .mlib-cs-row + .mlib-cs-row {
    border-top: 1px solid rgba(0,0,0,0.048);
}

html.bws-light .mlib-cs-row--pause {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .mlib-cs-num {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .mlib-cs-badge {
    color: #8f6b00;
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-cs-dur {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-empty-state {
    color: var(--text-muted, rgba(0,0,0,0.4));
}

html.bws-light .mlib-pager-info {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-track-card {
    background: var(--bg-dark-light, #f6f3ed);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.32));
}

html.bws-light .mlib-track-card:hover {
    border-color: #d9c799;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.108));
}

html.bws-light .mlib-track-card--routed {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.4), 0 0 14px rgba(143,107,0,0.18);
}

html.bws-light .mlib-rc-cover {
    background: #f8f5f0;
}

html.bws-light .mlib-rc-cover-ph {
    color: rgba(143,107,0,0.5);
}

html.bws-light .mlib-rc-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .mlib-rc-desc {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-rc-playlist-btn.routed {
    color: #8f6b00;
}

html.bws-light .mlib-rc-playlist-btn.routed:hover {
    border-color: #d9c799;
}

html.bws-light .mlib-rc-boost-btn {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .mlib-rc-boost-btn:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .mlib-card-upload .bws-card-cover--custom {
    background: #e3d5b3;
}

html.bws-light .mlib-card-upload .bws-card-create-btn {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .mlib-card-upload:hover .bws-card-cover--custom,
html.bws-light .mlib-card-upload:hover .bws-card-create-btn {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .mlib-card-upload:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .mlib-tc-filename {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-info-cover {
    border: 1px solid #e3d5b3;
}

html.bws-light .mlib-im-source {
    color: #8f6b00;
}

html.bws-light .mlib-im-source-link:hover {
    color: #1a1a1a;
}

html.bws-light .mlib-im-preview-btn,
html.bws-light .mlib-im-ai-btn {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .mlib-im-preview-btn:hover:not(:disabled),
html.bws-light .mlib-im-ai-btn:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .mlib-im-player {
    background: var(--bg-dark-light, #f6f3ed);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-im-pbtn {
    color: #8f6b00;
}

html.bws-light .mlib-im-time {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-im-volicon {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-badge-orig {
    background: rgba(227,213,179,0.25);
    color: #8f6b00;
}

html.bws-light .mlib-badge-enh {
    color: #716785;
}

html.bws-light .mlib-track-card--routed {
    border-color: #e3d5b3 !important;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.3), 0 0 14px rgba(143,107,0,0.15);
}

html.bws-light .alb-pl-card.alb-pl-dragging {
    box-shadow: 0 12px 32px rgba(0,0,0,0.24);
}

html.bws-light .bws-meta-badge {
    color: var(--text-muted, rgba(0,0,0,0.45));
    background: var(--bg-dark-heavy, rgba(0,0,0,0.037));
    border: 1px solid var(--color-border, rgba(0,0,0,0.064));
}

html.bws-light .bws-badge-duration {
    border-color: rgba(0,0,0,0.176);
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .mlib-enhance-panel {
    border: 1px solid #e3d5b3;
}

html.bws-light .mlib-enhance-header {
    border-bottom: 1px solid var(--color-border, rgba(0,0,0,0.08));
}

html.bws-light .mlib-enhance-title {
    color: #8f6b00;
}

html.bws-light .mlib-close-btn {
    color: var(--text-muted, rgba(0,0,0,0.4));
}

html.bws-light .mlib-mode-btn.active {
    background: rgba(227,213,179,0.15) !important;
    border-color: #e3d5b3 !important;
    color: #8f6b00 !important;
    box-shadow: 0 0 6px rgba(143,107,0,0.18);
}

html.bws-light .mlib-field-label {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .mlib-toggle-track {
    background: var(--color-border, rgba(0,0,0,0.105));
}

html.bws-light .mlib-toggle-wrap input:checked + .mlib-toggle-track {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .mlib-toggle-text {
    color: var(--color-text, rgba(0,0,0,0.85));
}

html.bws-light .mlib-text-btn {
    color: var(--text-muted, rgba(0,0,0,0.45));
}

html.bws-light .mlib-text-btn:hover {
    color: #8f6b00;
}

html.bws-light .mlib-advanced-panel {
    background: rgba(0,0,0,0.03);
    border: 1px solid var(--color-border, rgba(0,0,0,0.08));
}

html.bws-light .mlib-slider-label {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .mlib-param-slider {
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .mlib-slider-val {
    color: #8f6b00;
}

html.bws-light .mlib-generate-row {
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.08));
}

html.bws-light .mlib-spinner {
    border: 2px solid rgba(143,107,0,0.3);
    border-top-color: #e3d5b3;
}

html.bws-light .mlib-status-loading {
    color: #8f6b00;
}

html.bws-light .mlib-status-success {
    color: var(--color-success, #388e3c);
}

html.bws-light .mlib-status-info {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .mlib-elapsed {
    color: #8f6b00;
}

html.bws-light .mlib-results-label {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .gm-ai-expiry-note {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.45));
    background: rgba(227,213,179,0.1);
    color: var(--text-secondary, #222222);
}

html.bws-light .gm-ai-expiry-note strong {
    color: #8f6b00;
}

html.bws-light .mlib-result-card {
    background: var(--bg-dark-medium, rgba(0,0,0,0.028));
    border: 1px solid rgba(143,107,0,0.25);
}

html.bws-light .mlib-result-thumb {
    background: rgba(0,0,0,0.045);
}

html.bws-light .mlib-result-thumb-placeholder {
    background: rgba(0,0,0,0.045);
    border: 1px solid var(--color-border, rgba(0,0,0,0.08));
    color: var(--text-muted, rgba(0,0,0,0.3));
}

html.bws-light .mlib-result-title {
    color: var(--color-text, rgba(0,0,0,0.9));
}

html.bws-light .mlib-result-desc {
    color: var(--text-bright, rgba(0,0,0,0.72));
}

html.bws-light .mlib-result-audio {
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.064));
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .mlib-no-audio {
    color: var(--text-muted, rgba(0,0,0,0.4));
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.064));
}

html.bws-light .mr-sm-btn {
    border: 1px solid rgba(143,107,0,0.5);
    background: #fdf8e6;
    color: rgba(143,107,0,0.85);
}

html.bws-light .mr-sm-btn:hover {
    color: #8f6b00;
    background: #faf3d9;
    border-color: rgba(143,107,0,0.6);
}

html.bws-light .mr-solo-btn.is-active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .mr-transport-panel {
    background: var(--bg-dark-light, rgba(0,0,0,0.021));
}

html.bws-light .mr-dur-total {
    color: #8f6b00;
}

html.bws-light .mr-console-btn:disabled,
html.bws-light .mr-console-btn:disabled:hover {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .mr-rec-mark {
    fill: #1a1a1a;
}

html.bws-light .mr-lock-seg {
    border: 1px solid #e3d5b3;
}

html.bws-light .mr-lock-btn {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-lock-btn + .mr-lock-btn {
    border-left: 1px solid #e3d5b3;
}

html.bws-light .mr-lock-btn:not(.active):not(:disabled):hover {
    color: #1a1a1a;
}

html.bws-light .mr-lock-btn:focus-visible {
    outline: 2px solid #bbbbbb;
}

html.bws-light .mr-rec-panel .mr-console .bws-dropdown,
html.bws-light .mr-rec-panel .mr-console .bws-dropdown:hover,
html.bws-light .mr-rec-panel .mr-console .bws-dropdown:focus,
html.bws-light .mr-rec-panel .mr-console .bbp-frequency-input,
html.bws-light .mr-rec-panel .mr-console .bbp-frequency-input:hover,
html.bws-light .mr-rec-panel .mr-console .bbp-frequency-input:focus,
html.bws-light .mr-rec-panel .mr-console .bws-dropdown option:checked {
    color: #1a1a1a !important;
}

html.bws-light .mr-video-status {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-video-opt > span {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-video-x {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .mr-out-note {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-save-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 16px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .mr-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .mr-save-dialog label {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-save-dialog input[type=text]:not(.mr-tags-input),
html.bws-light .mr-save-dialog textarea {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .mr-tags-field {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .mr-save-dialog .mr-tags-input {
    color: #1a1a1a;
}

html.bws-light .mr-tag-badge {
    background: rgba(227,213,179,0.125);
    border: 1px solid rgba(143,107,0,0.4);
    color: #8f6b00;
}

html.bws-light .mr-tag-remove:hover {
    color: #1a1a1a;
}

html.bws-light .mr-save-change {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .mr-save-change:hover,
html.bws-light .mr-save-change.open {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .mr-save-fmt-edit {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .mr-save-dialog .mr-dest {
    color: #1a1a1a;
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .mr-dest input {
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .mr-dest-note {
    color: var(--text-muted, #616161);
    border-left: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mr-storage-bar {
    background: rgba(0,0,0,0.063);
}

html.bws-light .mr-storage-used {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .mr-storage-add {
    background: rgba(227,213,179,0.563);
}

html.bws-light .mr-storage-line {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-storage-line strong {
    color: #1a1a1a;
}

html.bws-light .mr-storage-warn {
    color: #1a1a1a;
}

html.bws-light .mr-rec-banner--float {
    background: rgba(255,255,255,0.97);
}

html.bws-light .mr-rec-label {
    color: #1a1a1a;
}

html.bws-light .mr-block-lead {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .mr-block-item {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .mr-block-name {
    color: #8f6b00;
}

html.bws-light .mr-block-rows {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-recover-lead {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .mr-recover-facts {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .mr-recover-facts span {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-recover-facts strong {
    color: #1a1a1a;
}

html.bws-light .mr-recover-more {
    color: #8f6b00;
}

html.bws-light .mr-recover-note {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-save-cloud {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .mr-save-status {
    color: var(--text-muted, #616161);
}

html.bws-light .mr-module-toggle-button {
    background: #ffffff !important;
}

html.bws-light .mr-module-toggle-button:hover,
html.bws-light .mr-module-toggle-button.active {
    background: #ffffff !important;
}

html.bws-light .mr-module-toggle-button .bws-section-drag-handle {
    color: rgba(143,107,0,0.45);
}

html.bws-light .mr-module-toggle-button .bws-section-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .mr-power-btn {
    color: rgba(143,107,0,0.75);
}

html.bws-light .mr-power-btn:hover {
    color: #8f6b00;
}

html.bws-light .mr-module-toggle-button:not(.active) .mr-power-btn {
    color: #8f6b00;
}

html.bws-light .mr-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 18px var(--glow-accent, rgba(143,107,0,0.21));
}

html.bws-light .mr-modal-sub {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .mr-modal-switch-row label {
    color: rgba(0,0,0,0.85);
}

html.bws-light .mr-modal-switch {
    border: 1px solid rgba(0,0,0,0.16);
}

html.bws-light .mr-modal-switch.on {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .mr-modal-val {
    color: #8f6b00;
}

html.bws-light .mr-modules-row .ft-seek-segs > span:not(.bws-seg) {
    background: linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--segfill, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--segfill, 0%));
}

html.bws-light #medm-main-parent-container .alb-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #medm-main-parent-container .alb-card:hover {
    border-color: #d9c799;
}

html.bws-light #medm-main-parent-container .alb-card-cover {
    background: #f8f5f0;
}

html.bws-light #medm-main-parent-container .alb-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #medm-main-parent-container .alb-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .alb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .alb-pl-card.alb-pl-drop-above {
    box-shadow: inset 0 3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-card.alb-pl-drop-below {
    box-shadow: inset 0 -3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .alb-seek-col .alb-seek {
    background: linear-gradient(to right, var(--slider-track-bg, rgba(0,0,0,0.105)) 0%, var(--slider-track-bg, rgba(0,0,0,0.105)) var(--in, 0%), var(--color-accent) var(--in, 0%), var(--color-accent) var(--val, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 0%)) !important;
}

html.bws-light .alb-seek-handle:hover,
html.bws-light .alb-seek-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .alb-trim-dur {
    color: #8f6b00 !important;
}

html.bws-light #nat-main-parent-container .alb-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #nat-main-parent-container .alb-card:hover {
    border-color: #d9c799;
}

html.bws-light #nat-main-parent-container .alb-card-cover {
    background: #f8f5f0;
}

html.bws-light #nat-main-parent-container .alb-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #nat-main-parent-container .alb-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .alb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .alb-pl-card.alb-pl-drop-above {
    box-shadow: inset 0 3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-card.alb-pl-drop-below {
    box-shadow: inset 0 -3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .alb-seek-col .alb-seek {
    background: linear-gradient(to right, var(--slider-track-bg, rgba(0,0,0,0.105)) 0%, var(--slider-track-bg, rgba(0,0,0,0.105)) var(--in, 0%), var(--color-accent) var(--in, 0%), var(--color-accent) var(--val, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 0%)) !important;
}

html.bws-light .alb-seek-handle:hover,
html.bws-light .alb-seek-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .alb-trim-dur {
    color: #8f6b00 !important;
}

html.bws-light .sbp-ppm-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .sbp-ppm-badge {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sbp-ppm-title,
html.bws-light .sbp-bim-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .sbp-ppm-underline,
html.bws-light .sbp-bim-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .sbp-ppm-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .sbp-ppm-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .sbp-ppm-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sbp-ppm-graphic {
    background: rgba(0,0,0,0.052);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .sbp-ppm-graphic::before {
    background: rgba(227,213,179,0.15);
}

html.bws-light .sbp-ppm-bowl {
    background: rgba(255,255,255,0.95);
    border: 1.5px solid rgba(143,107,0,0.45);
    color: rgba(0,0,0,0.55);
}

html.bws-light .sbp-ppm-bowl.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
    box-shadow: 0 0 16px rgba(143,107,0,0.45);
}

html.bws-light .sbp-ppm-desc {
    color: rgba(0,0,0,0.92);
}

html.bws-light .sbp-bowl-info-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .sbp-bim-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .sbp-bim-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .sbp-bim-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sbp-bim-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .sbp-bim-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .sbp-bim-detail-label {
    color: #8f6b00;
}

html.bws-light .sbp-bim-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .sbp-bim-section-item {
    color: rgba(0,0,0,0.8);
}

html.bws-light .sbp-bim-scale-label {
    color: rgba(0,0,0,0.6);
}

html.bws-light .sbp-bim-note {
    background: rgba(0,0,0,0.028);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .sbp-bim-note-name {
    color: #8f6b00;
}

html.bws-light .sbp-bim-note-hz {
    color: rgba(0,0,0,0.7);
}

html.bws-light .bt-info-modal .bt-im-fn-tag,
html.bws-light .ft-info-modal .ft-im-fn-tag,
html.bws-light .it-info-modal .it-im-fn-tag,
html.bws-light .bws-secinfo-modal .bws-secinfo-fn-tag,
html.bws-light .sbp-bim-fn-tag {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sbp-builder-band {
    border: 1px solid rgba(143,107,0,0.24);
    background: rgba(0,0,0,0.02);
}

html.bws-light .sbp-band-heading {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.32);
}

html.bws-light #spc-main-parent-container .alb-tab.active {
    border-color: #e3d5b3;
}

html.bws-light #spc-main-parent-container .alb-card:hover {
    border-color: #d9c799;
}

html.bws-light #spc-main-parent-container .alb-card-cover {
    background: #f8f5f0;
}

html.bws-light #spc-main-parent-container .alb-card-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #spc-main-parent-container .alb-card-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .alb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .alb-pl-card.alb-pl-drop-above {
    box-shadow: inset 0 3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-card.alb-pl-drop-below {
    box-shadow: inset 0 -3px 0 0 rgba(143,107,0,0.4);
}

html.bws-light .alb-pl-drag-handle:hover {
    color: rgba(143,107,0,1);
}

html.bws-light .alb-seek-col .alb-seek {
    background: linear-gradient(to right, var(--slider-track-bg, rgba(0,0,0,0.105)) 0%, var(--slider-track-bg, rgba(0,0,0,0.105)) var(--in, 0%), var(--color-accent) var(--in, 0%), var(--color-accent) var(--val, 0%), var(--slider-track-bg, rgba(0,0,0,0.105)) var(--val, 0%)) !important;
}

html.bws-light .alb-seek-handle:hover,
html.bws-light .alb-seek-handle:active {
    border-bottom-color: #d9c799;
}

html.bws-light .alb-trim-dur {
    color: #8f6b00 !important;
}

html.bws-light .tin-disclaimer {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .tin-disclaimer-icon {
    color: #8f6b00;
}

html.bws-light .tin-welcome-back {
    background: var(--bg-accent-light, rgba(227,213,179,0.125));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: #8f6b00;
}

html.bws-light .tin-step {
    background: var(--bg-dark-light, rgba(0,0,0,0.03));
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
}

html.bws-light .tin-step-caret {
    color: #8f6b00;
}

html.bws-light .tin-step.tin-locked .tin-step-caret {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .tin-step-divider {
    border-top: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
}

html.bws-light .tin-step-num {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .tin-step-title {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-step.tin-locked .tin-step-status {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .tin-guide {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-guide strong {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-intro-head {
    color: #8f6b00;
}

html.bws-light .tin-head-figure {
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.25));
    background: #ffffff;
}

html.bws-light .tin-head-stack {
    background: #ffffff;
}

html.bws-light .tin-head-caption {
    color: rgba(0,0,0,0.6);
}

html.bws-light .tin-ear-btn,
html.bws-light .tin-char-btn {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-ear-btn:hover,
html.bws-light .tin-char-btn:hover {
    border-color: #d9c799;
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-ear-btn.active,
html.bws-light .tin-char-btn.active {
    background: var(--bg-accent-medium, rgba(227,213,179,0.25));
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light .tin-char-note {
    color: var(--text-muted, rgba(0,0,0,0.6));
    border-left: 2px solid var(--border-accent-medium, rgba(143,107,0,0.34));
    background: var(--bg-dark-light, rgba(0,0,0,0.022));
}

html.bws-light .tin-freq-readout {
    color: #8f6b00;
}

html.bws-light .tin-adjust-btn,
html.bws-light .tin-ab-btn,
html.bws-light .tin-restart-btn {
    background: var(--bg-dark-medium, rgba(0,0,0,0.06));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-adjust-btn:hover,
html.bws-light .tin-ab-btn:hover,
html.bws-light .tin-restart-btn:hover {
    background: var(--bg-accent-light, rgba(227,213,179,0.125));
    border-color: #d9c799;
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .tin-tone-card {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
}

html.bws-light .tin-tone-label {
    color: #8f6b00;
}

html.bws-light .tin-ear-line-tagged {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
}

html.bws-light .tin-hint {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .tin-match-row > .tin-pan-panel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
}

html.bws-light .tin-ear-cols-single > .tin-pan-panel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
}

html.bws-light .tin-pan-scale {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .tin-band-scale {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .tin-dur-btn:disabled:hover {
    border-color: var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-dur-btn.active:disabled:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .tin-info-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 10px var(--glow-accent), 0 8px 24px rgba(0,0,0,0.24);
}

html.bws-light .tin-info-modal .tin-im-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .tin-info-modal .tin-im-close:hover {
    color: #1a1a1a;
}

html.bws-light .tin-info-modal .tin-im-underline {
    background: rgba(0,0,0,0.15);
}

html.bws-light .tin-im-section-title {
    color: #8f6b00;
}

html.bws-light .tin-im-text {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-im-refs {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .tin-im-note {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-notch-card {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .tin-notch-state {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .tin-sound-card {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .tin-sound-card:hover {
    border-color: #d9c799;
}

html.bws-light .tin-sound-card.selected {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.18)), inset 0 0 12px var(--bg-accent-light, rgba(143,107,0,0.06));
}

html.bws-light .tin-sound-name {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-sound-card.selected .tin-sound-name {
    color: #8f6b00;
}

html.bws-light .tin-sound-desc {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-sound-curve {
    background: var(--bg-dark-light, rgba(0,0,0,0.037));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.22));
}

html.bws-light .tin-sound-curve path {
    stroke: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .tin-sound-card.selected .tin-sound-curve path {
    stroke: #8f6b00;
}

html.bws-light .tin-tag {
    background: var(--bg-dark-medium, rgba(0,0,0,0.06));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-profile-summary {
    color: #8f6b00;
}

html.bws-light .tin-dur-btn {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-dur-btn:hover {
    border-color: #d9c799;
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-dur-btn.active {
    background: var(--bg-accent-medium, rgba(227,213,179,0.25));
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light .tin-notch-btn {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .tin-notch-btn:hover {
    border-color: #d9c799;
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .tin-notch-btn.active {
    background: var(--bg-accent-medium, rgba(227,213,179,0.25));
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light #tin-bypass-notch.active {
    border-color: #e3d5b3;
    color: #8f6b00;
    background: var(--bg-accent-light, rgba(227,213,179,0.125));
}

html.bws-light .tin-status-box {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
}

html.bws-light .brw-technique-card {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .brw-technique-card:hover {
    border-color: #d9c799;
}

html.bws-light .brw-technique-card.selected {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.18)), inset 0 0 12px var(--bg-accent-light, rgba(143,107,0,0.06));
}

html.bws-light .brw-technique-name {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .brw-technique-card.selected .brw-technique-name {
    color: #8f6b00;
}

html.bws-light .brw-technique-pattern {
    color: #8f6b00;
}

html.bws-light .brw-technique-desc {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light #brw-main-parent-container .brw-ocard {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light #brw-main-parent-container .brw-ocard:hover {
    border-color: #d9c799;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.15));
}

html.bws-light #brw-main-parent-container .brw-ocard-cover {
    background: #f8f5f0;
}

html.bws-light #brw-main-parent-container .brw-ocard-cover--empty {
    background: linear-gradient(135deg, #f5f2eb, #f8f5f0);
}

html.bws-light #brw-main-parent-container .brw-ocard-title {
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light #brw-main-parent-container .brw-ocard-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .brw-modal-cover--empty {
    background: linear-gradient(135deg, #ffffff, #f8f5f0);
}

html.bws-light .brw-custom-editor {
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
    border: 1px dashed var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .brw-phase-row {
    border-top: 1px solid var(--bg-dark-light, rgba(0,0,0,0.14));
}

html.bws-light .brw-phase-tag {
    color: #8f6b00;
}

html.bws-light .brw-chip-attr {
    background: var(--bg-accent-light, rgba(227,213,179,0.125));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: #8f6b00;
}

html.bws-light .brw-guide-pop .brw-guide-label {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-guide-pop .brw-guide-check {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-pacer-guide {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-pacer-cue {
    color: #8f6b00;
}

html.bws-light .brw-pacer-ring {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .brw-pacer-circle {
    background: radial-gradient(circle at 50% 42%,
        rgba(227,213,179,0.688) 0%,
        rgba(227,213,179,0.35) 45%,
        rgba(227,213,179,0.125) 75%,
        rgba(227,213,179,0.05) 100%);
    box-shadow: 0 0 24px var(--glow-accent, rgba(143,107,0,0.18)),
                inset 0 0 18px rgba(143,107,0,0.15);
}

html.bws-light .brw-phase-label {
    color: var(--text-bright, rgba(0,0,0,0.9));
    text-shadow: 0 1px 6px rgba(0,0,0,0.22);
}

html.bws-light .brw-phase-count {
    color: #8f6b00;
    text-shadow: 0 1px 6px rgba(0,0,0,0.22);
}

html.bws-light .brw-cycle-count {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-chip {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-chip:hover {
    border-color: #d9c799;
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .brw-chip.active {
    background: var(--bg-accent-medium, rgba(227,213,179,0.25));
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light #brw-main-parent-container .brw-tab.active {
    border-color: #e3d5b3;
}

html.bws-light .brw-save-btn {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light #brw-main-parent-container .brw-grid-msg {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light #brw-main-parent-container .brw-group-subhead {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light #brw-main-parent-container .brw-timers-note {
    color: #8f6b00;
    background: var(--bg-accent-light, rgba(227,213,179,0.125));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light #brw-main-parent-container .brw-timer {
    background: var(--bg-dark-light, rgba(0,0,0,0.03));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light #brw-main-parent-container .brw-timer.brw-timer-active {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.18));
}

html.bws-light #brw-main-parent-container .brw-timer-name {
    color: #8f6b00;
}

html.bws-light #brw-main-parent-container .brw-tp {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light #brw-main-parent-container .brw-timer-edit {
    background: var(--input-bg, rgba(0,0,0,0.08));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light #brw-main-parent-container .brw-timer-edit:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light #brw-main-parent-container .brw-timer-edit.has-guidance {
    color: #8f6b00;
    border-color: #e3d5b3;
}

html.bws-light .brw-modal-pattern {
    color: #8f6b00;
}

html.bws-light .brw-modal-meta {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-modal-guide {
    background: var(--bg-dark-light, rgba(0,0,0,0.03));
    border: 1px dashed var(--border-accent-light, rgba(143,107,0,0.3));
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .brw-modal-guide-tag {
    color: #8f6b00;
}

html.bws-light #brw-main-parent-container .ft-preset-trigger.has-value,
html.bws-light .brw-edit-modal .ft-preset-trigger.has-value,
html.bws-light .brw-guide-pop .ft-preset-trigger.has-value {
    color: #8f6b00;
}

html.bws-light #prb-main-parent-container .prb-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .bws-fbar {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-fbar-field label {
    color: var(--text-muted, #616161);
}

html.bws-light .bws-fbar-input {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .bws-fbar-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .bws-fbar-dash {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-fbar-clear {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-muted, #616161);
}

html.bws-light .bws-fbar-clear:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .bws-fav-star {
    background: rgba(0,0,0,0.055);
    border: 1px solid rgba(0,0,0,0.176);
    color: #1a1a1a;
}

html.bws-light .bws-fav-star:hover {
    border-color: #d9c799;
    color: #8f6b00;
    box-shadow: 0 0 0 2px rgba(143,107,0,0.21);
}

html.bws-light .bws-fav-star.is-on {
    color: #8f6b00;
    border-color: #e3d5b3;
}

html.bws-light .bws-fav-star:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .bws-fbar-fav {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-muted, #616161);
}

html.bws-light .bws-fbar-fav:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .bws-fbar-fav.is-active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

@media (prefers-reduced-motion: reduce) {
    html.bws-light .bws-auth-attention {
        box-shadow: 0 0 0 3px rgba(143,107,0,0.33);
    }

}

html.bws-light .bws-viewtoggle {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-viewtoggle-btn {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-muted, #616161);
}

html.bws-light .bws-viewtoggle-btn:hover {
    border-color: #d9c799;
    color: #8f6b00;
}

html.bws-light .bws-viewtoggle-btn.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .prb-badge-paid {
    background: rgba(227,213,179,0.225);
}

html.bws-light .prb-badge-personal {
    background: rgba(0,0,0,0.098);
}

html.bws-light .alb-modal-tag:hover {
    background: rgba(227,213,179,0.275);
    border-color: #d9c799;
}

html.bws-light .bws-modal-cover--empty {
    background: linear-gradient(135deg, #ffffff, #f8f5f0);
}

html.bws-light .bws-card-cover--empty {
    background: linear-gradient(135deg, #f5f2eb, #f8f5f0);
}

html.bws-light .plp-pcard-custom .bws-card-cover--custom {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .plp-pcard-custom .bws-card-create-btn {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .plp-pcard-custom .bws-card-cover--custom {
    background: #e3d5b3;
}

html.bws-light .plp-pcard-custom:hover .bws-card-create-btn,
html.bws-light .plp-pcard-custom:hover .bws-card-cover--custom {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .prb-modsel-label {
    color: var(--text-muted, rgba(0,0,0,0.45));
}

html.bws-light .prb-modsel-btn {
    background: var(--bg-dark-heavy, rgba(0,0,0,0.037));
    border: 1px solid var(--color-border, rgba(0,0,0,0.064));
}

html.bws-light .prb-modsel-code {
    color: #8f6b00;
}

html.bws-light .prb-modsel-btn.is-on {
    border-color: rgba(143,107,0,0.55);
    background: rgba(227,213,179,0.125);
}

html.bws-light .prb-modsel-btn:hover {
    border-color: #d9c799;
}

html.bws-light .bws-card-del,
html.bws-light .bws-modal-sq,
html.bws-light .bws-modal-del-sq {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: #8f6b00;
}

html.bws-light .bws-modal-sq:hover:not([disabled]) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-modal-edit-btn {
    background: #e3d5b3;
    border: 1px solid #e3d5b3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

html.bws-light .bws-modal-edit-btn:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .prb-edit-replace {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .prb-edit-replace .prb-edit-replace-toggle {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .prb-edit-replace .prb-edit-replace-toggle input[type="checkbox"] {
    accent-color: var(--color-accent, #e3d5b3);
}

html.bws-light .prb-edit-replace .prb-edit-replace-note {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .prb-edit-replace .prb-edit-replace-note.is-on {
    color: #8f6b00;
}

html.bws-light .prb-edit-replace .prb-edit-replace-err:not(:empty) {
    color: #8c5725;
}

html.bws-light .bws-modal-publish {
    color: #8f6b00;
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.5));
}

html.bws-light .bws-modal-publish:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-cover-dialog .prb-cover-sub {
    color: var(--text-muted, #707070);
}

html.bws-light .bws-cover-dialog .prb-cover-preview {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-cover-dialog .prb-cover-ph {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-cover-dialog .prb-cover-prompt {
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-primary, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-cover-dialog .prb-cover-gen {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bws-cover-dialog .prb-cover-gen:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-cover-dialog .prb-cover-status {
    color: #8f6b00;
}

html.bws-light .gmb-dialog .gm-ai-autorow {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-cover-dialog .medm-ed-filename,
html.bws-light .bws-cover-dialog .gm-ed-filename,
html.bws-light .bws-cover-dialog .bws-ed-filename {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-cover-dialog .prb-cover-spinner {
    border: 2px solid rgba(0,0,0,0.196);
    border-top-color: #d9d4c7;
}

html.bws-light .prb-cs-notice {
    background: var(--bg-dark-lighter, rgba(0,0,0,0.02));
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    color: var(--text-muted, #616161);
}

html.bws-light .prb-cs-notice.is-info {
    color: #8f6b00;
}

html.bws-light .prb-cs-notice.is-warn {
    color: #8c5725;
}

html.bws-light .bws-cover-dialog .prb-cover-status.warn {
    color: #8c5725;
}

html.bws-light .bws-cover-dialog .prb-cover-status.info {
    color: #8f6b00;
}

html.bws-light .bws-cover-dialog .prb-cs-loading-text,
html.bws-light .bws-build-dialog .prb-cs-loading-text {
    color: #8f6b00;
}

html.bws-light .bws-ai-builder .prb-describe-label {
    color: #8f6b00;
}

html.bws-light .bws-ai-builder .prb-describe {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .bws-ai-builder .prb-describe:focus {
    border-color: #e3d5b3;
}

html.bws-light .bws-ai-builder .prb-hint {
    color: #8c5725;
}

html.bws-light .bws-ai-builder .prb-modules-label {
    color: #8f6b00;
}

html.bws-light .bws-ai-builder .prb-modules-note {
    color: var(--text-muted, rgba(0,0,0,0.6));
}

html.bws-light .bws-ai-builder .prb-modules-list,
html.bws-light .bws-cover-dialog .prb-modules-list {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-ai-builder .prb-module-row,
html.bws-light .bws-cover-dialog .prb-module-row {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .bws-ai-builder .prb-module-row:hover,
html.bws-light .bws-cover-dialog .prb-module-row:hover {
    background: rgba(227,213,179,0.088);
}

html.bws-light .bws-ai-builder .prb-module-row.is-on .prb-module-icon,
html.bws-light .bws-cover-dialog .prb-module-row.is-on .prb-module-icon {
    border-color: rgba(143,107,0,0.55);
    background: rgba(227,213,179,0.125);
}

html.bws-light .bws-ai-builder .prb-module-row:hover .prb-module-icon,
html.bws-light .bws-cover-dialog .prb-module-row:hover .prb-module-icon {
    border-color: #d9c799;
}

html.bws-light .bws-ai-builder .prb-save-btn {
    border-color: #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bws-ai-builder .prb-save-btn:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-ai-builder .prb-status {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    color: var(--text-muted, #616161);
}

html.bws-light .bws-ai-builder .prb-status-info {
    color: #8f6b00;
}

html.bws-light .bws-ai-builder .prb-status-warn {
    color: #8c5725;
}

html.bws-light .bws-ai-builder .prb-spinner {
    border: 2px solid var(--border-accent-light, rgba(143,107,0,0.35));
    border-top-color: #e3d5b3;
}

html.bws-light .bws-eff-table th {
    color: var(--text-muted, #6e6e6e);
    border-bottom: 1px solid var(--color-border, rgba(0,0,0,0.096));
}

html.bws-light .bws-eff-table td {
    border-bottom: 1px solid var(--bg-dark-light, rgba(0,0,0,0.04));
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bws-eff-runs {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-eff-prices-btn,
html.bws-light .bws-eff-test {
    color: var(--color-text, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-eff-prices-btn:hover:not(:disabled),
html.bws-light .bws-eff-test:hover:not(:disabled) {
    background: rgba(227,213,179,0.15);
}

html.bws-light .bws-eff-drawer > td {
    background: var(--bg-dark-light, rgba(0,0,0,0.028));
}

html.bws-light .bws-eff-prices th {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-eff-cost {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-eff-note {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-eff-rule {
    border-top: 1px solid var(--color-border, rgba(0,0,0,0.096));
}

html.bws-light .bws-eff-subhead {
    color: var(--color-text, #1a1a1a);
}

html.bws-light .bws-act-model {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-eff-tag {
    color: var(--text-muted, #6e6e6e);
    background: var(--bg-dark-medium, rgba(0,0,0,0.042));
}

html.bws-light .bws-ai-builder .prb-plan-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bws-ai-builder .prb-plan-fact {
    background: var(--bg-dark-light, rgba(0,0,0,0.02));
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.28));
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bws-ai-builder .prb-plan-fact span {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-ai-builder .prb-plan-layer {
    background: var(--bg-dark-light, rgba(0,0,0,0.02));
    border: 1px solid var(--color-border, rgba(0,0,0,0.096));
}

html.bws-light .bws-ai-builder .prb-plan-layer.is-primary {
    border-left-color: #e3d5b3;
}

html.bws-light .bws-ai-builder .prb-plan-layer-name {
    color: var(--text-#1a1a1a, #1a1a1a);
}

html.bws-light .bws-ai-builder .prb-plan-layer-name em {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-ai-builder .prb-plan-layer-role {
    color: var(--text-muted, #707070);
}

html.bws-light .bws-ai-builder .prb-ai-btn {
    border-color: #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .bws-ai-builder .prb-ai-btn:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .bws-ai-builder .prb-ai-hint {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-ai-builder .prb-chat {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .bws-ai-builder .prb-chat-user {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-ai-builder .prb-chat-assistant {
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-primary, #1a1a1a);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.3));
}

html.bws-light .bws-ai-builder .prb-chat-assistant.prb-chat-pending {
    color: var(--text-muted, #616161);
}

html.bws-light .bws-ai-builder .prb-typing > span {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-ai-builder .prb-chat-input {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .bws-ai-builder .prb-chat-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .bws-ai-builder .prb-chat-send {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-ai-builder .prb-chat-buildnow {
    border-color: #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .bws-ai-builder .prb-chat-close {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    color: var(--text-muted, #616161);
}

html.bws-light .bws-ai-builder .prb-chat-close:hover {
    color: #8c5725;
}

html.bws-light .mlib-enhance-panel .bbp-frequency-input {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: var(--text-primary, #1a1a1a) !important;
}

html.bws-light .mlib-enhance-panel .bbp-frequency-input::placeholder {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .mlib-enhance-panel .bbp-frequency-input:focus {
    border-color: #e3d5b3;
}

html.bws-light .mlib-enhance-panel .mlib-field-label,
html.bws-light .mlib-enhance-panel .mlib-results-label {
    color: #8f6b00;
}

html.bws-light .mlib-enhance-panel .mlib-advanced-panel {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-enhance-panel .mlib-result-card {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-enhance-panel .mlib-mode-btn.active {
    border-color: #e3d5b3 !important;
    background: linear-gradient(135deg, rgba(227,213,179,0.225), rgba(227,213,179,0.075)) !important;
    color: #8f6b00 !important;
}

html.bws-light .mlib-enhance-panel .mlib-slider-val {
    color: #8f6b00;
}

html.bws-light .mlib-enhance-panel .mlib-text-btn {
    color: var(--text-muted, #616161);
}

html.bws-light .mlib-enhance-panel .mlib-status-row {
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .mlib-enhance-panel .mlib-spinner {
    border: 2px solid var(--border-accent-light, rgba(143,107,0,0.35));
    border-top-color: #e3d5b3;
}

html.bws-light .mlib-enhance-panel h3 {
    color: #1a1a1a;
}

html.bws-light .prb-save-official-note {
    background: rgba(227,213,179,0.1);
    border: 1px solid rgba(143,107,0,0.4);
    color: #8f6b00;
}

html.bws-light .bws-cal-hint {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .bws-cal-label {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light .bws-cal-body {
    color: var(--text-bright, rgba(0,0,0,0.8));
    background: var(--bg-dark-heavy, rgba(0,0,0,0.045));
}

html.bws-light .bws-input {
    color: var(--text-#1a1a1a, #1a1a1a);
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--border-accent-medium, rgba(143,107,0,0.34));
}

html.bws-light .bws-input:focus {
    border-color: #e3d5b3;
}

html.bws-light #mex-module-content .mex-dur-total {
    color: #8f6b00;
}

html.bws-light #mex-module-content .mex-badge-ok {
    border-color: #e3d5b3;
    color: #8f6b00;
}

html.bws-light #mex-module-content .mex-vis-goto svg {
    fill: #8f6b00;
}

html.bws-light #mex-module-content .mex-vis-goto:hover {
    border-color: #d9c799;
}

html.bws-light #alv-module-content .alv-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .alv-info-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .alv-im-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .alv-im-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .alv-im-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .alv-im-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .alv-im-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .alv-im-p {
    color: rgba(0,0,0,0.92);
}

html.bws-light .alv-im-p b {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .alv-im-default {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
    color: rgba(0,0,0,0.92);
}

html.bws-light .alv-im-default-label {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-btn-danger {
    color: #8c4b53;
}

html.bws-light #alv-module-content .alv-loaded-name {
    color: #8f6b00;
}

html.bws-light #alv-module-content table.alv-readout td:nth-child(3) {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-chip-v {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-canvas {
    background: rgba(0,0,0,0.037);
}

html.bws-light #alv-module-content .alv-time {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-auto-bit {
    background: rgba(227,213,179,0.088);
    border: 1px solid rgba(143,107,0,0.28);
}

html.bws-light #alv-module-content .alv-auto-bit:first-child {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-ctrl-label {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-expert-toggle:hover {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-group-title {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-progress-bar {
    background: rgba(0,0,0,0.045);
}

html.bws-light #alv-module-content .alv-status-ok {
    color: #8f6b00;
}

html.bws-light #alv-module-content .alv-status-warn {
    color: #8c6227;
}

html.bws-light #alv-module-content .alv-status-error {
    color: #8c4b53;
}

html.bws-light #alv-module-content .alv-size-note.alv-over {
    color: #8c6227;
}

html.bws-light #alv-module-content .alv-backup-here {
    border-color: #e3d5b3;
}

html.bws-light #mlib-module-content .mlib-rc-backup button:hover {
    color: #8f6b00;
    border-color: #d9c799;
}

html.bws-light #mlib-module-content .mlib-rc-backup .mlib-backup-del {
    color: #8c4b53;
}

html.bws-light #mlib-module-content .mlib-rc-backup .mlib-backup-del:hover {
    color: #8c4b53;
}

html.bws-light .gm-vcard-cover .gm-vcard-glyph {
    color: #8f6b00;
}

html.bws-light .gm-vbadge-official {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .gm-vbadge-personal {
    color: #8f6b00;
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.45));
}

html.bws-light .gm-vcard-preview {
    color: #8f6b00;
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .gm-vcard-preview:hover {
    border-color: #d9c799;
}

html.bws-light .gm-vcard-preview.gm-vcard-playing {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .gm-vsel-menu {
    background: rgba(255,255,255,0.98);
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 10px var(--glow-accent), 0 8px 24px rgba(0,0,0,0.24);
}

html.bws-light .gm-vsel-group {
    color: var(--text-muted, rgba(0,0,0,0.5));
}

html.bws-light .gm-vsel-opt {
    border-bottom: 1px solid rgba(143,107,0,0.17);
    color: var(--text-bright, rgba(0,0,0,0.85));
}

html.bws-light .gm-vsel-opt:hover {
    background: rgba(227,213,179,0.125);
}

html.bws-light .gm-vsel-opt.gm-vsel-selected {
    background: rgba(227,213,179,0.2);
    color: #8f6b00;
}

html.bws-light .gm-vsel-play {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: #8f6b00;
}

html.bws-light .gm-vsel-play:hover {
    border-color: #d9c799;
}

html.bws-light .gm-vsel-play.gm-vsel-playing {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .gm-vcard-add .bws-card-cover--custom {
    background: #e3d5b3;
}

html.bws-light .gm-vcard-add .bws-card-create-btn {
    background: #e3d5b3;
    border-color: #e3d5b3;
}

html.bws-light .gm-vcard-add:hover .bws-card-cover--custom,
html.bws-light .gm-vcard-add:hover .bws-card-create-btn {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .gm-vcard-add:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .gm-vc-filename {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .gm-vc-rectime {
    color: #8f6b00;
}

html.bws-light .gm-vc-meta {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .gm-vc-status {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .gm-vc-status-error {
    color: #8c554c;
}

html.bws-light .gm-vc-status-loading {
    color: #8f6b00;
}

html.bws-light .gm-vi-format {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .gm-voice-edit .gm-ed-filename {
    color: var(--text-muted, #6e6e6e);
}

html.bws-light .bws-notch-mark .bws-notch-tri {
    fill: #1a1a1a;
}

html.bws-light .bws-notch-mark-btn .bws-notch-tri {
    fill: #1a1a1a;
}

html.bws-light .bws-notch-sign .bws-notch-tri {
    fill: #1a1a1a;
}

html.bws-light .bws-notch-pop {
    background: rgba(255,255,255,0.98);
    box-shadow: 0 10px 28px rgba(0,0,0,0.2);
}

html.bws-light .bws-notch-pop-head {
    border-bottom: 1px solid rgba(0,0,0,0.064);
}

html.bws-light .bws-notch-pop-title {
    color: rgba(0,0,0,0.5);
}

html.bws-light .bws-notch-row {
    color: rgba(0,0,0,0.5);
}

html.bws-light .bws-notch-row b {
    color: rgba(0,0,0,0.9);
}

html.bws-light .bws-notch-row-dim b {
    color: rgba(0,0,0,0.55);
}

html.bws-light .bws-notch-pop-note {
    color: rgba(0,0,0,0.4);
}

html.bws-light .bws-kbctl-off:hover {
    background: rgba(0,0,0,0.066);
}

html.bws-light .bws-ai-btn:hover:not(:disabled),
html.bws-light .bws-ai-btn-primary:hover:not(:disabled),
html.bws-light .gmx-btn.gmx-aipause:hover:not(:disabled),
html.bws-light .bws-ai-builder .prb-ai-btn:hover:not(:disabled),
html.bws-light .bws-ai-builder .prb-chat-buildnow:hover:not(:disabled),
html.bws-light .bws-cover-dialog .prb-cover-gen:hover:not(:disabled) {
    color: #1a1a1a;
}

html.bws-light .bws-locked-notice {
    background: rgba(0,0,0,0.037);
    border: 1px dashed rgba(0,0,0,0.4);
    color: rgba(0,0,0,0.6);
}

html.bws-light .bws-locked-notice:hover {
    border-color: #d9c799;
    color: #8f6b00;
}


/* ── Section 4: generated overrides from module <style> blocks ─────── */

/* from MODULE-CONTROL-BAR-PRO/index.html */

html.bws-light .module-control-bar {
    background: linear-gradient(135deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0.09) 100%);
    border-right: 1px solid rgba(143,107,0,0.3);
    scrollbar-color: var(--cb-idle-ink) #ffffff;
}

html.bws-light .module-control-bar::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .module-control-bar::-webkit-scrollbar-button {
    background: #ffffff;
}

html.bws-light .module-control-bar::-webkit-scrollbar-thumb {
    border: 2px solid #d9d4c7;
}

html.bws-light .module-toggle-btn {
    border: 1px solid rgba(0,0,0,0.28);
    color: rgba(0,0,0,0.6);
}

html.bws-light .module-toggle-btn:hover {
    border-color: rgba(0,0,0,0.28) !important;
    color: rgba(0,0,0,0.8);
    box-shadow: inset 0 0 0 999px rgba(0,0,0,0.02);
}

html.bws-light .module-toggle-btn.active {
    border-color: rgba(0,0,0,0.28) !important;
}

html.bws-light .module-toggle-btn.active:not(.cb-in-view):hover {
    box-shadow: inset 0 0 0 999px rgba(0,0,0,0.02);
}

html.bws-light .module-toggle-btn.cb-in-view {
    background: rgba(255,255,255,0.97);
    color: #8f6b00 !important;
}

html.bws-light .module-toggle-btn .cb-icon:not([fill="none"]) {
    fill: #8f6b00;
}

html.bws-light .module-toggle-btn.bws-icon-button .cb-icon[stroke] {
    stroke: #8f6b00;
}

html.bws-light .module-toggle-btn.cb-locked:hover .cb-lock {
    color: #8f6b00;
}

/* from HANDPAN-PLAYER-PRO/js/handpan-player.js */

html.bws-light .hpp-bim-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .hpp-bim-badge {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .hpp-bim-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .hpp-bim-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .hpp-bim-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .hpp-bim-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .hpp-bim-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .hpp-bim-image-ph {
    background: rgba(0,0,0,0.028);
    border: 1px dashed rgba(143,107,0,0.4);
    color: rgba(0,0,0,0.45);
}

html.bws-light .hpp-bim-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .hpp-bim-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .hpp-bim-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .hpp-bim-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .hpp-bim-detail-label {
    color: #8f6b00;
}

html.bws-light .hpp-bim-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .hpp-bim-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .hpp-bim-section-item {
    color: rgba(0,0,0,0.8);
}

html.bws-light .hpp-bim-scale-label {
    color: rgba(0,0,0,0.6);
}

html.bws-light .hpp-bim-note {
    background: rgba(0,0,0,0.028);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .hpp-bim-note-ding {
    background: rgba(227,213,179,0.15);
    border-color: rgba(143,107,0,0.5);
}

html.bws-light .hpp-bim-note-name {
    color: #8f6b00;
}

html.bws-light .hpp-bim-note-hz {
    color: rgba(0,0,0,0.7);
}

html.bws-light .hpp-bim-note-tag {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .hpp-bim-fn-tag {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .hpp-settings-item {
    border-bottom: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .hpp-settings-name {
    color: #8f6b00;
}

html.bws-light .hpp-settings-text {
    color: rgba(0,0,0,0.85);
}

html.bws-light #handpan-composition-presets-container .hcp-tab {
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light #handpan-composition-presets-container .hcp-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .hcp-save-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 16px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .hcp-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .hcp-save-dialog label {
    color: var(--text-muted, #616161);
}

html.bws-light .hcp-save-dialog input,
html.bws-light .hcp-save-dialog textarea {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .hcp-save-confirm {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .hcp-save-confirm:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .hcp-save-cancel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
}

html.bws-light .hcp-save-dialog .hcp-tags-field {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .hcp-save-dialog .hcp-tags-input {
    color: #1a1a1a;
}

html.bws-light .hcp-tag-badge {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.45);
    color: #8f6b00;
}

html.bws-light .hcp-tag-remove {
    background: rgba(227,213,179,0.375);
}

/* from SACRED-GONG-PLAYER-PRO/js/gong-player.js */

html.bws-light #gong-composition-presets-container .gcp-tab {
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light #gong-composition-presets-container .gcp-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .gcp-save-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 16px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .gcp-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .gcp-save-dialog label {
    color: var(--text-muted, #616161);
}

html.bws-light .gcp-save-dialog input,
html.bws-light .gcp-save-dialog textarea {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .gcp-save-confirm {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .gcp-save-confirm:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .gcp-save-cancel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
}

html.bws-light .gcp-save-dialog .gcp-tags-field {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .gcp-save-dialog .gcp-tags-input {
    color: #1a1a1a;
}

html.bws-light .gcp-tag-badge {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.45);
    color: #8f6b00;
}

html.bws-light .gcp-tag-remove {
    background: rgba(227,213,179,0.375);
}

html.bws-light .sgp-bim-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .sgp-bim-badge {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sgp-bim-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .sgp-bim-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .sgp-bim-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .sgp-bim-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .sgp-bim-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sgp-bim-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .sgp-bim-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .sgp-bim-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .sgp-bim-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .sgp-bim-detail-label {
    color: #8f6b00;
}

html.bws-light .sgp-bim-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .sgp-bim-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .sgp-bim-section-item {
    color: rgba(0,0,0,0.8);
}

/* from SHAMANIC-DRUM-PLAYER-PRO/js/drum-player.js */

html.bws-light #drum-composition-presets-container .dcp-tab {
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light #drum-composition-presets-container .dcp-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light .dcp-save-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 16px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .dcp-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .dcp-save-dialog label {
    color: var(--text-muted, #616161);
}

html.bws-light .dcp-save-dialog input,
html.bws-light .dcp-save-dialog textarea {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .dcp-save-confirm {
    border: 1px solid #e3d5b3;
    background: #e3d5b3;
}

html.bws-light .dcp-save-confirm:hover:not(:disabled) {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .dcp-save-cancel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
}

html.bws-light .dcp-save-dialog .dcp-tags-field {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .dcp-save-dialog .dcp-tags-input {
    color: #1a1a1a;
}

html.bws-light .dcp-tag-badge {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.45);
    color: #8f6b00;
}

html.bws-light .dcp-tag-remove {
    background: rgba(227,213,179,0.375);
}

html.bws-light .sdp-bim-modal {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 12px rgba(143,107,0,0.24), 0 8px 32px rgba(0,0,0,0.28);
}

html.bws-light .sdp-bim-badge {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sdp-bim-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light .sdp-bim-underline {
    background: rgba(0,0,0,0.12);
}

html.bws-light .sdp-bim-body {
    scrollbar-color: var(--color-accent, #e3d5b3) #ffffff;
}

html.bws-light .sdp-bim-body::-webkit-scrollbar-track {
    background: #ffffff;
}

html.bws-light .sdp-bim-body::-webkit-scrollbar-thumb {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .sdp-bim-subtitle {
    color: rgba(0,0,0,0.9);
}

html.bws-light .sdp-bim-desc {
    color: rgba(0,0,0,0.85);
}

html.bws-light .sdp-bim-details {
    background: rgba(227,213,179,0.063);
    border: 1px solid rgba(143,107,0,0.22);
}

html.bws-light .sdp-bim-detail {
    color: rgba(0,0,0,0.8);
}

html.bws-light .sdp-bim-detail-label {
    color: #8f6b00;
}

html.bws-light .sdp-bim-section {
    background: rgba(0,0,0,0.021);
}

html.bws-light .sdp-bim-section-title {
    color: #8f6b00;
    border-bottom: 1px solid rgba(143,107,0,0.3);
}

html.bws-light .sdp-bim-section-item {
    color: rgba(0,0,0,0.8);
}

/* from SINGING-BOWLS-MODULE-V2/js/cloud-session-presets.js */

html.bws-light #singing-bowls-session-presets-container .scp-tab {
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light #singing-bowls-session-presets-container .scp-tab.active {
    background: var(--color-accent, #e3d5b3);
    border-color: #e3d5b3;
}

html.bws-light #singing-bowls-session-presets-container .scp-card-empty {
    border: 1px dashed var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard:hover {
    border-color: #d9c799;
    box-shadow: 0 0 8px var(--glow-accent, rgba(143,107,0,0.15));
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-cover {
    background: #f8f5f0;
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-title {
    color: var(--text-primary, #1a1a1a);
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-type {
    color: #8f6b00;
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-dot {
    background: var(--color-accent, #e3d5b3);
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-desc {
    color: var(--text-bright, rgba(0,0,0,0.8));
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-load {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light #singing-bowls-session-presets-container .scp-pcard-del {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: #8f6b00;
}

html.bws-light .scp-save-dialog {
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 16px var(--glow-accent, rgba(143,107,0,0.24));
}

html.bws-light .scp-save-dialog h3 {
    color: #8f6b00;
}

html.bws-light .scp-save-dialog label {
    color: var(--text-muted, #616161);
}

html.bws-light .scp-save-dialog input,
html.bws-light .scp-save-dialog textarea {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
    color: #1a1a1a;
}

html.bws-light .scp-save-confirm {
    border: 1px solid #e3d5b3;
    background: var(--color-accent, #e3d5b3);
}

html.bws-light .scp-save-cancel {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-lighter, #ffffff);
    color: var(--text-muted, #616161);
}

html.bws-light .scp-save-dialog .scp-tags-field {
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
    background: var(--bg-dark-light, #f6f3ed);
}

html.bws-light .scp-save-dialog .scp-tags-input {
    color: #1a1a1a;
}

html.bws-light .scp-tag-badge {
    background: rgba(227,213,179,0.15);
    border: 1px solid rgba(143,107,0,0.45);
    color: #8f6b00;
}

html.bws-light .scp-tag-remove {
    background: rgba(227,213,179,0.375);
}

/* from MEDIA-RECORDER-MODULE-PRO/js/media-recorder.js */

html.bws-light #mr-now-playing {
    background: rgba(0,0,0,0.078);
    border: 1px solid #bbbbbb;
    box-shadow: 0 6px 24px rgba(0,0,0,0.22);
    color: #2a2a2a;
}

html.bws-light .mr-np-header {
    background: rgba(255,255,255,0.94);
}

html.bws-light .mr-np-mixer,
html.bws-light .mr-np-viz {
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.45));
    background: var(--bg-dark-light,#ffffff);
    color: #8f6b00;
}

html.bws-light .mr-np-mixer:hover,
html.bws-light .mr-np-viz:hover {
    background: #d9c799;
}

html.bws-light .mr-np-viz.live {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent-strong,rgba(143,107,0,0.21));
}

html.bws-light .mr-np-modicon {
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.45));
    background: var(--bg-dark-light,#ffffff);
    color: #8f6b00;
}

html.bws-light .mr-np-modicon:hover {
    background: #d9c799;
}

html.bws-light .mr-np-empty {
    color: var(--text-muted,#707070);
}

html.bws-light .mr-np-card {
    background: var(--bg-dark-light,#ffffff);
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.3));
}

html.bws-light .mr-np-row.playing .mr-np-card {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent-strong,rgba(143,107,0,0.21));
}

html.bws-light .mr-np-name {
    color: #2a2a2a;
}

html.bws-light .mr-np-tbtn {
    color: #8f6b00;
}

html.bws-light .mr-np-tbtn:hover {
    color: #1a1a1a;
}

html.bws-light .mr-np-vol,
html.bws-light .mr-np-pos {
    background: linear-gradient(to right,var(--color-accent,#e3d5b3) 0 var(--mrval,0%),rgba(0,0,0,0.112) var(--mrval,0%) 100%);
}

html.bws-light .mr-np-vol::-webkit-slider-thumb,
html.bws-light .mr-np-pos::-webkit-slider-thumb {
    background: var(--color-accent,#e3d5b3);
}

html.bws-light .mr-np-vol::-moz-range-thumb,
html.bws-light .mr-np-pos::-moz-range-thumb {
    background: var(--color-accent,#e3d5b3);
}

html.bws-light .mr-np-vol::-moz-range-track,
html.bws-light .mr-np-pos::-moz-range-track {
    background: rgba(0,0,0,0.112);
}

html.bws-light .mr-np-vol::-moz-range-progress,
html.bws-light .mr-np-pos::-moz-range-progress {
    background: var(--color-accent,#e3d5b3);
}

html.bws-light .mr-np-master {
    border-top: 1px solid var(--border-accent-light,rgba(143,107,0,0.3));
    background: rgba(255,255,255,0.94);
}

html.bws-light .mr-np-time {
    color: #8f6b00;
}

html.bws-light .mr-np-btn {
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.3));
    background: var(--bg-dark-light,#ffffff);
    color: #8f6b00;
}

html.bws-light .mr-np-btn:hover {
    background: #d9c799;
}

html.bws-light .mr-np-btn[data-act="play"] {
    border-color: rgba(0,0,0,0.24);
}

html.bws-light .mr-np-btn[data-act="play"]:hover {
    background: #d9c799;
    border-color: #d9c799;
}

html.bws-light .mr-np-notice {
    color: #8f6b00;
    background: var(--bg-dark-light,#ffffff);
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.35));
}

html.bws-light .mr-module-col.mr-live .hpp-player {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent-strong,rgba(143,107,0,0.21));
}

html.bws-light .mr-ext-slot {
    border: 1px solid var(--border-accent-medium,rgba(143,107,0,0.34));
    background: var(--bg-dark-heavy,rgba(0,0,0,0.045));
}

html.bws-light .mr-ext-slot.mr-ext-on {
    border-color: #e3d5b3;
    box-shadow: 0 0 8px var(--glow-accent-strong,rgba(143,107,0,0.21));
}

html.bws-light .mr-ext-toggle {
    border: 1px solid #e3d5b3;
    background: var(--input-bg,#ffffff);
    color: var(--text-muted,rgba(0,0,0,0.5));
}

html.bws-light .mr-ext-toggle:hover {
    color: #8f6b00;
}

html.bws-light .mr-ext-toggle[aria-pressed="true"] {
    background: var(--color-accent,#e3d5b3);
}

html.bws-light .mr-ext-meter {
    background: rgba(0,0,0,0.077);
}

html.bws-light .mr-ext-meter-fill {
    background: var(--color-accent,#e3d5b3);
}

html.bws-light .mr-ext-note {
    color: var(--text-muted,rgba(0,0,0,0.5));
}

html.bws-light .mr-meter {
    background: rgba(0,0,0,0.077);
}

html.bws-light .mr-meter-fill {
    background: linear-gradient(to right,#3fb950 0%,#7ec84a 38%,#e3d5b3 60%,#f0932a 80%,#e5484d 100%);
}

html.bws-light.bws-light .mr-meter,
html.bws-light.bws-light .mr-ext-meter {
    background: rgba(0,0,0,0.021);
}

html.bws-light .mr-np-volicon {
    color: var(--text-muted,rgba(0,0,0,0.5));
}

html.bws-light .mr-arm-dot.mr-arm-notch .bws-notch-tri {
    fill: #1a1a1a;
}

html.bws-light .mr-np-collapse {
    border: 1px solid var(--border-accent-light,rgba(143,107,0,0.45));
    background: var(--bg-dark-light,#ffffff);
    color: #8f6b00;
}

html.bws-light .mr-np-collapse:hover {
    background: #d9c799;
}

html.bws-light .mr-np-pill {
    color: #8f6b00;
}

html.bws-light .mr-np-pill:hover {
    color: #1a1a1a;
}

html.bws-light .mr-np-pill-badge {
    background: var(--color-accent,#e3d5b3);
}


/* ── Section 5: maintained light-theme exceptions ─────────────────── */

/* Maintained light-theme exceptions. Included LAST by generate-light-theme.js.
 * Edit this source, then regenerate CSS/light-theme.css. Do not link separately.
 * Existing album/editor/voice/indicator fixes migrated from the old output.
 */

/* The landing page's palette (CSS/landing.css): white page, cards
 * and dialogs, warm-gray panels, amber ink, gold filled actions. The dark
 * photograph cannot sit underneath light-mode text; mapping its gradient alone
 * leaves the photograph intact. */
html.bws-light body {
    background-color: #ffffff;
    background-image: none;
    color: #1a1a1a;
}

/* Avoid stacking translucent dark fills at every nesting level. */
html.bws-light .bws-module-container-main {
    background: #ffffff;
}
html.bws-light .bws-module-content {
    background: #f4f1ea;
}
html.bws-light .bws-module-title-container {
    background: #f4f1ea;
}
/* These SVG attributes live in HTML/JS, outside the CSS color mapper. Only
 * recolor monochrome UI icons, never instrument artwork or visualizer output. */
/* Module icons that carry gold as an attribute: amber ink on light, as on the
 * landing page (title icons, recorder Active Modules, AI builder module picks). */
html.bws-light .bws-module-title-icon[fill="var(--color-accent, #ffd84b)"],
html.bws-light .mr-cb-icon[fill="var(--color-accent, #ffd84b)"],
html.bws-light .prb-module-icon svg[fill="var(--color-accent, #ffd84b)"],
html.bws-light .prb-modsel-btn svg[fill="var(--color-accent, #ffd84b)"] {
    fill: #8f6b00;
}
html.bws-light .bws-module-title-icon[stroke="var(--color-accent, #ffd84b)"] {
    stroke: #8f6b00;
}

/* These buttons sit on cover artwork. Earlier generated modal backgrounds
 * outrank the later shared dark-theme X shorthand, erasing its glyph. Keep
 * the shared glyph and an opaque mobile-style plate over either light or dark art. */
html.bws-light .alb-modal-close,
html.bws-light .bp-modal-close,
html.bws-light .fp-modal-close,
html.bws-light .ip-modal-close {
    background: #ece8df url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23141414' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat;
    color: transparent;
}

/* ── Album edit dialog, admin only ───────────────────────────────
   The dialog itself is .fp-save-dialog and already light-themed; only the two
   dark-filled list boxes and the track names inside them need a light value. */
html.bws-light .alb-ae-tracks,
html.bws-light .alb-ae-add-list {
    background: rgba(0,0,0,0.035);
    border-color: rgba(0,0,0,0.15);
}
html.bws-light .alb-ae-track + .alb-ae-track,
html.bws-light .alb-ae-add-row + .alb-ae-add-row {
    border-top-color: rgba(0,0,0,0.08);
}
html.bws-light .alb-ae-track-name {
    color: rgba(0,0,0,0.88);
}
html.bws-light .alb-ae-track-btn {
    border-color: rgba(143,107,0,0.35);
    background: rgba(227,213,179,0.28);
    color: #8f6b00;
}
html.bws-light .alb-ae-track-btn:hover:not(:disabled) {
    background: rgba(227,213,179,0.5);
}
html.bws-light .alb-ae-track-rm:hover:not(:disabled) {
    background: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}
html.bws-light .alb-ae-upload-name { color: #8f6b00; }
html.bws-light .plp-ed-add-search {
    background: #ffffff;
    border-color: rgba(0,0,0,0.2);
}
html.bws-light .plp-ed-sec-head { color: #8f6b00; }
html.bws-light .bws-cover-dialog .prb-action-btn.alb-ae-add-toggle.active {
    border-color: #e3d5b3;
    color: #8f6b00;
}
html.bws-light .plp-ed-search-ico { color: rgba(0,0,0,0.45); }
html.bws-light .plp-ed-grp-head { color: rgba(0,0,0,0.75); }
html.bws-light .plp-ed-sec + .plp-ed-sec { border-top-color: rgba(0,0,0,0.12); }
html.bws-light .plp-ed-grp + .plp-ed-grp { border-top-color: rgba(0,0,0,0.08); }
html.bws-light .alb-ae-track-empty,
html.bws-light .alb-ae-err { color: #d32f2f; }

/* Transcript body in the meditation info modal. The .gm-tr-wrap carries
   .alb-modal-tracks, so its rule and heading are already handled above — only
   the text and the timestamp column need a light value. */
html.bws-light .gm-tr-text,
html.bws-light .gm-tr-script {
    color: rgba(0,0,0,0.86);
}

html.bws-light .gm-tr-at {
    color: #8f6b00;
}

/* Audio editor. The canvas paints its own colours from the theme tokens, so
   only the chrome around it needs light values. */
html.bws-light .gmx-hint {
    background: rgba(0,0,0,0.04);
}

html.bws-light .gmx-hint-text {
    color: #8f6b00;
}

html.bws-light .gmx-btn {
    color: #1a1a1a;
    border-color: rgba(143,107,0,0.3);
}

/* The accent the dark sheet uses is a pale yellow that all but disappears on
   a light ground, so the legend takes the darker gold the rest of this sheet
   uses for accented text. */
html.bws-light .gmx-legend {
    color: #8f6b00;
}

html.bws-light .gmx-scroll {
    background: rgba(0,0,0,0.05);
    border-color: rgba(143,107,0,0.25);
}

/* ── Guided Meditations: Voices tab ─────────────────────────────────────────
   The dark theme paints these in the accent gold on near-black. In light, the
   same roles are carried by the darker gold the rest of this file uses, so a
   badge and a button keep their contrast against white. */

html.bws-light .gm-vcard-cover .gm-vcard-glyph {
    color: #8f6b00;
    opacity: 0.4;
}

html.bws-light .gm-vbadge-official {
    color: #ffffff;
    background: #8f6b00;
    border-color: #8f6b00;
}

html.bws-light .gm-vbadge-personal {
    color: #8f6b00;
    border: 1px solid rgba(143,107,0,0.4);
}

html.bws-light .gm-vcard-preview {
    color: #8f6b00;
    background: var(--bg-dark-lighter, #ffffff);
    border: 1px solid var(--border-accent-light, rgba(143,107,0,0.35));
}

html.bws-light .gm-vcard-preview:hover {
    border-color: #d9c799;
}

html.bws-light .gm-vcard-preview.gm-vcard-playing {
    color: #ffffff;
    background: #8f6b00;
    border-color: #8f6b00;
}

/* The Creator's reference-voice picker, in the same gold the light theme gives
   .bws-dropdown and the voice cards' preview button. */
html.bws-light .gm-vsel-menu {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e3d5b3;
    box-shadow: 0 0 10px var(--glow-accent), 0 8px 24px rgba(0, 0, 0, 0.24);
}

html.bws-light .gm-vsel-group {
    color: #6c757d;
}

html.bws-light .gm-vsel-opt {
    color: #212529;
    border-bottom-color: rgba(143, 107, 0, 0.1);
}

html.bws-light .gm-vsel-opt:hover {
    background: rgba(143, 107, 0, 0.08);
}

html.bws-light .gm-vsel-opt.gm-vsel-selected {
    background: rgba(143, 107, 0, 0.14);
    color: #8f6b00;
}

html.bws-light .gm-vsel-play {
    color: #8f6b00;
    background: #ffffff;
    border: 1px solid rgba(143, 107, 0, 0.35);
}

html.bws-light .gm-vsel-play:hover {
    border-color: #d9c799;
}

html.bws-light .gm-vsel-play.gm-vsel-playing {
    color: #ffffff;
    background: #8f6b00;
    border-color: #8f6b00;
}

html.bws-light .gm-vcard-add:hover .bws-card-cover--custom,
html.bws-light .gm-vcard-add:hover .bws-card-create-btn {
    border-color: #d9c799;
}

html.bws-light .gm-vcard-add:focus-visible {
    outline: 2px solid #e3d5b3;
}

html.bws-light .gm-vc-filename,
html.bws-light .gm-vc-meta {
    color: var(--text-muted, #616161);
}

html.bws-light .gm-vc-rectime {
    color: #8f6b00;
}

html.bws-light .gm-vc-status-error {
    color: #a33b2c;
}

html.bws-light .gm-vc-status-warn {
    color: #8c554c;
}

html.bws-light .gm-vc-status-loading {
    color: #8f6b00;
}

html.bws-light .gm-vi-format {
    color: var(--text-muted, #616161);
}

html.bws-light .gm-voice-edit .gm-ed-filename {
    color: var(--text-muted, #616161);
}

/* ── Tinnitus notch indicator ─────────────────────────────────
   #f44336 on a light plate is bright but thin to read against; the darker red
   keeps the same warning register. Everything else is the dark panel's geometry
   with the fills flipped. */
html.bws-light .bws-notch-chip {
    background: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}
html.bws-light .bws-notch-chip:hover,
html.bws-light .bws-notch-chip[aria-expanded="true"] {
    background: #c62828;
    border-color: #c62828;
}
html.bws-light .bws-notch-mark .bws-notch-tri  { stroke: #d32f2f; }
html.bws-light .bws-notch-mark .bws-notch-bang { stroke: #d32f2f; }
html.bws-light .bws-notch-pop {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(198, 40, 40, 0.3);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}
html.bws-light .bws-notch-pop-head { border-bottom-color: rgba(0, 0, 0, 0.1); }
html.bws-light .bws-notch-pop-title { color: #616161; }
html.bws-light .bws-notch-pop-state { color: #c62828; }
html.bws-light .bws-notch-row { color: #616161; }
html.bws-light .bws-notch-row b { color: #1a1a1a; }
html.bws-light .bws-notch-row-dim b { color: #616161; }
html.bws-light .bws-notch-pop-note { color: #757575; }

/* ── Keyboard control indicator ──────────────────────────────
   Same plate as the notch chip above, for the same reason it is red in the dark
   theme: #f44336 is thin to read against a light page, so both chips take the
   darker red here. */
html.bws-light .bws-kbctl-chip {
    background: #d32f2f;
    border-color: #d32f2f;
    color: #ffffff;
}

/* ── Tinnitus card info modal ───────────────────────────────── */
html.bws-light .tin-info-modal .tin-im-title { color: #1a1a1a; }
html.bws-light .tin-im-text { color: #1a1a1a; }
html.bws-light .tin-im-refs { color: #616161; }
html.bws-light .tin-im-note { color: #616161; }

/* ── AI buttons ──────────────────────────────────────────────────────────────
   The fill and the border are translucent and sit correctly on either ground,
   so only the INK moves: the lilac these wear on a near-black bar disappears on
   white. Both weights take the same darker violet, and the hover — which goes
   to white on the dark side — holds that ink instead.
   These come last for the same reason the dark block does: they restate
   selectors this sheet styles above. */
html.bws-light .bws-ai-btn.bws-ai-btn,
html.bws-light .gmx-btn.gmx-aipause,
html.bws-light .bws-ai-btn-primary.bws-ai-btn-primary,
html.bws-light .bws-ai-builder .prb-ai-btn,
html.bws-light .bws-ai-builder .prb-chat-buildnow,
html.bws-light .bws-cover-dialog .prb-cover-gen {
    color: #4a3190;
    border-color: #7c5cc4;
}
/* White ink on a 42%-violet wash is unreadable against a white page, so the
   hover here deepens the ink instead of lifting it. The glow carries over. */
html.bws-light .bws-ai-btn:hover:not(:disabled),
html.bws-light .gmx-btn.gmx-aipause:hover:not(:disabled),
html.bws-light .bws-ai-btn-primary:hover:not(:disabled),
html.bws-light .bws-ai-builder .prb-ai-btn:hover:not(:disabled),
html.bws-light .bws-ai-builder .prb-chat-buildnow:hover:not(:disabled),
html.bws-light .bws-cover-dialog .prb-cover-gen:hover:not(:disabled) {
    color: #3a2478;
    border-color: #5b3fa8;
}

html.bws-light .bws-credits-chip {
    color: #5b3fa8;
}

html.bws-light .hpp-mute-btn:hover {
    color: #8f6b00;
}

html.bws-light .scp-type-dot { background: #8f6b00; }

html.bws-light .alb-pl-note {
    color: #8f5600;
    background: rgba(255,152,0,0.10);
    border-color: rgba(255,152,0,0.45);
}

html.bws-light .alb-pl-card--playing {
    background: #fdf8e9;
    animation-name: bws-pl-glow-light;
}

html.bws-light .alb-mute-btn:hover {
    color: #8f6b00;
}

html.bws-light .alb-pl-card--pause:not(.alb-pl-card--playing) {
    background: #f7f4ee;
}

html.bws-light .av2-loop-mark { color: rgba(143, 107, 0, 0.85); }

html.bws-light .av2-loop-mark.cond { color: rgba(143, 107, 0, 0.45); }

html.bws-light #bt-main-parent-container .bt-timer.bt-timer-running {
    background: #fdf8e9;
    border-color: rgba(143,107,0,0.40);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.14), 0 0 5px rgba(143,107,0,0.08);
}

html.bws-light #bt-main-parent-container .bt-timer.bt-timer-running::after {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 16px rgba(143,107,0,0.28);
}

html.bws-light #bt-main-parent-container .bt-timer--pause:not(.bt-timer-running) {
    background: #f7f4ee;
}

html.bws-light #ft-main-parent-container .ft-timer.ft-timer-running {
    background: #fdf8e9;
    border-color: rgba(143,107,0,0.40);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.14), 0 0 5px rgba(143,107,0,0.08);
}

html.bws-light #ft-main-parent-container .ft-timer.ft-timer-running::after {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 16px rgba(143,107,0,0.28);
}

html.bws-light #ft-main-parent-container .ft-timer--pause:not(.ft-timer-running) {
    background: #f7f4ee;
}

html.bws-light #it-main-parent-container .it-timer.it-timer-running {
    background: #fdf8e9;
    border-color: rgba(143,107,0,0.40);
    box-shadow: 0 0 0 1px rgba(143,107,0,0.14), 0 0 5px rgba(143,107,0,0.08);
}

html.bws-light #it-main-parent-container .it-timer.it-timer-running::after {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 16px rgba(143,107,0,0.28);
}

html.bws-light #it-main-parent-container .it-timer--pause:not(.it-timer-running) {
    background: #f7f4ee;
}

html.bws-light .mlib-im-source {
    color: #8f6b00;
}

html.bws-light .mlib-im-source-link:hover {
    color: #000;
}

html.bws-light .mlib-im-preview-btn,
html.bws-light .mlib-im-ai-btn {
    border: 1px solid #e3d5b3;
}

html.bws-light .mlib-im-preview-btn:hover:not(:disabled),
html.bws-light .mlib-im-ai-btn:hover:not(:disabled) {
    border-color: #d9c799;
}

html.bws-light .tin-ear-tag {
    color: var(--text-muted, rgba(0,0,0,0.55));
}

html.bws-light .module-toggle-btn:hover {
    color: rgba(0,0,0,0.8);
    border-color: rgba(0,0,0,0.28) !important;
    box-shadow: inset 0 0 0 999px rgba(255,255,255,0.35);
}

html.bws-light .module-toggle-btn.active:not(.cb-in-view):hover {
    box-shadow: inset 0 0 0 999px rgba(255,255,255,0.35);
}

html.bws-light .module-toggle-btn.active:not(.cb-in-view):hover .cb-btn-title,
html.bws-light .module-toggle-btn.active:not(.cb-in-view):hover .cb-icon {
    filter: brightness(0.8);
}

html.bws-light .module-toggle-btn.cb-in-view:hover {
    box-shadow: none;
}

/* Near-opaque: the section navigator no longer blurs what scrolls beneath it
   (style.css), and the generated 9 % black tint is unreadable without the blur. */
html.bws-light .bws-section-navigator {
    background: rgba(235,235,235,0.96);
}

@keyframes bws-pl-glow-light {
    0%, 100% { border-color: rgba(143,107,0,0.40); box-shadow: 0 0 0 1px rgba(143,107,0,0.14), 0 0 5px rgba(143,107,0,0.08); }
    50%      { border-color: #e3d5b3;              box-shadow: 0 0 0 1px rgba(143,107,0,0.45), 0 0 16px rgba(143,107,0,0.28); }
}

/* The light card rule restates the whole border; keep the attached pause's seam. */
html.bws-light .alb-pl-card--pause.alb-pl-card--attached {
    border-top-width: 0;
}

/* Timer / library preview while previewing: the generated light rest rule outranks
   style.css's red .X-preview-on state, so restate the red ring and stop square. */
html.bws-light #ft-main-parent-container .ft-preview.ft-preview-on,
html.bws-light #bt-main-parent-container .bt-preview.bt-preview-on,
html.bws-light #it-main-parent-container .it-preview.it-preview-on,
html.bws-light #mlib-main-parent-container .mlib-rc-preview.ft-preview-on {
    border-color: #d32f2f;
    color: #d32f2f;
}

/* The gear's axle hole stays black in light mode too (the generator inverts it). */
html.bws-light .bws-wave-gear::after {
    background: #000;
}

/* Timer modules' row add/duplicate discs keep the waveform-mix gear's look when
 * disabled (white disc), with only the ring and glyph greyed. */
html.bws-light .ft-insert-row-btn:disabled,
html.bws-light .ft-dup-row-btn:disabled,
html.bws-light .bt-insert-row-btn:disabled,
html.bws-light .bt-dup-row-btn:disabled,
html.bws-light .it-insert-row-btn:disabled,
html.bws-light .it-dup-row-btn:disabled {
    background: linear-gradient(var(--bg-dark-lighter), var(--bg-dark-lighter)) #f6f3ed;
    border-color: rgba(0, 0, 0, 0.14);
    color: #b0b0b0;
}

/* Title-bar session buttons stay solid yellow with a black glyph in light mode;
 * the generated .hpp-melody-action-btn amber outline/ink must not win here. */
html.bws-light .bws-title-session-actions .hpp-melody-action-btn {
    background: #e3d5b3;
    border-color: #e3d5b3;
    color: #111;
}
html.bws-light .bws-title-session-actions .hpp-melody-action-btn:hover {
    background: #d9c799;
    border-color: #d9c799;
    color: #111;
}

/* A green Load→Play button keeps its green border under the cursor; the
 * generated yellow hover border of the Load buttons must not win here. */
html.bws-light .plp-pcard-load.prb-cload-play:hover,
html.bws-light .fp-modal-load.prb-cload-play:hover:not(:disabled),
html.bws-light .plp-pcard-load.bws-play-ready:hover,
html.bws-light .fp-modal-load.bws-play-ready:hover:not(:disabled),
html.bws-light .bp-modal-load.bws-play-ready:hover:not(:disabled),
html.bws-light .ip-modal-load.bws-play-ready:hover:not(:disabled) {
    border-color: #34c759;
}

/* Repeat marks inside a playlist track's bar are cut in the cream of the
 * container behind it (Bojan, 2026-10-14), as the black marks are in dark
 * mode. The generated white line vanished against the light track. */
html.bws-light .bws-seg-mark {
    border-left-color: #faf8f3;
}

/* AV2 palette editor: controls drawn ON colour keep their dark-theme look — the
 * hue bar is an exact rainbow, and the white rings (picker dots, gradient
 * handles) sit on arbitrary palette colours. */
html.bws-light .av2-pe-hue {
    background: linear-gradient(90deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
}
html.bws-light .av2-pe-sv-dot,
html.bws-light .av2-pe-hue-dot,
html.bws-light .av2-pe-handle {
    border-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
}
html.bws-light .av2-pe-handle::before {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.4);
}
html.bws-light .av2-pe-handle.sel {
    border-color: #e3d5b3;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.6), 0 0 8px rgba(143,107,0,0.5);
}
/* AV2 Hue slider: the track is the palette and the thumb carries a palette
 * colour, so both keep their exact dark-theme drawing. */
html.bws-light .bws-volume-slider.av2-hue-slider {
    background: var(--pal-track, linear-gradient(90deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)) !important;
}
/* separate rules: a selector list mixing -webkit- and -moz- pseudo-elements is dropped whole */
html.bws-light .bws-volume-slider.av2-hue-slider::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0,0,0,0.55), 0 2px 5px rgba(0,0,0,0.45) !important;
}
html.bws-light .bws-volume-slider.av2-hue-slider::-moz-range-thumb {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0,0,0,0.55), 0 2px 5px rgba(0,0,0,0.45) !important;
}

/* Album/playlist players (Bojan, 2026-10-14): the player bar sits flat on
 * the page, and the playlist cards are cream. The playing card and pause
 * cards keep their own fills. */
html.bws-light .alb-player {
    background: none;
    border-top: none;
}
html.bws-light .alb-pl-card:not(.alb-pl-card--playing):not(.alb-pl-card--pause) {
    background: #faf8f3;
}

/* Preset cards, filter bars and the card-view toggle are cream (Bojan,
 * 2026-10-14), as are the title-bar session button groups. */
html.bws-light .plp-pcard,
html.bws-light .bws-fbar,
html.bws-light .bws-viewtoggle,
html.bws-light .bws-title-session-actions {
    background: #faf8f3;
}

/* The playlist modules' main Play/Resume (.pl-main-play) is green like every
 * other master Play. The generated yellow .bws-button-a outranks its class
 * selector; the module Plays elsewhere are matched by id and win anyway. */
html.bws-light .pl-main-play:not(.playing) {
    border-color: #28a745;
    background: #28a745;
    color: #fff;
}
html.bws-light .pl-main-play:not(.playing):hover {
    border-color: #34c759;
    background: #34c759;
    color: #fff;
}

/* Album cards in the playlist modules, the visualizer's preset cards and the
 * timer modules' tone/beat library cards are cream like the other preset
 * cards (Bojan, 2026-10-14). Their rules are scoped by id, so the
 * .plp-pcard rule above does not reach them. */
html.bws-light #asmr-main-parent-container .alb-card,
html.bws-light #gm-main-parent-container .alb-card,
html.bws-light #medm-main-parent-container .alb-card,
html.bws-light #nat-main-parent-container .alb-card,
html.bws-light #spc-main-parent-container .alb-card,
html.bws-light #av2-section-presets .av2p-card,
html.bws-light #bp-presets-parent-container .bp-card,
html.bws-light #fp-presets-parent-container .fp-card,
html.bws-light #ip-presets-parent-container .ip-card {
    background: #faf8f3;
}

/* Visualizer parameter groups (slider containers) are cream like the cards
 * (Bojan, 2026-10-14). */
html.bws-light .av2-param-group {
    background: #faf8f3;
}

/* Media Mixer module-icon tiles are cream like the cards (Bojan, 2026-10-14).
 * !important because the generated rule carries it from style.css. */
html.bws-light .mr-module-toggle-button,
html.bws-light .mr-module-toggle-button:hover,
html.bws-light .mr-module-toggle-button.active {
    background: #faf8f3 !important;
}

/* No outline on the filled module glyphs (Bojan, 2026-10-14): the generated
 * .bws-icon-button.active svg stroke outranks the control bar's and the Media
 * Mixer's stroke: none. The one outline icon keeps its stroke. */
html.bws-light .module-toggle-btn.bws-icon-button .cb-icon:not([stroke]),
html.bws-light .mr-module-toggle-button.bws-icon-button .mr-cb-icon:not([fill="none"]) {
    stroke: none;
}

/* Timer row number badges (1, 1.1, 1.2 …) take the button base colour
 * instead of grey (Bojan, 2026-10-14). */
html.bws-light #ft-main-parent-container .ft-badge,
html.bws-light #bt-main-parent-container .bt-badge,
html.bws-light #it-main-parent-container .it-badge {
    background: #e3d5b3;
}

/* Preset-library tab strips (Official / Personal …): black text on every
 * tab, active or not, hovered or not (Bojan, 2026-10-14). Light only; dark
 * mode keeps gold idle tabs and black on the gold active one. */
html.bws-light #asmr-main-parent-container .alb-tab,
html.bws-light #gm-main-parent-container .alb-tab,
html.bws-light #medm-main-parent-container .alb-tab,
html.bws-light #nat-main-parent-container .alb-tab,
html.bws-light #spc-main-parent-container .alb-tab,
html.bws-light .mlib-tab,
html.bws-light #av2-section-presets .av2p-tab,
html.bws-light #bp-presets-parent-container .bp-tab,
html.bws-light #fp-presets-parent-container .fp-tab,
html.bws-light #ip-presets-parent-container .ip-tab,
html.bws-light #brw-main-parent-container .brw-tab,
html.bws-light #prb-main-parent-container .prb-tab,
html.bws-light #alv-module-content .alv-tab,
html.bws-light #handpan-composition-presets-container .hcp-tab,
html.bws-light #gong-composition-presets-container .gcp-tab,
html.bws-light #drum-composition-presets-container .dcp-tab,
html.bws-light #singing-bowls-session-presets-container .scp-tab,
html.bws-light #asmr-main-parent-container .alb-tab:hover,
html.bws-light #gm-main-parent-container .alb-tab:hover,
html.bws-light #medm-main-parent-container .alb-tab:hover,
html.bws-light #nat-main-parent-container .alb-tab:hover,
html.bws-light #spc-main-parent-container .alb-tab:hover,
html.bws-light .mlib-tab:hover,
html.bws-light #av2-section-presets .av2p-tab:hover,
html.bws-light #bp-presets-parent-container .bp-tab:hover,
html.bws-light #fp-presets-parent-container .fp-tab:hover,
html.bws-light #ip-presets-parent-container .ip-tab:hover,
html.bws-light #brw-main-parent-container .brw-tab:hover,
html.bws-light #prb-main-parent-container .prb-tab:hover,
html.bws-light #alv-module-content .alv-tab:hover,
html.bws-light #handpan-composition-presets-container .hcp-tab:hover,
html.bws-light #gong-composition-presets-container .gcp-tab:hover,
html.bws-light #drum-composition-presets-container .dcp-tab:hover,
html.bws-light #singing-bowls-session-presets-container .scp-tab:hover,
html.bws-light #asmr-main-parent-container .alb-tab.active,
html.bws-light #gm-main-parent-container .alb-tab.active,
html.bws-light #medm-main-parent-container .alb-tab.active,
html.bws-light #nat-main-parent-container .alb-tab.active,
html.bws-light #spc-main-parent-container .alb-tab.active,
html.bws-light .mlib-tab.active,
html.bws-light #av2-section-presets .av2p-tab.active,
html.bws-light #bp-presets-parent-container .bp-tab.active,
html.bws-light #fp-presets-parent-container .fp-tab.active,
html.bws-light #ip-presets-parent-container .ip-tab.active,
html.bws-light #brw-main-parent-container .brw-tab.active,
html.bws-light #prb-main-parent-container .prb-tab.active,
html.bws-light #alv-module-content .alv-tab.active,
html.bws-light #handpan-composition-presets-container .hcp-tab.active,
html.bws-light #gong-composition-presets-container .gcp-tab.active,
html.bws-light #drum-composition-presets-container .dcp-tab.active,
html.bws-light #singing-bowls-session-presets-container .scp-tab.active {
    color: #111;
}

/* Record to Composition (Handpan, Drum, Gong), light mode: the dark theme's
 * two reds with the states swapped (Bojan, 2026-10-14). Dark mode shows its
 * 70 % red over near-black as a deep red (~#9f2b36) and brightens to #dc3545
 * on hover; here it rests bright and deepens to #c32030 on hover. Solid colours, since
 * the translucent red turns pink on white. Recording stays bright. */
html.bws-light .hpp-rec-record-btn {
    background: #dc3545;
    border-color: #dc3545;
}
html.bws-light .hpp-rec-record-btn:hover {
    background: #c32030;
    border-color: #c32030;
}
html.bws-light .hpp-rec-record-btn.recording {
    background: #dc3545;
    border-color: #dc3545;
}

/* The same light-mode reds for the builders' Clear all (Handpan, Gong, Drum)
 * and the Media Recorder's Play & Record button, whose label stays white: the
 * generated .bws-button-a-v2 black text outranks its own (Bojan, 2026-10-14). */
html.bws-light .bws-clear-all-btn {
    background: #dc3545;
    border-color: #dc3545;
}
html.bws-light .bws-clear-all-btn:hover {
    background: #c32030;
    border-color: #c32030;
}
html.bws-light .mr-console-rec.bws-button-a-v2 {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
html.bws-light .mr-console-rec.bws-button-a-v2:hover {
    background: #c32030 !important;
    border-color: #c32030 !important;
}
/* Its record dot stays white too (the generator inverts .mr-rec-mark's #fff). */
html.bws-light .mr-console-rec .mr-rec-mark {
    fill: #fff;
}

/* Master Play buttons (the green ones) in their Pause / Stop state take the
 * light-mode record reds: #dc3545 at rest, #c32030 on hover, white label
 * (Bojan, 2026-10-14). The generated sand .bws-button-a outranked the
 * .playing red; Singing Bowls' Play Session uses .running with !important.
 * Each bowl's own Play (.sbp-play-btn, Stop while playing) too. */
html.bws-light #hpp-play.playing,
html.bws-light #sdp-play.playing,
html.bws-light #sgp-play.playing,
html.bws-light #ft-session-play.playing,
html.bws-light #bt-session-play.playing,
html.bws-light #it-session-play.playing,
html.bws-light #brw-session-play.playing,
html.bws-light #tin-session-play.playing,
html.bws-light #av2-start-btn.playing,
html.bws-light #mr-preview-button.playing,
html.bws-light .pl-main-play.playing,
html.bws-light #sbp-auto-session-button.running,
html.bws-light .sbp-play-btn.playing {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
html.bws-light #hpp-play.playing:hover,
html.bws-light #sdp-play.playing:hover,
html.bws-light #sgp-play.playing:hover,
html.bws-light #ft-session-play.playing:hover,
html.bws-light #bt-session-play.playing:hover,
html.bws-light #it-session-play.playing:hover,
html.bws-light #brw-session-play.playing:hover,
html.bws-light #tin-session-play.playing:hover,
html.bws-light #av2-start-btn.playing:hover,
html.bws-light #mr-preview-button.playing:hover,
html.bws-light .pl-main-play.playing:hover,
html.bws-light #sbp-auto-session-button.running:hover,
html.bws-light .sbp-play-btn.playing:hover {
    background: #c32030 !important;
    border-color: #c32030 !important;
    color: #fff !important;
}

/* Play pack / Play composition / Play timers (a loaded preset's Load button)
 * is green like the master Plays: the generated sand .plp-pcard-load and
 * modal Load rules outrank style.css's green (Bojan, 2026-10-14). */
html.bws-light .plp-pcard-load.prb-cload-play,
html.bws-light .fp-modal-load.prb-cload-play,
html.bws-light .plp-pcard-load.bws-play-ready,
html.bws-light .fp-modal-load.bws-play-ready,
html.bws-light .bp-modal-load.bws-play-ready,
html.bws-light .ip-modal-load.bws-play-ready {
    background: #28a745;
    border-color: #28a745;
    color: #fff;
}
html.bws-light .plp-pcard-load.prb-cload-play:hover:not(:disabled),
html.bws-light .fp-modal-load.prb-cload-play:hover:not(:disabled),
html.bws-light .plp-pcard-load.bws-play-ready:hover:not(:disabled),
html.bws-light .fp-modal-load.bws-play-ready:hover:not(:disabled),
html.bws-light .bp-modal-load.bws-play-ready:hover:not(:disabled),
html.bws-light .ip-modal-load.bws-play-ready:hover:not(:disabled) {
    background: #34c759;
    border-color: #34c759;
    color: #fff;
}

/* "Add to active playlist" (the outlined second button on album cards) and
 * its "✓ Added" moment: black text, at rest and under the cursor
 * (Bojan, 2026-10-14). */
html.bws-light .plp-pcard-loads .plp-pcard-append,
html.bws-light .plp-pcard-loads .plp-pcard-append:hover {
    color: #111;
}

/* Mute (M) switched on, everywhere it appears (.mr-mute-btn via
 * js/channel-solo-mute.js): red with a white M in the light-mode reds; the
 * generated cream .mr-sm-btn outranked the red (Bojan, 2026-10-14). */
html.bws-light .mr-mute-btn.is-active {
    background: #dc3545;
    border-color: #dc3545;
    color: #fff;
}
html.bws-light .mr-mute-btn.is-active:hover {
    background: #c32030;
    border-color: #c32030;
    color: #fff;
}

/* Trash buttons on cards and at the end of an info modal's action row go red
 * with a white icon under the cursor, as in dark mode; the generated base rule
 * outranked style.css's red hover (Bojan, 2026-10-14). */
html.bws-light .bws-card-del:hover,
html.bws-light .bws-modal-del-sq:hover {
    background: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

/* Control containers are cream (Bojan, 2026-10-14): each bowl's controls and
 * the Singing Bowls session builder segments (Bowl Play Interval …), the timer
 * cards (Frequency, Binaural, Isochronic, Breathwork), the composition builder
 * sections and panels of the same family (sticky bars keep their own cream). Targeted
 * rather than via --bg-dark-light, which the inputs and filter-bar buttons
 * also use and which would vanish on the cream filter bar. */
html.bws-light .bowls-frequency-group,
html.bws-light .sbp-config-section,
html.bws-light #ft-main-parent-container .ft-timer,
html.bws-light #bt-main-parent-container .bt-timer,
html.bws-light #it-main-parent-container .it-timer,
html.bws-light #brw-main-parent-container .brw-timer,
html.bws-light .brw-phase-row,
html.bws-light .hpp-comp-section,
html.bws-light .sdp-comp-section,
html.bws-light .sgp-comp-section,
html.bws-light .tin-step,
html.bws-light .mr-transport-panel,
html.bws-light #alv-module-content .alv-box {
    background: #faf8f3;
}

/* Handpan Player: the type images cut out of their black backdrop (and the
   logo above them) onto white, for the white visual group in light mode.
   assets/<type>-light.webp; style.css keeps the originals for dark mode. */
html.bws-light .hpp-handpan-wrap,
html.bws-light .hpp-handpan-wrap.hpp-type-hang { background-image: url(../ASSETS/instruments/handpans/hang-light.webp); }
html.bws-light .hpp-handpan-wrap.hpp-type-pantam { background-image: url(../ASSETS/instruments/handpans/pantam-light.webp); }
html.bws-light .hpp-handpan-wrap.hpp-type-rav_vast { background-image: url(../ASSETS/instruments/handpans/rav-vast-light.webp); }
html.bws-light .hpp-handpan-wrap.hpp-type-ayasha { background-image: url(../ASSETS/instruments/handpans/ayasha-light.webp); }
html.bws-light .hpp-handpan-wrap.hpp-type-integral { background-image: url(../ASSETS/instruments/handpans/integral-light.webp); }
html.bws-light .hpp-handpan-wrap.hpp-type-kurd_dark { background-image: url(../ASSETS/instruments/handpans/kurd-dark-light.webp); }

/* Handpan Player: the playable circles and their letters keep dark mode's
   gold in light mode (the circles' own fill/stroke are SVG attributes). */
html.bws-light .hpp-note-group:hover>circle {
    fill: rgba(255,216,75,.2) !important;
}

html.bws-light .hpp-note-label {
    fill: rgba(255,216,75,.85);
}