:root{--bg: #080907;--panel: #171813;--panel-hi: #25261c;--panel-low: #10110d;--line: #56605b;--line-soft: #343b37;--text: #e1e5dc;--muted: #969f97;--orange: #bd5d2b;--orange-hi: #ee8b45;--acid: #b6c84e;--cyan: #9bb3a3;--metal: #aeb8b0;--speaker-grille: url(/assets/room101-speaker-grille-fAUMHhSz.png);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 48% -12%,rgba(183,172,118,.13),transparent 30rem),radial-gradient(circle at 85% 45%,rgba(91,103,63,.08),transparent 28rem),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(120deg,#080907,#14150f 55%,#090a08)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1320px,calc(100% - 36px));margin:0 auto;padding:28px 0 42px}.topbar,.footer,.section-heading,.transport,.brand-lockup,.topbar-meta,.filter-strip,.warning-strip{display:flex;align-items:center}.topbar{justify-content:flex-start;align-items:flex-start;min-height:58px}.brand-lockup{gap:12px}.brand-copy{display:flex;flex-direction:column;align-items:flex-start}.brand-mark{width:58px;height:38px;display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange-hi);font:700 23px/1 Arial Narrow,Impact,sans-serif;letter-spacing:-2px;transform:skew(-7deg);box-shadow:inset 0 0 0 2px #321a12}.brand-reference{display:flex;gap:12px;color:var(--orange);font:700 8px/1 Arial Narrow,ui-monospace,monospace;letter-spacing:.18em}.brand-name{color:var(--text);font-size:21px;font-weight:800;letter-spacing:.2em}.brand-name span{color:var(--orange-hi)}.brand-subtitle,.topbar-meta,.eyebrow,.section-index,.block-label,.toolbar-label,.effect-subtitle,.footer,.mod-control span,.filter-strip,.warning-strip,.step-number,.step-flag,.slider-label{font-family:Arial Narrow,Roboto Condensed,ui-monospace,monospace;letter-spacing:.12em}.brand-subtitle{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.2em}.topbar-meta{width:min(264px,100%);display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:16px;color:var(--muted);font-size:10px;letter-spacing:.12em}.top-play-button,.top-mash-button,.top-stop-button{width:100%;min-width:0;min-height:58px;padding:16px 30px;border:1px solid var(--orange);background:linear-gradient(135deg,#542414,#251711);color:var(--orange-hi);font:800 18px Arial Narrow,ui-monospace,monospace;letter-spacing:.24em;box-shadow:0 0 0 1px #e866321f,0 8px 24px #00000038}.top-play-button:hover,.top-play-button:focus-visible,.top-play-button.active{border-color:var(--acid);color:var(--acid)}.top-play-button.active{background:var(--acid);color:#171d13;box-shadow:0 0 20px #c7ee5147}.top-mash-button:hover,.top-mash-button:focus-visible{border-color:var(--acid);color:var(--acid)}.top-mash-button.active{border-color:var(--acid);background:var(--acid);color:#171d13;box-shadow:0 0 20px #c7ee5147}.top-stop-button:hover,.top-stop-button:focus-visible{border-color:var(--acid);color:var(--acid)}.top-mode-status{min-height:14px;color:var(--muted);font:8px/1 Arial Narrow,ui-monospace,monospace;letter-spacing:.15em;text-align:center}.panel-grid{position:relative;overflow:hidden;border:1px solid var(--line);background-color:#151817;background-image:linear-gradient(135deg,#30332fa8,#080a09d6),var(--speaker-grille);background-position:center,center;background-size:cover,560px 560px;background-repeat:no-repeat,repeat;background-blend-mode:multiply,normal;box-shadow:0 18px 60px #00000057,inset 0 1px #dfe5dc14}.panel-grid:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.022) 4px);mix-blend-mode:screen}.hero-panel{display:grid;grid-template-columns:1fr;min-height:146px;margin-top:32px;padding:25px 30px;border-color:#4e5b50;background:linear-gradient(115deg,#242b25,#121715 64%)}.hero-panel:after{content:"";position:absolute;width:340px;height:340px;right:10%;top:-190px;border:1px solid rgba(113,212,207,.15);border-radius:50%;box-shadow:0 0 0 28px #71d4cf06,0 0 0 58px #71d4cf05;pointer-events:none}.eyebrow{color:var(--acid);font-size:10px;font-weight:700}h1,h2,p{margin:0}h1{margin-top:12px;font-size:clamp(42px,8vw,74px);line-height:.9;letter-spacing:-.075em;font-weight:800;color:#f0f2e7}h1 em{color:var(--orange-hi);font-style:normal}.hero-copy p{margin-top:18px;color:var(--muted);font-size:14px;letter-spacing:.05em}.oscillators-panel,.filter-panel,.preamp-panel,.director-panel,.integration-panel,.sequencer-panel,.drums-panel,.effects-panel{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:18px;margin-top:18px;padding:17px 19px 19px}.section-heading{position:relative;z-index:1;gap:14px;min-height:40px}.section-index{color:var(--orange);font-size:11px}.section-heading h2{color:var(--text);font-size:18px;letter-spacing:.18em;line-height:1}.section-heading p{margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.05em}.section-line{flex:1;height:1px;margin-left:12px;background:linear-gradient(90deg,var(--line),transparent)}.instrument-panel>.section-heading,.preamp-panel>.section-heading,.sequencer-panel>.section-heading,.drums-panel>.section-heading,.effects-panel>.section-heading{grid-column:1;grid-row:1;align-items:center;flex-direction:column;justify-content:flex-start;height:100%;padding-right:18px;border-right:1px solid var(--line)}.instrument-panel>.section-heading>div,.preamp-panel>.section-heading>div,.sequencer-panel>.section-heading>div,.drums-panel>.section-heading>div,.effects-panel>.section-heading>div{display:flex;align-items:center;flex-direction:column;gap:10px}.instrument-panel>.section-heading h2,.preamp-panel>.section-heading h2,.sequencer-panel>.section-heading h2,.drums-panel>.section-heading h2,.effects-panel>.section-heading h2,.instrument-panel>.section-heading p,.preamp-panel>.section-heading p,.sequencer-panel>.section-heading p,.drums-panel>.section-heading p,.effects-panel>.section-heading p{margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.instrument-panel>.section-heading p,.preamp-panel>.section-heading p,.sequencer-panel>.section-heading p,.drums-panel>.section-heading p,.effects-panel>.section-heading p{display:none}.instrument-panel>.section-heading h2,.preamp-panel>.section-heading h2,.sequencer-panel>.section-heading h2,.drums-panel>.section-heading h2,.effects-panel>.section-heading h2{letter-spacing:.12em}.instrument-panel>.section-heading p,.preamp-panel>.section-heading p,.sequencer-panel>.section-heading p,.drums-panel>.section-heading p,.effects-panel>.section-heading p{font-size:8px;letter-spacing:.08em;line-height:1.2}.instrument-panel>.voice-grid,.preamp-panel>.preamp-surface,.drums-panel>.drum-machine,.effects-panel>.effects-grid{grid-column:2;grid-row:1;margin-top:0}.sequencer-panel>.section-heading{grid-row:1}.sequencer-panel>.sequencer-tracks{grid-column:2;grid-row:1}.instrument-panel>.section-heading .section-line,.preamp-panel>.section-heading .section-line,.sequencer-panel>.section-heading .section-line,.drums-panel>.section-heading .section-line,.effects-panel>.section-heading .section-line{display:none}.oscillators-panel>.section-heading,.filter-panel>.section-heading{grid-column:1;grid-row:1;align-items:center;flex-direction:column;justify-content:flex-start;height:100%;padding-right:18px;border-right:1px solid var(--line)}.oscillators-panel>.section-heading>div,.filter-panel>.section-heading>div{display:flex;align-items:center;flex-direction:column;gap:10px}.oscillators-panel>.section-heading h2,.filter-panel>.section-heading h2,.oscillators-panel>.section-heading p,.filter-panel>.section-heading p{margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.oscillators-panel>.section-heading p,.filter-panel>.section-heading p{display:none}.oscillators-panel>.section-heading h2,.filter-panel>.section-heading h2{letter-spacing:.12em}.oscillators-panel>.section-heading .section-line,.filter-panel>.section-heading .section-line{display:none}.oscillator-surface,.filter-surface{position:relative;z-index:1;grid-column:2;grid-row:1;min-width:0}.oscillator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.oscillator-module,.filter-module{min-width:0;padding:16px 17px 15px;background-color:#27281c}.oscillator-module{background-image:linear-gradient(#181810ad,#0d0e0ad6),url(/assets/room101-faceplate-vco1-fractal-light-Cn5cnwH-.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal}.oscillator-module.vco-two-block{background-image:linear-gradient(#090d0f85,#040709c7),url(/assets/room101-faceplate-vco2-fractal-inverse-C5E8-aBC.png)}.filter-module{background-image:linear-gradient(#0f100c99,#0a0b08c7),url(/assets/room101-faceplate-phatr-acid-thick-brown-fur-Yn67Wx60.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal}.oscillator-grid .vco-block{display:block}.oscillator-grid .vco-block .wave-switch{margin-top:18px}.oscillator-grid .vco-block .wavelength-label{margin-top:16px}.oscillator-grid .vco-block .range-switch,.oscillator-grid .vco-block .wavelength-output{margin-top:7px}.oscillator-grid .vco-block .voice-slider-stack{margin-top:14px}.oscillator-grid .vco-two-block{grid-column:auto;grid-row:auto}.filter-module .voice-slider-stack{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:12px;margin-top:18px}.filter-module .filter-strip{margin-top:20px}.filter-aux-control{display:grid;grid-template-columns:minmax(90px,110px) minmax(100px,1fr) 48px;align-items:center;gap:8px;min-width:0}.filter-module .voice-slider-control{grid-template-columns:minmax(90px,110px) minmax(100px,1fr) 48px}.filter-aux-control .slider-label{font-size:8px;letter-spacing:.08em}.filter-aux-control output{font-size:9px;text-align:right}.director-panel>.section-heading{grid-column:1;grid-row:1;align-items:center;flex-direction:column;justify-content:flex-start;height:100%;padding-right:18px;border-right:1px solid var(--line)}.director-panel>.section-heading>div{display:flex;align-items:center;flex-direction:column;gap:10px}.director-panel>.section-heading h2,.director-panel>.section-heading p{margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.director-panel>.section-heading p{display:none}.director-panel>.section-heading h2{letter-spacing:.12em}.director-panel>.section-heading .section-line{display:none}.director-panel>.phrase-director{grid-column:2;grid-row:1;width:auto;min-width:0;padding:14px 14px 14px 18px;border-left:0}.integration-panel>.section-heading{grid-column:1;grid-row:1;align-items:center;flex-direction:column;justify-content:flex-start;height:100%;padding-right:18px;border-right:1px solid var(--line)}.integration-panel>.section-heading>div{display:flex;align-items:center;flex-direction:column;gap:10px}.integration-panel>.section-heading h2,.integration-panel>.section-heading p{margin:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.integration-panel>.section-heading p{display:none}.integration-panel>.section-heading h2{letter-spacing:.12em}.integration-panel>.section-heading .section-line{display:none}.integration-panel>.integration-surface{grid-column:2;grid-row:1;min-width:0}.integration-surface{position:relative;z-index:1}.integration-module{min-width:0;padding:16px 17px 15px;background-color:#191d1c;background-image:linear-gradient(#0a0e0e75,#040707d1),url(/assets/room101-faceplate-integration-Cx0_MyQX.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal;box-shadow:inset 0 1px #dce5df1a,inset 0 -2px #00000075}.voice-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:0;border:1px solid var(--line);background:var(--line)}.control-block{min-height:0;padding:13px 14px 12px;border-right:0;background:linear-gradient(135deg,#1d2320f5,#0f1311fa)}.control-block.oscillator-module.vco-block{background-image:linear-gradient(#181810ad,#0d0e0ad6),url(/assets/room101-faceplate-vco1-fractal-light-Cn5cnwH-.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal}.control-block.filter-module{background-image:linear-gradient(#080d0f8a,#030709d1),url(/assets/room101-faceplate-phatr-acid-thick-brown-fur-Yn67Wx60.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal}.control-block:last-child{border-right:0}.module-block{min-height:0;border-bottom:0}.module-block:nth-child(2n){border-right:0}.module-block:nth-child(n+3){border-bottom:0}.block-label{color:var(--muted);font-size:10px;font-weight:700}.module-caption{margin-top:5px;color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.12em}.module-subhead{margin-top:21px;padding-top:11px;border-top:1px solid var(--line-soft);color:var(--cyan);font:9px Arial Narrow,ui-monospace,monospace;letter-spacing:.13em}.wave-switch{display:flex;gap:5px;margin-top:18px}.wave-button{border:1px solid #66716c;background:linear-gradient(180deg,#474e4be6,#101312f5);color:var(--muted);font-size:10px;letter-spacing:.12em;box-shadow:inset 0 1px #e3ebe421,inset 0 -2px #0000007a}.wave-button{padding:10px 9px}.wave-button.active{color:var(--acid);border-color:var(--acid);background:#c7ee510f;box-shadow:inset 0 -2px 0 var(--acid)}.wavelength-label{margin-top:16px;color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.12em}.range-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.range-button{padding:7px 4px;border:1px solid #66716c;background:linear-gradient(180deg,#474e4be6,#101312f5);color:var(--muted);font-size:8px;letter-spacing:.1em;box-shadow:inset 0 1px #e3ebe421,inset 0 -2px #0000007a}.range-button.active{color:var(--cyan);border-color:var(--cyan);background:#71d4cf12;box-shadow:inset 0 -2px 0 var(--cyan)}.wavelength-output{display:block;margin-top:7px;color:var(--cyan);font-size:8px;text-align:right}.voice-slider-stack{display:grid;gap:8px;margin-top:13px}.voice-slider-stack.compact{gap:9px}.oscillator-sliders{margin-top:14px}.vco-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:5px;align-content:start}.vco-block>.block-label{grid-column:1 / -1;grid-row:1}.vco-block>.module-caption{grid-column:1 / -1;grid-row:2}.vco-block>:nth-child(3){grid-column:1;grid-row:3}.vco-block>:nth-child(4){grid-column:1;grid-row:4}.vco-block>:nth-child(5){grid-column:1;grid-row:5}.vco-block>:nth-child(6){grid-column:1;grid-row:6}.vco-block>:nth-child(7){grid-column:2;grid-row:3 / span 4}.vco-block .wave-switch,.vco-block .wavelength-label,.vco-block .range-switch,.vco-block .wavelength-output,.vco-block .voice-slider-stack{margin-top:0}.vco-two-block{grid-column:1;grid-row:2}.vcf-block{grid-column:2;grid-row:1}.vco-two-block .wave-switch{margin-top:18px}.vco-two-block .voice-slider-stack{margin-top:14px}.preamp-surface{position:relative;z-index:1}.preamp-module{padding:13px 14px 12px;background-color:#181b1b;background-image:linear-gradient(#0f12137a,#070909c2),url(/assets/room101-faceplate-mix-CHrgUMHK.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal}.preamp-module .module-subhead{margin-top:0;padding-top:8px}.preamp-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;margin-top:13px}.preamp-layout>*{min-width:0;padding-inline:18px}.preamp-layout>*+*{border-left:1px solid var(--line)}.preamp-tone-area{min-width:0;display:flex;justify-content:center;align-items:flex-start}.preamp-tone-grid{display:grid;grid-template-columns:max-content;width:max-content;max-width:100%;justify-content:center;justify-items:stretch;align-content:start;gap:4px}.preamp-tone-button{width:100%;max-width:100%;min-height:30px;padding:5px 8px;border:1px solid #66716c;background:linear-gradient(180deg,#434a48eb,#0f1211f5);color:var(--muted);font-size:7px;line-height:1.1;letter-spacing:.08em;text-align:left;white-space:nowrap;box-shadow:inset 0 1px #e3ebe421,inset 0 -2px #00000080,0 2px 4px #0000004d}.preamp-tone-button.active{color:var(--acid);border-color:var(--acid);background:#c7ee510f;box-shadow:inset 0 -2px 0 var(--acid)}.vu-meter{min-width:0;min-height:174px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 18px 6px;border:1px solid var(--line);background:linear-gradient(180deg,#161d19d6,#070b09f5);box-shadow:inset 0 1px #e1eedb1a,inset 0 -2px #00000080}.vu-meter-heading{display:flex;flex-direction:column;align-items:center;color:var(--muted);font:700 7px/1.15 Arial Narrow,ui-monospace,monospace;letter-spacing:.14em}.vu-dial{position:relative;width:118px;height:102px;overflow:hidden;border:1px solid #66716c;border-radius:62px 62px 9px 9px;background:radial-gradient(circle at 50% 105%,#d2c993 0 8%,#9e9a71 38%,#5f634f 73%,#303832);box-shadow:inset 0 3px 8px #fff5b93d,inset 0 -8px 12px #00000085,0 2px 5px #0000006b}.vu-dial:before{content:"";position:absolute;inset:9px 8px 0;border:1px solid rgba(30,34,28,.7);border-bottom:0;border-radius:54px 54px 0 0;pointer-events:none}.vu-tick{position:absolute;left:50%;bottom:10px;width:1px;height:42px;transform:rotate(var(--vu-tick));transform-origin:50% 100%}.vu-tick:after{content:"";position:absolute;top:0;left:0;width:1px;height:7px;background:#252a21;box-shadow:0 0 1px #fff8c052}.vu-tick.major:after{width:2px;height:11px;left:-1px}.vu-scale-labels{position:absolute;inset:57px 10px 7px;color:#242a21;font:700 8px/1 Arial Narrow,ui-monospace,monospace}.vu-scale-labels span{position:absolute;bottom:0;transform:translate(-50%)}.vu-scale-labels span:nth-child(1){left:4%}.vu-scale-labels span:nth-child(2){left:31%}.vu-scale-labels span:nth-child(3){left:62%}.vu-scale-labels span:nth-child(4){left:96%}.vu-needle{position:absolute;left:50%;bottom:9px;width:2px;height:70px;border-radius:2px;transform:rotate(var(--vu-angle, -52deg));transform-origin:50% 100%;background:linear-gradient(90deg,#3e1712,#e0522d 48%,#6d1e17);box-shadow:1px 0 2px #00000075,0 0 3px #d5432680;transition:transform .08s cubic-bezier(.2,.8,.25,1)}.vu-pivot{position:absolute;left:50%;bottom:5px;width:12px;height:12px;transform:translate(-50%);border:2px solid #20261f;border-radius:50%;background:radial-gradient(circle at 38% 32%,#d7d6a1,#51584a 45%,#20261f 48%);box-shadow:0 1px 3px #000000a6}.vu-meter-footer{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;color:var(--muted)}.vu-meter-footer output{font:700 8px/1 Arial Narrow,ui-monospace,monospace;letter-spacing:.08em}.vu-meter-light{width:9px;height:9px;border-radius:50%;background:#283629;border:1px solid #4b7545;box-shadow:inset 0 1px 1px #ffffff24;transition:background .08s,box-shadow .08s}.vu-meter-light.active{background:#79ef62;box-shadow:0 0 5px #79ef62,0 0 14px #79ef62bd}.vu-meter-status{justify-self:end;color:#647166;font:7px/1 Arial Narrow,ui-monospace,monospace;letter-spacing:.12em}.vu-meter-status.active{color:#79ef62;text-shadow:0 0 6px rgba(121,239,98,.58)}.preamp-control-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;padding-right:18px}.preamp-level-control{display:grid;justify-items:center;align-items:center;gap:5px;min-width:52px}.preamp-level-control{grid-template-rows:auto 104px auto}.mix-level-heading{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.preamp-level-control .slider-label{font-size:8px;letter-spacing:.08em}.preamp-level-control output{font-size:8px;white-space:nowrap}.mix-mute-button{padding:2px 4px;border:1px solid var(--line);background:#0a0e0cd1;color:var(--muted);font:7px/1 Arial Narrow,ui-monospace,monospace;letter-spacing:.05em}.mix-mute-button:hover,.mix-mute-button:focus-visible{border-color:var(--orange-hi);color:var(--orange-hi)}.mix-mute-button.active{border-color:var(--orange-hi);background:#bd5d2b3d;color:var(--orange-hi);box-shadow:0 0 8px #ee8b4529}.preamp-level-slider{width:28px;height:104px;margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:var(--cyan);cursor:ns-resize}.preamp-level-control:nth-child(2) .preamp-level-slider{accent-color:var(--acid)}.preamp-level-control:nth-child(3) .preamp-level-slider{accent-color:var(--orange-hi)}.mix-effects-rack{display:grid;gap:10px;padding-right:18px}.mix-control{display:grid;grid-template-columns:58px minmax(70px,1fr) 42px;align-items:center;gap:8px;min-width:0}.mix-control .slider-label{font-size:8px;letter-spacing:.08em}.mix-control output{font-size:9px;text-align:right;white-space:nowrap}.module-effects-grid .effect-control{min-height:44px;padding-block:4px}.voice-slider-control{display:grid;grid-template-columns:minmax(57px,75px) minmax(45px,1fr) 48px;align-items:center;gap:8px}.slider-label{color:var(--muted);font-size:9px;white-space:nowrap}.voice-slider{width:100%;height:22px;accent-color:var(--orange);cursor:ew-resize}.voice-slider-control.hot .voice-slider{accent-color:var(--orange)}.voice-slider-control output{text-align:right}output{color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.04em}.filter-strip{justify-content:space-between;gap:7px;margin-top:14px;color:var(--muted);font-size:8px}.filter-strip i{flex:1;height:1px;background:var(--line)}.phatr-symbol{color:var(--orange);font-size:14px;margin-right:4px}.mod-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px;margin-top:14px}.mod-control{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px;align-items:center;color:var(--muted);font-size:9px}.mod-control input{width:100%;height:3px;accent-color:var(--orange)}.mod-control output{min-width:39px;text-align:right;font-size:9px}.warning-strip{justify-content:space-between;margin-top:14px;padding:7px 8px;border:1px solid rgba(232,102,50,.35);color:var(--orange-hi);font-size:8px}.warning-strip span{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--orange);color:#18110e;font-weight:800}.matrix-heading{display:flex;align-items:baseline;gap:10px;margin-top:15px;color:var(--text);font:9px Arial Narrow,ui-monospace,monospace;letter-spacing:.14em}.matrix-heading small{color:var(--muted);font-size:8px;letter-spacing:.1em}.matrix-grid{display:grid;gap:6px;margin-top:9px}.matrix-row{display:grid;grid-template-columns:82px 17px 112px minmax(90px,1fr) 43px;align-items:center;gap:7px}.matrix-select{width:100%;min-width:0;border:1px solid var(--line);padding:6px 5px;background:#151b17;color:var(--text);font-size:9px;letter-spacing:.08em}.matrix-arrow{color:var(--orange);text-align:center}.matrix-amount{width:100%;height:3px;accent-color:var(--cyan)}.matrix-output{text-align:right;font-size:9px}.envelope-note{display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.1em}.envelope-note i{flex:1;height:1px;background:var(--line)}.channel-control{display:grid;grid-template-columns:auto minmax(90px,140px) auto;align-items:center;gap:10px}.channel-slider{width:100%;height:4px;accent-color:var(--acid);cursor:ew-resize}.toolbar-label{color:var(--muted);font-size:9px;white-space:nowrap}input[type=range]{appearance:none;-webkit-appearance:none;accent-color:var(--orange);cursor:pointer;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:7px;border:1px solid #776f55;border-radius:2px;background:linear-gradient(90deg,rgba(184,84,37,.9) 0 var(--slider-fill, 50%),rgba(21,22,16,.94) var(--slider-fill, 50%) 100%);box-shadow:inset 0 1px 2px #000000bf,inset 0 -1px #eed38e1f,0 1px #ffffff0a}input[type=range]::-moz-range-track{height:7px;border:1px solid #776f55;border-radius:2px;background:linear-gradient(90deg,rgba(184,84,37,.9) 0 var(--slider-fill, 50%),rgba(21,22,16,.94) var(--slider-fill, 50%) 100%);box-shadow:inset 0 1px 2px #000000bf,inset 0 -1px #eed38e1f,0 1px #ffffff0a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:24px;margin-top:-9px;border:0;border-radius:3px;background:transparent url(/assets/room101-slider-cap-BpQqPC9O.png) center / 145% 145% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}input[type=range]::-moz-range-thumb{width:34px;height:24px;border:0;border-radius:3px;background:transparent url(/assets/room101-slider-cap-BpQqPC9O.png) center / 145% 145% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}input[type=range]:focus-visible{outline:1px solid var(--acid);outline-offset:3px}.preamp-level-slider::-webkit-slider-runnable-track{background:linear-gradient(0deg,rgba(184,84,37,.9) 0 var(--slider-fill, 50%),rgba(21,22,16,.94) var(--slider-fill, 50%) 100%)}.preamp-level-slider::-moz-range-track{background:linear-gradient(0deg,rgba(184,84,37,.9) 0 var(--slider-fill, 50%),rgba(21,22,16,.94) var(--slider-fill, 50%) 100%)}.preamp-level-slider::-webkit-slider-thumb{width:24px;height:34px;margin-top:-13px}.preamp-level-slider::-moz-range-thumb{width:24px;height:34px}.phrase-director{flex:1 1 420px;min-width:320px;display:grid;grid-template-columns:minmax(0,1fr) 5cm minmax(120px,19%) 6.5%;grid-template-areas:"heading heading heading heading" "transport . actions ." "macros . actions .";align-items:start;gap:8px;padding:14px 14px 14px 18px;border-left:1px solid var(--line);background-color:#252a28;background-image:linear-gradient(#1e222194,#080b0bc2),url(/assets/room101-faceplate-director-6GLmeGWe.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal;box-shadow:inset 0 1px #dce5df17,inset 0 -2px #0006}.director-heading{grid-area:heading;display:flex;align-items:center;justify-content:flex-end;gap:10px}.director-heading output{font-size:8px;letter-spacing:.1em}.midi-controls{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.75fr) auto minmax(120px,.8fr) minmax(120px,.8fr);align-items:center;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(86,96,91,.6)}.midi-select-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0}.midi-select-control select{min-width:0;width:100%;padding:5px 6px;border:1px solid var(--line);border-radius:2px;background:#111714;color:var(--text);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.07em}.midi-refresh{padding:5px 7px;border:1px solid var(--line);background:#171e1a;color:var(--cyan);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.08em}.midi-refresh:hover,.midi-refresh:focus-visible{border-color:var(--acid);color:var(--acid)}.midi-status{min-width:0;overflow:hidden;color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.performance-status{min-width:0;overflow:hidden;color:var(--acid);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.performance-status.warning{color:var(--orange-hi)}.performance-status.error{color:#ff6b5f}.midi-map{grid-column:1 / -1;min-width:0;color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.08em}.midi-map summary{cursor:pointer;color:var(--cyan)}.midi-map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding-top:6px}.midi-map-row{display:grid;grid-template-columns:minmax(0,1fr) 28px auto;align-items:center;gap:5px;min-width:0}.midi-map-row output{color:var(--text);text-align:right}.midi-map-row button{padding:3px 4px;border:1px solid var(--line);background:#141b17;color:var(--muted);font:7px Arial Narrow,ui-monospace,monospace;letter-spacing:.06em}.midi-map-row button.active,.midi-map-row button:hover,.midi-map-row button:focus-visible{border-color:var(--acid);color:var(--acid)}.midi-map-reset{margin-top:6px;padding:3px 5px;border:1px solid var(--line);background:transparent;color:var(--muted);font:7px Arial Narrow,ui-monospace,monospace;letter-spacing:.06em}.director-transport{grid-area:transport;display:grid;grid-template-columns:1fr;gap:8px;padding:8px 0}.director-macro-grid{grid-area:macros;display:grid;grid-template-columns:1fr;gap:8px}.director-macro{display:grid;grid-template-columns:42px minmax(64px,.62fr) 34px minmax(130px,1fr);align-items:center;gap:5px 8px;min-width:0}.director-macro .slider-label{font-size:8px;letter-spacing:.06em}.director-slider{width:100%;height:22px;accent-color:var(--cyan)}.director-macro output{font-size:8px;text-align:right}.director-description{color:var(--muted);font:8px/1.25 Arial Narrow,ui-monospace,monospace;letter-spacing:.04em}.director-actions{grid-area:actions;align-self:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;padding-left:0;border-left:0}.director-action{min-width:0;height:100%;padding:6px 4px;border:1px solid rgba(101,107,96,.82);border-radius:2px;background:linear-gradient(180deg,#2c2e2757,#080a09a3);color:#ced3c4d1;font-size:8px;letter-spacing:.1em;box-shadow:inset 0 1px #e3ebe42e,inset 0 -3px #0000009e,0 1px 1px #00000073;-webkit-backdrop-filter:brightness(.78) contrast(1.08);backdrop-filter:brightness(.78) contrast(1.08)}.director-action:hover,.director-action:focus-visible,.director-action.active{color:var(--acid);border-color:var(--acid);background:#c7ee510f}.mash-button{color:var(--orange-hi);border-color:#e86632a6}.mash-button.active{color:#171d13;border-color:var(--acid);background:var(--acid);box-shadow:0 0 16px #c7ee5133}.sequencer-tracks{display:grid;gap:12px;margin-top:0;min-width:0;padding:15px;border:1px solid var(--line);background-color:#141916;background-image:linear-gradient(#070c0ba8,#040707d6),url(/assets/room101-faceplate-sequencer-traces-75sW2Tsz.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal;box-shadow:inset 0 1px #dcebe117,inset 0 -2px #00000073}.sequencer-track{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:stretch;min-width:0}.track-label{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 9px;border:1px solid var(--line);color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.12em}.track-label strong{color:var(--acid);font-size:9px}.track-label span{color:var(--muted)}.sequencer-track[data-track="1"] .track-label strong{color:var(--cyan)}.sequencer-track .step-grid{margin-top:0}.step-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(16,minmax(40px,1fr));gap:6px;margin-top:14px}.step-button{position:relative;min-width:0;min-height:86px;padding:8px 4px 6px;border:1px solid var(--line);background:linear-gradient(180deg,#202824,#171c19);color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .12s,transform .12s,background .12s}.step-button:hover{border-color:var(--cyan);transform:translateY(-2px)}.step-button.selected{border-color:var(--acid);box-shadow:inset 0 -3px 0 var(--acid)}.step-button.playing{background:linear-gradient(180deg,#424b2b,#202919);border-color:var(--acid);box-shadow:0 0 18px #c7ee5124}.step-button.rest{opacity:.6}.step-number{position:absolute;top:7px;left:7px;color:var(--muted);font-size:8px}.step-note{display:block;margin-top:22px;color:var(--cyan);font-size:16px;font-weight:800;letter-spacing:-.03em}.step-button.accent .step-note{color:var(--orange-hi)}.step-flag{position:absolute;bottom:7px;left:0;right:0;color:var(--muted);font-size:7px;letter-spacing:.07em}.step-button.accent .step-flag:before{content:"A ";color:var(--orange-hi)}.step-button.slide .step-flag:after{content:" S";color:var(--cyan)}.step-button.rest .step-note{color:var(--muted)}.step-action-modal{position:fixed;z-index:30;width:188px;padding:9px;transform:translate(-50%,-50%);border:1px solid var(--acid);background:linear-gradient(145deg,#263126,#111713);box-shadow:0 12px 36px #0000007a,0 0 0 1px #c7ee5129;pointer-events:none}.step-action-title{color:var(--acid);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.18em;text-align:center}.step-action-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,30px);gap:4px;margin-top:7px}.step-action-option,.step-action-center{display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.06em;text-align:center}.step-action-option.active{border-color:var(--orange-hi);background:#e866322e;color:var(--orange-hi);box-shadow:inset 0 0 0 1px #ff8a4238}.step-action-center{grid-column:2;grid-row:2;color:var(--cyan);border-color:#71d4cf73;font-size:7px}.step-action-up{grid-column:2;grid-row:1}.step-action-left{grid-column:1;grid-row:2}.step-action-right{grid-column:3;grid-row:2}.step-action-down{grid-column:2;grid-row:3}.select-control,.toggle-control{display:flex;align-items:center;gap:8px;color:var(--muted);font:9px Arial Narrow,monospace;letter-spacing:.12em}.select-control select{border:1px solid var(--line);padding:7px 26px 7px 8px;background:#151b17;color:var(--text);font-size:11px}.toggle-control{padding:7px 9px;border:1px solid var(--line)}.toggle-control:has(input:checked){border-color:var(--orange);color:var(--orange-hi);background:#e8663212}.toggle-control input{accent-color:var(--orange)}.effects-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:0;margin-top:19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.effect-control{display:grid;grid-template-columns:120px minmax(130px,1fr) minmax(140px,240px) 50px;align-items:center;column-gap:18px;min-height:58px;padding:10px 16px;border-bottom:1px solid var(--line);cursor:default}.effect-control:last-child{border-bottom:0}.effect-title{color:var(--text);font-size:13px;font-weight:700;letter-spacing:.18em}.effect-subtitle{color:var(--muted);font-size:8px}.outboard-slider{width:100%;margin:0;accent-color:var(--orange);cursor:ew-resize}.outboard-slider.master-slider{accent-color:var(--acid)}.effect-control output{margin:0;text-align:right}.module-effects-grid{margin-top:14px}.module-effects-grid .effect-control{grid-template-columns:110px minmax(100px,1fr) minmax(90px,1fr) 44px;column-gap:10px;padding-inline:10px}.drum-machine{position:relative;z-index:1;overflow-x:auto;padding:15px;border:1px solid var(--line);background-color:#181613;background-image:linear-gradient(#110f0ba3,#060706d6),url(/assets/room101-faceplate-drums-ripples-CoKbL6cS.png);background-position:center;background-size:cover;background-blend-mode:multiply,normal;box-shadow:inset 0 1px #e8d6b417,inset 0 -2px #00000073}.drum-grid{display:grid;grid-template-columns:112px repeat(16,minmax(24px,1fr));gap:5px;min-width:660px}.drum-corner,.drum-name,.drum-step-number{color:var(--muted);font:8px Arial Narrow,ui-monospace,monospace;letter-spacing:.12em}.drum-corner{display:flex;align-items:center;padding-left:7px;color:var(--acid)}.drum-name{display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:2px;padding:3px 7px;border-right:1px solid var(--line)}.drum-name>span{line-height:1}.drum-channel-slider{width:100%;height:3px;accent-color:var(--orange)}.drum-step-number{display:grid;place-items:center;min-height:18px}.drum-step{min-height:33px;padding:0;border:1px solid var(--line);border-radius:2px;background:#171d19;touch-action:none}.drum-step:hover{border-color:var(--cyan)}.drum-step.active{border-color:var(--orange);background:linear-gradient(180deg,#c95f32,#73321f);box-shadow:inset 0 0 0 1px #ffae6c2e}.drum-step.playing{box-shadow:0 0 0 1px var(--acid),0 0 12px #c7ee5138}.drum-step.active.playing{border-color:var(--acid)}.footer{justify-content:space-between;padding:20px 2px 0;color:#59635c;font-size:8px}@media(max-width:1060px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(8,minmax(50px,1fr))}.step-button:nth-child(n+9){margin-top:2px}}@media(max-width:720px){.app-shell{width:min(100% - 20px,560px);padding-top:13px}.topbar{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:15px}.topbar-meta{width:100%;justify-content:space-between;flex-wrap:wrap}.oscillators-panel,.filter-panel,.preamp-panel,.director-panel,.integration-panel,.sequencer-panel,.drums-panel,.effects-panel{grid-template-columns:62px minmax(0,1fr);column-gap:12px;padding:18px 16px 20px}.oscillators-panel>.section-heading,.filter-panel>.section-heading,.preamp-panel>.section-heading,.director-panel>.section-heading,.integration-panel>.section-heading,.sequencer-panel>.section-heading,.drums-panel>.section-heading,.effects-panel>.section-heading{padding-right:10px}.oscillators-panel>.section-heading h2,.filter-panel>.section-heading h2,.preamp-panel>.section-heading h2,.director-panel>.section-heading h2,.integration-panel>.section-heading h2,.sequencer-panel>.section-heading h2,.drums-panel>.section-heading h2,.effects-panel>.section-heading h2{font-size:15px}.oscillators-panel>.section-heading p,.filter-panel>.section-heading p,.preamp-panel>.section-heading p,.director-panel>.section-heading p,.integration-panel>.section-heading p,.sequencer-panel>.section-heading p,.drums-panel>.section-heading p,.effects-panel>.section-heading p{font-size:7px}.voice-grid{grid-template-columns:1fr}.control-block{min-height:156px;padding:16px 13px 13px}.vco-block{display:block}.vco-block .wave-switch{margin-top:18px}.vco-block .wavelength-label{margin-top:16px}.vco-block .range-switch,.vco-block .wavelength-output{margin-top:7px}.vco-block .voice-slider-stack.oscillator-sliders{margin-top:14px}.filter-module .voice-slider-stack{grid-template-columns:1fr}.oscillator-surface{overflow-x:auto}.oscillator-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:480px}.module-block{grid-column:auto;grid-row:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.module-block:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.module-block:last-child{border-bottom:0}.preamp-layout{grid-template-columns:1fr;gap:12px}.preamp-layout>*{padding-inline:0;border-left:0}.preamp-tone-area{justify-content:flex-start}.vu-meter{padding:7px 6px 6px}.mix-effects-rack{padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0}.preamp-control-rack{justify-content:center;padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.voice-slider-control{grid-template-columns:50px minmax(30px,1fr) 42px;gap:5px}.slider-label{font-size:8px;letter-spacing:.05em}.mod-row{grid-template-columns:1fr}.matrix-row{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 34px;grid-template-areas:"source arrow destination output" "amount amount amount amount";gap:5px}.matrix-source{grid-area:source}.matrix-arrow{grid-area:arrow}.matrix-destination{grid-area:destination}.matrix-amount{grid-area:amount}.matrix-output{grid-area:output}.director-panel>.phrase-director{padding:12px 10px 12px 0;border-top:0}.phrase-director{width:100%;min-width:0;padding-top:12px;padding-left:0;border-top:1px solid var(--line);border-left:0}.phrase-director{grid-template-columns:minmax(0,1fr) 94px;grid-template-areas:"heading heading" "transport actions" "macros actions"}.midi-controls{grid-template-columns:1fr 1fr}.midi-refresh,.midi-status{min-height:26px}.midi-map-list{grid-template-columns:repeat(2,minmax(0,1fr))}.director-transport{grid-template-columns:1fr;gap:8px}.director-macro{grid-template-columns:40px minmax(30px,.62fr) 30px}.director-description{grid-column:1 / -1;padding-left:40px}.sequencer-track{grid-template-columns:1fr;gap:6px}.track-label{flex-direction:row;align-items:baseline;justify-content:space-between}.step-grid{grid-template-columns:repeat(4,1fr)}.effect-control{grid-template-columns:95px minmax(85px,1fr) 90px 42px;column-gap:8px;padding:10px 8px}.module-effects-grid .effect-control{grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"title output" "subtitle output" "slider slider";row-gap:5px;column-gap:8px;min-height:76px}.module-effects-grid .effect-title{grid-area:title}.module-effects-grid .effect-subtitle{grid-area:subtitle}.module-effects-grid .outboard-slider{grid-area:slider}.module-effects-grid .effect-control output{grid-area:output}.footer{gap:8px;align-items:flex-start;flex-direction:column}}