:root{color-scheme:dark;font-family:Arial,sans-serif;color:#e5ddb1;background:#171b1a}*{box-sizing:border-box}body{margin:0;padding:20px 2vw;min-height:100vh;background:radial-gradient(ellipse at top,#414641,transparent 75%)}header,footer,.bottom{max-width:1586px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font:11px monospace;color:#c0c3ad}.connections{display:flex;align-items:center;gap:8px}header{margin-bottom:15px}button,select{font:11px Arial;color:#eee9cc;background:linear-gradient(#485046,#171d15);border:1px solid #11180f;border-radius:3px;box-shadow:inset 0 1px #8b927d,0 2px 3px #0008;padding:10px 15px;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #fff0af;outline-offset:3px}main{max-width:1586px;margin:auto}.instrumentViewport{overflow-x:auto}#channels{position:relative;width:100%;aspect-ratio:1586/992;background:url('assets/panel-v2.png') center/100% 100% no-repeat;container-type:inline-size;isolation:isolate}.channel{position:absolute;inset:0;pointer-events:none}.channel[data-channel="1"]{transform:translateY(39.72%)}.channel input,.channel button{pointer-events:auto}.rotary{position:absolute;left:11.5%;top:23%;width:8.15%;aspect-ratio:1;filter:drop-shadow(.2cqw .4cqw .3cqw #0009)}.knobFace{position:absolute;inset:0;background-repeat:no-repeat}.rotary i{position:absolute;inset:0;transform:rotate(var(--angle));pointer-events:none}.rotary i:before{content:'';position:absolute;width:6%;height:29%;left:47%;top:9%;background-repeat:no-repeat}.modeKnob{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}.fader{position:absolute;top:21.3%;width:5.7%;height:17.5%;transform:translateX(-50%);text-align:center}.fader>input[type=range]{appearance:none;writing-mode:vertical-lr;direction:rtl;width:100%;height:100%;margin:0;background:transparent;cursor:ns-resize;touch-action:none;border:0}.fader>input[type=range]::-webkit-slider-runnable-track{background:transparent}.fader>input[type=range]::-webkit-slider-thumb{appearance:none;width:5.7cqw;height:3.17cqw;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;filter:drop-shadow(.15cqw .2cqw .13cqw #0008)}.fader>input[type=range]::-moz-range-thumb{width:5.7cqw;height:3.17cqw;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat}.fader>input[type=range]::-moz-range-track{background:transparent}.value{position:absolute;top:107%;left:15%;width:70%;height:2cqw;font:1cqw Arial;text-align:center;color:#f3eccb;background-color:transparent;background-repeat:no-repeat;border:0;border-radius:0;appearance:textfield;padding:.15cqw .3cqw}.value::-webkit-inner-spin-button{appearance:none}.pad{position:absolute;left:9.25%;top:43.8%;width:1.7%;height:2.7%;padding:0;border:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat}.pad.hit{animation:blink .25s}.modeName{position:absolute;left:12.8%;top:40.3%;font:.75cqw monospace;color:#c4bda0;pointer-events:none}.sweepSwitch,.lfoSwitch{position:absolute;top:43.7%;width:4.7%;height:3.3%}.sweepSwitch{left:51.85%}.lfoSwitch{left:62.55%}.lever{width:100%;height:100%;padding:0;border:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat}.lever i,.lever span{display:none}.sh{position:absolute;left:75.2358%;top:28.1573%;width:3.6898%;height:2.7581%;padding:0;border:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat}.sh i{display:none}.bottom{padding:15px 0}.bottom>span{flex:1;font-size:10px}footer{margin-top:4px;font-size:10px}#linkStatus{font-size:10px}.pad:focus-visible{outline-offset:1px}@media(max-width:720px){body{padding:10px 8px}#channels{min-width:850px}header{gap:5px}header>span{display:none}.connections{width:100%;justify-content:flex-end;gap:5px}.bottom>span{font-size:8px}footer{flex-direction:column;align-items:flex-start;gap:6px}}
.knobFace{background-image:url('assets/knobs.png');background-size:239.33884% 184.06780%;background-position:6.52432% 53.02419%;}
.rotary i:before{background-image:url('assets/knobs.png');background-size:2373.77049% 411.36364%;background-position:51.91060% 52.67640%;}
.fader>input[type=range]::-webkit-slider-thumb{background-image:url('assets/buttons.png');background-size:259.49821% 350.32258%;background-position:12.13483% 14.17526%;}
.fader>input[type=range]::-moz-range-thumb{background-image:url('assets/buttons.png');background-size:259.49821% 350.32258%;background-position:12.13483% 14.17526%;}
.value{background-image:url('assets/frames.png');background-size:347.24221% 646.42857%;background-position:13.48206% 84.64052%;}

.sh{background-image:url('assets/switches.png');background-size:470.12987% 754.16667%;background-position:50.43860% 36.51805%;}
.sh[aria-pressed=true]{background-image:url('assets/switches.png');background-size:468.60841% 754.16667%;background-position:84.02107% 36.51805%;}
.lever[data-position="0"]{background-image:url('assets/switches.png');background-size:362.00000% 724.00000%;background-position:5.72519% 81.30342%;}
.lever[data-position="1"]{background-image:url('assets/switches.png');background-size:362.00000% 724.00000%;background-position:49.90458% 81.30342%;}
.lever[data-position="2"]{background-image:url('assets/switches.png');background-size:362.00000% 724.00000%;background-position:94.46565% 81.30342%;}
@keyframes blink{0%,65%{filter:brightness(2.8) drop-shadow(0 0 .3cqw #ff2000)}100%{filter:none}}

#channels{overflow:hidden}.value{top:99%;height:1.45cqw;font-size:.9cqw}.sweepSwitch,.lfoSwitch{width:4.7919%;height:2.8730%;top:43.8281%}.sweepSwitch{left:50.6620%}.lfoSwitch{left:62.4842%}.pad{left:11.4124%;top:38.9113%;width:7.1248%;height:4.8095%;color:transparent;font-size:0;filter:drop-shadow(.1cqw .15cqw .12cqw #0008)}.modeName{display:none}.triggerLed{position:absolute;left:9.38%;top:44.35%;width:1.42%;height:2.2%;background-repeat:no-repeat;pointer-events:none}.pad.hit{animation:none}.pad.hit+.triggerLed{animation:blink .25s}


.triggerLed{background-image:url('assets/buttons.png');background-size:716.8316831683169% 540.2985074626865%;background-position:23.274478330658106% 89.49152542372882%;}

.pad{background-image:url('assets/trigger.png');background-size:229.8412698% 408.2706767%;background-position:6.7237164% 50.1219512%;}

.pad:active,.pad.hit{background-image:url('assets/trigger.png');background-size:229.8412698% 408.2706767%;background-position:93.8875306% 50.1219512%;}

.lfoSwitch{left:62.3581%;width:4.7919%;height:2.8730%;top:43.8281%}

.panelShift{position:absolute;pointer-events:none}.panelShift:before,.panelShift:after{content:"";position:absolute;inset:0;background-image:url("assets/panel-v2.png");background-size:100cqw auto;background-repeat:no-repeat}.panelShift:before{background-position:-71.879cqw var(--sourceY)}.panelShift:after{background-position:var(--sourceX) var(--sourceY);transform:translate(var(--dx),var(--dy))}
.sweepOff{left:51.51324085750315%;top:40.524193548387096%;width:3.08953341740227cqw;height:1.5762925598991173cqw;--sourceX:-51.513240857503156cqw;--sourceY:-25.346784363177807cqw;--dx:0px;--dy:2px}
.channel[data-channel="1"] .sweepOff{--sourceY:-50.189155107187894cqw}
.lfoOff{left:63.68221941992434%;top:40.725806451612904%;width:3.0264817150063053cqw;height:1.5762925598991173cqw;--sourceX:-63.68221941992434cqw;--sourceY:-25.472887767969738cqw;--dx:5px;--dy:2px}
.channel[data-channel="1"] .lfoOff{--sourceY:-50.31525851197983cqw}
.lfoMarks{left:60.21437578814628%;top:43.850806451612904%;width:9.457755359394705cqw;height:1.7654476670870114cqw;--sourceX:-60.214375788146285cqw;--sourceY:-27.42749054224464cqw;--dx:5px;--dy:0px}
.channel[data-channel="1"] .lfoMarks{--sourceY:-52.26986128625473cqw}

.lfoSwitch{margin-left:5px}