/* Burgundy & gold — inspired by the RUBIUU in-game panel. */
:root{color-scheme:dark;--gold:#edbd63;--cream:#f9efe4;--muted:#c5aab5;--line:#633343;--waveform:#edbd63}
body{background:#10050d;background-image:radial-gradient(ellipse at 12% 8%,#4b10254d,transparent 55%),linear-gradient(133deg,transparent 0 32%,#42112626 32% 38%,transparent 38% 42%,#5b1b2e1f 42% 47%,transparent 47% 100%);background-attachment:fixed;color:var(--cream)}
header{background:#13070ed9;border-color:#714126;border-bottom-color:#ad753b;backdrop-filter:blur(14px)}
.brandmark{background:linear-gradient(135deg,#6c1836,#230914);color:var(--gold);border:1px solid #c18a47;border-radius:9px;box-shadow:0 0 22px #9d294324}
.brand small,.eyebrow,.local-badge{color:#d5b894}nav a{color:#c5aab5}nav a.active,nav a:hover{color:var(--gold)}
.local-badge i,.workspace-line i{background:var(--gold);box-shadow:0 0 10px #edbd6355}
h1{color:var(--cream)}h1 span{color:var(--gold)}.eyebrow span{color:#ab7e91}.intro p{color:var(--muted)}
.intro-art{border-color:#946a3c}.art-bars i{background:linear-gradient(to top,#9b3b51,#edbd63)}.intro-art>span,.intro-art>b{color:var(--gold)}
.workspace-line{border-color:#ad753b;border-bottom-color:#613343;color:#f2d49e}.workspace-line>span:last-child{color:#c5aab5}
.panel{border:1px solid #744431;border-radius:13px;background:linear-gradient(134deg,#210815 0%,#210815 44%,#401124 44%,#401124 49%,#31101e 49%,#31101e 54%,#170913 54%,#110913 100%);box-shadow:0 8px 28px #0003}
.panel-title h2{color:var(--cream)}.panel-title h2>span{border-color:#986434;color:var(--gold);background:#190910;border-radius:5px}
.tiny,.eq-caption{color:#d3ad82}.text-button{color:#e6c087}.text-button:hover{color:#ffdc98}
.dropzone{background:#190b14cc;border:1px dashed #9e6744;border-radius:10px}.dropzone:hover,.dropzone.dragging{background:#4a152b;border-color:var(--gold)}
.dropzone strong{color:var(--cream)}.dropzone>span:not(.upload-icon){color:var(--muted)}.dropzone u{color:var(--gold);text-underline-offset:3px}.dropzone small{color:#c3a5b2}
.upload-icon{border:1px solid #a57543;border-radius:10px;background:#37101d;color:var(--gold)}.upload-bottom{color:#c0a1ad}
.source-file{background:#170b14cc;border-color:#633343;border-radius:9px}.file-heading p,.source-file>small{color:#c5aab5}
.preset{background:#1a0c16;border-color:#613343;border-radius:8px;color:#e5cdd6}.preset:hover{background:#401326;border-color:#c38d4c}.preset .symbol{color:var(--gold)}
.preset.selected{background:linear-gradient(135deg,#77304b,#491329);border-color:var(--gold);color:#fff3df;box-shadow:inset 0 0 0 1px #edbd6333}.preset.selected .symbol{color:#ffda92}
.saved-presets,.saved-item{border-color:#633343}.save-row input,.bpm-row input{background:#160b13;border:1px solid #75464f;color:var(--cream);border-radius:6px}input::placeholder{color:#ab8999}
.small-button{background:var(--gold);color:#2d1118;font-weight:bold;border-radius:6px}
.equalizer{background:linear-gradient(transparent 49.6%,#673548 49.6%,#673548 50%,transparent 50%)}
.eq-band output{color:#d8bdc7}.eq-band label{color:#e8d3db}.eq-band input{accent-color:var(--gold)}
.eq-strip{background:repeating-linear-gradient(to right,#dba859 0%,#dba859 9.3%,#2b0c1b 9.3%,#2b0c1b 10%);border-radius:3px}
.two-fields label,.field-label,.range-block>label:first-child{color:#e8c9d3}.range-block output{color:var(--gold)}
select{background:#190c16;border-color:#75464f;color:var(--cream);border-radius:7px}select option{background:#210d1b;color:#faeee5}
.range-block input[type=range],.check input,progress{accent-color:var(--gold)}.range-marks{color:#c1a1ae}.range-block .check{color:#d2b8c2}
.calculator{background:linear-gradient(130deg,#401225,#210d1b);border:1px solid #795238;border-left:3px solid var(--gold);border-radius:9px}
.calc-top{color:#e8c78d}.calc-main>strong{color:var(--gold)}.calc-main p{color:#d2b8c2}.calc-main p b{color:#ffdb96}
.bpm-row{border-color:#744453;color:#e0bbcc}.bpm-row>span,.calculator small{color:#cbb0be}
.segments{border-color:#8c5a43;border-radius:7px}.segments button{background:#1c0c17;color:#d9bbc9}.segments button.selected{background:#693047;color:#ffdfa4}
.hint,.note p,.channel-row .check small{color:#c3a6b4}.advanced{border-color:#633343}
.export-summary,.status{color:#d0b2c0}.convert-button{border:1px solid #edbd63;background:linear-gradient(110deg,#eab34f,#f2cc85);color:#2a0c17;font-weight:600;border-radius:8px;box-shadow:0 5px 20px #d28c2720}.convert-button:hover{background:#ffda95}.convert-button:disabled{background:#754a47;border-color:#9c6c50;color:#f1d6c6;opacity:.7;box-shadow:none}
.status.error{color:#ffccb8;border-color:#edbd63}.result{border-color:#795238}.result-title strong{color:#fff0d6}.result-title span{color:var(--gold)}.result p,.result>small{color:#d2b8c2}
.download-button{border-color:#d6a257;color:#ffdc96;background:#4b192d;border-radius:7px}.download-button:hover{background:#69243d}
.note>span{color:var(--gold)}.note strong{color:#ecd0ac}.faq{border-color:#8b5937}.faq h2{color:var(--gold)}.faq details{border-color:#633343}.faq p{color:#cbb0be}
footer{background:#0d060d;border-top:1px solid #986434;color:#f4dfc2}.footer-brand{color:var(--gold)}.footer-brand span,footer>span,footer>a:last-child{color:#c3a6b4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--gold)}
audio{color-scheme:dark;border-radius:6px}
@media(prefers-reduced-transparency:reduce){header{background:#13070e;backdrop-filter:none}}