.k2{--k2-body:#2c2c2e;--k2-silk:#f2f0ea;--k2-yellow:#f6dd1e;--k2-pill:#c9c8c4;max-width:1320px;padding:0 var(--gutter) 10vh;color:var(--paper);margin:0 auto}.k2__head{position:relative}.k2__head>.stamp{position:absolute;top:22vh;right:0;rotate:-6deg}@media (width<=760px){.k2__head>.stamp{margin-top:1rem;display:inline-flex;position:static}}.k2 .chip{color:var(--paper)}.k2 .chip:hover{color:var(--ink)}.k2 .chip[aria-pressed=true],.k2 .chip[aria-selected=true]{color:var(--ink);background:var(--k2-yellow);border-color:var(--k2-yellow)}.k2__deck{z-index:2;background:#101012;border:1px solid #ece5d329;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;font-size:11px;display:flex;position:relative}.k2__apps{flex-wrap:wrap;gap:6px;display:inline-flex}.k2__deck select{font:11px var(--f-mono);color:var(--paper);background:#1b1b1f;border:1px solid #ece5d34d;max-width:200px}.k2__deckt{letter-spacing:.18em;text-transform:uppercase;color:var(--k2-yellow);font-weight:700}.k2__sep{flex:1}.k2__meter{background:#1b1b1f;border:1px solid #ece5d34d;width:60px;height:8px;position:relative}.k2__meter i{background:var(--k2-yellow);transform:scaleX(var(--lvl,0));transform-origin:0;position:absolute;inset:0}.k2__vol{align-items:center;gap:6px;display:inline-flex}.k2__vol input{width:90px;accent-color:var(--k2-yellow)}.k2__status{color:#ece5d3b3;background:#0d0d0f;border:1px solid #ece5d329;border-top:0;min-height:1.5em;margin:0 0 26px;padding:6px 12px;font-size:11px}.k2__stage{z-index:2;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;display:grid;position:relative}@media (width<=1080px){.k2__stage{grid-template-columns:minmax(0,1fr)}}.k2__wrap{-webkit-overflow-scrolling:touch;padding:6px 4px 18px;overflow-x:auto}.k2__panel{aspect-ratio:1556/1104;-webkit-user-select:none;user-select:none;min-width:620px;color:var(--k2-silk);background:var(--noise), radial-gradient(120% 90% at 30% 10%, #3a3a3d 0%, var(--k2-body) 55%, #232325 100%);clip-path:polygon(4.6% 0,95.4% 0,100% 6.4%,100% 93.6%,95.4% 100%,4.6% 100%,0 93.6%,0 6.4%);filter:drop-shadow(0 30px 40px #0000008c);background-size:220px,auto;position:relative;container-type:inline-size}.k2__panel:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0f,#0000 40% 70%,#ffffff08);position:absolute;inset:0}.k2__silk,.k2__cables{width:100%;height:100%;position:absolute;inset:0}.k2__silk{pointer-events:none}.k2__ink{fill:none;stroke:var(--k2-silk);stroke-width:9px;stroke-linejoin:round;marker-end:url(#k2ah)}.k2__frame{fill:#1c1c1d;stroke:#5b5b5e;stroke-width:4px}.k2__frame--lfo,.k2__frame--pat{fill:none;stroke:var(--k2-silk);stroke-width:7px}.k2__t{font:700 1.9cqw/1 var(--f-mono);font-variation-settings:"wdth" 75;letter-spacing:.04em;white-space:nowrap;color:var(--k2-silk);pointer-events:none;position:absolute;translate:-50% -50%}.k2__t--top,.k2__t--b{font-size:1.75cqw}.k2__t--l{font-size:1.35cqw;translate:0 -50%}.k2__t--r{font-size:1.6cqw;translate:-100% -50%}.k2__t--dim{opacity:.55}.k2__t--knob{font-size:1.85cqw}.k2__t--pill{color:#3a3a3c;background:var(--k2-pill);border-radius:99px;padding:.35cqw 1cqw;font-size:1.4cqw;transition:background .15s,color .15s}.k2__t--wide{padding-inline:2cqw}.k2__t--inv{color:var(--ink);background:var(--k2-silk);border-radius:1cqw}.k2__panel.is-shift [data-pill]{background:var(--k2-yellow);color:var(--ink)}.k2__panel.is-mode [data-pill].is-modeval{color:var(--ink);background:#8fd8ff}.k2__panel.is-mode [data-pill]:not(.is-modeval){opacity:.35}.k2__usb{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:.3cqw .6cqw}.k2__usb:hover{color:var(--k2-yellow)}.k2__plug{background:#444;border-radius:50%;width:.9cqw;height:.9cqw;margin-top:2.3cqw;position:absolute;translate:-50% -50%}.k2__plug.is-on{background:var(--k2-yellow);box-shadow:0 0 1cqw var(--k2-yellow)}.k2__logo,.k2__appname{font:800 3.4cqw/.95 var(--f-mono);font-variation-settings:"wdth" 75;letter-spacing:.02em;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute;translate:-50% -50%}.k2__logo b:first-child{padding-left:.55em}.k2__appname{color:var(--k2-yellow);font-size:3.2cqw;translate:0 -50%}.k2__tri{pointer-events:none;opacity:.9;width:4.6cqw;position:absolute;translate:-50% -50%}.k2__knob,.k2__pin,.k2__btn,.k2__power{touch-action:none}.k2__knob{aspect-ratio:1;cursor:ns-resize;background:radial-gradient(circle at 38% 30%,#3b3b3d 0%,#121213 46%,#050505 100%);border-radius:50%;outline:none;width:7.6cqw;transition:box-shadow .15s;position:absolute;translate:-50% -50%;box-shadow:0 0 0 .35cqw #0b0b0b,0 .9cqw 1.4cqw #0000008c,inset 0 .2cqw .2cqw #ffffff1f}.k2__knob i{transform-origin:50% 100%;width:.55cqw;height:44%;rotate:var(--a,0deg);background:#fff;border-radius:.3cqw;margin-left:-.275cqw;position:absolute;top:6%;left:50%}.k2__knob:focus-visible,.k2__knob.is-turning{box-shadow:0 0 0 .35cqw #0b0b0b, 0 0 0 .75cqw var(--k2-yellow), 0 .9cqw 1.4cqw #0000008c}.k2__led{aspect-ratio:1;pointer-events:none;--c:var(--led,#f6dd1e);background:radial-gradient(circle, color-mix(in srgb, #fff 55%, var(--c)) 0%, var(--c) 45%, color-mix(in srgb, #000 40%, var(--c)) 100%);width:2.3cqw;opacity:calc(.2 + .8 * var(--on,0));box-shadow:0 0 calc(4cqw * var(--on,0)) calc(1.2cqw * var(--on,0)) var(--c);border-radius:50%;transition:opacity 50ms;position:absolute;translate:-50% -50%}.k2__led--0{width:3cqw}.k2__led--2{background:radial-gradient(circle, var(--c) 0%, transparent 70%);width:5cqw;opacity:calc(.9 * var(--on,0));mix-blend-mode:screen;box-shadow:none}.k2__btn{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 40% 35%,#2c2c2d,#050505 70%);border:.55cqw solid #bfbfbf;border-radius:50%;width:6cqw;padding:0;transition:scale 80ms,box-shadow 80ms;position:absolute;translate:-50% -50%;box-shadow:0 .7cqw 1cqw #00000080}.k2__btn[data-btn="1"]{border-color:#1d1d1e;width:5.2cqw}.k2__btn.is-down{box-shadow:0 .2cqw .3cqw #0009, 0 0 0 .5cqw var(--k2-yellow);scale:.94}.k2__btn:focus-visible{outline:.4cqw solid var(--k2-yellow);outline-offset:.4cqw}.k2__power{cursor:pointer;background:radial-gradient(circle,#9a9a9a,#4d4d4f 70%);border:0;border-radius:99px;width:6.2cqw;height:4.4cqw;padding:0;position:absolute;translate:-50% -50%;box-shadow:inset 0 .3cqw .6cqw #0009,0 .3cqw .6cqw #0006}.k2__power i{transform-origin:.65cqw;width:4.2cqw;height:1.3cqw;transition:rotate .18s var(--ease-out);background:linear-gradient(#f5f5f2,#b9b9b5);border-radius:1cqw;margin:-.65cqw 0 0 -.65cqw;position:absolute;top:50%;left:50%;rotate:168deg;box-shadow:0 .3cqw .4cqw #00000080}.k2__power[aria-pressed=true] i{rotate:12deg}.k2__pin{aspect-ratio:1;cursor:crosshair;background:#050505;border:.18cqw solid #3d3d40;border-radius:.25cqw;width:2.5cqw;padding:0;position:absolute;translate:-50% -50%}.k2__pin:after{content:"";opacity:.6;background:radial-gradient(#d8c27a,#6b5a24);border-radius:50%;position:absolute;inset:32%}.k2__pin:hover,.k2__pin:focus-visible{border-color:var(--k2-yellow);outline:none}.k2__pin.is-picked{border-color:var(--k2-yellow);box-shadow:0 0 0 .35cqw var(--k2-yellow)}.k2__pin.is-hand{border-color:#8fd8ff}.k2__pin.is-inert{cursor:help}.k2__cables{pointer-events:none;z-index:3}.k2__cable{pointer-events:visiblePainted;cursor:pointer}.k2__cshade{fill:none;stroke:#00000073;stroke-width:15px;translate:4px 8px}.k2__cwire{fill:none;stroke:var(--wire,#e8423f);stroke-width:10px;stroke-linecap:round}.k2__cable:hover .k2__cwire{stroke-width:13px;filter:brightness(1.25)}.k2__cplug{fill:#141414;stroke:var(--wire,#e8423f);stroke-width:4px}.k2__cdrag{fill:none;stroke:var(--k2-yellow);stroke-width:8px;stroke-dasharray:18 12;stroke-linecap:round}.k2__off{z-index:4;pointer-events:none;background:#0a0a0b59;place-items:center;display:grid;position:absolute;inset:0}.k2__off[hidden]{display:none}.k2__on{pointer-events:auto;font:700 1.8cqw/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--k2-yellow);cursor:pointer;transition:scale .15s var(--ease-out);border:0;padding:1.2cqw 2.4cqw;box-shadow:0 1cqw 2cqw #00000080}.k2__on:hover{scale:1.04}.k2__side{gap:14px;font-size:11px;display:grid}.k2__box{background:#101012;border:1px solid #ece5d329;padding:12px 14px}.k2__boxh{letter-spacing:.18em;text-transform:uppercase;color:var(--k2-yellow);margin:0 0 8px;font-weight:700}.k2__blurb{color:#ece5d3d9;margin:0 0 10px;line-height:1.55}.k2__modes{flex-wrap:wrap;gap:5px;display:flex}.k2__mode{opacity:.6;border:1px solid #ece5d32e;align-items:center;gap:5px;padding:3px 7px;transition:opacity .15s,border-color .15s;display:inline-flex}.k2__mode i{border-radius:50%;width:8px;height:8px}.k2__mode.is-on{opacity:1;border-color:var(--k2-yellow)}.k2__scope{background:#0a0a0b;border:1px solid #f6dd1e33;width:100%;height:64px;display:block}.k2__outs{grid-template-columns:repeat(3,1fr);gap:6px 8px;margin-top:10px;display:grid}.k2__out{color:#ece5d3bf;gap:3px;font-size:10px;display:grid}.k2__out i{background:linear-gradient(90deg, var(--k2-yellow) calc(var(--v,0) * 100%), #222 0);height:5px;display:block}.k2__hands{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.k2__pad{width:64px;height:64px;font:700 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);cursor:pointer;touch-action:none;background:#1b1b1f;border:1px solid #ece5d359;transition:background 60ms,color 60ms}.k2__pad.is-down,.k2 .chip.is-down{color:var(--ink);background:var(--k2-yellow)}.k2__ref{color:#ece5d3a6;margin:8px 0 0;font-size:11px;line-height:1.55}.k2__ideas{flex-wrap:wrap;gap:6px;display:flex}.k2__unplug{margin-top:10px}.k2__lower{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;margin:40px 0;display:grid}@media (width<=900px){.k2__lower{grid-template-columns:minmax(0,1fr)}}.k2__h2{font:400 clamp(26px, 3vw, 38px)/1.05 var(--f-display);color:var(--paper);margin:0 0 10px}.k2__jacks{gap:4px;margin-top:14px;font-size:11px;display:grid}.k2__jack{border-left:2px solid #ece5d326;grid-template-columns:96px minmax(0,190px) minmax(0,1fr) 54px;align-items:center;gap:8px;padding:4px 8px;display:grid}.k2__jack.is-on{border-left-color:var(--k2-yellow);background:#f6dd1e0a}.k2__jn{text-transform:uppercase;letter-spacing:.08em}.k2__jack select{font:11px var(--f-mono);color:var(--paper);background:#1b1b1f;border:1px solid #ece5d34d;min-width:0}.k2__jack input{accent-color:#8fd8ff;min-width:0}.k2__jvv{text-align:right}.k2__howto ul{font:400 17px/1.55 var(--f-text);color:#ece5d3e0;margin:14px 0 0;padding-left:1.1em}.k2__howto li+li{margin-top:.6em}.k2__bank{background:#101012;border:1px solid #ece5d329;margin:0 0 40px;padding:18px}.k2__bank[hidden]{display:none}.k2__banks{gap:6px;margin-top:14px;font-size:11px;display:grid}.k2__bk{grid-template-columns:130px repeat(8,minmax(0,1fr));gap:4px;display:grid}@media (width<=760px){.k2__bk{grid-template-columns:repeat(4,minmax(0,1fr))}.k2__bkn{grid-column:1/-1}}.k2__bkn,.k2__slot{font:11px var(--f-mono);color:var(--paper);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#18181b;border:1px solid #ece5d324;padding:6px 7px;transition:background .12s,border-color .12s;overflow:hidden}.k2__bkn{align-items:center;gap:7px;display:flex}.k2__bkn i{background:var(--c);width:9px;height:9px;box-shadow:0 0 8px var(--c);border-radius:50%}.k2__bk.is-sel .k2__bkn{border-color:var(--k2-yellow)}.k2__slot:hover{background:#232327;border-color:#f6dd1e80}.k2__slot.is-drop{border-color:var(--k2-yellow);background:#f6dd1e33}.k2__btns{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.k2__takes{margin-bottom:40px}