/* TONEVY workspace: visual layer only; IDs, settings and DSP remain unchanged. */
:root{color-scheme:light;--bg:#f8f7f2;--panel:#fff;--surface:#f0f1e9;--border:#d6d9cd;--muted:#616754;--text:#283026;--orange:#50633b;--orange-soft:#edf1e5;--green:#3f663b}
body{background:var(--bg);color:var(--text)}
.app-shell{max-width:1320px;padding:0 40px 24px}
.site-header{border-color:var(--border);min-height:74px}
.brand{letter-spacing:1px}.brand b{color:var(--muted)}
.intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:24px 0;padding:32px;border-radius:22px;min-height:254px;background:#f0efe6;border:1px solid #e3e3d8}
.studio-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2;pointer-events:none}
.intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f6f0 0%,#f7f6f0f2 32%,#f7f6f000 66%);z-index:-1;pointer-events:none}
.intro>div{max-width:58%}.intro h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1.3px;line-height:1.3}
.intro .eyebrow{font-size:12px;letter-spacing:.4px;color:#536440}
.intro-copy{font-size:14px;line-height:1.8;color:#565e4b;max-width:390px}
.workflow{gap:18px;font-size:12px;color:#45503c}.workflow li{gap:8px}.workflow span{width:24px;height:24px;background:#ffffffb8;border-color:#bbc5ac;color:#425734}
.availability-note{padding:12px 16px;background:#eeefe6;border:1px solid #dedfd3;border-radius:10px;font-size:13px;color:#505a45}
.quick-guide{background:transparent;border-color:var(--border);margin-bottom:22px}
.quick-guide summary,.plain-help summary{color:#39472e;font-size:14px}.quick-guide a{color:#4b6038}
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start}
.source-panel,.result-panel{padding:26px;border-radius:18px;box-shadow:0 3px 16px #34432d04}
.section-heading h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.section-heading .step{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8dece;border-radius:50%;color:#50633b;font-size:11px;letter-spacing:0}
.dropzone{background:#f7f8f3;border-color:#aebba1;border-radius:14px;min-height:186px}
.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{background:#eef2e6;border-color:#50633b}
.upload-icon{background:#e8edde;color:#4c613b;width:46px;height:46px;border-radius:50%}
.dropzone strong{font-size:15px;font-weight:600}.dropzone p{color:var(--muted)}
input[type=number],input[type=text],select,.basic-settings select{background:#fff;color:#283026;border-color:#9da78f}
input[type=range]{accent-color:#50633b}input[type=range]::-webkit-slider-runnable-track{background:#dce2d2}input[type=range]::-moz-range-track{background:#dce2d2}
input[type=range]::-webkit-slider-thumb{background:#50633b}input[type=range]::-moz-range-thumb{background:#50633b}
.basic-settings label{font-size:14px;font-weight:550}.basic-settings select{border-radius:9px}
.rights-note,.basic-help p,.control-help,.plain-help p,.validation-note,.report-details summary,.report-download,.measurements tbody th{color:#59614f}
.rights-note{font-size:13px}.basic-help p,.control-help{line-height:1.85}
.primary-button,.download-button{background:#50633b;border-color:#50633b;color:white}
.primary-button:not(:disabled):hover,.download-button:hover{background:#3d4e2c;border-color:#3d4e2c;color:white}
.primary-button:disabled{background:#e1e5d9;border-color:#d3d9c9;color:#647256;opacity:1}
.advanced,.local-preview{border-color:var(--border)}
.advanced>summary{font-size:14px}.advanced>summary small{font-size:11px}
.secondary-button{background:#f1f4e9;color:#3e5130;border-color:#b9c3ab}.secondary-button:hover{background:#e4ead8;color:#2e4224}
.text-button{color:#5b694e}.text-button:hover{color:#2e4322}
.report-details pre{background:#f4f5ef;color:#30392a}
.result-panel[data-state=empty]{min-height:535px}.empty-state{min-height:405px}
.empty-state h3{color:#3f4a36;font-size:17px}.empty-state p{color:#65705b;font-size:14px}
.wave-placeholder{color:#a5b395}.wave-placeholder span{background:#b8c5a8}
.audio-row{background:#f7f8f3;border-color:#d5dccb}.audio-row.mastered{background:#edf2e4;border-color:#a5b68d}.audio-row.reference{background:#edf3f3;border-color:#b1c8c7}
.audio-row.reference strong,.audio-row.reference .ab-letter{color:#366268}.ab-letter{color:#5d6b50;border-color:#aab79c}
.audio-row.mastered .ab-letter{border-color:#879e6c}
audio{color-scheme:light}audio::-webkit-media-controls-enclosure,audio::-webkit-media-controls-panel{background:#eef1e8}
.toggle{color:#4f5c43}.toggle input:checked+.toggle-track{background:#50633b}.toggle-track{background:#a7ae9d}.toggle-track:after,.toggle input:checked+.toggle-track:after{background:#fff}
.stale-note{background:#fbf3e3;border-color:#cfb57b;color:#78521b}.settings-snapshot{color:#59614f}.track-icon{color:#62744f;border-color:#a7b29a}
.comparison-controls,.comparison-title,.comparison-label{color:#4f5c43}
.validation-result{background:#f0f5e9;border-color:#b8c9a7}
.validation-result.review,.warnings{background:#fbf3e3;border-color:#cfb57b;color:#78521b}.validation-result.review h3,.history-status.review{color:#805722}
.validation-result.fail,.form-error{background:#fff1eb;border-color:#d7ad9c;color:#973e26}.validation-result.fail h3,.failure-state p,.failure-icon,.history-status.fail,.history-status.failed,.connection.disconnected{color:#983f29}
.failure-icon{border-color:#c47f68}.failure-state .failure-help{color:var(--muted)}
.section-heading .result-badge.fail{color:#973e26;border-color:#d2a38f}.section-heading .result-badge.review{color:#805722;border-color:#d0b47a}
.history-section{background:transparent}.history-section button,.tool-panel button{max-width:100%}
.tool-panel{background:#fff}.tool-panel>summary{padding:22px}.tool-panel[open]>summary{border-color:var(--border)}
.playlist-settings,.target-changes,.profile-form-grid label,.profile-status{color:#59614f}
.range-setting label{color:#4f5c43}.policy-note{background:#f0f3e9;border-color:#a4b38e}.history-list{background:#f7f8f3}
.connection.offline{color:#983f29}.connection.offline .status-dot{background:#983f29}
.section-heading .result-badge.failed{color:#973e26;border-color:#d2a38f}.section-heading .result-badge.success{color:#3f663b;border-color:#a7bd91}.section-heading .result-badge.processing{color:#50633b;border-color:#a7bd91}
.preset input:checked+.preset-content{background:#edf1e5;border-color:#a7bd91}.empty-format,.empty-format span{color:#65705b}
.studio-language-settings select,.studio-language-settings [role=status]:not(:empty){background:#fff;color:var(--text);border-color:#b9c1ae}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #668346;outline-offset:3px}
.quick-guide summary:focus-visible,.plain-help summary:focus-visible{outline:3px solid #668346;outline-offset:3px}.site-footer{color:#65705b}
@media(max-width:820px){.app-shell{padding:0 20px 24px}.intro{min-height:240px;padding:26px}.intro>div{max-width:70%}.intro::before{background:linear-gradient(90deg,#f7f6f0 0%,#f7f6f0ed 45%,#f7f6f030 100%)}.workspace{grid-template-columns:1fr}.result-panel[data-state=empty]{min-height:300px}.empty-state{min-height:200px}}
@media(max-width:520px){.app-shell{padding:0 16px 20px}.site-header{min-height:66px}.intro{padding:22px 20px;margin:18px 0;min-height:0;gap:18px}.intro>div{max-width:100%}.intro h1{font-size:26px}.intro-copy{font-size:13px;max-width:80%;line-height:1.8}.studio-art{object-position:72% center;opacity:.38}.intro::before{background:linear-gradient(90deg,#f7f6f0f5 10%,#f7f6f0c9 65%,#f7f6f040 100%)}.workflow{margin:0;gap:12px;font-size:11px}.workflow li{gap:5px}.workflow span{width:20px;height:20px;font-size:10px}.source-panel,.result-panel{padding:20px 18px}.dropzone{min-height:168px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:16px}.availability-note{font-size:12px}.quick-guide summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none!important;animation:none!important}}