:root{--pv-body:#161718;--pv-plate:#1f2022;--pv-line:#e8e8e41a;--pv-text:#e8e8e4;--pv-text-2:#e8e8e499;--pv-silk:#d9dad6;--pv-rubber:#55595d;--pv-rubber-hi:#6d7176;--pv-red:#ff3b2e;--pv-amber:#ffb347}.sp-body{background:#0b0b0c}.polvere{color:var(--paper);margin:0 auto;padding:0 clamp(6px,1vw,16px) 10vh}.polvere .section-head--page{position:relative}.polvere .section-head--page>.stamp{position:absolute;top:22vh;right:0;rotate:7deg}@media (width<=760px){.polvere .section-head--page>.stamp{margin-top:1rem;display:inline-flex;position:static}}.pv__chapter{max-width:1200px;padding-inline:calc(var(--gutter) - clamp(6px, 1vw, 16px));margin-inline:auto}.pv__notice .mono{color:var(--paper-3);font-size:11px;line-height:1.7}.pv__mfx{columns:2 280px;font-size:15px}.pv__mfx li{break-inside:avoid;margin-bottom:4px}.pv__mfx .mono{color:var(--paper-3);font-size:11px}.pv{max-width:1400px;color:var(--pv-text);grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,540px) minmax(0,1fr);gap:18px 32px;margin:4vh auto 9vh;display:grid}.pv__body{grid-row:1/3}@media (width<=980px){.pv{grid-template-columns:minmax(0,560px);justify-content:center}.pv__body{grid-row:auto}}.pv__body{background:radial-gradient(120% 60% at 30% 0%, #ffffff0d, transparent 60%), repeating-linear-gradient(90deg, #ffffff03 0 1px, transparent 1px 3px), var(--pv-body);box-shadow:0 0 0 1px var(--pv-line), inset 0 1px 0 #ffffff0f, 0 40px 90px -40px #000000f2;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:14px;align-self:start;gap:14px;padding:clamp(14px,2.4vw,24px);display:grid}.pv__top{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.pv__knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pv__kwrap{justify-items:center;gap:4px;display:grid}.pv__knob{--v:.5;aspect-ratio:1;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 35% 30%,#4a4c4f,#202123 70%);border-radius:50%;width:clamp(38px,9vw,52px);position:relative;box-shadow:0 0 0 3px #0e0f10,0 4px 8px #0009}.pv__knob:focus-visible{outline:2px solid var(--pv-amber);outline-offset:4px}.pv__cap{rotate:calc(-135deg + var(--v) * 270deg);border-radius:50%;position:absolute;inset:0}.pv__cap:after{content:"";background:var(--pv-silk);border-radius:2px;width:3px;height:32%;margin-left:-1.5px;position:absolute;top:8%;left:50%}.pv__klabel,.pv__ksub{font:600 9.5px/1 var(--f-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--pv-silk)}.pv__ksub{color:var(--pv-text-2);font-size:8px;font-weight:400}.pv__screen{justify-items:end;gap:8px;display:grid}.pv__lcd{background:#120706;border-radius:6px;padding:8px 10px;transition:background-color 80ms;box-shadow:inset 0 2px 8px #000000e6,0 0 0 2px #050505}.pv__lcd.is-pulse[data-beat="0"]{background:#3a0d0a}.pv__lcd.is-pulse[data-beat="1"]{background:#0b1a3a}.pv__digits{gap:3px;display:flex}.pv__digits svg{width:clamp(20px,5vw,28px);height:auto}.pv__digits path,.pv__digits circle{fill:#ff3b2e17}.pv__digits .on{fill:var(--pv-red);filter:drop-shadow(0 0 3px #ff3b2ecc)}.pv__brand{justify-items:end;line-height:1;display:grid}.pv__logo{font:700 11px/1 var(--f-mono,ui-monospace, monospace);letter-spacing:.32em;color:var(--pv-silk)}.pv__model{font:italic 800 26px/1 var(--f-display);color:var(--pv-text)}.pv__model b{color:var(--pv-red);margin-left:2px;font-size:15px}.pv__fx,.pv__rows,.pv__banks{gap:8px 6px;display:grid}.pv__fx{border-block:1px solid var(--pv-line);grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 0}.pv__rows{grid-template-columns:repeat(3,minmax(0,1fr)) repeat(3,minmax(0,1fr)) repeat(3,minmax(0,1fr))}.pv__grp{display:contents}.pv__grp--wide{grid-area:2/4/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pv__banks{border-top:1px solid var(--pv-line);grid-template-columns:repeat(7,minmax(0,1fr));padding-top:10px}.pv__b{min-width:0;color:var(--pv-silk);cursor:pointer;background:0 0;border:0;flex-direction:column-reverse;justify-content:flex-end;align-items:center;gap:5px;padding:0;display:flex}.pv__b>span{min-height:2.1em;font:600 8.5px/1.05 var(--f-mono,ui-monospace, monospace);letter-spacing:.04em;text-align:center;white-space:nowrap;align-content:end;justify-items:center;display:grid}.pv__b small{white-space:normal;color:var(--pv-text-2);font-size:7.5px;font-weight:400}.pv__led{background:linear-gradient(#3d4043,#2b2d30);border-radius:5px;width:100%;max-width:46px;height:18px;transition:background .12s,box-shadow .12s,translate 60ms;box-shadow:0 2px #0b0b0c,inset 0 1px #ffffff14}.pv__b--fx .pv__led{max-width:60px;height:24px}.pv__b:active .pv__led{translate:0 1px;box-shadow:0 1px #0b0b0c}.pv__b:focus-visible{outline:none}.pv__b:focus-visible .pv__led{outline:2px solid var(--pv-amber);outline-offset:2px}.pv__b.is-lit .pv__led{background:linear-gradient(#ff6a57,#d8261b);box-shadow:0 2px #0b0b0c,0 0 12px #ff3b2e99}.pv__b.is-blink .pv__led{animation:.5s step-end infinite pv-blink}.pv__b--rec .pv__led{background:linear-gradient(#4a2a29,#33201f)}.pv__b--bank b{color:var(--pv-text-2);font-weight:600}.pv__b--bank b.is-on{color:var(--pv-red)}@keyframes pv-blink{0%{background:linear-gradient(#ff6a57,#d8261b);box-shadow:0 0 12px #ff3b2e99}50%{background:linear-gradient(#3d4043,#2b2d30)}}.pv__bottom{grid-template-columns:minmax(48px,.55fr) 4fr;gap:10px;display:grid}.pv__side{grid-template-rows:repeat(3,1fr);gap:10px;display:grid}.pv__pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.4vw,10px);display:grid}.pv__pad,.pv__spad{background:radial-gradient(130% 100% at 50% 0%, var(--pv-rubber-hi), var(--pv-rubber) 60%, #46494d);color:#ffffff8c;cursor:pointer;touch-action:none;border:0;border-radius:8px;place-items:center;padding:0;transition:background .1s,box-shadow .1s,translate 50ms;display:grid;position:relative;box-shadow:0 3px #0a0a0b,inset 0 1px #ffffff1f,inset 0 -6px 14px #00000040}.pv__pad{aspect-ratio:1}.pv__spad span{font:600 8.5px/1.1 var(--f-mono,ui-monospace, monospace);letter-spacing:.05em;text-align:center;color:var(--pv-silk)}.pv__padn{font:600 13px/1 var(--f-mono,ui-monospace, monospace)}.pv__padk{font:9px/1 var(--f-mono,ui-monospace, monospace);color:#ffffff4d;position:absolute;bottom:5px;right:6px}@media (hover:none){.pv__padk{display:none}}.pv__pad.has{color:#ffdcaae6;box-shadow:0 3px #0a0a0b,inset 0 1px #ffffff1f,inset 0 0 18px #ffb34747}.pv__pad.is-current{outline-offset:2px;outline:1px solid #ffb3478c}.pv__pad.is-fx:after{content:"";background:var(--pv-red);width:6px;height:6px;box-shadow:0 0 6px var(--pv-red);border-radius:50%;position:absolute;top:7px;left:7px}.pv__pad.is-playing,.pv__b.is-lit.pv__spad{color:#2a1606;background:radial-gradient(130% 100% at 50% 0,#ffd9a3,#f2964a 60%,#c9682e);box-shadow:0 3px #0a0a0b,0 0 26px #ff96468c}.pv__spad.is-lit{background:radial-gradient(130% 100% at 50% 0,#ff8c7c,#e1362c 60%,#a8241c);box-shadow:0 3px #0a0a0b,0 0 20px #ff3b2e80}.pv__pad.is-blink,.pv__spad.is-blink{animation:.5s step-end infinite pv-padblink}@keyframes pv-padblink{0%{box-shadow:0 3px 0 #0a0a0b, 0 0 0 2px var(--pv-red), 0 0 18px #ff3b2e99}50%{box-shadow:0 3px #0a0a0b}}.pv__pad.is-down,.pv__pad:active,.pv__spad:active{translate:0 2px;box-shadow:0 1px #0a0a0b}.pv__pad:focus-visible,.pv__spad:focus-visible{outline:2px solid var(--pv-amber);outline-offset:2px}.pv__info{align-content:start;gap:8px;display:grid}.pv__cur{color:var(--pv-text);margin:0;font-size:13px}.pv__cur a{color:var(--pv-amber);margin-left:8px;font-size:11px}.pv__note{min-height:3em;font:16px/1.5 var(--f-text);color:var(--pv-text);margin:0}.pv__hint{color:var(--pv-text-2);margin:0;font-size:10.5px;line-height:1.6}.pv__tools{flex-wrap:wrap;gap:6px;display:flex}.pv__tool{border:1px solid var(--pv-line);background:var(--pv-plate);height:32px;color:var(--pv-text);cursor:pointer;border-radius:5px;padding:0 12px;font-size:12.5px;transition:border-color .15s,background .15s}.pv__tool:hover{border-color:#ffb34799}.pv__tool--hot{background:var(--pv-text);color:#161718;border-color:var(--pv-text)}.pv__tool--rec{color:#ffd0cb;background:#3a0f0c;border-color:#ff3b2e80;margin-top:8px}.pv__tool:disabled{opacity:.5;cursor:progress}.pv__lib{border-top:1px solid var(--pv-line);min-width:0;padding-top:14px}.pv__libhead{flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-bottom:10px;display:flex}.pv__libtitle{font:italic 600 24px/1 var(--f-display);color:var(--pv-text);margin:0}.pv__tabs{flex-wrap:wrap;gap:4px;display:flex}.pv__tabs button{border:1px solid var(--pv-line);height:30px;color:var(--pv-text);cursor:pointer;background:0 0;border-radius:5px;padding:0 12px;font-size:12px}.pv__tabs button[aria-selected=true]{background:var(--pv-text);color:#161718}.pv__radionote{max-width:85ch;font:15px/1.5 var(--f-text);color:var(--pv-text-2);margin:0 0 12px}.pv__radionote a{color:var(--pv-amber)}.pv__families{gap:6px;margin-bottom:12px;display:grid}.pv__fam{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pv__famname{letter-spacing:.06em;text-transform:uppercase;width:92px;color:var(--pv-text-2);flex:none;font-size:10.5px}.pv__fam button,.pv__decades button{border:1px solid var(--pv-line);background:var(--pv-plate);height:30px;color:var(--pv-text);cursor:pointer;border-radius:5px;padding:0 11px;font-size:12.5px}.pv__fam button:hover,.pv__decades button:hover{border-color:#ffb34799}.pv__fam button[aria-pressed=true],.pv__decades button[aria-pressed=true]{background:var(--pv-amber);border-color:var(--pv-amber);color:#1b1206;font-weight:700}@media (width<=560px){.pv__famname{width:100%}}.pv__search{gap:6px;margin-bottom:8px;display:flex}.pv__search input{border:1px solid var(--pv-line);min-width:0;height:32px;color:var(--pv-text);background:#0f1011;border-radius:5px;flex:1;padding:0 10px;font-size:14px}.pv__libnote{color:var(--pv-text-2);margin:0 0 8px;font-size:11px}.pv__sounds{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px;max-height:420px;margin:0 0 10px;padding:0;list-style:none;display:grid;overflow:auto}.pv__snd{border:1px solid var(--pv-line);background:var(--pv-plate);cursor:grab;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.pv__snd.is-on{border-color:var(--pv-amber)}.pv__sndplay{background:var(--pv-rubber);width:30px;height:30px;color:var(--pv-text);cursor:pointer;border:0;border-radius:50%}.pv__sndplay.is-loading{opacity:.5}.pv__sndname{min-width:0;display:grid}.pv__sndname b{font:600 13.5px/1.3 var(--f-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv__sndname a{color:var(--pv-text-2);font-size:10.5px}.pv__sndput{border:1px solid var(--pv-line);height:28px;color:var(--pv-amber);cursor:pointer;background:0 0;border-radius:5px;padding:0 9px;font-size:12px}.pv__decades{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.pv__find{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pv__find select{border:1px solid var(--pv-line);max-width:100%;height:32px;color:var(--pv-text);background:#0f1011;border-radius:5px}.pv__records{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;max-height:260px;margin-bottom:10px;display:grid;overflow:auto}.pv__rec{border:1px solid var(--pv-line);background:var(--pv-plate);color:var(--pv-text);text-align:left;cursor:pointer;border-radius:6px;gap:2px;padding:8px 10px;display:grid}.pv__rec:hover,.pv__rec.is-on{border-color:var(--pv-amber)}.pv__rec b{font:600 14px/1.25 var(--f-text)}.pv__rec span{color:var(--pv-text-2);font-size:10.5px}.pv__onair{color:var(--pv-amber);margin:0 0 6px;font-size:12px}.pv__pane audio{width:100%}.pv__frame{background:var(--pv-plate);border-radius:8px;place-items:center;gap:6px;min-height:120px;display:grid}.pv__frame iframe{background:#000;border:0;border-radius:8px;width:100%;height:min(78vh,760px)}@media (prefers-reduced-motion:reduce){.pv__b.is-blink .pv__led,.pv__pad.is-blink,.pv__spad.is-blink{animation-duration:1.4s}}.pv__b--bank>span{display:block}@media (width<=600px){.pv__rows{grid-template-columns:repeat(6,minmax(0,1fr))}.pv__grp--wide{grid-area:auto/1/auto/-1}.pv__b>span{font-size:8px}.pv__b small{font-size:7px}}.pv__find input[type=search]{border:1px solid var(--pv-line);min-width:0;height:32px;color:var(--pv-text);background:#0f1011;border-radius:5px;flex:160px;padding:0 10px;font-size:14px}.pv__find select{max-width:min(100%,280px)}.pv__pane>.pv__tool{margin-bottom:8px}
