/* MADLABS Studio — full-screen recording app layer on top of styles.css */
.studio-app{height:100svh;display:grid;grid-template-rows:64px 1fr auto;overflow:hidden;background:#070708}
.s-top{position:relative;height:64px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #202024;background:linear-gradient(#111113,#0a0a0c);z-index:5}
.s-top .brand img{width:30px;height:30px}.s-top .brand span{font-size:15px}.s-top .brand small{font-size:6px}
.s-session input{background:transparent;border:0;color:#8e8e94;font:inherit;font-size:10px;letter-spacing:1.5px;width:100%;outline:0}
.s-session input:focus{color:#fff}
.s-transport button{width:34px;height:34px;font-size:12px}
.s-transport .rec{color:#ff6b6b}.s-transport .rec.on{background:var(--red);color:#fff;animation:pulse 1s infinite}
.s-transport #btnPlay.on{background:#1f3b27;color:#6fe39a}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,45,45,.18)}}
.s-meta{display:flex;align-items:center;gap:16px}
.s-meta label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.5px;color:#7a7a80}
.s-meta input,.s-meta select{background:#050506;border:1px solid #27272c;color:#eee;border-radius:7px;padding:6px 8px;font:inherit;font-size:11px;width:60px}
.s-meta select{width:auto}
.engine{font-size:7px;letter-spacing:1.2px;color:#8f8f95;border:1px solid #2a2a2f;border-radius:999px;padding:7px 10px;white-space:nowrap}
.engine i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55555c;margin-right:6px}
.engine.on{color:#6fe39a;border-color:#254c34}.engine.on i{background:#43e07e;box-shadow:0 0 8px #43e07e}
.engine.rec{color:#ff8b91;border-color:#6e2b31}.engine.rec i{background:var(--red);box-shadow:0 0 8px var(--red)}

.s-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0}
.s-tracks{position:relative;display:grid;grid-template-rows:36px 1fr 44px;min-height:0;background:linear-gradient(90deg,#0d0d10,#08080a)}
.s-ruler{position:relative;margin-left:120px;border-bottom:1px solid #222226;display:grid;color:#55555b;font-size:9px;align-items:center}
.s-ruler span{border-left:1px solid #2a2a2f;padding-left:5px;height:100%;display:flex;align-items:center}
.s-ruler span:nth-child(4n+1){color:#9a9aa0;border-left-color:#3b3b41}
.s-playhead{position:absolute;top:0;bottom:44px;left:120px;width:1px;background:var(--red);z-index:4;box-shadow:0 0 10px rgba(255,45,45,.6);pointer-events:none}
.s-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--red)}
.s-lanes{display:grid;grid-template-rows:repeat(4,minmax(0,1fr)) 72px;min-height:0;overflow:hidden}
.s-track{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid #1d1d21;min-height:0;position:relative}
.s-track.arm{background:rgba(255,45,45,.03)}
.s-tname{padding:12px 12px;border-right:1px solid #202024;display:flex;flex-direction:column;gap:4px}
.s-tname b{font-size:11px;letter-spacing:1.6px}.s-tname small{font-size:7px;letter-spacing:1.2px;color:#69696f}
.tiny{margin-top:auto;align-self:flex-start;border:1px solid #2b2b30;background:#131316;color:#a9a9af;border-radius:6px;font-size:7px;letter-spacing:1px;padding:5px 8px}
.tiny.on,.arm-btn.on{border-color:#9c343b;color:#fff;background:#2b1316}
.s-lane{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
.s-lane-wrap{position:relative;min-height:0;min-width:0}
.s-master{position:relative;min-height:0;min-width:0;padding:8px 14px 18px}
#scope{position:absolute;left:14px;right:14px;top:8px;height:38px;display:block}
.s-meterbar{position:absolute;left:14px;right:14px;bottom:6px;height:10px;display:grid;grid-template-rows:1fr 1fr;gap:2px}
.s-meterbar i{display:block;height:100%;background:linear-gradient(90deg,#3d7c4e,#8fb63f 60%,#cf5d36 85%,var(--red));border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform .05s linear}
.s-livebar{display:flex;align-items:center;gap:20px;padding:0 16px;border-top:1px solid #202024;background:#0a0a0c}
.pitch-readout{display:flex;flex-direction:column;gap:2px}.pitch-readout small{font-size:6px;letter-spacing:1.4px;color:#66666d}.pitch-readout b{font-size:12px;font-variant-numeric:tabular-nums}
.pitch-readout.grow{flex:1;min-width:0}.pitch-readout.grow b{font-size:9px;font-weight:600;color:#b9b9be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-livebar .tiny{margin:0}

.s-panel{overflow:auto;min-height:0;gap:14px;padding:18px}
.s-panel .knob{position:relative}
#tuneRange{opacity:.001;height:14px;margin-top:-6px}
.s-panel .knob-zone{position:relative}
.chain-flow i.hot{border-color:#6e2b31;color:#ff8b91;background:#1d1214}
.chain-flow i.off{opacity:.35}

.s-dock{min-height:84px;grid-template-columns:1.1fr repeat(4,1fr);padding:12px 18px}
.s-dock button.export b{color:#6fe39a}
.s-dock button:disabled{opacity:.4}

.s-gate{position:fixed;inset:0;z-index:60;background:radial-gradient(circle at 70% 30%,rgba(255,45,45,.12),transparent 35%),rgba(7,7,8,.96);display:flex;align-items:center;justify-content:center;padding:20px;transition:.3s}
.s-gate.hide{opacity:0;pointer-events:none}
.s-gate-card{max-width:480px;text-align:center;border:1px solid #2a2a2f;background:#0d0d10;border-radius:22px;padding:40px 34px;box-shadow:var(--shadow)}
.s-gate-card img{width:220px}.s-gate-card h2{font-size:40px;letter-spacing:-2px;margin:22px 0 10px}
.s-gate-card p{color:#a0a0a5;font-size:13px;line-height:1.6;margin:0 0 24px}
.s-gate-card small{display:block;margin-top:14px;color:#ff8b91;font-size:10px;min-height:14px}

@media(max-width:1000px){
  .studio-app{grid-template-rows:auto 1fr auto;height:auto;min-height:100svh;overflow:auto}
  .s-top{grid-template-columns:auto 1fr;grid-auto-rows:auto;height:auto;padding:10px 14px;gap:10px}
  .s-session{display:none}.s-transport{grid-column:1/3}.s-meta{grid-column:1/3;flex-wrap:wrap;gap:10px}
  .s-body{grid-template-columns:1fr}
  .s-tracks{grid-template-rows:30px 420px 44px}
  .s-track{grid-template-columns:86px 1fr}.s-ruler,.s-playhead{margin-left:86px;left:86px}
  .s-tname{padding:8px}.s-tname small{display:none}
  .s-panel{border-left:0;border-top:1px solid #29292d}
  .s-dock{grid-template-columns:1fr 1fr}.s-dock>div{grid-column:1/3}
  .s-livebar{gap:12px;overflow-x:auto}
}
/* Microphone front end: native controls, software signal path. */
.input-console{background:linear-gradient(135deg,#292a2e,#191a1e 58%,#202125);border:1px solid #48494f;border-radius:12px;padding:18px;margin-bottom:8px;box-shadow:inset 0 1px 0 #ffffff12,0 12px 25px #0003;flex-shrink:0}
.input-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.input-heading small{font-size:7px;letter-spacing:1.5px;color:#a0a1a8}.input-heading h2{font-size:19px;letter-spacing:2px;margin:5px 0 0;color:#f0f0f3}.input-heading>span{font-size:7px;letter-spacing:1px;color:#8e909a}.input-heading>span.on{color:#8bdfac}
.device-label{font-size:7px;letter-spacing:1.3px;color:#a7a8b0}.input-device{display:flex;gap:6px;margin:7px 0 20px}.input-device select{flex:1;min-width:0;background:#111216;border:1px solid #42444d;color:#d8d9e0;padding:8px;border-radius:5px;font-size:10px}.input-console button{border:1px solid #474952;background:linear-gradient(#34363e,#22242b);color:#d1d3dc;border-radius:5px;font:600 9px inherit;padding:8px;cursor:pointer}.input-device button{font-size:9px;white-space:nowrap}
.preamp-main{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:24px}.gain-dial{--arc:140deg;width:116px;height:116px;padding:5px;border-radius:50%;background:conic-gradient(from 220deg,#a2e7b8 0deg var(--arc),#42494b var(--arc) 280deg,transparent 280deg);margin:auto}.gain-dial>div{height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#595c63,#292b31 55%,#191b20);box-shadow:inset 0 1px 2px #ffffff50,0 5px 10px #0008;border:4px solid #1b1d22}.gain-dial output{font-size:25px;font-weight:500;color:#f2f4f7;font-variant-numeric:tabular-nums}.gain-dial span{font-size:7px;letter-spacing:1.5px;margin-top:5px;color:#bdc2cb}#inputGain{width:100%;margin:8px 0 0;accent-color:#a2e7b8}.gain-limits,.meter-scale{display:flex;justify-content:space-between;font:8px monospace;color:#81858f}.level-title{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:7px;letter-spacing:.7px;color:#c1c4cb}#clearClip{padding:3px 5px;font-size:7px;color:#8e929a}#clearClip.clipped{color:#fff;background:#c32d3b;border-color:#f56c77}.preamp-meter{height:12px;background:#0c0d10;border:1px solid #44474e;border-radius:2px;margin:13px 0 5px;overflow:hidden}.preamp-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#78b590,#a4ddab 65%,#eeb667 85%,#f86f73);transition:width .07s linear}.input-levels strong{display:block;font:17px monospace;margin:15px 0 6px;color:#e4e7ec}.input-levels>small{display:block;font-size:8px;line-height:1.6;color:#9b9fab}
.preamp-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:19px 0 12px}.preamp-switches button{font-size:11px;min-height:47px}.preamp-switches span{display:block;font-size:6px;letter-spacing:.7px;color:#9196a3;margin-top:7px}.input-console button.active{border-color:#8fcba4;background:#243c30;color:#c7f5d6}.monitor-controls{display:grid;grid-template-columns:1fr 1.3fr .6fr;gap:6px;border-top:1px solid #3a3d45;padding-top:13px}.monitor-controls button{font-size:7px;letter-spacing:.5px}#inputMute.active{background:#542c31;border-color:#b6606b;color:#ffe2e5}.output-level{display:block;margin-top:15px}.output-level>span{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#a6acb8}.output-level input{width:100%;accent-color:#c0c5cf;margin-top:9px}#inputHelp{font-size:8px;line-height:1.6;color:#999faa;margin:10px 0 0}.browse-studio{display:block;margin:15px auto 0;background:transparent;color:#a4a4b1;border:0;font-size:10px;letter-spacing:1px;cursor:pointer}.input-console :is(button,input,select):focus-visible{outline:2px solid #acdcbc;outline-offset:3px}.input-console button:disabled{opacity:.5;cursor:wait}@media(prefers-reduced-motion:reduce){.preamp-meter i{transition:none}}
/* Premium arrangement workspace */
.studio-app{--red:#ef954a;--red2:#ffc182;color:#e7e7e9;font-family:Inter,Arial,sans-serif;grid-template-rows:76px minmax(0,1fr) 104px;background:#101113}.studio-app>.noise{display:none}.s-top{height:76px;gap:16px;padding:0 24px;background:#17181b;border-color:#323338}.s-top .brand strong{color:#ee9a56}.s-session input{font-size:11px;letter-spacing:.5px}.s-meta{gap:10px}.s-meta .tiny{margin:0;padding:8px;font-size:9px}.s-transport button{height:38px;width:38px}.s-body{grid-template-columns:minmax(0,1fr) 370px}.s-tracks{grid-template-rows:98px 32px minmax(280px,1fr) 44px 48px;background:#141518}.arrangement-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px}.arrangement-header h1{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px;font-weight:500;max-width:none}.arrangement-header p{font-size:9px;letter-spacing:1.5px;margin:0;color:#efab71}.arrangement-header p span{color:#72767f;margin-left:18px;font-size:8px}.arrangement-header .tiny{margin:0;padding:10px 12px}.s-lanes{grid-template-rows:1.3fr 1.3fr .85fr .85fr 64px}.s-track{border-color:#303137}.s-track.arm{background:#e89b4710}.s-tname{padding:16px 14px;background:#1b1c20;border-color:#35363c}.s-tname b{font-size:12px;letter-spacing:1px}.s-tname small{font-size:8px;color:#858991}.s-tname .tiny{font-size:8px}.s-track[data-track=beat] .s-tname b{color:#efb179}.s-track[data-track=lead] .s-tname b{color:#e9d8c1}.s-ruler{color:#8a8e96;background:#111214}.s-playhead{top:98px;bottom:92px;box-shadow:0 0 9px #ed994955}.vocal-actions{display:flex;gap:8px;align-items:center;padding:0 18px;background:#1c1d21;border-bottom:1px solid #34353b}.vocal-actions span{font-size:9px;letter-spacing:1px;color:#8b8d96;margin-right:auto}.vocal-actions button{font-size:9px;letter-spacing:.6px;padding:6px 10px;background:#292a30;border:1px solid #45464e;color:#ddd;border-radius:4px;cursor:pointer}.s-livebar{background:#141518;gap:16px}.pitch-readout small{font-size:8px}.pitch-readout.grow b{font-size:10px}.s-panel{display:block;background:#1a1b1f;padding:16px;border-left:1px solid #3b3c43}.input-console{padding:17px;margin-bottom:20px}.input-heading small,.device-label{font-size:9px}.input-heading>span{font-size:8px}.input-heading h2{font-size:21px}.input-device select{font-size:11px}.input-console button{font-family:inherit}.mic-iq{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:17px}.mic-iq label{grid-column:1/-1;color:#efb17d;font-size:10px;letter-spacing:1px}.mic-iq select{min-width:0;font-size:10px;padding:6px;background:#202126;color:#d8d9df;border:1px solid #51535c;border-radius:4px}.mic-iq button{font-size:10px}.input-levels>small,#inputHelp{font-size:10px}.preamp-switches span,.monitor-controls button,.output-level>span{font-size:8px}.vocal-settings summary,.creative-tools summary{font-size:10px;letter-spacing:1px;padding:14px 0;color:#dfdfe4;cursor:pointer;border-top:1px solid #41424a}.vocal-settings summary span{font-size:8px;color:#898c96;margin-left:12px}.vocal-settings .panel-heading{margin:8px 0 16px}.vocal-settings .knob-zone{margin:20px 0}.vocal-settings .genre-tabs{margin-bottom:12px}.vocal-settings .smart-buttons{margin-top:12px}.creative-tools button{display:flex;gap:10px;align-items:center;width:100%;padding:12px;background:#25262c;color:#ddd;border:1px solid #3b3d45;margin-bottom:6px;border-radius:5px}.creative-tools small{margin-left:auto;color:#9b9da6}.s-dock{margin:0;border-top:1px solid #3a3b41;background:#1a1b1f;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px;padding:16px 24px;min-height:104px}.s-dock>button{background:linear-gradient(#303137,#25262b);border:1px solid #474951;border-radius:8px;min-height:68px;box-shadow:0 3px 6px #0002}.s-dock button b{color:#e9a770;font-size:21px}.s-dock button span{font-size:13px;letter-spacing:1px}.s-dock button small{font-size:10px;color:#a2a5af}.production-title{display:flex;flex-direction:column;justify-content:center;gap:10px}.production-title small{font-size:9px;color:#efad75;letter-spacing:1.6px}.production-title strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.inspector-hidden .s-body{grid-template-columns:1fr}.inspector-hidden .s-panel{display:none}button:focus-visible,summary:focus-visible{outline:2px solid #efaa70;outline-offset:3px}.tiny.on,.arm-btn.on{background:#563a25;border-color:#b37a48}.s-gate{background:radial-gradient(ellipse at 60% 30%,#8e5b3033,transparent 60%),#101114f5}.s-gate-card{background:#1c1d21;border-color:#4b4c52}.s-gate-card em{color:#efaa70}.s-gate-card .primary{background:#edab76;color:#1a130e}.s-gate-card small{color:#eeb781}.browse-studio{font-size:12px;padding:10px}
#productionDialog{color:#e6e6eb;background:#1c1d22;border:1px solid #585a64;border-radius:16px;max-width:880px;width:90vw;padding:30px;box-shadow:0 25px 120px #000b}#productionDialog::backdrop{background:#08090cbb;backdrop-filter:blur(8px)}.production-heading{display:flex;justify-content:space-between;align-items:center}.production-heading small{font-size:10px;letter-spacing:2px;color:#edae7b}.production-heading h2{font-size:34px;margin:10px 0}.production-heading button{font-size:26px}.production-heading button,#productionDialog button{background:#34353e;color:#ededf0;border:1px solid #5b5d68;border-radius:6px;padding:10px 15px;cursor:pointer}#productionStatus{font-size:13px;line-height:1.6;color:#aeb1bc}#productionOptions{display:flex;gap:14px;margin:22px 0}.production-option{flex:1;padding:20px;border:1px solid #484a55;border-radius:10px;background:#25262e}.production-option>small{font-size:9px;letter-spacing:1px;color:#eeb078}.production-option h3{font-size:20px;margin:15px 0}.production-option p{font-size:12px;line-height:1.7;color:#aeb1bd;min-height:65px}.production-option>div{display:flex;gap:8px;flex-wrap:wrap}#productionDialog .production-option button:last-child{background:#e8aa78;color:#21170e;border-color:#efbd95}.preview-original{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.preview-original span{font-size:10px;color:#a7abb6}#productionDialog details{margin-top:22px;font-size:11px;color:#9a9ea9;line-height:1.7}#productionDialog button:disabled{opacity:.4}
@media(max-width:1200px){.s-session{display:none}.s-top{grid-template-columns:auto 1fr auto;padding:0 16px;gap:12px}.s-meta .engine{display:none}.s-body{grid-template-columns:minmax(0,1fr) 340px}.arrangement-header{padding:18px}.arrangement-header p span{display:none}.s-meta label{font-size:8px}.s-meta{gap:6px}}
@media(max-width:1000px){.studio-app{height:auto;min-height:100svh;grid-template-rows:auto 1fr auto;overflow:auto}.s-top{height:auto;grid-template-columns:auto 1fr;padding:12px 16px}.s-transport{grid-column:auto}.s-meta{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap}.s-body{grid-template-columns:1fr}.s-tracks{grid-template-rows:90px 30px 460px 44px 48px}.s-playhead{top:90px;margin-left:0}.s-ruler{margin-left:86px}.s-panel{border-left:0}.s-dock{grid-template-columns:repeat(4,1fr);padding:14px}.s-dock>div{grid-column:1/-1;flex-direction:row;justify-content:space-between}.s-dock button small{font-size:9px}.s-tname{padding:12px 8px}.s-tname small{display:block;font-size:6px}.s-dock button b{font-size:15px}.s-dock button{padding:9px}.s-dock button span{font-size:11px}}
@media(max-width:600px){.s-top .brand span{font-size:12px}.s-top .brand img{width:24px;height:24px}.timecode{font-size:10px}.s-transport{gap:5px}.s-transport button{width:29px;height:32px}.arrangement-header h1{font-size:22px}.arrangement-header .tiny{font-size:8px}.vocal-actions{padding:0 8px;gap:4px}.vocal-actions span{font-size:7px}.vocal-actions button{padding:7px;font-size:8px}.s-livebar{padding:0 10px}.s-dock{grid-template-columns:1fr 1fr}.production-title strong{font-size:16px}#productionOptions{flex-direction:column}.production-option p{min-height:0}#productionDialog{max-height:90svh;padding:20px}}
.s-ruler{left:0}.arrangement-header h1{font-family:Arial,sans-serif;text-transform:none;font-weight:500}.s-gate.hide{visibility:hidden}.s-panel .input-heading h2{font-family:Arial,sans-serif;font-weight:500}
/* Keep shared marketing footer rules out of the studio controls. */
.s-dock{text-align:left}.s-dock button span{display:block;margin:0;color:#e5e3e0;line-height:1.3;font-size:12px;letter-spacing:1px;align-self:end}.s-dock button small{margin:3px 0 0;align-self:start;line-height:1.4}.s-dock .production-title small{font-size:9px;color:#d6a175}.s-dock .production-title strong{font-size:19px;line-height:1.3}.s-dock button{grid-template-columns:32px 1fr;padding:12px}.gain-dial{background:conic-gradient(from 220deg,#e7b17f 0deg var(--arc),#42494b var(--arc) 280deg,transparent 280deg)}#inputGain{accent-color:#e7b17f}.s-track.drag-over{background:#dca16b22;outline:1px solid #c6966b;outline-offset:-1px}.s-top button,.vocal-actions button{min-height:30px}.s-panel .preset-grid button{font-size:11px}.s-panel .preset-grid button.active{background:#493525;border-color:#96704d}.s-panel .genre-tabs button{font-size:9px}.s-panel .smart-buttons button span{font-size:10px}.s-panel .smart-buttons button small{font-size:9px;color:#9a9da6}.s-panel .smart-buttons button.featured.active{background:#30271f;border-color:#79583c}.s-panel .chain-title span,.s-panel .chain-title button{font-size:9px}.s-panel .chain-flow i{font-size:8px}.s-panel .chain-flow i.hot{background:#30261e;color:#d5ae87;border-color:#735638}.s-panel #tuneRange{opacity:1;accent-color:#dca16b;margin:12px 0;height:6px}.s-top .brand span{display:grid}.s-session input{font-size:10px}.s-gate.hide{transition:none}
@media(max-width:700px){.vocal-actions{flex-wrap:wrap;height:auto;min-height:44px;padding:6px 10px}.vocal-actions span{display:none}.s-tracks{grid-template-rows:90px 30px 460px auto 48px}.s-top .brand small{font-size:5px;letter-spacing:1px}.s-top .brand span{font-size:11px}.s-dock .production-title strong{font-size:16px}.s-dock button span{font-size:11px}.s-top{gap:8px}.s-playhead{bottom:98px}}
#applyMicProfile{margin-top:12px;width:100%;font-size:9px;letter-spacing:.6px}#applyMicProfile:disabled{cursor:default;opacity:.45}
#productionDialog .parameter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:10px;letter-spacing:0;color:#bdc0ca}#productionDialog .parameter input{width:66px;border:1px solid #585b66;border-radius:4px;background:#17191e;color:#eee;padding:6px;font-size:11px}#productionDialog .production-option details>button{width:100%;font-size:10px;background:#34353e;color:#ddd;border-color:#5b5d68}#productionDialog .production-option details{margin-top:16px}#productionDialog .production-option summary{cursor:pointer;color:#baac9d}

/* The sound controls lead the workspace. */
.studio-app{height:auto;min-height:100svh;overflow:auto;grid-template-rows:76px auto minmax(510px,1fr) 86px}
.sound-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px 28px;background:radial-gradient(ellipse at 12% 0%,#78421c38,transparent 65%),#1c1b1b;border-bottom:1px solid #5e4836}
.hero-eyebrow{font-size:9px;letter-spacing:1.5px;color:#d6ac89}.tune-hero{display:grid;grid-template-columns:124px 1fr;column-gap:20px;align-items:center}.tune-heading{grid-column:1/-1}.tune-heading h1{font:500 32px/1.1 Arial,sans-serif;letter-spacing:-1px;text-transform:none;margin:9px 0}.tune-heading p{font-size:12px;color:#aaa6a2;margin:0 0 17px}.sound-hero .knob-zone{margin:0;width:124px}.sound-hero .knob{width:90px;height:90px;margin:auto}.sound-hero .knob-core{width:76px;height:76px}.sound-hero .knob-core b{font-size:25px}.sound-hero #tuneRange{position:static;opacity:1;width:100%;height:16px;accent-color:#efae79;margin:8px 0}.sound-hero .knob-caption{display:none}.tune-modes{display:flex;gap:5px}.tune-modes button{flex:1;min-height:36px;border:1px solid #62554a;border-radius:6px;background:#2b2927;color:#ddd;font-size:11px;cursor:pointer}.tune-modes button[aria-pressed=true]{background:#eab07e;color:#20160d;border-color:#ffd0a8;box-shadow:0 2px 15px #ef9b4920}.hero-key{margin-top:12px}.hero-key label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;color:#bcb3ac}.hero-key select{background:#222124;border:1px solid #5c5650;border-radius:4px;color:#eee;padding:6px;font:11px Arial}.tune-choices p{font-size:11px;color:#efbc94;margin:10px 0}.tune-choices>small{font-size:8px;line-height:1.6;color:#aaa39d;display:block}.sound-actions{align-self:center}.sound-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.sound-action-grid button{text-align:left;min-height:132px;padding:18px 14px;border:1px solid #7a5b44;background:linear-gradient(140deg,#473729,#292522);border-radius:10px;color:#f6e5d6;cursor:pointer;box-shadow:0 5px 15px #0003;transition:transform .15s,border-color .15s}.sound-action-grid button:hover{transform:translateY(-2px);border-color:#f4ba87}.sound-action-grid b{display:block;font-size:11px;letter-spacing:1px;color:#f3b47e}.sound-action-grid strong{display:block;font-size:20px;font-weight:500;line-height:1.2;margin:17px 0 13px}.sound-action-grid span{display:block;font-size:10px;line-height:1.5;color:#bdb0a5}.sound-actions>p{font-size:10px;color:#a99e95;margin:14px 0 0}.arrangement-header h2{font:500 23px Arial;margin:0 0 10px;letter-spacing:-.7px}.s-tracks{grid-template-rows:76px 32px minmax(310px,1fr) 44px 48px}.s-playhead{top:76px}.s-panel{max-height:620px}.s-dock{grid-template-columns:1fr 220px;min-height:86px;padding:10px 28px}.s-dock>button{min-height:60px}.s-dock .production-title strong{font-size:14px}.s-body{min-height:510px}
@media(max-width:1100px){.sound-hero{gap:20px;padding:22px 18px}.sound-action-grid{gap:6px}.sound-action-grid button{padding:14px 10px}.sound-action-grid strong{font-size:17px}.tune-hero{grid-template-columns:100px 1fr;gap:12px}.sound-hero .knob-zone{width:100px}}
@media(max-width:800px){.studio-app{grid-template-rows:auto auto 1fr auto}.sound-hero{grid-template-columns:1fr;padding:22px 18px;gap:25px}.tune-hero{grid-template-columns:100px 1fr}.tune-heading h1{font-size:32px}.sound-action-grid button{min-height:115px}.sound-action-grid strong{font-size:17px}.s-tracks{grid-template-rows:76px 30px 460px auto 48px}.s-dock{grid-template-columns:1fr 140px}.s-dock>div{grid-column:auto;display:flex;flex-direction:column;gap:7px;justify-content:center}.s-dock .production-title strong{font-size:12px}.s-panel{max-height:none}.s-playhead{top:76px}.sound-action-grid span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sound-action-grid button{transition:none}}