@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090a0c;--panel:#141619;--panel2:#1a1d20;--line:#2b2e32;--text:#f3f1eb;--muted:#92979d;--gold:#d9b76d;--lime:#c4ee7c;--red:#ec765e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% -18%,#292316 0,transparent 48%),var(--bg);color:var(--text);font:15px Manrope,Arial,sans-serif;min-height:100vh}.workspace{max-width:1200px;margin:auto;padding:25px 34px 28px}.topbar{height:36px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.wordmark{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.15em;font-size:13px}.wordmark span{font:10px 'DM Mono';letter-spacing:.08em;color:var(--gold);margin-left:8px}.status{display:flex;align-items:center;gap:8px;font:10px 'DM Mono';color:#aeb2b4;letter-spacing:.08em}.status i,.module-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #c4ee7c90}.intro{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:19px}.intro-copy{display:flex;flex-direction:column;align-items:flex-start}.kicker,.section-label{font:10px 'DM Mono';letter-spacing:.14em;color:var(--gold)}.kicker{margin:0 0 8px}.intro h1{display:flex;flex-direction:column;gap:2px;font:700 clamp(2rem,5.5vw,3.6rem)/1.08 Orbitron,Manrope,sans-serif;letter-spacing:-.035em;margin:0}.intro h1>span{text-shadow:0 3px 28px #d9b76d22}.intro h1 em{font-family:inherit;font-style:normal;font-weight:inherit;font-size:.72em;line-height:1.15;letter-spacing:inherit;color:var(--gold);padding-left:.08em}.sub{margin:7px 0 0;color:#9fa3a6;font-size:14px}.formats{margin:7px 0 0;color:#737a80;font:12px 'DM Mono';letter-spacing:.04em}.load-button,.render-button,.download-button{background:var(--gold);border:1px solid var(--gold);border-radius:8px;color:#15130f;padding:12px 17px;font:700 13px Manrope;text-decoration:none;cursor:pointer}.load-button input{display:none}.panel{background:linear-gradient(150deg,#1a1d20,#121416);border:1px solid #34383d;border-radius:14px;box-shadow:0 20px 55px #0005}.transport{padding:15px 17px;margin-bottom:17px}.track-info{display:flex;align-items:center;gap:11px}.album-icon{width:39px;height:39px;border-radius:8px;background:linear-gradient(135deg,#d9b76d,#725e34);display:grid;place-items:center;color:#15130f;font-size:18px;font-weight:800}.track-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.track-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.track-copy span{color:var(--muted);font-size:12px}.transport-controls{display:flex;align-items:center;gap:13px;margin-top:14px}.round-btn{width:34px;height:34px;border:1px solid #4a4e52;background:#212428;color:var(--text);border-radius:50%;cursor:pointer}.round-btn:disabled,.render-button:disabled{opacity:.42;cursor:not-allowed}.timeline{flex:1}.time-row{display:flex;justify-content:space-between;font:10px 'DM Mono';color:#9ba0a4;margin-bottom:3px}input[type=range]{accent-color:var(--gold)}#seek{width:100%;height:4px;display:block}.compare-btn,.small-button,.reset{background:#222529;border:1px solid #3a3e43;color:#e3e1db;border-radius:6px;padding:8px 11px;font:10px 'DM Mono';cursor:pointer}.compare-btn:disabled{opacity:.4}.compare-btn.active{border-color:var(--gold);color:var(--gold)}#waveform{width:100%;height:37px;margin-top:10px;display:block;opacity:.8}.preset-row{display:flex;align-items:center;gap:11px;margin:0 2px 14px}.presets{display:flex;gap:6px}.preset{background:transparent;color:#afb3b6;border:1px solid transparent;border-radius:6px;padding:8px 10px;font:11px Manrope;cursor:pointer}.preset.active{background:#29251b;color:var(--gold);border-color:#655635}.reset{margin-left:auto;font-family:Manrope;font-size:11px;color:#a9adb0}.rack{padding:15px}.rack-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 2px 12px;margin-bottom:12px}.rack-head>div:first-child{display:flex;align-items:center;gap:12px}.chain-name{font:10px 'DM Mono';color:#92989d}.small-button{display:flex;align-items:center;gap:9px}.switch{display:block;width:27px;height:15px;border-radius:12px;background:#4a4e53;position:relative}.switch:after{content:'';position:absolute;width:9px;height:9px;left:3px;top:3px;border-radius:50%;background:#c3c5c5;transition:.2s}.small-button.active .switch{background:#796740}.small-button.active .switch:after{left:15px;background:var(--gold)}.controls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.module{background:#171a1d;border:1px solid #303439;border-radius:9px;padding:11px 10px;min-width:0;position:relative}.module.info-open{z-index:15}.module-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#e2e1dd;font:10px 'DM Mono';letter-spacing:.06em;white-space:nowrap}.module-head span{display:flex;align-items:center;gap:6px}.module-head i{width:6px;height:6px}.module-power{flex:none;width:15px;height:15px;border:1px solid #53585c;border-radius:50%;background:#24272b;padding:0;display:grid;place-items:center;cursor:pointer}.module-power i{width:5px;height:5px;border-radius:50%;background:#70767b;box-shadow:none;transition:.18s}.module-power[aria-pressed="true"]{border-color:#927a45;background:#30291b;box-shadow:0 0 8px #d9b76d25}.module-power[aria-pressed="true"] i{background:var(--gold);box-shadow:0 0 6px #d9b76d}.info-button{width:15px;height:15px;flex:none;border:1px solid #666b70;border-radius:50%;padding:0;background:transparent;color:#aeb3b5;font:500 10px Manrope;line-height:13px;text-align:center;cursor:pointer}.info-button:hover,.info-button[aria-expanded="true"]{color:var(--gold);border-color:var(--gold)}.info-popover{display:none;position:absolute;top:43px;left:10px;right:10px;z-index:20;padding:10px 11px;border:1px solid #77643d;border-radius:7px;background:#222529;box-shadow:0 10px 24px #000a;color:#e3e1dc;font:11px/1.5 Manrope,sans-serif;letter-spacing:0;white-space:normal}.module.info-open .info-popover{display:block}.module:not(.enabled){border-color:#303439}.module.enabled{border-color:#51452d}.module-head small{color:#858b91;font-size:9px;letter-spacing:.04em}.knob-row{display:flex;justify-content:space-around;gap:8px;margin-top:14px}.control{display:flex;align-items:center;flex-direction:column;min-width:0}.knob{--angle:0deg;width:48px;height:48px;border-radius:50%;position:relative;background:conic-gradient(from 220deg,var(--gold) 0deg,var(--gold) var(--sweep,0deg),#3b3f43 var(--sweep,0deg),#3b3f43 280deg,transparent 280deg);touch-action:none;cursor:ns-resize;outline:none}.knob:before{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid #4b5054;background:radial-gradient(circle at 38% 29%,#3b3f43,#1b1e21 71%);box-shadow:inset 0 2px 5px #0008}.knob:after{content:'';position:absolute;width:2px;height:9px;top:5px;left:calc(50% - 1px);background:#f4d899;border-radius:2px;transform-origin:50% 19px;transform:rotate(var(--angle))}.knob:focus-visible{box-shadow:0 0 0 2px var(--gold)}.knob-value{font:10px 'DM Mono';font-weight:400;margin-top:6px;color:#e5e3dd;white-space:nowrap}.small-knob{width:39px;height:39px}.small-knob:after{height:7px;transform-origin:50% 15px}.exciter-controls{display:flex;justify-content:space-evenly;gap:8px;padding-top:10px}.exciter-controls .control{min-width:60px}.knob-label{font:9px 'DM Mono';margin-top:4px;color:#899097;letter-spacing:.05em}.glue-module{display:flex;flex-direction:column}.glue-area{flex:1;display:grid;place-items:center;padding:2px 0 0}.big-knob{width:72px;height:72px;box-shadow:0 0 0 5px #202327,0 0 0 6px #474b4f,0 0 20px #d9b76d20}.big-knob:before{inset:7px}.big-knob:after{height:12px;top:6px;transform-origin:50% 29px}.glue-module .knob-label{color:var(--gold);letter-spacing:.1em}.glue-module .knob-value{font-size:12px}.module-note{text-align:center;color:#7e858a;font:9px 'DM Mono';margin:6px 0 0;white-space:nowrap}.solo-control{padding-top:14px}.limiter-module{display:flex;flex-direction:column}.ceiling-control{display:flex;flex-direction:column;gap:6px;margin:15px 1px 10px}.ceiling-control label{font:9px 'DM Mono';color:#899097}.ceiling-control select{width:100%;background:#202327;border:1px solid #383d42;color:#e8e6df;border-radius:5px;padding:7px 5px;font:10px 'DM Mono'}.meter{height:21px;display:flex;align-items:center;gap:3px;margin-top:auto}.meter-bar{height:100%;width:6px;border-radius:2px;background:linear-gradient(to top,#9b8a55 0 68%,#c4ee7c 68%);opacity:.78}.meter-bar:nth-child(2){height:74%}.meter b{font:10px 'DM Mono';font-weight:400;margin-left:auto;color:#c4c7c6}.eq-module{border:1px solid #303439;border-radius:8px;margin-top:10px;padding:9px 11px 4px;background:repeating-linear-gradient(0deg,transparent 0 24px,#262a2f 25px),repeating-linear-gradient(90deg,transparent 0 60px,#262a2f 61px),#131518}.eq-title{display:flex;justify-content:space-between;color:#858b91;font:9px 'DM Mono';letter-spacing:.09em}.eq-title .section-label{color:var(--gold)}#eq-curve{width:100%;height:87px;display:block}.rack-bottom{display:flex;align-items:center;gap:13px;padding:11px 2px 0}.check-control{font-size:11px;color:#aeb2b4;display:flex;align-items:center;gap:6px}.check-control input{accent-color:var(--gold)}.quality{font:9px 'DM Mono';color:#737a80}.render-button{margin-left:auto;padding:11px 16px}.render-button span{margin-left:13px;font-size:16px}.result{margin-top:13px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.result[hidden]{display:none}.result-copy{display:flex;gap:10px;align-items:center}.success-mark{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#26341d;color:var(--lime);font-weight:800}.result-copy div{display:flex;flex-direction:column;gap:3px}.result-copy strong{font-size:13px}.result-copy span{font-size:11px;color:var(--muted)}.result-actions{display:flex;gap:7px;align-items:center}.download-button{padding:9px 12px;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;color:#7e858a;font:10px 'DM Mono';letter-spacing:.035em}.footer-promo{color:#b6b5af}.footer-promo strong{color:var(--gold);font-weight:500}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.2s;background:#24272b;border:1px solid #444a50;border-radius:8px;padding:10px 14px;color:#eee;font-size:12px;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}body.bypassed .knob{opacity:.45}
@media(max-width:930px){.workspace{padding:20px 17px}.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module{min-height:135px}.glue-area{min-height:135px}.limiter-module{min-height:135px}}
@media(max-width:590px){.workspace{padding:15px 10px 20px}.topbar{margin-bottom:21px}.intro{align-items:flex-start;gap:12px}.intro h1{font-size:clamp(1.65rem,7vw,2.25rem)}.sub{font-size:13px}.load-button{padding:10px 12px;white-space:nowrap}.status{font-size:9px}.rack{padding:10px}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.module{padding:10px 8px;min-height:130px}.glue-module{grid-row:span 2}.glue-area{min-height:140px}.width-module,.limiter-module{grid-row:auto}.knob{width:44px;height:44px}.big-knob{width:68px;height:68px}.module-head{font-size:9px}.module-head small{font-size:8px}.preset-row{gap:3px;flex-wrap:wrap}.preset-row>.section-label{width:100%;margin:0 0 2px 7px}.presets{gap:0}.preset{font-size:10px;padding:7px 8px}.reset{margin-left:auto}.transport{padding:12px}.rack-bottom{flex-wrap:wrap;gap:10px}.quality{order:3;width:100%}.render-button{padding:10px 12px}.result{align-items:flex-start;flex-direction:column}.result-actions{width:100%}.result-actions>*{flex:1;justify-content:center;text-align:center}footer{gap:8px;line-height:1.5;align-items:flex-start;flex-direction:column}footer span:last-child{text-align:left}}
.focus-panel{margin-top:12px;padding:12px 15px 10px}.focus-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 1px 9px}.focus-heading h2{margin:3px 0 0;font:600 14px Manrope,sans-serif;color:var(--text)}.focus-hint,.focus-note{font:9px 'DM Mono';color:#7f868b}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px 0 4px}.focus-control{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:6px;min-width:0}.focus-name{font:9px 'DM Mono';letter-spacing:.07em;color:#d5d3cd}.focus-ends{display:flex;gap:8px;font:8px 'DM Mono';color:#777f84}.focus-control .control{grid-column:1/-1;flex-direction:row;justify-content:center;gap:9px;margin-top:4px}.focus-knob{width:37px;height:37px}.focus-knob:before{inset:4px}.focus-knob:after{height:7px;top:4px;transform-origin:50% 15px}.focus-control .knob-value{margin:0;font-size:10px;min-width:44px}.focus-note{margin:3px 0 0;color:#737a80}@media(max-width:590px){.focus-panel{padding:11px 10px 9px}.focus-grid{gap:5px}.focus-ends{gap:4px;font-size:7px}.focus-name{font-size:8px}.focus-knob{width:33px;height:33px}.focus-control .control{gap:4px}.focus-control .knob-value{font-size:9px;min-width:40px}.focus-hint{font-size:8px}}
.focus-panel{margin:4px 0 13px;padding:2px 2px 11px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.focus-heading{padding-bottom:8px}.focus-grid{padding:8px 0 2px}.focus-note{margin-top:3px}.output-stage{display:grid;grid-template-columns:100px minmax(180px,260px);align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.output-stage .limiter-module{min-height:118px}.output-label{padding-left:2px}.eq-module{margin-top:12px}.intro h1 em{font-size:1.08em}
@media(max-width:590px){.output-stage{grid-template-columns:minmax(0,1fr) auto;gap:8px}.output-stage .limiter-module{width:min(100%,235px)}.output-label{font-size:9px}}
.knob.boosted{background:conic-gradient(from 220deg,var(--lime) 0deg,var(--lime) var(--sweep,0deg),#3b3f43 var(--sweep,0deg),#3b3f43 280deg,transparent 280deg);filter:drop-shadow(0 0 6px #c4ee7c55)}.knob.boosted:after{background:var(--lime)}.eq-module{padding:10px 11px 11px}.eq-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.eq-controls .module{min-height:108px;padding:8px}.eq-controls .module-head{font-size:9px}.eq-controls .module-head span{gap:4px}.eq-controls .module-head small{font-size:8px}.eq-controls .solo-control{padding-top:8px}.eq-controls .knob{width:38px;height:38px}.eq-controls .knob:before{inset:4px}.eq-controls .knob:after{height:7px;top:4px;transform-origin:50% 15px}@media(max-width:590px){.eq-module{padding:9px 8px}.eq-controls{gap:5px}.eq-controls .module{min-height:104px;padding:7px 5px}.eq-controls .module-head{font-size:8px}.eq-controls .module-head small{font-size:7px}.eq-controls .knob{width:34px;height:34px}}
.eq-module #eq-curve{height:156px;touch-action:none;cursor:crosshair}.eq-graph-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.eq-graph-actions>span{font:9px 'DM Mono';color:#7f868b}.eq-graph-actions .small-button{white-space:nowrap;padding:6px 9px}.eq-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:9px;padding:9px 2px 0}.eq-tools[hidden]{display:none}.eq-tools strong{font:9px 'DM Mono';letter-spacing:.05em;color:var(--gold)}.eq-tools label{display:flex;align-items:center;gap:6px;font:9px 'DM Mono';color:#aab0b3}.eq-tools select{background:#202327;border:1px solid #383d42;color:#e8e6df;border-radius:5px;padding:5px 7px;font:10px 'DM Mono'}.eq-tools input[type=range]{width:90px}.eq-tools output{min-width:26px;color:#e5e3dd}.eq-tools #eq-band-enabled-wrap input{accent-color:var(--lime)}.eq-tools button{padding:6px 9px}.eq-tools button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:590px){.eq-module #eq-curve{height:140px}.eq-graph-actions{align-items:flex-start}.eq-graph-actions>span{font-size:8px;line-height:1.5}.eq-tools{gap:8px}.eq-tools label{font-size:8px}}
.presence-slider-wrap{display:flex;align-items:center;justify-content:center;gap:7px;min-height:76px;font:8px 'DM Mono';color:#7f868b}.presence-slider{writing-mode:vertical-lr;direction:rtl;height:72px;width:18px;accent-color:var(--gold);touch-action:none}.presence-slider.boosted{accent-color:var(--lime);filter:drop-shadow(0 0 4px #c4ee7c66)}.focus-label-row{display:flex;align-items:center;justify-content:space-between;gap:3px}.focus-label-row b{font:9px 'DM Mono';color:var(--text);white-space:nowrap}.vocal-level-control{display:block}.focus-grid{grid-template-columns:1.15fr 1fr 1fr}@media(max-width:590px){.presence-slider-wrap{min-height:67px;gap:3px}.presence-slider{height:62px;width:16px}.focus-label-row b{font-size:8px}}
@media(max-width:590px){.focus-heading{gap:8px;align-items:flex-start}.focus-hint{max-width:44%;text-align:right;white-space:normal;line-height:1.5}.focus-heading h2{overflow-wrap:anywhere}.focus-control:not(.vocal-level-control){grid-template-columns:minmax(0,1fr);align-content:start;row-gap:4px}.focus-control:not(.vocal-level-control) .focus-name,.focus-control:not(.vocal-level-control) .focus-ends{grid-column:1;min-width:0}.focus-control:not(.vocal-level-control) .focus-name{white-space:normal;overflow-wrap:anywhere}.focus-control:not(.vocal-level-control) .focus-ends{justify-content:space-between}}
 .eq-reset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:10px;padding:10px 2px 5px;color:#858b91;font:9px 'DM Mono'}.eq-reset-row .small-button{border-color:#665835;color:var(--gold);white-space:nowrap}@media(max-width:590px){.eq-reset-row{align-items:flex-start;line-height:1.5}.eq-reset-row>span{max-width:60%}.eq-reset-row .small-button{padding:7px 9px}}
.loudness-panel{margin-top:13px;padding:13px 11px 10px;border-top:1px solid #393a3c;background:linear-gradient(110deg,#141619d9,#17191c88)}.loudness-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:11px}.loudness-heading h3{margin:4px 0 0;font:600 14px Manrope,sans-serif;color:var(--text)}.analysis-state{font:8px 'DM Mono';letter-spacing:.06em;color:#898f94;text-align:right}.loudness-grid{display:grid;grid-template-columns:minmax(170px,1.6fr) minmax(95px,.7fr) repeat(3,minmax(90px,.7fr)) minmax(190px,1.45fr);gap:7px;align-items:stretch}.match-toggle,.target-control,.loudness-readout,.correlation-readout{min-width:0;min-height:55px;border:1px solid #303439;border-radius:7px;background:#191c1f;display:flex;align-items:center;padding:9px 10px}.match-toggle{position:relative;gap:9px;cursor:pointer}.match-toggle>input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{flex:none;width:29px;height:16px;border-radius:12px;background:#41464a;position:relative;transition:.18s}.toggle-track:after{content:'';position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#b6b9b8;transition:.18s}.match-toggle input:checked+.toggle-track{background:#705d34}.match-toggle input:checked+.toggle-track:after{left:16px;background:var(--gold)}.match-toggle input:focus-visible+.toggle-track{outline:2px solid var(--gold);outline-offset:2px}.match-toggle input:disabled+.toggle-track{opacity:.45}.match-toggle>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.match-toggle strong,.target-control>span,.loudness-readout>span,.correlation-top>span{font:8px 'DM Mono';letter-spacing:.05em;color:#c8c6bf}.match-toggle small{font:8px/1.4 'DM Mono';color:#858b91}.target-control{align-items:flex-start;justify-content:center;flex-direction:column;gap:5px}.target-control select{width:100%;background:#202327;border:1px solid #383d42;color:#e8e6df;border-radius:5px;padding:5px 6px;font:9px 'DM Mono'}.target-control select:disabled{opacity:.5}.loudness-readout{align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}.loudness-readout strong{font:500 13px 'DM Mono';color:var(--gold);white-space:nowrap}.correlation-readout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px}.correlation-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.correlation-top strong{font:500 11px 'DM Mono';color:var(--gold)}.correlation-meter{height:8px;border-radius:6px;background:linear-gradient(90deg,#663a35 0,#333638 48%,#333638 52%,#756239 100%);position:relative;overflow:hidden}.correlation-meter>b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d0c9b4aa}.correlation-meter i{position:absolute;top:1px;bottom:1px;border-radius:5px;background:var(--gold);box-shadow:0 0 8px #d9b76d99}.correlation-meter i.negative{background:#e28b76;box-shadow:0 0 8px #e28b7699}.correlation-readout small{font:8px/1.35 'DM Mono';color:#858b91}.loudness-note{margin:9px 1px 0;color:#737a80;font:8px/1.5 'DM Mono'}@media(max-width:900px){.loudness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-toggle{grid-column:span 2}.correlation-readout{grid-column:span 2}}@media(max-width:590px){.loudness-panel{padding:11px 8px 9px}.loudness-heading h3{font-size:13px}.analysis-state{max-width:43%;font-size:7px;line-height:1.5}.loudness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.match-toggle{grid-column:1/-1}.target-control{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.target-control select{width:110px}.loudness-readout,.correlation-readout{min-height:59px;padding:8px}.correlation-readout{grid-column:1/-1}.loudness-readout strong{font-size:12px}.match-toggle small{font-size:7px}.loudness-note{font-size:7px}}
/* Midnight Swim console skin */
:root{color-scheme:dark;--bg:#070e15;--panel:#0d1720;--panel2:#111e29;--line:#243643;--text:#eaf0ef;--muted:#8d9ba3;--gold:#e3cf92;--lime:#78e2d5;--red:#e78279}body{background:radial-gradient(ellipse at 48% -24%,#172a36 0,transparent 50%),linear-gradient(180deg,#07111a,#060b10 72%);font-family:Manrope,Arial,sans-serif}.workspace{max-width:1600px;padding:25px 30px 36px}.topbar{height:34px;border-bottom:1px solid #233441;padding-bottom:15px;margin-bottom:22px}.wordmark{letter-spacing:.21em}.wordmark span{color:#9edbd5}.status{letter-spacing:.13em}.status i{background:#82e6dd;box-shadow:0 0 12px #65d9cf90}.intro{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.intro-copy{min-width:0}.kicker,.section-label{color:#b0d8d3;letter-spacing:.19em}.kicker{font-size:9px;margin-bottom:4px}.intro h1{display:flex;flex-direction:row;align-items:baseline;gap:16px;flex-wrap:wrap;font-size:clamp(2rem,4.1vw,3.2rem);letter-spacing:.055em;text-transform:uppercase}.intro h1 em{font-size:1em;line-height:1;color:#eadcae;letter-spacing:.12em;padding-left:0}.intro h1>span{font:500 clamp(9px,1vw,12px)/1.2 'DM Mono';letter-spacing:.26em;color:#9baeb2;text-shadow:none}.sub{margin:7px 0 0;color:#9eabb0;font-size:12px}.formats{font-size:9px;color:#71818a;letter-spacing:.12em}.load-button,.render-button,.download-button{background:linear-gradient(135deg,#e7d79f,#c6ae6b);border-color:#e6d699;color:#111922;border-radius:5px;letter-spacing:.03em}.load-button{white-space:nowrap}.panel{background:linear-gradient(145deg,#0f1a24,#0b131b);border:1px solid #2a3d4a;border-radius:8px;box-shadow:0 14px 45px #0006}.transport{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.2fr);align-items:center;gap:4px 20px;padding:12px 15px;margin-bottom:12px}.track-info{min-width:0}.album-icon{background:linear-gradient(145deg,#e3d091,#76989a);color:#111922;border-radius:5px}.track-copy strong{font-size:12px}.track-copy span{font:9px 'DM Mono';letter-spacing:.04em}.transport-controls{margin-top:0}.round-btn{background:#12202a;border-color:#4c636e;color:#e8efed}.compare-btn,.small-button,.reset{background:#101b24;border-color:#344956;color:#d8e2e0;border-radius:4px;letter-spacing:.04em}.compare-btn.active{border-color:#d8c481;color:#eddfa8}.preset-row{margin:0 1px 12px;padding:7px 9px;border:1px solid #263b48;border-radius:6px;background:#0b151d;min-height:44px}.preset-row>.section-label{font-size:8px}.preset{font:9px 'DM Mono';letter-spacing:.13em;text-transform:uppercase}.preset.active{background:#19272e;border-color:#80918c;color:#e9dcad}.reset{font-size:9px;letter-spacing:.05em}.rack{padding:13px;background:linear-gradient(155deg,#0c151e,#080f16);border-color:#2a3e4b;border-radius:8px}.rack-head{padding:0 2px 10px;margin-bottom:10px;border-bottom:1px solid #283a45}.rack-head>div:first-child{gap:12px}.chain-name{font:8px 'DM Mono';letter-spacing:.06em;color:#8a9ba2}.small-button{padding:7px 9px}.switch{background:#39464e}.small-button.active .switch{background:#627b7a}.small-button.active .switch:after{background:#e4d394}.controls-grid{gap:8px}.module{background:linear-gradient(155deg,#111e28,#0e1820);border:1px solid #2c414e;border-radius:6px;padding:10px 9px}.module-head{font-size:8px;letter-spacing:.12em;color:#dae3e0}.module-head small{font-size:7px;color:#80949c}.module-power{background:#14222a;border-color:#52616a}.module-power[aria-pressed=true]{border-color:#85e1d5;box-shadow:0 0 12px #63d5cb30}.module-power[aria-pressed=true] i{background:#7ee4d8;box-shadow:0 0 8px #70e4d5}.info-button{color:#a3d3cf;border-color:#455a62;background:#0c151b}.knob{background:conic-gradient(from 220deg,#81ddd4 0deg,#81ddd4 var(--sweep,0deg),#35444c var(--sweep,0deg),#35444c 280deg,transparent 280deg)}.knob:before{border-color:#475a62;background:radial-gradient(circle at 36% 28%,#233844,#101920 72%)}.knob:after{background:#e9d698}.knob.boosted{background:conic-gradient(from 220deg,#e7d695 0deg,#e7d695 var(--sweep,0deg),#35444c var(--sweep,0deg),#35444c 280deg,transparent 280deg);filter:drop-shadow(0 0 7px #e3d09155)}.knob-value{color:#d9e4e1}.knob-label,.module-note{color:#84969d}.glue-module .knob-label{color:#e4d394}.presence-slider{accent-color:#e2d293}.presence-slider.boosted{accent-color:#86e5d9}.focus-panel{border:1px solid #2c414e;border-radius:6px;background:linear-gradient(145deg,#101c25,#0c151c);padding:11px 12px 9px;margin:10px 0 0}.focus-heading{border-color:#273c47}.focus-heading h2{font-size:13px}.focus-hint,.focus-note{color:#81939a}.focus-name{color:#d3dedb}.focus-control{background:#111e27;border:1px solid #293e48;border-radius:5px;padding:8px}.focus-control .control{min-height:46px}.focus-grid{gap:8px}.eq-module{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto minmax(230px,auto) auto auto auto auto;gap:0 10px;border:1px solid #304652;border-radius:7px;margin-top:8px;padding:11px 12px 10px;background:linear-gradient(145deg,#0d1923,#09131b)}.eq-title{grid-column:1/-1;align-items:center;padding-bottom:8px;border-bottom:1px solid #263a45;color:#8c9da3;font-size:8px;letter-spacing:.16em}.eq-title .section-label{font-size:9px;color:#d5c483}.eq-graph-wrap{grid-column:1;grid-row:2;min-width:0;align-self:stretch;border:1px solid #263c48;border-radius:4px;margin-top:8px;background:linear-gradient(180deg,#08131c,#0b1922)}.eq-module #eq-curve{height:270px;touch-action:none;cursor:crosshair}.stereo-output-meter{grid-column:2;grid-row:2/span 2;position:relative;min-height:300px;margin-top:8px;padding:9px 10px 7px 25px;border:1px solid #2a3e49;border-radius:4px;background:linear-gradient(180deg,#101c25,#0a131a);display:flex;align-items:flex-end;justify-content:center;gap:13px}.instrument-title{font:8px 'DM Mono';letter-spacing:.17em;color:#c1d5d1}.stereo-output-meter>.instrument-title{position:absolute;top:10px;left:0;right:0;text-align:center}.stereo-meter-scale{position:absolute;left:7px;top:39px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:#798d95;font:7px 'DM Mono'}.stereo-meter-channel{height:calc(100% - 58px);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1}.stereo-meter-track{height:100%;width:17px;border:1px solid #3b505a;border-radius:2px;background:repeating-linear-gradient(to top,transparent 0 17px,#243943 18px),#091219;display:flex;align-items:flex-end;overflow:hidden}.stereo-meter-track i{display:block;width:100%;height:2%;min-height:2px;background:linear-gradient(to top,#56cfc6 0 72%,#c1d97d 86%,#e4d18e);box-shadow:0 0 9px #69d9c84d;transition:height .08s linear}.stereo-meter-channel>span{font:8px 'DM Mono';color:#b8c7c7}.output-meter-peak{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:#d8cc9f;font:8px 'DM Mono'}.eq-graph-actions{grid-column:1/-1;margin:5px 0 0}.eq-graph-actions>span{color:#81949b;font:8px 'DM Mono';letter-spacing:.02em}.eq-tools{grid-column:1/-1}.eq-controls{grid-column:1/-1;gap:7px;margin-top:9px}.eq-controls .module{background:#111d26;border-color:#2d414b}.eq-reset-row{grid-column:1/-1;border-color:#2d414b;color:#98a5a8}.eq-reset-row .small-button{border-color:#61705b;color:#dfd096}.loudness-panel{margin:10px 0 0;padding:11px 12px 9px;border:1px solid #304652;border-radius:7px;background:linear-gradient(145deg,#0d1821,#0a1219)}.loudness-heading{margin-bottom:8px;border-bottom:1px solid #263a45;padding-bottom:7px}.loudness-heading h3{font-size:12px;letter-spacing:.04em;color:#d8e1de}.analysis-state{color:#8a9da1;font-size:7px;letter-spacing:.12em}.loudness-grid{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(190px,.95fr) minmax(380px,1.7fr);gap:8px}.loudness-match-card,.correlation-card,.metering-card{min-width:0;position:relative;border:1px solid #2a3f49;border-radius:5px;background:linear-gradient(155deg,#101d26,#0e1820);padding:9px 10px}.instrument-title{display:block;margin-bottom:8px;color:#c3d3d1}.match-card-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,.58fr);align-items:center;gap:8px}.match-toggle{min-height:43px;padding:6px 7px;background:#0c161d;border-color:#334852;border-radius:4px}.match-toggle strong{color:#d9e1df;font-size:7px}.match-toggle small{font-size:7px;color:#82949a}.toggle-track{background:#34424a}.match-toggle input:checked+.toggle-track{background:#5f6660}.match-toggle input:checked+.toggle-track:after{background:#e6d599}.target-control{min-height:43px;padding:6px 8px;border-radius:4px;background:#0c161d;border-color:#334852}.target-control>span{font-size:7px;color:#92a3a5}.target-control select{padding:4px 5px;background:#101a22;border-color:#354b54;color:#e3e8e4;font-size:8px}.match-status{display:block;margin-top:7px;color:#7c9095;font:7px 'DM Mono';letter-spacing:.08em}.loudness-match-card.matching .match-status{color:#8be3d9}.correlation-card .correlation-readout{min-height:75px;padding:9px;background:#0c161d;border-color:#334852}.correlation-top>span{font-size:7px;letter-spacing:.1em}.correlation-top strong{font-size:14px;color:#8fe3db}.correlation-meter{height:10px;background:linear-gradient(90deg,#a15351 0,#31464c 46%,#253841 50%,#4d9e91 100%)}.correlation-meter i{background:#8be1d6;box-shadow:0 0 10px #6fe3d688}.correlation-meter i.negative{background:#e7837c;box-shadow:0 0 9px #e7837c88}.correlation-readout small{font-size:7px}.metering-card{display:flex;flex-direction:column}.metering-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1}.loudness-readout{justify-content:center;gap:6px;min-height:58px;padding:7px 5px;background:#0c161d;border-color:#334852}.loudness-readout>span{font-size:6px;letter-spacing:.04em;text-align:center}.loudness-readout strong{font-size:11px;color:#82e4db}.loudness-readout:last-child strong{color:#e5d59a}.loudness-note{margin:7px 1px 0;color:#71848b;font:7px 'DM Mono'}.output-stage{display:flex;justify-content:flex-end;gap:8px;border-color:#2a3e49;margin-top:9px}.output-label{display:none}.output-stage .limiter-module{width:240px;min-height:82px;background:#101b24}.ceiling-control{margin:8px 1px}.rack-bottom{border-top:1px solid #263a45;margin-top:8px;padding:10px 2px 0}.quality{color:#7d9097;font-size:8px}.check-control{color:#aab8b9;font-size:9px}.result{background:#0f1b24;border-color:#30434d}.toast{background:#13212b;border-color:#52616a;color:#e9efed}body.bypassed .knob{opacity:.38}
@media(max-width:980px){.workspace{padding:20px 18px}.loudness-grid{grid-template-columns:1fr 1fr}.metering-card{grid-column:1/-1}.eq-module{grid-template-columns:minmax(0,1fr) 120px}.stereo-output-meter{min-height:260px}.eq-module #eq-curve{height:235px}}
@media(max-width:590px){.workspace{padding:13px 10px 22px}.topbar{margin-bottom:15px}.intro{align-items:flex-start;flex-direction:column;gap:12px}.intro h1{font-size:clamp(1.65rem,8vw,2.3rem);gap:7px 10px}.intro h1 em{letter-spacing:.07em}.intro h1>span{font-size:8px;letter-spacing:.16em}.load-button{padding:9px 11px;font-size:11px}.transport{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.transport-controls{gap:8px}.track-copy strong{max-width:65vw}.preset-row{gap:3px;padding:6px;align-items:center}.preset-row>.section-label{width:100%;font-size:7px}.preset{font-size:8px;padding:6px 7px}.reset{font-size:8px}.rack{padding:8px}.rack-head{align-items:flex-start;gap:8px}.rack-head>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.chain-name{font-size:7px}.eq-module{grid-template-columns:minmax(0,1fr) 67px;grid-template-rows:auto auto auto auto auto auto;gap:0 6px;padding:8px}.eq-title{font-size:6px;letter-spacing:.08em;gap:6px}.eq-title .section-label{font-size:7px;white-space:nowrap}.eq-module #eq-curve{height:190px}.stereo-output-meter{min-height:214px;padding:7px 4px 7px 16px;gap:5px}.stereo-meter-scale{left:3px;top:33px;bottom:25px;font-size:5px}.stereo-output-meter>.instrument-title{font-size:6px;letter-spacing:.1em}.stereo-meter-track{width:11px}.stereo-meter-channel{height:calc(100% - 45px);gap:3px}.stereo-meter-channel>span,.output-meter-peak{font-size:6px}.output-meter-peak{bottom:5px}.eq-graph-actions>span{font-size:7px;line-height:1.45}.eq-controls{gap:4px}.eq-controls .module{min-height:96px;padding:6px 4px}.eq-controls .module-head{font-size:7px}.eq-controls .module-head small{font-size:6px}.eq-controls .module-power{width:12px;height:12px}.eq-controls .module-head span{gap:3px}.eq-controls .info-button{width:12px;height:12px;font-size:8px}.eq-controls .knob{width:31px;height:31px}.eq-controls .knob-value{font-size:8px}.eq-controls .knob-label{font-size:7px}.eq-reset-row{gap:6px;font-size:7px}.eq-reset-row>span{max-width:58%}.eq-reset-row .small-button{font-size:7px;padding:6px}.loudness-panel{padding:8px}.loudness-heading h3{font-size:10px}.analysis-state{font-size:6px;max-width:42%}.loudness-grid{grid-template-columns:minmax(0,1fr);gap:6px}.metering-card{grid-column:auto}.match-card-row{grid-template-columns:minmax(0,1fr) 90px;gap:5px}.match-toggle{gap:6px;padding:5px}.match-toggle small{font-size:6px}.target-control{flex-direction:column;align-items:flex-start;gap:4px}.target-control select{width:100%;font-size:7px}.correlation-card .correlation-readout{min-height:68px}.metering-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.loudness-readout{min-height:52px;padding:5px 3px}.loudness-readout>span{font-size:5px}.loudness-readout strong{font-size:9px}.loudness-note{font-size:6px}.output-stage .limiter-module{width:min(100%,220px);min-height:75px}.module-head{font-size:8px}.focus-panel{padding:8px;margin-top:8px}.focus-heading h2{font-size:11px}.focus-hint{font-size:7px}.focus-grid{gap:5px}.focus-control{padding:6px}.focus-name{font-size:7px}.focus-ends{font-size:6px}.focus-note{font-size:6px}.rack-bottom{gap:7px}.render-button{font-size:10px;padding:9px}.quality{font-size:7px}}
.rack{display:flex;flex-direction:column}.rack>.rack-head{order:0}.rack>.eq-module{order:1}.rack>.loudness-panel{order:2}.rack>.focus-panel{order:3}.rack>.controls-grid{order:4}.rack>.output-stage{order:5}.rack>.rack-bottom{order:6}

/* Midnight Swim console: match the generated navy, cyan, and champagne interface. */
:root{--bg:#070c13;--panel:#0d151e;--panel2:#101b25;--line:#263542;--text:#e8e8df;--muted:#93a1a9;--gold:#e6d59a;--lime:#72ddd4;--red:#ef8179}
body{background:radial-gradient(ellipse at 50% -24%,#20313b 0,transparent 58%),linear-gradient(180deg,#080e16,#060b11 68%,#090f16);color:var(--text)}
.workspace{max-width:1660px;padding:22px clamp(16px,2vw,34px) 30px}
.topbar{height:30px;margin-bottom:19px;border-bottom:1px solid #233441;padding-bottom:11px}
.wordmark{font-family:Orbitron,Manrope,sans-serif;letter-spacing:.18em;color:#dce4e3}.wordmark span{color:#7bcfc9}
.status{color:#a9b7bb;letter-spacing:.12em}.status i{background:#77ddd4;box-shadow:0 0 10px #70e5dc80}
.intro{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.intro-copy{gap:0}.kicker{font-size:9px;letter-spacing:.34em;color:#e2d195;margin-bottom:4px}
.intro h1{font:500 clamp(1.5rem,3.2vw,2.65rem)/1.04 Orbitron,Manrope,sans-serif;letter-spacing:.13em;color:#e3d39a}
.intro h1 em{text-transform:uppercase;font-size:1em;letter-spacing:.14em;color:#e4d39a}
.intro h1>span{text-shadow:none;color:#b4c3c7;font:500 9px 'DM Mono',monospace;letter-spacing:.56em;margin-top:6px}
.sub{font-size:10px;color:#82949c;margin-top:7px}.formats{font-size:8px;color:#687d87;letter-spacing:.12em;margin-top:4px}
.load-button{flex:none;background:linear-gradient(180deg,#e9dcad,#c5b275);border-color:#f2e4b4;border-radius:5px;color:#10161a;padding:10px 14px;font:600 10px 'DM Mono';letter-spacing:.06em;box-shadow:0 0 16px #e3d19222}
.load-button:hover{filter:brightness(1.07);box-shadow:0 0 22px #e3d19244}
.panel{background:linear-gradient(150deg,#0e1822,#0a1119);border-color:#293b48;border-radius:7px;box-shadow:0 14px 38px #0007}
.transport{background:linear-gradient(145deg,#0c1620,#09111a);border-color:#283b48;border-radius:6px;padding:10px 13px;margin-bottom:10px}
.album-icon{border:1px solid #93845c;border-radius:4px;background:linear-gradient(145deg,#1d303a,#101923);color:#e7d59a;font:700 16px Orbitron;box-shadow:inset 0 0 18px #77ddd414}
.track-copy strong{font-size:11px;letter-spacing:.03em}.track-copy span{font-size:9px;color:#81939b}
.transport-controls{margin-top:8px}.round-btn,.compare-btn,.small-button,.reset,.preset{border-radius:4px}
.round-btn{border-color:#3e5963;background:#111e28;color:#dce7e5}.round-btn:hover,.compare-btn.active{border-color:#e1d093;color:#e5d49a}
.timeline input[type=range]{accent-color:#70ded5}.time-row{color:#8b9ca1;font-size:8px}
#waveform{height:26px;margin-top:5px;opacity:.72}
.preset-row{padding:4px 0;margin-bottom:9px;gap:9px}.preset-row>.section-label{font-size:8px;letter-spacing:.18em;color:#7bcfc9}
.presets{gap:5px}.preset{padding:6px 11px;border:1px solid #293d49;color:#aebdc0;font:8px 'DM Mono';letter-spacing:.1em}
.preset.active{background:#d5c48914;color:#ead89f;border-color:#a99561}
.reset{border-color:#3a4b53;background:#0c1720;color:#c3d0d1;padding:7px 10px;font:8px 'DM Mono';letter-spacing:.08em}
.rack{padding:12px;background:linear-gradient(145deg,#0d1721,#09111a);border-color:#2b3d49;border-radius:7px}
.rack-head{padding-bottom:8px;margin-bottom:8px;border-color:#283b47}.rack-head>div:first-child{gap:10px}
.section-label{color:#dfcf97}.chain-name{color:#81969e;font-size:8px;letter-spacing:.08em}
.small-button{background:#0d1821;border-color:#40535d;color:#d9e3e2;letter-spacing:.12em}
.small-button.active{border-color:#cfbd82;color:#ebdda9;background:#182028}
.eq-module{grid-template-columns:minmax(0,1fr) 142px;grid-template-rows:auto minmax(330px,auto) auto auto auto auto;gap:0 10px;margin-top:5px;padding:10px 12px 10px;background:linear-gradient(180deg,#0a1520,#09131c);border:1px solid #2a3d49;border-radius:6px;box-shadow:inset 0 0 38px #72ddd407}
.eq-title{font-size:8px;letter-spacing:.14em;color:#92a7ad}.eq-title .section-label{font-size:9px;color:#dfcf97}
.eq-graph-wrap{background:linear-gradient(180deg,#0a1621,#0a141e);border-color:#263c49;border-radius:4px;box-shadow:inset 0 0 28px #42c7c512}
.eq-module #eq-curve{height:clamp(260px,27vw,410px)}
.stereo-output-meter{min-height:355px;background:linear-gradient(180deg,#101b25,#0b151e);border-color:#2e424e;border-radius:4px}
.stereo-meter-track{width:20px;border-color:#405663;background:repeating-linear-gradient(to top,transparent 0 20px,#263b46 21px),#08121a}
.stereo-meter-track i{background:linear-gradient(to top,#36c7c0 0 70%,#d6cf92 87%,#e7b86e);box-shadow:0 0 12px #61e0d455}
.stereo-meter-scale,.stereo-meter-channel>span{color:#a6b7bb}.output-meter-peak{color:#e2d39b}
.eq-graph-actions>span{color:#80939c;font:8px 'DM Mono';letter-spacing:.04em}
.eq-controls{gap:9px;margin-top:10px}.eq-controls .module,.controls-grid .module,.output-stage .module{background:linear-gradient(160deg,#101b25,#0c151e);border-color:#2a3c47;border-radius:5px}
.eq-controls .module{min-height:115px}.module-head{font-size:9px;letter-spacing:.13em;color:#d8e3e1}.module-head small{font-size:7px;color:#82979d}
.module-power{border-color:#53656d;background:#13212a}.module-power[aria-pressed="true"]{border-color:#dccb91;background:#20251f;box-shadow:0 0 12px #e0cf9030}.module-power[aria-pressed="true"] i{background:#e6d59a;box-shadow:0 0 8px #e6d59a}
.knob{background:conic-gradient(from 220deg,#e6d59a 0deg,#e6d59a var(--sweep,0deg),#3a4e58 var(--sweep,0deg),#3a4e58 280deg,transparent 280deg);filter:drop-shadow(0 0 8px #d9c57d18)}
.knob:before{background:radial-gradient(circle at 35% 28%,#253540,#111a23 68%);border-color:#405460;box-shadow:inset 0 1px 6px #ffffff18,0 4px 10px #0008}
.knob:after{background:#f0dfa7;box-shadow:0 0 7px #f0dfa7a6}
.loudness-panel{background:linear-gradient(155deg,#0d1822,#09121a);border-color:#293c48;border-radius:6px}
.loudness-match-card,.correlation-card,.metering-card{background:linear-gradient(155deg,#101c26,#0b151e);border-color:#2b404c;border-radius:4px}
.match-toggle,.target-control,.correlation-card .correlation-readout,.loudness-readout{background:#0b151e;border-color:#293e49;border-radius:3px}
.match-toggle input:checked+.toggle-track{background:#506f6b}.match-toggle input:checked+.toggle-track:after{background:#e7d69c;box-shadow:0 0 10px #e7d69c88}
.correlation-meter{background:linear-gradient(90deg,#9b6562 0,#324954 45%,#1d333e 50%,#53a99c 100%)}
.correlation-meter i{background:#70ddd4;box-shadow:0 0 12px #70ddd488}
.loudness-readout strong{color:#78ddd5}.loudness-readout:last-child strong{color:#e6d59a}
.focus-panel{background:linear-gradient(155deg,#101c26,#0b151e);border-color:#2b404c;border-radius:5px}
.focus-control{background:#0c1720;border-color:#2d424e;border-radius:4px}.focus-name,.focus-ends{color:#aebdc0}.focus-note{color:#788c95}
.output-stage .limiter-module{background:linear-gradient(155deg,#101c26,#0c151e);border-color:#304550;border-radius:5px}
.ceiling-control select,.target-control select{background:#0e1922;border-color:#40525a;color:#e1e7e4}
.rack-bottom{border-color:#2b3d49}.check-control,.quality{color:#9aabb0}.render-button{background:linear-gradient(180deg,#e8d89f,#c9b679);border-color:#f1e3b5;color:#11191b;border-radius:4px;letter-spacing:.08em}
.result{background:linear-gradient(145deg,#0e1922,#0a121a);border-color:#30434f;border-radius:6px}.toast{background:#13212b;border-color:#52616a;color:#e9efed}
@media(max-width:980px){.workspace{padding:18px 15px}.eq-module{grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:auto minmax(280px,auto) auto auto auto auto}.stereo-output-meter{min-height:305px}.eq-module #eq-curve{height:clamp(220px,32vw,320px)}.loudness-grid{grid-template-columns:1fr 1fr}.metering-card{grid-column:1/-1}}
@media(max-width:590px){.workspace{padding:11px 9px 20px}.topbar{margin-bottom:13px}.intro{align-items:flex-start;flex-direction:row;gap:8px;margin-bottom:11px}.intro h1{font-size:clamp(1.35rem,7vw,2rem);gap:5px}.intro h1 em{letter-spacing:.09em}.intro h1>span{font-size:7px;letter-spacing:.32em}.kicker{font-size:7px;letter-spacing:.22em}.sub,.formats{font-size:7px}.load-button{padding:9px 8px;font-size:8px}.transport{grid-template-columns:minmax(0,1fr);gap:8px;padding:9px;margin-bottom:8px}.preset-row{flex-wrap:wrap;gap:2px 5px}.preset-row>.section-label{width:100%;font-size:7px}.preset{font-size:7px;padding:6px 7px}.reset{font-size:7px;padding:6px 7px}.rack{padding:7px}.rack-head{align-items:flex-start}.rack-head>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.chain-name{font-size:6px}.eq-module{grid-template-columns:minmax(0,1fr) 61px;grid-template-rows:auto minmax(205px,auto) auto auto auto auto;gap:0 5px;padding:7px}.eq-title{font-size:5px;letter-spacing:.05em;gap:4px}.eq-title .section-label{font-size:7px}.eq-module #eq-curve{height:205px}.stereo-output-meter{min-height:230px;padding:7px 3px 7px 15px;gap:4px}.stereo-meter-scale{left:2px;top:31px;bottom:25px;font-size:5px}.stereo-meter-track{width:9px}.stereo-meter-channel{height:calc(100% - 42px);gap:2px}.stereo-meter-channel>span,.output-meter-peak{font-size:5px}.eq-controls{gap:4px}.eq-controls .module{min-height:96px;padding:6px 3px}.eq-controls .module-head{font-size:6px;letter-spacing:.06em}.eq-controls .module-head small{font-size:5px}.eq-controls .module-power{width:12px;height:12px}.eq-controls .module-head span{gap:2px}.eq-controls .info-button{width:12px;height:12px;font-size:7px}.eq-controls .knob{width:29px;height:29px}.eq-controls .knob-value{font-size:7px}.eq-controls .knob-label{font-size:6px}.loudness-panel{padding:7px}.loudness-heading h3{font-size:9px}.analysis-state{font-size:5px;max-width:40%}.loudness-grid{grid-template-columns:minmax(0,1fr);gap:5px}.metering-card{grid-column:auto}.match-card-row{grid-template-columns:minmax(0,1fr) 78px;gap:4px}.match-toggle{gap:5px;padding:4px}.match-toggle strong,.match-toggle small{font-size:6px}.target-control{padding:5px}.target-control>span,.target-control select{font-size:6px}.correlation-card .correlation-readout{min-height:64px}.metering-values{gap:3px}.loudness-readout{min-height:48px;padding:4px 2px}.loudness-readout>span{font-size:4px}.loudness-readout strong{font-size:8px}.loudness-note{font-size:5px}.focus-panel{padding:7px}.focus-heading h2{font-size:10px}.focus-hint,.focus-note{font-size:6px}.focus-grid{gap:4px}.focus-control{padding:5px}.focus-name{font-size:6px}.focus-ends{font-size:5px}.rack-bottom{gap:6px}.render-button{font-size:8px;padding:8px}.quality{font-size:6px}}

/* One-window desktop mastering console, following the supplied Midnight Swim reference. */
.topbar,.preset-row{display:none!important}
.mastering-workspace{width:100%;max-width:1760px;margin:0 auto;padding:12px 16px 10px;gap:8px}
.intro{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0;min-height:52px}
.intro-copy{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:13px;min-width:max-content}
.kicker{grid-column:1/-1;margin:0 0 2px;font-size:8px;letter-spacing:.3em}
.intro h1{display:flex;flex-direction:row;align-items:baseline;gap:13px;font-size:clamp(1.55rem,2.6vw,2.55rem);line-height:1;letter-spacing:.18em}
.intro h1 em{font-size:1em;letter-spacing:.18em}
.intro h1>span{font:500 8px 'DM Mono',monospace;letter-spacing:.4em;color:#aab9bb}
.sub,.formats{display:none}
.console-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap;min-width:0}
.console-toolbar .status{font-size:7px;white-space:nowrap;order:10;margin-left:5px}
.console-toolbar .status i{width:5px;height:5px}
.console-toolbar .presets{display:flex;gap:4px;padding:4px;border:1px solid #283d49;border-radius:5px;background:#09131c}
.console-toolbar .preset{min-width:92px;padding:8px 10px;border:1px solid #30434e;background:#0c1720;border-radius:3px;color:#d4dedc;font:8px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}
.console-toolbar .preset.active{border-color:#c9b87e;background:#171d20;color:#ecdda7;box-shadow:0 0 10px #dfce9230}
.console-toolbar .compare-btn,.console-toolbar .reset{min-height:34px;padding:7px 10px;border-color:#3b4e58;background:#0c1720;color:#dde3df;font-size:8px;letter-spacing:.1em}
.console-toolbar .reset{font-size:0;width:35px;position:relative}
.console-toolbar .reset:after{content:'↻';font:20px Manrope;color:#e1d096}
.console-toolbar .load-button{padding:8px 10px;border-radius:4px;font-size:8px;white-space:nowrap}
.transport{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr);gap:2px 16px;padding:7px 10px;margin:0;border-radius:5px}
.track-info{gap:8px}.album-icon{width:29px;height:29px;font-size:13px}.track-copy{gap:2px}.track-copy strong{font-size:9px}.track-copy span{font-size:7px}
.transport-controls{margin:0;gap:8px}.round-btn{width:27px;height:27px;font-size:10px}.time-row{font-size:7px;margin-bottom:1px}.compare-btn{min-height:27px}
#waveform{grid-column:1/-1;height:17px;margin:2px 0 0;opacity:.55}
.console-rack{display:flex;flex:1;flex-direction:column;min-height:0;gap:7px;margin:0;padding:8px;border-radius:6px;overflow:hidden}
.console-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(250px,1fr);flex:1;min-height:0;gap:8px}
.console-main{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;gap:5px}
.console-main>.eq-module{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto auto;gap:0;padding:7px 9px 6px;margin:0;min-height:0;overflow:hidden;border-radius:5px}
.console-main .eq-title{font-size:7px;margin-bottom:2px}.console-main .eq-graph-wrap{grid-column:1;grid-row:2;margin-top:4px;min-height:0;height:100%}
.console-main .eq-module #eq-curve{display:block;width:100%;height:clamp(180px,27vh,350px);min-height:0}
.console-main .eq-graph-actions{grid-column:1;grid-row:3;margin:3px 0 0}
.console-main .eq-graph-actions>span{font-size:7px}
.console-main .eq-tools{grid-column:1;grid-row:4;padding:4px 0}
.console-main .eq-controls{grid-column:1;grid-row:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:4px}
.console-main .eq-controls .module{min-height:64px;padding:5px 7px}.console-main .eq-controls .module-head{font-size:7px}.console-main .eq-controls .module-head small{font-size:6px}
.console-main .eq-controls .solo-control{flex-direction:row;justify-content:space-between;align-items:center;padding-top:3px}.console-main .eq-controls .knob{width:25px;height:25px}.console-main .eq-controls .knob-value{font-size:7px}.console-main .eq-controls .knob-label{font-size:6px}
.console-main .eq-reset-row{grid-column:1;grid-row:6;margin:4px 0 0;padding:4px 1px 0;font-size:7px}
.console-main .eq-reset-row .small-button{min-height:25px;padding:4px 8px;font-size:7px}
.console-main>.loudness-match-card{padding:6px 10px;border-radius:4px;display:grid;grid-template-columns:minmax(150px,1fr) 1.35fr;align-items:center;gap:7px}
.console-main .instrument-title{font-size:8px;letter-spacing:.15em;margin:0}.console-main .match-card-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,.62fr);gap:7px}
.console-main .match-toggle,.console-main .target-control{min-height:33px;padding:4px 7px}.console-main .match-toggle strong,.console-main .target-control>span{font-size:7px}.console-main .match-toggle small{font-size:6px}.console-main .match-status{grid-column:1/-1;margin:0;font-size:6px}
.console-main>.loudness-note{display:none}
.console-rail{display:grid;grid-template-rows:auto auto auto minmax(115px,1fr);gap:6px;min-width:0;min-height:0}
.console-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 3px;color:#dfcf97;font:8px 'DM Mono';letter-spacing:.14em}
.console-rail-heading .analysis-state{font:6px 'DM Mono';color:#88a0a3;letter-spacing:.08em;text-align:right}
.console-rail>.correlation-card,.console-rail>.metering-card{padding:7px 8px;border:1px solid #2b404c;border-radius:4px;background:linear-gradient(155deg,#101c26,#0b151e);min-width:0;min-height:0}
.console-rail .instrument-title{font-size:8px;letter-spacing:.14em;margin-bottom:5px}
.console-rail .correlation-readout{min-height:55px;padding:6px 7px}.console-rail .correlation-top>span{font-size:6px}.console-rail .correlation-top strong{font-size:12px}
.console-rail .correlation-meter{height:8px;margin:5px 0}.console-rail .correlation-readout small{font-size:6px}
.console-rail .metering-card{display:flex;flex-direction:column}.console-rail .metering-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;flex:1}
.console-rail .loudness-readout{min-width:0;min-height:57px;padding:4px 2px;gap:4px}.console-rail .loudness-readout>span{font-size:5px;letter-spacing:0}.console-rail .loudness-readout strong{font-size:10px}
.console-rail>.stereo-output-meter{position:relative;grid-column:auto;grid-row:auto;min-height:0;height:100%;margin:0;padding:8px 10px 5px 21px;border-radius:4px}
.console-rail .stereo-meter-track{width:15px}.console-rail .stereo-meter-scale{top:28px;bottom:22px;font-size:6px}.console-rail .stereo-meter-channel{height:calc(100% - 42px);gap:3px}.console-rail .stereo-meter-channel>span,.console-rail .output-meter-peak{font-size:6px}
.console-effects{display:grid;grid-template-columns:90px minmax(0,1.8fr) minmax(270px,1.05fr);gap:7px;align-items:stretch;min-height:120px;max-height:175px}
.console-utilities{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:5px;border:1px solid #2a3e49;border-radius:4px;background:#0b151e;min-width:0}
.console-utilities>.eq-reset-row{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;border:0;font-size:6px}.console-utilities .eq-reset-row>span{max-width:none}
.console-utilities .eq-reset-row .small-button,.console-utilities #bypass-btn{width:100%;min-height:28px;justify-content:center;font-size:7px;padding:4px}
.console-utilities .output-stage{display:contents}
.console-effects>.controls-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-width:0}
.console-effects .controls-grid .module{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:7px 5px;border-radius:4px}
.console-effects .controls-grid .module-head{font-size:7px;letter-spacing:.08em}.console-effects .controls-grid .module-head small{font-size:5px}
.console-effects .controls-grid .module-head span{gap:3px}.console-effects .controls-grid .module-power{width:12px;height:12px}
.console-effects .controls-grid .info-button{width:12px;height:12px;font-size:7px}
.console-effects .controls-grid .knob{width:clamp(30px,4.6vw,50px);height:clamp(30px,4.6vw,50px)}
.console-effects .controls-grid .big-knob{width:clamp(40px,5.3vw,58px);height:clamp(40px,5.3vw,58px)}
.console-effects .controls-grid .knob-value{font-size:8px}.console-effects .controls-grid .knob-label{font-size:6px}
.console-effects .controls-grid .glue-area{min-height:0}.console-effects .controls-grid .module-note{display:none}
.console-effects>.focus-panel{min-width:0;margin:0;padding:7px 8px;border-radius:4px;overflow:hidden}
.console-effects .focus-heading{padding-bottom:4px}.console-effects .focus-heading .section-label{font-size:7px}.console-effects .focus-heading h2{font-size:9px;margin:2px 0 0}
.console-effects .focus-hint,.console-effects .focus-note{font-size:5px}.console-effects .focus-grid{grid-template-columns:.9fr 1fr 1fr;gap:5px;padding:4px 0 0}
.console-effects .focus-control{padding:4px 3px;min-width:0}.console-effects .focus-name,.console-effects .focus-ends{font-size:5px;letter-spacing:0}
.console-effects .focus-knob{width:31px;height:31px}.console-effects .presence-slider-wrap{gap:3px}.console-effects .presence-slider-wrap>span{font-size:5px}
.console-effects .focus-control .knob-value{font-size:7px;min-width:0}.console-effects .focus-control .control{min-height:36px;gap:3px}
.console-rack>.rack-bottom{display:flex;align-items:center;gap:8px;margin:0;padding:5px 2px 0;border-top:1px solid #293c48;min-height:30px}
.console-rack .rack-bottom .quality{font-size:6px}.console-rack .rack-bottom .check-control{font-size:7px}.console-rack .rack-bottom .render-button{padding:6px 10px;font-size:8px}
.mastering-workspace>footer{display:none}
@media(min-width:1100px) and (min-height:700px){.mastering-workspace{display:grid;height:100dvh;min-height:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr)}.console-rack{height:100%;min-height:0}.console-layout,.console-main,.console-rail{min-height:0}}
@media(min-width:1100px) and (max-height:699px){.mastering-workspace{display:grid;min-height:100dvh;grid-template-rows:auto auto minmax(520px,auto)}.console-rack{min-height:520px}}
@media(max-width:1099px){.mastering-workspace{display:block;padding:14px}.intro{margin-bottom:9px;align-items:flex-start}.console-toolbar{flex-wrap:wrap}.console-layout{grid-template-columns:minmax(0,1fr);}.console-main{grid-template-rows:auto auto auto}.console-main>.eq-module{grid-template-rows:auto minmax(230px,auto) auto auto auto auto}.console-main .eq-module #eq-curve{height:260px}.console-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto}.console-rail-heading{grid-column:1/-1}.console-rail>.stereo-output-meter{grid-column:1/-1;height:200px}.console-effects{grid-template-columns:80px minmax(0,1fr);max-height:none;min-height:0}.console-effects>.focus-panel{grid-column:1/-1}.console-rack{overflow:visible}.mastering-workspace>footer{display:flex}}
.console-effects .controls-grid>.output-stage{grid-column:auto;min-width:0;margin:0;display:contents}.console-effects .controls-grid .limiter-module{width:100%;min-height:0;padding:7px 5px}.console-effects .controls-grid .ceiling-control{margin:4px 0}.console-effects .controls-grid .meter{display:none}.console-effects .controls-grid .limiter-module .module-head{font-size:7px}.console-effects .controls-grid .limiter-module .module-head small{font-size:5px}
@media(max-width:640px){.mastering-workspace{padding:10px 8px 18px}.intro{flex-direction:column;gap:7px}.intro-copy{min-width:0}.intro h1{font-size:clamp(1.35rem,7vw,2rem);gap:8px;flex-wrap:wrap}.intro h1>span{font-size:6px;letter-spacing:.24em}.kicker{font-size:6px}.console-toolbar{width:100%;justify-content:flex-start;gap:5px}.console-toolbar .status{display:none}.console-toolbar .presets{flex:1}.console-toolbar .preset{min-width:0;flex:1;padding:7px 5px;font-size:6px}.console-toolbar .compare-btn,.console-toolbar .reset,.console-toolbar .load-button{min-height:30px;padding:6px;font-size:6px}.console-toolbar .reset{width:30px}.transport{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px}.track-copy strong{max-width:60vw}.console-rack{padding:6px}.console-main>.eq-module{padding:6px}.console-main .eq-module #eq-curve{height:210px}.console-main .eq-controls .module{min-height:74px;padding:4px 3px}.console-main .eq-controls .module-head{font-size:5px}.console-main .eq-controls .module-head small{display:none}.console-main .eq-controls .knob{width:22px;height:22px}.console-main>.loudness-match-card{grid-template-columns:1fr;padding:6px}.console-main .match-card-row{grid-template-columns:minmax(0,1fr) 86px}.console-main .match-toggle small{font-size:5px}.console-rail{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.console-rail-heading{grid-column:auto}.console-rail>.stereo-output-meter{grid-column:auto;height:165px}.console-rail .metering-values{grid-template-columns:repeat(3,minmax(0,1fr))}.console-effects{grid-template-columns:58px minmax(0,1fr);gap:4px}.console-utilities{padding:3px}.console-effects>.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.console-effects .controls-grid .module{min-height:102px;padding:6px 4px}.console-effects .controls-grid .module-head{font-size:6px}.console-effects .controls-grid .knob{width:33px;height:33px}.console-effects .controls-grid .big-knob{width:40px;height:40px}.console-effects>.focus-panel{grid-column:1/-1}.console-effects .focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.console-rack>.rack-bottom{flex-wrap:wrap}.console-rack .rack-bottom .quality{order:3;width:100%}}

/* The audio nodes are controlled by the transport and do not need native chrome. */
.mastering-workspace audio{display:none}

/* Dense phone layout: keep analysis side by side and reduce the control stack. */
@media(max-width:640px){
  .mastering-workspace{padding:8px 8px 14px;gap:6px}
  .intro{gap:5px;margin-bottom:2px}
  .intro-copy{column-gap:8px}
  .intro h1{font-size:clamp(1.25rem,6.5vw,1.7rem);gap:6px}
  .intro h1>span{font-size:5px;letter-spacing:.2em}
  .console-toolbar{gap:4px}
  .console-toolbar .preset{padding:6px 4px;font-size:5.5px;letter-spacing:.08em}
  .console-toolbar .compare-btn,.console-toolbar .load-button{min-height:27px;padding:5px;font-size:5.5px}
  .transport{gap:4px;padding:6px}
  .track-info{gap:6px}.album-icon{width:25px;height:25px;font-size:11px}
  .transport-controls{gap:6px}.round-btn{width:24px;height:24px}
  #waveform{height:12px;margin-top:1px}
  .console-rack{gap:5px;padding:5px}
  .console-layout{gap:5px}
  .console-main{gap:4px}
  .console-main>.eq-module{padding:5px;grid-template-rows:auto minmax(0,1fr) auto auto auto auto}
  .console-main .eq-module #eq-curve{height:clamp(145px,23vh,185px)}
  .console-main .eq-graph-actions{margin-top:1px}
  .console-main .eq-graph-actions>span{font-size:5px}
  .console-main .eq-tools{padding:2px 0}
  .console-main .eq-controls{gap:3px;margin-top:2px}
  .console-main .eq-controls .module{min-height:63px;padding:3px 2px}
  .console-main .eq-controls .module-head{font-size:5px}
  .console-main .eq-controls .module-head small{display:none}
  .console-main .eq-controls .module-power,.console-main .eq-controls .info-button{width:10px;height:10px}
  .console-main .eq-controls .knob{width:21px;height:21px}
  .console-main .eq-controls .knob-value{font-size:6px}.console-main .eq-controls .knob-label{font-size:5px}
  .console-main .eq-reset-row{margin-top:2px;padding-top:2px}
  .console-main>.loudness-match-card{gap:4px;padding:5px}
  .console-main .match-card-row{gap:4px;grid-template-columns:minmax(0,1fr) 78px}
  .console-main .match-toggle,.console-main .target-control{min-height:28px;padding:3px 5px}
  .console-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:4px}
  .console-rail-heading{grid-column:1/-1;padding:1px 2px}
  .console-rail>.correlation-card,.console-rail>.metering-card{padding:5px;}
  .console-rail .instrument-title{font-size:6px;margin-bottom:3px}
  .console-rail .correlation-readout{min-height:43px;padding:4px}
  .console-rail .correlation-top>span,.console-rail .correlation-readout small{font-size:5px}
  .console-rail .correlation-top strong{font-size:10px}
  .console-rail .correlation-meter{height:6px;margin:3px 0}
  .console-rail .loudness-readout{min-height:45px;padding:3px 1px;gap:2px}
  .console-rail .loudness-readout>span{font-size:4px}
  .console-rail .loudness-readout strong{font-size:8px}
  .console-rail>.stereo-output-meter{grid-column:1/-1;height:90px;padding:5px 8px 4px 17px}
  .console-rail .stereo-meter-scale{top:22px;bottom:18px}
  .console-rail .stereo-meter-channel{height:calc(100% - 31px)}
  .console-effects{grid-template-columns:48px minmax(0,1fr);gap:4px}
  .console-utilities{gap:3px;padding:3px}
  .console-utilities>.eq-reset-row{display:flex;gap:2px}
  .console-utilities>.eq-reset-row>span{display:none}
  .console-utilities>.eq-reset-row .small-button{min-height:24px;padding:3px 2px;font-size:5px;white-space:normal}
  .console-utilities #bypass-btn{min-height:26px;font-size:6px}
  .console-effects>.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .console-effects .controls-grid .module{min-height:76px;padding:4px 2px}
  .console-effects .controls-grid .module-head{font-size:5px;letter-spacing:0;gap:2px}
  .console-effects .controls-grid .module-head small{display:none}
  .console-effects .controls-grid .module-head span{gap:2px}
  .console-effects .controls-grid .module-power,.console-effects .controls-grid .info-button{width:10px;height:10px}
  .console-effects .controls-grid .knob{width:28px;height:28px}
  .console-effects .controls-grid .big-knob{width:33px;height:33px}
  .console-effects .controls-grid .knob-value{font-size:7px}
  .console-effects>.focus-panel{grid-column:1/-1;padding:5px}
  .console-effects .focus-heading{padding-bottom:2px}
  .console-effects .focus-grid{gap:3px;padding-top:2px}
  .console-effects .focus-control{padding:3px 2px}
  .console-effects .focus-knob{width:26px;height:26px}
  .console-effects .focus-control .control{min-height:30px}
  .console-rack>.rack-bottom{gap:5px;padding-top:4px;min-height:27px}
  .console-rack .rack-bottom .render-button{padding:5px 8px;font-size:7px}
}
@media(max-width:380px){
  .console-effects{grid-template-columns:42px minmax(0,1fr)}
  .console-effects .controls-grid .module{min-height:72px}
  .console-rail .metering-values{gap:1px}
  .console-rail .loudness-readout strong{font-size:7px}
}

/* Larger, machined control surfaces for the desktop mastering console. */
@media(min-width:1100px){
  .console-effects{min-height:148px;max-height:188px;gap:8px}
  .console-effects .controls-grid .module{padding:9px 6px;background:linear-gradient(150deg,#14212b 0%,#0c151e 72%);box-shadow:inset 0 1px 0 #dce8ea0b,0 7px 18px #0004}
  .console-effects .controls-grid .knob{width:clamp(58px,5.1vw,74px);height:clamp(58px,5.1vw,74px);border:1px solid #63737a;box-shadow:0 0 0 4px #09131b,0 0 0 5px #364b55,0 8px 18px #000b,0 0 22px #55d8cf1c;filter:drop-shadow(0 0 7px #dfca7822)}
  .console-effects .controls-grid .knob:before{inset:6px;border-color:#526873;background:radial-gradient(circle at 34% 23%,#30434c 0,#17252e 44%,#0b131a 78%);box-shadow:inset 0 2px 5px #ffffff24,inset 0 -7px 11px #000a,0 1px 3px #9fb1b31c}
  .console-effects .controls-grid .knob:after{top:7px;width:3px;height:12px;border-radius:3px;background:linear-gradient(180deg,#fff0c2,#d8b765);box-shadow:0 0 8px #ffe8a5b8,0 0 16px #73e1d344;transform-origin:50% calc(50% - 2px)}
  .console-effects .controls-grid .big-knob{width:clamp(68px,5.8vw,84px);height:clamp(68px,5.8vw,84px);box-shadow:0 0 0 5px #09131b,0 0 0 6px #58666a,0 10px 22px #000c,0 0 27px #d9b76d30}
  .console-effects .controls-grid .big-knob:before{inset:7px}
  .console-effects .controls-grid .big-knob:after{height:14px;top:8px;transform-origin:50% calc(50% - 2px)}
  .console-effects .controls-grid .knob-value{margin-top:8px;font-size:9px;color:#f1e2b0;text-shadow:0 0 10px #d9b76d2e}
  .console-effects .controls-grid .knob-label{margin-top:4px;font-size:7px;letter-spacing:.12em;color:#9eb0b4}
  .console-effects .controls-grid .module-head{min-width:0;white-space:normal;line-height:1.2;align-items:flex-start}
  .console-effects .controls-grid .module-head span{min-width:0;white-space:normal;flex-wrap:wrap;align-content:center}
  .console-main .eq-controls .knob{width:34px;height:34px;border:1px solid #66757a;box-shadow:0 0 0 2px #09131b,0 0 0 3px #344b54,0 5px 12px #000a}
  .console-main .eq-controls .knob:before{inset:4px;background:radial-gradient(circle at 35% 25%,#2a3d46,#101a22 72%);box-shadow:inset 0 2px 4px #ffffff1c,inset 0 -4px 7px #000a}
  .console-main .eq-controls .knob:after{top:4px;height:8px;width:2px;transform-origin:50% calc(50% - 1px)}
  .console-effects .focus-knob{width:42px;height:42px;border:1px solid #5f7278;box-shadow:0 0 0 3px #09131b,0 0 0 4px #354b55,0 6px 14px #000a}
  .console-effects .focus-knob:before{inset:4px}
  .console-effects .focus-knob:after{top:5px;height:8px;transform-origin:50% calc(50% - 1px)}
  .console-effects .focus-control .knob-value{font-size:8px}
  .console-effects .focus-control{grid-template-columns:minmax(0,1fr);row-gap:3px}
  .console-effects .focus-name{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
  .console-effects .focus-ends{width:100%;min-width:0;justify-content:space-between;flex-wrap:wrap;gap:2px 5px;line-height:1.2}
  .console-effects .focus-ends span{min-width:0;overflow-wrap:anywhere}
  .console-effects .focus-control .control{grid-column:1;min-width:0}
}

/* Spanish UI uses longer labels; keep every control inside its console module. */
html[lang="es"] .workspace,
html[lang="es"] .rack,
html[lang="es"] .module,
html[lang="es"] .loudness-panel,
html[lang="es"] .loudness-grid,
html[lang="es"] .match-card-row,
html[lang="es"] .focus-panel,
html[lang="es"] .focus-grid,
html[lang="es"] .transport,
html[lang="es"] .track-info,
html[lang="es"] .track-copy{min-width:0;max-width:100%}
html[lang="es"] .module-head,
html[lang="es"] .instrument-title,
html[lang="es"] .focus-name,
html[lang="es"] .knob-label,
html[lang="es"] .eq-title,
html[lang="es"] .eq-reset-row,
html[lang="es"] .match-toggle,
html[lang="es"] .match-toggle strong,
html[lang="es"] .match-toggle small,
html[lang="es"] .match-status,
html[lang="es"] .analysis-state,
html[lang="es"] .result-copy,
html[lang="es"] .load-button,
html[lang="es"] .small-button,
html[lang="es"] .render-button{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
html[lang="es"] .load-button,
html[lang="es"] .small-button,
html[lang="es"] .render-button{white-space:normal;text-align:center}
html[lang="es"] .target-control select{max-width:100%}
@media(max-width:640px){
  html[lang="es"] .intro h1>span{font-size:6px;letter-spacing:.075em}
  html[lang="es"] .preset-row .section-label{font-size:6px;letter-spacing:.08em}
  html[lang="es"] .console-main .eq-title{font-size:6px;line-height:1.2}
  html[lang="es"] .console-main .eq-title .section-label{font-size:8px}
  html[lang="es"] .console-main .eq-controls .module-head,
  html[lang="es"] .console-effects .controls-grid .module-head{font-size:6px;line-height:1.15}
  html[lang="es"] .console-main .match-card-row{grid-template-columns:minmax(0,1fr) minmax(62px,.68fr)}
  html[lang="es"] .console-main .match-toggle strong,
  html[lang="es"] .console-main .target-control>span,
  html[lang="es"] .console-main .match-status{font-size:6px;line-height:1.15}
  html[lang="es"] .console-effects .focus-name{font-size:6px;line-height:1.1}
  html[lang="es"] .console-effects .focus-ends{font-size:5px}
  html[lang="es"] .rack-bottom{gap:4px}
  html[lang="es"] .rack-bottom .quality{font-size:5px;letter-spacing:.04em}
  html[lang="es"] .rack-bottom .render-button{font-size:7px;padding-inline:5px}
}
@media(max-width:640px){
  /* Let compact labels wrap within their own cards instead of colliding. */
  .console-effects .focus-control{grid-template-columns:minmax(0,1fr);row-gap:2px;align-content:start}
  .console-effects .focus-name{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2;min-height:2.4em;letter-spacing:0}
  .console-effects .focus-ends{width:100%;min-width:0;justify-content:space-between;flex-wrap:wrap;gap:1px 3px;font-size:4px;line-height:1.15}
  .console-effects .focus-ends span{min-width:0;overflow-wrap:anywhere}
  .console-effects .focus-control .control{grid-column:1;min-width:0;gap:3px}
  .console-effects .focus-control .knob-value{font-size:6px;min-width:0}
  .console-main .eq-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px;line-height:1.25}
  .console-main .eq-title>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .console-rail .loudness-readout>span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:2.4em;white-space:normal;overflow-wrap:anywhere;line-height:1.15;text-align:center}
  .console-effects .controls-grid .module-head{min-width:0;white-space:normal;line-height:1.2}
  .console-effects .controls-grid .module-head span{min-width:0;white-space:normal;flex-wrap:wrap;align-content:center}
  .console-effects .controls-grid .module-head small{display:none}
}

/* Phone console: one EQ deck, one metering strip, then the master controls. */
@media(max-width:640px){
  .mastering-workspace{padding:7px 7px 12px;max-width:640px}
  .intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;margin-bottom:2px;min-height:0}
  .intro-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:0}
  .kicker{font-size:5px;letter-spacing:.2em;margin:0 0 2px}
  .intro h1{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:clamp(1.03rem,5vw,1.45rem);line-height:1.05;letter-spacing:.08em;white-space:nowrap}
  .intro h1 em{font-size:1em;letter-spacing:.08em}
  .intro h1>span{font-size:5px;letter-spacing:.24em;padding-left:1px}
  .console-toolbar{align-self:center;width:auto;gap:2px;flex-wrap:nowrap}
  .console-toolbar .presets{padding:2px;gap:2px}
  .console-toolbar .preset{flex:0 1 auto;min-width:0;padding:5px 3px;font-size:5px;letter-spacing:0}
  .console-toolbar .compare-btn{width:27px;min-width:27px;min-height:25px;padding:2px;font-size:5px}
  .console-toolbar .reset{width:25px;min-width:25px;min-height:25px;padding:2px}
  .console-toolbar .reset:after{font-size:17px}
  .transport{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 7px;padding:6px}
  .transport .track-info{grid-column:1;grid-row:1;min-width:0}
  .transport .transport-controls{grid-column:1;grid-row:2;min-width:0;margin:0}
  .transport>.load-button{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:96px;min-height:52px;padding:6px;text-align:center;white-space:normal;font-size:7px;line-height:1.2}
  .transport #waveform{display:none}
  .console-rack{gap:4px;padding:4px}
  .console-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.98fr) minmax(48px,.52fr);grid-template-rows:auto auto auto;grid-template-areas:'eq eq eq' 'match corr output' 'meter corr output';gap:4px;flex:none;min-height:0}
  .console-main,.console-rail{display:contents}
  .console-main>.eq-module{grid-area:eq;padding:5px;grid-template-rows:auto minmax(0,1fr) auto auto auto auto}
  .console-main .eq-module #eq-curve{height:clamp(110px,17vh,145px)}
  .console-main .eq-controls .module{min-height:58px;padding:3px 2px}
  .console-main .eq-controls .knob{width:22px;height:22px}
  .console-main>.loudness-match-card{grid-area:match;display:grid;grid-template-columns:1fr;gap:3px;min-width:0;padding:5px}
  .console-main .match-card-row{grid-template-columns:minmax(0,1fr) 62px;gap:3px}
  .console-main .match-toggle,.console-main .target-control{min-width:0;min-height:25px;padding:3px}
  .console-main .match-toggle strong,.console-main .target-control>span{font-size:5px}
  .console-main .match-toggle small{display:none}
  .console-main .match-status{font-size:5px;line-height:1.15}
  .console-rail-heading{display:none}
  .console-rail>.correlation-card{grid-area:corr;min-width:0;padding:4px}
  .console-rail .correlation-readout{min-height:0;padding:3px}
  .console-rail .correlation-top>span,.console-rail .correlation-readout small{display:none}
  .console-rail .correlation-top{justify-content:center}
  .console-rail .correlation-meter{margin:6px 0;height:7px}
  .console-rail>.metering-card{grid-area:meter;min-width:0;padding:4px}
  .console-rail .metering-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .console-rail .loudness-readout{min-height:43px;padding:2px 1px}
  .console-rail .loudness-readout>span{font-size:4px}
  .console-rail .loudness-readout strong{font-size:7px;white-space:nowrap}
  .console-rail>.stereo-output-meter{grid-area:output;grid-column:auto;grid-row:auto;min-width:0;min-height:0;height:100%;padding:4px 2px 4px 10px;gap:2px}
  .console-rail .stereo-meter-scale{top:20px;bottom:16px;left:1px;font-size:5px}
  .console-rail .stereo-meter-track{width:9px}
  .console-rail .stereo-meter-channel{height:calc(100% - 27px);gap:2px}
  .console-rail .output-meter-peak{display:none}
  .console-effects{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:4px;min-height:0;max-height:none}
  .console-utilities{grid-column:1;grid-row:1/3;justify-content:flex-start;gap:5px;padding:3px}
  .console-effects>.controls-grid{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .console-effects .controls-grid .module{min-height:64px;padding:3px 2px}
  .console-effects .controls-grid .knob{width:27px;height:27px}
  .console-effects .controls-grid .big-knob{width:31px;height:31px}
  .console-effects .controls-grid .knob-value{margin-top:2px;font-size:6px}
  .console-effects .controls-grid .knob-label{margin-top:1px;font-size:5px}
  .console-effects>.focus-panel{grid-column:2;grid-row:2;min-width:0;padding:4px}
  .console-effects .focus-heading h2{font-size:7px}
  .console-effects .focus-hint{display:none}
  .console-effects .focus-grid{gap:2px;padding-top:2px}
  .console-effects .focus-control{padding:2px 1px}
  .console-effects .focus-name{font-size:5px}
  .console-effects .focus-knob{width:24px;height:24px}
  .console-effects .focus-note{font-size:5px;line-height:1.2;margin:3px 0 0}
  .console-rack>.rack-bottom{padding-top:3px;min-height:25px}
}
@media(max-width:360px){
  .intro h1{font-size:1rem}
  .console-toolbar .preset{font-size:4.5px;padding-inline:2px}
  .console-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(43px,.5fr);gap:3px}
  .transport>.load-button{width:82px;font-size:6px}
}

/* Phone refinement: clear hierarchy and four primary mastering dials. */
@media(max-width:640px){
  .mastering-workspace{padding:10px 9px 14px;gap:6px}
  .intro{gap:8px;margin-bottom:3px}
  .kicker{font-size:7px;letter-spacing:.15em}
  .intro h1{font-size:clamp(1.05rem,5vw,1.5rem);letter-spacing:.045em}
  .intro h1 em{letter-spacing:.045em}
  .intro h1>span{font-size:7px;letter-spacing:.11em}
  .console-toolbar{gap:3px}
  .console-toolbar .preset{font-size:7px;padding:6px 4px}
  .console-toolbar .compare-btn,.console-toolbar .reset{min-height:30px;font-size:7px}
  .console-toolbar .compare-btn{width:30px;min-width:30px}
  .console-toolbar .reset{width:30px;min-width:30px}
  .console-toolbar .status{display:none}
  .transport{gap:5px;padding:8px}
  .transport .track-copy strong{font-size:10px}
  .transport .track-copy span,.transport .time-row{font-size:8px}
  .transport>.load-button{width:108px;min-height:54px;font-size:9px}
  .console-rack{gap:6px;padding:6px}
  .console-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,.82fr) minmax(51px,.45fr);gap:5px}
  .console-main>.eq-module{padding:7px}
  .console-main .eq-title{font-size:7px;gap:5px;letter-spacing:.02em}
  .console-main .eq-title .section-label{font-size:9px}
  .console-main .eq-module #eq-curve{height:clamp(140px,20vh,185px)}
  .console-main .eq-graph-actions>span{font-size:7px;line-height:1.2}
  .console-main .eq-controls{gap:4px}
  .console-main .eq-controls .module{min-height:73px;padding:5px 3px}
  .console-main .eq-controls .module-head{font-size:7px;letter-spacing:0}
  .console-main .eq-controls .knob{width:29px;height:29px}
  .console-main .eq-controls .knob-value{font-size:8px}
  .console-main .eq-controls .knob-label{font-size:7px}
  .console-main .eq-reset-row{font-size:7px}
  .console-main>.loudness-match-card{padding:6px;gap:4px}
  .console-main .instrument-title,.console-rail .instrument-title{font-size:8px;letter-spacing:.04em}
  .console-main .match-card-row{grid-template-columns:minmax(0,1fr) minmax(65px,.65fr)}
  .console-main .match-toggle strong,.console-main .target-control>span{font-size:7px}
  .console-main .match-status{font-size:7px}
  .console-rail .correlation-top strong{font-size:10px}
  .console-rail .loudness-readout{min-height:53px;padding:4px 2px}
  .console-rail .loudness-readout>span{font-size:6px;overflow-wrap:anywhere}
  .console-rail .loudness-readout strong{font-size:9px}
  .console-effects{grid-template-columns:50px minmax(0,1fr);gap:5px}
  .console-utilities .eq-reset-row .small-button,.console-utilities #bypass-btn{font-size:8px;min-height:35px}
  .console-effects>.controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .console-effects .controls-grid .module{min-height:80px;padding:5px 3px}
  .console-effects .controls-grid .module:nth-child(1){grid-column:1/3;grid-row:2}
  .console-effects .controls-grid .glue-module{grid-column:1;grid-row:1}
  .console-effects .controls-grid .width-module{grid-column:4;grid-row:1}
  .console-effects .controls-grid .module:nth-child(4){grid-column:2;grid-row:1}
  .console-effects .controls-grid .module:nth-child(5){grid-column:3;grid-row:1}
  .console-effects .controls-grid .limiter-module{grid-column:3/5;grid-row:2}
  .console-effects .controls-grid .module-head{font-size:7px;letter-spacing:0;white-space:normal;line-height:1.15}
  .console-effects .controls-grid .module-head span{gap:2px;flex-wrap:wrap}
  .console-effects .controls-grid .knob{width:30px;height:30px}
  .console-effects .controls-grid .big-knob{width:34px;height:34px}
  .console-effects .controls-grid .knob-value{font-size:8px}
  .console-effects .controls-grid .knob-label{font-size:6px}
  .console-effects .controls-grid .exciter-controls{gap:2px;padding-top:3px}
  .console-effects .controls-grid .exciter-controls .control{min-width:0}
  .console-effects .controls-grid .exciter-controls .knob{width:23px;height:23px}
  .console-effects .controls-grid .ceiling-control{margin:4px 0;gap:2px}
  .console-effects .controls-grid .ceiling-control select{font-size:8px;padding:3px}
  .console-effects .controls-grid .meter{height:10px}
  .console-effects>.focus-panel{padding:6px}
  .console-effects .focus-heading h2{font-size:9px}
  .console-effects .focus-name{font-size:7px}
  .console-effects .focus-knob{width:29px;height:29px}
  .console-effects .focus-note{font-size:6px}
}
@media(max-width:390px){
  .intro h1{font-size:1rem}
  .console-toolbar .preset{font-size:6px;padding:5px 2px}
  .transport>.load-button{width:88px;font-size:8px}
  .console-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(47px,.46fr);gap:3px}
}

/* Desktop control containment, including the two-dial exciter module. */
@media(min-width:641px){
  .console-effects .controls-grid .exciter-controls{display:flex;align-items:flex-start;justify-content:center;gap:8px;min-width:0;width:100%;padding-top:8px}
  .console-effects .controls-grid .exciter-controls .control{flex:1 1 0;min-width:0;max-width:50%}
  .console-effects .controls-grid .exciter-controls .knob{width:min(46px,100%);height:auto;aspect-ratio:1;flex:none}
  .console-effects .controls-grid .exciter-controls .knob:after{top:5px;height:8px;transform-origin:50% 18px}
  .console-effects .controls-grid .exciter-controls .knob-value{font-size:8px;white-space:nowrap;max-width:100%;letter-spacing:0}
  .console-effects .controls-grid .exciter-controls .knob-label{font-size:6px;letter-spacing:.02em}
  .console-effects .controls-grid .module-head{min-height:25px;line-height:1.25;gap:3px}
  .console-effects .controls-grid .module-head small{display:none}
  .console-effects .controls-grid .module-head span{min-width:0;max-width:100%;flex-wrap:wrap}
  .console-main .eq-controls .solo-control{gap:6px}
  .console-main .eq-controls .knob{flex-shrink:0}
  .console-effects .focus-label-row{flex-wrap:wrap;gap:3px}
  .console-effects .focus-name{overflow-wrap:normal;word-break:normal}
  .console-effects .focus-control .control{flex-wrap:wrap;row-gap:5px}
  .console-rail .stereo-meter-scale{line-height:1}
  .console-rail .stereo-meter-scale>span{line-height:1;flex:none}
}
@media(min-width:1100px){
  .console-effects>.controls-grid{grid-template-columns:.9fr 1fr .9fr .9fr 1.35fr 1fr}
  .console-effects .controls-grid .knob{--dial-size:clamp(52px,4.6vw,70px);width:var(--dial-size);height:var(--dial-size)}
  .console-effects .controls-grid .big-knob{--dial-size:clamp(60px,5.1vw,78px)}
  .console-effects .controls-grid .knob:after{top:6px;height:12px;transform-origin:50% calc(var(--dial-size)/2 - 6px)}
  .console-effects .controls-grid .exciter-controls .knob{--dial-size:40px;width:var(--dial-size);height:var(--dial-size)}
  .console-effects .controls-grid .exciter-controls .knob:after{top:5px;height:8px;transform-origin:50% 15px}
}