#sp .gate{opacity:.75}#sp{margin-top:-1.9rem}#sp .m-eyebrow{font-size:.75rem;margin-bottom:.15rem}#sp .m-title{font-size:clamp(1.5rem,2vw + .8rem,1.95rem)}#sp .lede{max-width:44rem;margin:.4rem 0 .8rem;font-size:.95rem;line-height:1.55;color:var(--color-cream);opacity:.9}#sp h2{margin-top:2rem}#sp .msg{min-height:1.1rem;font-size:.88rem;opacity:.85;margin:.8rem 0 0}#sp .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#sp .rack{display:grid;gap:.5rem;max-width:47rem;padding:.9rem 1rem 1rem;border-radius:14px;background:url(/images/noise-texture.png) repeat,linear-gradient(180deg,var(--m-rack-face) 0%,var(--m-rack-face-2) 100%);background-size:200px 200px,100% 100%;background-blend-mode:soft-light,normal;border:1px solid var(--m-rack-edge);box-shadow:inset 0 1px 0 var(--m-rack-groove),inset 0 -1px 0 var(--m-rack-shadow),0 18px 40px var(--m-rack-shadow)}#sp .face{display:flex;align-items:stretch;gap:.75rem}#sp .readout{flex:1 1 auto;min-width:0;border-radius:8px;padding:.6rem .85rem;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(120% 160% at 12% 0%,var(--m-screen-2) 0%,var(--m-screen) 70%);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 10px #000000bf,0 0 0 1px var(--m-rack-edge)}#sp .r-top{display:flex;align-items:center;gap:.6rem;min-width:0}#sp .dname{flex:1 1 auto;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;letter-spacing:.06em;font-weight:600;color:var(--m-screen-ink);text-shadow:0 0 9px var(--m-screen-glow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sp .lamps{display:flex;gap:.35rem;flex:0 0 auto}#sp .lamp{width:7px;height:7px;border-radius:999px;background:#ffd88a29;box-shadow:inset 0 0 3px #000c}#sp .lamp.lit{background:#7ff0a8;box-shadow:0 0 8px #7ff0a8d9}#sp .r-clock{display:flex;align-items:baseline;gap:.45rem;margin-top:.15rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.9rem;font-weight:600;line-height:1.05;color:var(--m-screen-ink);text-shadow:0 0 14px var(--m-screen-glow);font-variant-numeric:tabular-nums}#sp .r-clock .sep,#sp .r-clock #t-left{font-size:.95rem;opacity:.55}#sp .pill{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;align-self:center;padding:.5rem 1rem;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;background:linear-gradient(180deg,var(--color-gold-hover),var(--color-gold-bright));color:var(--color-navy-deep);min-height:44px;box-shadow:0 3px 10px #0006,inset 0 1px #fff6}#sp .pill:hover{filter:brightness(1.07)}#sp .pill .ic{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#ffffffe6}#sp .pill .ic svg{width:12px;height:12px;fill:var(--color-navy-deep)}#sp .well{position:relative}#sp .wavetip{position:absolute;left:50%;bottom:8px;transform:translate(-50%);margin:0;pointer-events:none;white-space:nowrap;font-size:.72rem;letter-spacing:.03em;color:var(--m-screen-ink);opacity:.72;background:#00000073;padding:.15rem .6rem;border-radius:999px}#sp .well{border-radius:8px;padding:3px;background:linear-gradient(180deg,#0000008c,#0000004d);box-shadow:inset 0 2px 8px #000000b3;border:1px solid rgba(0,0,0,.5)}#sp canvas{display:block;width:100%;height:72px;border-radius:6px;background:#050c18;touch-action:none;cursor:pointer}#sp .wavehint{margin:-.3rem 0 0;font-size:.78rem;line-height:1.5;color:var(--m-rack-dim)}#sp .bench{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.2rem}#sp .transport{display:flex;align-items:center;gap:.45rem}#sp .tbtn{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;cursor:pointer;padding:0;background:var(--m-rack-btn);border:1px solid var(--m-rack-btn-edge);box-shadow:inset 0 1px 0 var(--m-rack-groove),0 2px 5px var(--m-rack-shadow)}#sp .tbtn svg{width:17px;height:17px;fill:var(--m-rack-ink);opacity:.9}#sp .tbtn:hover:not(:disabled){filter:brightness(1.3)}#sp .tbtn:active:not(:disabled){box-shadow:inset 0 2px 6px #0009}#sp .tbtn:disabled{opacity:.32;cursor:default}#sp .tbtn.main{width:54px;height:54px;background:linear-gradient(180deg,var(--color-gold-hover),#b98f33);border-color:#ffe2a0a6;box-shadow:inset 0 1px #ffffff80,0 0 18px #d4a84b66,0 3px 8px #00000080}#sp .tbtn.main svg{width:23px;height:23px;fill:#17233c;opacity:1}#sp .bank{display:flex;gap:1.15rem;flex-wrap:wrap}#sp .knob{position:relative;width:82px;display:flex;flex-direction:column;align-items:center;gap:.1rem;touch-action:none}#sp .dial{width:58px;height:58px;display:block;overflow:visible}#sp .stripnote{margin:.4rem 0 0;font-size:.8rem;line-height:1.5;color:var(--m-ink-dim);flex-basis:100%}@keyframes sp-knock{0%{box-shadow:0 0 0 0 var(--m-accent);opacity:1}to{box-shadow:0 0 0 14px transparent;opacity:1}}#sp .knob.knocked .dial{border-radius:999px;animation:sp-knock .45s ease-out}@media (prefers-reduced-motion: reduce){#sp .knob.knocked .dial{animation:none}}#sp .k-track{fill:none;stroke:var(--m-rack-groove);stroke-width:5;stroke-linecap:round;stroke-dasharray:122.5 1000;transform:rotate(135deg);transform-origin:32px 32px}#sp .k-fill{fill:none;stroke:var(--color-gold-bright);stroke-width:5;stroke-linecap:round;stroke-dasharray:0 1000;transform:rotate(135deg);transform-origin:32px 32px;filter:drop-shadow(0 0 4px rgba(212,168,75,.6))}#sp .k-cap{fill:url(#none);fill:var(--m-rack-face-2);stroke:#0000008c;stroke-width:1}#sp .k-ptr{stroke:var(--m-rack-ink);stroke-width:2.5;stroke-linecap:round;transform-origin:32px 32px;transform:rotate(-135deg)}#sp .knob input[type=range]{position:absolute;top:0;left:8px;width:58px;height:58px;opacity:0;margin:0;pointer-events:none}#sp .knob:focus-within .k-cap{stroke:var(--color-gold-bright);stroke-width:2}#sp .k-mark{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:700;fill:var(--m-rack-dim);text-anchor:middle}#sp .k-name{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--m-accent);opacity:.95}#sp .k-val{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;color:var(--m-rack-dim);text-align:center;line-height:1.25;max-width:82px;min-height:2.5em}#sp .strip{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;padding-top:.55rem;border-top:1px solid var(--m-rack-groove)}#sp .striplab{font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--m-accent);opacity:.95;margin-right:.15rem;white-space:nowrap}#sp .chip{border:1px solid var(--m-rack-btn-edge);background:var(--m-rack-btn);color:var(--m-rack-ink);font:inherit;font-size:.75rem;font-weight:600;padding:.33rem .7rem;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 0 var(--m-rack-groove)}#sp .chip:hover:not(:disabled){filter:brightness(1.35)}#sp .chip.on,#sp .chip[aria-pressed=true],#sp .chip.strong{background:linear-gradient(180deg,var(--color-gold-hover),var(--color-gold-bright));color:var(--color-navy-deep);border-color:#ffe2a099}#sp .chip:disabled{opacity:.35;cursor:default}#sp .sw{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--m-rack-ink);cursor:pointer}#sp .sw input{width:15px;height:15px;accent-color:var(--color-gold-bright)}#sp .marked{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.74rem;color:var(--m-accent)}#sp .namerow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}#sp .namerow input[type=text]{font:inherit;font-size:.82rem;flex:1 1 9rem;min-height:34px;padding:.28rem .75rem;border-radius:999px;border:1px solid var(--m-rack-btn-edge);background:var(--m-sunken);color:var(--m-ink);box-shadow:inset 0 1px 4px var(--m-rack-shadow)}#sp .labelrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:.6rem 0 .9rem}#sp .srow{align-items:start}#sp .srow.playing{background:var(--m-accent-soft)}#sp .srow-note{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;-webkit-line-clamp:unset;overflow:visible}#sp .srow-note em{font-style:normal;color:var(--m-accent);font-weight:600}#sp .ltag{font-size:.72rem;font-weight:600;padding:.12rem .55rem;border-radius:999px;background:var(--m-accent-soft);color:var(--m-accent)}#sp .sacts{display:inline-flex;gap:.35rem;margin-left:auto}#sp .sacts .chip{padding:.22rem .65rem}#sp #labeledit input[type=text]{font:inherit;font-size:.8rem;min-height:32px;flex:1 1 8rem;max-width:14rem;padding:.22rem .7rem;border-radius:999px;border:1px solid var(--m-rack-btn-edge);background:var(--m-sunken);color:var(--m-ink)}#sp .chip.on{background:var(--m-accent);color:var(--m-on-accent);border-color:var(--m-accent)}#sp .item{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;padding:.45rem 0;border-top:1px solid var(--m-rack-groove);font-size:.82rem}#sp .item .name{font-weight:600;color:var(--m-rack-ink);overflow-wrap:anywhere}#sp .item .when{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;color:var(--m-rack-dim)}#sp .item .spacer{flex:1 1 auto}#sp .tell{font-size:.8rem;line-height:1.55}#sp .tell summary{cursor:pointer;color:var(--m-accent);font-weight:600;font-size:.76rem;letter-spacing:.04em}#sp .tell p{margin:.45rem 0 0;color:var(--m-rack-dim);max-width:42rem}#sp .tell b{color:var(--m-rack-ink);font-weight:600}@media (max-width: 560px){#sp .rack{padding:.85rem .8rem 1rem}#sp .face{flex-wrap:wrap}#sp .pill{width:100%;justify-content:center}#sp .bench{justify-content:center}#sp .bank{gap:.75rem;justify-content:center}#sp .knob{width:66px}#sp .dial{width:52px;height:52px}#sp .knob input[type=range]{left:7px;width:52px;height:52px}#sp .r-clock{font-size:1.6rem}}@media (prefers-reduced-motion: reduce){#sp .tbtn,#sp .chip,#sp .pill{transition:none}}
