.synth-container{max-width:1440px;min-width:360px;width:100%;margin:0 auto;padding:1.25rem 0 5rem;font-family:var(--font-mono);color:var(--ink);background:transparent;display:grid;place-items:center}.synth-title-preset{display:flex;justify-content:space-around;align-items:center;gap:1rem;width:100%;max-width:1440px}.synth-title-preset h1{min-height:100px;margin:.5rem}.synth-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;max-width:1440px;margin-bottom:2rem;padding:0 .5rem}.synth-modules>.module{margin:0;min-width:0;width:auto}.matrix-row{grid-column:1 / -1;display:grid;flex:1 1 100%;max-width:1440px;grid-template-columns:2fr 1fr;gap:.5rem}.matrix-row>.module{margin:0;min-width:0}.module{--accent: var(--cyan);--glow: rgba(25, 229, 255, .45);scroll-margin-top:1rem;scroll-margin-bottom:4.5rem;position:relative;min-width:320px;flex:1;width:100%;margin:.6rem;padding:1.1rem 1.2rem 1.3rem;border:1px solid #000;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--panel-hi) 0,var(--panel-mid) 7%,var(--panel-mid) 93%,var(--panel-lo) 100%);box-shadow:inset 0 1px #ffffff1a,inset 0 -14px 26px #00000080,0 10px 22px #0000008c}.module:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:10px;background-image:radial-gradient(circle 5px at 15px 15px,#2a323c 0 1.5px,#3c4753 1.5px 3px,#0a0d11 3px 5px,transparent 5px),radial-gradient(circle 5px at calc(100% - 15px) 15px,#2a323c 0 1.5px,#3c4753 1.5px 3px,#0a0d11 3px 5px,transparent 5px),radial-gradient(circle 5px at 15px calc(100% - 15px),#2a323c 0 1.5px,#3c4753 1.5px 3px,#0a0d11 3px 5px,transparent 5px),radial-gradient(circle 5px at calc(100% - 15px) calc(100% - 15px),#2a323c 0 1.5px,#3c4753 1.5px 3px,#0a0d11 3px 5px,transparent 5px);background-repeat:no-repeat}.vco-module{--accent: var(--cyan);--glow: rgba(25, 229, 255, .45)}.vcfilter-module{--accent: var(--magenta);--glow: rgba(255, 43, 214, .45)}.adsr-module{--accent: var(--amber);--glow: rgba(255, 138, 30, .5)}.vca-module{--accent: var(--led-green);--glow: rgba(61, 255, 149, .45);grid-column:1 / -1}.lfo-module{--accent: var(--amber-soft);--glow: rgba(255, 180, 92, .45)}.filterenv-module{--accent: #b06bff;--glow: rgba(176, 107, 255, .45)}.dahd-module{--accent: #6bd0ff;--glow: rgba(107, 208, 255, .45)}.reverb-module{--accent: #36e0c8;--glow: rgba(54, 224, 200, .45)}.delay-module{--accent: #7dd3fc;--glow: rgba(125, 211, 252, .45)}.chorus-module{--accent: #9ae6b4;--glow: rgba(154, 230, 180, .45)}.cheby-module{--accent: #ff9f6b;--glow: rgba(255, 159, 107, .45)}.drums-module{--accent: #ffd166;--glow: rgba(255, 209, 102, .45)}.machina-module{--accent: var(--led-red);--glow: rgba(255, 77, 87, .45);max-width:1200px}.knob-wrap.midi-armed .knob,.fader.midi-armed .control-slider{outline:2px solid var(--led-amber);outline-offset:2px;box-shadow:0 0 8px var(--led-display-glow);animation:midi-arm-pulse .9s ease-in-out infinite}@keyframes midi-arm-pulse{0%,to{outline-color:var(--led-amber)}50%{outline-color:transparent}}.midi-cc-badge{font-size:.6rem;line-height:1;padding:1px 4px;margin-top:2px;border-radius:3px;color:var(--bg, #0a0e14);background:var(--led-green);letter-spacing:.02em}.knob-wrap,.fader{position:relative}.filter-row,.mixer-row,.seq-row,.vco-row,.envelope-row{grid-column:1 / -1;flex:1 1 100%;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.envelope-row .module{flex:1 1 220px}.envelope-row .fader-bank{gap:.5rem}.envelope-row .control-slider.vertical{height:108px}.midi-column{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem}.keyboard-row{display:flex;align-items:stretch;gap:1rem;width:100%}.keyboard-row .scope-module{flex:1 1 340px;max-width:460px}.keyboard-row .keyboard{flex:1 1 480px;min-width:0}@media (max-width: 768px){.keyboard-row{flex-direction:column}.keyboard-row .scope-module{max-width:none}}.fx-column{display:grid;grid-template-columns:1fr;gap:.5rem 1rem;width:100%;min-width:0;place-items:center}.fx-column .module{min-width:100px;max-width:340px}.lfo-column{margin:auto}.module-big{position:relative;display:grid;margin:.6rem auto;padding:1.1rem;width:96%;max-width:1400px;border:1px solid #000;border-radius:10px;background:linear-gradient(180deg,var(--panel-hi) 0,var(--panel-mid) 7%,var(--panel-mid) 93%,var(--panel-lo) 100%);box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000008c}.module-big svg{margin:auto;max-width:1150px}.module-header{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:1.1rem;padding-bottom:.6rem;text-align:center;border-bottom:1px solid var(--line);box-shadow:0 1px #ffffff0a}.module-header h2{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px var(--glow),0 1px 0 #000}.module-header h2:before{content:"";display:inline-block;width:7px;height:7px;margin-right:16px;vertical-align:middle;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 14px var(--glow)}.module-controls{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.module-controls.row{flex-direction:row;justify-content:center;align-items:center}.module-controls.big{flex-wrap:wrap;gap:2rem;margin-top:-.5rem;justify-content:space-around}.module-controls.disabled{opacity:.4;pointer-events:none;filter:saturate(.4)}.control-group{display:flex;flex-direction:column;gap:.45rem}.control-group.row{display:flex;flex-direction:row;gap:.45rem}.control-group.row.wave{justify-content:space-between}.control-group label{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim)}.control-input{width:100%;height:34px;padding:0 .6rem;font-family:var(--font-mono);font-size:1.05rem;color:var(--amber-soft);background:var(--groove);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 2px 6px #000c;text-shadow:0 0 8px var(--glow);-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-input:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 2px 6px #000c,0 0 0 1px var(--accent)}.control-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;background:linear-gradient(180deg,#04070a,#0c141c);border:1px solid #000;border-radius:7px;box-shadow:inset 0 2px 4px #000000e6,inset 0 0 8px var(--glow);outline:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:28px;border-radius:4px;border:1px solid #000;background:linear-gradient(var(--accent),var(--accent)) center / 64% 2px no-repeat,linear-gradient(180deg,var(--panel-hi),var(--panel-lo));box-shadow:0 0 9px var(--glow),inset 0 1px #ffffff4d;cursor:pointer}.control-slider::-moz-range-thumb{width:18px;height:28px;border-radius:4px;border:1px solid #000;background:linear-gradient(var(--accent),var(--accent)) center / 64% 2px no-repeat,linear-gradient(180deg,var(--panel-hi),var(--panel-lo));box-shadow:0 0 9px var(--glow),inset 0 1px #ffffff4d;cursor:pointer}.control-slider::-moz-range-track{height:12px;background:transparent}.fader-bank{display:flex;justify-content:center;align-items:flex-end;gap:.9rem;padding:.4rem 0 .2rem}.fader{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fader-name{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.fader-name.master{color:var(--led-red);text-shadow:-1px 1px 1px var(--groove);font-size:.95rem}.fader-value{font-family:var(--font-mono);font-size:.78rem;color:var(--amber-soft);text-shadow:0 0 6px var(--glow)}.control-slider.vertical{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:14px;height:130px}.control-slider.vertical.master{background:linear-gradient(0deg,#ff9d4d,#ff4d57);height:180px}.checkbox-group{display:flex;flex-wrap:wrap;gap:.7rem}.checkbox-group.disabled{opacity:.4;pointer-events:none;filter:saturate(.4)}.checkbox-group.vertical{display:flex;flex-wrap:wrap;flex-direction:column;gap:.7rem}.checkbox-option{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--ink-dim);cursor:pointer}.checkbox-option input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:16px;height:16px;margin:0;border:1px solid var(--line);border-radius:3px;background:var(--groove);box-shadow:inset 0 1px 2px #000c;cursor:pointer;transition:.15s}.checkbox-option input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--glow)}.checkbox-option input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:1px;background:#06090d}.wave-icon{width:34px;height:18px;fill:none;vertical-align:middle;stroke:#6b7785}.checkbox-option input:checked+.wave-icon{stroke:var(--accent, var(--cyan));filter:drop-shadow(0 0 3px var(--glow, rgba(25, 229, 255, .8)))}.control-select{font-family:var(--font-mono);padding:.5rem .6rem;color:var(--ink);background:linear-gradient(180deg,#11171f,#0a0e13);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 1px #ffffff0d,inset 0 0 12px #00000080;cursor:pointer}.control-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px var(--glow)}.toggle-switch{display:flex;align-items:center;gap:.5rem}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--groove);border:1px solid #000;border-radius:22px;box-shadow:inset 0 2px 4px #000000d9;transition:.3s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;border-radius:50%;background:linear-gradient(180deg,#e6edf4,#9aabbb);box-shadow:0 1px 2px #000000b3;transition:.3s}input:checked+.slider{background:var(--accent);box-shadow:inset 0 0 8px #0006,0 0 12px var(--glow)}input:checked+.slider:before{transform:translate(21px);background:#fff;box-shadow:0 0 8px #fff}input:focus+.slider{box-shadow:0 0 0 1px var(--accent),0 0 12px var(--glow)}.toggle-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;color:var(--ink-dim)}.synthTitle{font-family:var(--font-display);font-weight:900;font-size:clamp(1.5rem,5vw,2.8rem);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:.5rem 0 1.4rem;color:#eaf7ff;text-shadow:0 0 8px var(--cyan),0 0 22px rgba(25,229,255,.6),0 0 40px rgba(255,43,214,.35)}@media (max-width: 1024px){.synth-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.synth-container,.synth-modules{grid-template-columns:minmax(0,1fr)}.control-group.row{flex-wrap:wrap}.synth-modules .module{min-width:0;margin-left:0;margin-right:0}.vco-row .module,.filter-row .module{flex:1 1 100%}.synth-title-preset{flex-direction:column}.matrix-row{grid-template-columns:1fr;margin:.5rem}.lfo-column{min-width:100%;margin:-1rem 2rem 1rem}.fx-column{grid-template-columns:1fr;place-items:center;min-width:100%;width:100%;margin:-1rem 2rem 1rem}.fx-column .module{max-width:98%}.fx-column,.lfo-column,.envelope-column{grid-template-columns:1fr;margin-left:.5rem}.module{min-width:100%}.envelope-row .module{flex:1 1 100%;max-width:none}.module-controls.row.big{flex-direction:column;gap:1.25rem}}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none;overflow:hidden}.knob-wrap.disabled{opacity:.4;pointer-events:none;filter:saturate(.4)}.knob-name{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.knob-value{display:flex;font-family:var(--font-mono);font-size:.78rem;width:40px;color:var(--amber-soft);position:relative;left:4px;text-shadow:0 0 6px var(--glow, rgba(255, 180, 92, .4))}.knob-value-edit{display:inline-flex;align-items:baseline;gap:.15rem}.knob-value-input{width:6ch;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;text-align:center;font-family:inherit;font-size:inherit;color:inherit;text-shadow:inherit;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.knob-value-input::-webkit-outer-spin-button,.knob-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.knob-value-input:focus{outline:none;border-color:var(--accent, var(--cyan));background:#00000059;box-shadow:0 0 8px var(--glow, rgba(25, 229, 255, .35))}.knob-value-input:disabled{opacity:.5}.knob-unit{font-size:.85em;color:var(--ink-dim)}.knob{position:relative;width:48px;height:48px;border-radius:50%;cursor:ns-resize;background:radial-gradient(circle at 50% 32%,#2c3744,#1a222c 46%,#0c1116 72%),linear-gradient(180deg,var(--panel-hi),var(--panel-lo));border:1px solid #000;box-shadow:inset 0 1px #ffffff2e,inset 0 -6px 12px #0009,0 3px 6px #0000008c;touch-action:none}.knob:focus-visible{outline:none;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px var(--accent, var(--cyan)),0 0 12px var(--glow, rgba(25, 229, 255, .45))}.knob-dial{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;will-change:transform}.knob-indicator{position:absolute;top:5px;left:50%;width:3px;height:14px;margin-left:-1.5px;border-radius:2px;background:var(--accent, var(--cyan));box-shadow:0 0 7px var(--glow, rgba(25, 229, 255, .7))}.knob-wrap.knob-sm{gap:.15rem}.knob-wrap.knob-sm .knob{width:32px;height:32px}.knob-wrap.knob-sm .knob-indicator{top:3px;width:2px;height:9px;margin-left:-1px}.knob-wrap.knob-sm .knob-name{font-size:.58rem}.knob-wrap.knob-sm .knob-value{font-size:.62rem}.knob-wrap.knob-lg .knob{width:76px;height:76px}.knob-wrap.knob-lg .knob-indicator{top:7px;width:4px;height:22px;margin-left:-2px}.knob-wrap.knob-lg .knob-value{font-size:.9rem}.vco-knobs{max-width:96%;margin:0 auto - .5rem;display:flex;justify-content:space-evenly;gap:1rem}.vco-knobs .vco-tune-knobs-box{display:grid;grid-template-columns:1fr 5fr;max-width:240px}.vco-knobs .vco-tune-knobs-box label{width:8px;font-size:.65rem;font-weight:700;word-wrap:break-word}.vco-knobs .vco-tune-knobs-box .knob-row{display:flex;gap:1rem}.primary-vco .checkbox-option input:checked+.wave-icon{stroke:var(--cyan);filter:drop-shadow(0 0 3px rgba(25,229,255,.8))}.secondary-vco .checkbox-option input:checked+.wave-icon{stroke:var(--amber);filter:drop-shadow(0 0 3px rgba(255,138,30,.8))}.vco-module .checkbox-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.vcfilter-knobs{display:flex;justify-content:center;align-items:center;gap:1.4rem 2rem}.vcfilter-patch{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:1rem}.filter-selectors{display:flex;justify-content:space-evenly}@media (max-width: 768px){.vcfilter-module{width:100%;min-width:auto}}.env-knobs{display:flex;justify-content:space-evenly;align-items:flex-start;gap:.6rem;padding:.4rem 0}.adsr-small{display:flex}.module-header.adsr-sm{display:flex;flex-direction:column}.sends-grid{display:grid;grid-template-columns:(1fr);gap:.4rem 2rem}.sends-module .send-row{display:flex;flex-direction:column;gap:.4rem;margin-top:8px;padding-top:.4rem}.send-row:last-child{border-top:none!important}.sends-module .send-enable{font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);display:flex;flex-direction:column;margin-top:1rem;margin-left:-1rem}.sends-module .send-knobs{display:flex;justify-content:center;gap:.6rem}@media (max-width: 768px){.sends-grid{grid-template-columns:1fr}}.mixer{display:flex;flex-direction:row;gap:1rem;padding:1rem;margin:auto;border:1px solid #000;border-radius:6px;background:linear-gradient(180deg,#00000059,#00000026);box-shadow:inset 0 0 14px #0009}.mixer-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow)}.noise-channel{display:flex;flex-direction:column;gap:.6rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line)}.noise-channel-row{display:flex;justify-content:space-between;align-items:center}.noise-channel-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.mixer-strips{display:flex;justify-content:center;align-items:flex-end;gap:.6rem;padding:.4rem 0 .2rem}.mixer-strip{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mixer-ms{display:flex;gap:.3rem}.ms-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:18px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--ink-dim);background:#0c1116;border:1px solid var(--line);border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none}.ms-btn input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.ms-btn.mute.on{color:var(--led-red);background:var(--led-red);border-color:var(--led-red);box-shadow:0 0 8px #ff4d57b3}.ms-btn.solo.on{color:var(--led-green);background:var(--led-green);border-color:var(--led-green);box-shadow:0 0 8px #3dff95b3}.mixer-drums-controls{display:flex;flex-direction:column;gap:.4rem;margin-left:.85rem;padding:0rem 1rem 0rem 2rem;border-left:1px solid var(--line)}.drum-enable{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer}.drum-enable input{cursor:pointer}.drum-enable.on{color:var(--accent);text-shadow:0 0 8px var(--glow)}.sends{margin-top:-1rem}.send-row{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem;padding-top:.6rem}.send-row:last-child{border-top:1px solid var(--line)}.send-enable{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.send-knobs{display:flex;justify-content:center;gap:.6rem}.master-section{margin-top:-4rem}.volume-display{display:flex;align-items:flex-end}.volume-meter{width:26px;height:180px;position:relative;top:-20px;overflow:hidden;background:var(--groove);border:1px solid #000;border-radius:4px;box-shadow:inset 0 0 12px #000000e6}.volume-level{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,var(--led-green) 0%,#c8ff00 58%,var(--amber) 80%,var(--led-red) 100%);box-shadow:0 0 12px #3dff958c;transition:height .15s ease}.volume-level:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(0,0,0,.72) 6px 8px)}.fader-bank{align-items:center}@media (max-width: 768px){.mixer{flex-direction:column;gap:1rem;width:100%;margin:.25rem 0rem 3rem}.mixer .mixer-vca-controls{gap:1rem}.mixer .mixer-vca-controls .mixer-strips{gap:1.2rem}.mixer-drums-controls{margin-left:0;padding:.85rem 0 0;border-left:none;border-top:1px solid var(--line)}}.noise-module{--accent: #9fb3c8;--glow: rgba(159, 179, 200, .4);width:100%}.noise-filter-value{font-size:.7rem;color:var(--cyan)}.noise-group{flex:.6;padding-right:10px;padding-left:10px}.noise-filter-knobs{display:flex;justify-content:center;gap:1rem}.ns-controls{display:grid;grid-template-columns:1fr 1fr;place-items:center}@media (max-width:768px){.noise-module{grid-column:span 2}}.lfo-module{max-width:420px;margin:.5rem}.lfo-controls{display:grid;grid-template-columns:auto 1fr 1fr;place-items:center;gap:.75rem}.lfo-controls .col{display:flex;flex-direction:column}.lfo-waves{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lfo-waves .checkbox-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.lfo-waves .wave-icon{width:26px;height:14px}@media (max-width: 768px){.lfo-module{max-width:99%}}.filterenv-knobs{display:flex;justify-content:center;gap:1rem}.ad-env{display:flex}.small-ad,.dahd-sm{display:flex;flex-direction:column}.dahd-small{display:flex}.patch-module{--accent: #39ff95;--glow: rgba(57, 255, 149, .45)}.patch-module .module-controls{flex-direction:row;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-start;justify-content:center}.patch-title{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-soft);margin:0 0 .35rem}.patch-matrix{border-collapse:collapse;margin:0;font-size:.7rem}.patch-dest-sub{display:block;font-size:.55rem;font-weight:400;opacity:.7}.patch-matrix th,.patch-matrix td{border:1px solid rgba(255,255,255,.08);text-align:center}.patch-corner{border:none;background:transparent}.patch-dest-label{color:var(--cyan);font-weight:600;padding:4px 3px;white-space:nowrap}.patch-src-label{color:var(--amber);font-weight:600;text-align:right;padding:0 8px;white-space:nowrap}.patch-cell{width:34px;height:30px;background:radial-gradient(circle at 50% 40%,#0c1116,#05080b)}.patch-pin{display:flex;align-items:center;justify-content:center;cursor:pointer}.patch-pin input{position:absolute;width:0;height:0;opacity:0}.patch-pin-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#11161c;box-shadow:inset 0 1px 2px #000c;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease}.patch-pin:hover .patch-pin-dot{border-color:var(--accent)}.patch-pin input:checked+.patch-pin-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--glow),0 0 10px var(--glow)}.patch-pin input:focus-visible+.patch-pin-dot{outline:2px solid var(--cyan);outline-offset:2px}.patch-label-short{display:none}@media (max-width: 768px){.patch-matrix{margin-left:5rem}.patch-label-full{display:none}.patch-label-short{display:inline}.patch-matrix{font-size:.55rem}.patch-dest-label{writing-mode:vertical-rl;transform:rotate(180deg);padding:4px 1px;white-space:nowrap}.patch-dest-sub{font-size:.5rem}.patch-src-label{padding:0 4px;white-space:nowrap}.patch-cell{width:20px;height:20px}.patch-pin-dot{width:11px;height:11px}.patch-module .module-controls{overflow-x:scroll}}.sequencer-module{--accent: #39ff95;--glow: rgba(57, 255, 149, .45);grid-column:1 / -1}.seq-header-controls{display:flex;gap:.5rem;margin-left:16px}.seq-btn{font:inherit;font-size:.6rem;padding:4px 12px;border-radius:5px;border:1px solid var(--accent);background:#0c1116;color:var(--accent);cursor:pointer;width:70px}.seq-btn-warning{color:#ff4c4c;border-color:#ff4c4c}.seq-transport.active{background:var(--accent);color:#04100c;box-shadow:0 0 8px var(--glow)}.seq-channel{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.seq-channel-title{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}.seq-toolbar{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:.75rem}.seq-toolbar .control-group{flex:1}.seq-config{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin:.25rem 0 .5rem}.seq-config .control-group{gap:.25rem}.seq-config .seq-steps-ctl{flex:1;min-width:160px}.seq-config .control-select{padding:.3rem .45rem;font-size:.78rem}.seq-clock-base{font-family:var(--font-mono);font-size:.78rem;color:var(--amber-soft);padding:.35rem 0}.seq-oct-btns{display:flex;gap:.35rem}.seq-oct-btn{width:32px;padding:4px 0;font-size:.9rem;line-height:1}.seq-oct-btn:disabled{opacity:.4;cursor:not-allowed}.seq-glide-ctl{display:flex;align-items:center;gap:.4rem}.seq-glide-btn{flex:none}.seq-glide-btn.on{background:var(--accent);border-color:var(--accent);color:#04100c}.seq-glide-ctl .control-slider{flex:1}.seq-glide-ctl .control-slider:disabled{opacity:.4;cursor:not-allowed}.seq-lane{margin-top:.35rem}.seq-lane-label{display:block;font-size:.7rem;color:var(--amber-soft);margin-bottom:2px}.seq-steps{display:grid;grid-template-columns:repeat(16,minmax(26px,1fr));gap:4px;overflow-x:auto;padding-bottom:4px}.seq-step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 2px;border-radius:4px;background:radial-gradient(circle at 50% 0%,#0c1116,#05080b);min-width:26px;border-left:2px solid transparent}.seq-step.beat{border-left-color:#19e5ff8c;background:radial-gradient(circle at 50% 0%,#0d1622,#05080b)}.seq-step.bar{border-left-color:var(--amber);background:radial-gradient(circle at 50% 0%,#1c1408,#05080b)}.seq-step.playing{box-shadow:inset 0 0 0 1px var(--accent),0 0 8px var(--glow)}.seq-step.playing:not(.beat):not(.bar){background:radial-gradient(circle at 50% 0%,#123322,#08160f)}.seq-note{font-size:.6rem;color:var(--cyan);min-height:.9em}.seq-step .control-slider.vertical{height:70px}.seq-step .control-slider.vertical.short{height:38px}.seq-step .control-slider.vertical.large{height:100px}.seq-step .control-slider.vertical.xLarge{height:120px}.seq-gate{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#11161c;cursor:pointer;padding:0}.seq-gate.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--glow)}.mkseq-controlbar{display:grid;grid-template-columns:1fr 2fr 2fr 2fr;grid-template-areas:"tempo cluster cluster cluster" "tempo cluster cluster cluster";gap:auto}#tempo-knob{grid-area:tempo}#cluster-buttons{grid-area:cluster}.mkseq-transport{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-right:.75rem}.mkseq-transport-btns{display:flex;flex-direction:column;gap:.4rem}.mkseq-cluster{display:flex;padding:2px;margin:4px 8px;border-radius:4px;background:#1d121236}.mkseq-cluster-title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-soft)}.mkseq-cluster-controls{display:flex;align-items:flex-end;gap:.6rem}.mkseq-clock-fixed{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin:auto .25rem}.mkseq-cluster-misc{display:flex;flex-direction:column;gap:0rem}.mkseq-cluster-row{display:flex;align-items:center;gap:.45rem;margin:.25rem auto}.mkseq-strip-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.mkseq-cluster-row .knob-wrap{flex-direction:row;align-items:center;gap:.35rem}.mkseq-cluster-row .knob-name{display:none}.mkseq-channel{margin-top:.35rem;padding-top:.3rem}.mkseq-channel .seq-channel-title{margin-bottom:.15rem}.mkseq-stepsarea{display:flex;gap:4px}.mkseq-legend{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:4px 4px 6px 0}.mkseq-legend-item{display:flex;align-items:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-soft)}.mkseq-legend-num{height:12px;color:var(--ink-dim)}.mkseq-legend-note{height:66px}.mkseq-legend-sm{height:32px}.mkseq-legend-gate{height:16px}.mkseq-steps{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:56px;gap:4px;overflow-x:auto;padding-bottom:6px}.mkseq-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px 6px;border-radius:4px;background:radial-gradient(circle at 50% 0%,#0c1116,#05080b);border-left:2px solid transparent}.mkseq-step-num{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-dim);line-height:12px}.mkseq-step.beat{border-left-color:var(--cyan);background:radial-gradient(circle at 50% 0%,#0d1622,#05080b)}.mkseq-step.beat .mkseq-step-num{color:var(--cyan);text-shadow:0 0 5px rgba(25,229,255,.65)}.mkseq-step.bar{border-left-color:var(--amber);background:radial-gradient(circle at 50% 0%,#1c1408,#05080b)}.mkseq-step.bar .mkseq-step-num{color:var(--amber);text-shadow:0 0 5px rgba(255,180,92,.65)}.mkseq-step.playing{box-shadow:inset 0 0 0 1px var(--accent),0 0 8px var(--glow)}.mkseq-step.playing:not(.beat):not(.bar){background:radial-gradient(circle at 50% 0%,#123322,#08160f)}.mkseq-step.off{background:#05080b;border-left-color:#ffffff0f}.mkseq-step.off .mkseq-step-num{opacity:.35;text-shadow:none}.mkseq-step .knob-name{display:none}.mkseq-step .knob-value,.mkseq-step-percents .knob-value{font-size:.66rem;min-height:.9em;color:var(--cyan);text-shadow:0 0 5px rgb(25,228,255)}.mkseq-step-percents .knob-value{color:var(--led-amber)!important}.mkseq-step .seq-gate:disabled{opacity:.3;cursor:default;box-shadow:none}@media (max-width: 768px){.mkseq-transport{padding-right:0;border-right:none;width:100%}.mkseq-steps{grid-auto-columns:50px}.mkseq-cluster{flex-direction:row;justify-content:space-around}.mkseq-controlbar{grid-template-columns:1fr;grid-template-areas:"tempo" "cluster"}}.midi-module{min-width:240px}.midi-msg,.midi-hint{font-family:var(--font-mono);font-size:.7rem;line-height:1.4;color:var(--ink-dim);margin:0 0 .6rem}.midi-status{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;min-height:28px}.midi-enable{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:5px;cursor:pointer}.midi-enable:hover{box-shadow:0 0 10px var(--glow)}.midi-led{width:9px;height:9px;border-radius:50%;background:#16361f;border:1px solid var(--line);flex:0 0 auto}.midi-led.blink{background:var(--accent);box-shadow:0 0 8px var(--glow)}.midi-devices{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);text-shadow:0 0 8px var(--glow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-quant,.midi-glide{border:1px solid var(--line);border-radius:4px;padding:.4rem .5rem;margin-bottom:.6rem}.midi-glide-title{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.35rem}.midi-glide-ctl{display:flex;align-items:center;gap:.6rem}.midi-quant-title{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.35rem}.midi-quant-selects{display:flex;gap:.5rem}.midi-quant-field{display:flex;flex-direction:column;gap:.2rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.midi-quant-field:first-child{flex:0 0 3.2rem}.midi-quant-field:last-child{flex:1}.midi-quant-field select{font-family:var(--font-mono);font-size:.72rem;padding:4px 6px;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:4px;cursor:pointer;width:100%}.midi-slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.midi-slot{display:flex;align-items:center;gap:.5rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:4px;font-family:var(--font-mono);font-size:.72rem}.midi-slot-name{flex:0 0 3.5rem;color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase}.midi-slot-cc{flex:1;color:var(--accent);text-align:center}.midi-learn{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:3px 8px;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:4px;cursor:pointer}.midi-learn:hover:not(:disabled){box-shadow:0 0 8px var(--glow)}.midi-learn.learning{background:var(--accent);color:#0c1116;box-shadow:0 0 10px var(--glow)}.midi-learn:disabled,.midi-clear:disabled{opacity:.4;cursor:default}.midi-clear{font-family:var(--font-mono);font-size:.7rem;padding:3px 7px;color:var(--ink-dim);background:#0c1116;border:1px solid var(--line);border-radius:4px;cursor:pointer}.midi-clear:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.led-display-wrap{display:inline-flex;flex-direction:column;gap:.25rem}.led-display-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.led-display{--led: var(--led-display);--led-glow: var(--led-display-glow);position:relative;overflow:hidden;padding:.35rem .6rem;border:1px solid #000;border-radius:4px;background:radial-gradient(120% 130% at 50% 0%,#0a0d10,#05080b 70%,#02050a);box-shadow:inset 0 2px 8px #000000e6,inset 0 0 10px #000000b3}.led-display-text{position:relative;z-index:0;display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.22em;line-height:1.2;white-space:pre;color:var(--led);text-shadow:0 0 6px var(--led-glow),0 0 12px var(--led-glow)}.led-display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,transparent 0 .9px,rgba(2,5,10,.55) 1px);background-size:3px 3px}.led-display.led-amber{--led: var(--led-amber);--led-glow: rgba(255, 180, 58, .7)}.led-display.led-green{--led: var(--led-green);--led-glow: rgba(61, 255, 149, .7)}.led-display.led-cyan{--led: var(--cyan);--led-glow: rgba(25, 229, 255, .7)}.led-display.led-red{--led: var(--led-red);--led-glow: rgba(255, 77, 87, .7)}.keyboard{position:relative;scroll-margin-top:1rem;scroll-margin-bottom:4.5rem;display:flex;flex-direction:column;gap:.9rem;width:95%;max-width:760px;margin:.5rem auto 1.5rem;padding:1.1rem 1.2rem 1.3rem;border:1px solid #000;border-radius:10px;background:linear-gradient(180deg,var(--panel-hi) 0,var(--panel-mid) 8%,var(--panel-mid) 92%,var(--panel-lo) 100%);box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000008c}.keyboard-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.kbd-glide,.kbd-octave{display:flex;align-items:flex-end;gap:.6rem}.kbd-oct-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding:9px 12px;color:var(--accent, var(--cyan));background:#0c1116;border:1px solid var(--accent, var(--cyan));border-radius:6px;cursor:pointer;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.kbd-oct-btn:hover{box-shadow:0 0 10px var(--glow, rgba(25, 229, 255, .45))}.kbd-oct-btn:active{background:var(--accent, var(--cyan));color:#04100c;box-shadow:0 0 12px var(--glow, rgba(25, 229, 255, .6))}.kbd-oct-btn kbd{font-family:var(--font-mono);font-size:.62rem;line-height:1;padding:2px 5px;border-radius:3px;border:1px solid var(--line);background:var(--groove);color:var(--ink-dim)}.kbd-keys{position:relative;display:flex;height:150px;touch-action:none;-webkit-user-select:none;user-select:none}.kbd-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:0 0 8px;border:1px solid #000;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .08s ease,box-shadow .08s ease,color .08s ease}.kbd-key.white{flex:1;min-width:0;border-radius:0 0 6px 6px;color:#0a0e13;background:linear-gradient(180deg,#eef3f7,#c4ccd4);box-shadow:inset 0 1px #fff,inset 0 -8px 14px #0000002e,0 3px 4px #00000080;z-index:1}.kbd-key.black{position:absolute;top:0;width:6.4%;height:62%;transform:translate(-50%);border-radius:0 0 5px 5px;color:#c4d3e4;background:linear-gradient(180deg,#2a323c,#0c1116);box-shadow:inset 0 1px #ffffff1f,0 4px 6px #0009;z-index:2}.kbd-key.active{color:#04080b;background:linear-gradient(180deg,var(--amber-soft),var(--amber));box-shadow:0 0 16px #ff8a1eb3,inset 0 0 8px #0000004d}.kbd-note{font-family:var(--font-mono);font-size:.6rem;opacity:.75}.kbd-keycap{font-family:var(--font-display);font-size:.82rem;font-weight:700}.kbd-key.black .kbd-note{font-size:.5rem}.kbd-key.black .kbd-keycap{font-size:.7rem}@media (max-width: 768px){.kbd-keys{height:180px}.keyboard-topbar{justify-content:center}}.recorder-controls{display:flex;align-items:center;gap:.75rem}.rec-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--text, #cfd8d8);background:#00000059;border:1px solid rgba(255,255,255,.18);border-radius:4px;cursor:pointer}.rec-btn:hover{border-color:#ffffff59}.rec-dot{width:.7rem;height:.7rem;border-radius:50%;background:#e74c3c;box-shadow:0 0 4px #e74c3c99}.rec-btn.recording{border-color:#e74c3c;color:#ffb3aa}.rec-btn.recording .rec-dot{animation:rec-blink 1s steps(2,start) infinite}@keyframes rec-blink{to{opacity:.2}}.rec-time{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--text-dim, #8fa3a3)}.preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .9rem;margin-bottom:1rem;border-radius:6px;background:linear-gradient(180deg,var(--panel-hi),var(--panel-lo));border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0a}.preset-bar-title{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.preset-group{display:flex;align-items:center;gap:.4rem}.preset-name{width:9rem}.preset-btn{font:inherit;font-size:.8rem;padding:4px 10px;border-radius:5px;border:1px solid var(--cyan);background:#0c1116;color:var(--cyan);cursor:pointer}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.preset-btn.danger{border-color:#ff5a5a;color:#ff7a7a}.preset-import{display:inline-flex;align-items:center}.preset-cloud-key{width:8rem}.preset-cloud-status{font-size:.7rem;opacity:.7}@media (max-width: 768px){.preset-bar{padding:.5rem;margin:0 16px}.preset-name{min-width:210px}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;place-items:center;grid-template-columns:1fr 3fr 2fr;row-gap:.4rem;width:100%;min-width:530px;gap:.6rem;padding:.5rem 1rem;background:linear-gradient(180deg,#11161d,#0a0e14);border-top:1px solid var(--line);box-shadow:0 -6px 18px #0000008c;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.bottom-nav.visible{transform:none;opacity:1;pointer-events:auto}.bottom-nav:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 20%,var(--magenta) 80%,transparent);box-shadow:0 0 12px #19e5ff99}.bottom-nav-left{display:grid;place-items:center}.bottom-nav-right{display:grid;place-items:center;grid-template-columns:1fr 1fr}.bottom-nav-right .nav-right-container{display:flex;gap:.25rem}.bottom-nav-cutoff .knob-wrap{flex-direction:row;align-items:right;gap:.4rem}.bottom-nav-cutoff .knob{width:34px;height:34px;margin-right:-24px}.bottom-nav-cutoff .knob-name{font-size:.6rem}.bottom-nav-cutoff .knob-value{font-size:.66rem;min-width:4.5ch;text-align:right}.bottom-nav-mutes{display:grid;max-width:140px;min-width:120px;align-items:center;justify-content:center;gap:clamp(.6rem,2vw,.5rem)}.mute-group{display:flex;align-items:center;gap:clamp(3px,1vw,6px)}.mute-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:clamp(.5rem,2.4vw,.72rem);letter-spacing:.03em;min-width:clamp(22px,7vw,34px);padding:clamp(3px,1vw,6px) clamp(4px,1.6vw,9px);border-radius:6px;border:1px solid var(--line);background:#0c1116;color:#6b7785;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.mute-chip input{position:absolute;width:0;height:0;opacity:0}.mute-chip.voice.on{color:var(--cyan);border-color:var(--cyan);background:#19e5ff14;box-shadow:0 0 8px #19e5ff80}.mute-chip.drum.on{color:var(--amber);border-color:var(--amber);background:#ffc10714;box-shadow:0 0 8px #ffc10780}.mute-chip.voice:hover{border-color:var(--cyan)}.mute-chip.drum:hover{border-color:var(--amber)}.mute-chip input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}.bottom-nav-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;color:var(--cyan);cursor:pointer;transition:box-shadow .2s ease}.bottom-nav-menu-btn svg{width:26px;height:26px;filter:drop-shadow(0 0 6px rgba(25,229,255,.7))}.bottom-nav-menu-btn:hover,.bottom-nav-menu-btn[aria-expanded=true]{box-shadow:0 0 12px #19e5ff80}.bottom-nav-menu{position:absolute;bottom:calc(100% + 10px);left:0;right:auto;margin:0;padding:.4rem;list-style:none;max-height:60vh;max-width:calc(100vw - 1.5rem);overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.3rem;background:linear-gradient(180deg,var(--panel-hi),var(--panel-lo));border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #0009,0 0 14px #19e5ff26}.bottom-nav-menu li{display:flex}.bottom-nav-menu button{flex:1;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-align:left;padding:7px 10px;color:var(--ink);background:#0c1116;border:1px solid var(--line);border-radius:5px;cursor:pointer;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease}.bottom-nav-menu button:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px #19e5ff66}@media (max-width: 768px){.bottom-nav{padding:.3rem 1rem;max-width:100vw;min-width:0}.bottom-nav-right{order:3;gap:.5rem}.bottom-nav-left{order:1}.bottom-nav-mutes{order:2;margin-left:8px}.bottom-nav .hdr-btn{padding:5px 7px;font-size:.58rem}.bottom-nav-menu-btn{padding:4px}.bottom-nav-menu-btn svg{width:22px;height:22px}.bottom-nav-menu{grid-template-columns:1fr;left:0;right:auto}}body.makwil-codex{--magenta: #FE0000;--cyan: #016DCD;--cyan-deep: #014e93;--amber: #FECE01;--amber-soft: #FFE066;--led-green: #056E04}body.makwil-codex.theme-light{--panel-hi: #2c2318;--panel-mid: #17120d;--panel-lo: #0b0807;--groove: #0a0705;--line: #5a4226;--ink: #e9dcc0;--ink-dim: #a7926d;--greca-ink: #c79a4b;--greca-glow: rgba(199, 154, 75, .5)}body.makwil-codex.theme-dark{--panel-hi: #c2a158bb;--panel-mid: #a3803ebb;--panel-lo: #7c5f2ebb;--groove: #2c2012;--line: #6e4f22;--ink: #2a1c0d;--ink-dim: #5c4422;--greca-ink: #4a3414;--greca-glow: rgba(74, 52, 20, .45)}body.makwil-codex.theme-light{background-color:#e7d6ad;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cfilter%20id='g'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.12'%20intercept='0.85'/%3E%3CfeFuncG%20type='linear'%20slope='0.12'%20intercept='0.85'/%3E%3CfeFuncB%20type='linear'%20slope='0.12'%20intercept='0.85'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='200'%20height='200'%20filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='420'%20height='420'%3E%3Cfilter%20id='w'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.012'%20numOctaves='4'%20seed='8'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.35'%20intercept='0.6'/%3E%3CfeFuncG%20type='linear'%20slope='0.35'%20intercept='0.6'/%3E%3CfeFuncB%20type='linear'%20slope='0.35'%20intercept='0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='420'%20height='420'%20filter='url(%23w)'/%3E%3C/svg%3E"),radial-gradient(720px 520px at 80% 18%,rgba(150,120,70,.1),transparent 60%),linear-gradient(180deg,#ece0c0,#e6d6ac 55%,#ddcc9e);background-size:200px 200px,420px 420px,auto,auto;background-blend-mode:multiply,multiply,normal,normal;background-attachment:fixed}body.makwil-codex.theme-dark{background-color:#0b0907;background-image:radial-gradient(900px 600px at 80% 8%,rgba(120,86,38,.12),transparent 60%),radial-gradient(720px 520px at 10% 95%,rgba(1,109,205,.06),transparent 60%),linear-gradient(180deg,#100c08,#0a0806 60%,#060403);background-size:auto,auto,auto;background-attachment:fixed}.makwil-codex{margin:-1rem auto 0;position:relative}.makwil-codex:after{content:"";position:absolute;left:0;right:0;height:15px;pointer-events:none;background:#5c3a1666;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 15px;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 15px}.makwil-codex:after{bottom:3.5rem;transform:scaleY(-1)}.makwil-codex.theme-dark:after{background:#c79a4b80}.makwil-codex.theme-light .synthTitle{color:#3a2410;text-shadow:0 1px 0 rgba(255,240,210,.5),0 0 14px rgba(1,109,205,.35),0 0 26px rgba(254,0,0,.22)}.makwil-codex.theme-dark .synthTitle{color:#f0dcae;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 14px rgba(1,109,205,.45),0 0 26px rgba(254,0,0,.28)}.makwil-codex .synthTitle:after,.makwil-codex .synthTitle:before{content:"";display:block;width:min(480px,100%);height:14px;margin:.5rem auto;background:#5c3a16;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 14px;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 14px}.makwil-codex.theme-dark .synthTitle:after,.makwil-codex.theme-dark .synthTitle:before{background:#c79a4b}.makwil-codex .vco-module,.makwil-codex .noise-module{--accent: #FE0000;--glow: rgba(254, 0, 0, .45)}.makwil-codex .vcfilter-module{--accent: #FECE01;--glow: rgba(254, 206, 1, .45)}.makwil-codex .adsr-module,.makwil-codex .filterenv-module,.makwil-codex .dahd-module,.makwil-codex .vca-module{--accent: #16c184;--glow: rgba(22, 193, 132, .55)}.makwil-codex .lfo-module,.makwil-codex .reverb-module,.makwil-codex .delay-module,.makwil-codex .chorus-module,.makwil-codex .cheby-module,.makwil-codex .patch-module,.makwil-codex .sequencer-module{--accent: #016DCD;--glow: rgba(1, 109, 205, .45)}.makwil-codex.theme-dark .vco-module,.makwil-codex.theme-dark .noise-module{--accent: #d62828;--glow: rgba(214, 40, 40, .45)}.makwil-codex.theme-dark .vcfilter-module{--accent: #6f25d1;--glow: #40187554}.makwil-codex.theme-dark .vca-module{--accent: #0e9d68;--glow: rgba(14, 157, 104, .4)}.makwil-codex.theme-dark .patch-module,.makwil-codex.theme-dark .sequencer-module{--accent: #2766dd;--glow: rgba(39, 102, 221, .5)}.makwil-codex .system-panel{--accent: #016DCD;--glow: rgba(1, 109, 205, .45)}.makwil-codex.theme-dark .system-panel{--accent: #2114ce;--glow: rgba(39, 102, 221, .5)}.makwil-codex .system-panel--petalos{--accent: #FE0000;--glow: rgba(254, 0, 0, .45)}.makwil-codex.theme-dark .system-panel--petalos{--accent: #d62828;--glow: rgba(214, 40, 40, .45)}.makwil-codex .system-panel--cribas{--accent: #FECE01;--glow: rgba(254, 206, 1, .45)}.makwil-codex.theme-dark .system-panel--cribas{--accent: #8e2ddd;--glow: #40187563}.makwil-codex .system-panel--labranza,.makwil-codex .system-panel--molino{--accent: #16c184;--glow: rgba(22, 193, 132, .55)}.makwil-codex.theme-dark .adsr-module,.makwil-codex.theme-dark .filterenv-module,.makwil-codex.theme-dark .dahd-module,.makwil-codex.theme-dark .system-panel--labranza{--accent: #0a4ecc;--glow: #6884b965}.makwil-codex.theme-dark .system-panel--molino{--accent: #0e9d68;--glow: rgba(14, 157, 104, .4)}.makwil-codex.theme-dark .lfo-module,.makwil-codex.theme-dark .system-panel--waves{--accent: #1bb7cc;--glow: rgba(14, 157, 104, .4)}.makwil-codex.theme-dark .reverb-module,.makwil-codex.theme-dark .delay-module,.makwil-codex.theme-dark .chorus-module,.makwil-codex.theme-dark .cheby-module,.makwil-codex.theme-dark .system-panel--fx{--accent: #d367b8;--glow: rgba(109, 34, 105, .839)}.makwil-codex .system-panel--sends,.makwil-codex.theme-dark .system-panel--sends{--accent: #c728a4;--glow: rgba(228, 137, 223, .4)}.makwil-codex .system-panel--surcos{--accent: #ff6a1f;--glow: rgba(255, 106, 31, .45)}.makwil-codex .system-panel--midi,.makwil-codex .system-panel--teclado{--accent: #e0207a;--glow: rgba(224, 32, 122, .45)}.makwil-codex.theme-dark .system-panel--surcos{--accent: #db4517;--glow: rgba(221, 97, 39, .5)}.makwil-codex.theme-dark .system-panel--midi,.makwil-codex.theme-dark .system-panel--teclado{--accent: #df3f6f;--glow: rgba(221, 97, 39, .5)}.makwil-codex .system-panel--surcos .sequencer-module{--accent: #ff6a1f;--glow: rgba(255, 106, 31, .45)}.makwil-codex.theme-dark .system-panel--surcos .sequencer-module{--accent: #db4517;--glow: rgba(221, 97, 39, .5)}.makwil-codex .system-panel{position:relative;grid-column:1 / -1;min-width:0;border-radius:10px;padding:1.1rem 1.2rem 1.3rem;scroll-margin-top:1rem;scroll-margin-bottom:4.5rem}.makwil-codex .system-panel{background:radial-gradient(120% 80% at 50% -10%,rgba(120,86,38,.1),transparent 60%),linear-gradient(180deg,var(--panel-hi) 0,var(--panel-mid) 8%,var(--panel-mid) 92%,var(--panel-lo) 100%);border:1px solid #1c130a;box-shadow:inset 0 1px #c79a4b2e,inset 0 -14px 26px #0009,0 0 0 1px #5a422680,0 10px 22px #2818088c,0 0 14px var(--glow);padding-top:1.5rem;padding-bottom:1.7rem;margin-top:1rem}.makwil-codex.theme-dark .system-panel{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%3E%3Cfilter%20id='g'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.12'%20intercept='0.44'/%3E%3CfeFuncG%20type='linear'%20slope='0.12'%20intercept='0.44'/%3E%3CfeFuncB%20type='linear'%20slope='0.12'%20intercept='0.44'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='256'%20height='256'%20filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='700'%3E%3Cfilter%20id='p'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.012'%20numOctaves='4'%20seed='8'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.22'%20intercept='0.39'/%3E%3CfeFuncG%20type='linear'%20slope='0.22'%20intercept='0.39'/%3E%3CfeFuncB%20type='linear'%20slope='0.22'%20intercept='0.39'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='700'%20height='700'%20filter='url(%23p)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--panel-hi) 0,var(--panel-mid) 12%,var(--panel-mid) 88%,var(--panel-lo) 100%);background-size:256px 256px,700px 700px,auto;background-blend-mode:soft-light,soft-light,normal;border:1px solid #6e4f22;box-shadow:inset 0 1px #fff4d666,inset 0 -14px 26px #5a3c144d,0 0 0 1px #281a0a73,0 10px 22px #0000008c,0 0 16px var(--glow)}.makwil-codex.theme-dark .system-panel:before,.makwil-codex.theme-dark .system-panel:after{opacity:.9;filter:none}.makwil-codex .system-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") center top 5px / 24px 12px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'%20fill='black'/%3E%3C/svg%3E") left 7px top 7px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(90%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") right 7px top 7px / 16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") center top 5px / 24px 12px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'%20fill='black'/%3E%3C/svg%3E") left 7px top 7px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(90%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") right 7px top 7px / 16px 16px no-repeat;filter:drop-shadow(0 0 2px var(--glow));opacity:.6}.makwil-codex .system-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;z-index:1;pointer-events:none;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") center bottom 5px / 24px 12px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(180%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") right 7px bottom 7px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(270%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") left 7px bottom 7px / 16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") center bottom 5px / 24px 12px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(180%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") right 7px bottom 7px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cg%20transform='rotate(270%207%207)'%3E%3Cpath%20d='M2,2H12V4H4V12H2ZM6,6H12V8H8V12H6Z'/%3E%3C/g%3E%3C/svg%3E") left 7px bottom 7px / 16px 16px no-repeat;filter:drop-shadow(0 0 2px var(--glow));opacity:.6}.makwil-codex .system-panel-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.4rem;padding-bottom:.6rem;text-align:center}.makwil-codex .system-panel-header h2{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px var(--glow),0 1px 0 #000}.makwil-codex .system-panel-body{position:relative;z-index:2;min-width:0}.makwil-codex .system-panel .module,.makwil-codex.theme-dark .system-panel .module{margin:.3rem 0;min-width:0;width:auto;padding:.5rem .4rem .7rem;background:none;border:none;border-radius:0;box-shadow:none}.makwil-codex .system-panel .module:before,.makwil-codex .system-panel .module:after,.makwil-codex.theme-dark .system-panel .module:before,.makwil-codex.theme-dark .system-panel .module:after{content:none}.makwil-codex .system-panel-body>.module+.module{border-top:1px solid rgba(199,154,75,.28);padding-top:.9rem}.makwil-codex.theme-dark .system-panel-body>.module+.module{border-top-color:#4a341466}.makwil-codex .cribas-body>.module+.module,.makwil-codex .vco-body>.module+.module,.makwil-codex .fx-column>.module+.module,.makwil-codex .matrices-body>.module+.module,.makwil-codex .envelope-row>.module+.module{border-top:none;padding-top:.5rem}.makwil-codex.theme-dark .system-panel .module{padding:8px 0;margin:-8px 0;width:100%;border-top:none}.makwil-codex .system-panel .fx-column>.module+.small-fx{padding:8px 0;margin:-8px 0;width:100%;border-top:1px solid var(--ink-dim)}.makwil-codex .system-panel .module-header{margin-bottom:.6rem;padding-bottom:.3rem;border-bottom:none;box-shadow:none}.makwil-codex .system-panel .module-header h2{font-size:.78rem;letter-spacing:.14em;opacity:.85;text-shadow:none}.makwil-codex .system-panel .module-header h2:before{content:none}.makwil-codex .cribas-body,.makwil-codex .vco-body{display:flex;flex-wrap:wrap;gap:.8rem}.makwil-codex .cribas-body>.module,.makwil-codex .vco-body>.module{flex:1 1 240px}.makwil-codex .matrices-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem}.makwil-codex .matrices-body>.patch-module--cv{flex:2 1 460px}.makwil-codex .matrices-body>.patch-module--gates,.makwil-codex .matrices-body>.patch-module--midi{flex:1 1 240px}.makwil-codex .system-panel .keyboard{width:auto;max-width:none;margin:0}.makwil-codex .module-header{border-bottom-color:var(--greca-ink)}.makwil-codex .patch-matrix th,.makwil-codex .patch-matrix td{border-color:#c79a4b38}.makwil-codex .patch-cell{background:radial-gradient(circle at 50% 40%,#1a130b,#0a0705),repeating-linear-gradient(45deg,rgba(199,154,75,.1) 0 2px,transparent 2px 6px)}.makwil-codex.theme-dark .patch-matrix th,.makwil-codex.theme-dark .patch-matrix td{border-color:#4a341459}body.makwil-codex.theme-light .header-nav{background:radial-gradient(720px 200px at 80% 0%,rgba(150,120,70,.1),transparent 60%),linear-gradient(180deg,#ece0c0,#e2d2a6);border-bottom:1px solid var(--greca-ink);box-shadow:0 6px 16px #3c260e2e;color:#3a2410}body.makwil-codex.theme-light .logo-container h4{color:#3a2410;text-shadow:0 1px 0 rgba(255,240,210,.5)}body.makwil-codex.theme-dark .header-nav{background:radial-gradient(720px 200px at 80% 0%,rgba(120,86,38,.14),transparent 60%),linear-gradient(180deg,#16110b,#0b0806);border-bottom:1px solid #5a4226;box-shadow:0 6px 16px #00000080;color:#e9dcc0}body.makwil-codex.theme-dark .logo-container h4{color:#e9dcc0;text-shadow:0 0 10px rgba(1,109,205,.4)}body.makwil-codex .logo-container svg{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(1,109,205,.5))}body.makwil-codex .header-nav:after{height:12px;bottom:-3px;background:var(--cyan);box-shadow:none;opacity:.7;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 12px;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 12px;filter:none}body.makwil-codex.theme-light .bottom-nav{background:radial-gradient(720px 200px at 80% 0%,rgba(150,120,70,.1),transparent 60%),linear-gradient(180deg,#ece0c0d3,#e2d2a6d8);border-top:1px solid var(--greca-ink);box-shadow:0 -6px 16px #3c260e2e}body.makwil-codex.theme-dark .bottom-nav{background:radial-gradient(720px 200px at 80% 0%,rgba(120,86,38,.14),transparent 60%),linear-gradient(180deg,#16110bdb,#0b0806e0);border-top:1px solid #5a4226;box-shadow:0 -6px 16px #00000080}body.makwil-codex .bottom-nav:before{height:12px;top:-3px;background:var(--cyan);box-shadow:none;opacity:.7;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 12px;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='14'%20viewBox='0%200%2024%2014'%3E%3Cpath%20d='M0,11H24M3,11V4H13V8H7V6H11'%20fill='none'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 24px 12px;filter:none}.makwil-codex .seq-channel{border-top-color:#c79a4b38}.makwil-codex.theme-dark .seq-channel{border-top-color:#4a341459}.makwil-codex .control-select{color:var(--amber-soft);background:var(--groove);border:1px solid var(--line);box-shadow:inset 0 2px 6px #000c;text-shadow:0 0 8px var(--glow)}.makwil-codex .control-select:focus{border-color:var(--accent);box-shadow:inset 0 2px 6px #000c,0 0 0 1px var(--accent)}.makwil-codex .control-select option{color:#e9dcc0;background:#2c2012}.makwil-codex .knob-name{color:var(--greca-ink)}.makwil-codex.theme-dark .control-slider{background:linear-gradient(180deg,#241a0c,#2f2212)}.makwil-codex.theme-dark .seq-step{background:radial-gradient(circle at 50% 0%,#2e2212,#1d1509)}.makwil-codex.theme-dark .seq-step.beat{background:radial-gradient(circle at 50% 0%,#1c244ae5,#0e0c24e8);border-left-color:#2766dd}.makwil-codex.theme-dark .seq-step.bar{background:radial-gradient(circle at 50% 0%,#5e4824,#2a1f0d);border-left-color:#ff7707}.makwil-codex.theme-dark .seq-step.playing:not(.beat):not(.bar){background:radial-gradient(circle at 50% 0%,#3a3416,#241a0c)}.makwil-codex.theme-dark .seq-gate,.makwil-codex.theme-dark .patch-pin-dot{background:#2c2012}.makwil-codex.theme-dark .seq-gate.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--glow)}.makwil-codex.theme-dark .seq-btn,.makwil-codex.theme-dark .ms-btn{background:#241a0c}.makwil-codex.theme-dark .patch-cell{background:radial-gradient(circle at 50% 40%,#33260f,#1f1609),repeating-linear-gradient(45deg,rgba(199,154,75,.1) 0 2px,transparent 2px 6px)}.makwil-codex .vco-i1 .checkbox-option input:checked+.wave-icon{stroke:#2f7ff0;filter:drop-shadow(0 0 3px rgba(47,127,240,.8))}.makwil-codex .vco-i2 .checkbox-option input:checked+.wave-icon{stroke:#ff3b3b;filter:drop-shadow(0 0 3px rgba(255,59,59,.8))}.makwil-codex .vco-i3 .checkbox-option input:checked+.wave-icon{stroke:#16c184;filter:drop-shadow(0 0 3px rgba(22,193,132,.8))}.makwil-codex .vco-i4 .checkbox-option input:checked+.wave-icon{stroke:#ffcd2b;filter:drop-shadow(0 0 3px rgba(255,205,43,.8))}.makwil-codex.theme-dark .knob-value,.makwil-codex.theme-dark .fader-value{color:#3a2a10;text-shadow:none}body.makwil-codex .bottom-nav-menu button{background:#241a0c;color:#e9dcc0;border-color:#5a4226}body.makwil-codex .bottom-nav-menu .nav-fam-red{color:#ff5a5a;border-color:#d62828}body.makwil-codex .bottom-nav-menu .nav-fam-amber{color:#ffcd2b;border-color:#b8860b}body.makwil-codex .bottom-nav-menu .nav-fam-jade{color:#2ad9a0;border-color:#16c184}body.makwil-codex .bottom-nav-menu .nav-fam-blue{color:#5a93ff;border-color:#2766dd}body.makwil-codex .bottom-nav-menu .nav-fam-neutral{color:#e9dcc0;border-color:#5a4226}body.makwil-codex .bottom-nav-menu button:hover{box-shadow:0 0 8px currentColor;filter:brightness(1.15)}.small-fx{display:flex;align-items:center;justify-content:space-evenly}.small-fx .fx-header{display:flex;align-items:flex-start}.small-fx .fx-header>h2{line-height:8px;letter-spacing:8px;margin-left:-2rem;width:40px}.fx-knob-per{min-width:140px;width:100%;gap:4px;justify-content:space-between!important}.fx-knob-per>div{min-width:45px}.small-curve{display:flex;flex-direction:column;margin:1rem .25rem -1rem -.25rem}.small-curve span{font-size:.5rem}.col-curve{margin:.25rem}.makwil-codex .system-panel--petalos .system-panel-body,.makwil-codex.theme-dark .system-panel--petalos .system-panel-body{gap:2rem;padding:0}.makwil-codex .system-panel--petalos .system-panel-body>div,.makwil-codex.theme-dark .system-panel--petalos .system-panel-body>div{box-shadow:0 0 4px #35302e88;border-radius:8px;padding:8px 16px}@media (min-width: 1025px){.makwil-codex .synth-modules{margin-top:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"vco vco vco vco vco vco vco vco molino molino molino molino" "cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12 cribas12" "env env env ad ad lfo lfo fx fx sends sends sends " "matrices matrices matrices matrices matrices matrices matrices matrices matrices matrices matrices matrices" "surcos surcos surcos surcos surcos surcos surcos surcos surcos surcos surcos surcos" "teclado teclado teclado teclado teclado teclado teclado teclado midi midi midi midi"}.makwil-codex #sys-labranza-ad{grid-area:ad}.makwil-codex #sys-labranza-env{grid-area:env}.makwil-codex #sys-sends{grid-area:sends}.makwil-codex #sys-petalos{grid-area:vco}.makwil-codex #sys-molino{grid-area:molino}.makwil-codex #sys-labranza-lfo{grid-area:lfo}.makwil-codex #sys-cribas-12{grid-area:cribas12}.makwil-codex #sys-matrices{grid-area:matrices}.makwil-codex #sys-fx{grid-area:fx}.makwil-codex #sys-fx-2{grid-area:fx2}.makwil-codex #sys-surcos{grid-area:surcos}.makwil-codex #sys-teclado{grid-area:teclado}.makwil-codex #sys-midi{grid-area:midi}.makwil-codex .control-group.row{flex-wrap:wrap}.makwil-codex .noise-module .module-controls{flex-direction:column;align-items:center;gap:1rem}.makwil-codex .adsr-module,.makwil-codex .dahd-module{padding-left:.4rem;padding-right:.4rem}.makwil-codex .adsr-module .env-knobs,.makwil-codex .dahd-module .env-knobs{gap:.4rem;justify-content:center}.makwil-codex .patch-dest-label{writing-mode:vertical-rl;transform:rotate(180deg);padding:6px 2px}.makwil-codex .patch-cell{width:26px}.makwil-codex .system-panel--petalos .system-panel-body,.makwil-codex.theme-dark .system-panel--petalos .system-panel-body{gap:2rem 1rem;padding:0 1rem .5rem}.small-fx .fx-header{flex-direction:column;align-items:flex-start}.small-fx .fx-header>h2{writing-mode:vertical-lr;margin-left:8px;margin-right:-8px;max-height:60px;overflow:hidden}}.makwil-codex .patch-module .module-controls{overflow-x:auto}.drums-module{grid-column:1 / -1;flex:1 1 100%}.drum-fx{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.drum-fx-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow);align-self:center}.drum-voice{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line)}.drum-voice:first-child{margin-top:0;padding-top:0;border-top:none}.drum-voice-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.drum-voice-row{display:flex;align-items:center;justify-content:space-around;gap:.6rem;margin-bottom:.4rem}.drum-voice-name{font-family:var(--font-display);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow)}.drum-sample-select{flex:1;min-width:0;max-width:160px;margin-left:auto;font-size:.66rem}.drum-load{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:5px 9px;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:5px;cursor:pointer}.drum-load:hover{box-shadow:0 0 10px var(--glow)}.drum-load input{display:none}.drum-controls{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:.5rem}.drum-seq-inputs{flex:1 1 0;min-width:0}.drum-seq-inputs .seq-steps{margin:0 auto}@media (max-width: 768px){.drum-voice-row{flex-direction:column;align-items:stretch}.drum-controls{flex-wrap:nowrap;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.drum-seq-inputs{width:100%}}.drum-seq-config{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap;margin-bottom:.4rem}.drum-cfg-item{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim)}.drum-seq-config .control-select{padding:.3rem .45rem;font-size:.78rem}.machina-top{display:flex;gap:1.2rem;align-items:flex-start}.machina-master{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:.6rem .8rem;border-right:1px solid var(--groove)}.machina-grid-scroll{flex:1;min-width:0;overflow-x:auto;padding-bottom:.3rem}.machina-grid{display:grid;grid-template-columns:auto repeat(var(--steps),minmax(18px,30px));gap:3px 3px;align-items:stretch}.machina-row-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px var(--glow);align-self:center;padding-right:.5rem;text-align:right;min-width:2.6rem}.machina-colsel{display:flex;flex-direction:column;align-items:center;gap:2px}.machina-colsel-num{font-family:var(--font-mono);font-size:.55rem;line-height:.7rem;height:.7rem;color:var(--ink-dim)}.machina-colsel-led{width:10px;height:10px;border-radius:50%;background:#0c1116;border:1px solid var(--line);box-shadow:inset 0 1px 2px #000000b3}.machina-colsel.playing .machina-colsel-led{background:var(--led-amber);border-color:var(--led-amber);box-shadow:0 0 8px var(--led-display-glow)}.machina-cell{aspect-ratio:1;min-height:18px;padding:0;border-radius:4px;border:1px solid #000;background:var(--groove);box-shadow:inset 0 2px 5px #000000a6;cursor:pointer;transition:box-shadow .1s,background-color .1s}.machina-cell.beat{background:#0d141c}.machina-cell.bar{background:#101a24}.machina-cell:hover{border-color:var(--accent)}.machina-cell.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 9px var(--glow),inset 0 1px #ffffff59}.machina-voicerack{margin-top:1rem;border-top:1px solid var(--groove);padding-top:.8rem}.machina-voices{display:flex;gap:.4rem;overflow-x:auto;justify-content:space-between}.machina-voice{display:flex;flex-direction:column;align-items:center;gap:.55rem;min-width:88px;padding:.5rem .3rem;border-radius:6px;border:1px solid transparent}.machina-voice.editing{border-color:var(--groove);background:#00000040}.machina-voice-name{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow)}.machina-voice-minis{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .6rem}.machina-voice-menu-btn{width:34px;height:30px;padding:0;display:grid;place-items:center;font-size:.95rem;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:6px;cursor:pointer}.machina-voice-menu-btn:hover{box-shadow:0 0 10px var(--glow)}.machina-voice-menu-btn.active{background:var(--accent);color:#120607;box-shadow:0 0 10px var(--glow)}.machina-voice-editor{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.7rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--panel-lo);box-shadow:inset 0 2px 6px #00000080}.machina-editor-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px var(--glow)}.machina-sample-select{flex:1;min-width:130px;max-width:240px;font-size:.7rem}.machina-load,.machina-preview,.machina-editor-close{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:5px 9px;color:var(--accent);background:#0c1116;border:1px solid var(--accent);border-radius:5px;cursor:pointer}.machina-load:hover,.machina-preview:hover,.machina-editor-close:hover{box-shadow:0 0 10px var(--glow)}.machina-load input{display:none}.machina-editor-close{margin-left:auto}.machina-bottom{margin-top:1rem;border-top:1px solid var(--groove);padding-top:.8rem;display:flex;justify-content:flex-start}.machina-xy{display:flex;gap:1rem;align-items:stretch}.machina-xy-pad-col{display:flex;flex-direction:column;gap:.4rem}.machina-xy-pad{position:relative;width:min(300px,78vw);aspect-ratio:1;border:1px solid var(--line);border-radius:8px;cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(transparent 0 24px,#2a364447 24px,#2a364447 25px),linear-gradient(90deg,transparent 0 24px,rgba(42,54,68,.28) 24px 25px),radial-gradient(circle at 50% 50%,#0c121a 0%,var(--groove) 85%);background-size:25px 25px,25px 25px,auto;box-shadow:inset 0 3px 10px #000000a6}.machina-xy-ball{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,50%);background:var(--ball-color);box-shadow:0 0 9px var(--ball-color);opacity:.65;pointer-events:none;transition:width .1s,height .1s,opacity .1s}.machina-xy-ball.active{width:22px;height:22px;opacity:1;outline:2px solid rgba(255,255,255,.25);outline-offset:2px}.machina-xy-axis{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);text-align:center}.machina-xy-controls{display:flex;flex-direction:column;gap:.55rem;justify-content:center}.machina-xy-radio{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer}.machina-xy-radio input{position:absolute;opacity:0;pointer-events:none}.machina-xy-radio.checked{color:var(--ink)}.machina-xy-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--ball-color);background:#0c1116;box-shadow:inset 0 1px 2px #000000b3}.machina-xy-radio.checked .machina-xy-dot{background:var(--ball-color);box-shadow:0 0 9px var(--ball-color)}.machina-xy-readouts{display:flex;gap:.6rem;margin-top:.4rem}@media (max-width: 768px){.machina-top{flex-direction:column;gap:.8rem}.machina-master{flex-direction:row;border-right:none;border-bottom:1px solid var(--groove);padding:.3rem 0 .7rem;width:100%;justify-content:center}.machina-grid{grid-template-columns:auto repeat(var(--steps),minmax(17px,1fr))}.machina-voices{justify-content:flex-start}.machina-voice{min-width:80px}.machina-xy{flex-direction:column;width:100%}.machina-xy-pad{width:100%}.machina-xy-controls{flex-direction:row;flex-wrap:wrap;gap:.7rem}.machina-xy-readouts{width:100%;margin-top:.1rem}}.about-page{position:relative;max-width:880px;margin:0 auto;padding:2rem 1.25rem 6rem;color:var(--ink);font-family:var(--font-mono)}.about-hero{text-align:center;padding:2.5rem 0 1.5rem}.about-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,8vw,4rem);letter-spacing:.18em;color:#3a2410;text-shadow:0 1px 0 rgba(255,240,210,.5),0 0 14px rgba(1,109,205,.35),0 0 26px rgba(254,0,0,.22)}.about-sub{margin-top:.6rem;font-size:1rem;letter-spacing:.08em;color:var(--ink-dim)}.about-section{margin:1.8rem 0;padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:10px;background:#17120d0f;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.about-section h2{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta);margin-bottom:.7rem}.about-section p{line-height:1.7;font-size:.95rem}.about-section code{font-family:var(--font-mono);padding:1px 5px;border-radius:4px;background:#016dcd1f;color:var(--cyan-deep)}.about-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.4rem}.about-module-card{--card-accent: var(--cyan);padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--card-accent);border-radius:8px;background:#ffffff0a}.about-module-card h3{font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent);margin-bottom:.4rem}.about-module-card p{font-size:.85rem;line-height:1.55;color:var(--ink-dim);margin-bottom:.6rem}.about-module-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0}.about-module-list li{font-size:.7rem;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--card-accent);color:var(--ink)}.about-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem}.about-link{font-family:var(--font-display);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--line);border-radius:8px;transition:border-color .2s,box-shadow .2s,color .2s}.about-link:hover{color:var(--amber);border-color:var(--amber);box-shadow:0 0 12px #ff8a1e59}@media (max-width: 768px){.about-modules{grid-template-columns:1fr}}.analog-lesson{--lesson-bg-hi: #0a2a1c;--lesson-bg-lo: #030f0a;--lesson-accent: #16c184;--lesson-glow: rgba(22, 193, 132, .4);--lesson-ink: #dff5ea;--lesson-ink-dim: #7fa694;--obs-hi: #2c3230;--obs-mid: #14100E;--obs-lo: #050605;min-height:100vh;padding:2.5rem 1.25rem 5rem;color:var(--lesson-ink)}.analog-lesson-inner{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.analog-lesson-crumb a{color:var(--lesson-ink-dim);font-family:var(--font-mono);font-size:.85rem;text-decoration:none}.analog-lesson-crumb a:hover{color:var(--lesson-accent)}.analog-lesson-hero h1{font-family:var(--font-display);font-size:2.4rem;color:var(--lesson-ink);text-shadow:0 0 18px var(--lesson-glow);margin-bottom:.4rem}.analog-lesson-subtitle{font-style:italic;color:var(--lesson-accent);margin-bottom:.6rem}.analog-lesson-description{color:var(--lesson-ink-dim);max-width:62ch;line-height:1.6}.analog-lesson .module{--accent: var(--lesson-accent);--glow: var(--lesson-glow);background:linear-gradient(180deg,var(--obs-hi) 0%,var(--obs-mid) 14%,var(--obs-mid) 86%,var(--obs-lo) 100%);border:1px solid #000;box-shadow:inset 0 1px #ffffff14,inset 0 -14px 24px #000000b3,0 10px 20px #0000008c,0 0 16px var(--glow);min-width:100px;height:100%}.analog-lesson-panel-section{background:#030f0a66;border:1px solid rgba(22,193,132,.18);border-radius:12px;padding:1.5rem}.analog-lesson-content{display:flex;flex-direction:column;gap:1rem;line-height:1.7}.analog-lesson-content h2{font-family:var(--font-display);font-size:1.3rem;color:var(--lesson-accent);margin-top:.5rem}.analog-lesson-content p{color:var(--lesson-ink)}.analog-lesson-content ul{padding-left:1.4rem;color:var(--lesson-ink)}.analog-lesson-content li{margin-bottom:.35rem}.analog-lesson-content blockquote{border-left:3px solid var(--lesson-accent);padding:.4rem 0 .4rem 1rem;color:var(--lesson-ink-dim);font-style:italic}.analog-lesson-content blockquote cite{display:block;margin-top:.3rem;font-style:normal;font-size:.85rem;color:var(--lesson-ink-dim)}.analog-lesson-content figure{margin:0}.analog-lesson-content figure img{max-width:100%;border-radius:8px;border:1px solid rgba(22,193,132,.25)}.analog-lesson-content figcaption{font-size:.85rem;color:var(--lesson-ink-dim);margin-top:.4rem}.analog-lesson-links h2{font-family:var(--font-display);font-size:1.1rem;color:var(--lesson-accent);margin-bottom:.5rem}.analog-lesson-links ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.analog-lesson-links a{color:var(--lesson-ink);text-decoration:none;border-bottom:1px dotted var(--lesson-ink-dim)}.analog-lesson-links a:hover{color:var(--lesson-accent);border-color:var(--lesson-accent)}.analog-lesson-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.analog-lesson-tags li{font-family:var(--font-mono);font-size:.75rem;color:var(--lesson-accent);border:1px solid rgba(22,193,132,.35);border-radius:999px;padding:.2rem .65rem}.analog-lesson-nav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(22,193,132,.2);padding-top:1.5rem}.analog-lesson-nav-btn{flex:1;text-align:center;padding:.9rem 1rem;border-radius:8px;border:1px solid var(--lesson-accent);color:var(--lesson-accent);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:box-shadow .15s,background .15s}.analog-lesson-nav-btn:not(.disabled):hover{background:#16c1841f;box-shadow:0 0 14px var(--lesson-glow)}.analog-lesson-nav-btn.disabled{color:var(--lesson-ink-dim);border-color:#7fa69440;cursor:default}.analog-lesson-nav-btn.next{text-align:right}.analog-lesson-nav-btn.prev{text-align:left}.analog-index-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.analog-index-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;border:1px solid rgba(22,193,132,.25);background:linear-gradient(180deg,var(--obs-hi) 0%,var(--obs-mid) 20%,var(--obs-lo) 100%);text-decoration:none;transition:box-shadow .15s,border-color .15s}.analog-index-card:hover{border-color:var(--lesson-accent);box-shadow:0 0 16px var(--lesson-glow)}.analog-index-num{font-family:var(--font-display);font-size:1.4rem;color:var(--lesson-accent);min-width:2.4ch}.analog-index-body{display:flex;flex-direction:column}.analog-index-title{color:var(--lesson-ink);font-weight:600}.analog-index-subtitle{color:var(--lesson-ink-dim);font-size:.85rem;font-style:italic}@media (max-width: 640px){.analog-lesson-nav{flex-direction:column}.lesson-panel-modules{gap:0}}.lesson-panel{display:flex;flex-direction:column;gap:1.25rem}.lesson-panel-modules{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem;align-items:center}.lesson-panel .keyboard{margin:0}.keyboard-row .gatesrc{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:.5rem}.keyboard-row .gatesrc .keyboard,.keyboard-row .gatesrc .seqlesson-module{flex:1 1 auto;width:100%}.gatesrc-switch{justify-content:center}.env-knobs.disabled{opacity:.4;pointer-events:none;filter:saturate(.4)}.module-label{display:inline-block}.checkbox-group .horizontal{display:flex;flex-direction:row}.module-header h2:before{display:none}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:1fr 1fr;place-items:center}.vco-module,.vcfilter-module,.adsr-module,.lfo-module,.dahd-module,.filterenv-module{grid-column:span 2}.modmatrix-module{grid-column:span 3}.envsel-module{grid-column:span 1}@media (max-width:640px){.lesson-panel-modules{grid-template-columns:1fr}}.modmatrix-module{--accent: #ffb43a;--glow: rgba(255, 180, 58, .45)}.mmx-grid{display:grid;grid-template-columns:auto repeat(6,minmax(34px,1fr));gap:4px 2px;align-items:center;width:100%}.mmx-corner{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);padding-right:6px;white-space:nowrap}.mmx-colhead,.mmx-rowhead{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-soft)}.mmx-colhead{text-align:center}.mmx-rowhead{text-align:right;padding-right:6px;white-space:nowrap}.mmx-cellwrap,.mmx-void{display:flex;justify-content:center;align-items:center;min-height:20px}.mmx-void:before{content:"";width:4px;height:4px;border-radius:50%;background:#ffffff14}.mmx-cell{width:16px;height:16px}.keyboard-row .seqlesson-module{flex:1 1 480px;min-width:0}.seqlesson-body{display:flex;flex-direction:column;gap:.6rem;width:100%}.seqlesson-transport{padding-right:0;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.seqlesson-transport .mkseq-transport-btns{flex-direction:row}.seqlesson-body .mkseq-stepsarea{min-width:0}.seqlesson-steps{grid-auto-columns:minmax(44px,1fr)}.seqlesson-tracks{display:flex;flex-direction:column;gap:.45rem}.seqlesson-track+.seqlesson-track{padding-top:.45rem;border-top:1px solid rgba(255,255,255,.08)}.seqlesson-track-label{display:block;margin-bottom:.2rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lesson-accent, #3dff95);opacity:.75}.toggle-label{color:var(--amber)}@media (max-width: 768px){.modmatrix-module{grid-column:1 / -1}}.scope-module{--accent: var(--cyan);--glow: rgba(25, 229, 255, .45)}.scope-module .module-controls{display:flex;flex-direction:column;gap:.75rem}.scope-screen{position:relative;width:100%;aspect-ratio:16 / 9;min-height:140px;border-radius:6px;background-color:#020805;background-image:radial-gradient(120% 120% at 50% 50%,rgba(61,255,149,.05),transparent 70%),linear-gradient(180deg,transparent calc(50% - 1px),rgba(61,255,149,.28) calc(50% - 1px),rgba(61,255,149,.28) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(61,255,149,.28) calc(50% - 1px),rgba(61,255,149,.28) calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(90deg,rgba(61,255,149,.16) 0 1px,transparent 1px 12.5%),repeating-linear-gradient(180deg,rgba(61,255,149,.16) 0 1px,transparent 1px calc(100% / 6));border:1px solid #000;box-shadow:inset 0 0 24px #000000d9,inset 0 2px #ffffff0a,0 0 10px #3dff951f;overflow:hidden}.scope-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}.scope-screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scope-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.scope-legend{display:flex;gap:.9rem;font-family:var(--font-mono);font-size:.72rem;max-width:200px;flex-wrap:wrap}.scope-legend-item{display:flex;align-items:center;gap:.35rem;color:var(--ink-dim);background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:opacity .15s}.scope-legend-item:hover{opacity:.8}.scope-legend-item:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;transition:box-shadow .15s,background .15s}.scope-legend-item.muted{color:var(--ink-dim);opacity:.5}.scope-legend-item.muted:before{background:transparent;box-shadow:none;border:1px solid currentColor}.scope-mode-switch{position:absolute;top:6px;right:8px;z-index:2;display:flex;gap:2px;background:#020805b3;border:1px solid rgba(25,229,255,.25);border-radius:999px;padding:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scope-mode-switch button{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.02em;color:var(--ink-dim);background:none;border:none;border-radius:999px;padding:3px 8px;cursor:pointer;transition:background .15s,color .15s}.scope-mode-switch button:hover{color:var(--ink)}.scope-mode-switch button.active{color:#020805;background:var(--cyan);box-shadow:0 0 8px #19e5ff8c}.scope-freq-toggle{display:flex;gap:2px;background:#02080580;border:1px solid rgba(25,229,255,.2);border-radius:999px;padding:2px}.scope-freq-toggle button{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-dim);background:none;border:none;border-radius:999px;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s}.scope-freq-toggle button:hover{color:var(--ink)}.scope-freq-toggle button.active{color:#020805;background:var(--cyan);box-shadow:0 0 8px #19e5ff66}.percmatrix-module .mmx-grid{grid-template-columns:auto repeat(8,minmax(26px,1fr));gap:4px 3px}.percmatrix-module .mmx-colhead{font-size:.5rem;letter-spacing:.02em;padding:0 1px}.percmatrix-module .mmx-rowhead{font-size:.55rem}.perc-vca-module{grid-column:span 2}.noise-module{grid-column:span 1}.lesson-panel .cheby-module{grid-column:span 2}.perc-vca-module .perc-vca-mixer{display:flex;align-items:flex-end;gap:.9rem}.perc-vca-module .fader-bank{display:flex;gap:.5rem}.filterenv-module{grid-column:span 1}.percmatrix-module{grid-column:span 4}@media (max-width: 768px){.percmatrix-module{grid-column:1 / -1;overflow-x:scroll;background-color:red}.mkseq-stepsarea{overflow-x:scroll}}.dronematrix-module .mmx-grid{grid-template-columns:auto repeat(12,minmax(20px,1fr));gap:4px 3px}.dronematrix-module .mmx-colhead{font-size:.5rem;letter-spacing:.02em;padding:0 1px}.dronematrix-module .mmx-rowhead{font-size:.55rem}.drone-vcf-modes{grid-template-columns:1fr 1fr;gap:2px 8px;justify-items:start;font-size:.72rem}.fatvco-module,.drone-mixer-module{grid-column:span 2}.lfo-module{grid-column:span 2}.filterenv-module .module-header{display:flex;flex-direction:column}.dronematrix-module{grid-column:span 4}.drone-mixer{display:flex;gap:.9rem;justify-content:center}.drone-mix-ch{display:flex;flex-direction:column;align-items:center;gap:.4rem}@media (max-width: 768px){.dronematrix-module{grid-column:1 / -1}}.theory-sketch{margin:0}.theory-sketch-title{font-family:var(--font-mono);font-size:.8rem;color:var(--lesson-ink-dim, #7fa694);margin-bottom:.4rem}.theory-sketch-frame{position:relative;width:100%;overflow:hidden;border-radius:10px;border:1px solid rgba(22,193,132,.25);background:#030f0a80}.theory-sketch-canvas{position:absolute;top:0;left:0}.theory-sketch-canvas canvas{display:block}.theory-sketch-error{padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:#ff8a8a}.theory-sketch-loading{display:flex;align-items:center;justify-content:center;min-height:180px;font-family:var(--font-mono);font-size:.85rem;color:var(--lesson-ink-dim, #7fa694)}.header-nav{margin:0 0 1.5rem;width:100%;height:76px;display:grid;align-items:center;position:relative;background:linear-gradient(180deg,#11161d,#0a0e14);border-bottom:1px solid var(--line);box-shadow:0 6px 18px #0000008c}.header-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 20%,var(--magenta) 80%,transparent);box-shadow:0 0 12px #19e5ff99}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;width:100%;margin:0 auto;padding:0 1rem}.logo-container{position:relative;display:flex;align-items:center;margin-top:8px}.logo-trigger{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid transparent;border-radius:8px;padding:2px 8px 2px 2px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.logo-trigger:hover,.logo-trigger.open{border-color:var(--line);box-shadow:0 0 10px #19e5ff40}.logo-trigger img{margin-left:6px;height:38px;width:38px;filter:drop-shadow(0 0 8px rgba(25,229,255,.7))}.logo-trigger h4{margin:8px 2px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 10px rgba(25,229,255,.4)}.logo-caret{font-size:.8rem;color:var(--cyan);transition:transform .2s ease}.logo-trigger.open .logo-caret{transform:rotate(180deg)}.header-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:200px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel-hi) 0%,var(--panel-mid) 100%);box-shadow:0 10px 24px #0009}.header-menu-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:9px 12px;border-radius:6px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}.header-menu-item:hover{background:#19e5ff1a;color:var(--cyan)}.header-menu-item .ext-mark{color:var(--amber-soft);font-size:.85rem}.header-menu-course{display:flex;align-items:stretch;gap:2px}.header-menu-course .course-link{flex:1}.course-caret{border:1px solid transparent;background:transparent;color:var(--cyan);font-size:.8rem;padding:0 10px;border-radius:6px;cursor:pointer;transition:background .15s}.course-caret:hover{background:#19e5ff1a}.course-caret:focus,.course-caret:focus-visible{outline:none}.course-caret .caret-glyph{display:inline-block;transition:transform .2s ease}.course-caret.open .caret-glyph{transform:rotate(180deg)}.header-submenu{display:flex;flex-direction:column;margin:2px 0 4px 14px;padding-left:8px;border-left:1px solid var(--line)}.header-submenu-item{display:flex;align-items:baseline;gap:.5rem;padding:6px 10px;border-radius:6px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--ink-dim);text-decoration:none;transition:background .15s,color .15s}.header-submenu-item:hover{background:#19e5ff1a;color:var(--cyan)}.header-submenu-item.active{color:var(--cyan);text-shadow:0 0 8px rgba(25,229,255,.5)}.header-submenu-item .submenu-num{color:var(--amber-soft);font-size:.62rem;flex-shrink:0}.header-menu-item.theme-toggle{width:100%;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:400}.header-menu-item.theme-toggle:hover{border-color:transparent;background:#19e5ff1a;color:var(--cyan)}.header-menu-item.theme-toggle:focus,.header-menu-item.theme-toggle:focus-visible{outline:none}.header-menu-item .theme-mark{font-size:.95rem;color:var(--amber-soft)}.transport-container{display:flex;align-items:center;gap:.6rem;margin-right:8px}.hdr-btn{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;padding:7px 12px;border-radius:6px;border:1px solid #39ff95;background:#0c1116;color:#39ff95;cursor:pointer;transition:all .2s ease}.hdr-btn:hover{box-shadow:0 0 10px #39ff9573}.hdr-btn-warning{color:#ff4c4c;border-color:#ff4c4c}.hdr-btn-warning:hover{box-shadow:0 0 10px #ff4c4c73}.hdr-btn-default{color:var(--amber-soft);border-color:var(--amber-soft)}.hdr-btn-default:hover{box-shadow:0 0 10px #ffb45c73}.hdr-transport.active{background:#39ff95;color:#04100c;box-shadow:0 0 10px #39ff9580}.hdr-lesson-nav{display:flex;align-items:center;gap:.6rem;margin-right:8px}.hdr-lesson-btn{display:inline-flex;align-items:center;gap:.35rem;color:var(--cyan);border-color:var(--cyan);text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.hdr-lesson-btn:hover{box-shadow:0 0 10px #19e5ff73}.hdr-btn.disabled{opacity:.35;filter:saturate(.4);cursor:default}.hdr-btn.disabled:hover{box-shadow:none}.hdr-bpm{display:flex;flex-direction:column;align-items:center;gap:3px}.hdr-bpm .led-display{padding:.18rem .45rem}.hdr-bpm .led-display-text{font-size:.85rem;letter-spacing:.18em}.hdr-bpm .led-display-label{font-size:.58rem}.hdr-bpm input[type=range]{width:110px;accent-color:var(--cyan);cursor:pointer}@media (max-width: 768px){.hdr-bpm input[type=range]{width:52px}.hdr-btn{padding:6px 8px}.header-container{padding:0 .5rem}.transport-container{gap:.35rem;margin-right:0}.logo-trigger h4{font-size:1.25rem;letter-spacing:.1em}.hdr-lesson-nav{gap:.35rem;margin-right:0}.hdr-lesson-word{display:none}}.flower-field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.flower-field--subtle{opacity:.85}.flower-field--full{opacity:1}@media (prefers-reduced-motion: reduce){.flower-field{display:none}}.pcb-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;--pcb-trace: rgba(0, 179, 66, .9);--pcb-node: rgba(0, 255, 65, .95);--pcb-pulse-a: 0, 255, 65;--pcb-pulse-b: 255, 140, 26}.app-shell{min-height:100vh}.app-surface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.app-shell--sintesis .app-surface{background:radial-gradient(1100px 560px at 50% -8%,rgba(22,193,132,.14),transparent 60%),radial-gradient(800px 500px at 100% 110%,rgba(22,193,132,.08),transparent 60%),linear-gradient(180deg,#0a2a1c,#030f0a 60%)}.app-shell--sintesis .pcb-background{--pcb-trace: rgba(22, 193, 132, .14);--pcb-node: rgba(22, 193, 132, .3);--pcb-pulse-a: 22, 193, 132;--pcb-pulse-b: 223, 245, 234}*{margin:0;box-sizing:border-box}:root{--bg-0: #05070a;--bg-1: #0a0e14;--panel-hi: #232c38;--panel-mid: #161c25;--panel-lo: #0d1218;--groove: #05080c;--line: #2a3644;--ink: #c4d3e4;--ink-dim: #6d8196;--cyan: #19e5ff;--cyan-deep: #0aa9c4;--magenta: #ff2bd6;--amber: #ff8a1e;--amber-soft: #ffb45c;--led-green: #3dff95;--led-red: #ff4d57;--led-amber: #ffb43a;--led-display: var(--led-amber);--led-display-glow: rgba(255, 180, 58, .7);--font-display: "Orbitron", "Arial Narrow", sans-serif;--font-mono: "Share Tech Mono", ui-monospace, "Cascadia Mono", monospace;font-family:var(--font-mono);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--cyan);text-decoration:inherit}a:hover{color:var(--amber)}body{min-width:520px;min-height:100vh;color:var(--ink);background-color:var(--bg-0);background-image:radial-gradient(1200px 600px at 50% -10%,rgba(25,229,255,.08),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(255,43,214,.06),transparent 60%),linear-gradient(transparent 0 31px,#2a36442e 31px,#2a36442e 32px),linear-gradient(90deg,transparent 0 31px,rgba(42,54,68,.18) 31px 32px),linear-gradient(180deg,var(--bg-0),var(--bg-1));background-size:auto,auto,32px 32px,32px 32px,auto;background-attachment:fixed}@media (max-width: 768px){body{min-width:0}}h1{font-family:var(--font-display);font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#11161d;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}button:hover{border-color:var(--cyan)}button:focus,button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--panel-hi),var(--panel-lo));border:2px solid var(--bg-0);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-deep)}