:root{color-scheme:dark;--bg:#111c38;--panel:#1c2c4b;--line:#405a81;--text:#f4f7ff;--muted:#b8c8e5;--mint:#62e1cf;--pink:#ff91b3;--yellow:#ffd269;--purple:#c5a4ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#2c477e,transparent 60%),var(--bg);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text)}header{max-width:1260px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;margin:auto}.brand{display:flex;gap:15px;align-items:center}.mark{display:block;font-size:36px;background:var(--mint);color:#173848;width:56px;text-align:center;border-radius:13px;transform:rotate(-6deg)}h1{font-size:29px;letter-spacing:-.6px;margin:0;font-weight:850}.brand p{color:var(--mint);font-size:17px;margin:0;font-weight:600}.privacy{font-size:14px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 13px}main{max-width:1260px;margin:auto;padding:0 28px 30px}.transport{background:#203354;border:1px solid var(--line);border-top:5px solid var(--yellow);border-radius:20px;padding:24px;box-shadow:0 12px 28px #06112b30}.song-row,.play-row,.session-status,.board-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.song-row{margin-bottom:22px}.song-row>label{color:#ffd269;font-size:12px;letter-spacing:2px;font-weight:700;max-width:500px;flex:1}input[type=text],input:not([type]),input[type=number],select{background:#112340;border:1px solid #57709a;border-radius:9px;padding:9px 10px;font:16px system-ui;color:var(--text);width:100%;min-width:0}#songName{display:block;background:transparent;border:0;border-bottom:1px solid #597499;border-radius:0;padding:4px 0;font-size:25px;font-weight:750;letter-spacing:0;min-height:42px}.file-tools{display:flex;gap:10px}button,.file-btn{border:1px solid #5b7298;color:#f5f7ff;background:#304969;border-radius:10px;padding:11px 15px;min-height:46px;font:650 15px system-ui;cursor:pointer;text-align:center;transition:filter .15s}button:hover:not(:disabled),.file-btn:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}.file-btn{position:relative;display:inline-flex;align-items:center;justify-content:center}.file-btn input{position:absolute;width:1px;height:1px;opacity:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-btn:focus-within{outline:3px solid var(--yellow);outline-offset:3px}.play-row{justify-content:flex-start;flex-wrap:wrap}.play-row button{font-size:17px;min-height:51px;padding:12px 23px}.pink{background:var(--pink);border-color:var(--pink);color:#41192a}.mint{background:var(--mint);border-color:var(--mint);color:#123c3d}.yellow{background:var(--yellow);border-color:var(--yellow);color:#382b13}#export{margin-left:auto}.clock{font:32px ui-monospace,monospace;letter-spacing:1px;margin-left:8px;color:var(--mint)}.session-status{margin-top:15px;color:var(--muted);font-size:14px}#message{margin:13px 0 0;color:#d2def3;font-size:15px;min-height:23px}#message.error{color:#ffa6bc}.board-heading{margin:27px 0 17px}h2{margin:0;font-size:22px;font-weight:750}.board-heading p{margin:3px 0;color:var(--muted);font-size:15px}.tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.track{--accent:var(--mint);background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:18px;overflow:hidden;box-shadow:0 9px 22px #06122b25}.track-head{padding:15px 15px 12px}.track-number{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:12px;letter-spacing:1.5px;font-weight:750}.remove{border:0;background:transparent;font-size:18px;min-height:32px;padding:0 5px;color:#b9c8e3}.track-name{border:0!important;background:transparent!important;padding:7px 0!important;font-size:20px!important;font-weight:750!important;letter-spacing:-.3px}.track-wave{height:55px;border-radius:8px;background:#10233e;position:relative;margin:4px 0 8px}.track-wave canvas{width:100%;height:55px;display:block}.track-wave span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:13px;color:#a8bddb;pointer-events:none}.track-time{font:12px ui-monospace,monospace;color:#a9bedb;min-height:18px}.track-actions{display:flex;gap:6px;margin:11px 0 9px}.track-actions button{flex:1;padding:8px 4px;font-size:13px;min-height:39px}.track-actions .arm[aria-pressed=true]{background:#ff91b3;color:#431a2b;border-color:#ff91b3}.track-actions .mute[aria-pressed=true]{background:#ffd269;color:#392a12}.track-actions .solo[aria-pressed=true]{background:#c5a4ff;color:#322145}.open-audio{display:flex;width:100%;padding:8px 9px;font-size:14px;min-height:41px;background:#293f61}.small-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:10px}.small-fields label{font-size:12px;color:var(--muted)}.small-fields select,.small-fields input{font-size:13px;padding:7px 4px;min-height:35px}.track-controls{padding:14px 15px 17px;background:#152744}.track-controls label{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600}.track-controls output{color:var(--accent);font:13px ui-monospace,monospace}.track-controls input[type=range]{width:100%;accent-color:var(--accent);height:35px;margin:1px 0 12px;cursor:pointer}.eq-group{border-top:1px solid #354a6d;padding-top:12px;margin-top:3px}.section-label{font-size:12px;letter-spacing:1px;color:#a6bbdd;margin:0 0 9px}.effect-group{border-top:1px solid #354a6d;padding-top:12px;margin-top:3px}.reset{width:100%;font-size:13px;padding:7px;min-height:36px;background:#263d60}.master{margin-top:22px;padding:20px 24px;border:1px solid #526e93;border-radius:17px;background:#243b5e;display:flex;align-items:center;gap:26px}.master-title{display:flex;gap:15px;align-items:center}.master-title>span{font-size:30px}.master-title p{margin:3px 0 0;font-size:14px;color:var(--muted)}.master-slider{flex:1;max-width:550px;margin-left:auto}.master-slider label{display:flex;justify-content:space-between;font-size:15px}.master-slider output{color:var(--yellow);font-family:ui-monospace,monospace}#master{width:100%;height:40px;accent-color:var(--yellow);cursor:pointer}.recording-help{margin-top:20px;border:1px solid var(--line);border-radius:13px;padding:17px 20px;background:#1a2d4e;color:var(--muted)}summary{color:#e4edff;font-weight:650;cursor:pointer}.device-row{display:flex;align-items:end;gap:12px;margin-top:16px}.device-row label{flex:1;font-size:14px}.device-row select{display:block;margin-top:7px}.recording-help p{font-size:14px;margin:13px 0 0;max-width:950px}footer{padding-top:20px;color:#a7b9d7;display:flex;justify-content:space-between;gap:25px;font-size:13px}footer p{margin:0;max-width:540px}.track.is-muted{opacity:.7}.track.is-recording{box-shadow:0 0 0 2px #ff91b3}.disabled-label{opacity:.4;pointer-events:none}@media(max-width:1050px){.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy{display:none}}@media(max-width:600px){header{padding:22px 18px}main{padding:0 14px 25px}.transport{padding:18px}.song-row{align-items:start;flex-direction:column}.song-row>label{width:100%}.file-tools{width:100%}.file-tools>*{flex:1}.play-row{gap:8px}.play-row button{padding:11px 14px;font-size:15px}.clock{margin-left:auto;font-size:26px}#export{flex:1;margin:0}.tracks{grid-template-columns:1fr}.track-head{padding:17px}.track-controls{padding:17px}.track-controls input[type=range]{height:42px}.master{display:block;padding:20px}.master-slider{margin-top:18px}.board-heading{align-items:start}.board-heading h2{font-size:20px}.board-heading button{white-space:nowrap;font-size:13px}.device-row{flex-direction:column;align-items:stretch}.session-status{font-size:12px}footer{display:block}footer p+p{margin-top:10px}.brand h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none}}
.track-wave span[hidden]{display:none}
/* Phone and installed-app ergonomics. */
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button,.file-btn,input[type=range],summary{touch-action:manipulation}input[type=range]{min-height:44px}.header-tools{display:flex;align-items:center;gap:12px}#installApp{background:#304c73;font-size:14px}.recovery,.file-ready{display:flex;gap:12px;align-items:center;margin-top:18px;padding:16px 18px;border:1px solid #6a84aa;border-radius:13px;background:#26436a}.recovery[hidden],.file-ready[hidden]{display:none}.recovery span,.file-ready span{flex:1;font-size:15px}.phone-guide{margin-top:17px;padding:14px 17px;background:#192c4a;border-radius:12px;color:#bbcee9;font-size:14px}.phone-guide strong{color:#ffe0a0}dialog{max-width:500px;max-height:85vh;overflow:auto;width:calc(100% - 36px);border:1px solid #7292ba;border-radius:20px;background:#203859;color:#eef5ff;padding:25px;font:16px/1.6 system-ui}dialog::backdrop{background:#031126bb}dialog button{width:100%;background:#62e1cf;color:#133a42}.file-ready button{min-width:130px}.track-controls input[type=range]::-webkit-slider-thumb{min-width:23px;min-height:23px}.track-controls input[type=range]::-moz-range-thumb{width:23px;height:23px}.open-audio{min-height:46px}.track-actions button{min-height:44px}.track-name,.small-fields input,.small-fields select{font-size:16px!important}.remove{min-width:40px;min-height:40px}@media(max-width:600px){header{gap:10px}.header-tools{flex-shrink:0}#installApp{padding:10px;font-size:12px;max-width:82px}.brand{gap:10px}.mark{width:44px;font-size:29px}.brand h1{font-size:23px}.brand p{font-size:14px}.recovery,.file-ready{flex-wrap:wrap}.recovery span,.file-ready span{flex-basis:100%}.tracks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 3px 14px;margin:0 -3px;-webkit-overflow-scrolling:touch;align-items:stretch}.track{flex:0 0 min(86vw,350px);scroll-snap-align:start}.track-controls{padding:15px 17px}.track-controls input[type=range]{margin-bottom:10px}.track-head{padding:14px 17px}.board-heading p:after{content:' Swipe sideways to see more tracks.'}.master-title p{font-size:13px}}
/* Bandera's hardware-style console. Controls remain native and keyboard accessible. */
:root{--bg:#111315;--panel:#282d31;--line:#434a50;--text:#eef0ef;--muted:#a5afb3;--mint:#77e5bf;--pink:#ed6278;--yellow:#efc76b}
body{background:radial-gradient(ellipse at top,#353c41 0,transparent 65%),#111315;color:var(--text)}header,main{max-width:1440px}.mark{transform:none;background:linear-gradient(#444e52,#21282d);color:#78e5bd;border:1px solid #647078;box-shadow:inset 0 1px 1px #ffffff35,0 3px 8px #0008;border-radius:6px}.brand h1{letter-spacing:-1px}.brand p{font-size:15px;color:#d1b978}.privacy{border-color:#434d51;color:#b5c0c3}.transport{background:linear-gradient(120deg,#2f353a,#202529);border:1px solid #535b60;border-top:3px solid #b9a16b;border-radius:9px;box-shadow:inset 0 1px #ffffff10,0 12px 28px #0005}.song-row>label{color:#b9a16b}#songName{border-bottom-color:#5d666d;font-size:23px}button,.file-btn{background:linear-gradient(#414b51,#2b3238);border:1px solid #596269;border-radius:5px;box-shadow:inset 0 1px #ffffff18,0 2px 3px #0005}#installApp{background:#313a40}.pink{color:#ffdce2;background:#5c2932;border-color:#be5a6c}.mint{color:#baffdf;background:#244d40;border-color:#4f9c7d}.yellow{color:#ffe2a0;background:#4c422d;border-color:#9f8952}.clock{padding:4px 14px;background:#09140f;border:1px solid #4d6358;border-radius:4px;color:#88efbb;text-shadow:0 0 12px #6ae7ac55;font-size:29px}.board-heading h2{font-size:17px;letter-spacing:2px}.board-heading p{font-size:14px}.tracks{display:flex;gap:2px;padding:12px;background:linear-gradient(90deg,#61482f 0,#38291d 10px,#15191c 11px,#15191c calc(100% - 11px),#38291d calc(100% - 10px),#61482f 100%);border:1px solid #5d5547;border-radius:8px;overflow-x:auto;align-items:stretch;scroll-snap-type:x proximity;box-shadow:0 18px 35px #0006}.track{flex:1 0 242px;min-width:242px;max-width:320px;background:linear-gradient(90deg,#252b30,#32393e 45%,#252b30);border:1px solid #111619;border-top:4px solid var(--accent);border-radius:3px;box-shadow:inset 1px 0 #ffffff0c;scroll-snap-align:start}.track-head{padding:12px 13px 10px}.track-name{color:#192329!important;background:#dce4df!important;border:1px solid #9ca8a1!important;border-radius:2px!important;padding:5px 7px!important;font:700 16px ui-monospace,monospace!important;box-shadow:inset 0 1px 3px #0003}.track-number{font-size:11px;letter-spacing:2px}.remove{background:transparent;box-shadow:none}.track-wave{height:44px;background:#111a1c;border:1px solid #475456;border-radius:3px}.track-wave canvas{height:44px}.track-wave span{font-size:11px}.track-time{font-size:11px;color:#a8b5b8}.track-actions{gap:5px}.track-actions button{font-size:11px;text-transform:uppercase;letter-spacing:.5px;min-height:40px;border-radius:4px}.track-actions button:before{content:'';display:block;margin:0 auto 4px;width:13px;height:3px;background:#101514;border-radius:1px;box-shadow:inset 0 1px 2px #000}.track-actions .arm[aria-pressed=true]{color:#ffdce2;background:#5a2b34;border-color:#ad5362;box-shadow:0 0 9px #ef637133}.track-actions .mute[aria-pressed=true]{background:#655222;color:#ffe7a3}.track-actions .solo[aria-pressed=true]{background:#285343;color:#b7ffdc}.track-actions .arm[aria-pressed=true]:before{background:#ff526c;box-shadow:0 0 8px #ff526c}.track-actions .mute[aria-pressed=true]:before{background:#ffcb53;box-shadow:0 0 8px #ffcb53}.track-actions .solo[aria-pressed=true]:before{background:#6dffa8;box-shadow:0 0 8px #6dffa8}.open-audio{background:#323b41;font-size:12px;min-height:36px}.small-fields{gap:6px}.small-fields label{font-size:10px}.small-fields input,.small-fields select{background:#192125;border:1px solid #515d63;border-radius:3px;font-size:12px!important}.track-controls{padding:10px 13px 13px;background:transparent}.eq-group,.effect-group{border-top:1px solid #141a1f;padding-top:10px;margin:0 0 10px}.section-label{font-size:10px;letter-spacing:1.7px;color:#a9b2b6}.track-controls label{font-size:12px;font-weight:600}.track-controls output{font-size:11px;color:#c1d4cf}.eq-group input[type=range],.effect-group input[type=range]{appearance:none;height:26px;min-height:32px;margin:2px 0 5px;background:linear-gradient(90deg,#151b1f,#515c62,#151b1f) center/100% 3px no-repeat;accent-color:var(--accent)}.eq-group input::-webkit-slider-thumb,.effect-group input::-webkit-slider-thumb{appearance:none;width:27px;min-width:27px;height:27px;min-height:27px;border:2px solid #161d20;border-radius:50%;background:linear-gradient(90deg,transparent 46%,var(--accent) 46% 54%,transparent 54%) center top/100% 10px no-repeat,radial-gradient(circle at 38% 30%,#68747b,#333d44 65%);box-shadow:0 2px 4px #0009}.eq-group input::-moz-range-thumb,.effect-group input::-moz-range-thumb{width:25px;height:25px;border:2px solid #161d20;border-radius:50%;background:radial-gradient(circle at 38% 30%,#68747b,#333d44 65%);box-shadow:0 2px 4px #0009}.fader-section{display:flex;justify-content:center;gap:25px;margin:12px 0 15px;padding-top:12px;border-top:1px solid #151b1f}.fader-lane{position:relative;width:105px;height:234px}.fader-lane label{gap:10px}.fader-lane input[type=range]{appearance:none;writing-mode:vertical-lr;direction:rtl;position:absolute;left:13px;top:31px;width:44px;height:185px;min-height:185px;margin:0;background:linear-gradient(90deg,transparent 44%,#060b0e 44% 56%,transparent 56%);border-radius:2px}.fader-lane input::-webkit-slider-thumb{appearance:none;width:43px;min-width:43px;height:26px;min-height:26px;border:1px solid #9ea9b0;border-radius:3px;background:linear-gradient(#b6c1c8,#6d7d87 43%,#19242c 45% 53%,#abb8bf 55%,#687983);box-shadow:0 3px 5px #000a}.fader-lane input::-moz-range-thumb{width:43px;height:26px;border:1px solid #9ea9b0;border-radius:3px;background:linear-gradient(#b6c1c8,#6d7d87 43%,#19242c 45% 53%,#abb8bf 55%,#687983);box-shadow:0 3px 5px #000a}.fader-scale{position:absolute;top:39px;bottom:21px;right:6px;display:flex;flex-direction:column;justify-content:space-between;font:10px ui-monospace,monospace;color:#98a5ac;pointer-events:none}.fader-scale span:before{content:'—';margin-right:5px;color:#637179}.meter-panel{background:#0b1114;border:1px solid #48535a;border-radius:4px;padding:7px 8px;width:53px;height:234px;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:inset 0 2px 5px #000}.clip-led{padding:0;width:34px;min-height:19px;height:19px;background:#31161b;color:#a2767b;border:1px solid #4f2a30;border-radius:3px;font:700 9px ui-monospace,monospace;box-shadow:none;letter-spacing:1px}.clip-led.lit{background:#ff344f;border-color:#ff9ca6;color:white;box-shadow:0 0 12px #ff304eaa;text-shadow:0 0 2px white}.meter-stack{display:flex;flex:1;flex-direction:column;width:23px;gap:3px}.meter-segment{display:block;flex:1;background:#142e22;border-radius:1px}.meter-segment.amber{background:#3d3015}.meter-segment.red{background:#3e1820}.meter-segment.green.lit{background:#48ed90;box-shadow:0 0 5px #48ed9066}.meter-segment.amber.lit{background:#ffd151;box-shadow:0 0 5px #ffd15166}.meter-segment.red.lit{background:#ff465d;box-shadow:0 0 5px #ff465d66}.meter-db{font:9px ui-monospace,monospace;color:#a6bbb0;white-space:nowrap}.reset{background:#2a343a;font-size:11px;min-height:32px}.master{background:linear-gradient(#343d42,#222a2f);border:1px solid #59656d;border-radius:7px;margin-top:18px}.master h2{font-size:17px;letter-spacing:2px}.master-meter .meter-panel{height:100px;width:195px;position:relative;padding:10px 12px;align-items:flex-start}.master-meter .meter-stack{flex-direction:row-reverse;width:100%;height:23px;flex:none;margin-top:7px}.master-meter .meter-segment{height:100%}.master-meter .clip-led{position:absolute;right:12px;top:8px}.master-meter .meter-db{height:15px}.master-slider{max-width:430px}#master{accent-color:#d9dfdc}.recording-help,.phone-guide,.recovery,.file-ready,dialog{background:#242e34;border-color:#4a5861;border-radius:7px}.track.is-recording{box-shadow:inset 0 0 0 2px #ed6278}.track.is-muted{opacity:.85}.track.is-muted .track-name{opacity:.6}.track-wave span[hidden]{display:none}input:focus-visible{outline-color:#77e5bf}footer{color:#9ca9ae}#message{color:#c8d5d8}.session-status{color:#acb9bf}@media(max-width:1050px){.master{flex-wrap:wrap}.master-slider{min-width:250px}}@media(max-width:600px){header{padding:18px 14px}.tracks{gap:2px;margin:0;padding:10px;align-items:stretch}.track{flex:0 0 242px;max-width:242px}.track-head{padding:12px 13px 10px}.track-controls{padding:10px 13px 13px}.master{display:flex;gap:18px;padding:18px}.master-title{width:100%}.master-slider{min-width:0;width:100%;margin:0}.master-meter{width:100%}.master-meter .meter-panel{width:100%}.board-heading p:after{content:' Swipe to see more channels.'}.brand h1{font-size:22px}.board-heading h2{font-size:15px;letter-spacing:1.5px}.board-heading{gap:9px}.fader-lane input[type=range]{height:185px;margin:0}.transport{padding:16px}.clock{font-size:24px;padding:4px 9px}}
.guitar-effects{margin:10px 0 12px;padding:12px 10px 7px;border:1px solid #806542;border-radius:5px;background:linear-gradient(120deg,#40362a,#252b2e);box-shadow:inset 0 1px #ffffff0c}.guitar-effects .section-label{color:#f0c886;font-size:10px;letter-spacing:1.5px}.guitar-effects select{background:#182125;border:1px solid #716045;border-radius:3px;font-size:13px;padding:8px;margin:6px 0 12px}.guitar-note{font-size:10px;line-height:1.5;color:#c4bba9;margin:3px 0 5px}.guitar-effects input[type=range]{accent-color:#edbc6d;height:30px;min-height:36px;margin-bottom:9px}.guitar-effects output{color:#f0c886}
.bass-effects{background:linear-gradient(120deg,#283d39,#252b2e);border-color:#4b8172}.bass-effects .section-label,.bass-effects output{color:#86e3be}.bass-effects select{border-color:#4b8172}.bass-effects input[type=range]{accent-color:#86e3be}
/* Bright, aligned channel desk: every fader shares the same bottom baseline. */
:root{--bg:#101b30;--panel:#263a53;--line:#56708e;--mint:#42f5ca;--pink:#ff78ac;--yellow:#ffce45;--muted:#bfd0e8}body{background:radial-gradient(ellipse at 30% 0,#34537b,transparent 65%),#101b30}.brand p{color:#64f8d5}.mark{background:linear-gradient(#46efc7,#149f91);color:#082c36;border-color:#9ffff0;box-shadow:0 0 16px #42f5ca33}.transport{background:linear-gradient(120deg,#324965,#233954);border-color:#617e9b;border-top-color:#ffce45}.pink{background:linear-gradient(#ff96bc,#e65a90);color:#401324;border-color:#ffc0d7}.mint{background:linear-gradient(#72ffda,#24c8ab);color:#0d3337;border-color:#aaffea}.yellow{background:linear-gradient(#ffe586,#ffc343);color:#3d2b0c;border-color:#fff0af}.clock{border-color:#46b4aa;box-shadow:inset 0 0 12px #42f5ca0d}.board-heading h2{color:#faf4df}.board-heading p{color:#c6d9ef}.tracks{background:linear-gradient(90deg,#ba8a55 0,#725238 10px,#182a40 11px,#182a40 calc(100% - 11px),#725238 calc(100% - 10px),#ba8a55 100%);border-color:#bd9466;gap:5px;padding:13px}.track{display:flex;flex-direction:column;background:linear-gradient(100deg,#263a50,#364c63 50%,#263a50);border-color:#102338;border-top-width:6px;box-shadow:inset 1px 0 #ffffff14,0 -2px 10px color-mix(in srgb,var(--accent) 15%,transparent)}.track-head{flex:none}.track-number{color:var(--accent)}.track-name{background:color-mix(in srgb,var(--accent) 24%,#f5faf7)!important;border-color:var(--accent)!important}.track-controls{display:flex;flex:1;flex-direction:column;background:linear-gradient(transparent,#122a4270)}.track-controls>.fader-section{margin-top:auto;padding-top:18px}.track-controls .effect-group{margin-bottom:12px}.eq-group,.effect-group,.fader-section{border-color:#1a2c40}.section-label{color:#c1d3e7}.track-controls output{color:var(--accent)}.track-wave{background:#0d2230;border-color:#527388}.open-audio{background:#3a526d;border-color:#6585a2}.small-fields input,.small-fields select{background:#192e43;border-color:#607e99}.track-actions button{background:linear-gradient(#52677e,#34485e);border-color:#71869e;color:#f4f8ff}.track-actions .arm[aria-pressed=true]{background:#c34571;color:white;border-color:#ffafc9}.track-actions .mute[aria-pressed=true]{background:#ad861c;color:#fff5cd}.track-actions .solo[aria-pressed=true]{background:#1d956f;color:#d4ffef}.guitar-effects{background:linear-gradient(120deg,#6c4b33,#3f3840);border-color:#d49a5d}.guitar-effects .section-label{color:#ffe29f}.bass-effects{background:linear-gradient(120deg,#285d57,#29474e);border-color:#55c8ae}.bass-effects .section-label{color:#7fffe0}.reset{background:#36536b;color:#dfedf8;border-color:#587b96}.fader-lane input::-webkit-slider-thumb{border-color:#d0e1e9;background:linear-gradient(#e3eff3,#9eb7c6 43%,var(--accent) 45% 53%,#c2d9e3 55%,#8ba6b7)}.fader-lane input::-moz-range-thumb{border-color:#d0e1e9;background:linear-gradient(#e3eff3,#9eb7c6 43%,var(--accent) 45% 53%,#c2d9e3 55%,#8ba6b7)}.fader-scale{color:#d0ddeb}.meter-panel{border-color:#587e90;background:#081b24}.master-channel{margin:0;max-width:320px;position:relative;background:linear-gradient(110deg,#3f4550,#4b5260 50%,#323e50)}.master-channel .track-head{padding-top:12px}.master-name{background:#ffe496;border:1px solid #ffce45;border-radius:2px;padding:5px 7px;color:#423412;font:800 16px ui-monospace,monospace;margin:12px 0 10px;letter-spacing:2px}.master-intro{font-size:13px;color:#ffe7a6;margin:0 0 24px}.power-led{color:#6dffb4;font-size:10px;letter-spacing:1px;text-shadow:0 0 8px #58fdbb77}.master-guide{background:#23374d;border:1px solid #647489;padding:13px 10px;border-radius:4px}.master-guide strong{font-size:12px;color:#f1f6fd}.master-guide p{font-size:11px;color:#dde9f5;margin:10px 0;display:flex;align-items:center;gap:7px}.guide-dot{width:8px;height:8px;border-radius:50%;flex:none}.guide-dot.green{background:#48ed90;box-shadow:0 0 7px #48ed9070}.guide-dot.amber{background:#ffd151;box-shadow:0 0 7px #ffd15170}.guide-dot.red{background:#ff465d;box-shadow:0 0 7px #ff465d70}.master-note{font-size:12px;line-height:1.6;color:#cbd9e8;margin-top:18px}.master-channel .master-slider{width:105px;max-width:105px;min-width:0;flex:none;margin:0}.master-channel .master-slider label{font-size:12px}.master-channel .master-slider output{font-size:11px}.master-channel #master{width:44px;height:185px;min-height:185px;accent-color:#ffce45;margin:0;cursor:pointer}.master-channel .master-meter{width:53px}.master-channel .master-meter .meter-panel{height:234px;width:53px;padding:7px 8px;position:static;align-items:center}.master-channel .master-meter .meter-stack{flex-direction:column;width:23px;height:auto;flex:1;margin:0}.master-channel .master-meter .meter-segment{height:auto}.master-channel .master-meter .clip-led{position:static}.master-channel .master-meter .meter-db{height:auto}.master-footer{margin:0;min-height:32px;display:flex;align-items:center;justify-content:center;font:700 11px system-ui;color:#ffe496;letter-spacing:1.5px}.recording-help,.phone-guide{background:#253d58;border-color:#5b7c9c}.privacy{color:#c6d8ee;border-color:#597792}footer{color:#b5cbe3}@media(max-width:600px){.master-channel{flex:0 0 242px}.master-channel .master-meter{width:53px}.master-channel .master-slider{margin:0;width:105px}.tracks{padding:10px;gap:5px}.master-channel .master-meter .meter-panel{width:53px}.track-controls>.fader-section{margin-top:auto;margin-bottom:15px}}
.vocal-effects{background:linear-gradient(120deg,#31597b,#314257);border-color:#58bde7}.vocal-effects .section-label,.vocal-effects output{color:#8fe8ff}.vocal-effects input[type=range]{accent-color:#8fe8ff}.drum-effects{background:linear-gradient(120deg,#644d85,#394663);border-color:#b694ef}.drum-effects .section-label{color:#e0caff}.drum-effects input[type=number]{background:#18273a;border-color:#8c77b2;padding:7px;font-size:14px;margin:5px 0 10px;border-radius:4px}.drum-buttons{display:grid;gap:7px;margin:2px 0 13px}.drum-buttons button{background:linear-gradient(#8364b2,#604689);border-color:#b49bd7;font-size:12px;padding:9px 5px}.drum-buttons button:first-child{background:linear-gradient(#64e8cc,#30ac9b);border-color:#a3f9e6;color:#092d34}.drum-effects select{border-color:#9d82c5}
/* Ray's adult console */
body{background:radial-gradient(ellipse at 50% 0,#22334c,#0c1018 70%);color:#e8f0ff}header{border-bottom:1px solid #49617b;background:#111923}.brand h1{letter-spacing:.08em}.brand p{color:#65f7c4;font-size:16px}.transport{background:linear-gradient(135deg,#253043,#131c2b);border-color:#4c6077}.console-dashboard{display:grid;grid-template-columns:1fr 320px;gap:22px;margin:20px 0;padding:18px;background:#0b121b;border:1px solid #3c526b;border-radius:12px}.console-label{font:11px monospace;color:#78a9cf;letter-spacing:.12em}#spectrum{display:block;width:100%;height:90px;background:repeating-linear-gradient(0deg,transparent,transparent 21px,#22303e 22px)}.dashboard-tools{display:flex;flex-direction:column;justify-content:center;gap:12px}.dashboard-tools strong{font:12px monospace;color:#61f4c2}.dashboard-tools span{font-size:12px;color:#a2b4ca}.tracks{display:flex;align-items:stretch;overflow-x:auto;gap:12px;padding:14px 8px 24px;scroll-snap-type:x proximity}.track{min-width:238px;width:238px;flex:0 0 238px;border:1px solid #4e6073;border-top:5px solid var(--accent);background:linear-gradient(90deg,#202833,#313b49 50%,#202833);box-shadow:inset 0 0 18px #0006,0 7px 16px #0007;scroll-snap-align:start}.track-head{padding:14px 12px}.track-controls{padding:12px;display:flex;flex-direction:column;flex:1}.track-name{font-size:18px;color:var(--accent);background:#111b26}.track-number{font:11px monospace}.track-wave{background:#08121d}.eq-group{background:#171e29;border:1px solid #394a5d;border-radius:8px;padding:10px}.section-label{font-size:10px;letter-spacing:.08em}.fx-rack{margin:12px 0;border:1px solid #536475;border-radius:8px;background:#101924}.fx-rack summary{cursor:pointer;color:var(--accent);padding:12px;font-size:12px;font-weight:700}.fx-rack .effect-group,.fx-rack .guitar-effects,.pro-effects{padding:10px;margin:0;border:0;border-top:1px solid #39485c;border-radius:0;background:transparent}.fx-rack[open]{max-height:520px;overflow-y:auto}.track-controls .fader-section{margin-top:auto;padding-top:28px;height:285px;min-height:285px;align-items:stretch}.fader-lane{height:250px}.meter-stack{height:212px}.meter-segment.lit{box-shadow:0 0 8px currentColor}.clip-led.lit{box-shadow:0 0 16px #ff4869}.master-channel{background:linear-gradient(90deg,#293140,#41434a,#293140);border-top-color:#ffda49}.master-name{font-size:28px;color:#ffdb55}.track button[aria-pressed=true]{box-shadow:0 0 10px var(--accent);border-color:var(--accent)}.track .reset{font-size:11px}.recording-help{background:#152133}.recording-help a{color:#72dfef}#sparkFx{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}#sparkFx label{min-width:90px;font-size:12px}#sparkFx select{display:block;width:100%}.pro-effects input[type=range]{width:100%}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.console-dashboard{grid-template-columns:1fr}.tracks{flex-direction:row}.track{min-width:245px;width:245px;flex-basis:245px}.dashboard-tools strong{font-size:11px}.board-heading h2{font-size:18px}}

.master-record-tools{margin-top:10px;display:grid;grid-template-columns:1fr 65px;gap:8px}.master-record-tools button{padding:10px 4px;font-size:14px;min-height:48px}.master-record-tools p{grid-column:1/-1;color:#d2dcea;font-size:11px;margin:0;text-align:center}.master-record-tools .recording{background:#ff3860;color:white;box-shadow:0 0 18px #ff3860a0}.header-tools{flex-wrap:wrap;justify-content:flex-end;gap:9px}.ray-downloads{margin-top:25px;padding:22px;border:1px solid #506a87;border-radius:12px;background:#172336}.ray-downloads>div+div{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ray-downloads p{color:#bdcce0}.ray-downloads .download-note{font-size:12px;margin-bottom:0}:fullscreen body{min-height:100vh}:fullscreen header,:fullscreen main{max-width:1800px}@media(min-width:900px){.master-channel{position:sticky;right:0;z-index:2;box-shadow:-12px 0 20px #080e18aa}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Compact desktop desk: six channels and MASTER across the window. */
header,main,:fullscreen header,:fullscreen main{max-width:none}main{padding-left:16px;padding-right:16px}.board-heading{flex-wrap:wrap}.board-heading>div{margin-right:auto}.desk-view{font-size:12px;color:#bfd3ea;display:flex;gap:8px;align-items:center}.desk-view select{width:150px;font-size:13px}.tracks[data-view=fit]{display:grid;grid-template-columns:repeat(var(--strips,7),minmax(140px,1fr));gap:6px;padding:8px 0 18px;scroll-snap-type:none}.tracks[data-view=fit] .track{width:auto;min-width:0;max-width:none;flex:unset;border-radius:10px}.tracks[data-view=fit] .track-head,.tracks[data-view=fit] .track-controls{padding:8px}.tracks[data-view=fit] .track-name{font-size:15px!important}.tracks[data-view=fit] .track-number{font-size:9px;letter-spacing:.3px}.tracks[data-view=fit] .track-actions{gap:3px}.tracks[data-view=fit] .track-actions button{font-size:11px;min-height:34px;padding:6px 2px}.tracks[data-view=fit] .small-fields{grid-template-columns:1fr;gap:5px}.tracks[data-view=fit] .track-controls label{font-size:11px}.tracks[data-view=fit] .track-controls output{font-size:10px}.tracks[data-view=fit] .eq-group{padding:7px}.tracks[data-view=fit] .fader-section{gap:6px;justify-content:center}.tracks[data-view=fit] .fader-lane,.tracks[data-view=fit] .master-slider{width:76px;max-width:76px;flex:0 0 76px}.tracks[data-view=fit] .meter-panel,.tracks[data-view=fit] .master-meter,.tracks[data-view=fit] .master-meter .meter-panel{width:38px;padding:5px}.tracks[data-view=fit] .clip-led{font-size:8px;min-width:0;padding:3px}.tracks[data-view=fit] .master-name{font-size:18px}.tracks[data-view=fit] .master-guide{padding:8px}.tracks[data-view=fit] .master-record-tools{grid-template-columns:1fr}.tracks[data-view=fit] .fx-rack summary{padding:10px 5px;font-size:11px}.tracks[data-view=fit] .guitar-note{font-size:11px}.tracks[data-view=fit] .master-channel{position:relative;right:auto;box-shadow:0 7px 16px #0007}.tracks[data-view=roomy]{display:flex}.tracks[data-view=roomy] .track{min-width:238px;width:238px;flex:0 0 238px}@media(max-width:700px){.tracks[data-view=fit]{grid-template-columns:repeat(var(--strips,7),220px)}.tracks[data-view=fit] .master-record-tools{grid-template-columns:1fr 65px}}
@media(min-width:701px){.tracks[data-view=fit] .eq-group{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:4px 6px;align-items:center}.tracks[data-view=fit] .eq-group .section-label{grid-column:1/-1;margin-bottom:4px}.tracks[data-view=fit] .eq-group input[type=range]{height:24px;min-height:24px;margin:0}.tracks[data-view=fit] .eq-group label{flex-wrap:wrap;gap:2px}.tracks[data-view=fit] .small-fields{grid-template-columns:1fr 1fr}.tracks[data-view=fit] .small-fields select,.tracks[data-view=fit] .small-fields input{font-size:11px;padding:5px 2px}.tracks[data-view=fit] .track-wave,.tracks[data-view=fit] .track-wave canvas{height:32px}.tracks[data-view=fit] .track-wave span{font-size:10px}.tracks[data-view=fit] .fader-section{height:255px;min-height:255px;padding-top:16px}.console-dashboard{padding:10px;margin:12px 0}.console-dashboard #spectrum{height:48px}.dashboard-tools{gap:5px}.console-dashboard #demo{min-height:35px;padding:6px}.dashboard-tools span{font-size:11px}header{padding:15px 20px}.transport{padding:16px}.song-row{margin-bottom:12px}.board-heading{margin:18px 0 10px}}