.gen-page{--walnut:#2a1d14;--rule:1.5px solid var(--ink);--dash:1.5px dashed #16140f52;--wood:#b98a5a;max-width:1360px;padding:0 var(--gutter) 10vh;margin:0 auto}.gen-page__head{position:relative}.gen-page__head>.stamp{position:absolute;top:22vh;right:0;rotate:8deg}.gen-page__sigil{width:min(256px,60vw);height:auto;image-rendering:pixelated;margin-top:1.2rem}.gen-page__notes{margin-top:5rem}.gen-page__refs{gap:.45rem;padding-left:1.4rem;font-size:.95rem;display:grid}.gen{filter:drop-shadow(0 40px 60px #000000bf);grid-template-columns:26px minmax(0,1fr) 26px;display:grid}.gen__cheek{background:repeating-linear-gradient(88deg, #ffdcaa12 0 2px, transparent 2px 9px), repeating-linear-gradient(92deg, #0000002e 0 1px, transparent 1px 13px), linear-gradient(90deg, #ffffff0f, transparent 35%, #00000073), var(--walnut);border-radius:10px;box-shadow:inset 0 0 0 1px #0009}.gen__face{min-width:0;color:var(--ink);background:var(--paper);background-image:var(--fibres);-webkit-user-select:none;user-select:none;padding:0 clamp(12px,2.4vw,30px) 16px;position:relative}.gen__face input,.gen__face select{-webkit-user-select:auto;user-select:auto}.gen :focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.gen__dock{z-index:8;color:var(--paper);background:var(--ink);border-bottom:2px solid var(--ink);align-items:center;gap:10px;margin:0 calc(-1*clamp(12px,2.4vw,30px));padding:7px clamp(12px,2.4vw,30px);display:flex;position:sticky;top:0;box-shadow:0 8px 18px -12px #000c}.gen__dock-play,.gen__play{width:30px;height:30px;color:var(--ink);background:var(--paper);border:2px solid var(--paper);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.gen__dock-play svg,.gen__play svg{width:60%;height:60%}.gen__dock-play .i-stop,.gen__play .i-stop{display:none}.gen__dock-play[aria-pressed=true],.gen__play[aria-pressed=true]{background:var(--acid)}.gen__dock-play[aria-pressed=true] .i-stop,.gen__play[aria-pressed=true] .i-stop{display:block}.gen__dock-play[aria-pressed=true] .i-play,.gen__play[aria-pressed=true] .i-play{display:none}.gen__dock-pat{min-width:3.2em;color:var(--acid);flex:none;font-size:12px}.gen__nav{scrollbar-width:none;letter-spacing:.1em;text-transform:uppercase;gap:4px;min-width:0;font-size:10px;display:flex;overflow-x:auto}.gen__nav::-webkit-scrollbar{display:none}.gen__nav a{color:var(--paper);border:1px solid #ece5d338;border-radius:3px;flex:none;align-items:center;gap:6px;padding:5px 9px;text-decoration:none;display:inline-flex}.gen__nav a:before{content:"";background:var(--hue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #ece5d380}.gen__nav a:hover{color:var(--acid);border-color:var(--acid)}.gen__dock-status{white-space:nowrap;text-overflow:ellipsis;text-align:right;color:#ece5d3b3;flex:1 1 0;min-width:0;font-size:10px;overflow:hidden}.gen__top{border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:14px 20px;padding:16px 0 14px;display:flex}.gen__brand{gap:2px;min-width:220px;margin-right:auto;display:grid}.gen__logo{font:italic 400 2.7rem/1 var(--f-display);letter-spacing:-.01em}.gen__brand .mono{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.gen__brand .gen__status{letter-spacing:.02em;text-transform:none;max-width:56ch;min-height:2.6em;color:var(--c-np);line-height:1.3}.gen__power{font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--verm);cursor:pointer;transition:translate .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:50px;justify-items:center;gap:6px;padding:10px 14px;display:grid}.gen__power:hover{box-shadow:6px 6px 0 var(--verm);translate:-2px -2px}.gen__power-dot{border:2px solid var(--ink);background:var(--paper-3);border-radius:50%;width:22px;height:22px}.gen__power[aria-pressed=true]{background:var(--acid)}.gen__power[aria-pressed=true] .gen__power-dot{background:var(--verm);box-shadow:0 0 10px var(--verm)}.gen__play{width:58px;height:58px;color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.gen__play:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.gen__mix{border:var(--dash);border-radius:4px;gap:2px;padding:4px 8px 2px;display:flex}.gen__mix:before{content:"mixer";writing-mode:vertical-rl;font:9px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);rotate:180deg}.gen__mic{justify-items:start;gap:6px;display:grid}.gen__meters{text-transform:uppercase;color:var(--ink-2);grid-template-columns:auto 90px;align-items:center;gap:4px 6px;font-size:9px;display:grid}.gen .meter{border:1.5px solid var(--ink);background:var(--paper-2);border-radius:2px;height:8px;display:block;overflow:hidden}.gen .meter b{background:linear-gradient(90deg, var(--c-p) 70%, var(--verm));width:0;height:100%;transition:width 50ms;display:block}.gen .chip{color:var(--ink);background:var(--paper);border-radius:3px;padding:6px 9px;font-size:10px}.gen .chip:disabled{opacity:.35;cursor:default}.gen .chip--danger:hover{background:var(--verm);color:var(--paper)}.gen label.chip{align-items:center;display:inline-flex}.gen .field{font:10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.gen .field--check{text-transform:none}.gen select,.gen input[type=number]{font:11px var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);border-radius:3px;max-width:14rem;padding:4px}.gen input[type=number]{width:4.2em}.gen input[type=range]{width:110px;accent-color:var(--ink)}.gen input[type=checkbox]{accent-color:var(--ink)}.gen output{min-width:2.5em;font:11px var(--f-mono);color:var(--ink)}.gen .lbl{font:10px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:0}.gen .sw{height:28px;font:600 10px var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.gen .sw:before{content:"";background:var(--paper-3);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%}.gen .sw[aria-pressed=true]{background:var(--ink);color:var(--acid)}.gen .sw[aria-pressed=true]:before{background:var(--acid)}.gen .sw--rec[aria-pressed=true]:before{background:var(--verm);box-shadow:0 0 8px var(--verm)}.gen .gseg{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.gen .seg{border:1.5px solid var(--ink);border-radius:3px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.gen .seg button{min-height:26px;font:600 10px var(--f-mono);color:var(--ink);background:var(--paper-2);cursor:pointer;border:0;border-right:1px solid #16140f66;padding:4px 8px}.gen .seg button:last-child{border-right:0}.gen .seg button[aria-pressed=true]{background:var(--ink);color:var(--acid)}.gen .seg button:disabled{opacity:.3;cursor:default}.gen .knob{width:52px}.gen .knob--md{width:64px}.gen .knob--lg{width:82px}.gen .knob__pointer{stroke:var(--hue,var(--c-exp))}.gen .knob__label{text-align:center;letter-spacing:.05em;hyphens:manual;max-width:100%;line-height:1.15}.gen .knob__value{text-align:center;white-space:nowrap;font-size:9.5px}.gen .knob.is-locked .knob__skirt{fill:var(--verm)}.gen .knob.is-locked .knob__value{color:var(--verm);font-weight:700}.gen .mod{border-bottom:var(--rule);padding:18px 0 20px;scroll-margin-top:56px}.gen .mod:last-child{border-bottom:0}.gen .mod__head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:12px;display:flex}.gen .mod__title{font:italic 400 2.1rem/1 var(--f-display);text-decoration:underline;text-decoration-color:var(--hue,var(--ink));text-underline-offset:6px;margin:0;text-decoration-thickness:4px}.gen .mod__sub{color:var(--ink-2);font-size:9.5px}.gen .bay{border:var(--dash);border-radius:4px;flex-wrap:wrap;align-items:flex-start;gap:10px 8px;padding:10px;display:flex}.gen .bay__switches{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.tbtn{min-width:70px;font:700 10.5px var(--f-mono);letter-spacing:.12em;color:var(--ink);background:linear-gradient(var(--paper), var(--paper-2));border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation;border-radius:6px;justify-items:center;gap:5px;padding:8px 10px 9px;transition:translate 60ms,box-shadow 60ms;display:inline-grid}.tbtn:active,.tbtn.is-held,.tbtn[aria-pressed=true]{box-shadow:0 1px 0 var(--ink);translate:0 2px}.tbtn .led{border:1.5px solid var(--ink);background:var(--paper-3);border-radius:50%;width:12px;height:12px}.tbtn.is-held .led,.tbtn[aria-pressed=true] .led,.tbtn.is-on .led{background:var(--acid);box-shadow:0 0 8px var(--acid)}.tbtn--rec.is-rec .led,.tbtn.is-live .led{background:var(--verm);box-shadow:0 0 10px var(--verm)}.tbtn--rec.is-new .led{background:var(--verm);animation:.5s steps(2,end) infinite blink}.tbtn--rec.is-armed .led{background:#ffb000;animation:.8s steps(2,end) infinite blink}.tbtn.is-blink .led{animation:.4s ease-out pop}.tbtn.is-arming{background:linear-gradient(90deg, var(--verm) 50%, var(--paper-2) 50%) 100% 0 / 200% 100% no-repeat;animation:3s linear forwards arming}@keyframes arming{to{background-position:0 0}}@keyframes blink{50%{opacity:.15}}@keyframes pop{0%{background:var(--acid);box-shadow:0 0 14px var(--acid)}}.jacks{flex-wrap:wrap;align-items:center;gap:6px 4px;margin-top:10px;font-size:9px;display:flex}.jacks__lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:0 4px 0 6px}.jacks__hint{color:var(--ink-2);margin-left:6px}.jack{--ink-c:var(--ink);--glow:0;font:600 9px var(--f-mono);color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #16140f4d;border-radius:20px;align-items:center;gap:4px;padding:3px 6px 3px 3px;display:inline-flex}.jack i{background:radial-gradient(circle, var(--ink) 0 3px, #8d8674 3.5px 5px, var(--ink) 5.5px);width:14px;height:14px;box-shadow:0 0 calc(var(--glow) * 10px) calc(var(--glow) * 2px) var(--acid);border-radius:50%;position:relative}.jack--out i{background:radial-gradient(circle, var(--ink) 0 3px, #c9b98a 3.5px 5px, var(--ink) 5.5px)}.jack.is-patched{border-color:var(--ink-c);box-shadow:inset 0 0 0 1px var(--ink-c)}.jack.is-patched i{background:radial-gradient(circle, var(--ink-c) 0 5px, var(--ink) 5.5px)}.jack.is-armed{background:var(--acid);animation:.7s steps(2,end) infinite blink}.jack--tiny{padding:2px}.jack:hover{border-color:var(--ink)}body.is-patching .jack:not(.is-armed){outline:1px dashed var(--ink-2);outline-offset:1px}.reel{gap:12px;display:grid}.reel__screen{border:var(--rule);background:var(--paper-2);border-radius:4px;position:relative;overflow:hidden}.reel__screen.is-drop{outline:3px dashed var(--verm);outline-offset:-6px}.reel__canvas{cursor:pointer;width:100%;height:clamp(130px,18vw,190px);display:block}.reel__view{position:relative}.reel__empty{text-align:center;color:var(--ink-2);pointer-events:none;justify-content:center;align-items:center;margin:0;padding:0 16px;font-size:11px;display:flex;position:absolute;inset:0}.reel__empty[hidden]{display:none}.reel__read{border-top:var(--rule);background:var(--paper);grid-template-columns:repeat(6,minmax(0,1fr));font-size:11px;display:grid}.reel__read span{border-right:1px solid #16140f40;gap:1px;min-width:0;padding:5px 8px;display:grid}.reel__read span:last-child{border-right:0}.reel__read i{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:8.5px;font-style:normal}.reel__read b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reel__deck{gap:8px;display:grid}.reel__buttons{flex-wrap:wrap;gap:10px;display:flex}.reel__combo{min-height:1.4em;color:var(--c-exp);margin:0;font-size:10.5px}.reel__more{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reel__knobs{align-items:flex-end}.reel__src{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.reel__files{flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.reel__files .seg button.has-audio{box-shadow:inset 0 -3px 0 var(--verm)}.reel__saved{color:var(--ink-2);min-width:8em}.posto{grid-template-columns:minmax(240px,400px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.xy{aspect-ratio:1;border:2px solid var(--ink);cursor:crosshair;touch-action:none;box-shadow:4px 4px 0 var(--cobalt);border-radius:6px;position:relative;overflow:hidden}.xy canvas{width:100%;height:100%;display:block}.xy.is-on{box-shadow:4px 4px 0 var(--acid)}.xy__x,.xy__y{color:#ece5d38c;pointer-events:none;font-size:10px;position:absolute}.xy__x{bottom:26px;right:8px}.xy__y{top:6px;left:8px}.xy__read{color:var(--acid);pointer-events:none;background:#0a0a0bb3;padding:5px 8px;font-size:10px;position:absolute;inset:auto 0 0}.posto__side{gap:10px;display:grid}.padmodes{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.padmode{text-align:left;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;transition:translate .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:3px;gap:2px;padding:7px 10px;display:grid}.padmode b{font:italic 400 1.2rem/1.1 var(--f-display)}.padmode span{color:var(--ink-2);font-size:9px}.padmode[aria-checked=true]{background:var(--acid);box-shadow:4px 4px 0 var(--cobalt);translate:-2px -2px}.scrub{grid-column:1/-1;gap:6px;display:grid}.scrub .lbl{letter-spacing:.08em;text-transform:none}.scrub__strip{border:var(--rule);cursor:ew-resize;touch-action:none;border-radius:4px;width:100%;height:70px}.scenes{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scene{text-align:left;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;transition:translate .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:4px;align-content:start;gap:6px;padding:12px;display:grid}.scene b{font:italic 400 1.35rem/1.1 var(--f-display)}.scene span{font:.86rem/1.45 var(--f-text);color:var(--ink-2)}.scene:hover,.scene.is-on{box-shadow:4px 4px 0 var(--cobalt);translate:-2px -2px}.scene.is-on{background:var(--paper-2)}.quinc{grid-template-columns:minmax(0,1fr) minmax(220px,300px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.coco--a{order:1}.quant{order:2}.coco--b{order:3}.piezo-wrap{order:4}.coco__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.coco__name{font:italic 400 1.6rem var(--f-display);margin:0}.coco__ring{width:86px;height:86px}.coco__from{flex-wrap:wrap;gap:6px 10px;width:100%;display:flex}.coco__from select{max-width:7.5rem}.quant{justify-items:center;gap:8px;display:grid}.quant__pent{width:min(220px,100%);height:auto;overflow:visible}.quant__edge{fill:#2f6b000f;stroke:var(--ink);stroke-width:1.2px}.quant__star{stroke:#16140f59;stroke-width:.6px;stroke-dasharray:1.5 1.5}.quant__petal circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.4px;transition:fill 50ms}.quant__petal text{font:700 7px var(--f-mono);fill:var(--ink)}.quant__petal.is-on circle{fill:var(--acid);filter:drop-shadow(0 0 3px var(--c-p))}.quant__knobs{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.quant .bay{justify-content:center}.piezo-wrap{grid-column:1/-1;grid-template-columns:minmax(200px,360px) auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.piezo{cursor:pointer;touch-action:none;background:repeating-linear-gradient(178deg, #5a371947 0 2px, transparent 2px 7px), repeating-linear-gradient(182deg, #ffe6be2e 0 1px, transparent 1px 11px), radial-gradient(ellipse at 30% 40%, #d2a472, var(--wood));min-height:120px;box-shadow:inset 0 2px 0 #fff0d266, 3px 3px 0 var(--ink);border:2px solid #5a3d24;border-radius:10px;place-items:center;display:grid;position:relative}.piezo__disc{width:64px;height:64px;box-shadow:0 0 0 1.5px var(--ink), inset 0 0 6px #0000004d;background:radial-gradient(circle,#f3dd9b 0 38%,#b08a3c 40% 60%,#d9bd72 62%);border-radius:50%}.piezo__txt{color:#3b2616;font-size:9.5px;position:absolute;bottom:8px;left:10px}.piezo.is-hit .piezo__disc{animation:.25s ease-out knock}@keyframes knock{30%{box-shadow:0 0 0 1.5px var(--ink), 0 0 16px var(--acid);transform:scale(.9)}}.oper{gap:14px;display:grid}.oper__bar{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.oper__transport{align-items:center;gap:8px;display:flex}.oper__pats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pats{grid-template-columns:repeat(16,30px);gap:3px;display:grid}.pat{height:30px;font:600 10px var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;padding:0;position:relative}.pat.has-data:after{content:"";background:var(--violet);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.pat.is-cur{background:var(--ink);color:var(--acid)}.pat.is-queued{background:var(--acid);animation:.5s steps(2,end) infinite blink}.oper__patname{min-width:5em;font-size:12px;font-weight:700}.oper__edit{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.tracks{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;display:grid}.track{grid-template-columns:1fr 1fr 18px;gap:2px;display:grid}.track__sel{color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;text-align:left;border-radius:3px;grid-column:1/-1;justify-items:start;gap:1px;padding:5px 5px 6px;display:grid;position:relative}.track__n{font:italic 400 1.15rem/1 var(--f-display)}.track__m{letter-spacing:.08em;color:var(--ink-2);font-size:8.5px}.track__sel.has-trigs .track__m{color:var(--ink);font-weight:700}.track__led{--lvl:0;border:1px solid var(--ink);background:color-mix(in srgb, var(--violet) calc(var(--lvl) * 100%), var(--paper-3));width:8px;height:8px;box-shadow:0 0 calc(var(--lvl) * 8px) var(--violet);border-radius:50%;position:absolute;top:5px;right:5px}.track__sel[aria-checked=true]{background:var(--ink);color:var(--paper)}.track__sel[aria-checked=true] .track__m{color:var(--acid)}.track__mute,.track__solo{height:20px;color:var(--ink-2);background:var(--paper);cursor:pointer;border:1px solid #16140f66;border-radius:2px;padding:0;font-size:9px;font-weight:700}.track__mute[aria-pressed=true]{background:var(--verm);color:var(--paper);border-color:var(--ink)}.track__solo[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--ink)}.track .jack--tiny{place-self:center}.grid{gap:8px;display:grid}.grid__head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.grid__head [hidden]{display:none}.steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;display:grid}.step{min-height:58px;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-touch-callout:none;border-radius:4px;align-content:space-between;padding:4px;display:grid;position:relative}.step.is-beat{background:var(--paper-2)}.step:disabled{opacity:.25;cursor:default}.step__n{color:var(--ink-2);font-size:9px}.step__note{overflow-wrap:anywhere;max-height:2.3em;font-size:9.5px;font-weight:700;line-height:1.1;overflow:hidden}.step.is-note{background:var(--ink);color:var(--paper)}.step.is-note .step__n{color:var(--acid)}.step.is-eu:not(.is-note){background:repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 5px), var(--paper)}.step.is-eu{box-shadow:inset 0 0 0 2px var(--violet)}.step.is-lock{background:var(--paper);box-shadow:inset 0 0 0 2px var(--verm);border-style:dashed}.step.is-sel{outline:3px solid var(--acid);outline-offset:1px;z-index:1}.step.is-head:before{content:"";background:var(--verm);height:4px;box-shadow:0 0 8px var(--verm);border-radius:2px;position:absolute;inset:-4px 20% auto}.step__marks{gap:3px;min-height:5px;display:flex}.step__marks i{border-radius:50%;width:5px;height:5px;display:none}.step.has-cond .m-cond{background:#ffb000;display:block}.step.has-lock .m-lock{background:var(--verm);display:block}.step.has-rt .m-rt{background:var(--ghost);display:block}.step.has-mt .m-mt{background:var(--paper-3);display:block;box-shadow:0 0 0 1px}.eu{border:1.5px solid var(--violet);border-radius:4px;flex-wrap:wrap;gap:8px 14px;padding:8px 10px;display:flex}.eu[hidden],.trig[hidden]{display:none}.trig{background:var(--paper-2);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--acid);border-radius:4px;padding:10px 12px}.trig__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.trig__head b{font-size:12px}.trig__head .chip{margin-left:auto}.trig__fields{flex-wrap:wrap;gap:8px 16px;display:flex}.trig__locks{color:var(--verm);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;font-size:10px;display:flex}.snd{border:var(--dash);border-radius:4px;gap:8px;padding:10px;display:grid}.snd__head{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.snd__lockhint{color:var(--paper);background:var(--verm);border-radius:3px;padding:3px 7px;font-size:10px}.snd__lockhint[hidden]{display:none}.spages{flex-wrap:wrap;gap:3px;display:flex}.spage{font:700 10px var(--f-mono);letter-spacing:.08em;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px 3px 0 0;padding:5px 9px}.spage[aria-selected=true]{background:var(--ink);color:var(--acid)}.pknobs{background:var(--paper-2);border:1.5px solid var(--ink);border-radius:0 4px 4px;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:6px;padding:10px 6px 4px;display:grid}.pknobs .knob[hidden]{visibility:hidden;display:grid}.arp,.song{border:var(--dash);border-radius:4px;padding:8px 10px}.arp summary,.song summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.arp__body{flex-wrap:wrap;gap:8px 14px;margin-top:10px;display:flex}.arp__steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;width:100%;display:grid}.arp__step{gap:2px;display:grid}.arp__step button{height:24px;font:600 9px var(--f-mono);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;padding:0}.arp__step button[aria-pressed=true]{background:var(--violet);color:var(--paper)}.arp__step button:disabled,.arp__step input:disabled{opacity:.3}.gen .arp__step input{text-align:center;width:100%;padding:2px;font-size:9.5px}.song__rows{gap:4px;margin:10px 0;padding-left:1.6rem;font-size:10.5px;display:grid}.song__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.song__row.is-now{font-weight:700}.song__row.is-now::marker{color:var(--verm)}.keys{gap:8px;display:grid}.keys__ctl{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:10px;display:flex}.keys__hint{color:var(--ink-2)}.keyboard{touch-action:none;align-items:flex-start;height:110px;padding:0 1px;display:flex}.key{border:1.5px solid var(--ink);cursor:pointer;height:100%;padding:0;position:relative}.key--w{background:linear-gradient(var(--paper), var(--paper-2));border-radius:0 0 5px 5px;flex:1 1 0;min-width:0;margin-right:-1.5px}.key--b{z-index:1;background:linear-gradient(#35302a, var(--ink));border-radius:0 0 4px 4px;flex:none;width:4.13333%;height:62%;margin:0 -2.06667%}.key--w.is-out{background:repeating-linear-gradient(-45deg, #16140f1f 0 2px, transparent 2px 6px), var(--paper-3)}.key--b.is-out{background:#6f685b}.key.is-down,.key:active{background:var(--violet)}.ofx{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.ofx__unit{gap:4px;display:grid}.cables{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.cable{--ink-c:var(--ink);border:1.5px solid #16140f4d;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 8px;display:flex}.cable.is-live{border-color:var(--ink-c);box-shadow:inset 4px 0 0 var(--ink-c)}.cable__plug{background:var(--ink-c);border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px}.cable__wire{border-top:3px dashed #16140f40;flex:18px;min-width:12px;height:0}.cable.is-live .cable__wire{border-top:3px solid var(--ink-c)}.cable select{max-width:11rem}.gen .rec{flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:11px;display:flex}.gen .rec__btn{font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;border-radius:40px;align-items:center;gap:8px;padding:8px 14px 8px 10px;display:inline-flex}.gen .rec__btn span{background:var(--verm);border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px}.gen .rec__btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.gen .rec__btn[aria-pressed=true] span{box-shadow:0 0 10px var(--verm);border-radius:2px;animation:.7s steps(2,end) infinite blink}.gen .rec__time{font:italic 400 1.5rem var(--f-display);min-width:5ch}@media (width<=1180px){.quinc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quant{order:0;grid-column:1/-1}.piezo-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.piezo-wrap .jacks{grid-column:1/-1}.tracks{grid-template-columns:repeat(8,minmax(0,1fr))}.pats{grid-template-columns:repeat(16,26px)}}@media (width<=960px){.posto{grid-template-columns:minmax(0,1fr)}.xy{justify-self:center;width:100%;max-width:440px}.scenes,.ofx,.cables{grid-template-columns:minmax(0,1fr)}.reel__read{grid-template-columns:repeat(3,minmax(0,1fr))}.reel__read span:nth-child(3){border-right:0}.reel__read span:nth-child(-n+3){border-bottom:1px solid #16140f40}}@media (width<=860px){.gen-page__head>.stamp{margin-top:1rem;display:inline-flex;position:static;rotate:-4deg}.gen{grid-template-columns:8px minmax(0,1fr) 8px}.gen__dock-status{display:none}.steps{grid-template-columns:repeat(8,minmax(0,1fr))}.pknobs{grid-template-columns:repeat(4,minmax(0,1fr))}.arp__steps{grid-template-columns:repeat(8,minmax(0,1fr))}.pats{grid-template-columns:repeat(8,34px)}.oper__edit{margin-left:0}.keyboard{height:96px}}@media (width<=560px){.gen__face{padding:0 10px 12px}.gen__dock{margin:0 -10px;padding:6px 10px}.gen__top{gap:10px 12px}.gen__logo{font-size:2.2rem}.gen__brand{width:100%;min-width:0}.gen__mix:before{display:none}.quinc,.piezo-wrap{grid-template-columns:minmax(0,1fr)}.tracks{grid-template-columns:repeat(4,minmax(0,1fr))}.reel__read{grid-template-columns:repeat(2,minmax(0,1fr))}.reel__read span:nth-child(3){border-right:1px solid #16140f40}.reel__read span:nth-child(2n){border-right:0}.reel__read span:nth-child(-n+4){border-bottom:1px solid #16140f40}.tbtn{min-width:62px}.gen .mod__title{font-size:1.8rem}.keyboard{height:84px}}@media (prefers-reduced-motion:reduce){.tbtn--rec.is-new .led,.tbtn--rec.is-armed .led,.pat.is-queued,.jack.is-armed,.gen .rec__btn[aria-pressed=true] span,.piezo.is-hit .piezo__disc{animation:none!important}.tbtn.is-arming{animation-duration:3s!important}}