@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--chassis:#e7e2d4;--panel:#d6d0c1;--ink:#1c1c1a;--muted:#716e65;--line:#a9a395;--orange:#f04b26;--green:#b8d84a;--dark:#242422;--white:#f7f4eb}*{box-sizing:border-box}body{margin:0;background:#c7c0b0;color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;min-width:320px}.machine{max-width:1450px;margin:24px auto;background:var(--chassis);border:1px solid #9e988b;box-shadow:12px 14px 0 #a49d8f,0 24px 50px #665f5129;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 32px 18px;border-bottom:2px solid var(--ink);background:#ede9df}.brand-lockup{display:flex;align-items:baseline;letter-spacing:-.1em}.brand-mark{font-size:38px;font-weight:700}.brand-number{font-family:'DM Mono',monospace;font-size:39px;font-weight:500;margin-left:7px}.brand-dot{width:10px;height:10px;background:var(--orange);border-radius:50%;display:inline-block;margin-left:10px;box-shadow:0 0 12px var(--orange)}.model-label,.eyebrow,.rack-note,.footer{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}.model-label span{color:#969083;margin-left:18px}.power-indicator{font:500 11px 'DM Mono',monospace;letter-spacing:.1em}.power-indicator i{width:8px;height:8px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:7px}.control-strip{display:grid;grid-template-columns:1.35fr 1.25fr 1.1fr 1.3fr 1fr;gap:0;border-bottom:1px solid var(--line);background:var(--panel)}.control-strip>div{padding:18px 24px;border-right:1px solid var(--line);min-height:105px}.control-strip>div:last-child{border:0}.transport-buttons{display:flex;gap:9px;margin-top:12px}.transport-btn{border:1px solid var(--ink);background:#c4bdad;color:var(--ink);height:32px;width:39px;font-size:13px;cursor:pointer;box-shadow:2px 2px 0 #888174}.transport-btn:hover{background:var(--white)}.transport-btn.play{background:var(--orange);color:#fff;border-color:#b7381b}.transport-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #888174}.readout{display:flex;align-items:baseline;margin:9px 0 4px}.readout span{font:500 27px 'DM Mono',monospace;letter-spacing:-.06em}.readout small{font:11px 'DM Mono',monospace;margin-left:5px;color:var(--muted)}input[type=range]{appearance:none;width:100%;height:4px;background:#a7a093;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid var(--panel)}.pattern-tabs{display:flex;margin:10px 0 8px}.pattern-tab{width:38px;height:29px;border:1px solid var(--ink);background:transparent;font:500 13px 'DM Mono',monospace;cursor:pointer}.pattern-tab.active{background:var(--ink);color:var(--white)}.copy-btn{border:0;background:none;padding:0;font:500 10px 'DM Mono',monospace;letter-spacing:.05em;color:var(--muted);cursor:pointer}.copy-btn:hover{color:var(--orange)}.meter-block{position:relative}.meter{height:7px;background:#989285;margin-top:15px;width:65%;overflow:hidden}.meter span{display:block;height:100%;width:66%;background:var(--green);transition:width .08s}.master-knob{position:absolute;right:27px;top:41px;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 40% 35%,#eeeadd,#aaa395);box-shadow:2px 2px 0 #888174}.master-knob span{display:block;width:2px;height:12px;background:var(--ink);margin:5px auto 0;transform:rotate(28deg);transform-origin:50% 16px}.sequencer-panel{padding:25px 28px 20px;background:#ece8de}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.panel-heading h1{font-size:23px;letter-spacing:.08em;margin:5px 0 0}.step-readout{text-align:right}.step-readout strong{display:block;font:500 30px 'DM Mono',monospace;line-height:1;margin-top:4px}.grid-wrap{display:grid;grid-template-columns:108px 1fr;gap:12px;overflow-x:auto}.step-numbers,.sequencer-grid{display:grid;grid-template-columns:repeat(16,minmax(34px,1fr));gap:6px;min-width:700px}.step-numbers{grid-column:2;margin-bottom:2px}.step-numbers span{height:14px;position:relative}.step-numbers span::after{content:attr(data-num);font:500 10px 'DM Mono',monospace;color:var(--muted);position:absolute;left:50%;transform:translateX(-50%)}.sequencer-grid{grid-column:1 / 3;grid-template-columns:108px repeat(16,minmax(34px,1fr));gap:6px}.voice-label{display:flex;align-items:center;gap:10px;font:600 12px 'DM Mono',monospace;letter-spacing:.04em;color:var(--ink);padding-right:5px}.voice-label b{font-size:10px;color:var(--muted);font-weight:500}.step{height:34px;border:1px solid #a7a093;background:#d5d0c3;cursor:pointer;position:relative;transition:background .08s,transform .08s}.step:nth-child(4n+2){background:#cac4b6}.step:hover{border-color:var(--orange);background:#e3dacb}.step.active{background:var(--orange);border-color:#b83418;box-shadow:inset 0 -3px #bd3419}.step.playhead{outline:2px solid var(--green);outline-offset:1px;z-index:2}.step.active.playhead{background:var(--green);border-color:#809a27}.panel-footer{display:flex;gap:20px;margin:16px 0 0 120px;font:500 10px 'DM Mono',monospace;letter-spacing:.05em;color:var(--muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.orange{background:var(--orange)}.legend-dot.green{background:var(--green)}.voice-rack{border-top:2px solid var(--ink);padding:18px 28px 25px;background:var(--panel)}.rack-heading{display:flex;justify-content:space-between;margin-bottom:13px}.voice-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.voice-card{border:1px solid var(--line);padding:11px;background:#e1dccf;position:relative}.voice-card.active{border-color:var(--orange)}.voice-name{font:600 12px 'DM Mono',monospace}.voice-sub{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:4px}.audition{display:block;width:100%;height:29px;margin:12px 0 12px;border:1px solid var(--ink);background:#c4bdad;font:500 11px 'DM Mono',monospace;cursor:pointer}.audition:hover,.voice-card.active .audition{background:var(--orange);color:#fff}.voice-card label{display:flex;align-items:center;gap:6px;font:9px 'DM Mono',monospace;color:var(--muted)}.voice-card input{width:100%;margin-top:7px}.footer{display:flex;justify-content:space-between;padding:12px 28px;border-top:1px solid var(--line);background:#ded8c9;font-size:9px}.footer span:last-child{color:var(--orange)}@media(max-width:850px){.machine{margin:0;box-shadow:none}.topbar{padding:18px}.model-label{display:none}.control-strip{grid-template-columns:repeat(2,1fr)}.control-strip>div:nth-child(2),.control-strip>div:nth-child(4){border-right:0}.control-strip>div:nth-child(3),.control-strip>div:nth-child(4),.control-strip>div:nth-child(5){border-top:1px solid var(--line)}.voice-grid{grid-template-columns:repeat(4,1fr)}.footer{gap:8px;flex-wrap:wrap}.footer span:last-child{width:100%}}@media(max-width:540px){.topbar{padding:14px}.brand-mark,.brand-number{font-size:30px}.control-strip>div{padding:14px 16px}.sequencer-panel,.voice-rack{padding-left:16px;padding-right:16px}.grid-wrap{grid-template-columns:82px 1fr}.sequencer-grid{grid-template-columns:82px repeat(16,minmax(32px,1fr))}.panel-footer{margin-left:0;flex-wrap:wrap}.voice-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:12px 16px}}

.effect-rack{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr 1fr 1.15fr;align-items:center;gap:18px;padding:14px 24px;background:#c6c0b1;border-bottom:2px solid var(--ink);border-top:1px solid #9d9688}.effect-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.effect-title strong{font:600 13px 'DM Mono',monospace;letter-spacing:.1em}.effect-led{width:8px;height:8px;border-radius:50%;background:#817c70;display:inline-block}.effect-led.on{background:var(--orange);box-shadow:0 0 10px var(--orange)}.effect-toggle{height:30px;border:1px solid var(--ink);background:#b1aa9b;color:var(--ink);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer;box-shadow:2px 2px 0 #888174}.effect-toggle:hover,.effect-toggle[aria-pressed="true"]{background:var(--orange);color:#fff;border-color:#b7381b}.effect-control label{display:flex;justify-content:space-between;margin-bottom:7px;font:500 10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.08em}.effect-control label span{color:var(--ink)}.effect-note{text-align:right;font:500 10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.06em}@media(max-width:850px){.effect-rack{grid-template-columns:1.3fr .7fr 1fr 1fr;gap:12px}.effect-note{display:none}}@media(max-width:540px){.effect-rack{grid-template-columns:1fr 1fr;padding:14px 16px}.effect-title{grid-column:1 / 3}.effect-toggle{width:100%}.effect-control label{font-size:9px}}

/* Distortion module refinement */
.effect-rack{position:relative;grid-template-columns:minmax(190px,1.25fr) 92px repeat(3,minmax(120px,1fr)) minmax(145px,.9fr);gap:10px;padding:16px 24px 17px;background:#2a2926;color:#f1ede2;border-top:3px solid #151514;border-bottom:3px solid #151514;box-shadow:inset 0 1px #504d45,inset 0 -1px #0f0f0e}.effect-rack:before{content:"";position:absolute;left:24px;right:24px;top:7px;height:1px;background:#5f5a4f}.effect-title{align-content:center;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:7px}.effect-title .eyebrow{grid-column:1 / 4;color:#aaa496;font-size:9px}.effect-title strong{font:600 17px 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#f4f0e7}.effect-led{width:9px;height:9px;background:#514d43;border:1px solid #756f62;border-radius:50%;box-shadow:inset 0 1px #292721}.effect-led.on{background:var(--orange);border-color:#ff7a58;box-shadow:0 0 12px #f04b26,0 0 3px #ffb09a}.effect-toggle{align-self:end;height:33px;border:1px solid #827b6c;background:#3d3a34;color:#bdb6a8;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;cursor:pointer;box-shadow:inset 0 1px #5e594e,2px 2px 0 #111}.effect-toggle:hover{border-color:#d7cfc0;color:#fff;background:#4a463e}.effect-toggle[aria-pressed="true"]{background:var(--orange);border-color:#ff916f;color:#fff;box-shadow:0 0 13px #f04b2660,inset 0 1px #ff9a7c,2px 2px 0 #111}.effect-control{padding:9px 11px 10px;border:1px solid #575247;background:#34322d;box-shadow:inset 0 1px #49463f}.effect-control label{display:flex;justify-content:space-between;margin-bottom:13px;color:#c4bdae;font:500 10px 'DM Mono',monospace;letter-spacing:.09em}.effect-control label span{color:#f4f0e7;font-size:11px}.effect-control input[type=range]{height:5px;background:#716b5f;border-radius:0}.effect-control input[type=range]::-webkit-slider-thumb{width:15px;height:15px;background:var(--orange);border:2px solid #292824;box-shadow:0 0 0 1px #ed795c}.effect-control input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--orange);border:2px solid #292824;box-shadow:0 0 0 1px #ed795c;border-radius:50%}.effect-control input[type=range]:focus-visible{outline:1px solid var(--green);outline-offset:4px}.effect-note{align-self:end;padding:0 3px 4px;color:#8f897d;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-align:right}.effect-note:before{content:"●  ";color:var(--green);font-size:8px}.effect-rack:has(.effect-toggle[aria-pressed="true"]) .effect-note{color:#d9d1c2}.effect-rack:has(.effect-toggle[aria-pressed="true"]) .effect-note:before{color:var(--orange)}
@media(max-width:850px){.effect-rack{grid-template-columns:1.2fr 88px repeat(3,1fr);padding-left:18px;padding-right:18px}.effect-rack:before{left:18px;right:18px}.effect-note{grid-column:1 / 3;text-align:left;padding-top:2px}.effect-control{min-width:0}}
@media(max-width:540px){.effect-rack{grid-template-columns:1fr 1fr;gap:8px;padding:15px 14px}.effect-rack:before{left:14px;right:14px}.effect-title{grid-column:1 / 3;min-height:48px}.effect-toggle{align-self:stretch;height:auto}.effect-control{padding:9px 9px 11px}.effect-control label{font-size:9px;margin-bottom:12px}.effect-note{grid-column:1 / 3;padding:3px 0 0}}

/* Pattern randomizer control */
.pattern-block .copy-btn{display:block;margin-top:5px}.pattern-block .random-btn{color:var(--ink);font-size:10px}.pattern-block .random-btn:hover{color:var(--orange);text-decoration:underline}

/* Stronger effect-panel presentation */
.effect-rack{grid-template-columns:minmax(220px,1.45fr) 105px repeat(3,minmax(140px,1fr)) minmax(175px,.95fr);min-height:142px;padding:24px 28px 22px;gap:13px;background:linear-gradient(115deg,#24231f 0%,#302e28 52%,#24231f 100%);border-top:4px solid #10100f;border-bottom:4px solid #10100f;box-shadow:inset 0 1px #655e50,inset 0 -1px #0d0d0c}.effect-rack:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--orange);box-shadow:0 0 18px #f04b2655}.effect-rack:before{left:28px;right:28px;top:10px;background:#71695b}.effect-title{min-height:78px;grid-template-columns:auto 1fr auto;row-gap:8px;padding-left:7px;border-left:1px solid #70695b}.effect-title .eyebrow{font-size:9px;color:#c1b9a9}.effect-title strong{font-size:21px;letter-spacing:.14em;color:#fffaf0;text-shadow:0 1px #111}.effect-title small{grid-column:1 / 4;color:#8e887b;font:500 9px 'DM Mono',monospace;letter-spacing:.14em}.effect-led{width:10px;height:10px;margin-right:4px}.effect-toggle{height:38px;align-self:center;border-color:#a09684;background:#454139;font-size:11px}.effect-control{min-height:78px;padding:13px 14px 14px;background:linear-gradient(#3b3933,#302e29);border:1px solid #766e5f;border-radius:2px;box-shadow:inset 0 1px #514d44,2px 3px 0 #121211}.effect-control label{margin-bottom:17px;font-size:10px;color:#d8d0c1}.effect-control label span{font-size:16px;color:#fff4df;letter-spacing:0}.effect-control input[type=range]{height:6px;background:linear-gradient(90deg,var(--orange),#787064 18%,#787064);box-shadow:0 1px #171615}.effect-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;background:#f0643f;border:3px solid #272520;box-shadow:0 0 0 1px #ffad94,0 2px 0 #111}.effect-note{align-self:center;padding-left:14px;border-left:1px solid #5c564a;line-height:1.8;font-size:10px;color:#b5ad9e}.effect-note:before{font-size:10px}.effect-rack:has(.effect-toggle[aria-pressed="true"]){border-top-color:var(--orange)}.effect-rack:has(.effect-toggle[aria-pressed="true"]) .effect-control{border-color:#a75037}.effect-rack:has(.effect-toggle[aria-pressed="true"]) .effect-title strong{color:#ffb09a}
@media(max-width:850px){.effect-rack{grid-template-columns:1.2fr 95px repeat(3,1fr);min-height:155px;padding:22px 20px 19px}.effect-rack:before{left:20px;right:20px}.effect-title{min-height:70px}.effect-note{grid-column:1 / 3;border-left:0;padding-left:7px;padding-top:3px;text-align:left}}
@media(max-width:540px){.effect-rack{grid-template-columns:1fr 1fr;min-height:0;padding:20px 16px 18px;gap:10px}.effect-rack:before{left:16px;right:16px}.effect-title{grid-column:1 / 3;min-height:65px}.effect-title strong{font-size:19px}.effect-toggle{height:40px}.effect-control{min-height:75px}.effect-note{grid-column:1 / 3}.effect-control label{margin-bottom:15px}}

/* Spatial effects module */
.space-rack{display:grid;grid-template-columns:1.05fr 1.5fr 1.5fr;gap:12px;align-items:stretch;padding:14px 28px 16px;background:#d0cabd;border-bottom:2px solid var(--ink)}.space-heading{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 16px 8px 0;border-right:1px solid #aaa293}.space-heading strong{font:600 18px 'Space Grotesk',Arial,sans-serif;letter-spacing:.08em}.space-heading small{font:500 9px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted)}.space-effect{padding:11px 14px 12px;background:#e2ddd0;border:1px solid #999184;box-shadow:3px 3px 0 #aaa394}.space-effect-head{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid #b8b1a3}.space-effect-head>div{flex:1;display:flex;align-items:baseline;gap:8px}.space-effect-head b{font:600 13px 'DM Mono',monospace;letter-spacing:.1em}.space-effect-head small{font:500 8px 'DM Mono',monospace;color:var(--muted);letter-spacing:.06em}.space-toggle{height:23px;min-width:37px;padding:0 6px;border:1px solid var(--ink);background:#c4bdad;color:var(--ink);font:500 9px 'DM Mono',monospace;cursor:pointer}.space-toggle[aria-pressed="true"]{background:var(--orange);border-color:#b7381b;color:#fff}.space-led{width:7px;height:7px;border-radius:50%;background:#8d877a}.space-led.on{background:var(--orange);box-shadow:0 0 9px var(--orange)}.space-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:11px}.space-controls label{display:flex;justify-content:space-between;gap:4px;margin-bottom:8px;font:500 9px 'DM Mono',monospace;color:var(--muted);white-space:nowrap}.space-controls label span{color:var(--ink);font-size:10px}.space-controls input[type=range]{height:4px}.space-controls input[type=range]::-webkit-slider-thumb{width:13px;height:13px;background:var(--ink);border:2px solid #e2ddd0}.space-effect:has(.space-toggle[aria-pressed="true"]){border-color:var(--orange);box-shadow:3px 3px 0 #9d9485,inset 0 2px var(--orange)}
@media(max-width:850px){.space-rack{grid-template-columns:1fr 1fr;padding:14px 20px}.space-heading{grid-column:1 / 3;border-right:0;border-bottom:1px solid #aaa293;padding:0 0 10px;flex-direction:row;align-items:baseline}.space-heading small{margin-left:auto}.space-effect{min-width:0}}
@media(max-width:540px){.space-rack{grid-template-columns:1fr;padding:14px 16px}.space-heading{grid-column:auto;display:block}.space-heading small{display:block;margin:5px 0 0}.space-controls{gap:8px}.space-effect{padding:10px}.space-effect-head>div{display:block}.space-effect-head small{display:block;margin-top:3px}}

/* Unified master-effects console */
.effects-console{position:relative;padding:15px 26px 20px;background:#24231f;border-top:3px solid #11110f;border-bottom:3px solid #11110f;color:#f5f0e5;box-shadow:inset 0 1px #676052,inset 0 -1px #0d0d0c}.effects-console:before{content:"MASTER EFFECTS  /  INSERTS + SPACE";display:block;padding:0 0 11px 2px;color:#aaa292;font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.effects-console:after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange);box-shadow:0 0 18px #f04b263c}.effects-console .effect-rack,.effects-console .space-rack{position:relative;margin:0;border:0;border-radius:0}.effects-console .effect-rack{min-height:136px;padding:10px 0 18px;background:transparent;box-shadow:none}.effects-console .effect-rack:before{left:0;right:0;top:0;background:#5b5549}.effects-console .effect-rack:after{display:none}.effects-console .effect-title{padding-left:0;border-left:0}.effects-console .effect-control{background:#34312b;border-color:#655e51}.effects-console .effect-note{border-left:1px solid #5d574c}.effects-console .space-rack{grid-template-columns:220px 1fr 1fr;min-height:142px;padding:18px 0 0;gap:14px;border-top:1px solid #5b5549;background:transparent}.effects-console .space-heading{border-right:1px solid #5b5549;padding:8px 20px 8px 0}.effects-console .space-heading strong{color:#f5f0e5}.effects-console .space-effect{background:#34312b;border-color:#655e51;color:#f5f0e5;box-shadow:3px 3px 0 #111}.effects-console .space-effect-head{border-bottom-color:#5c564b}.effects-console .space-effect-head b{color:#fff5e4}.effects-console .space-effect-head small,.effects-console .space-controls label{color:#aaa292}.effects-console .space-controls label span{color:#f5f0e5}.effects-console .space-controls input[type=range]{background:#70695c}.effects-console .space-controls input[type=range]::-webkit-slider-thumb{background:var(--orange);border-color:#302d27}.effects-console .effect-rack:has(.effect-toggle[aria-pressed="true"]),.effects-console .space-effect:has(.space-toggle[aria-pressed="true"]){border-color:var(--orange)}
@media(max-width:850px){.effects-console{padding:14px 20px 18px}.effects-console .effect-rack{padding-top:10px}.effects-console .space-rack{grid-template-columns:1fr 1fr;padding-top:16px}.effects-console .space-heading{grid-column:1 / 3;border-right:0;border-bottom:1px solid #5b5549;padding:0 0 11px}.effects-console .space-effect{min-height:125px}}
@media(max-width:540px){.effects-console{padding:13px 15px 16px}.effects-console:before{font-size:9px}.effects-console .effect-rack{padding-bottom:16px}.effects-console .space-rack{grid-template-columns:1fr;gap:9px;padding-top:14px}.effects-console .space-heading{grid-column:auto;border-bottom:0;padding:0 0 3px}.effects-console .space-effect{min-height:0}.effects-console .space-controls{gap:8px}}

/* Effect controls: clearer operation and touch targets */
.effects-console .effect-toggle{min-width:82px;min-height:42px;padding:0 10px;font-size:11px;font-weight:600}.effects-console .space-toggle{min-width:56px;min-height:30px;padding:0 9px;font-size:10px;font-weight:600}.effects-console button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.effects-console input[type=range]{cursor:ew-resize}.effects-console .effect-control:focus-within,.effects-console .space-effect:focus-within{border-color:var(--green);box-shadow:0 0 0 1px #b8d84a55,3px 3px 0 #111}.effects-console .space-effect-head b{letter-spacing:.14em}.effects-console .space-effect-head small{letter-spacing:.1em}.effects-console .effect-note{white-space:nowrap}
@media(max-width:540px){.effects-console .effect-toggle{min-width:74px;min-height:40px}.effects-console .space-toggle{min-height:34px}.effects-console .effect-note{white-space:normal}}

/* Three-across effect cards with knob controls */
.effects-console{margin:18px 30px 22px;padding:18px 20px 20px;border:2px solid #11110f;border-radius:4px;box-shadow:0 8px 0 #a49d8f,0 15px 28px #665f5130,inset 0 1px #70685a;background:#24231f}.effects-console:after{left:-2px;top:16px;bottom:16px;border-radius:2px}.effects-console:before{display:none}.effects-console-title{display:flex;align-items:baseline;gap:14px;padding:0 4px 14px;border-bottom:1px solid #5b5549}.effects-console-title .eyebrow{color:#c3baaa;font-size:9px}.effects-console-title strong{font:600 17px 'Space Grotesk',Arial,sans-serif;letter-spacing:.12em;color:#fff8ec}.effects-console-title small{margin-left:auto;color:#8e887c;font:500 9px 'DM Mono',monospace;letter-spacing:.12em}.effects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px}.effect-card{min-width:0;padding:14px 15px 15px;background:linear-gradient(145deg,#39362f,#2d2b26);border:1px solid #706858;border-radius:3px;box-shadow:4px 4px 0 #111;transition:border-color .15s,transform .15s}.effect-card:hover{border-color:#aaa08d;transform:translateY(-1px)}.effect-card:has(button[aria-pressed="true"]){border-color:var(--orange);box-shadow:4px 4px 0 #111,inset 0 2px var(--orange)}.effect-card-head{display:flex;align-items:center;gap:9px;min-height:48px;padding-bottom:10px;border-bottom:1px solid #5d574d}.effect-card-head>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.effect-card-head .eyebrow{font-size:8px;color:#aaa293}.effect-card-head strong{font:600 18px 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#fff7e9}.effect-card-head small{font:500 8px 'DM Mono',monospace;color:#969082;letter-spacing:.08em;white-space:nowrap}.effect-card .effect-toggle,.effect-card .space-toggle{min-width:59px;min-height:30px;height:30px;padding:0 7px}.effect-card .effect-led,.effect-card .space-led{flex:0 0 auto}.knob-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:17px}.knob-control{text-align:center}.knob-control label{display:flex;flex-direction:column;gap:4px;color:#aaa293;font:500 9px 'DM Mono',monospace;letter-spacing:.08em}.knob-control label span{color:#fff4df;font-size:12px;letter-spacing:0}.knob{position:relative;width:60px;height:60px;margin:10px auto 0;border:2px solid #847967;border-radius:50%;background:radial-gradient(circle at 36% 30%,#615a4c 0,#35322c 45%,#1b1a17 100%);box-shadow:inset 0 2px 2px #8d8574,0 3px 0 #12110f}.knob:before{content:"";position:absolute;left:50%;top:7px;width:3px;height:18px;border-radius:2px;background:var(--orange);transform-origin:50% 23px;transform:translateX(-50%) rotate(var(--knob-angle,-85deg));box-shadow:0 0 5px #f04b26}.knob:after{content:"";position:absolute;inset:7px;border:1px solid #716958;border-radius:50%;opacity:.7}.knob input{position:absolute;z-index:2;inset:-12px;width:84px;height:84px;margin:0;opacity:0;cursor:ns-resize;transform:rotate(-90deg)}.knob input:focus-visible{opacity:.15;outline:2px solid var(--green);outline-offset:3px}.knob-control:focus-within label{color:var(--green)}
@media(max-width:980px){.effects-console{margin-left:22px;margin-right:22px}.effect-card-head strong{font-size:16px}.effect-card-head small{font-size:7px}.knob{width:54px;height:54px}.knob input{width:78px;height:78px}}
@media(max-width:700px){.effects-console{margin:14px 16px 18px;padding:15px 13px 16px}.effects-console-title{display:block;padding-bottom:11px}.effects-console-title strong{display:block;margin-top:5px}.effects-console-title small{display:block;margin:6px 0 0}.effects-grid{grid-template-columns:1fr;gap:10px;padding-top:12px}.effect-card{padding:13px}.effect-card-head{min-height:43px}.knob{width:58px;height:58px}.knob input{width:82px;height:82px}}

/* Bottom effects console: match the TR-909 chassis palette */
.effects-console{order:4;margin:22px 30px 20px;padding:15px 18px 18px;background:var(--panel);color:var(--ink);border:1px solid #9e988b;border-top:3px solid var(--ink);border-radius:0;box-shadow:6px 7px 0 #a49d8f,0 14px 25px #665f5122}.effects-console:after{display:none}.effects-console-title{align-items:center;padding:0 3px 12px;border-bottom:2px solid var(--ink)}.effects-console-title>div{display:flex;align-items:baseline;gap:12px;flex:1}.effects-console-title .eyebrow{color:var(--muted)}.effects-console-title strong{color:var(--ink);font-size:16px}.effects-console-title small{color:var(--muted);margin-left:0}.effects-toggle{min-width:112px;height:32px;border:1px solid var(--ink);background:#c4bdad;color:var(--ink);font:600 10px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer;box-shadow:2px 2px 0 #888174}.effects-toggle:hover{background:var(--ink);color:var(--white)}.effects-console.collapsed{padding-bottom:13px}.effects-console.collapsed .effects-grid{display:none}.effects-grid{padding-top:14px;gap:12px}.effect-card{background:#e7e2d4;border:1px solid #9e988b;box-shadow:3px 3px 0 #aaa394}.effect-card:hover{border-color:var(--orange);transform:translateY(-1px)}.effect-card-head{border-bottom-color:#b2ab9e}.effect-card-head .eyebrow,.effect-card-head small{color:var(--muted)}.effect-card-head strong{color:var(--ink)}.effect-card .effect-toggle,.effect-card .space-toggle{background:#c4bdad;color:var(--ink);border-color:var(--ink);box-shadow:1px 1px 0 #888174}.effect-card .effect-toggle[aria-pressed="true"],.effect-card .space-toggle[aria-pressed="true"]{background:var(--orange);border-color:#b7381b;color:#fff}.effect-card .effect-led,.effect-card .space-led{background:#898376;border-color:#716b5f}.effect-card .effect-led.on,.effect-card .space-led.on{background:var(--orange);box-shadow:0 0 9px var(--orange)}.knob-control label{color:var(--muted)}.knob-control label span{color:var(--ink)}.knob{background:radial-gradient(circle at 36% 30%,#f4f0e5 0,#c8c1b3 43%,#8f897d 100%);border-color:#716b60;box-shadow:inset 0 2px 2px #fff8,0 3px 0 #888174}.knob:before{background:var(--orange)}.knob:after{border-color:#aaa294}.effects-console .effect-card:has(button[aria-pressed="true"]){border-color:var(--orange);box-shadow:3px 3px 0 #aaa394,inset 0 2px var(--orange)}
@media(max-width:700px){.effects-console{margin:18px 16px 16px;padding:14px 13px 16px}.effects-console-title{display:flex;align-items:flex-start}.effects-console-title>div{display:block}.effects-console-title strong,.effects-console-title small{display:block;margin-top:4px}.effects-toggle{min-width:103px}}