:root{--bone:#e7e0cf;--bone-2:#ded6c2;--enamel:#efe9db;--charcoal:#26251f;--charcoal-2:#322f28;--rail:#1b1a15;--orange:#c25a2b;--orange-hot:#d96a34;--moss:#737c58;--moss-panel:#b9bd9f;--tan:#cbb488;--tan-panel:#d8c49b;--blue:#4d6f89;--blue-panel:#a9bcc6;--bakelite:#16150f;--ink:#2a281f;--ink-soft:#57533f;--engrave:#3a372b;--screw:#b6ad96;--hair:#1e1c1438;--cond:"Oswald", "Arial Narrow", system-ui, sans-serif;--semi:"Barlow Semi Condensed", "Oswald", system-ui, sans-serif;--mono:"Fira Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--semi);-webkit-font-smoothing:antialiased;background:repeating-linear-gradient(90deg,#1d1c17 0 2px,#1a1914 2px 4px),#1a1914;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% -10%,#fff0c80d,#0000 60%);position:fixed;inset:0}.rack{z-index:1;flex-direction:column;gap:12px;max-width:980px;margin:0 auto;padding:16px 14px 48px;display:flex;position:relative}.masthead{background:var(--rail);border:1px solid #000;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 3px #000}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--orange);color:#1a1409;border:1px solid #000;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000004d}.brand h1{font-family:var(--cond);letter-spacing:.32em;color:var(--bone);margin:0;font-size:28px;font-weight:700;line-height:1}.brand-sub{font-family:var(--cond);letter-spacing:.24em;color:#9a927c;margin:4px 0 0;font-size:10px;font-weight:500}.transport{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transport-btn{font-family:var(--cond);letter-spacing:.14em;cursor:pointer;background:var(--bone);color:var(--ink);border:1px solid #000;border-radius:5px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000038,0 2px #000}.transport-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0000004d}.transport-btn.live{background:var(--moss);color:#12140b}.transport-btn.rec.armed{background:var(--orange-hot);color:#1a0f06;animation:1.1s infinite pulse}@keyframes pulse{50%{background:var(--orange)}}.timer{background:#0d0d0a;border:1px solid #000;border-radius:5px;flex-direction:column;align-items:flex-end;padding:6px 12px;display:flex;box-shadow:inset 0 2px 6px #000000b3}.timer-label{font-family:var(--cond);letter-spacing:.24em;color:#6f7d5c;font-size:9px}.timer-value{font-family:var(--mono);color:#cf7a3f;text-shadow:0 0 8px #cf7a3f80;font-size:22px;line-height:1}.presets{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.preset{text-align:left;cursor:pointer;background:var(--bone-2);border:1px solid #000;border-radius:6px;flex-direction:column;gap:4px;min-height:66px;padding:10px 12px;display:flex;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #0000002e,0 2px #000}.preset:active{transform:translateY(1px)}.preset.active{background:var(--orange);box-shadow:inset 0 2px 6px #00000059,0 0 0 2px #1a1914}.preset-name{font-family:var(--cond);letter-spacing:.1em;color:var(--ink);font-size:13px;font-weight:600}.preset.active .preset-name{color:#1c1207}.preset-blurb{color:var(--ink-soft);font-size:10px;line-height:1.25}.preset.active .preset-blurb{color:#3a250f}.perform{grid-template-columns:1fr 1.25fr;gap:12px;display:grid}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel-wide{grid-column:1/-1}.panel{background:var(--enamel);border:1px solid #000;border-radius:8px;padding:12px 13px 13px;position:relative;box-shadow:inset 0 2px #ffffff8c,inset 0 -4px 10px #3c321e24,0 3px #000,0 5px 12px #0006}.panel-moss{background:var(--moss-panel)}.panel-tan{background:var(--tan-panel)}.panel-blue{background:var(--blue-panel)}.panel-dark{background:#201f1a}.panel-charcoal{background:#cfc7b3}.panel-head{border-bottom:2px solid var(--hair);align-items:center;gap:9px;margin-bottom:10px;padding-bottom:8px;display:flex}.panel-icon{color:var(--engrave);opacity:.8;place-items:center;display:grid}.panel-dark .panel-icon,.panel-dark h2{color:#b9c6a8}.panel-head h2{font-family:var(--cond);letter-spacing:.22em;color:var(--engrave);text-transform:uppercase;margin:0;font-size:14px;font-weight:600}.panel-body{flex-direction:column;gap:11px;display:flex}.screw{background:radial-gradient(circle at 40% 35%,#d8d0ba,#8f886f 70%,#6d6650);border:1px solid #0006;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:inset 0 1px 1px #fff9}.screw:after{content:"";background:linear-gradient(90deg,#0000 44%,#00000073 44% 56%,#0000 56%);border-radius:1px;position:absolute;inset:3px;transform:rotate(35deg)}.screw-tl{top:6px;left:6px}.screw-tr{top:6px;right:6px}.screw-bl{bottom:6px;left:6px}.screw-br{bottom:6px;right:6px}.row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.knob{flex-direction:column;align-items:center;gap:4px;display:flex}.knob-dial{cursor:ns-resize;touch-action:none;border-radius:50%;outline:none}.knob-dial:focus-visible{box-shadow:0 0 0 3px var(--orange);border-radius:50%}.knob-tick{stroke:#1e1c1466;stroke-width:2px}.knob-base{fill:#262019;stroke:#000;stroke-width:1.5px}.knob-ring{fill:none;stroke-width:4px;opacity:.9;transform-origin:50%;transform:rotate(-90deg)}.knob-cap{fill:#14130d;stroke:#000;stroke-width:1px;filter:drop-shadow(0 2px 2px #00000080)}.knob-dial svg{display:block}.knob-cap{fill:#17160f}.knob-pointer{stroke-width:3.4px;stroke-linecap:round}.knob-dial.dragging .knob-cap{fill:#1f1d14}.knob-label{font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--engrave);text-align:center;font-size:10px}.knob-readout{font-family:var(--mono);color:#cf9a5f;text-align:center;background:#0f0f0b;border:1px solid #000;border-radius:3px;min-width:54px;padding:2px 6px;font-size:11px;box-shadow:inset 0 1px 3px #000000b3}.toggle{flex-direction:column;align-items:center;gap:5px;display:flex}.rocker{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.rocker-track{background:#17160f;border:1px solid #000;border-radius:4px;width:46px;height:24px;display:block;position:relative;box-shadow:inset 0 2px 5px #000000b3}.rocker-nub{background:var(--bone-2);border-radius:3px;width:20px;height:18px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:inset 0 2px #ffffff80,inset 0 -2px #0000004d}.rocker.on .rocker-nub{background:var(--orange);left:24px}.rocker-state{font-family:var(--mono);letter-spacing:.1em;color:#6f7d5c;text-align:center;min-width:30px;font-size:9px}.rocker.on .rocker-state{color:var(--orange-hot)}.toggle-label{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--engrave);font-size:10px}.selknob{flex-direction:column;align-items:center;gap:5px;display:flex}.selknob-face{background:#17160f;border:1px solid #000;border-radius:5px;outline:none;flex-wrap:wrap;justify-content:center;gap:3px;max-width:132px;padding:4px;display:flex;box-shadow:inset 0 2px 5px #0009}.selknob-face:focus-visible{box-shadow:0 0 0 3px var(--orange)}.selknob-opt{font-family:var(--mono);letter-spacing:.06em;cursor:pointer;color:#b3ab8f;background:#2a281d;border:1px solid #000;border-radius:3px;padding:4px 7px;font-size:10px}.selknob-opt.active{background:var(--orange);color:#1a0f05}.selknob-label{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--engrave);font-size:10px}.meters{gap:10px;display:flex}.meter{flex-direction:column;align-items:center;gap:4px;display:flex}.meter-label{font-family:var(--mono);color:var(--engrave);font-size:10px}.meter-bars{background:#0e0e0a;border:1px solid #000;border-radius:3px;flex-direction:column-reverse;gap:2px;padding:4px;display:flex;box-shadow:inset 0 2px 5px #000000b3}.meter-seg{background:#24241c;border-radius:1px;width:16px;height:5px}.meter-seg.on.cool{background:#6fa06a;box-shadow:0 0 3px #6fa06a99}.meter-seg.on.warm{background:#d3ad48;box-shadow:0 0 3px #d3ad4899}.meter-seg.on.hot{background:#d1552b;box-shadow:0 0 4px #d1552bb3}.scope{flex-direction:column;gap:8px;display:flex}.scope-canvas{background:#0e130f;border:1px solid #000;border-radius:5px;width:100%;height:200px;box-shadow:inset 0 0 24px #000c,inset 0 2px 6px #0009}.scope-legend{font-family:var(--mono);letter-spacing:.1em;color:#b9c6a8;gap:18px;font-size:10px;display:flex}.scope-legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.blue{background:#78afd6}.dot.orange{background:#c65a2e}.xy-wrap{display:block}.xy-pad{aspect-ratio:1/.82;cursor:crosshair;touch-action:none;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 26px),#182028;border:1px solid #000;border-radius:6px;outline:none;width:100%;min-height:190px;position:relative;box-shadow:inset 0 0 20px #0009}.xy-pad:focus-visible{box-shadow:0 0 0 3px var(--orange), inset 0 0 20px #0009}.xy-axis{font-family:var(--mono);letter-spacing:.12em;color:#a9bcc6b3;pointer-events:none;font-size:9px;position:absolute}.xy-axis-x{bottom:6px;left:50%;transform:translate(-50%)}.xy-axis-y{top:6px;left:8px}.xy-cross-h{pointer-events:none;background:#c65a2e66;height:1px;position:absolute;left:0;right:0}.xy-cross-v{pointer-events:none;background:#78afd666;width:1px;position:absolute;top:0;bottom:0}.xy-puck{pointer-events:none;background:var(--orange);border:2px solid #1a0f06;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #c65a2ecc,inset 0 2px #ffffff4d}.xy-pad.active .xy-puck{background:var(--orange-hot)}.hint{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.4}.panel-dark .hint{color:#9aa88c}.readouts{flex-wrap:wrap;gap:10px;display:flex}.readout{background:#0e0e0a;border:1px solid #000;border-radius:5px;flex-direction:column;flex:1;gap:3px;min-width:92px;padding:8px 10px;display:flex;box-shadow:inset 0 2px 6px #000000b3}.readout span{font-family:var(--cond);letter-spacing:.2em;color:#7f8a63;font-size:9px}.readout b{font-family:var(--mono);color:#cbc3a6;font-size:16px;font-weight:500}.readout.accent b{color:var(--orange-hot);text-shadow:0 0 8px #d96a3466}.out-row{align-items:center}.phones{color:#d7cfb4;background:#2a281d;border:1px solid #000;border-radius:5px;align-items:center;gap:10px;padding:9px 12px;font-size:12px;line-height:1.35;display:flex}.phones svg{color:var(--orange-hot);flex-shrink:0}.phones button{color:#b3ab8f;cursor:pointer;background:0 0;border:none;place-items:center;margin-left:auto;display:grid}.rec-out{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rec-out audio{max-width:100%;height:34px}.library-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text-in{min-width:160px;font-family:var(--semi);color:var(--ink);background:#f4efe3;border:1px solid #000;border-radius:5px;flex:1;padding:9px 12px;font-size:13px;box-shadow:inset 0 2px 4px #0003}.mini-btn{cursor:pointer;font-family:var(--cond);letter-spacing:.08em;background:var(--bone);color:var(--ink);border:1px solid #000;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 2px #ffffff80,inset 0 -2px #0003,0 2px #000}.mini-btn:active{transform:translateY(1px)}.mini-btn.undo{background:var(--moss);color:#12140b}.empty{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.patch-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.patch-list li{background:var(--bone-2);border:1px solid #000;border-radius:5px;display:flex;overflow:hidden}.patch-load{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:9px 11px;display:flex}.patch-load:hover{background:#c25a2b26}.patch-title{font-family:var(--cond);letter-spacing:.06em;color:var(--ink);font-size:13px;font-weight:600}.patch-meta{font-family:var(--mono);color:var(--ink-soft);font-size:10px}.patch-del{color:#c88a6a;cursor:pointer;background:#2a281d;border:none;border-left:1px solid #000;place-items:center;padding:0 12px;display:grid}.patch-del:hover{background:var(--orange);color:#1a0f05}.foot{color:#8b846d;text-align:center;padding:0 12px;font-size:11px;line-height:1.5}@media (max-width:820px){.presets{grid-template-columns:1fr 1fr}.perform,.grid{grid-template-columns:1fr}.brand h1{font-size:24px}}@media (max-width:480px){.presets{grid-template-columns:1fr}.transport{width:100%}.row{gap:14px}.rack{padding:12px 10px 48px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}