@font-face{font-family:VT323;src:url("assets/fonts/VT323/VT323-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#191714;--case:#c8bca6;--case2:#b6aa94;--dark:#11100e;--black:#050505;--screen:#1f2b20;--screenText:#baff72;--orange:#e87817;--red:#b83220;--yellow:#d8a82f;--cream:#ece0c7;--line:#4b4337;--button:#2a2927;--button2:#3a3834}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.wrap{max-width:1500px;margin:0 auto}h1{margin:0;font-size:clamp(30px,4vw,56px);line-height:.9;letter-spacing:.04em;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--case),#b9ad97);border:3px solid var(--black);border-radius:14px;padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 2px rgba(255,255,255,.2);margin-bottom:8px}.panel.black{background:linear-gradient(180deg,#23211e,#11100e);color:var(--cream)}.panel h2{margin:0 0 8px;font-size:24px;text-transform:uppercase;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{background:#111;color:var(--orange);border:2px solid #000;border-radius:8px;padding:5px 8px;font-size:13px}button{border:3px solid #080808;border-radius:10px;min-height:46px;padding:7px 10px;font-size:15px;font-weight:900;color:var(--cream);background:linear-gradient(180deg,var(--button2),var(--button));box-shadow:0 5px 0 #090909,inset 0 2px rgba(255,255,255,.12);cursor:pointer;user-select:none;touch-action:manipulation}button:active{transform:translateY(3px);box-shadow:0 2px 0 #090909,inset 0 2px rgba(255,255,255,.12)}.orange{background:linear-gradient(180deg,#f39431,#c85d10);color:#160b02}.red{background:linear-gradient(180deg,#d84a36,#9f1d13);color:#fff}.yellow{background:linear-gradient(180deg,#f2c34d,#c48b17);color:#1d1303}.light{background:linear-gradient(180deg,#e9dfc8,#b8ac94);color:#1a1712}#clear808.light{background:linear-gradient(180deg,#e3ab9b,#b9695a)!important;color:#1a1712!important}.silverBtn{background:linear-gradient(180deg,#f4f4f2,#bdbab3)!important;color:#1a1712!important;box-shadow:0 4px 0 #050505,inset 0 2px rgba(255,255,255,.55)!important}.darkActive{outline:3px solid #f3c04f;outline-offset:0}.knob{background:#2d2922;color:var(--cream);border:2px solid #070707;border-radius:10px;padding:7px;min-height:70px;box-shadow:inset 0 2px rgba(255,255,255,.08)}.knob label{display:flex;justify-content:space-between;font-size:12px;font-weight:900;text-transform:uppercase;color:#f1d9ad;margin-bottom:4px}.step{min-height:54px;border-radius:8px;padding:4px 2px;font-size:12px;background:linear-gradient(180deg,#3a3834,#20201e);color:#efe4cd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.step.on{background:linear-gradient(180deg,#f39431,#c85d10);color:#170b02}.step.selected{outline:3px solid var(--yellow)}.drumStep.play,.step.play{box-shadow:0 0 0 3px #fff6c8,0 0 16px rgba(232,120,23,.6),0 4px 0 #090909}.lcd{margin-top:8px;background:linear-gradient(180deg,#263326,#162016);color:var(--screenText);border:3px solid #050505;border-radius:8px;padding:7px 10px;font-family:"Courier New",monospace;font-size:13px;font-weight:700;box-shadow:inset 0 0 16px rgba(0,0,0,.6)}.drumRows{display:grid;gap:6px}.drumStep{min-height:44px;border-radius:8px;font-size:11px;background:linear-gradient(180deg,#3a3834,#20201e);color:#efe4cd}.drumStep.on{background:linear-gradient(180deg,#e3d3b4,#a79779);color:#15120e}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.modalBox{max-width:560px;width:100%;background:linear-gradient(180deg,var(--case),#b9ad97);border:3px solid #050505;border-radius:16px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.modalBox h3{margin:0 0 12px;font-size:28px;text-transform:uppercase}.modalBox p{margin:0 0 14px;font-size:18px;line-height:1.35;font-weight:700}.modalRow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-weight:900}.modalRow input{transform:scale(1.4)}.modalActions{display:grid;grid-template-columns:1fr;gap:10px}.footerSpacer{height:2px}#syncInfo.darkActive{outline:3px solid #f3c04f;outline-offset:0}#acidPanel .controls{grid-template-columns:repeat(2,1fr)!important}.acidWide{min-height:70px!important}.acidStack{display:grid;grid-template-rows:1fr 1fr;gap:8px}.acidStack .knob{min-height:64px!important}.waveTitle{font-size:12px;font-weight:900;text-transform:uppercase;color:#f1d9ad;margin-bottom:5px}.waveSwitch{min-height:74px!important;padding:8px!important;display:grid;grid-template-rows:1fr auto;gap:6px;align-items:center;justify-items:center;background:linear-gradient(180deg,#d9cdb5,#9e927d)!important;color:#15120e!important}.switchTrack{position:relative;width:92px;height:34px;border:3px solid #050505;border-radius:999px;background:linear-gradient(180deg,#151310,#2b2823);box-shadow:inset 0 3px 6px rgba(0,0,0,.8)}.switchLever{position:absolute;left:3px;top:3px;width:36px;height:22px;border-radius:7px;border:2px solid #050505;background:linear-gradient(180deg,#f39431,#b94f0d);box-shadow:0 3px 0 #080808,inset 0 2px rgba(255,255,255,.25);transition:transform .12s ease}.waveSwitch.square .switchLever{transform:translateX(47px)}.waveText{font-size:13px;font-weight:900;letter-spacing:.08em}.acidTransportControls{grid-template-columns:1fr!important}#acidPanel .acidVolume{grid-column:auto!important}#acidPanel .waveModule{background:#2d2922!important;color:#f1d9ad!important;border:2px solid #070707!important;border-radius:10px!important;padding:7px!important;min-height:76px!important;display:grid!important;grid-template-rows:auto 1fr!important;align-items:center!important;box-shadow:inset 0 2px rgba(255,255,255,.08)!important}#acidPanel .waveTitle{font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;color:#f1d9ad!important;margin-bottom:4px!important}#acidPanel .waveSwitch{min-height:48px!important;padding:5px 6px!important;display:grid!important;grid-template-rows:1fr auto!important;gap:3px!important;align-items:center!important;justify-items:center!important;background:linear-gradient(180deg,#d9cdb5,#9e927d)!important;color:#15120e!important}#acidPanel .switchTrack{position:relative!important;width:84px!important;height:24px!important;border:3px solid #050505!important;border-radius:999px!important;background:linear-gradient(180deg,#151310,#2b2823)!important;box-shadow:inset 0 3px 6px rgba(0,0,0,.8)!important}#acidPanel .switchLever{position:absolute!important;left:2px!important;top:2px!important;width:30px!important;height:16px!important;border-radius:6px!important;border:2px solid #050505!important;background:linear-gradient(180deg,#f39431,#b94f0d)!important;box-shadow:0 2px 0 #080808,inset 0 2px rgba(255,255,255,.25)!important;transition:transform .12s ease!important}#acidPanel .waveSwitch.square .switchLever{transform:translateX(46px)!important}#acidPanel .waveText{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}.titleWithTag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inlineBrand{font-size:13px!important;padding:4px 8px!important}.acidHeaderEcho button{min-height:34px!important;padding:5px 8px!important;font-size:12px!important}.drumRunLed{height:6px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#3a0805,#120101 70%)!important;border:1px solid #000!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}.drumRunLed.active{background:radial-gradient(circle at 35% 35%,#ffb0a4,#ff1e12 45%,#5a0502 100%)!important;box-shadow:0 0 5px rgba(255,30,18,.95),0 0 10px rgba(255,30,18,.35),inset 0 1px rgba(255,255,255,.35)!important}#drumPanel .waveLabelRow{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:.06em;color:#15120e;margin-bottom:2px}.waveModeText{font-size:10px;font-weight:900;letter-spacing:.06em;color:#15120e;margin-top:2px}#drumPanel .drumVolumeKnob{border-color:#e87817!important}#presetCassette{position:relative;width:220px;height:82px;flex:0 0 auto;margin-left:12px;background:linear-gradient(180deg,#181714,#050505);border:4px solid #050505;border-radius:14px;box-shadow:inset 0 2px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.35);overflow:hidden}.cassetteLines{position:absolute;left:0;right:0;top:8px;height:1px;background:#514c42;box-shadow:0 9px 0 #514c42;opacity:.55}.cassetteStripe{position:absolute;left:17px;right:17px;height:6px}.cassetteStripe.s1{top:42px;background:#dc3f62}.cassetteStripe.s2{top:48px;background:#ef7d32}.cassetteStripe.s3{top:54px;background:#e7cf53}.cassetteReel{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#f4f4f4 0 33%,#c8c8c8 35% 55%,#f8f8f8 57% 100%);border:2px solid #111}.cassetteWindow{width:34px;height:17px;background:rgba(70,50,50,.65);border:2px solid #14100f}.cassetteScrew{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,#aaa 55%,#222 60%);z-index:3}.screwTL{left:7px;top:7px}.screwTR{right:7px;top:7px}#topBpm{flex:0 0 auto!important;margin-left:6px!important}#acidPanel .knob:not(.simpleWaveHost) label{position:absolute!important;left:10px!important;right:10px!important;top:7px!important;margin:0!important;z-index:3!important}#acidPanel .knob:not(.simpleWaveHost) input[type=range]{position:absolute!important;left:12px!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 24px)!important;margin:0!important}#acidPanel .simpleWaveHost>label{display:none!important}#acidPanel .simpleWaveOriginal{opacity:0!important;pointer-events:none!important}.simpleWaveBox{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);height:54px;border-radius:10px;border:3px solid #050505;background:linear-gradient(180deg,#d9ccb0,#aa9f87);box-shadow:inset 0 2px rgba(255,255,255,.5),0 6px 0 #050505;cursor:pointer}.simpleWaveLabel{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;font-weight:900;color:#16120d}.simpleWaveLabel.saw{left:22px}.simpleWaveLabel.sqr{right:22px}.simpleWaveTrack{position:absolute;left:50%;top:50%;width:90px;height:30px;transform:translate(-50%,-50%);border-radius:20px;background:#050505;box-shadow:inset 0 3px 8px rgba(0,0,0,.8)}.simpleWaveThumb{position:absolute;left:7px;top:6px;width:32px;height:18px;border-radius:9px;background:linear-gradient(180deg,#ff9838,#d65c0a);transition:left .15s ease}.simpleWaveBox.sqr .simpleWaveThumb{left:51px}#acidPanel .waveSelectorBox{height:82px!important;min-height:82px!important;padding:8px 10px!important;position:relative!important;background:#2d2922!important;color:#f1d9ad!important}#acidPanel .waveSelectorBox label{position:absolute!important;left:10px!important;right:10px!important;top:7px!important;margin:0!important;z-index:3!important}#waveToggle.echoToggleSwitch{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:96px!important;min-width:96px!important;height:38px!important;min-height:38px!important;padding:5px 7px!important;border-radius:10px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#2f2b25,#141210)!important;color:#f1d9ad!important;box-shadow:0 4px 0 #050505,inset 0 2px rgba(255,255,255,.1)!important;display:grid!important;grid-template-rows:18px 10px!important;gap:2px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;outline:0!important;z-index:2!important}#waveToggle.echoToggleSwitch .echoKnob{left:4px!important;right:auto!important}#waveToggle.echoToggleSwitch.sqr .echoKnob{left:auto!important;right:4px!important}#waveToggle.echoToggleSwitch:not(.sqr) .echoLedOn{background:radial-gradient(circle at 35% 35%,#dcffd3,#35ff24 45%,#075a05 100%)!important;box-shadow:0 0 6px rgba(70,255,45,.95),0 0 12px rgba(70,255,45,.35)!important}#waveToggle.echoToggleSwitch.sqr .echoLedOff{background:radial-gradient(circle at 35% 35%,#ffd4ce,#ff3020 45%,#6e0804 100%)!important;box-shadow:0 0 6px rgba(255,45,30,.95),0 0 12px rgba(255,45,30,.35)!important}#waveToggle.echoToggleSwitch .echoSwitchText b{opacity:.4!important;transition:opacity .15s ease,text-shadow .15s ease!important}#waveToggle.echoToggleSwitch .echoSwitchText b.active:first-child{opacity:1!important;text-shadow:0 0 6px rgba(70,255,45,.85)!important}#waveToggle.echoToggleSwitch .echoSwitchText b.active:last-child{opacity:1!important;text-shadow:0 0 6px rgba(255,45,30,.85)!important}.topButtons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;min-width:0!important}#drumPanel .knobs{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.acidMiniRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.drumSteps{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:5px!important}#acidGrid.stepGrid{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:4px!important;align-items:stretch!important}input[type=range]{width:100%;height:38px!important;appearance:none;-webkit-appearance:none;background:0 0;touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:14px!important;border:2px solid #050505!important;border-radius:999px!important;background:linear-gradient(180deg,#11100e,#2b2823)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.75),inset 0 -1px 2px rgba(255,255,255,.1)!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:54px!important;height:30px!important;margin-top:-10px!important;border-radius:8px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#d8c09e,#7a604a)!important;box-shadow:0 4px 0 #090909,inset 0 2px rgba(255,255,255,.25),inset 0 -4px rgba(0,0,0,.18)!important}input[type=range]::-moz-range-track{height:14px!important;border:2px solid #050505!important;border-radius:999px!important;background:linear-gradient(180deg,#11100e,#2b2823)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.75),inset 0 -1px 2px rgba(255,255,255,.1)!important}#acidBpm::-webkit-slider-thumb,#acidVol::-webkit-slider-thumb{background:linear-gradient(180deg,#f4f4f2,#bdbab3)!important}#acidBpm::-moz-range-thumb,#acidVol::-moz-range-thumb{background:linear-gradient(180deg,#f4f4f2,#bdbab3)!important}input[type=range]::-moz-range-thumb{width:54px!important;height:30px!important;border-radius:8px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#d8c09e,#7a604a)!important;box-shadow:0 4px 0 #090909,inset 0 2px rgba(255,255,255,.25),inset 0 -4px rgba(0,0,0,.18)!important}.runLedRow{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:3px!important;margin:5px 0 7px!important;padding:3px 5px!important;background:#080807!important;border:2px solid #000!important;border-radius:8px!important}.runLed{height:6px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#3a0805,#120101 70%)!important;border:1px solid #000!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}.runLed.active{background:radial-gradient(circle at 35% 35%,#ffb0a4,#ff1e12 45%,#5a0502 100%)!important;box-shadow:0 0 5px rgba(255,30,18,.95),0 0 10px rgba(255,30,18,.35),inset 0 1px rgba(255,255,255,.35)!important}.presetMenu{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:-2px 0 8px!important;background:linear-gradient(180deg,#23211e,#11100e)!important;border:3px solid #050505!important;border-radius:12px!important;padding:8px!important;box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 2px rgba(255,255,255,.08)!important}#presetTapeLabel{position:relative;width:215px!important;height:47px!important;flex:0 0 auto!important;margin-left:6px!important;background:linear-gradient(180deg,#fbf5e7,#efe2c7);border:3px solid #111;border-radius:4px;box-shadow:inset 0 2px rgba(255,255,255,.65),inset 0 -2px rgba(0,0,0,.1),0 5px 12px rgba(0,0,0,.28);overflow:hidden}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,#383127 0,#191714 52%,#0b0a09 100%);color:var(--dark);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none;touch-action:manipulation}body{padding:8px}header{background:linear-gradient(180deg,var(--case),var(--case2));border:3px solid var(--black);border-radius:14px;padding:10px 12px;box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 2px rgba(255,255,255,.25);margin-bottom:8px;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.nowPlayingGroup{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}#presetScrollToggle.ledToggleMini{flex:0 0 auto!important;align-self:center!important;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:none!important;background:#3a0805!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;cursor:pointer!important;font-size:0!important;line-height:0!important;vertical-align:middle!important}#presetScrollToggle.ledToggleMini.active{background:radial-gradient(circle at 35% 35%,#dcffd3,#35ff24 45%,#075a05 100%)!important;box-shadow:0 0 6px rgba(70,255,45,.95),0 0 10px rgba(70,255,45,.4)!important}.titleArea,header>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;min-width:0!important}header .brandTitle,header .title,header h1{font-size:clamp(22px,3vw,34px)!important;line-height:1!important;margin:0!important;white-space:nowrap!important;letter-spacing:.04em;text-transform:uppercase}.brandLogo{height:40px!important;width:auto!important;max-width:min(420px,40vw)!important;display:block!important;flex:0 0 auto!important}.topLcd{flex:0 0 auto!important;margin-left:0!important;height:40px!important;background:linear-gradient(180deg,#273828,#172317);color:#a9ff64;border:3px solid #050505;border-radius:8px;padding:5px 14px;display:flex!important;align-items:center!important;justify-content:center!important;font-family:VT323,"Courier New",monospace;font-size:19px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 18px rgba(0,0,0,.72),inset 0 0 8px rgba(80,255,80,.1),0 0 0 1px rgba(0,0,0,.5);min-width:148px;text-align:center;text-shadow:0 0 2px rgba(170,255,100,.9),0 0 8px rgba(100,255,100,.2)}.topButtons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;min-width:0!important}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.knobs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}#topPlayAll{background:linear-gradient(180deg,#9bdc6e,#4c9430)!important;color:#0e1608!important;border-color:#16230e!important;box-shadow:0 5px 0 #0c1407,inset 0 2px rgba(255,255,255,.3)!important}#topPlayAll.stopMode{background:linear-gradient(180deg,#e85b3f,#9d2418)!important;color:#fff4ec!important}#presetTapeLabel{position:relative;width:340px!important;height:40px!important;flex:0 0 auto!important;margin-left:0!important;background:linear-gradient(180deg,#273828,#172317)!important;color:#a9ff64!important;border:3px solid #050505!important;border-radius:8px!important;box-shadow:inset 0 0 18px rgba(0,0,0,.72),inset 0 0 8px rgba(80,255,80,.1),0 0 0 1px rgba(0,0,0,.5)!important;overflow:hidden;display:flex!important;align-items:center!important}.presetTapeName{position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:inline-block!important;width:auto!important;padding:0 12px!important;text-align:left!important;font-family:VT323,"Courier New",monospace!important;font-size:19px!important;line-height:1!important;font-weight:400!important;color:#a9ff64!important;letter-spacing:.1em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-shadow:0 0 2px rgba(170,255,100,.9),0 0 8px rgba(100,255,100,.2)!important}#cassettePresetName{cursor:text!important;user-select:text!important;-webkit-user-select:text!important;outline:0!important;animation-duration:var(--marquee-duration,8s)!important}#cassettePresetName.marquee{animation-name:presetMarquee!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}#cassettePresetName:focus{animation:none!important;transform:none!important;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(255,190,90,.55);border-radius:4px}#cassettePresetName:empty:before{content:"PRESET NAME";opacity:.45}@keyframes presetMarquee{from{transform:translateX(var(--marquee-start,100%))}to{transform:translateX(var(--marquee-end,-100%))}}.presetMenu{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:-2px 0 8px!important;background:linear-gradient(180deg,#23211e,#11100e)!important;border:3px solid #050505!important;border-radius:12px!important;padding:8px!important;box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 2px rgba(255,255,255,.08)!important}.presetMenu.hidden{display:none!important}.presetItem{min-height:42px!important;font-size:13px!important;padding:6px 8px!important}.presetToast{position:fixed!important;left:50%!important;bottom:90px!important;top:auto!important;transform:translateX(-50%) translateY(0)!important;z-index:9999!important;min-width:0!important;max-width:min(80vw,320px)!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:rgba(27,25,22,.95)!important;color:#f2c34d!important;border:1px solid rgba(242,195,77,.35)!important;border-radius:999px!important;padding:9px 18px!important;font-size:13px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;box-shadow:0 10px 28px rgba(0,0,0,.4)!important;opacity:1!important;transition:opacity .22s ease,transform .22s ease!important;pointer-events:none!important}.presetToast.hidden{opacity:0!important;transform:translateX(-50%) translateY(8px)!important}#acidPanel h2{margin:0 0 8px;font-size:24px;text-transform:uppercase;letter-spacing:.04em;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}#acidPanel .acidMachineLayout,.acidMachineLayout{display:grid!important;grid-template-columns:0.55fr repeat(7,1fr)!important;gap:8px!important;margin-bottom:8px!important;align-items:stretch!important}#acidPanel .acidBox{height:82px!important;min-height:82px!important;padding:8px 10px!important;position:relative!important;box-sizing:border-box!important}.acidVolume{grid-column:auto!important}#acidPanel .acidMachineLayout .acidInlineBtn{align-self:center!important;height:44px!important;min-height:44px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}#acidPanel .acidMachineLayout .acidNarrowBtn{align-self:stretch!important;height:auto!important;min-height:0!important;flex-direction:column!important;font-size:12px!important;letter-spacing:.04em!important}.btnLed{width:8px!important;height:8px!important;border-radius:50%!important;background:#3a0805!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;flex:0 0 auto!important}.btnLed.lit{background:radial-gradient(circle at 35% 35%,#ffb0a4,#ff1e12 45%,#5a0502 100%)!important;box-shadow:0 0 5px rgba(255,30,18,.95),0 0 10px rgba(255,30,18,.35),inset 0 1px rgba(255,255,255,.35)!important}#acidPanel .acidTransportControls{grid-template-columns:repeat(3,1fr)!important}#acidPanel .acidTransportControls button{min-height:44px!important}.acidHeaderEcho{margin-left:auto!important;justify-self:end!important;width:max-content!important;max-width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:42px 96px 52px 104px 88px 104px 58px!important;gap:5px!important;align-items:center!important}.acidHeaderEcho .echoFeedbackLabel,.acidHeaderEcho .echoMixLabel,.acidHeaderEcho label{display:flex!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;padding:0!important;margin:0!important;color:#f1d9ad!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}.acidHeaderEcho input[type=range]{width:104px!important;min-width:104px!important;margin:0!important}#acidEchoToggle.echoToggleSwitch{width:96px!important;min-width:96px!important;height:38px!important;min-height:38px!important;padding:5px 7px!important;border-radius:10px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#2f2b25,#141210)!important;color:#f1d9ad!important;box-shadow:0 4px 0 #050505,inset 0 2px rgba(255,255,255,.1)!important;display:grid!important;grid-template-rows:18px 10px!important;gap:2px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;outline:0!important}#echoKill{width:58px!important;min-width:58px!important;height:34px!important;min-height:34px!important;padding:3px 5px!important;font-size:10px!important}#acidGrid.stepGrid,.stepGrid{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:4px!important;align-items:stretch!important}.acidCell{min-width:0!important;display:grid!important;grid-template-rows:58px 32px!important;gap:4px!important}.acidMain{min-height:58px!important;height:58px!important;padding:3px 2px!important;border-radius:8px!important;font-size:12px!important;background:linear-gradient(180deg,#3a3834,#20201e)!important;color:#efe4cd!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important}.acidMain.on{background:linear-gradient(180deg,#f39431,#c85d10)!important;color:#170b02!important}.acidMain.selected{outline:3px solid #f2c34d!important;outline-offset:0!important}.acidMain .num,.num{font-size:9px!important;line-height:1!important;opacity:.8!important}.acidMain .note,.note{font-size:15px!important;line-height:1.05!important;font-weight:900!important}.acidMain .flags,.flags{font-size:8px!important;min-height:8px!important;line-height:1!important}.acidMiniRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.acidMini{min-height:32px!important;height:32px!important;padding:3px 2px!important;font-size:11px!important;line-height:1!important;border-radius:7px!important;border:2px solid #080808!important;background:linear-gradient(180deg,#2c2a26,#171614)!important;color:#e5dcc8!important;box-shadow:none!important}.acidMini.active{background:linear-gradient(180deg,#f2c34d,#c48b17)!important;color:#1d1303!important}#acidPanel .acidPitchKeyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin:8px 0}#acidPanel .acidPitchKeyboard button{min-height:38px!important;padding:4px 3px!important;font-size:12px!important}#acidPanel .acidEditControls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.acidPatternOverview,.acidUtilityRow,.lcdNavWrap{display:grid;gap:6px}.acidPatternOverview{grid-template-columns:repeat(16,1fr);margin:8px 0}#drumPanel .knobs{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important}#drumPanel .controls{grid-template-columns:repeat(3,1fr)!important}.drumRow{display:grid;grid-template-columns:88px 1fr!important;gap:6px;align-items:center}.drumLabel{min-height:44px;border-radius:8px;border:2px solid #000;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;cursor:pointer;user-select:none;touch-action:manipulation}.drumLabel.on{background:linear-gradient(180deg,#f39431,#c85d10);color:#160b02;box-shadow:0 4px 0 #090909,inset 0 2px rgba(255,255,255,.12)}.drumLabel.off{background:linear-gradient(180deg,#3a3834,#20201e);color:#efe4cd;box-shadow:0 4px 0 #090909,inset 0 2px rgba(255,255,255,.08)}.drumSteps{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:5px!important}.drumStepWrap{display:grid!important;grid-template-rows:auto auto!important;gap:4px!important}.drumStepMain{min-height:52px!important;height:52px!important;border-radius:8px!important;font-size:13px!important;background:linear-gradient(180deg,#3a3834,#20201e)!important;color:#efe4cd!important}.drumStepMain.on{background:linear-gradient(180deg,#e3d3b4,#a79779)!important;color:#15120e!important}#drumPanel .drumStepMain.play{background:linear-gradient(180deg,rgba(255,80,55,.42),rgba(120,16,10,.35)),linear-gradient(180deg,#3a3834,#20201e)!important;color:#fff0e8!important;border-color:#2a0502!important;box-shadow:0 0 0 1px rgba(255,180,160,.35),0 0 7px rgba(255,40,20,.55),0 0 13px rgba(255,40,20,.22),0 4px 0 #090909!important}#drumPanel .drumStepMain.on.play{background:linear-gradient(180deg,rgba(255,88,60,.5),rgba(150,24,14,.38)),linear-gradient(180deg,#e3d3b4,#a79779)!important;color:#fff6eb!important}.drumAccentBtn{min-height:22px!important;height:22px!important;padding:2px 2px!important;font-size:10px!important;line-height:1!important;border-radius:6px!important;border:2px solid #080808!important;background:linear-gradient(180deg,#2c2a26,#171614)!important;color:#e5dcc8!important;box-shadow:none!important}.drumAccentBtn.active{background:linear-gradient(180deg,#f2c34d,#c48b17)!important;color:#1d1303!important}.drumRunLedRow{display:none!important}#presetCassette,.cassetteBody,.cassetteLabel,.cassettePresetName,.waveModule{box-sizing:border-box}.syncInlineBtn{min-height:38px!important;padding:6px 12px!important;font-size:13px!important}@media(max-width:1100px){header{align-items:flex-start!important;flex-wrap:wrap!important}.titleArea,header>div:first-child{width:100%;gap:7px!important}header .brandTitle,header .title,header h1{font-size:22px!important}.topLcd{font-size:14px;padding:4px 10px;min-width:96px}.topButtons{width:100%!important;min-width:0!important;grid-template-columns:repeat(2,1fr)!important}#presetTapeLabel{width:auto!important;flex:1 1 120px!important;min-width:90px!important;max-width:175px!important;height:36px!important;margin-left:6px!important}.presetTapeName{font-size:16px!important;line-height:29px!important}.nowPlayingGroup{min-width:0!important}.presetMenu{grid-template-columns:repeat(2,1fr)!important}.presetToast{max-width:88vw!important}#acidPanel .acidMachineLayout,.acidMachineLayout{grid-template-columns:repeat(2,1fr)!important}#acidPanel h2{flex-wrap:wrap!important}.acidHeaderEcho{width:100%!important;grid-template-columns:42px 1fr 52px 1fr!important;gap:6px!important}#acidEchoToggle.echoToggleSwitch,#echoKill,.acidHeaderEcho input[type=range]{width:100%!important;min-width:0!important}#acidGrid.stepGrid,.stepGrid{grid-template-columns:repeat(8,1fr)!important}.acidCell{grid-template-rows:54px 30px!important}.acidMain{min-height:54px!important;height:54px!important}.acidMini{min-height:30px!important;height:30px!important;font-size:10px!important}#acidPanel .acidPitchKeyboard{grid-template-columns:repeat(7,1fr)}#acidPanel .acidEditControls{grid-template-columns:repeat(2,1fr)}#drumPanel .knobs{grid-template-columns:repeat(2,1fr)!important}.drumRow{grid-template-columns:74px 1fr!important}.drumSteps{grid-template-columns:repeat(8,1fr)!important}.drumStepMain{min-height:48px!important;height:48px!important;font-size:12px!important}.drumAccentBtn{min-height:20px!important;height:20px!important;font-size:9px!important}}@media(max-width:480px){#presetTapeLabel{min-width:70px!important}.presetTapeName{font-size:13px!important}}#legalMenu.legalMenu{position:fixed!important;top:92px!important;right:14px!important;z-index:9998!important;width:min(320px,calc(100vw - 28px))!important;max-height:0!important;opacity:0!important;transform-origin:top right!important;transform:translateY(-16px) scale(.82) rotate(-3deg)!important;overflow:hidden!important;margin:0!important;pointer-events:none!important;transition:max-height .38s cubic-bezier(.22,1,.36,1),opacity .26s ease,transform .38s cubic-bezier(.22,1,.36,1)!important}#legalMenu.legalMenu.open{max-height:600px!important;opacity:1!important;transform:translateY(0) scale(1) rotate(0)!important;pointer-events:auto!important}.legalMenuBackdrop{position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.legalMenuBackdrop.open{opacity:1;pointer-events:auto}#legalMenu .legalMenuInner{background:linear-gradient(180deg,#d8cdb6,#b6aa94)!important;border:2px solid rgba(5,5,5,.55)!important;border-radius:14px!important;padding:10px!important;box-shadow:0 18px 46px rgba(0,0,0,.5),0 0 28px rgba(242,195,77,.12),inset 0 1px rgba(255,255,255,.3)!important;font-family:Arial,Helvetica,sans-serif!important}#legalMenu .legalMenuContent{background:linear-gradient(180deg,#23211e,#15130f)!important;border:2px solid rgba(5,5,5,.6)!important;border-radius:10px!important;padding:6px 12px!important;box-shadow:inset 0 2px rgba(255,255,255,.05),inset 0 -2px rgba(0,0,0,.35)!important;display:flex!important;flex-direction:column!important}#legalMenu .menuSection{padding:10px 0!important}#legalMenu .menuSection+.menuSection{border-top:1px solid rgba(255,255,255,.08)!important}#legalMenu .menuSectionTitle{font-size:11px!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#9a8f7a!important;margin:0 0 8px 2px!important}#legalMenu .menuActionBtn{width:100%!important;text-align:left!important;text-decoration:none!important;border:1px solid rgba(232,120,23,.45)!important;border-radius:10px!important;min-height:0!important;padding:10px 12px!important;margin-bottom:8px!important;background:rgba(242,195,77,.08)!important;color:#f2c34d!important;font-size:14px!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:0 0 0 rgba(242,195,77,0)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:2px!important;transition:background .15s ease,border-color .15s ease,box-shadow .2s ease!important}#legalMenu .menuActionBtn:last-child{margin-bottom:0!important}#legalMenu .menuActionBtn:hover{background:rgba(242,195,77,.16)!important;border-color:rgba(242,195,77,.7)!important;box-shadow:0 0 16px rgba(242,195,77,.3)!important}#legalMenu .menuActionBtn:active{transform:none!important}#legalMenu .menuActionHint{font-size:11px!important;font-weight:400!important;color:#9a8f7a!important}#legalMenu .menuSwitchBtn{width:100%!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;min-height:0!important;padding:9px 12px!important;margin-bottom:6px!important;background:rgba(255,255,255,.05)!important;color:#ece0c7!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:background .15s ease,border-color .15s ease!important}#legalMenu .menuSwitchBtn:last-child{margin-bottom:0!important}#legalMenu .menuSwitchBtn:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(242,195,77,.35)!important}#legalMenu .menuSwitchState{font-size:11px!important;font-weight:700!important;letter-spacing:.04em!important;color:#9a8f7a!important;padding:3px 8px!important;border-radius:6px!important;background:rgba(255,255,255,.06)!important}#legalMenu .menuSwitchBtn[aria-pressed=true] .menuSwitchState{color:#1d1303!important;background:#f2c34d!important;box-shadow:0 0 10px rgba(242,195,77,.6)!important}#legalMenu .menuInfoDetails{margin:0!important}#legalMenu .menuInfoSummary{cursor:pointer!important;margin:0!important}#legalMenu .menuInfoSummary:hover{color:#c8bca6!important}#legalMenu .menuInfoText{margin:8px 0 0!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;color:#b9ad97!important}#legalMenu .menuInfoText a{color:#f2c34d!important;font-weight:700!important}#legalMenu a:focus-visible,#legalMenu button:focus-visible,#legalMenu summary:focus-visible{outline:2px solid rgba(242,195,77,.7)!important;outline-offset:2px!important}@media(max-width:1100px){.topButtons{grid-template-columns:repeat(3,1fr)!important}#legalMenu.legalMenu{top:138px!important;right:10px!important;width:calc(100vw - 20px)!important}}.tourOverlay{position:fixed;inset:0;z-index:10050;font-family:Arial,Helvetica,sans-serif}.tourOverlay.hidden{display:none}.tourHighlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px rgba(8,7,6,.68);outline:2px solid rgba(242,195,77,.85);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.tourTooltip{position:fixed;z-index:10060;left:50%;bottom:22px;transform:translateX(-50%);width:min(480px,calc(100vw - 32px));background:rgba(27,25,22,.97);border:1px solid rgba(236,224,199,.16);border-radius:12px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);color:#ece0c7}.tourText,.tourTitle{animation:tourFade .2s ease both}@keyframes tourFade{from{opacity:0}to{opacity:1}}.tourStep{font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#9a8f7a;margin-bottom:6px}.tourTitle{margin:0 0 8px;font-size:16px;font-weight:600;color:#f2c34d}.tourText{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:#ece0c7}.tourActions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tourLinks{display:flex;gap:14px}.tourLink{border:1px solid rgba(236,224,199,.18)!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important;min-height:0!important;padding:7px 14px!important;color:#c8bca6!important;font-size:13px!important;font-weight:400!important;text-decoration:none!important;cursor:pointer!important;transition:background .15s ease!important}.tourLink:hover{background:rgba(255,255,255,.09)!important;color:#ece0c7!important}.tourNav{display:flex;gap:8px}.tourBtn{border:1px solid rgba(236,224,199,.18)!important;border-radius:8px!important;min-height:0!important;padding:7px 14px!important;background:rgba(255,255,255,.04)!important;color:#ece0c7!important;font-size:13px!important;font-weight:400!important;box-shadow:none!important;cursor:pointer!important}.tourBtn:hover{background:rgba(255,255,255,.09)!important}.tourBtn:active{transform:none!important}.tourBtnPrimary{border-color:rgba(242,195,77,.55)!important;background:rgba(242,195,77,.14)!important;color:#f2c34d!important;font-weight:600!important}.tourBtnPrimary:hover{background:rgba(242,195,77,.22)!important}.overviewOverlay{position:fixed;inset:0;z-index:10040;font-family:Arial,Helvetica,sans-serif}.overviewOverlay.hidden{display:none}.overviewBackdrop{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.overviewLayer{position:fixed;inset:0;pointer-events:none}.overviewMarker{position:fixed;border:2px solid rgba(242,195,77,.85);border-radius:8px;pointer-events:auto;cursor:pointer;transition:box-shadow .15s ease}.overviewMarker:hover{box-shadow:0 0 0 3px rgba(242,195,77,.35) inset}.overviewMarkerTag{position:absolute;top:-9px;left:-2px;background:#1d1303;color:#f2c34d;font-size:10px;font-weight:700;letter-spacing:.02em;padding:1px 6px;border-radius:5px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.overviewExitBtn{position:fixed;bottom:24px;left:50%;z-index:10070;transform:translateX(-50%);border:2px solid #000!important;border-radius:999px!important;min-height:0!important;padding:13px 26px!important;background:linear-gradient(180deg,#f2c34d,#c48b17)!important;color:#1d1303!important;font-size:14px!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 0 rgba(242,195,77,.55)!important;cursor:pointer!important;animation:overviewExitPulse 2.2s ease-in-out infinite!important}.overviewExitBtn:hover{background:linear-gradient(180deg,#f6cf66,#d49a1e)!important;animation-play-state:paused!important}@keyframes overviewExitPulse{0%{box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 0 rgba(242,195,77,.55)}60%{box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 12px rgba(242,195,77,0)}100%{box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 0 rgba(242,195,77,0)}}.overviewTooltip{top:50%!important;left:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}.overviewTooltip.hidden{display:none}#siteFooter.siteFooter{max-width:1500px!important;margin:10px auto 8px!important;padding:10px 12px!important;border:3px solid #050505!important;border-radius:14px!important;background:linear-gradient(180deg,#23211e,#11100e)!important;color:#ece0c7!important;box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 2px rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;font-size:13px!important;font-weight:900!important;position:relative!important;z-index:20!important}#siteFooter .footerCopy{color:#c8bca6!important;white-space:nowrap!important}#siteFooter .footerLinks{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}#siteFooter .footerLegalBtn{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important;color:#c8bca6!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}#siteFooter .footerLegalBtn:active{transform:none!important;box-shadow:none!important}.footerLegalPopup.hidden{display:none!important}.footerLegalPopup{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important}.footerLegalBackdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.48)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}.footerLegalBox{position:relative!important;width:min(760px,calc(100vw - 32px))!important;max-height:min(78vh,620px)!important;overflow:auto!important;background:linear-gradient(180deg,#23211e,#11100e)!important;color:#ece0c7!important;border:3px solid #050505!important;border-radius:14px!important;padding:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 2px rgba(255,255,255,.08)!important}.footerLegalClose{position:absolute!important;top:8px!important;right:8px!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:10px!important;font-size:22px!important;line-height:1!important;background:linear-gradient(180deg,var(--button2),var(--button))!important;color:var(--cream)!important}.footerLegalPage{display:none!important;padding-right:34px!important}.footerLegalPage.active{display:block!important}.footerLegalPage h3{margin:0 0 12px!important;color:#e87817!important;font-size:26px!important;text-transform:uppercase!important}.footerLegalPage p{margin:0 0 10px!important;font-size:14px!important;line-height:1.45!important;color:#ece0c7!important}.footerLegalPage small{display:block!important;margin-top:12px!important;color:#c8bca6!important}.footerLegalPage h1{margin:0 0 14px!important;color:#e87817!important;font-family:VT323,"Courier New",monospace!important;font-size:21px!important;letter-spacing:.04em!important;text-transform:uppercase!important}.footerLegalPage h2{margin:18px 0 8px!important;color:#f2c34d!important;font-family:VT323,"Courier New",monospace!important;font-size:1.35em!important;letter-spacing:.03em!important}.footerLegalPage ul{margin:0 0 10px!important;padding-left:1.4em!important;color:#ece0c7!important}.footerLegalPage li{margin:0 0 4px!important}.footerLegalPage a{color:#f2c34d!important;font-weight:900!important}.footerLegalPage details{margin-top:14px!important;border-top:1px solid var(--line)!important;padding-top:10px!important}.footerLegalPage summary{cursor:pointer!important;color:#c8bca6!important;font-weight:700!important}.footerLegalPage summary:hover{color:#ece0c7!important}@media(max-width:700px){#siteFooter.siteFooter{flex-direction:column!important;text-align:center!important}#siteFooter .footerLinks{justify-content:center!important}}.topButtons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;width:auto!important;min-width:min(560px,100%)!important}.topButtons button{min-width:0!important;white-space:nowrap!important;font-size:11px!important;padding-left:6px!important;padding-right:6px!important;padding-top:0!important;padding-bottom:0!important;height:39px!important;min-height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important}#legalToggle.burgerToggle{position:relative!important;z-index:9999!important;font-size:21px!important;padding-left:4px!important;padding-right:4px!important}@media(max-width:1100px){.topButtons{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:6px!important}.topButtons button{font-size:10px!important;height:36px!important;min-height:36px!important;padding-left:4px!important;padding-right:4px!important}#legalToggle.burgerToggle{font-size:24px!important}}#acidPanel .acidTransportControls{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;align-items:stretch!important;margin:8px 0 8px!important}#acidPanel .acidEditControls button,#acidPanel .acidPitchKeyboard button,#acidPanel .acidTransportControls button{min-width:0!important;min-height:46px!important;padding:7px 8px!important;white-space:nowrap!important}#acidPanel .acidPitchKeyboard{display:flex!important;align-items:stretch!important;gap:4px!important;margin:0 0 8px!important;padding:7px!important;background:linear-gradient(180deg,#d8d9db,#b5b9bf)!important;border:3px solid #050505!important;border-radius:10px!important;box-shadow:inset 0 2px rgba(255,255,255,.65),inset 0 -3px rgba(0,0,0,.14)!important}#acidPanel .acidPitchKeyboard button{flex:1 1 0!important;min-width:0!important;min-height:78px!important;border-radius:4px!important;font-size:15px!important;align-self:stretch!important;background:linear-gradient(180deg,#f7f7f4,#d5d2ca)!important;color:#14110d!important;box-shadow:0 4px 0 #070707,inset 0 2px rgba(255,255,255,.75)!important}#acidPanel .acidPitchKeyboard button:nth-child(11),#acidPanel .acidPitchKeyboard button:nth-child(2),#acidPanel .acidPitchKeyboard button:nth-child(4),#acidPanel .acidPitchKeyboard button:nth-child(7),#acidPanel .acidPitchKeyboard button:nth-child(9){flex:.72 1 0!important;min-height:58px!important;align-self:flex-start!important;background:linear-gradient(180deg,#363636,#111)!important;color:#f0eadc!important;box-shadow:0 4px 0 #070707,inset 0 2px rgba(255,255,255,.16)!important}#acidPanel .acidEditControls{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin:0 0 10px!important}.acidPatternOverview{display:grid!important;grid-template-columns:repeat(16,1fr)!important;gap:4px!important;margin:0 0 8px!important;padding:6px!important;background:linear-gradient(180deg,#171511,#090807)!important;border:2px solid #050505!important;border-radius:8px!important}.acidSlot{min-height:48px!important;padding:3px 2px!important;border-radius:5px!important;border:2px solid #070707!important;background:linear-gradient(180deg,#3b3935,#22211e)!important;color:#e3d9c5!important;box-shadow:none!important;display:grid!important;grid-template-rows:auto 1fr auto!important;align-items:center!important;justify-items:center!important;gap:1px!important}.acidSlot.on{background:linear-gradient(180deg,#f7f7f4,#d5d2ca)!important;color:#14110d!important;box-shadow:inset 0 2px rgba(255,255,255,.7)!important}.acidSlot.selected{outline:3px solid #f2c34d!important;outline-offset:0!important}.acidSlot span{font-size:8px!important;line-height:1!important}.acidSlot strong{font-size:12px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;gap:3px!important;min-height:12px!important}.acidSlot strong i{display:inline-block!important;width:0!important;height:0!important}.acidSlot strong i.up{border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-bottom:7px solid #ff2a1c!important;filter:drop-shadow(0 0 3px rgba(255,42,28,.9))!important}.acidSlot strong i.down{border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:7px solid #ff2a1c!important;filter:drop-shadow(0 0 3px rgba(255,42,28,.9))!important}.acidSlot em{min-height:14px!important;font-style:normal!important;line-height:1!important;display:flex!important;gap:2px!important}.acidSlot em b{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:12px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#35100d,#120404 68%)!important;color:#6e3c36!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;border:1px solid rgba(0,0,0,.65)!important}.acidSlot em b.lit{background:radial-gradient(circle at 35% 35%,#ffd0c8,#ff2a1c 45%,#5c0502 100%)!important;color:#fff3e8!important;box-shadow:0 0 7px rgba(255,42,28,.95),0 0 14px rgba(255,42,28,.35)!important}@media(max-width:760px){#acidPanel .acidEditControls,#acidPanel .acidTransportControls{grid-template-columns:repeat(2,1fr)!important}#acidPanel .acidPitchKeyboard{flex-wrap:wrap!important}#acidPanel .acidPitchKeyboard button{flex:1 0 calc(14.285% - 5px)!important}.acidPatternOverview{grid-template-columns:repeat(8,1fr)!important}}.lcdNavWrap{display:grid;grid-template-columns:86px 1fr 86px;gap:8px;align-items:stretch;margin-top:8px}.lcdNavWrap .lcd{margin-top:0}.lcdNavBtn{min-height:42px!important;padding:5px 8px!important;font-size:13px!important}.acidUtilityRow{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.acidUtilityRow .knob{min-height:64px!important;height:64px!important}.acidUtilityRow .knob label{position:static!important;margin-bottom:2px!important}.acidUtilityRow .acidSlot.pastLength,.drumStepWrap.pastLength,.runLed.pastLength{opacity:.32;filter:saturate(.55)}.acidSlot.pastLength{border-style:dashed!important}.acidHeaderEcho{grid-template-columns:82px minmax(72px,100px) 130px minmax(72px,100px) 130px 82px!important;min-width:min(760px,100%)!important}.acidHeaderEcho .echoFeedbackLabel{display:flex;justify-content:space-between;gap:8px;color:#f1d9ad;font-size:11px;font-weight:900}#echoKill{min-height:34px!important;padding:5px 8px!important;font-size:12px!important}@media(max-width:1100px){.lcdNavWrap{grid-template-columns:64px 1fr 64px}.acidUtilityRow{grid-template-columns:1fr 1fr}.acidDefaultButtons{grid-template-columns:1fr}.acidHeaderEcho{grid-template-columns:1fr 1fr!important}}#acidPanel h2{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important}#acidPanel h2 .titleWithTag{flex:0 0 auto!important}.acidHeaderEcho{margin-left:0!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:82px!important;min-height:82px!important;padding:7px 10px 6px!important;position:relative!important;box-sizing:border-box!important;background:#2d2922!important;border:2px solid #070707!important;border-radius:10px!important;box-shadow:inset 0 2px rgba(255,255,255,.08)!important;display:grid!important;grid-template-columns:50px 108px 1fr!important;grid-template-rows:1fr 1fr!important;gap:2px 8px!important;align-items:center!important}#acidEchoToggle.echoToggleSwitch{display:none!important}#echoOuterLabel{position:absolute!important;left:10px!important;top:7px!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;color:#f1d9ad!important;letter-spacing:.04em!important}.acidHeaderEcho .echoMixLabel{grid-column:2;grid-row:1}#acidEcho{grid-column:3;grid-row:1;width:92%!important}#echoKill{grid-column:1;grid-row:2;align-self:start!important;margin-top:-6px!important;width:44px!important;min-width:44px!important;height:28px!important;min-height:28px!important;padding:2px 4px!important;font-size:9px!important}.acidHeaderEcho .echoFeedbackLabel{grid-column:2;grid-row:2}#acidFeedbackHeader{grid-column:3;grid-row:2;width:92%!important}.acidHeaderEcho .echoFeedbackLabel,.acidHeaderEcho .echoMixLabel,.acidHeaderEcho label{display:flex!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;padding:0!important;margin:0!important;color:#f1d9ad!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}.acidHeaderEcho input[type=range]{width:100%!important;min-width:0!important;margin:0!important}#acidEchoToggle.echoToggleSwitch{padding:5px 7px!important;border-radius:10px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#2f2b25,#141210)!important;color:#f1d9ad!important;box-shadow:0 4px 0 #050505,inset 0 2px rgba(255,255,255,.1)!important;display:none!important;grid-template-rows:18px 10px!important;gap:2px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;outline:0!important}#acidEchoToggle.echoToggleSwitch.active,#acidEchoToggle.echoToggleSwitch.darkActive,#acidEchoToggle.echoToggleSwitch:focus,#acidEchoToggle.echoToggleSwitch:focus-visible{outline:0!important}.echoSwitchRail{position:relative!important;width:68px!important;height:18px!important;border-radius:999px!important;border:2px solid #050505!important;background:linear-gradient(180deg,#0d0c0b,#292520)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.85)!important}.echoKnob{position:absolute!important;top:2px!important;right:4px!important;width:26px!important;height:10px!important;border-radius:999px!important;border:1px solid #050505!important;background:linear-gradient(180deg,#eee5d3,#837866)!important;box-shadow:0 1px 3px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.5)!important;transition:left .12s ease,right .12s ease!important}#acidEchoToggle.echoToggleSwitch.on .echoKnob{right:auto!important;left:4px!important}.echoLed{position:absolute!important;top:4px!important;width:8px!important;height:8px!important;border-radius:50%!important;border:1px solid #050505!important;background:#17120f!important}.echoLedOn{left:31px!important}.echoLedOff{right:31px!important}#acidEchoToggle.echoToggleSwitch.on .echoLedOn{background:radial-gradient(circle at 35% 35%,#dcffd3,#35ff24 45%,#075a05 100%)!important;box-shadow:0 0 6px rgba(70,255,45,.95),0 0 12px rgba(70,255,45,.35)!important}#acidEchoToggle.echoToggleSwitch:not(.on) .echoLedOff{background:radial-gradient(circle at 35% 35%,#ffd4ce,#ff3020 45%,#6e0804 100%)!important;box-shadow:0 0 6px rgba(255,45,30,.95),0 0 12px rgba(255,45,30,.35)!important}.echoSwitchText{width:68px!important;display:flex!important;justify-content:space-between!important;font-size:8px!important;font-weight:900!important;line-height:1!important;letter-spacing:.05em!important}.echoSwitchText b:first-child{color:#7cff69!important}.echoSwitchText b:last-child{color:#ff6858!important}#acidEchoToggle.echoToggleSwitch .echoSwitchText b{opacity:.4!important;transition:opacity .15s ease,text-shadow .15s ease!important}#acidEchoToggle.echoToggleSwitch.on .echoSwitchText b:first-child{opacity:1!important;text-shadow:0 0 6px rgba(70,255,45,.85)!important}#acidEchoToggle.echoToggleSwitch:not(.on) .echoSwitchText b:last-child{opacity:1!important;text-shadow:0 0 6px rgba(255,45,30,.85)!important}#acidEchoKnob,#acidEchoSettingsKnob,#acidEchoSwitchKnob{display:none!important}@media(max-width:1100px){#acidPanel h2{flex-wrap:wrap!important}.acidHeaderEcho{width:100%!important;margin-left:0!important;padding-left:0!important;border-left:none!important;grid-template-columns:42px 1fr 52px 1fr!important;gap:6px!important}#acidEchoToggle.echoToggleSwitch,#echoKill,.acidHeaderEcho input[type=range]{width:100%!important;min-width:0!important}}#drumPanel.expanded808 .knobs{grid-template-columns:repeat(8,1fr)!important}#drumPanel.expanded808 .drumRows{gap:4px!important}#drumPanel.expanded808 .drumRow{grid-template-columns:38px 1fr!important;gap:5px!important}#drumPanel.expanded808 .drumLabel{min-height:60px!important;height:60px!important;font-size:13px!important;letter-spacing:.02em!important;padding:0!important}#drumPanel.expanded808 .drumSteps{gap:4px!important}#drumPanel.expanded808 .drumStepWrap{gap:3px!important}#drumPanel.expanded808 .drumStepMain{min-height:36px!important;height:36px!important;font-size:10px!important;padding:2px!important}#drumPanel.expanded808 .drumAccentBtn{min-height:21px!important;height:21px!important;font-size:9px!important;padding:1px!important}#drumPanel.expanded808 .drumAccentBtn.active+.drumStepMain,#drumPanel.expanded808 .drumStepMain.accentOn{outline:2px solid rgba(242,195,77,.72)!important}@media(max-width:1100px){#drumPanel.expanded808 .knobs{grid-template-columns:repeat(4,1fr)!important}#drumPanel.expanded808 .drumRow{grid-template-columns:34px 1fr!important}#drumPanel.expanded808 .drumLabel{min-height:56px!important;height:56px!important;font-size:12px!important}#drumPanel.expanded808 .drumStepMain{min-height:32px!important;height:32px!important;font-size:9px!important}}@media(max-width:700px){#drumPanel.expanded808 .knobs{grid-template-columns:repeat(2,1fr)!important}#drumPanel.expanded808 .drumRow{grid-template-columns:30px 1fr!important}}#drumPanel h2{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important}#drumPanel .drumHeaderActions{margin-left:0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}#sampleStatus808{display:none!important}.drumHeaderSwitchWrap{display:flex!important;align-items:center!important;gap:6px!important;height:40px!important}.drumHeaderSwitchLabel{color:#f1d9ad!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important;line-height:1!important}#drumModeToggle.drumModeToggle,#syncInfo.syncInlineBtn{width:96px!important;min-width:96px!important;height:38px!important;min-height:38px!important;padding:5px 7px!important;border-radius:10px!important;border:3px solid #050505!important;background:linear-gradient(180deg,#2f2b25,#141210)!important;color:#f1d9ad!important;box-shadow:0 4px 0 #050505,inset 0 2px rgba(255,255,255,.1)!important;display:grid!important;grid-template-rows:18px 10px!important;gap:2px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;outline:0!important;font-size:10px!important;line-height:1!important}#drumModeToggle.drumModeToggle{width:126px!important;min-width:126px!important}#drumModeToggle .echoSwitchRail,#syncInfo .echoSwitchRail{position:relative!important;height:18px!important;border-radius:999px!important;border:2px solid #050505!important;background:linear-gradient(180deg,#0d0c0b,#292520)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.85)!important;box-sizing:border-box!important}#syncInfo .echoSwitchRail{width:68px!important}#drumModeToggle .echoSwitchRail{width:96px!important}#drumModeToggle .echoKnob,#syncInfo .echoKnob{position:absolute!important;top:2px!important;width:26px!important;height:10px!important;border-radius:999px!important;border:1px solid #050505!important;background:linear-gradient(180deg,#eee5d3,#837866)!important;box-shadow:0 1px 3px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.5)!important;transition:left .12s ease,right .12s ease!important;right:4px!important;left:auto!important}#drumModeToggle.full808 .echoKnob,#syncInfo.on .echoKnob{left:4px!important;right:auto!important}#drumModeToggle .echoLed,#syncInfo .echoLed{position:absolute!important;top:4px!important;width:8px!important;height:8px!important;border-radius:50%!important;border:1px solid #050505!important;background:#17120f!important;box-sizing:border-box!important}#syncInfo .echoLedOn{left:31px!important}#syncInfo .echoLedOff{right:31px!important}#drumModeToggle .echoLedOn{left:45px!important}#drumModeToggle .echoLedOff{right:45px!important}#drumModeToggle.full808 .echoLedOn,#syncInfo.on .echoLedOn{background:radial-gradient(circle at 35% 35%,#dcffd3,#35ff24 45%,#075a05 100%)!important;box-shadow:0 0 6px rgba(70,255,45,.95),0 0 12px rgba(70,255,45,.35)!important}#drumModeToggle:not(.full808) .echoLedOff,#syncInfo:not(.on) .echoLedOff{background:radial-gradient(circle at 35% 35%,#ffd4ce,#ff3020 45%,#6e0804 100%)!important;box-shadow:0 0 6px rgba(255,45,30,.95),0 0 12px rgba(255,45,30,.35)!important}#drumModeToggle .echoSwitchText,#syncInfo .echoSwitchText{display:flex!important;justify-content:space-between!important;font-weight:900!important;line-height:1!important;letter-spacing:.05em!important;white-space:nowrap!important;overflow:hidden!important}#syncInfo .echoSwitchText{width:68px!important;font-size:8px!important}#drumModeToggle .echoSwitchText{width:96px!important;font-size:8px!important}#drumModeToggle .echoSwitchText b,#syncInfo .echoSwitchText b{opacity:.4!important;transition:opacity .15s ease,text-shadow .15s ease!important}#drumModeToggle .echoSwitchText b:first-child,#syncInfo .echoSwitchText b:first-child{color:#7cff69!important}#drumModeToggle .echoSwitchText b:last-child,#syncInfo .echoSwitchText b:last-child{color:#ff6858!important}#drumModeToggle.full808 .echoSwitchText b:first-child,#syncInfo.on .echoSwitchText b:first-child{opacity:1!important;text-shadow:0 0 6px rgba(70,255,45,.85)!important}#drumModeToggle:not(.full808) .echoSwitchText b:last-child,#syncInfo:not(.on) .echoSwitchText b:last-child{opacity:1!important;text-shadow:0 0 6px rgba(255,45,30,.85)!important}@media(max-width:1100px){.drumHeaderSwitchWrap{height:38px!important}.drumHeaderSwitchLabel{min-width:70px!important}}