:root{
  color-scheme:dark;
  --bg:#02060b;--panel:#0b1118;--panel2:#111922;--panel3:#18222d;
  --line:#293746;--line2:#3d4e60;--text:#e8edf3;--muted:#8f9aa7;
  --blue:#2198ff;--blue2:#76c2ff;--green:#25e788;--yellow:#ffd629;--red:#ff455e;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* APPROVED HOMEPAGE LOCK — copied from Build 9. Do not alter without explicit approval. */
.login-view{position:fixed;inset:0;background:#01050b;overflow:auto}
.approved-login-art{position:absolute;left:0;top:0;width:100%;min-width:900px}
.approved-login-art img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.login-hotspots{position:absolute;left:0;top:0;width:100%;aspect-ratio:3/2;min-width:900px;pointer-events:none}
.login-action,.login-field{position:absolute;border:0;background:transparent;border-radius:12px;pointer-events:auto}
.login-action:focus-visible,.login-field:focus-within{outline:2px solid #69bdff;outline-offset:2px;box-shadow:0 0 20px rgba(40,155,255,.45)}
.email-field{left:66.53%;top:22.72%;width:27.9%;height:5.92%}.password-field{left:66.53%;top:34.15%;width:27.9%;height:5.92%}
.sign-in-action{left:66.53%;top:43.6%;width:27.9%;height:5.85%}.demo-action{left:66.53%;top:56.63%;width:27.9%;height:5.85%}
.engineering-action{left:66.75%;top:71.45%;width:15.0%;height:6.2%}.admin-action{left:82.5%;top:71.45%;width:11.8%;height:6.2%}
.login-field input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;border:0;background:transparent;color:transparent;caret-color:transparent}
.input-render{position:absolute;left:14.3%;right:3%;top:8%;bottom:8%;display:flex;align-items:center;background:#060b13;color:#c7d0da;font-size:clamp(11px,1.02vw,17px);white-space:nowrap;overflow:hidden;opacity:0}
.login-field.filled .input-render{opacity:1}.login-field:focus-within::after{content:"";position:absolute;inset:0;border:1px solid rgba(85,178,255,.9);border-radius:10px}
.compact-login{display:none}

/* MIXER SKIN TOKENS */
.mixer-view{
  --ui:#239cff;--ui-rgb:35,156,255;--ui-soft:#77c4ff;--ui-text:#eaf6ff;
  --shell-0:#020508;--shell-1:#080d12;--shell-2:#111922;--shell-3:#1d2832;--shell-4:#2c3945;
  --edge:#3d4b58;--edge-hi:#647483;--surface:#101820;--surface-hi:#202b35;
  --label:#93a2b0;--button:#27333e;--button-low:#0e151b;--fader:#229cff;--fader-hi:#9bd8ff;
  --phat-w:318px;--master-w:142px;--strip-w:112px;
  position:fixed;inset:0;display:grid;grid-template-rows:55px auto 88px 43px minmax(0,1fr);
  background:linear-gradient(var(--shell-2),var(--shell-0) 38%,#000204);font-family:"Arial Narrow",Roboto,Arial,sans-serif;
  letter-spacing:.01em;overflow:hidden;
}
.mixer-view[data-skin="super"]{
  --ui:#ffd52d;--ui-rgb:255,213,45;--ui-soft:#fff08a;--ui-text:#fff9d5;
  --shell-0:#020202;--shell-1:#080808;--shell-2:#111111;--shell-3:#242424;--shell-4:#343434;
  --edge:#4b4b4b;--edge-hi:#777;--surface:#121212;--surface-hi:#282828;--label:#aaa;
  --button:#333;--button-low:#101010;--fader:#f2c620;--fader-hi:#fff1a0;
}
.mixer-view[data-skin="broadcast"]{
  --ui:#ee4fa5;--ui-rgb:238,79,165;--ui-soft:#ff9bce;--ui-text:#fff0f8;
  --shell-0:#03040a;--shell-1:#090b14;--shell-2:#141725;--shell-3:#25293b;--shell-4:#353a51;
  --edge:#4c5269;--edge-hi:#707894;--surface:#121625;--surface-hi:#272d43;--label:#aeb4ca;
  --button:#30364c;--button-low:#111522;--fader:#e54ca0;--fader-hi:#ffb4dc;
}
.mixer-view.bank-8{--strip-w:154px}.mixer-view.bank-16{--strip-w:112px}.mixer-view.bank-32{--strip-w:80px}

/* APP HEADER */
.app-header{display:grid;grid-template-columns:minmax(230px,1fr) auto auto minmax(300px,1fr);align-items:center;gap:15px;padding:0 12px;border-bottom:1px solid var(--edge);background:linear-gradient(var(--shell-4),var(--shell-1) 63%,var(--shell-0));box-shadow:0 5px 16px rgba(0,0,0,.55);z-index:40}
.app-brand{display:flex;align-items:center;gap:9px;min-width:0}.app-brand img{width:36px;height:36px;object-fit:cover;border:1px solid var(--edge-hi);border-radius:3px;box-shadow:0 0 12px rgba(var(--ui-rgb),.15)}
.app-brand div{min-width:0}.app-brand strong{display:block;font-size:14px;letter-spacing:.17em;text-shadow:0 1px #000;white-space:nowrap}.app-brand small{display:block;margin-top:3px;color:var(--ui);font-size:6px;font-weight:900;letter-spacing:.2em;white-space:nowrap}
.show-title{text-align:center;line-height:1.08}.show-title b{display:block;font-size:14px}.show-title span{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px;color:var(--label);font-size:7px;font-weight:900;letter-spacing:.13em}.live-dot{width:6px;height:6px;border-radius:50%;background:#31e88f;box-shadow:0 0 7px #31e88f}
.header-status{display:flex;gap:5px}.header-status span{display:flex;align-items:center;gap:4px;height:25px;padding:0 7px;border:1px solid var(--edge);border-radius:3px;background:rgba(0,0,0,.28);color:var(--label);font-size:6px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.header-status i{width:5px;height:5px;border-radius:50%;background:#2ee78d;box-shadow:0 0 5px #2ee78d}
.header-controls{justify-self:end;display:flex;gap:6px}.steel-button{height:31px;border:1px solid var(--edge-hi);border-radius:4px;padding:0 11px;background:linear-gradient(var(--shell-4),var(--shell-1) 67%,var(--shell-0));box-shadow:inset 0 1px rgba(255,255,255,.12),0 2px 7px #000;font-size:8px;font-weight:900;letter-spacing:.08em}.steel-button:hover,.steel-button:focus-visible{border-color:var(--ui);box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.13),0 0 8px rgba(var(--ui-rgb),.18)}
.skin-button{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:5px;min-width:144px}.skin-button span{font-size:6px;color:var(--label)}.skin-button b{font-size:8px}.skin-button i{font-style:normal;color:var(--label)}.danger-button{border-color:#6d3840;color:#ffbdc3}

/* DEMO GUIDE */
.demo-guide{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:53px;padding:8px 14px;border-bottom:1px solid rgba(var(--ui-rgb),.36);background:linear-gradient(90deg,rgba(var(--ui-rgb),.34),rgba(var(--ui-rgb),.10) 43%,var(--shell-1));box-shadow:inset 0 0 25px rgba(var(--ui-rgb),.1);transition:.22s ease;overflow:hidden;z-index:30}
.demo-guide-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ui);border-radius:5px;background:var(--shell-1);color:var(--ui-soft);box-shadow:0 0 12px rgba(var(--ui-rgb),.25)}
.demo-guide b{display:block;font-size:11px;letter-spacing:.1em}.demo-guide span{display:block;margin-top:3px;color:#b8c4cf;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px}.demo-guide-actions{display:flex;gap:7px}.demo-guide-actions button{height:29px;border:1px solid rgba(var(--ui-rgb),.48);border-radius:4px;padding:0 10px;background:var(--shell-1);font-size:7px;font-weight:900;letter-spacing:.08em}.demo-guide.minimized{min-height:0;height:0;padding-top:0;padding-bottom:0;border:0;opacity:0}

/* CONSOLE SPILL */
.console-spill-shell{display:grid;grid-template-columns:28px minmax(0,1fr);border-bottom:1px solid var(--edge);background:linear-gradient(var(--shell-3),var(--shell-1) 67%,var(--shell-0));overflow:hidden;z-index:25}
.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);display:grid;place-items:center;border-right:1px solid var(--edge);color:var(--label);font-size:7px;font-weight:900;letter-spacing:.2em}
.console-spill{display:flex;align-items:center;gap:7px;padding:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--edge-hi) var(--shell-0)}
.console-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:168px;height:54px;padding:5px 9px;border:1px solid var(--edge-hi);border-radius:5px;background:linear-gradient(var(--shell-4),var(--shell-1) 62%,var(--shell-0));box-shadow:inset 0 1px rgba(255,255,255,.09),0 2px 8px #000;text-align:left;overflow:hidden}.console-card::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--console-accent,var(--ui));opacity:.8}.console-card:hover{border-color:var(--ui-soft)}.console-card.selected{border-color:var(--ui);box-shadow:inset 0 0 15px rgba(var(--ui-rgb),.24),0 0 9px rgba(var(--ui-rgb),.2)}
.console-card.superconsole-card{--console-accent:var(--ui);min-width:202px;background:linear-gradient(rgba(var(--ui-rgb),.45),rgba(var(--ui-rgb),.18) 64%,var(--shell-0))}.console-card.ql5{--console-accent:#369ce1}.console-card.x32{--console-accent:#d18a2f}.console-card.dm7{--console-accent:#8d6be1}
.status-dot{width:9px;height:9px;border-radius:50%;background:#28e887;box-shadow:0 0 8px #28e887}.console-card span:nth-child(2){min-width:0}.console-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-card small{display:block;margin-top:3px;color:#b5bec8;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-card em{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid var(--edge);border-radius:8px;background:rgba(0,0,0,.45);font-size:8px;font-style:normal}
.add-console{grid-template-columns:1fr;min-width:93px;text-align:center}.add-console b{font-size:19px}.add-console small{font-size:6px}.feed-divider{display:grid;grid-template-rows:1fr auto auto 1fr;place-items:center;min-width:58px;height:68px;color:#697884}.feed-divider span{width:1px;height:100%;background:var(--edge)}.feed-divider b{font-size:6px;letter-spacing:.14em}.feed-divider i{font-size:15px;font-style:normal;color:var(--ui-soft)}

/* TOOLBAR */
.bank-toolbar{position:relative;display:flex;align-items:center;gap:5px;padding:4px 7px;border-bottom:1px solid var(--edge);background:linear-gradient(var(--shell-3),var(--shell-1) 65%,var(--shell-0));box-shadow:0 3px 10px rgba(0,0,0,.52);z-index:35}
.bank-nav{display:flex;align-items:center;gap:3px}.square-button,.bank-range,.layer-tabs button,.channel-count-button,.tool-button,.demo-guide-pill,.money-button{height:32px;border:1px solid var(--edge-hi);border-radius:3px;background:linear-gradient(var(--button),var(--button-low) 66%,var(--shell-0));box-shadow:inset 0 1px rgba(255,255,255,.08);font-weight:900;font-size:8px}.square-button{width:29px;font-size:18px}.bank-range{display:flex;align-items:center;gap:5px;padding:0 8px}.bank-range small,.channel-count-button small{font-size:5px;color:var(--label)}.bank-range b{font-size:9px}.layer-tabs{display:flex;gap:2px}.layer-tabs button{min-width:54px;padding:0 9px;letter-spacing:.07em}.layer-tabs button.active{border-color:var(--ui);color:var(--ui-text);background:linear-gradient(rgba(var(--ui-rgb),.55),rgba(var(--ui-rgb),.18) 67%,var(--shell-0));box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.23)}
.channel-count-button{display:flex;align-items:center;gap:5px;padding:0 8px}.channel-count-button b{font-size:10px}.channel-count-button i{font-style:normal;color:var(--label)}.compact-control{min-width:84px}.money-button{display:flex;align-items:center;gap:4px;padding:0 8px;border-color:#8b742a;color:#ffe88f}.money-button span{color:#ffd738}.money-button.active{background:linear-gradient(#7d6720,#30270c);box-shadow:0 0 8px rgba(255,214,45,.18)}
.selected-channel{display:flex;align-items:center;gap:7px;height:32px;min-width:220px;max-width:360px;margin-left:auto;margin-right:auto;padding:3px 7px;border:1px solid var(--edge);border-radius:3px;background:rgba(0,0,0,.43);box-shadow:inset 0 0 9px #000}.selected-channel>i{width:4px;height:23px;background:var(--selected-accent,var(--ui));box-shadow:0 0 7px var(--selected-accent,var(--ui))}.selected-channel span{min-width:0}.selected-channel b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-channel small{display:block;color:var(--label);font-size:6px;white-space:nowrap}.selected-channel em{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#2ce58b;box-shadow:0 0 7px #2ce58b}
.demo-guide-pill{display:flex;align-items:center;gap:4px;padding:0 7px;border-color:#2c7658}.demo-guide-pill b{font-size:7px}.demo-guide-pill small{font-size:5px;color:#9dd8bb}.demo-guide-pill i{font-style:normal}.tool-button{padding:0 11px;letter-spacing:.07em}.tool-button.active{border-color:var(--ui);background:linear-gradient(rgba(var(--ui-rgb),.48),rgba(var(--ui-rgb),.14));color:var(--ui-text)}.phat-toggle span{font-size:12px;color:var(--ui-soft)}

/* FLOATING MENUS */
.floating-menu{position:fixed;z-index:200;min-width:230px;padding:10px;border:1px solid var(--edge-hi);border-radius:6px;background:rgba(7,11,15,.98);box-shadow:0 20px 55px #000}.floating-menu>b{display:block;margin:2px 4px 9px;color:var(--label);font-size:7px;letter-spacing:.13em}.count-menu>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.count-menu button,.source-menu button,.bank-size-menu button{border:1px solid var(--edge);border-radius:3px;background:var(--surface);padding:9px;font-size:9px;font-weight:900}.count-menu button.active,.source-menu button.active,.bank-size-menu button.active{border-color:var(--ui);background:rgba(var(--ui-rgb),.2)}.source-menu{display:grid;gap:5px}.source-menu button{text-align:left}.bank-size-menu{display:grid;gap:5px}.bank-size-menu button{display:grid;grid-template-columns:32px 1fr;align-items:center;text-align:left}.bank-size-menu strong{font-size:15px;color:var(--ui-soft)}.bank-size-menu span{font-size:7px;color:var(--label)}
.skin-menu{display:grid;gap:5px;min-width:260px}.skin-menu button{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid var(--edge);border-radius:4px;background:var(--surface);text-align:left}.skin-menu button.active{border-color:var(--ui);box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.15)}.skin-menu span strong{display:block;font-size:8px}.skin-menu span small{display:block;margin-top:3px;color:var(--label);font-size:6px}.skin-swatch{width:22px;height:22px;border-radius:4px;border:1px solid #69747e}.skin-swatch.blue{background:linear-gradient(135deg,#111a22,#279cff)}.skin-swatch.yellow{background:linear-gradient(135deg,#090909,#ffd52d)}.skin-swatch.purple{background:linear-gradient(135deg,#15192a,#ec4da4)}

/* MAIN WORKSPACE */
.mixer-workspace{min-height:0;display:grid;grid-template-columns:var(--phat-w) minmax(0,1fr) var(--master-w);overflow:hidden;background:var(--shell-0);transition:grid-template-columns .2s ease}.mixer-workspace.phat-collapsed{grid-template-columns:42px minmax(0,1fr) var(--master-w)}

/* PHAT DOCK */
.phat-dock{position:relative;min-width:0;border-right:1px solid var(--edge-hi);background:linear-gradient(90deg,var(--shell-2),var(--shell-1));overflow:hidden;box-shadow:6px 0 18px rgba(0,0,0,.32);z-index:12}.phat-collapsed-rail{display:none;width:100%;height:100%;border:0;border-right:1px solid var(--edge);background:linear-gradient(var(--shell-3),var(--shell-0));padding:0;color:var(--ui-soft)}.phat-collapsed-rail b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.14em}.phat-collapsed-rail span{writing-mode:vertical-rl;transform:rotate(180deg);max-height:220px;margin:18px 0;color:var(--label);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phat-collapsed-rail i{font-style:normal;font-size:18px}.mixer-workspace.phat-collapsed .phat-expanded{display:none}.mixer-workspace.phat-collapsed .phat-collapsed-rail{display:flex;flex-direction:column;align-items:center;justify-content:center}
.phat-expanded{height:100%;display:grid;grid-template-rows:64px 35px minmax(0,1fr) 36px}.phat-header{display:grid;grid-template-columns:5px minmax(0,1fr) 29px;align-items:center;gap:8px;padding:7px;border-bottom:1px solid var(--edge);background:linear-gradient(var(--shell-4),var(--shell-1))}.phat-selected-color{height:43px;background:var(--selected-accent,var(--ui));box-shadow:0 0 9px var(--selected-accent,var(--ui))}.phat-header small{display:block;color:var(--label);font-size:6px;font-weight:900;letter-spacing:.1em}.phat-header b{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phat-header span{display:block;margin-top:3px;color:var(--label);font-size:7px;white-space:nowrap}.phat-header button{height:30px;border:1px solid var(--edge-hi);border-radius:3px;background:var(--button-low);font-size:17px}
.phat-tabs{display:flex;gap:2px;padding:3px;border-bottom:1px solid var(--edge);background:var(--shell-1);overflow-x:auto}.phat-tabs button{flex:1;min-width:48px;border:1px solid var(--edge);border-radius:3px;background:var(--button-low);font-size:6px;font-weight:900}.phat-tabs button.active{border-color:var(--ui);background:rgba(var(--ui-rgb),.22);color:var(--ui-text)}
.phat-body{min-height:0;overflow:auto;padding:6px;background:radial-gradient(circle at 30% 0,rgba(var(--ui-rgb),.06),transparent 35%),var(--shell-0);scrollbar-width:thin;scrollbar-color:var(--edge-hi) var(--shell-0)}.phat-page{display:grid;gap:6px}.phat-module{border:1px solid var(--edge);border-radius:4px;background:linear-gradient(var(--surface-hi),var(--surface) 42%,var(--shell-1));box-shadow:inset 0 1px rgba(255,255,255,.05),0 2px 5px rgba(0,0,0,.35);overflow:hidden}.phat-module>header{display:flex;align-items:center;gap:6px;height:27px;padding:0 7px;border-bottom:1px solid var(--edge);background:rgba(0,0,0,.22)}.phat-module>header b{font-size:7px;letter-spacing:.11em}.phat-module>header small{margin-left:auto;color:var(--label);font-size:6px}.module-power{width:8px;height:8px;border-radius:50%;background:#31404a;box-shadow:inset 0 0 0 1px #63707c}.phat-module.enabled .module-power{background:#2be889;box-shadow:0 0 7px #2be889}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px}.module-grid.two{grid-template-columns:repeat(2,1fr)}.module-grid.four{grid-template-columns:repeat(4,1fr)}
.knob-control{display:grid;justify-items:center;gap:3px;min-width:0}.knob{--turn:0deg;position:relative;width:40px;height:40px;border:1px solid var(--edge-hi);border-radius:50%;background:radial-gradient(circle at 35% 28%,var(--shell-4),var(--shell-0) 67%);box-shadow:inset 0 0 0 3px var(--shell-1),0 2px 5px #000}.knob::before{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid rgba(var(--ui-rgb),.22);border-left-color:var(--ui);transform:rotate(var(--turn))}.knob i{position:absolute;left:50%;top:5px;width:2px;height:13px;transform:translateX(-50%) rotate(var(--turn));transform-origin:50% 15px;background:var(--ui-soft);box-shadow:0 0 4px var(--ui)}.knob-control input{width:52px;height:10px;accent-color:var(--ui);opacity:.72}.knob-control b{max-width:65px;color:var(--label);font-size:5px;letter-spacing:.07em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knob-control output{font-size:7px;font-weight:900;color:var(--ui-text)}
.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}.toggle-button{height:28px;border:1px solid var(--edge);border-radius:3px;background:var(--button-low);font-size:6px;font-weight:900}.toggle-button.active{border-color:var(--ui);background:rgba(var(--ui-rgb),.21);color:var(--ui-text)}.toggle-button.warning.active{border-color:#d75272;background:#6a2134;color:#fff}.toggle-button.phantom.active{border-color:#d94252;background:#8b1e2f;color:#fff}
.graph-shell{position:relative;height:112px;margin:7px;border:1px solid var(--edge);background:#030609;overflow:hidden}.graph-shell::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0 calc(25% - 1px),rgba(113,139,158,.18) calc(25% - 1px) 25%),repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),rgba(113,139,158,.18) calc(25% - 1px) 25%)}.graph-shell svg{position:absolute;inset:0;width:100%;height:100%}.eq-curve,.dyn-curve{fill:none;stroke:var(--ui);stroke-width:2;filter:drop-shadow(0 0 3px rgba(var(--ui-rgb),.55))}.eq-node{fill:var(--ui-soft);stroke:#fff;stroke-width:1}.meter-bar{position:relative;height:12px;margin:0 8px 8px;border:1px solid var(--edge);background:#030506;overflow:hidden}.meter-bar i{position:absolute;inset:1px auto 1px 1px;width:43%;background:linear-gradient(90deg,#1bd26c 0 72%,#e4d82b 72% 88%,#ff455e 88%)}.send-list{display:grid;gap:4px;padding:6px}.send-row{display:grid;grid-template-columns:48px 1fr 42px 30px;align-items:center;gap:5px;height:29px;padding:0 4px;border:1px solid var(--edge);border-radius:3px;background:rgba(0,0,0,.2)}.send-row b{font-size:6px}.send-row input{width:100%;accent-color:var(--ui)}.send-row output{font-size:7px;font-weight:900;text-align:right}.send-row button{height:21px;border:1px solid var(--edge);border-radius:3px;background:var(--button-low);font-size:5px;font-weight:900}.send-row button.active{border-color:var(--ui);color:var(--ui-text)}
.pan-display{position:relative;height:44px;margin:8px;border:1px solid var(--edge);background:#030609}.pan-display::before{content:"L";position:absolute;left:5px;top:5px;color:var(--label);font-size:6px}.pan-display::after{content:"R";position:absolute;right:5px;top:5px;color:var(--label);font-size:6px}.pan-display i{position:absolute;left:50%;top:6px;bottom:6px;width:3px;transform:translateX(-50%);background:var(--ui);box-shadow:0 0 6px var(--ui)}
.phat-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-top:1px solid var(--edge);background:var(--shell-1)}.phat-footer button{border:1px solid var(--edge-hi);border-radius:3px;background:linear-gradient(var(--button),var(--button-low));font-size:6px;font-weight:900}

/* CHANNEL DECK */
.channel-viewport{min-width:0;overflow-x:auto;overflow-y:hidden;border-right:1px solid var(--edge-hi);scrollbar-width:thin;scrollbar-color:var(--edge-hi) var(--shell-0);scroll-behavior:smooth}.channel-deck{display:flex;align-items:stretch;min-width:max-content;height:100%;padding:4px 0 5px 3px;background:linear-gradient(90deg,var(--shell-1),var(--shell-0))}
.channel-strip{--channel-accent:#71808e;position:relative;display:grid;grid-template-rows:66px 24px 128px minmax(165px,1fr) 27px 35px 32px 39px;width:var(--strip-w);min-width:var(--strip-w);height:100%;margin-right:2px;border:1px solid var(--edge-hi);border-radius:3px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--shell-0),2px 0 6px rgba(0,0,0,.5);overflow:hidden;transition:border-color .12s,box-shadow .12s}.channel-strip.selected{border-color:var(--ui);box-shadow:inset 0 0 0 1px rgba(var(--ui-rgb),.25),0 0 10px rgba(var(--ui-rgb),.34)}
.strip-header{position:relative;padding:5px 5px 3px;text-align:center;background:linear-gradient(color-mix(in srgb,var(--channel-accent) 73%,#3a3d42),color-mix(in srgb,var(--channel-accent) 33%,var(--shell-1)));border-bottom:1px solid rgba(255,255,255,.23);text-shadow:0 1px 2px #000;overflow:hidden}.strip-header small{display:flex;justify-content:space-between;color:#e5e8ec;font-size:6px;font-weight:900}.strip-header b{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-header span{display:block;margin-top:4px;color:#e1e4e8;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-header i{position:absolute;left:4px;bottom:4px;width:4px;height:13px;background:var(--channel-accent);box-shadow:0 0 6px var(--channel-accent)}
.source-row{display:flex;align-items:center;justify-content:center;gap:5px;border-bottom:1px solid var(--edge);background:var(--shell-1);color:var(--label);font-size:6px;font-weight:900}.source-row span{color:#e7edf2}.source-row i{font-style:normal;color:var(--ui-soft)}
.strip-processing{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:2px;padding:3px;border-bottom:1px solid var(--edge);background:var(--shell-0)}.process-cell{position:relative;display:grid;align-content:center;gap:2px;padding:3px;border:1px solid var(--edge);border-radius:2px;background:linear-gradient(var(--surface-hi),var(--surface));overflow:hidden}.process-cell::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#475562}.process-cell.enabled::before{background:var(--ui);box-shadow:0 0 5px var(--ui)}.process-cell b{font-size:5px;color:var(--label);letter-spacing:.06em}.process-cell span{font-size:7px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-cell svg{width:100%;height:13px}.process-cell path{fill:none;stroke:var(--channel-accent);stroke-width:1.4}
.fader-section{position:relative;min-height:160px;border-bottom:1px solid var(--edge);background:linear-gradient(90deg,var(--shell-1),var(--surface) 35%,var(--surface-hi) 70%,var(--shell-1))}.meter-rail{position:absolute;left:5px;top:10px;bottom:10px;width:14px;border:1px solid var(--edge);background:#020405;overflow:hidden}.meter-rail i{position:absolute;left:1px;right:1px;bottom:1px;height:1%;background:linear-gradient(to top,#16c95e 0 74%,#e5e220 74% 89%,#ff4558 89%);transition:height .075s linear}.meter-rail::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 7px,rgba(0,0,0,.42) 7px 9px)}.meter-peak{position:absolute;left:5px;top:9px;width:14px;height:2px;background:#ff465d;opacity:0;box-shadow:0 0 5px #ff465d}.meter-peak.show{opacity:1}
.fader-track{position:absolute;left:32px;right:10px;top:9px;bottom:9px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(90deg,var(--shell-1),var(--shell-4) 48%,#040608 51%,var(--surface-hi));box-shadow:inset 0 0 9px #000}.fader-track::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translateX(-50%);background:#020304;box-shadow:1px 0 var(--edge-hi)}.fader-track::after{content:"";position:absolute;inset:5px;background:repeating-linear-gradient(to bottom,transparent 0 16px,rgba(181,195,206,.22) 17px 18px)}
.fader-scale{position:absolute;right:2px;top:8px;bottom:8px;display:flex;flex-direction:column;justify-content:space-between;color:var(--label);font-size:5px}.fader-cap{position:absolute;z-index:3;left:35px;right:14px;height:26px;bottom:54%;transform:translateY(50%);border:1px solid var(--fader-hi);border-radius:4px;background:linear-gradient(var(--fader-hi),var(--fader) 42%,color-mix(in srgb,var(--fader) 55%,#08131c) 51%,var(--fader) 63%,color-mix(in srgb,var(--fader) 55%,#071018));box-shadow:inset 0 1px rgba(255,255,255,.75),0 2px 6px #000}.fader-cap::after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;background:#f2f8fc;box-shadow:0 0 3px #fff;transform:translateY(-50%)}
.db-readout{display:grid;place-items:center;border-bottom:1px solid var(--edge);background:#030608;font-size:8px;font-weight:900}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--surface)}.button-row button{border:1px solid var(--edge-hi);border-radius:3px;background:linear-gradient(var(--button),var(--button-low));font-size:6px;font-weight:900}.button-row .on.active{border-color:#26d87a;background:linear-gradient(#197044,#0b3b23);box-shadow:inset 0 0 8px rgba(42,242,140,.35);color:#effff6}.button-row .mute.active{border-color:#e1525d;background:linear-gradient(#952b37,#48151b);color:#fff}.select-button{margin:3px;border:1px solid var(--edge-hi);border-radius:3px;background:linear-gradient(var(--button),var(--button-low));font-size:6px;font-weight:900}.select-button.active{border-color:var(--ui);background:rgba(var(--ui-rgb),.28);color:var(--ui-text)}
.strip-footer{display:grid;place-items:center;padding:3px;background:var(--shell-0);border-top:1px solid var(--edge);text-align:center}.strip-footer b{max-width:calc(var(--strip-w) - 8px);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-footer small{max-width:calc(var(--strip-w) - 8px);font-size:5px;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mixer-view.bank-32 .channel-strip{grid-template-rows:58px 20px 86px minmax(150px,1fr) 24px 31px 28px 34px}.mixer-view.bank-32 .strip-header b{font-size:8px}.mixer-view.bank-32 .strip-header span,.mixer-view.bank-32 .process-cell b,.mixer-view.bank-32 .fader-scale{display:none}.mixer-view.bank-32 .strip-processing{grid-template-columns:1fr}.mixer-view.bank-32 .process-cell:nth-child(n+4){display:none}.mixer-view.bank-32 .fader-cap{left:29px;right:8px}.mixer-view.bank-32 .fader-track{left:27px;right:5px}.mixer-view.bank-8 .strip-header b{font-size:12px}.mixer-view.bank-8 .process-cell span{font-size:8px}

/* MASTER */
.master-strip{display:grid;grid-template-rows:72px 24px 48px 26px 182px 26px minmax(140px,1fr) 26px 31px 32px;background:linear-gradient(90deg,var(--surface),var(--shell-1));border-left:1px solid var(--shell-0);overflow:hidden}.master-strip>header{display:grid;place-items:center;align-content:center;background:linear-gradient(#684451,#2c1b22 58%,#160f13);border-bottom:1px solid #725e65;text-align:center}.mixer-view[data-skin="super"] .master-strip>header{background:linear-gradient(#66581d,#2b250d 58%,#151204)}.mixer-view[data-skin="broadcast"] .master-strip>header{background:linear-gradient(#73405e,#321b2a 58%,#170f15)}.master-strip>header small{font-size:5px;letter-spacing:.12em}.master-strip>header b{font-size:10px;margin-top:3px}.master-strip>header span{font-size:5px;color:#d6c4cb;margin-top:3px}.master-source{display:flex;align-items:center;gap:5px;padding:0 6px;border-bottom:1px solid var(--edge);background:var(--shell-1);font-size:5px}.master-source i{width:4px;height:12px;background:#ff5c80}.master-source span{margin-left:auto}.master-processing{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border-bottom:1px solid var(--edge)}.master-processing button{border:1px solid var(--edge);border-radius:3px;background:var(--button-low)}.master-processing small{display:block;color:var(--label);font-size:5px}.master-processing b{display:block;margin-top:2px;font-size:7px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-bottom:1px solid var(--edge);background:var(--surface-hi);font-size:6px}.section-title i{font-style:normal;color:var(--label)}.master-meter-area{display:flex;justify-content:center;gap:6px;padding:7px;background:#05080a}.master-meter-column{text-align:center;font-size:7px}.master-meter{position:relative;width:18px;height:155px;margin-top:4px;border:1px solid var(--edge);background:#020404;overflow:hidden}.master-meter i{position:absolute;left:2px;right:2px;bottom:2px;height:1%;background:linear-gradient(to top,#00cc5e 0 70%,#dce727 70% 87%,#ff445a 87%);transition:height .08s linear}.master-meter em{position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 7px,rgba(0,0,0,.45) 7px 9px)}.master-meter-scale{display:flex;flex-direction:column;justify-content:space-between;padding-top:17px;padding-bottom:3px;color:var(--label);font-size:5px}
.master-fader-area{position:relative;margin:6px 13px;border:1px solid var(--edge);border-radius:13px;background:linear-gradient(90deg,var(--surface),var(--shell-4) 48%,#050709 51%,var(--surface-hi));min-height:135px}.master-fader-track{position:absolute;left:50%;top:7px;bottom:7px;width:3px;transform:translateX(-50%);background:#030405;box-shadow:1px 0 var(--edge-hi)}.master-scale{position:absolute;right:3px;top:7px;bottom:7px;display:flex;flex-direction:column;justify-content:space-between;color:var(--label);font-size:5px}.master-fader-cap{position:absolute;left:9px;right:12px;height:28px;bottom:56%;transform:translateY(50%);border:1px solid var(--fader-hi);border-radius:5px;background:linear-gradient(var(--fader-hi),var(--fader) 43%,color-mix(in srgb,var(--fader) 50%,#071018) 52%,var(--fader) 64%,color-mix(in srgb,var(--fader) 55%,#061018));box-shadow:inset 0 1px #e4f5ff,0 2px 6px #000}.master-fader-cap::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:#f2fbff;transform:translateY(-50%)}.master-strip output{display:grid;place-items:center;margin:3px 8px;border:1px solid var(--edge);background:#030608;font-size:7px;font-weight:900}.master-on,.master-st{margin:2px 7px;border:1px solid var(--edge-hi);border-radius:3px;background:linear-gradient(var(--button),var(--button-low));font-size:7px;font-weight:900}.master-on.active{border-color:#2bd075;background:#14452d}.master-st{border-color:#c75572;background:linear-gradient(#98435b,#4c1d2a)}

.toast{position:fixed;z-index:500;left:50%;bottom:22px;transform:translate(-50%,14px);padding:11px 15px;border:1px solid var(--ui);border-radius:6px;background:rgba(7,13,19,.97);box-shadow:0 15px 42px #000;opacity:0;pointer-events:none;transition:.18s;color:#dceaf5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1180px){.header-status{display:none}.app-header{grid-template-columns:1fr auto 1fr}.show-title{display:block}.compact-control{display:none}.selected-channel{min-width:170px}.mixer-view{--phat-w:286px;--master-w:128px}}
@media(max-width:900px), (max-aspect-ratio:1.05/1){
  html,body{overflow:auto}.login-view{position:relative;min-height:100dvh;padding:22px;background:radial-gradient(circle at 20% 0,rgba(31,111,185,.22),transparent 32%),#02060c}.approved-login-art,.login-hotspots{display:none}.compact-login{display:block;max-width:600px;margin:auto}.compact-logo{width:74px;height:74px;object-fit:cover;float:left;margin-right:13px}.compact-wordmark{padding-top:13px}.compact-wordmark h1{font-size:24px;margin:0;letter-spacing:.08em}.compact-wordmark p{font-size:8px;color:#4fb1ff;letter-spacing:.26em}.compact-login h2{clear:both;padding-top:28px;font-family:Impact,"Arial Narrow",sans-serif;font-size:36px;line-height:1.02}.compact-login h2 strong{color:#188aff}.compact-copy{color:#b6c0cb;line-height:1.55}.compact-copy b{color:#28a5ff}.compact-card{margin-top:25px;padding:22px;border:1px solid #2e8ae0;border-radius:17px;background:rgba(3,10,18,.86)}.compact-card h3{text-align:center;color:#49a8ff}.compact-card>p{text-align:center}.compact-card label{display:block;margin-top:16px;color:#aab4c0;font-size:11px;font-weight:700}.compact-card input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #344352;border-radius:9px;background:#040810;color:white}.primary-button,.demo-button{width:100%;margin-top:19px;padding:14px;border-radius:9px;font-weight:900}.primary-button{border:1px solid #439fff;background:linear-gradient(#2497ff,#0751aa)}.demo-button{border:1px solid #21ce74;background:#04140d;color:#45ef8d}.or{display:flex;align-items:center;gap:12px;margin-top:18px;color:#788491;font-size:10px}.or i{height:1px;flex:1;background:#34414c}.compact-card small{display:block;margin-top:12px;text-align:center;color:#9aa5af;line-height:1.5}
  .mixer-view{position:fixed;grid-template-rows:52px auto 82px 42px 1fr;--master-w:112px;--phat-w:268px}.app-header{grid-template-columns:1fr auto}.show-title,.header-status{display:none}.app-brand strong{font-size:11px}.app-brand small{display:none}.skin-button{min-width:auto}.skin-button span,.skin-button b{display:none}.console-card{min-width:150px}.feed-divider{min-width:44px}.selected-channel,.channel-count-button,.money-button{display:none}.bank-toolbar{gap:3px}.layer-tabs button{min-width:42px;padding:0 5px}.tool-button{padding:0 7px}.demo-guide span{font-size:8px}.demo-guide-actions #resetDemo{display:none}.mixer-workspace{grid-template-columns:42px minmax(0,1fr) var(--master-w)}.phat-expanded{display:none}.phat-collapsed-rail{display:flex;flex-direction:column;align-items:center;justify-content:center}.mixer-workspace.phat-mobile-open{grid-template-columns:min(80vw,310px) minmax(0,1fr) var(--master-w)}.mixer-workspace.phat-mobile-open .phat-expanded{display:grid}.mixer-workspace.phat-mobile-open .phat-collapsed-rail{display:none}
}

/* BUILD 10 R4 — believable show-program metering + native PHAT/EQ */
.mixer-view{--phat-w:372px}
.demo-guide{grid-template-columns:auto minmax(260px,1fr) minmax(360px,520px) auto;gap:12px}
.demo-guide-copy{min-width:0}.demo-guide-copy span{max-width:720px}
.demo-program-state{display:grid;grid-template-columns:154px minmax(180px,1fr);gap:6px;align-items:stretch;min-width:0}
.demo-mode-button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;text-align:left;padding:5px 8px;border:1px solid rgba(var(--ui-rgb),.55);border-radius:4px;background:linear-gradient(var(--surface-hi),var(--shell-1));box-shadow:inset 0 1px rgba(255,255,255,.07)}
.demo-mode-button small{grid-column:1;color:var(--label);font-size:5px;font-weight:900;letter-spacing:.12em}.demo-mode-button b{grid-column:1;margin-top:2px;font-size:8px;color:var(--ui-text);white-space:nowrap}.demo-mode-button i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--ui-soft)}
.demo-cue-readout{min-width:0;padding:5px 9px;border:1px solid var(--edge);border-radius:4px;background:rgba(0,0,0,.34);box-shadow:inset 3px 0 var(--ui)}
.demo-cue-readout small{display:block;color:var(--ui-soft);font-size:5px;font-weight:900;letter-spacing:.12em}.demo-cue-readout b{display:block;margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-cue-readout span{display:block;margin-top:2px;color:var(--label);font-size:6px;font-weight:800;letter-spacing:.08em}
.demo-guide-pill{max-width:190px}.demo-guide-pill small{max-width:108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-mode-menu{min-width:264px}.demo-mode-menu button{display:grid!important;grid-template-columns:36px 1fr!important;align-items:center;gap:8px;text-align:left}.program-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--edge-hi);border-radius:4px;background:#05080b;color:var(--ui-soft);font-size:7px;font-style:normal;font-weight:900}.program-icon.music{font-size:17px}.demo-mode-menu button.active .program-icon{border-color:var(--ui);box-shadow:0 0 8px rgba(var(--ui-rgb),.34)}
.console-card{--console-level:0}.console-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16px 50%,rgba(44,238,141,calc(var(--console-level)*.28)),transparent 43%);pointer-events:none}.console-card.signal-active .status-dot{transform:scale(calc(1 + var(--console-level)*.28));box-shadow:0 0 calc(7px + var(--console-level)*10px) #28e887}.console-card.cue-console{border-color:var(--console-accent,var(--ui));box-shadow:inset 0 0 16px color-mix(in srgb,var(--console-accent,var(--ui)) 22%,transparent),0 0 8px color-mix(in srgb,var(--console-accent,var(--ui)) 24%,transparent)}

.phat-body{padding:7px}.phat-page{gap:7px}.phat-module>header{height:29px}.phat-module>header b{font-size:7px}.phat-module>header small{font-size:5px}.module-grid{gap:5px;padding:7px}.knob{width:38px;height:38px}.knob-control input{width:58px}.knob-control output{font-size:7px}.knob-control b{font-size:5px}
.input-graph,.dynamics-graph{height:126px}.hpf-fill{fill:rgba(var(--ui-rgb),.12);stroke:none}.dyn-reference{fill:none;stroke:rgba(180,198,212,.28);stroke-width:1;stroke-dasharray:4 4}
.eq-page{gap:7px}.eq-main{overflow:visible}.eq-help{padding:5px 8px 0;color:var(--label);font-size:5px;font-weight:900;letter-spacing:.07em;text-align:center}.eq-graph-shell{height:190px;margin:6px 7px 7px;overflow:visible;background:#020507;touch-action:none}.eq-graph-shell::before{display:none}.eq-graph-shell svg{overflow:visible;touch-action:none;user-select:none}
.eq-grid-line{stroke:rgba(125,151,171,.16);stroke-width:.7;vector-effect:non-scaling-stroke}.eq-grid-line.vertical{stroke:rgba(125,151,171,.12)}.eq-grid-line.zero{stroke:rgba(210,225,236,.42);stroke-width:1}.eq-axis-label{fill:#71808d;font-size:5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none}.eq-axis-label.freq{text-anchor:middle}.eq-axis-label.gain{text-anchor:start}
.eq-curve{stroke-width:2.25;vector-effect:non-scaling-stroke}.rta-curve{fill:none;stroke:#66e4aa;stroke-width:1;opacity:0;filter:drop-shadow(0 0 2px rgba(60,231,153,.45));vector-effect:non-scaling-stroke;transition:opacity .15s}.rta-curve.visible{opacity:.45}
.eq-node-group{cursor:grab;touch-action:none}.eq-node-group:active{cursor:grabbing}.eq-node-halo{fill:color-mix(in srgb,var(--band-color) 18%,transparent);stroke:color-mix(in srgb,var(--band-color) 60%,transparent);stroke-width:1;opacity:.72}.eq-node{fill:color-mix(in srgb,var(--band-color) 70%,#081018);stroke:#ecf7ff;stroke-width:1.1;filter:drop-shadow(0 0 4px var(--band-color))}.eq-node-number{fill:white;font-size:6px;font-weight:900;text-anchor:middle;pointer-events:none}.eq-node-value{fill:var(--band-color);font-size:5px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:#020507;stroke-width:2;opacity:0;pointer-events:none}.eq-node-group.selected .eq-node-halo{opacity:1;stroke-width:2}.eq-node-group.selected .eq-node{stroke-width:2}.eq-node-group.selected .eq-node-value{opacity:1}.eq-node-group.disabled{opacity:.34}
.eq-drag-readout{position:absolute;z-index:6;transform:translate(-50%,-135%);padding:4px 6px;border:1px solid var(--ui);border-radius:3px;background:rgba(2,7,12,.96);box-shadow:0 4px 16px #000;color:var(--ui-text);font-size:6px;font-weight:900;white-space:nowrap;pointer-events:none}
.eq-actions{padding-top:0}.eq-band-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.eq-band-card{border:1px solid var(--edge);border-radius:4px;background:linear-gradient(var(--surface-hi),var(--surface) 44%,var(--shell-1));box-shadow:inset 0 1px rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.32);overflow:hidden;transition:border-color .12s,box-shadow .12s}.eq-band-card.selected{border-color:var(--band-color);box-shadow:inset 0 0 12px color-mix(in srgb,var(--band-color) 12%,transparent),0 0 6px color-mix(in srgb,var(--band-color) 18%,transparent)}.eq-band-card.disabled{opacity:.48}.eq-band-card>header{display:grid;grid-template-columns:22px 1fr 31px;align-items:center;gap:5px;height:31px;padding:0 6px;border-bottom:1px solid var(--edge);background:rgba(0,0,0,.25)}.eq-band-card>header>i{display:grid;place-items:center;width:19px;height:19px;border:1px solid var(--band-color);border-radius:50%;background:color-mix(in srgb,var(--band-color) 18%,#071017);color:#fff;font-size:7px;font-style:normal;font-weight:900}.eq-band-card header b{display:block;font-size:6px;letter-spacing:.07em}.eq-band-card header small{display:block;margin-top:2px;color:var(--label);font-size:5px}.band-enable{height:21px;border:1px solid var(--edge);border-radius:3px;background:var(--button-low);font-size:5px;font-weight:900}.band-enable.active{border-color:var(--band-color);background:color-mix(in srgb,var(--band-color) 22%,#071017);color:#fff}

@media(max-width:1250px){.demo-guide{grid-template-columns:auto 1fr auto}.demo-program-state{grid-column:2;grid-row:2}.demo-guide-actions{grid-column:3;grid-row:1/3}.mixer-view{--phat-w:340px}.eq-band-grid{grid-template-columns:1fr}}
@media(max-width:900px), (max-aspect-ratio:1.05/1){.demo-program-state{display:none}.mixer-view{--phat-w:310px}.eq-band-grid{grid-template-columns:1fr}.eq-graph-shell{height:172px}}
.demo-mode-menu{display:grid;gap:5px}.demo-mode-menu button{min-height:48px;padding:6px;border:1px solid var(--edge);border-radius:4px;background:linear-gradient(var(--surface-hi),var(--surface));color:var(--text)}.demo-mode-menu button.active{border-color:var(--ui);background:rgba(var(--ui-rgb),.18)}.demo-mode-menu button strong{display:block;font-size:8px}.demo-mode-menu button small{display:block;margin-top:3px;color:var(--label);font-size:6px}
.demo-cue-readout{position:relative;overflow:hidden}.demo-cue-readout::after{content:"";position:absolute;left:0;bottom:0;width:var(--cue-progress,0%);height:2px;background:var(--ui);box-shadow:0 0 6px var(--ui);transition:width .08s linear}

/* BUILD 10 R5 — post-EQ RTA DSP accuracy; homepage unchanged. */