.device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(820px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.device *{box-sizing:border-box}.screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.screw.tl{top:9px;left:9px}.screw.tr{top:9px;right:9px}.screw.bl{bottom:9px;left:9px}.screw.br{bottom:9px;right:9px}.top{align-items:stretch;gap:16px;display:flex}.speaker{background:#ddd9cc;border-radius:10px;flex:0 0 148px;height:148px;padding:8px;overflow:hidden;box-shadow:inset 0 3px 9px #00000052,inset 0 0 0 1px #0000000f}.cone{transform-origin:50%;will-change:transform;background:repeating-linear-gradient(45deg,#c3beac 0 2px,#e0dccf 2px 8px);border-radius:5px;width:100%;height:100%}.panel{flex-direction:column;flex:1;gap:14px;display:flex}.brandrow{align-items:center;gap:12px;display:flex}.badge{color:#fff;background:color-mix(in srgb, var(--red) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.brandmark{flex:1;line-height:1.1}.brandmark b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.brandmark small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.power{letter-spacing:1.5px;color:#6e6b5e;align-items:center;gap:6px;font-size:9px;display:flex}.led{background:#6a2420;border-radius:50%;width:9px;height:9px;transition:background 80ms,box-shadow 80ms;box-shadow:inset 0 1px 1px #00000080}.led.on{background:var(--red);box-shadow:0 0 8px var(--red)}.controls{align-items:flex-end;gap:18px;display:flex}.sliders{gap:14px;display:flex}.slider{flex-direction:column;align-items:center;gap:5px;display:flex}.slider input[type=range]{writing-mode:vertical-lr;width:20px;height:80px;accent-color:var(--red);cursor:ns-resize;direction:rtl}.slider span{letter-spacing:1px;color:var(--ink-soft);font-size:9px}.rightcol{flex-direction:column;flex:1;align-items:flex-start;gap:10px;display:flex}.presets{flex-wrap:wrap;gap:6px;display:flex}.preset{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .1s,color .1s}.preset:hover{background:#e6e2d4}.preset.on{background:color-mix(in srgb, var(--red) 63%, #24170d);color:#fff;border-color:#b8331f}.voicebtn{letter-spacing:1px;cursor:pointer;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:11px}.voicebtn.poly{background:#3f6d4a;border-color:#2c5136}.keys{background:#b7b3a6;border-radius:8px;height:138px;margin-top:18px;padding:7px;position:relative;box-shadow:inset 0 3px 8px #00000057}.wrow{gap:3px;height:100%;display:flex}.wkey,.bkey{appearance:none;font:inherit;color:inherit;border:0;margin:0;padding:0}.wkey:focus-visible,.bkey:focus-visible{outline:3px solid var(--red);outline-offset:-3px;z-index:4}.wkey{background:var(--key-w);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 5px 5px;flex:1;box-shadow:0 2px #cbc8bc,inset 0 -8px 10px #0000000d}.wkey.down{background:var(--key-w-down);transform:translateY(1px);box-shadow:inset 0 5px 9px #0003}.bkey{background:var(--key-b);cursor:pointer;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 4px 4px;width:4%;height:60%;position:absolute;top:7px;box-shadow:0 3px #000,0 4px 7px #0006}.bkey.down{background:linear-gradient(#111,#000);transform:translateY(1px);box-shadow:0 1px #000}@keyframes guidepulse{50%{box-shadow:0 2px #cbc8bc,0 0 4px #c25a2b80}}.wkey.guide{animation:1.1s ease-in-out infinite guidepulse;box-shadow:0 2px #cbc8bc,0 0 16px #c25a2bd9}.bkey.guide{animation:1.1s ease-in-out infinite guidepulse;box-shadow:0 3px #000,0 0 18px #e8a25cf2}@media (prefers-reduced-motion:reduce){.wkey.guide,.bkey.guide{animation:none}}.hint{color:#55524a;text-align:center;margin:16px 0 0;font-size:12.5px;line-height:1.7}.hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}.site-foot{margin-top:26px;font-size:13px}.site-foot a{color:#55524a;border-bottom:1px solid #b9b5a8;text-decoration:none}.site-foot a:hover{color:var(--red);border-color:var(--red)}.presets.angled{transform-origin:0;margin:4px 0;transform:rotate(-4deg)}.chips.angled2{transform-origin:0;transform:rotate(3deg)}.lower{background:#0000000b;border:1px solid #cdc9bc;border-radius:10px;flex-direction:column;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.lrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sect{letter-spacing:2px;color:#6e6b5e;min-width:52px;font-size:9px}.chips{gap:6px;display:flex}.chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.chip:hover{background:#e6e2d4}.chip.on{background:color-mix(in srgb, var(--red) 63%, #24170d);color:#fff;border-color:#b8331f}.startstop{cursor:pointer;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;width:36px;height:26px;font-size:11px;line-height:1}.startstop.on{background:var(--red);border-color:#b8331f}.tempo{align-items:center;gap:8px;display:flex}.tempo input[type=range]{width:96px;accent-color:var(--red);cursor:ew-resize}.tempo span{letter-spacing:.5px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:10px}.beats{gap:6px;margin-left:auto;display:flex}.beats span{background:#c9c6ba;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #0000004d}.beats span.on{background:var(--red);box-shadow:0 0 6px var(--red)}.okbtn{letter-spacing:1px;cursor:pointer;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px}.okbtn.on{background:var(--red);border-color:#b8331f}.okbtn:disabled{opacity:.45;cursor:default}.okhint{color:var(--ink-soft);font-size:10px;font-style:italic}.voicerow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.octwrap{letter-spacing:1.5px;color:#6e6b5e;align-items:center;gap:5px;font-size:9px;display:flex}.octwrap button{cursor:pointer;color:#55524a;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:5px;width:22px;height:22px;padding:0;font-family:inherit;font-size:13px;line-height:1}.octwrap button:hover:not(:disabled){background:#e6e2d4}.octwrap button:disabled{opacity:.4;cursor:default}.octwrap b{color:#2f2d26;text-align:center;min-width:18px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.recbtn{letter-spacing:1px;cursor:pointer;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px}.recbtn.on{background:var(--red);border-color:#b8331f;animation:1.1s step-end infinite recblink}@keyframes recblink{50%{filter:brightness(.7)}}@media (prefers-reduced-motion:reduce){.recbtn.on{animation:none}}.midi{align-items:center;gap:8px;display:inline-flex}.midi-btn{letter-spacing:1px;cursor:pointer;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px}.midi-btn:disabled{opacity:.6;cursor:default}.midi-sel{color:#2f2d26;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;max-width:190px;padding:4px 6px;font-family:inherit;font-size:11px}.midi-led{background:#c9c6ba;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #0000004d}.midi-ps10 .midi-led.on{background:var(--red);box-shadow:0 0 6px var(--red)}.midi-pk .midi-led.on{background:#c25a2b;box-shadow:0 0 6px #c25a2b}.midi-note{color:var(--ink-soft);font-size:10px;font-style:italic}input.midi-code{text-transform:lowercase;width:110px}@media (max-width:560px){.stage{padding-left:10px;padding-right:10px}.device{width:min(100%,100vw - 20px);padding:10px;overflow:hidden}.top{flex-direction:column}.speaker{flex-basis:84px;width:84px;height:84px}.brandrow{flex-wrap:wrap;align-items:flex-start;gap:8px}.badge{padding:3px 6px;font-size:9px}.brandmark{flex:138px;min-width:138px}.brandmark b{font-size:17px}.brandmark small{letter-spacing:1.2px;font-size:8px}.power{margin-left:auto;font-size:8px}.controls{flex-flow:column wrap;align-items:stretch;gap:12px}.sliders{justify-content:center}.slider input[type=range]{height:64px}.rightcol{align-items:center;width:100%}.presets{justify-content:center}.presets.angled,.chips.angled2{transform:none}.preset,.chip{padding:4px 6px;font-size:10px}.voicebtn,.okbtn{padding:5px 10px}.lower{padding:10px}.lrow{gap:6px}.sect{letter-spacing:1.2px;min-width:46px}.chips{flex-wrap:wrap}.startstop{width:30px}.tempo input[type=range]{width:72px}.beats{margin-left:0}.beats span{width:7px;height:7px}.okhint:not(.keep){display:none}.keys{height:112px;padding:5px}.wrow{gap:2px}.bkey{top:5px}.proposal-links{grid-template-columns:1fr}}.ribbon-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(820px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.ribbon-device *{box-sizing:border-box}.ribbon-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.ribbon-screw.tl{top:9px;left:9px}.ribbon-screw.tr{top:9px;right:9px}.ribbon-screw.bl{bottom:9px;left:9px}.ribbon-screw.br{bottom:9px;right:9px}.ribbon-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.ribbon-badge{color:#fff;background:color-mix(in srgb, var(--red) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.ribbon-brand{flex:1;line-height:1.1}.ribbon-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.ribbon-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.ribbon-readout{letter-spacing:.5px;color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:104px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.ribbon-led{background:var(--red);width:9px;height:9px;box-shadow:0 0 8px var(--red);opacity:.35;border-radius:50%}.ribbon-strip{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff1a,#00000052 60%),linear-gradient(90deg,#322233,#201a24 50%,#2a1f28);border-radius:10px;height:138px;position:relative;overflow:hidden;box-shadow:inset 0 4px 14px #0000008c,inset 0 0 0 1px #00000080,inset 0 -2px #ffffff0d}.ribbon-strip:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 5px);position:absolute;inset:0}.ribbon-mark{pointer-events:none;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ribbon-mark i{background:linear-gradient(#ffffff38,#ffffff08);width:1px}.ribbon-mark em{letter-spacing:1px;color:#ffffff6b;font-family:Consolas,ui-monospace,monospace;font-size:9px;font-style:normal;position:absolute;bottom:6px;left:4px}.ribbon-indicator{opacity:0;pointer-events:none;width:0;transition:opacity .12s;position:absolute;top:0;bottom:0}.ribbon-indicator:before{content:"";background:var(--red);width:2px;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%);box-shadow:0 0 12px 1px #d8402fe6}.ribbon-indicator i{background:radial-gradient(circle at 40% 35%, #ffd9cd, var(--red));border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 16px 3px #d8402fbf}.ribbon-hint-in{letter-spacing:2px;text-transform:uppercase;color:#ffffff47;pointer-events:none;font-family:Consolas,ui-monospace,monospace;font-size:10px;position:absolute;top:9px;left:12px}.ribbon-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:16px;padding:0 4px;display:flex}.ribbon-selectors{flex-wrap:wrap;gap:20px;display:flex}.ribbon-group{flex-direction:column;gap:6px;display:flex}.ribbon-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.ribbon-chips{flex-wrap:wrap;gap:6px;display:flex}.ribbon-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.ribbon-chip:hover{background:#e6e2d4}.ribbon-chip.on{color:#fff;background:#8a4a68;border-color:#6e3a53}.ribbon-knobs{align-items:flex-end;gap:14px;display:flex}.ribbon-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.ribbon-knob input[type=range]{width:74px;accent-color:var(--red);cursor:ew-resize}.ribbon-knob span{letter-spacing:1px;color:var(--ink-soft);font-size:9px}.ribbon-hold{cursor:pointer;color:#f2efe4;letter-spacing:1px;background:#2f2d26;border:1px solid #211f1a;border-radius:6px;align-self:stretch;padding:6px 14px;font-family:inherit;font-size:11px}.ribbon-hold.on{background:var(--red);border-color:#b8331f}.ribbon-hint{color:#55524a;text-align:center;margin:16px 0 0;font-size:12.5px;line-height:1.7}.ribbon-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:560px){.ribbon-device{padding:10px}.ribbon-head{gap:8px}.ribbon-brand b{font-size:17px}.ribbon-readout{min-width:84px;padding:5px 9px;font-size:13px}.ribbon-strip{height:108px}.ribbon-controls{gap:12px}.ribbon-selectors{gap:14px}.ribbon-knobs{justify-content:space-between;gap:10px;width:100%}.ribbon-knob input[type=range]{width:58px}}.dg-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.dg-device *{box-sizing:border-box}.dg-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.dg-screw.tl{top:9px;left:9px}.dg-screw.tr{top:9px;right:9px}.dg-screw.bl{bottom:9px;left:9px}.dg-screw.br{bottom:9px;right:9px}.dg-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.dg-badge{color:#fff;background:color-mix(in srgb, var(--red) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.dg-brand{flex:1;line-height:1.1}.dg-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.dg-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.dg-grid{background:#0000000d;border:1px solid #cdc9bc;border-radius:10px;flex-direction:column;gap:6px;padding:12px 12px 14px;display:flex}.dg-beats{align-items:center;gap:8px;margin-bottom:2px;display:flex}.dg-beats>span{flex:0 0 83px}.dg-beatcells{flex:1;grid-template-columns:repeat(16,1fr);gap:4px;display:grid}.dg-beatmark{background:#cdc9bc;border-radius:2px;height:4px}.dg-beatmark.strong{background:#a29d8c}.dg-row{--pad:var(--red);align-items:center;gap:8px;display:flex}.dg-l-kick{--pad:#d8402f}.dg-l-snare{--pad:#e07b39}.dg-l-clap{--pad:#d1a23e}.dg-l-chat{--pad:#3e9a86}.dg-l-ohat{--pad:#4a6b8a}.dg-l-tom{--pad:#7a4a63}.dg-lane{-webkit-user-select:none;user-select:none;flex-direction:column;flex:0 0 58px;line-height:1.15;display:flex}.dg-lane b{color:var(--pad);letter-spacing:.5px;font-family:Consolas,ui-monospace,monospace;font-size:12px;font-weight:700}.dg-lane{color:#6e6b5e;font-size:9px}.dg-ms{flex-direction:column;flex:0 0 24px;gap:3px;display:flex}.dg-msbtn{cursor:pointer;color:#6e6b5e;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:3px;width:24px;height:24px;padding:0;font-family:Consolas,ui-monospace,monospace;font-size:8px;line-height:1}.dg-msbtn:hover{background:#e6e2d4}.dg-msbtn.on{color:#f2efe4;background:#2f2d26;border-color:#211f1a}.dg-msbtn.s.on{background:#3f6d4a;border-color:#2c5136}.dg-muted .dg-cell{opacity:.38}.dg-muted .dg-lane{opacity:.55}.dg-cells{flex:1;grid-template-columns:repeat(16,1fr);gap:4px;display:grid}.dg-cell{cursor:pointer;touch-action:pan-y;background:#d7d3c5;border:1px solid #c3bfb0;border-radius:5px;height:30px;padding:0;transition:background 60ms,box-shadow 60ms,transform 50ms;box-shadow:inset 0 1px #fff6}.dg-cell.beat{background:#e0dcce}.dg-cell:hover{background:#eee9db}.dg-cell.on{background:var(--pad);border-color:#00000038;box-shadow:inset 0 1px #ffffff59,0 1px 3px #0003}.dg-cell.dg-now:not(.on){background:#c6c2b3;box-shadow:inset 0 0 0 1px #00000014}.dg-cell.on.dg-now{filter:brightness(1.28)saturate(1.1);box-shadow:0 0 12px 1px color-mix(in srgb, var(--pad) 65%, transparent);transform:translateY(-1px)}.dg-cell.acc{box-shadow:inset 0 1px 0 #ffffff59, 0 0 9px 1px color-mix(in srgb, var(--pad) 55%, transparent)}.dg-cell.acc:after{content:"";background:#ffffffe6;border-radius:50%;width:5px;height:5px;margin:0 auto;display:block}.dg-share-note{color:#3a5b50;align-self:center;font-size:11px;font-style:italic}.dg-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.dg-presets{flex-wrap:wrap;gap:6px;display:flex}.dg-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 11px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.dg-chip:hover{background:#e6e2d4}.dg-chip.on{color:#fff;background:#377f6e;border-color:#327263}.dg-chip.alt{color:#3a5b50;background:#cfe0d8;border-color:#a9c6ba}.dg-chip.alt:hover{background:#dcebe4}.dg-knobs{align-items:flex-end;gap:14px;display:flex}.dg-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.dg-knob input[type=range]{width:82px;accent-color:var(--red);cursor:ew-resize}.dg-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.ac-device{--acc:#d24a2f;--acc-hi:#ff7a5c;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.ac-device *{box-sizing:border-box}.ac-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.ac-screw.tl{top:9px;left:9px}.ac-screw.tr{top:9px;right:9px}.ac-screw.bl{bottom:9px;left:9px}.ac-screw.br{bottom:9px;right:9px}.ac-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.ac-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.ac-brand{flex:1;line-height:1.1}.ac-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.ac-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.ac-seq{background:linear-gradient(#241a1c,#180f11);border:1px solid #3a2a2c;border-radius:10px;padding:10px 12px 12px;overflow-x:auto}.ac-grid{flex-direction:column;gap:3px;min-width:460px;display:flex}.ac-prow{align-items:center;gap:8px;display:flex}.ac-note{text-align:right;color:#6f5f61;-webkit-user-select:none;user-select:none;flex:0 0 30px;font-family:Consolas,ui-monospace,monospace;font-size:8.5px}.ac-prow.root .ac-note{color:var(--acc-hi);font-weight:700}.ac-prow.root .ac-cell{border-color:#4a3436}.ac-cells{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.ac-cell{cursor:pointer;background:#2e2427;border:1px solid #3a2e30;border-radius:3px;height:24px;padding:0;transition:background 60ms,box-shadow 60ms}.ac-cell.beat{background:#372b2e}.ac-cell:hover{background:#46373a}.ac-cell.on{background:var(--acc);box-shadow:0 0 8px 1px color-mix(in srgb, var(--acc) 60%, transparent);border-color:#0000004d}.ac-cell.on.acc{background:var(--acc-hi);box-shadow:0 0 11px 2px color-mix(in srgb, var(--acc-hi) 70%, transparent)}.ac-cell.ac-now{box-shadow:inset 0 0 0 1px #ffffff29}.ac-cell.on.ac-now{filter:brightness(1.3)saturate(1.1)}.ac-flags{flex-direction:column;gap:5px;min-width:460px;margin-top:8px;display:flex}.ac-frow{align-items:center;gap:8px;display:flex}.ac-flabel{text-align:right;letter-spacing:.5px;color:#8a7a6a;flex:0 0 30px;font-family:Consolas,ui-monospace,monospace;font-size:8px}.ac-flag{cursor:pointer;background:#2e2427;border:1px solid #3a2e30;border-radius:3px;height:24px;padding:0}.ac-flag:hover{background:#46373a}.ac-flag.sld.on{background:#3fb0d6;border-color:#2b8fb0;box-shadow:0 0 7px 1px #3fb0d680}.ac-flag.acc.on{background:#e0a33e;border-color:#b8842b;box-shadow:0 0 7px 1px #e0a33e80}.ac-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.ac-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ac-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.ac-knob input[type=range]{width:74px;accent-color:var(--acc);cursor:ew-resize}.ac-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.ac-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ac-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.ac-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.ac-seg button:last-child{border-right:0}.ac-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.ac-chip{cursor:pointer;color:#3a5b50;background:#cfe0d8;border:1px solid #a9c6ba;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.ac-chip:hover{background:#dcebe4}.ac-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.ac-hint b{color:#55524a}.stp-device{--acc:#6b57d6;--acc-hi:#9a86ff;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.stp-device *{box-sizing:border-box}.stp-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.stp-screw.tl{top:9px;left:9px}.stp-screw.tr{top:9px;right:9px}.stp-screw.bl{bottom:9px;left:9px}.stp-screw.br{bottom:9px;right:9px}.stp-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.stp-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.stp-brand{flex:1;line-height:1.1}.stp-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.stp-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.sq-seq{background:linear-gradient(#1c1a24,#131118);border:1px solid #2e2a3a;border-radius:10px;padding:10px 12px 12px;overflow-x:auto}.sq-grid{flex-direction:column;gap:2px;min-width:470px;display:flex}.sq-prow{align-items:center;gap:8px;display:flex}.sq-deg{color:#8b8598;-webkit-user-select:none;user-select:none;flex-direction:column;flex:0 0 42px;align-items:flex-end;font-family:Consolas,ui-monospace,monospace;font-size:9px;line-height:1;display:flex}.sq-deg i{color:#6f6980;margin-top:1px;font-size:7.5px;font-style:normal}.sq-prow.tonic .sq-deg{color:var(--acc-hi);font-weight:700}.sq-prow.tonic .sq-cell{border-color:color-mix(in srgb, var(--acc) 40%, #34303f)}.sq-cells{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.sq-cell{cursor:pointer;background:#26232f;border:1px solid #34303f;border-radius:3px;height:24px;padding:0;transition:background 60ms,box-shadow 60ms}.sq-cell.beat{background:#2e2a38}.sq-cell:hover{background:#3b3648}.sq-cell.on{background:var(--acc);box-shadow:0 0 8px 1px color-mix(in srgb, var(--acc) 60%, transparent);border-color:#0000004d}.sq-cell.on.acc{background:var(--acc-hi);box-shadow:0 0 11px 2px color-mix(in srgb, var(--acc-hi) 70%, transparent)}.sq-cell.sq-now{box-shadow:inset 0 0 0 1px #fff3}.sq-cell.on.sq-now{filter:brightness(1.3)saturate(1.1)}.sq-flags{flex-direction:column;gap:2px;min-width:470px;margin-top:5px;display:flex}.sq-frow{align-items:center;gap:8px;display:flex}.sq-flabel{text-align:right;letter-spacing:.5px;text-transform:uppercase;color:#8781a0;flex:0 0 42px;font-family:Consolas,ui-monospace,monospace;font-size:8px}.sq-flag{cursor:pointer;background:#26232f;border:1px solid #34303f;border-radius:3px;height:24px;padding:0}.sq-flag:hover{background:#3b3648}.sq-flag.acc.on{background:#e0a33e;border-color:#b8842b;box-shadow:0 0 7px 1px #e0a33e80}.sq-flag.rat.on{background:#47c98a;border-color:#2f9a63;box-shadow:0 0 7px 1px #47c98a80}.sq-flag.sld.on{background:#4aa3e0;border-color:#2b7bb8;box-shadow:0 0 7px 1px #4aa3e080}.sq-shell{width:min(880px,96vw)}.sqd-device{--acc-hi:color-mix(in srgb, var(--acc) 55%, #fff);box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.sqd-device *{box-sizing:border-box}.sqd-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.sqd-screw.tl{top:9px;left:9px}.sqd-screw.tr{top:9px;right:9px}.sqd-screw.bl{bottom:9px;left:9px}.sqd-screw.br{bottom:9px;right:9px}.sqd-head{align-items:center;gap:12px;margin-bottom:12px;padding:0 4px;display:flex}.sqd-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.sqd-brand{flex:1;line-height:1.1}.sqd-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.sqd-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.sqd-panels{align-items:stretch;gap:12px;display:flex}.sqd-panels>.sq-seq{flex:1}.sqd-panels .wv-draw{flex-direction:column;flex:0 0 210px;gap:6px;display:flex}.sqd-presets{flex-wrap:wrap;align-items:center;gap:6px;margin:11px 0 4px;display:flex}.sqd-plabel{letter-spacing:1.5px;text-transform:uppercase;color:#6e6b5e;margin:0 2px 0 4px;font-family:Consolas,ui-monospace,monospace;font-size:9px}.sqd-chip{background:color-mix(in srgb, var(--acc) 9%, #efeadd);border:1px solid color-mix(in srgb, var(--acc) 24%, #d8cdb6);color:#5f5a4e;cursor:pointer;border-radius:7px;padding:5px 11px;font-family:Consolas,ui-monospace,monospace;font-size:11px;transition:background .12s,color .12s}.sqd-chip:hover{background:color-mix(in srgb, var(--acc) 18%, #efeadd);color:#322}.sqd-chip.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);border-color:var(--acc);color:#fff}.sqd-chip.alt{opacity:.82}.sqd-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px;display:flex}.sqd-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.sqd-kgroup{grid-auto-columns:62px;grid-auto-flow:column;place-items:end center;gap:14px;display:grid}.sqd-kdiv{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--acc) 26%, #cdbfa3) 22%, color-mix(in srgb, var(--acc) 26%, #cdbfa3) 78%, transparent);align-self:stretch;width:1px;min-height:46px;box-shadow:1px 0 #fff9}.sqd-sound{background:linear-gradient(#e7e1d2,#efeadd);border:1px solid #d8cdb6;border-radius:10px;align-items:center;gap:9px;margin-bottom:11px;padding:7px 9px;display:flex;box-shadow:inset 0 2px 4px #00000014,inset 0 -1px #fff9}.sqd-sound .sqd-plabel{margin:0 2px}.sqd-sound .sqd-seg{flex:1;box-shadow:0 1px #ffffff80}.sqd-sound .sqd-seg button{letter-spacing:.8px;text-transform:uppercase;flex:1;padding:8px 10px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.sqd-sound .sqd-seg button:hover:not(.on){background:color-mix(in srgb, var(--acc) 12%, #efeadd);color:#322}.sqd-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sqd-seg{border:1px solid color-mix(in srgb, var(--acc) 28%, #cdbfa3);border-radius:8px;display:inline-flex;overflow:hidden}.sqd-seg button{border:0;border-right:1px solid color-mix(in srgb, var(--acc) 22%, #cdbfa3);color:#55524a;cursor:pointer;background:#efeadd;padding:7px 13px;font-family:Consolas,ui-monospace,monospace;font-size:12px}.sqd-seg button:last-child{border-right:0}.sqd-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.sqd-hint{color:#55524a;margin:12px 4px 0;font-size:12px;line-height:1.5}.sqd-hint b{color:#2f2d26}@media (max-width:560px){.sqd-device{padding:11px}.sqd-head{gap:9px}.sqd-brand b{font-size:17px}.sqd-panels{flex-direction:column}.sq-grid,.sq-flags{min-width:0}.sq-prow,.sq-frow{gap:6px}.sq-deg,.sq-flabel{flex-basis:30px}.sq-cells{gap:2px}.sq-cell{height:14px}.sqd-sound{gap:6px;padding:6px}.sqd-sound .sqd-seg button{letter-spacing:.2px;padding:8px 3px;font-size:10px}.sqd-controls{justify-content:center;gap:12px}.sqd-knobs{justify-content:center;gap:10px}.sqd-kdiv{display:none}.sqd-switches{justify-content:center}}.stp-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.stp-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.stp-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stp-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.stp-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.stp-seg button:last-child{border-right:0}.stp-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.stp-chip{cursor:pointer;color:#4a3f6e;background:#e2ddf2;border:1px solid #c3bce0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.stp-chip:hover{background:#ece8f8}.stp-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.stp-hint b{color:#55524a}.prg-device{--acc:#5b7fd0;--acc-d:#3f5fa8;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.prg-device *{box-sizing:border-box}.prg-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.prg-screw.tl{top:9px;left:9px}.prg-screw.tr{top:9px;right:9px}.prg-screw.bl{bottom:9px;left:9px}.prg-screw.br{bottom:9px;right:9px}.prg-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.prg-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.prg-brand{flex:1;line-height:1.1}.prg-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.prg-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.prg-slots{gap:12px;display:grid}.prg-slots.cols-2{grid-template-columns:repeat(2,1fr)}.prg-slots.cols-4,.prg-slots.cols-8{grid-template-columns:repeat(4,1fr)}.prg-slot{position:relative}.prg-chord{cursor:pointer;background:linear-gradient(#f2f5fc,#e7ecf7);border:1px solid #c6cfe4;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:92px;padding:14px 8px;transition:border-color .1s,box-shadow .12s,transform 60ms;display:flex;box-shadow:inset 0 1px #ffffffb3}.prg-chord:hover{border-color:var(--acc)}.prg-roman{letter-spacing:.5px;color:#3a4a6e;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:700;line-height:1}.prg-name{color:#7a86a0;font-family:Consolas,ui-monospace,monospace;font-size:12px}.prg-slot.prg-now .prg-chord{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc), 0 0 16px 1px color-mix(in srgb, var(--acc) 45%, transparent);background:linear-gradient(#eaf0fc,#dbe6fb);transform:translateY(-2px)}.prg-slot.prg-now .prg-roman{color:var(--acc-d)}.prg-7{cursor:pointer;color:#8090ac;background:#dbe1ee;border:1px solid #c6cfe4;border-radius:6px;width:24px;height:24px;padding:0;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.prg-7:hover{background:#e6ebf5}.prg-7.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff;border-color:var(--acc-d)}.prg-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;padding:0 4px;display:flex}.prg-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.prg-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.prg-knob input[type=range]{width:74px;accent-color:var(--acc);cursor:ew-resize}.prg-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.prg-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prg-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.prg-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 11px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.prg-seg button:last-child{border-right:0}.prg-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.prg-chip{cursor:pointer;color:#3f5fa8;background:#dde5f4;border:1px solid #bcc8e2;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.prg-chip:hover{background:#e8eef8}.prg-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.prg-hint b{color:#55524a}.eu-device{--acc:#2fa8a0;--acc-d:#1f7a74;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.eu-device *{box-sizing:border-box}.eu-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.eu-screw.tl{top:9px;left:9px}.eu-screw.tr{top:9px;right:9px}.eu-screw.bl{bottom:9px;left:9px}.eu-screw.br{bottom:9px;right:9px}.eu-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.eu-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.eu-brand{flex:1;line-height:1.1}.eu-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.eu-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.eu-board{background:#0000000d;border:1px solid #cdc9bc;border-radius:10px;padding:4px 12px}.eu-track{flex-wrap:wrap;align-items:center;gap:12px;padding:9px 2px;display:flex}.eu-track+.eu-track{border-top:1px solid #d7d3c5}.eu-track.muted{opacity:.48}.eu-tl{flex:0 0 96px;align-items:center;gap:6px;display:flex}.eu-voice{text-align:left;color:var(--acc-d);cursor:pointer;background:#faf6ec;border:1px solid #ddd2bd;border-radius:6px;flex:1;padding:6px 8px;font-family:Consolas,ui-monospace,monospace;font-size:12px;font-weight:700}.eu-voice:hover{border-color:var(--acc)}.eu-mute{cursor:pointer;color:#6e6b5e;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:4px;width:20px;height:24px;padding:0;font-family:Consolas,ui-monospace,monospace;font-size:9px}.eu-mute.on{color:#f2efe4;background:#2f2d26;border-color:#211f1a}.eu-neck{flex:200px;gap:3px;padding:2px 0;display:flex;overflow-x:auto}.eu-cell{background:#d7d3c5;border:1px solid #c3bfb0;border-radius:3px;flex:none;width:15px;height:24px}.eu-cell.one{border-top:3px solid #a29d8c}.eu-cell.on{background:var(--acc);border-color:#0003;box-shadow:inset 0 1px #ffffff4d}.eu-cell.on.one{border-top-color:var(--acc-d)}.eu-cell.eu-now:not(.on){background:#b7b3a6}.eu-cell.on.eu-now{filter:brightness(1.28)saturate(1.1);box-shadow:0 0 10px 1px color-mix(in srgb, var(--acc) 60%, transparent)}.eu-dials{flex:none;gap:7px;display:flex}.eu-dial{background:#faf6ec;border:1px solid #ddd2bd;border-radius:7px;align-items:center;gap:3px;padding:2px 5px;display:inline-flex}.eu-dsym{color:var(--acc-d);text-align:center;width:12px;font-family:Consolas,ui-monospace,monospace;font-size:10px;font-weight:700}.eu-db{cursor:pointer;color:#55524a;background:#ece7d7;border:1px solid #d3c8a8;border-radius:4px;width:18px;height:18px;padding:0;font-size:13px;line-height:1}.eu-db:hover{border-color:var(--acc);background:#f3eee0}.eu-dial b{text-align:center;color:#2f2d26;min-width:16px;font-family:Consolas,ui-monospace,monospace;font-size:12px}.eu-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.eu-knobs{align-items:flex-end;gap:14px;display:flex}.eu-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.eu-knob input[type=range]{width:82px;accent-color:var(--acc);cursor:ew-resize}.eu-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.eu-switches{align-items:center;gap:8px;display:flex}.eu-chip{cursor:pointer;color:#1b6b66;background:#cfe6e3;border:1px solid #a7cfca;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.eu-chip:hover{background:#dcefec}.eu-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.eu-hint b{color:#55524a}.ar-device{--acc:#26b3d9;--acc-d:#1888aa;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.ar-device *{box-sizing:border-box}.ar-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.ar-screw.tl{top:9px;left:9px}.ar-screw.tr{top:9px;right:9px}.ar-screw.bl{bottom:9px;left:9px}.ar-screw.br{bottom:9px;right:9px}.ar-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.ar-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.ar-brand{flex:1;line-height:1.1}.ar-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.ar-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.ar-pads{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.ar-pad{cursor:pointer;background:linear-gradient(#f1f8fb,#e4eff4);border:1px solid #c4dce4;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;display:flex;box-shadow:inset 0 1px #ffffffb3}.ar-pad:hover{border-color:var(--acc)}.ar-pad.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc), 0 0 14px 1px color-mix(in srgb, var(--acc) 40%, transparent);background:linear-gradient(#e4f4fa,#d3ecf6)}.ar-roman{color:#2a5a6e;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700;line-height:1}.ar-pad.on .ar-roman{color:var(--acc-d)}.ar-name{color:#6f8a96;font-family:Consolas,ui-monospace,monospace;font-size:10.5px}.ar-read{background:linear-gradient(#12262e,#0b1920);border:1px solid #24424c;border-radius:10px;align-items:flex-end;gap:3px;height:72px;padding:8px 10px;display:flex;overflow-x:auto}.ar-note{min-width:7px;height:var(--h);background:var(--acc);opacity:.62;border-radius:3px 3px 0 0;flex:1 1 0;transition:opacity 50ms,filter 50ms}.ar-note.ar-now{opacity:1;filter:brightness(1.35)saturate(1.15);box-shadow:0 0 12px 1px color-mix(in srgb, var(--acc) 70%, transparent)}.ar-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.ar-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ar-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.ar-knob input[type=range]{width:74px;accent-color:var(--acc);cursor:ew-resize}.ar-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.ar-switches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ar-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.ar-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;min-width:26px;padding:6px 9px;font-family:Consolas,ui-monospace,monospace;font-size:12px}.ar-seg button:last-child{border-right:0}.ar-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.ar-chip{cursor:pointer;color:#1888aa;background:#d3edf5;border:1px solid #a7d6e4;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.ar-chip:hover{background:#e0f3f9}.ar-chip.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff;border-color:var(--acc-d)}.ar-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.ar-hint b{color:#55524a}.lf-device{--acc:#6bbf59;--acc-d:#4a9a3a;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.lf-device *{box-sizing:border-box}.lf-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.lf-screw.tl{top:9px;left:9px}.lf-screw.tr{top:9px;right:9px}.lf-screw.bl{bottom:9px;left:9px}.lf-screw.br{bottom:9px;right:9px}.lf-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.lf-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.lf-brand{flex:1;line-height:1.1}.lf-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.lf-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.lf-gen{color:color-mix(in srgb, var(--acc-d) 74%, #24170d);background:#eef4ea;border:1px solid #cfe2c7;border-radius:5px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.lf-grid{grid-template-columns:repeat(var(--cols,16), 1fr);background:linear-gradient(#12210f,#0b160a);border:1px solid #2a4423;border-radius:10px;gap:2px;padding:8px;display:grid}.lf-cell{cursor:pointer;touch-action:none;background:#1e3319;border:1px solid #294021;border-radius:2px;height:24px;padding:0;transition:background 70ms,box-shadow 70ms}.lf-cell.beat{background:#26401f}.lf-cell:hover{background:#365a2b}.lf-cell.on{background:var(--acc);box-shadow:inset 0 1px 0 #ffffff40, 0 0 7px 1px color-mix(in srgb, var(--acc) 55%, transparent);border-color:#00000040}.lf-cell.lf-col:not(.on){background:#3f6733}.lf-cell.on.lf-col{filter:brightness(1.3)saturate(1.1);box-shadow:0 0 11px 2px color-mix(in srgb, var(--acc) 65%, transparent)}.lf-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.lf-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.lf-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.lf-knob input[type=range]{width:82px;accent-color:var(--acc);cursor:ew-resize}.lf-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.lf-switches{align-items:center;gap:8px;display:flex}.lf-chip{cursor:pointer;color:#37722b;background:#dcefd4;border:1px solid #b6d8a9;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.lf-chip:hover{background:#e7f5e1}.lf-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.lf-hint b{color:#55524a}.bm-device{--acc:#b83a8f;--acc-hi:#e06ab5;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.bm-device *{box-sizing:border-box}.bm-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.bm-screw.tl{top:9px;left:9px}.bm-screw.tr{top:9px;right:9px}.bm-screw.bl{bottom:9px;left:9px}.bm-screw.br{bottom:9px;right:9px}.bm-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.bm-badge{color:#fff;background:color-mix(in srgb, var(--acc) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.bm-brand{flex:1;line-height:1.1}.bm-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.bm-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.bm-seq{background:linear-gradient(#2a1020,#170812);border:1px solid #43223a;border-radius:10px;padding:10px 12px 12px;overflow-x:auto}.bm-grid{flex-direction:column;gap:3px;min-width:460px;display:flex}.bm-prow{align-items:center;gap:8px;display:flex}.bm-note{text-align:right;color:#8a6f82;-webkit-user-select:none;user-select:none;flex:0 0 30px;font-family:Consolas,ui-monospace,monospace;font-size:8.5px}.bm-prow.root .bm-note{color:var(--acc-hi);font-weight:700}.bm-prow.root .bm-cell{border-color:#5a3450}.bm-cells{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.bm-cell{cursor:pointer;background:#2e2029;border:1px solid #3a2e37;border-radius:3px;height:15px;padding:0;transition:background 60ms,box-shadow 60ms}.bm-cell.beat{background:#372632}.bm-cell:hover{background:#463741}.bm-cell.on{background:var(--acc);box-shadow:0 0 8px 1px color-mix(in srgb, var(--acc) 60%, transparent);border-color:#0000004d}.bm-cell.on.acc{background:var(--acc-hi);box-shadow:0 0 11px 2px color-mix(in srgb, var(--acc-hi) 70%, transparent)}.bm-cell.bm-now{box-shadow:inset 0 0 0 1px #ffffff29}.bm-cell.on.bm-now{filter:brightness(1.3)saturate(1.1)}.bm-flags{flex-direction:column;gap:5px;min-width:460px;margin-top:8px;display:flex}.bm-frow{align-items:center;gap:8px;display:flex}.bm-flabel{text-align:right;letter-spacing:.5px;color:#a07f96;flex:0 0 30px;font-family:Consolas,ui-monospace,monospace;font-size:8px}.bm-flag{cursor:pointer;background:#2e2029;border:1px solid #3a2e37;border-radius:3px;height:11px;padding:0}.bm-flag:hover{background:#463741}.bm-flag.sld.on{background:#3fb0d6;border-color:#2b8fb0;box-shadow:0 0 7px 1px #3fb0d680}.bm-flag.acc.on{background:#e0a33e;border-color:#b8842b;box-shadow:0 0 7px 1px #e0a33e80}.bm-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.bm-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.bm-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.bm-knob input[type=range]{width:78px;accent-color:var(--acc);cursor:ew-resize}.bm-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.bm-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bm-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.bm-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.bm-seg button:last-child{border-right:0}.bm-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.bm-chip{cursor:pointer;color:#8a2c6b;background:#efd6e7;border:1px solid #dcb6cf;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.bm-chip:hover{background:#f6e5f0}.bm-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.bm-hint b{color:#55524a}.wv-device{--acc:#d9b528;--acc-hi:#f0d24a;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.wv-device *{box-sizing:border-box}.wv-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.wv-screw.tl{top:9px;left:9px}.wv-screw.tr{top:9px;right:9px}.wv-screw.bl{bottom:9px;left:9px}.wv-screw.br{bottom:9px;right:9px}.wv-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.wv-badge{color:#2a2410;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.wv-brand{flex:1;line-height:1.1}.wv-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.wv-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.wv-panels{grid-template-columns:1fr 1.25fr;gap:14px;display:grid}.wv-draw,.wv-seq{background:linear-gradient(#221d0c,#141004);border:1px solid #4a4020;border-radius:10px;padding:9px 11px 11px}.wv-label{letter-spacing:1px;text-transform:uppercase;color:#8a7a4a;margin-bottom:7px;font-family:Consolas,ui-monospace,monospace;font-size:8px;display:block}.wv-canvas{touch-action:none;cursor:crosshair;background:#191405;border:1px solid #3a3216;border-radius:6px;width:100%;height:134px;display:block}.wv-axis{stroke:#4a4020;stroke-width:1px}.wv-trace{fill:none;stroke:var(--acc);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--acc) 50%, transparent))}.wv-wavebtns{gap:6px;margin-top:8px;display:flex}.wv-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.wv-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.wv-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.wv-knob input[type=range]{width:74px;accent-color:var(--acc);cursor:ew-resize}.wv-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.wv-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wv-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.wv-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.wv-seg button:last-child{border-right:0}.wv-seg button.on{background:var(--acc);color:#2a2410}.wv-chip{cursor:pointer;color:#7a6410;background:#efe6c2;border:1px solid #dccf9a;border-radius:6px;padding:6px 11px;font-family:inherit;font-size:11px}.wv-chip:hover{background:#f6efd6}.wv-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.wv-hint b{color:#55524a}@media (max-width:640px){.wv-panels{grid-template-columns:1fr}}.pd-device{--acc:#9b8cf0;--acc-hi:#c2b8ff;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.pd-device *{box-sizing:border-box}.pd-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.pd-screw.tl{top:9px;left:9px}.pd-screw.tr{top:9px;right:9px}.pd-screw.bl{bottom:9px;left:9px}.pd-screw.br{bottom:9px;right:9px}.pd-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.pd-badge{color:#201a34;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.pd-brand{flex:1;line-height:1.1}.pd-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.pd-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.pd-stage{background:linear-gradient(#1d1630,#130e22);border:1px solid #362a55;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.pd-card{background:linear-gradient(#2c2346,#241c3a);border:1px solid #43356a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;transition:border-color .15s,box-shadow .15s,opacity .2s;display:flex;position:relative;overflow:hidden}.pd-card.off{opacity:.38}.pd-card.pd-live{border-color:var(--acc);box-shadow:0 0 16px 1px color-mix(in srgb, var(--acc) 45%, transparent)}.pd-roman{letter-spacing:1px;color:var(--acc-hi);z-index:1;font-family:Consolas,ui-monospace,monospace;font-size:10px}.pd-name{color:#f1eeff;cursor:pointer;z-index:1;background:0 0;border:0;padding:0;font-family:inherit;font-size:22px;font-weight:700;line-height:1}.pd-name:hover{color:var(--acc-hi)}.pd-steppers{z-index:1;gap:6px;display:flex}.pd-steppers button{color:#d7ccff;cursor:pointer;background:#362a55;border:1px solid #4c3c78;border-radius:6px;width:26px;height:22px;font-family:inherit;font-size:14px;line-height:1}.pd-steppers button:hover{background:#45376b}.pd-glow{background:radial-gradient(ellipse at 50% 120%, var(--acc), transparent 70%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.pd-card.pd-live .pd-glow{opacity:.3}.pd-rows{margin-top:12px}.pd-segrow{flex-wrap:wrap;align-items:center;gap:10px;padding:0 4px;display:flex}.pd-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.pd-knobs{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.pd-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.pd-knob input[type=range]{width:70px;accent-color:var(--acc);cursor:ew-resize}.pd-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.pd-switches{align-items:center;gap:10px;display:flex}.pd-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.pd-seg button{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.pd-seg button:last-child{border-right:0}.pd-seg button.on{background:var(--acc);color:#201a34}.pd-chip{cursor:pointer;color:#5a49a8;background:#e9e4fb;border:1px solid #d3c9f4;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.pd-chip:hover{background:#f1edff}.pd-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.pd-hint b{color:#55524a}@media (max-width:560px){.pd-stage{grid-template-columns:repeat(2,1fr)}}.dx-device{--acc:#c14fd6;--acc-hi:#e07df0;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.dx-device *{box-sizing:border-box}.dx-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.dx-screw.tl{top:9px;left:9px}.dx-screw.tr{top:9px;right:9px}.dx-screw.bl{bottom:9px;left:9px}.dx-screw.br{bottom:9px;right:9px}.dx-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.dx-badge{color:#2a1030;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.dx-brand{line-height:1.1}.dx-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.dx-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.dx-glyph{flex:1;max-width:92px;height:24px}.dx-op{fill:none}.dx-glyph .dx-mod{stroke:var(--acc);stroke-width:2px}.dx-glyph .dx-car{fill:var(--acc)}.dx-glyph .dx-wire{stroke:var(--acc);stroke-width:2px;fill:none}.dx-glyph .dx-oplbl{fill:#5a4866;text-anchor:middle;font:700 8px Consolas,monospace}.dx-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:0 4px;display:flex}.dx-plabel{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px;font-family:Consolas,ui-monospace,monospace;font-size:9px}.dx-chip{cursor:pointer;color:#8a3aa0;background:#f0e2f6;border:1px solid #e0c9ea;border-radius:6px;padding:6px 11px;font-family:inherit;font-size:11px}.dx-chip:hover{background:#f7eefb}.dx-chip.alt{color:#6a6456;background:#ece7db;border-color:#d8d2c4}.dx-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.dx-knobs{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.dx-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.dx-knob input[type=range]{width:70px;accent-color:var(--acc);cursor:ew-resize}.dx-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.dx-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dx-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.dx-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.dx-seg button:last-child{border-right:0}.dx-seg button.on{background:var(--acc);color:#2a1030}.dx-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.dx-hint b{color:#55524a}.br-device{--acc:#b07a3c;--acc-hi:#d4a460;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.br-device *{box-sizing:border-box}.br-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.br-screw.tl{top:9px;left:9px}.br-screw.tr{top:9px;right:9px}.br-screw.bl{bottom:9px;left:9px}.br-screw.br{bottom:9px;right:9px}.br-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.br-badge{color:#2c1c08;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.br-brand{flex:1;line-height:1.1}.br-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.br-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.br-materials{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:0 4px;display:flex}.br-mlabel{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px;font-family:Consolas,ui-monospace,monospace;font-size:9px}.br-chip{cursor:pointer;color:#6a6456;background:#ece7db;border:1px solid #d8d2c4;border-radius:6px;padding:6px 11px;font-family:inherit;font-size:11px}.br-chip:hover{background:#f3efe4}.br-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.br-knobs{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.br-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.br-knob input[type=range]{width:70px;accent-color:var(--acc);cursor:ew-resize}.br-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.br-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.br-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.br-seg button{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.br-seg button:last-child{border-right:0}.br-seg button.on{background:var(--acc);color:#2c1c08}.br-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.br-hint b{color:#55524a}.ko-device{--acc:#3cbf7a;--acc-hi:#6fe0a4;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.ko-device *{box-sizing:border-box}.ko-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.ko-screw.tl{top:9px;left:9px}.ko-screw.tr{top:9px;right:9px}.ko-screw.bl{bottom:9px;left:9px}.ko-screw.br{bottom:9px;right:9px}.ko-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.ko-badge{color:#08301e;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.ko-brand{flex:1;line-height:1.1}.ko-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.ko-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.ko-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:0 4px;display:flex}.ko-plabel{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px;font-family:Consolas,ui-monospace,monospace;font-size:9px}.ko-chip{cursor:pointer;color:#2f8a5c;background:#dff5e9;border:1px solid #c3e8d3;border-radius:6px;padding:6px 11px;font-family:inherit;font-size:11px}.ko-chip:hover{background:#ecfaf2}.ko-chip.alt{color:#6a6456;background:#ece7db;border-color:#d8d2c4}.ko-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.ko-knobs{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.ko-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.ko-knob input[type=range]{width:70px;accent-color:var(--acc);cursor:ew-resize}.ko-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.ko-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ko-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.ko-seg button{cursor:pointer;color:#55524a;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.ko-seg button:last-child{border-right:0}.ko-seg button.on{background:var(--acc);color:#08301e}.ko-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.ko-hint b{color:#55524a}.or-device{--acc:#8546c9;--acc-hi:#b07fe8;box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(880px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.or-device *{box-sizing:border-box}.or-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.or-screw.tl{top:9px;left:9px}.or-screw.tr{top:9px;right:9px}.or-screw.bl{bottom:9px;left:9px}.or-screw.br{bottom:9px;right:9px}.or-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.or-badge{color:#f2ecfa;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.or-brand{flex:1;line-height:1.1}.or-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.or-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.or-top{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.or-drawbars{background:linear-gradient(#241636,#17102a);border:1px solid #46306a;border-radius:10px;flex:auto;justify-content:space-between;gap:6px;min-width:280px;padding:12px 10px 8px;display:flex}.or-bar{flex-direction:column;align-items:center;gap:6px;display:flex}.or-bar input[type=range]{writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;width:22px;height:96px}.or-bar.sub input{accent-color:#a06a3a}.or-bar.found input{accent-color:var(--acc-hi)}.or-bar.mut input{accent-color:#6a4a8f}.or-foot{color:#b39fd0;white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:8px}.or-chord{background:#efeaf7;border:1px solid #d8cce9;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:150px;padding:10px;display:flex}.or-clabel{letter-spacing:1px;text-transform:uppercase;color:#6e6280;font-family:Consolas,ui-monospace,monospace;font-size:8px}.or-cname{color:#3a2d52;font-size:30px;font-weight:700;line-height:1}.or-croman{color:var(--acc);font-family:Consolas,ui-monospace,monospace;font-size:12px}.or-csteppers{gap:6px;margin-top:2px;display:flex}.or-csteppers button{color:#5a4880;cursor:pointer;background:#fff;border:1px solid #c9bce0;border-radius:6px;width:30px;height:24px;font-family:inherit;font-size:15px}.or-csteppers button:hover{background:#f3eefb}.or-7th{color:#6a4a8f;cursor:pointer;background:#fff;border:1px solid #c9bce0;border-radius:6px;padding:4px 12px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.or-7th.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff;border-color:#6a35a5}.or-regs{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:0 4px;display:flex}.or-rlabel,.or-slabel{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px;font-family:Consolas,ui-monospace,monospace;font-size:9px}.or-chip{cursor:pointer;color:#6a3aa0;background:#ede5f8;border:1px solid #d6c9ec;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.or-chip:hover{background:#f4eefc}.or-seq{background:linear-gradient(#1c1230,#120a22);border:1px solid #3f2a5e;border-radius:10px;grid-template-columns:auto minmax(429px,1fr);align-items:center;gap:0 8px;margin-top:12px;padding:9px 11px;display:grid;overflow-x:auto}.or-seq .or-slabel{grid-row:1/span 2}.or-seq .or-cells{grid-column:2;grid-template-columns:repeat(16,minmax(24px,1fr));gap:3px;display:grid}.or-cell{cursor:pointer;background:#2e2044;border:1px solid #43305a;border-radius:3px;height:24px;padding:0}.or-cell.beat{background:#382650}.or-cell:hover{background:#463360}.or-cell.on{background:var(--acc);box-shadow:0 0 8px 1px color-mix(in srgb, var(--acc) 55%, transparent);border-color:#0000004d}.or-cell.on.acc{background:var(--acc-hi)}.or-cell.or-now{box-shadow:inset 0 0 0 1px #ffffff38}.or-cell.on.or-now{filter:brightness(1.25)saturate(1.1)}.or-cells.accents{margin-top:4px}.or-seq .or-cells.accents{grid-column:2}.or-flag{cursor:pointer;background:0 0;border:0;height:24px;padding:0;position:relative}.or-flag:before{content:"";background:#2e2044;border:1px solid #43305a;border-radius:2px;position:absolute;inset:7px 0}.or-flag.on:before{background:#c98bf0;border-color:#9a5ec8}.or-flag:focus-visible{outline:2px solid var(--acc-hi);outline-offset:1px}.or-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.or-knobs{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.or-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.or-knob input[type=range]{width:70px;accent-color:var(--acc);cursor:ew-resize}.or-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.or-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.or-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.or-seg button{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:0;border-right:1px solid #c3bfb0;padding:6px 10px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.or-seg button:last-child{border-right:0}.or-seg button.on{background:color-mix(in srgb, var(--acc) 63%, #24170d);color:#fff}.or-hint{color:#6e6b5e;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.or-hint b{color:#55524a}@media (max-width:620px){.or-chord{width:100%}}.dg-hint{color:#55524a;text-align:center;margin:16px 0 0;font-size:12.5px;line-height:1.7}.dg-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:620px){.dg-device{padding:10px}.dg-grid{gap:5px;padding:8px 8px 10px}.dg-beats,.dg-row{gap:5px}.dg-beats>span{flex-basis:52px}.dg-lane{flex-basis:30px;font-size:0}.dg-lane b{font-size:10px}.dg-cells,.dg-beatcells{gap:3px}.dg-cell{border-radius:4px;height:26px}.dg-knobs{justify-content:space-between;gap:10px;width:100%}.dg-knob input[type=range]{width:64px}}.th-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.th-device *{box-sizing:border-box}.th-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.th-screw.tl{top:9px;left:9px}.th-screw.tr{top:9px;right:9px}.th-screw.bl{bottom:9px;left:9px}.th-screw.br{bottom:9px;right:9px}.th-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.th-badge{color:#fff;background:color-mix(in srgb, var(--red) 63%, #24170d);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.th-brand{flex:1;line-height:1.1}.th-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.th-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.th-readout{letter-spacing:.5px;color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:96px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.th-led{background:var(--red);width:9px;height:9px;box-shadow:0 0 8px var(--red);opacity:.3;border-radius:50%}.th-panel{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 120% at 50% 15%,#2b303a,#14161c);border-radius:10px;width:100%;height:clamp(210px,42vw,306px);position:relative;overflow:hidden;box-shadow:inset 0 4px 16px #0009,inset 0 0 0 1px #00000080}.th-panel.mouse{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px),radial-gradient(120% 120% at 50% 15%,#2b303a,#14161c);background-size:34px 34px,34px 34px,100% 100%}.th-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;transform:scaleX(-1)}.th-panel.live .th-video{opacity:1}.th-proc{display:none}.th-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.th-axis{letter-spacing:1.5px;color:#ffffff6b;pointer-events:none;text-transform:uppercase;justify-content:space-between;font-family:Consolas,ui-monospace,monospace;font-size:9px;display:flex;position:absolute}.th-axis-x{bottom:8px;left:12px;right:12px}.th-axis-y{flex-direction:column;align-items:flex-start;top:12px;bottom:22px;left:9px}.th-cross{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:50%}.th-cross i{border:2px solid var(--red);border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 16px 3px #d8402fb3,inset 0 0 8px #d8402f73}.th-cross i:after{content:"";background:var(--red);width:5px;height:5px;box-shadow:0 0 8px var(--red);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.th-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.th-status p{letter-spacing:1.5px;color:#cbc7bb;text-transform:uppercase;margin:0;font-family:Consolas,ui-monospace,monospace;font-size:11.5px}.th-start{cursor:pointer;letter-spacing:1.5px;color:#fff;background:color-mix(in srgb, var(--red) 63%, #24170d);border:1px solid #b8331f;border-radius:8px;padding:11px 26px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 2px #a5471f,0 0 22px #d8402f66}.th-start:hover{background:#e24b39}.th-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;padding:0 4px;display:flex}.th-left{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.th-power{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-self:stretch;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:700}.th-power.on{background:var(--red);border-color:#b8331f}.th-group{flex-direction:column;gap:6px;display:flex}.th-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.th-chips{flex-wrap:wrap;gap:6px;display:flex}.th-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.th-chip:hover{background:#e6e2d4}.th-chip.on{color:#fff;background:#4a6f96;border-color:#3a5878}.th-knobs{align-items:flex-end;gap:14px;display:flex}.th-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.th-knob input[type=range]{width:74px;accent-color:var(--red);cursor:ew-resize}.th-knob span{letter-spacing:1px;color:var(--ink-soft);font-size:9px}.th-hint{color:#55524a;text-align:center;margin:16px 0 0;font-size:12.5px;line-height:1.7}.th-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}.th-privacy{color:#6e6b5e;text-align:center;margin:8px 0 0;font-size:11px}@media (max-width:560px){.th-device{padding:10px}.th-brand b{font-size:17px}.th-readout{min-width:78px;padding:5px 9px;font-size:13px}.th-controls{gap:12px}.th-left{gap:12px;width:100%}.th-knobs{gap:10px}.th-knob input[type=range]{width:62px}}.orb-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.orb-device *{box-sizing:border-box}.orb-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.orb-screw.tl{top:9px;left:9px}.orb-screw.tr{top:9px;right:9px}.orb-screw.bl{bottom:9px;left:9px}.orb-screw.br{bottom:9px;right:9px}.orb-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.orb-badge{color:#fff;letter-spacing:.5px;background:#966c1a;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.orb-brand{flex:1;line-height:1.1}.orb-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.orb-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.orb-readout{letter-spacing:.5px;color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:84px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.orb-led{opacity:.3;background:#e8c26a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #e8c26a}.orb-display{background:radial-gradient(120% 120% at 50% 30%,#23212b,#121016);border-radius:10px;width:100%;height:clamp(280px,52vw,430px);position:relative;overflow:hidden;box-shadow:inset 0 4px 16px #0009,inset 0 0 0 1px #00000080}.orb-canvas{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.orb-hint-in{letter-spacing:2px;text-transform:uppercase;color:#ffffff47;pointer-events:none;font-family:Consolas,ui-monospace,monospace;font-size:10px;position:absolute;top:9px;left:12px}.orb-editor{background:#0000000d;border:1px solid #cdc9bc;border-radius:10px;align-items:stretch;gap:6px;margin-top:12px;padding:10px;display:flex;overflow-x:auto}.orb-editor-lbl{letter-spacing:1.5px;color:#6e6b5e;flex:none;align-self:center;margin-right:4px;font-size:9px;line-height:1.5}.orb-col{flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:40px;display:flex}.orb-col.off{opacity:.45}.orb-step{cursor:pointer;color:#6e6b5e;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:4px;width:100%;height:15px;padding:0;font-size:7px;line-height:1}.orb-step:hover{background:#e6e2d4}.orb-note{color:#966c1a;letter-spacing:.3px;min-height:24px;padding:1px 0;font-family:Consolas,ui-monospace,monospace;font-size:12px;font-weight:700}.orb-laps{cursor:pointer;color:#55524a;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:4px;width:100%;min-height:24px;margin-top:2px;padding:2px 0;font-family:Consolas,ui-monospace,monospace;font-size:10px;font-weight:700}.orb-laps:hover{background:#e6e2d4}.orb-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;padding:0 4px;display:flex}.orb-left{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.orb-power{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-self:stretch;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:700}.orb-power.on{background:#966c1a;border-color:#8f6414}.orb-group{flex-direction:column;gap:6px;display:flex}.orb-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.orb-chips{flex-wrap:wrap;gap:6px;display:flex}.orb-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.orb-chip:hover{background:#e6e2d4}.orb-chip.alt:hover{background:#dcebe4}.orb-knobs{align-items:flex-end;gap:14px;display:flex}.orb-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.orb-knob input[type=range]{accent-color:#966c1a;cursor:ew-resize;width:90px}.orb-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.orb-hint{color:#55524a;text-align:center;margin:16px 0 0;font-size:12.5px;line-height:1.7}.orb-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:560px){.orb-device{padding:10px}.orb-brand b{font-size:17px}.orb-readout{min-width:70px;padding:5px 9px;font-size:13px}.orb-display{height:clamp(240px,78vw,340px)}.orb-controls{gap:12px}.orb-left{gap:12px;width:100%}.orb-knobs{justify-content:space-between;gap:10px;width:100%}.orb-knob input[type=range]{width:70px}}.pk-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.pk-device *{box-sizing:border-box}.pk-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.pk-screw.tl{top:9px;left:9px}.pk-screw.tr{top:9px;right:9px}.pk-screw.bl{bottom:9px;left:9px}.pk-screw.br{bottom:9px;right:9px}.pk-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.pk-badge{color:#fff;letter-spacing:.5px;background:#c25a2b;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.pk-brand{flex:1;line-height:1.1}.pk-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.pk-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.pk-readout{color:#402a1a;background:linear-gradient(#ecd9c4,#e0c4a8);border:1px solid #c4a284;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:92px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.pk-led{opacity:.3;background:#c25a2b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #c25a2b}.pk-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:12px;padding:0 4px;display:flex}.pk-group{flex-direction:column;gap:6px;display:flex}.pk-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.pk-chips{flex-wrap:wrap;gap:6px;display:flex}.pk-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.pk-chip:hover{background:#e6e2d4}.pk-chip.on{color:#fff;background:#c25a2b;border-color:#a5471f}.pk-rec-group{align-items:flex-end;gap:8px;display:flex}.pk-rec{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:7px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.pk-rec i{background:#d8402f;border-radius:50%;width:8px;height:8px}.pk-rec.on{background:#d8402f;border-color:#b8331f}.pk-rec.on i{background:#fff;animation:1s step-end infinite pkrec}@keyframes pkrec{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.pk-rec.on i{animation:none}}.pk-clear{cursor:pointer;color:#55524a;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:7px;padding:7px 11px;font-family:inherit;font-size:11px}.pk-clear:disabled{opacity:.45;cursor:default}.pk-knob{flex-direction:column;align-items:center;gap:5px;margin-left:auto;display:flex}.pk-knob input[type=range]{accent-color:#c25a2b;cursor:ew-resize;width:78px}.pk-knob span{letter-spacing:1px;color:var(--ink-soft);font-size:9px}.pk-keys{background:#b7b3a6;border-radius:8px;height:132px;margin-top:6px;padding:7px;position:relative;box-shadow:inset 0 3px 8px #00000057}.pk-wrow{gap:3px;height:100%;display:flex}.pk-wkey{background:var(--key-w);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 5px 5px;flex:1;box-shadow:0 2px #cbc8bc,inset 0 -8px 10px #0000000d}.pk-wkey.down{background:linear-gradient(#f4e6d8,#eacfba);transform:translateY(1px);box-shadow:inset 0 5px 9px #96502838}.pk-bkey{background:var(--key-b);cursor:pointer;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 4px 4px;width:4%;height:60%;position:absolute;top:7px;box-shadow:0 3px #000,0 4px 7px #0006}.pk-bkey.down{background:linear-gradient(#a0582a,#60301c);transform:translateY(1px);box-shadow:0 1px #000}.pk-prog{transform-origin:0;opacity:.8;pointer-events:none;z-index:4;background:#c25a2b;border-radius:2px;width:calc(100% - 14px);height:3px;position:absolute;bottom:3px;left:7px;transform:scaleX(0)}.pk-hint{color:#55524a;text-align:center;margin:14px 0 0;font-size:12.5px;line-height:1.7}.pk-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:560px){.pk-device{padding:10px}.pk-brand b{font-size:17px}.pk-readout{min-width:76px;padding:5px 9px;font-size:12px}.pk-controls{gap:12px}.pk-knob input[type=range]{width:62px}.pk-keys{height:108px}}.tk-row{background:#0000000d;border:1px solid #cdc9bc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.tk-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.tk-chips{gap:6px;display:flex}.tk-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:11px}.tk-chip:hover{background:#e6e2d4}.tk-chip.on{color:#fff;background:#2f2d26;border-color:#211f1a}.tk-rec{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.tk-rec i{background:#d8402f;border-radius:50%;width:8px;height:8px}.tk-rec.on{background:#d8402f;border-color:#b8331f}.tk-rec.on i{background:#fff;animation:1s step-end infinite tkrec}@keyframes tkrec{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.tk-rec.on i{animation:none}}.tk-clear{cursor:pointer;color:#55524a;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11px}.tk-clear:disabled{opacity:.45;cursor:default}.tk-status{color:#6e6b5e;font-size:11px;font-style:italic}.gr-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.gr-device *{box-sizing:border-box}.gr-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.gr-screw.tl{top:9px;left:9px}.gr-screw.tr{top:9px;right:9px}.gr-screw.bl{bottom:9px;left:9px}.gr-screw.br{bottom:9px;right:9px}.gr-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.gr-badge{color:#fff;letter-spacing:.5px;background:#5c6f7d;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.gr-brand{flex:1;line-height:1.1}.gr-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.gr-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.gr-readout{color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:84px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.gr-led{opacity:.3;background:#8fb0c9;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #8fb0c9}.gr-wave{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 120% at 50% 20%,#26303a,#141a20);border-radius:10px;height:140px;position:relative;overflow:hidden;box-shadow:inset 0 4px 14px #0000008c,inset 0 0 0 1px #00000080}.gr-canvas{width:100%;height:100%;display:block}.gr-cursor{pointer-events:none;background:#8fb0c938;border-left:2px solid #8fb0c9;border-right:2px solid #8fb0c966;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 14px #8fb0c980}.gr-hint-in{letter-spacing:2px;text-transform:uppercase;color:#ffffff47;pointer-events:none;font-family:Consolas,ui-monospace,monospace;font-size:10px;position:absolute;top:8px;left:12px}.gr-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.gr-group{flex-direction:column;gap:6px;display:flex}.gr-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.gr-chips{flex-wrap:wrap;gap:6px;display:flex}.gr-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.gr-chip:hover{background:#e6e2d4}.gr-chip.on{color:#fff;background:#5c6f7d;border-color:#46565f}.gr-chip:disabled{opacity:.6;cursor:default}.gr-note{color:#6e6b5e;font-size:10px;font-style:italic}.gr-knobs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.gr-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.gr-knob input[type=range]{accent-color:#5c6f7d;cursor:ew-resize;width:76px}.gr-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.gr-hint{color:#55524a;text-align:center;margin:14px 0 0;font-size:12.5px;line-height:1.7}.gr-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:560px){.gr-device{padding:10px}.gr-brand b{font-size:17px}.gr-wave{height:110px}.gr-knob input[type=range]{width:60px}}.vx .gr-badge{background:#b84d84}.vx .gr-chip.on{background:#b84d84;border-color:#a03e72}.vx .gr-knob input[type=range]{accent-color:#c0508a}.vx .gr-led{background:#e3a0c8;box-shadow:0 0 8px #e3a0c8}.vx .gr-readout{color:#3c2230;background:linear-gradient(#e8c6da,#d6a5c4);border-color:#bd8ca8}.vx .gr-cursor{background:#e3a0c833;border-left-color:#e3a0c8}.vx-pads{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:0 4px;display:flex}.vx-pad{color:#5a3348;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#f3e2ec,#e3c6d7);border:1px solid #c9a6bc;border-radius:9px;flex:none;min-width:52px;padding:12px 14px;font-family:Consolas,ui-monospace,monospace;font-size:13px;font-weight:700;transition:transform 80ms;box-shadow:0 2px #b98aa6,inset 0 1px #fff9}.vx-pad:hover{background:linear-gradient(#f7ebf2,#ead2e0)}.vx-pad:active{transform:translateY(2px);box-shadow:inset 0 1px #b98aa6}.st-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.st-device *{box-sizing:border-box}.st-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.st-screw.tl{top:9px;left:9px}.st-screw.tr{top:9px;right:9px}.st-screw.bl{bottom:9px;left:9px}.st-screw.br{bottom:9px;right:9px}.st-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.st-badge{color:#fff;letter-spacing:.5px;background:#b84a63;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.st-brand{flex:1;line-height:1.1}.st-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.st-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.st-readout{color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:84px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.st-led{opacity:.3;background:#b84a63;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #b84a63}.st-main{gap:12px;display:flex}.st-chordcol{flex-direction:column;flex:0 0 92px;gap:5px;display:flex}.st-chord{cursor:pointer;color:#55524a;text-align:left;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.st-chord i{color:#5e5b50;min-width:20px;font-family:Consolas,ui-monospace,monospace;font-size:9px;font-style:normal}.st-chord.on{color:#fff;background:#b84a63;border-color:#96394e}.st-chord.on i{color:#ffffffb3}.st-plate{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 120% at 50% 20%,#322028,#1c1216);border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:12px 14px 16px;display:flex;position:relative;box-shadow:inset 0 4px 14px #0000008c,inset 0 0 0 1px #00000080}.st-string{cursor:pointer;flex:1;align-items:center;min-height:24px;display:flex}.st-string i{background:linear-gradient(90deg,#ffffff24,#fff6,#ffffff24);border-radius:1px;width:100%;height:2px;transition:box-shadow .18s,background .18s;display:block}.st-string.hit i{background:linear-gradient(90deg,#f0aabe80,#f0aabe,#f0aabe80);box-shadow:0 0 12px 2px #f08caab3}.st-prog{transform-origin:0;opacity:.8;pointer-events:none;background:#b84a63;border-radius:2px;width:calc(100% - 28px);height:3px;position:absolute;bottom:6px;left:14px;transform:scaleX(0)}.st-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.st-group{flex-direction:column;gap:6px;display:flex}.st-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.st-chips{flex-wrap:wrap;gap:6px;display:flex}.st-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.st-chip:hover{background:#e6e2d4}.st-chip.on{color:#fff;background:#b84a63;border-color:#96394e}.st-sel{color:#55524a;cursor:pointer;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 8px;font-family:Consolas,ui-monospace,monospace;font-size:12px;font-weight:700}.st-rec-group{align-items:center;gap:8px;display:flex}.st-rec{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:7px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.st-rec i{background:#d8402f;border-radius:50%;width:8px;height:8px}.st-rec.on{background:#d8402f;border-color:#b8331f}.st-rec.on i{background:#fff;animation:1s step-end infinite strec}@keyframes strec{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.st-rec.on i{animation:none}}.st-clear{cursor:pointer;color:#55524a;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:7px;padding:7px 11px;font-family:inherit;font-size:11px}.st-clear:disabled{opacity:.45;cursor:default}.st-count{color:#6e6b5e;font-size:11px;font-style:italic}.st-knob{flex-direction:column;align-items:center;gap:5px;margin-left:auto;display:flex}.st-knob input[type=range]{accent-color:#b84a63;cursor:ew-resize;width:78px}.st-knob span{letter-spacing:1px;color:var(--ink-soft);font-size:9px}.st-hint{color:#55524a;text-align:center;margin:14px 0 0;font-size:12.5px;line-height:1.7}.st-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:560px){.st-device{padding:10px}.st-brand b{font-size:17px}.st-main{flex-direction:column}.st-chordcol{flex-flow:wrap;flex-basis:auto}.st-chord{flex:auto;padding:6px 8px;font-size:12px}.st-plate{min-height:200px}}.sn-device{box-sizing:border-box;background:linear-gradient(160deg, var(--body-1), var(--body-2));border:1px solid var(--body-edge);border-radius:16px;width:min(760px,96vw);padding:18px;position:relative;box-shadow:0 18px 44px #00000047,inset 0 2px #fbfaf5,inset 0 -3px 6px #00000014}.sn-device *{box-sizing:border-box}.sn-screw{background:radial-gradient(circle at 40% 35%,#d7d3c6,#a8a498);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 1px #ffffffb3}.sn-screw.tl{top:9px;left:9px}.sn-screw.tr{top:9px;right:9px}.sn-screw.bl{bottom:9px;left:9px}.sn-screw.br{bottom:9px;right:9px}.sn-head{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;display:flex}.sn-badge{color:#fff;letter-spacing:.5px;background:#7d5a3c;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.sn-brand{flex:1;line-height:1.1}.sn-brand b{letter-spacing:.3px;color:#2f2d26;font-size:19px;font-weight:700}.sn-brand small{letter-spacing:2px;text-transform:uppercase;color:#6e6b5e;margin-top:2px;font-size:9px;display:block}.sn-readout{color:#223028;background:linear-gradient(#c1d8c8,#a6c6b1);border:1px solid #8fae9b;border-radius:6px;justify-content:flex-end;align-items:center;gap:9px;min-width:84px;padding:6px 12px;font-family:Consolas,ui-monospace,monospace;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 2px 5px #0000002e}.sn-led{opacity:.3;background:#d8a45c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #d8a45c}.sn-wave{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 120% at 50% 20%,#2e2a22,#181510);border-radius:10px;height:120px;position:relative;overflow:hidden;box-shadow:inset 0 4px 14px #0000008c,inset 0 0 0 1px #00000080}.sn-wave.over{outline-offset:-6px;outline:2px dashed #d8a45c}.sn-canvas{width:100%;height:100%;display:block}.sn-hint-in{letter-spacing:2px;text-transform:uppercase;color:#ffffff47;pointer-events:none;font-family:Consolas,ui-monospace,monospace;font-size:10px;position:absolute;top:8px;left:12px}.sn-grid{grid-template-columns:repeat(16,1fr);gap:4px;margin-top:14px;display:grid}.sn-step{cursor:pointer;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:7px;justify-content:center;align-items:flex-end;height:58px;padding:0 0 4px;transition:background 80ms,border-color 80ms;display:flex;position:relative}.sn-step.now{box-shadow:inset 0 0 0 2px #7d5a3c,0 0 10px #d8a45c8c}.sn-step .sn-pip{pointer-events:none;background:#b9b3a2;border-radius:3px;height:5px;position:absolute;left:15%;right:15%;transform:translateY(50%)}.sn-step.on .sn-pip{background:#7d5a3c;box-shadow:0 0 6px #7d5a3c99}.sn-step small{color:#55524a;pointer-events:none;font-family:Consolas,ui-monospace,monospace;font-size:9px}.sn-keys{gap:4px;margin-top:12px;display:flex}.sn-key{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;color:#2f2d26;background:#fbfaf5;border:1px solid #c3bfb0;border-radius:7px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:52px;padding-bottom:5px;font-family:Consolas,ui-monospace,monospace;transition:transform 50ms;display:flex}.sn-key.sharp{color:#e8e2d0;background:#33302a;border-color:#1d1b16}.sn-key:active{transform:translateY(2px)}.sn-key.sel{box-shadow:inset 0 0 0 2px #7d5a3c}.sn-key span{font-size:12px;font-weight:700}.sn-key small{opacity:.55;font-size:9px}.sn-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.sn-group{flex-direction:column;gap:6px;display:flex}.sn-lbl{letter-spacing:2px;color:#6e6b5e;font-size:9px}.sn-chips{flex-wrap:wrap;gap:6px;display:flex}.sn-chip{cursor:pointer;color:#55524a;text-transform:lowercase;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.sn-chip.on{color:#fff;background:#7d5a3c;border-color:#5f4429}.sn-chip:disabled{opacity:.6;cursor:default}.sn-chip.play{text-transform:none}.sn-note{color:#6e6b5e;font-size:10px;font-style:italic}.sn-knobs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sn-hint{color:#55524a;text-align:center;margin:14px 0 0;font-size:12.5px;line-height:1.7}.sn-hint b{color:#2f2d26;font-family:Consolas,ui-monospace,monospace;font-weight:600}@media (max-width:640px){.sn-grid{grid-template-columns:repeat(8,1fr)}.sn-keys{flex-wrap:wrap}.sn-key{flex:13%}}@media (max-width:560px){.dg-device{padding:10px}.dg-head{gap:9px}.dg-brand b{font-size:17px}.dg-grid{gap:8px;padding:8px 8px 10px}.dg-row{flex-wrap:wrap;gap:4px 8px}.dg-lane{flex-direction:row;flex:auto;align-items:baseline;gap:6px}.dg-ms{flex-direction:row;flex:none;gap:4px}.dg-msbtn{width:28px;height:22px;font-size:9px}.dg-cells{flex:0 0 100%;gap:3px}.dg-cell{border-radius:4px;height:26px}.dg-beats{display:none}.dg-controls{justify-content:center;gap:12px}.dg-knobs{justify-content:center}.ac-device,.prg-device,.eu-device,.ar-device,.lf-device,.bm-device,.dx-device,.br-device,.ko-device,.vx-device,.stp-device{padding:11px}.ac-head,.prg-head,.eu-head,.ar-head,.lf-head,.bm-head,.dx-head,.br-head,.ko-head,.vx-head,.stp-head{gap:9px}.ac-brand b,.prg-brand b,.eu-brand b,.ar-brand b,.lf-brand b,.bm-brand b,.dx-brand b,.br-brand b,.ko-brand b,.vx-brand b,.stp-brand b{font-size:17px}.ac-controls,.prg-controls,.eu-controls,.ar-controls,.lf-controls,.bm-controls,.dx-controls,.br-controls,.ko-controls,.vx-controls,.stp-controls{justify-content:center;gap:12px}.ac-knobs,.prg-knobs,.eu-knobs,.ar-knobs,.lf-knobs,.bm-knobs,.dx-knobs,.br-knobs,.ko-knobs,.vx-knobs,.stp-knobs{flex-wrap:wrap;justify-content:center;gap:10px}.octwrap button{width:26px;height:24px}.startstop{height:28px}}.sqd-device--bass{--ctl-label:#b9b0a4;--ctl-lcd-ink:#ffab73;--ctl-lcd-face:#171313;--ctl-lcd-edge:#070606;--ctl-tick:#756e68;--ctl-knob-face:radial-gradient(circle at 34% 28%, #4b4b4c, #242526 55%, #0e0f10);--ctl-knob-edge:#090a0a;--ctl-knob-shadow:0 3px 5px #0009, inset 0 1px 1px #ffffff30, inset 0 -3px 5px #00000073;background:linear-gradient(170deg,#343536,#1d1e20 52%,#141516);border-color:#111213;border-radius:5px 5px 24px 24px;padding:24px 22px 19px;overflow:hidden;box-shadow:0 22px 42px #0000006b,inset 0 1px #ffffff1f,inset 0 -5px 10px #0000006b}.sqd-device--bass:before{content:"";background:linear-gradient(#4a4b4c,#202122);border-bottom:1px solid #0e0f10;height:8px;position:absolute;inset:0 0 auto;box-shadow:0 1px #ffffff12}.sqd-bass-ridge{z-index:1;background:repeating-linear-gradient(90deg,#111 0 3px,#3f4041 3px 5px);border-radius:1px;width:96px;height:6px;position:absolute;top:13px;right:20px;box-shadow:inset 0 1px 2px #000c}.sqd-brandplate{flex:1}.sqd-device--bass .sqd-head{min-height:50px;margin-bottom:14px;padding-right:104px}.sqd-device--bass .sqd-screw{background:radial-gradient(circle at 38% 32%,#717171,#222 58%,#080808)}.sqd-device--bass .sqd-sound{background:linear-gradient(#171819,#252627);border-color:#080909;box-shadow:inset 0 2px 5px #000000b8,0 1px #ffffff12}.sqd-device--bass .sqd-plabel,.sqd-device--bass .sqd-hint{color:#a9a095}.sqd-device--bass .sqd-seg{border-color:#070808}.sqd-device--bass .sqd-seg button{color:#c3b8aa;background:#292a2b;border-color:#101112}.sqd-device--bass .sqd-seg button.on{color:#fff5ed;background:#a62e22}.sqd-device--bass .sqd-chip{color:#d0c5b8;background:#292a2b;border-color:#111}.sqd-device--bass .sqd-chip:hover{background:#38393a}.sqd-device--bass .sqd-kdiv{background:linear-gradient(#0000,#5b3a33 22% 78%,#0000);box-shadow:1px 0 #ffffff0a}.sqd-device--bass .sqd-hint b{color:#f0e5d8}.st-device{--ctl-label:#ead6d8;--ctl-lcd-ink:#ffe6ad;--ctl-lcd-face:#211416;--ctl-lcd-edge:#12090b;--ctl-tick:#b3888e;--ctl-knob-face:radial-gradient(circle at 34% 28%, #f5dfd8, #cf9c9c 58%, #8b525d);--ctl-knob-edge:#70404a;background:linear-gradient(104deg,#ffffff26,#0000 12% 88%,#0003),radial-gradient(110% 160% at 18% 0,#ffacb752,#0000 55%),linear-gradient(160deg,#7e1630ed,#480d1ff5);border:1px solid #4f1e2b;border-radius:38px 9px 28px 13px;padding:26px 24px 20px 31px;overflow:hidden;box-shadow:0 22px 44px #1f050d6b,inset 0 2px 1px #ffd2da3b,inset 0 -6px 12px #19000859}.st-device:before{content:"";background:linear-gradient(90deg,#3c0b19,#8d2c46 55%,#ffffff1a);border-right:1px solid #1c000880;width:18px;position:absolute;inset:0 auto 0 0}.st-carry-ridge{background:linear-gradient(#ffffff2e,#1f000959);border-radius:8px 2px 2px 8px;width:29%;height:8px;position:absolute;top:10px;right:22px;box-shadow:inset 0 -1px 1px #00000059}.st-brandplate{flex:1}.st-head{margin-bottom:18px;position:relative}.st-readout{color:#492117;background:linear-gradient(#f3d69f,#d5a96e);border-color:#9b6f47;border-radius:3px;box-shadow:inset 0 2px 5px #411d0b47,0 1px #ffffff2e}.st-main{gap:15px}.st-chordcol{flex-basis:108px;transform:rotate(-.4deg)}.st-chord{color:#4e2930;background:linear-gradient(#f0d9d5,#cda8a9);border-color:#8f636b;border-radius:11px 5px 5px 11px;box-shadow:0 2px #6a3744,inset 0 1px #ffffff8c}.st-chord:hover{background:linear-gradient(#f6e6e2,#dabbbb)}.st-chord.on{background:linear-gradient(#f07e98,#b62f51);border-color:#7b1730;box-shadow:0 1px #641326,0 0 12px #ff72955c}.st-plate{background:radial-gradient(120% 120% at 50% 20%,#3b2028,#13070b);border:1px solid #250a12;border-radius:7px 24px 24px 7px}.st-lbl,.st-count,.st-hint{color:#e2c7cb}.st-sel,.st-chip,.st-clear{color:#4e2930;background:#e2c5c2;border-color:#976d72}.st-hint b{color:#fff0ed}.st-screw{background:radial-gradient(circle at 38% 32%,#c8b6aa,#6f4d4d 60%,#2e1017)}.sn-device{--ctl-label:#405a52;--ctl-lcd-ink:#d7f8bb;--ctl-lcd-face:#14231f;--ctl-lcd-edge:#09110e;--ctl-tick:#7f9d92;--ctl-knob-face:radial-gradient(circle at 34% 28%, #f1f3d9, #bdd4bb 58%, #769e8c);--ctl-knob-edge:#668477;background:linear-gradient(158deg,#d9e4c8,#a9c7b4 57%,#86aa99);border:1px solid #6d9484;border-radius:31px 8px;padding:22px 36px 19px 22px;overflow:hidden;box-shadow:0 19px 40px #132d2459,inset 0 2px 1px #ffffff94,inset 0 -5px 9px #22493a33}.sn-device:before{content:"";background:linear-gradient(#ffffff8c,#48716038);border-bottom:1px solid #3d63535c;height:9px;position:absolute;inset:0 0 auto}.sn-side-rail{z-index:1;background:repeating-linear-gradient(0deg,#739887 0 5px,#9dbbaa 5px 8px);border:1px solid #5d8273;border-radius:3px 14px 14px 3px;width:16px;position:absolute;top:18px;bottom:19px;right:8px;box-shadow:inset 2px 0 4px #11342747,1px 0 #ffffff59}.sn-brandplate{flex:1}.sn-head{margin-bottom:17px;position:relative}.sn-readout{color:#33291b;background:linear-gradient(#f1d8a0,#cba96c);border-color:#987746;border-radius:3px}.sn-wave{border:5px solid #6c8d7f;border-radius:5px 18px;box-shadow:inset 0 4px 14px #0000009e,0 1px #ffffff75}.sn-grid{background:#2d4b402e;border-radius:4px;gap:5px;padding:8px;box-shadow:inset 0 2px 5px #21473833}.sn-step{background:#d8dec7;border-color:#799487;border-radius:3px;box-shadow:0 2px #6f8a7e}.sn-step:nth-child(4n+1){background:#c3d0bb}.sn-step.on{background:#f1d79e;border-color:#9c7946}.sn-key{border-color:#789486;border-radius:3px 3px 9px 9px}.sn-chip{color:#345047;background:#d4dfcb;border-color:#789486}.sn-chip:hover{background:#e0e8d7}.sn-lbl,.sn-note,.sn-hint{color:#3f5e54}.sn-hint b{color:#173c31}.sn-screw{background:radial-gradient(circle at 38% 32%,#dbe4d7,#789386 60%,#3d5d50)}.orb-device{--ctl-label:#a9a7b8;--ctl-lcd-ink:#ffe7a4;--ctl-lcd-face:#14131a;--ctl-lcd-edge:#08070b;--ctl-tick:#706d84;--ctl-knob-face:radial-gradient(circle at 34% 28%, #69677a, #302f3d 55%, #111018);--ctl-knob-edge:#0d0c12;background:radial-gradient(circle at 50% -10%,#e8c26a1f,#0000 33%),linear-gradient(165deg,#302d3a,#17151f 58%,#0e0d13);border:1px solid #0b0910;border-radius:118px 118px 28px 28px/58px 58px 24px 24px;width:min(720px,96vw);padding:31px 24px 20px;overflow:hidden;box-shadow:0 24px 50px #00000085,inset 0 2px 1px #ffffff1a,inset 0 -7px 12px #0000007a}.orb-device:before{content:"";background:#e8c26a2b;border-radius:50%;height:2px;position:absolute;inset:10px 13% auto;box-shadow:0 0 14px #e8c26a2e}.orb-dome-ridge{border-top:1px solid #ffffff1f;border-bottom:1px solid #000000a6;border-radius:50%;width:36%;height:8px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.orb-brandplate{flex:1}.orb-head{margin-bottom:18px;padding:0 22px;position:relative}.orb-readout{color:#f3cf76;background:#121018;border-color:#07060a;box-shadow:inset 0 2px 5px #000c,0 0 0 1px #e8c26a1f}.orb-display{background:radial-gradient(circle at 50% 42%,#292535,#0c0a10 66%);border:7px solid #0d0b12;border-radius:50% 50% 13px 13px/8% 8% 13px 13px;box-shadow:inset 0 4px 22px #000000c7,0 1px #ffffff14,0 0 24px #e8c26a0f}.orb-editor{background:#15131b;border-color:#09080d;box-shadow:inset 0 2px 5px #0000009e}.orb-editor-lbl,.orb-lbl,.orb-hint{color:#aaa6b5}.orb-step,.orb-laps,.orb-chip{color:#c8c3d0;background:#302d39;border-color:#13111a}.orb-step:hover,.orb-laps:hover,.orb-chip:hover{background:#403b4b}.orb-chip.on{color:#1d1608;background:#e8c26a;border-color:#a98129}.orb-chip.alt{color:#b7ded0;background:#263a36;border-color:#172a26}.orb-note{color:#e8c26a}.orb-hint b{color:#f0dfb7}@media (max-width:560px){.sqd-device--bass{border-radius:4px 4px 18px 18px;padding:22px 11px 13px}.sqd-device--bass .sqd-head{min-height:46px;padding-right:0}.sqd-bass-ridge{display:none}.st-device{border-radius:28px 7px 22px 10px;padding:22px 12px 14px 20px}.st-carry-ridge{width:22%}.st-readout{min-width:70px}.sn-device{border-radius:24px 6px;padding:18px 28px 14px 12px}.sn-side-rail{width:13px;right:6px}.sn-readout{min-width:65px;padding:5px 7px}.orb-device{border-radius:72px 72px 20px 20px/39px 39px 18px 18px;padding:27px 11px 14px}.orb-head{padding:0 5px}}.ps10-device{--body-1:#eee5ca;--body-2:#cfc4a3;--body-edge:#8f8469;isolation:isolate;background:linear-gradient(155deg,#f4edd8 0%,#ddd2b5 64%,#c8ba96 100%);border:2px solid #8c8064;border-radius:28px 28px 10px 10px;width:min(900px,96vw);padding:25px 25px 21px;overflow:hidden;box-shadow:0 22px 45px #30231457,inset 0 3px #ffffffb3,inset 0 -8px #aa9a76}.ps10-device:before{z-index:-1;content:"";border:1px solid #5c4e3347;border-bottom:0;border-radius:12px 12px 0 0;height:7px;position:absolute;inset:13px 15px auto}.ps10-device:after{z-index:5;opacity:.46;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#796c53 0 12px,#b3a47f 12px 20px);border-radius:0 0 5px 5px;height:3px;position:absolute;bottom:5px;left:16px;right:16px}.ps10-topdeck{grid-template-columns:184px minmax(0,1fr);gap:22px;display:grid}.ps10-panel{grid-area:1/2;padding:6px 4px 0}.keyboard-brandplate{flex:1}.ps10-speaker{background:linear-gradient(145deg,#b9ad8e,#dfd4b8);border:1px solid #82775f;border-radius:8px 18px;grid-area:1/1;width:184px;height:174px;padding:14px;box-shadow:inset 0 5px 12px #362d1d6b,0 1px #ffffffa6}.ps10-speaker .cone{background:radial-gradient(circle,#0000 0 34%,#1f1b1652 35% 38%,#0000 39%),radial-gradient(circle at 2px 2px,#575247 0 1.2px,#0000 1.4px) 0 0/6px 6px,#a49a80;border:6px solid #766d59;border-radius:50%;box-shadow:inset 0 8px 18px #00000052,0 0 0 4px #cfc3a4}.ps10-device .controls{justify-content:space-between}.ps10-device .sliders{background:#ffffff2e;border-left:3px solid #bf582c;padding:6px 11px 4px}.ps10-device .preset,.ps10-device .chip,.ps10-device .octwrap button{border-radius:3px;box-shadow:0 2px #9b8e70}.ps10-device .presets.angled{transform:rotate(-2deg)}.ps10-utility{background:linear-gradient(#ffffff2e,#5b482914);border:1px solid #9b8f70;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:13px 15px;display:grid;box-shadow:inset 0 2px 5px #46361f21}.ps10-utility>.lrow{min-width:0}.ps10-utility>.ps10-row--wide,.ps10-utility>.lrow:nth-child(n+4){grid-column:1/-1}.ps10-keybed{background:linear-gradient(#817866,#afa68e 15%,#766e5d);border:1px solid #786f5d;border-radius:5px 5px 12px 12px;height:172px;margin:16px -4px 2px;padding:9px 10px 12px;box-shadow:inset 0 7px 13px #00000073,0 5px #8f8061}.pk-device--ps10{--ctl-label:#665a45;background:linear-gradient(155deg,#f4edd8 0%,#ddd2b5 64%,#c8ba96 100%);border:2px solid #8c8064;border-radius:20px 20px 8px 8px;width:min(820px,100%);padding:20px 22px 18px;overflow:hidden;box-shadow:0 20px 40px #30231452,inset 0 3px #ffffffb3,inset 0 -7px #aa9a76}.pk-device--ps10:before{content:"";pointer-events:none;border:1px solid #5c4e3347;border-bottom:0;border-radius:10px 10px 0 0;height:6px;position:absolute;inset:12px 15px auto}.pk-device--ps10 .pk-head{min-height:48px;margin-bottom:11px}.pk-brandplate{flex:1}.pk-device--ps10 .pk-readout{color:#dfd2a8;background:linear-gradient(#463c2c,#211d17);border-color:#504633;border-radius:2px;min-width:84px;box-shadow:inset 0 2px 5px #00000094,0 1px #ffffff57}.pk-device--ps10 .pk-controls{background:linear-gradient(#ffffff2b,#5b482914);border:1px solid #9b8f70;border-radius:4px;gap:13px 17px;margin-bottom:13px;padding:11px 13px;box-shadow:inset 0 2px 5px #46361f21}.pk-device--ps10 .pk-chip,.pk-device--ps10 .pk-rec,.pk-device--ps10 .pk-clear{border-radius:3px;box-shadow:0 2px #9b8e70}.pk-device--ps10 .pk-keys{background:linear-gradient(#817866,#afa68e 15%,#766e5d);border:1px solid #786f5d;border-radius:5px 5px 12px 12px;height:154px;margin-top:0;padding:9px 10px 12px;box-shadow:inset 0 7px 13px #00000073,0 5px #8f8061}.ribbon-device--signal{--ctl-label:#aaa3a2;--ctl-knob-face:radial-gradient(circle at 34% 28%, #555059, #27252b 58%, #111116);--ctl-knob-edge:#09090c;--ctl-knob-shadow:0 4px 7px #0000009e, inset 0 1px 1px #ffffff29, inset 0 -3px 5px #000000a6;--ctl-tick:#69636d;isolation:isolate;background:linear-gradient(155deg,#3a373f,#1c1b20 64%,#121116);border:2px solid #111014;border-radius:8px 34px 34px 8px;width:min(940px,100%);padding:18px 28px 17px 22px;box-shadow:0 18px 38px #100a116b,inset 0 2px #ffffff21,inset -12px 0 #0d0c10}.ribbon-device--signal:before{content:"";background:linear-gradient(90deg,#0b0a0d,#514b55,#131116);border-radius:0 20px 20px 0;width:8px;position:absolute;top:10px;bottom:10px;right:8px}.ribbon-device--signal .ribbon-head{min-height:52px;margin-bottom:9px;padding:0 5px}.ribbon-brandplate{flex:1}.ribbon-device--signal .ribbon-readout{color:#2c1906;background:linear-gradient(#e4a94a,#aa6724);border-color:#5c4120;border-radius:2px;min-width:112px;box-shadow:inset 0 2px 7px #2e15038c,0 0 0 3px #151317}.ribbon-device--signal .ribbon-led{background:#ffd48a;box-shadow:0 0 8px #f3a83c}.ribbon-rail{background:linear-gradient(#77717c 0 4px,#28252d 4px 100%);border:1px solid #0a090d;border-radius:4px 22px 22px 4px;padding:11px 17px 12px;position:relative;box-shadow:inset 0 2px 7px #000c,0 2px #ffffff1a}.ribbon-device--signal .ribbon-strip{background:linear-gradient(#e0c8e41f,#00000070),linear-gradient(90deg,#241622,#100e14 48%,#2a1828);border:1px solid #08070a;border-radius:2px 15px 15px 2px;height:86px}.ribbon-device--signal .ribbon-strip:focus-visible{outline-offset:4px;outline:3px solid #d59ab8}.ribbon-device--signal .ribbon-controls{border-top:1px solid #56505b;margin-top:14px;padding:11px 7px 2px}.ribbon-device--signal .ribbon-lbl,.ribbon-device--signal .ribbon-knob span,.ribbon-device--signal .ribbon-hint{color:#aaa3a2}.ribbon-device--signal .ribbon-hint b{color:#eee3ea}.ribbon-device--signal .ribbon-chip{color:#c4bdc4;background:#2c2930;border-color:#111014;border-radius:3px}.ribbon-device--signal .ribbon-chip:hover{background:#3b3640}.ribbon-device--signal .ribbon-chip.on{color:#fff2f8;background:#844764;border-color:#b56d8d;box-shadow:inset 0 -2px #4f283d}.dg-device--pulse{--ctl-label:#aaa39b;--ctl-knob-face:radial-gradient(circle at 35% 30%, #66625d, #2b2b2a 58%, #111211);--ctl-knob-edge:#090a09;--ctl-knob-shadow:0 4px 7px #0000009e, inset 0 1px 1px #ffffff24, inset 0 -3px 5px #000000a6;--ctl-tick:#6c6860;isolation:isolate;background:linear-gradient(160deg,#3c3d3b,#202321 58%,#161917);border:2px solid #111412;border-radius:4px 4px 28px 14px;padding:27px 20px 18px;box-shadow:0 20px 42px #0d110e6e,inset 0 2px #ffffff1a,inset 0 -9px #111412}.dg-device--pulse:before{content:"";opacity:.76;background:repeating-linear-gradient(90deg,#151716 0 18px,#555650 18px 19px);height:8px;position:absolute;top:8px;left:18px;right:40px}.dg-device--pulse .dg-head{min-height:52px;margin-bottom:10px;padding:0 5px}.dg-brandplate{flex:1}.dg-status{color:#537164;letter-spacing:1px;background:#121815;border:1px solid #0a0d0b;border-radius:2px;flex:none;padding:5px 8px;font:800 9px/1 Consolas,ui-monospace,monospace;box-shadow:inset 0 2px 4px #000000a6}.dg-status.on{color:#8ff0c1;box-shadow:inset 0 2px 4px #000000a6,0 0 9px #4bcd8f59}.dg-device--pulse .dg-grid{background:linear-gradient(165deg,#171c19,#0f1311);border:1px solid #090c0a;border-radius:4px 4px 13px;padding:13px 13px 15px;box-shadow:inset 0 5px 13px #000000b8,0 1px #ffffff17}.dg-device--pulse .dg-lane{color:#85867e}.dg-device--pulse .dg-beatmark{background:#343a36}.dg-device--pulse .dg-beatmark.strong{background:#697068}.dg-device--pulse .dg-msbtn{color:#a7aaa3;background:#272c29;border-color:#0c0f0d}.dg-device--pulse .dg-msbtn:hover{background:#373d39}.dg-device--pulse .dg-cell{background:#262d29;border-color:#0b0f0d;border-radius:2px;box-shadow:inset 0 1px #ffffff0f}.dg-device--pulse .dg-cell.beat{background:#303833}.dg-device--pulse .dg-cell:hover{background:#465149}.dg-device--pulse .dg-controls{border-top:1px solid #555b55;padding:13px 6px 2px}.dg-device--pulse .dg-chip{color:#bab7ae;background:#292d2a;border-color:#111412;border-radius:2px}.dg-device--pulse .dg-chip:hover{background:#3b403c}.dg-device--pulse .dg-chip.on{color:#eafff4;background:#2d7462;border-color:#56a28f}.dg-device--pulse .dg-chip.alt{color:#a9c9bd;background:#20342d;border-color:#14251f}.dg-device--pulse .dg-cell:focus-visible,.dg-device--pulse .dg-msbtn:focus-visible,.dg-device--pulse .dg-chip:focus-visible{outline-offset:2px;outline:2px solid #8ff0c1}.dg-device--pulse .dg-hint{color:#aaa39b}.dg-device--pulse .dg-hint b{color:#f0e8da}.eu-device--pulse{--ctl-label:#b8c5c0;--ctl-knob-face:radial-gradient(circle at 34% 28%, #6b817b, #25433e 58%, #0f2420);--ctl-knob-edge:#081713;--ctl-knob-shadow:0 4px 7px #00000094, inset 0 1px 1px #ffffff21, inset 0 -3px 5px #00000094;--ctl-tick:#47645d;isolation:isolate;background:linear-gradient(145deg,#28534d,#143832 58%,#0c2723);border:2px solid #0c2824;border-radius:24px 7px;padding:23px 20px 18px;box-shadow:0 20px 42px #061f1b6b,inset 0 2px #ffffff1f,inset 0 -6px #09241f}.eu-device--pulse .eu-head{min-height:54px;margin-bottom:11px}.eu-brandplate{flex:1}.eu-device--pulse .eu-board{background:linear-gradient(160deg,#0e2420,#081814);border:1px solid #071713;border-radius:13px 3px;padding:8px 10px;box-shadow:inset 0 5px 13px #0000009e,0 1px #ffffff17}.eu-device--pulse .eu-track{flex-wrap:nowrap;gap:10px;padding:9px 3px}.eu-device--pulse .eu-track+.eu-track{border-top-color:#25453f}.eu-index{color:#d4a954;background:radial-gradient(circle,#24453f,#0d2924 68%);border:1px solid #426860;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font:700 9px/1 Consolas,ui-monospace,monospace;display:grid;box-shadow:inset 0 2px 5px #0009}.eu-device--pulse .eu-tl{flex-basis:92px}.eu-device--pulse .eu-voice{color:#cbe3db;background:#183b35;border-color:#315d54;border-radius:3px}.eu-device--pulse .eu-mute{color:#b5c2bd;background:#203b36;border-color:#0c221e}.eu-device--pulse .eu-mute.on{color:#fff2d4;background:#9c6530;border-color:#5f3718}.eu-device--pulse .eu-cell{background:#243f39;border-color:#0b211d;border-radius:50%;height:18px}.eu-device--pulse .eu-cell.one{border-top-width:1px;box-shadow:0 -3px #796132}.eu-device--pulse .eu-cell.on{background:#d4a954;border-color:#7c5c20;box-shadow:0 0 8px #dcb1546b}.eu-device--pulse .eu-dial{color:#d0d9d5;background:#18342f;border-color:#31544d;border-radius:3px}.eu-device--pulse .eu-dsym{color:#d4a954}.eu-device--pulse .eu-db{color:#d5ded9;background:#284a43;border-color:#102b26;border-radius:2px}.eu-device--pulse .eu-dial b{color:#f1e6cd}.eu-device--pulse .eu-controls{border-top:1px solid #517069;padding:12px 6px 2px}.eu-device--pulse .eu-chip{color:#d9e9e3;background:#214b43;border-color:#102d27;border-radius:3px}.eu-device--pulse .eu-voice:focus-visible,.eu-device--pulse .eu-mute:focus-visible,.eu-device--pulse .eu-db:focus-visible,.eu-device--pulse .eu-chip:focus-visible{outline-offset:2px;outline:2px solid #f1c66e}.eu-device--pulse .eu-hint{color:#b8c5c0}.eu-device--pulse .eu-hint b{color:#f3deaf}.lf-device--garden{--ctl-label:#536052;--ctl-knob-face:radial-gradient(circle at 34% 28%, #f1eed7, #b9c5a9 58%, #71836d);--ctl-knob-edge:#687963;--ctl-tick:#788674;isolation:isolate;background:linear-gradient(145deg,#c9d0b7,#9fab90 60%,#7f917a);border:2px solid #66725f;border-radius:38px 9px;width:min(760px,96vw);padding:24px 24px 20px;box-shadow:0 22px 45px #28372657,inset 0 3px #ffffff6b,inset 0 -8px #71806a}.lf-device--garden:before{content:"";opacity:.68;background:repeating-linear-gradient(90deg,#64735f 0 3px,#0000 3px 7px);border-radius:5px;width:58px;height:8px;position:absolute;top:12px;right:15px}.lf-device--garden .lf-head{min-height:55px;margin-bottom:13px;padding:0 5px}.lf-brandplate{flex:1}.lf-device--garden .lf-gen{color:#d7efb6;background:#243a27;border-color:#18281b;border-radius:2px;box-shadow:inset 0 2px 5px #0000008c}.lf-device--garden .lf-grid{background:linear-gradient(150deg,#20351f,#0e1d0f);border:2px solid #4e5d49;border-radius:24px 5px;gap:4px;padding:15px;box-shadow:inset 0 8px 18px #0000009e,0 2px #ffffff47}.lf-device--garden .lf-cell{background:#2b4728;border-color:#182d17;border-radius:8px 2px;height:29px}.lf-device--garden .lf-cell.beat{background:#365934}.lf-device--garden .lf-cell:hover{background:#497844}.lf-device--garden .lf-cell.on{background:#a9d465;border-color:#6c9837;box-shadow:inset 0 2px #ffffff59,0 0 10px #a6d86178}.lf-device--garden .lf-controls{border-top:1px solid #6d7c66;margin-top:17px;padding:12px 7px 2px}.lf-device--garden .lf-chip{color:#31442e;background:#dce4ca;border-color:#879d78;border-radius:8px 2px}.lf-device--garden .lf-cell:focus-visible,.lf-device--garden .lf-chip:focus-visible{outline-offset:2px;outline:2px solid #efffb8}.lf-device--garden .lf-hint{color:#4f5d4d}.lf-device--garden .lf-hint b{color:#243523}.gr-device--grain{--ctl-label:#aab2b4;--ctl-knob-face:radial-gradient(circle at 34% 28%, #7a8385, #333b3d 58%, #151a1b);--ctl-knob-edge:#101415;--ctl-knob-shadow:0 4px 7px #0009, inset 0 1px 1px #ffffff29, inset 0 -3px 5px #0000009e;--ctl-tick:#667174;isolation:isolate;background:linear-gradient(112deg,#ffffff1a 0 7%,#0000 7% 67%,#ffffff0a 67% 68%,#0000 68%),linear-gradient(155deg,#4e5b60f0,#191f21f7 62%,#111719);border:2px solid #111719;border-radius:7px 28px;width:min(920px,100%);padding:18px 24px 19px;overflow:hidden;box-shadow:0 22px 46px #0c151870,inset 0 2px #ffffff2e,inset 0 -7px #101516}.gr-device--grain:before,.gr-device--grain:after{content:"";background:linear-gradient(#101416,#6a777a 50%,#101416);border-radius:5px;width:8px;position:absolute;top:76px;bottom:74px}.gr-device--grain:before{left:7px}.gr-device--grain:after{right:7px}.gr-device--grain .gr-head{min-height:55px;margin-bottom:12px;padding:0 3px}.gr-brandplate{flex:1}.gr-device--grain .gr-readout{color:#102027;background:linear-gradient(#9cc7d4,#6194a4);border-color:#365f6c;border-radius:2px;box-shadow:inset 0 2px 6px #0000006b,0 0 0 2px #111719}.gr-device--grain .gr-wave{background:radial-gradient(120% 120% at 50% 20%,#34454c,#101719);border:2px solid #0c1113;border-radius:3px 18px;height:194px;margin-inline:4px;box-shadow:inset 0 7px 18px #000000b8,0 2px #ffffff21,0 0 0 5px #20292c}.gr-device--grain .gr-controls{border-top:1px solid #667276;padding:14px 6px 2px}.gr-device--grain .gr-lbl,.gr-device--grain .gr-note,.gr-device--grain .gr-hint{color:#aab2b4}.gr-device--grain .gr-hint b{color:#edf3f1}.gr-device--grain .gr-chip{color:#c4cbcc;background:#30383a;border-color:#111719;border-radius:3px}.gr-device--grain .gr-chip:hover{background:#414b4e}.gr-device--grain .gr-chip.on{color:#effaff;background:#466c78;border-color:#7ca4b1}.sqd-device--sequencer{--ctl-label:#bdc0c2;--ctl-knob-face:radial-gradient(circle at 34% 28%, #77797d, #36383c 58%, #131518);--ctl-knob-edge:#0b0d0f;--ctl-knob-shadow:0 4px 7px #0000009e, inset 0 1px 1px #ffffff24, inset 0 -3px 5px #000000a3;--ctl-tick:#696c70;isolation:isolate;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px),linear-gradient(150deg,#55585d,#282b30 58%,#17191d);border:2px solid #15171b;border-radius:6px 24px 6px 14px;padding:22px 20px 18px;box-shadow:0 22px 44px #0c0e1375,inset 0 2px #ffffff2b,inset 0 -7px #111318}.sqd-device--sequencer:before{content:"";opacity:.74;background:repeating-linear-gradient(90deg,#131519 0 6px,#777a80 6px 8px);width:64px;height:6px;position:absolute;top:13px;right:18px}.sqd-device--sequencer .sqd-head{min-height:56px;margin-bottom:10px;padding:0 4px}.sqd-seq-brandplate{flex:1}.sqd-device--sequencer .sqd-sound{background:linear-gradient(#85898d 0 5px,#3c4045 5px 100%);border:1px solid #101216;border-radius:3px 15px;gap:11px;margin-bottom:13px;padding:10px 12px 13px;position:relative;box-shadow:inset 0 4px 9px #0000008c,0 1px #ffffff2e}.sqd-device--sequencer .sqd-sound:after{content:"";opacity:.72;background:repeating-linear-gradient(90deg,#111319 0 11px,#0000 11px 15px);height:3px;position:absolute;bottom:4px;left:66px;right:13px}.sqd-device--sequencer .sqd-sound .sqd-plabel{color:#e0e2e2}.sqd-device--sequencer .sqd-sound .sqd-seg{border:0;gap:5px;overflow:visible}.sqd-device--sequencer .sqd-sound .sqd-seg button{color:#c6c9ca;background:linear-gradient(#35383d,#202328);border:1px solid #111318;border-radius:3px 3px 8px 8px;position:relative;box-shadow:0 3px #111318,inset 0 1px #ffffff1a}.sqd-device--sequencer .sqd-sound .sqd-seg button.on{color:#fff;background:linear-gradient(#7b69d6,#4d3da2);border-color:#9a89ef;box-shadow:0 3px #2c235f,0 0 10px #6b57d657}.sqd-device--sequencer .sqd-presets,.sqd-device--sequencer .sqd-controls{border-top:1px solid #66696d;padding-top:10px}.sqd-device--sequencer .sqd-plabel,.sqd-device--sequencer .sqd-hint{color:#b7b9bb}.sqd-device--sequencer .sqd-hint b{color:#f2edff}.sqd-device--sequencer .sqd-chip{color:#c5c5c8;background:#303238;border-color:#15171b;border-radius:3px}.sqd-device--sequencer .sqd-chip:hover{color:#fff;background:#41444a}.sqd-device--sequencer .sqd-chip.on{color:#fff;background:#5c4fbb;border-color:#8b7ce0}.sqd-device--sequencer .sqd-kdiv{box-shadow:none;background:linear-gradient(#0000,#72757a 22% 78%,#0000)}.sqd-device--sequencer .sqd-seg{border-color:#111318}.sqd-device--sequencer .sqd-seg button{color:#c3c4c7;background:#303238;border-right-color:#15171b}.sqd-device--sequencer .sqd-seg button.on{background:#5c4fbb}.or-device--organ{--ctl-label:#5b4d3d;--ctl-knob-face:radial-gradient(circle at 34% 28%, #faf2da, #d9c9a7 58%, #9c8662);--ctl-knob-edge:#8a7350;--ctl-tick:#9b8665;isolation:isolate;background:linear-gradient(165deg,#ffffff61,#0000 24%),linear-gradient(150deg,#efe5ca,#d4c39f 68%,#b8a27b);border:2px solid #756248;border-radius:5px 5px 12px 12px;padding:22px 25px 19px;overflow:visible;box-shadow:0 22px 45px #3b261661,inset 0 2px #ffffff94,inset 0 -7px #9d845f}.or-device--organ:before,.or-device--organ:after{z-index:-1;content:"";background:repeating-linear-gradient(7deg,#ffffff09 0 2px,#0000 2px 7px),linear-gradient(90deg,#392319,#73513a 48%,#2b1b14);border:2px solid #352217;border-radius:5px 3px 12px 8px;width:28px;position:absolute;top:12px;bottom:8px;box-shadow:0 5px 11px #2a180e61}.or-device--organ:before{left:-18px}.or-device--organ:after{right:-18px;transform:scaleX(-1)}.or-device--organ .or-head{min-height:56px;margin-bottom:12px;padding:0 4px}.or-brandplate{flex:1}.or-device--organ .or-drawbars{background:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 11.1%),linear-gradient(#3a261d,#1f1713);border:2px solid #422c20;border-radius:3px;padding:15px 13px 11px;box-shadow:inset 0 6px 13px #000000a3,0 2px #ffffff57}.or-device--organ .or-drawbar{display:contents}.or-device--organ .or-foot{color:#d7c5a8}.or-device--organ .or-chord{background:#f4ead2;border-color:#8e7657;border-radius:3px 12px;box-shadow:inset 0 2px 5px #5b432624}.or-device--organ .or-clabel{color:#735e44}.or-device--organ .or-cname{color:#3e2a1d}.or-device--organ .or-croman{color:#8546c9}.or-device--organ .or-chip{color:#543a29;background:#e6d7b8;border-color:#9f8965;border-radius:2px;box-shadow:0 2px #937b58}.or-device--organ .or-chip:hover{background:#f1e4c8}.or-device--organ .or-seq{background:linear-gradient(#39251d,#1e1511);border-color:#3f291e;border-radius:3px}.or-device--organ .or-cell{background:#4c3328;border-color:#251812;border-radius:1px}.or-device--organ .or-cell.beat{background:#5a3b2d}.or-device--organ .or-controls{border-top:1px solid #907958;padding:13px 5px 2px}.or-device--organ .or-seg{border-color:#8f7858;border-radius:2px}.or-device--organ .or-seg button{color:#544536;background:#dca;border-right-color:#9f8966}.or-device--organ .or-seg button.on{color:#fff8e6;background:#6c3b92}.or-device--organ .or-hint{color:#5c4c3c}.or-device--organ .or-hint b{color:#2f2118}@media (max-width:620px){.ps10-device{border-radius:20px 20px 8px 8px;padding:19px 10px 15px}.ps10-topdeck{grid-template-columns:96px minmax(0,1fr);gap:10px}.ps10-panel{padding-top:0}.ps10-speaker{width:96px;height:96px;padding:9px}.ps10-device .controls{flex-direction:column}.ps10-utility{grid-template-columns:1fr}.ps10-utility>.lrow{grid-column:1}.ps10-keybed{height:128px;margin-inline:-2px}.pk-device--ps10{border-radius:16px 16px 7px 7px;padding:17px 9px 13px}.pk-device--ps10 .pk-head{flex-wrap:wrap}.pk-brandplate{flex:210px}.pk-device--ps10 .pk-controls{gap:10px;padding:9px 8px}.pk-device--ps10 .pk-keys{height:118px;padding:7px 6px 9px}.ribbon-device--signal{border-radius:6px 24px 24px 6px;padding:14px 18px 14px 10px}.ribbon-device--signal .ribbon-head{flex-wrap:wrap}.ribbon-brandplate{flex:210px}.ribbon-rail{padding:9px 10px 10px}.ribbon-device--signal .ribbon-strip{height:104px}.ribbon-device--signal .ribbon-knobs{flex-wrap:wrap}.dg-device--pulse{border-radius:4px 4px 20px 10px;padding:23px 9px 15px}.dg-device--pulse .dg-head{gap:7px}.dg-status{display:none}.dg-device--pulse .dg-grid{padding:9px 7px 11px}.eu-device--pulse{border-radius:18px 5px;padding:16px 9px 14px}.eu-device--pulse .eu-track{flex-wrap:wrap}.eu-index{flex-basis:26px;width:26px;height:26px}.eu-device--pulse .eu-tl{flex:calc(100% - 40px)}.eu-device--pulse .eu-neck{flex-basis:100%;order:4}.eu-device--pulse .eu-dials{order:5;justify-content:space-between;gap:3px;width:100%}.eu-device--pulse .eu-dial{padding-inline:3px}.lf-device--garden{border-radius:26px 7px;padding:20px 9px 15px}.lf-device--garden .lf-head{padding-inline:4px}.lf-device--garden .lf-grid{border-radius:16px 4px;gap:2px;padding:7px}.lf-device--garden .lf-cell{border-radius:5px 1px;height:18px}.gr-device--grain{border-radius:5px 20px;padding:14px 14px 15px}.gr-device--grain .gr-head{flex-wrap:wrap}.gr-brandplate{flex:230px}.gr-device--grain .gr-wave{border-radius:3px 12px;height:132px;margin-inline:2px}.sqd-device--sequencer{border-radius:5px 17px 5px 11px;padding:20px 10px 14px}.sqd-device--sequencer .sqd-head{padding-top:3px}.sqd-device--sequencer .sqd-sound{flex-direction:column;align-items:flex-start;padding:8px}.sqd-device--sequencer .sqd-sound .sqd-seg{gap:2px;width:100%}.sqd-device--sequencer .sqd-sound:after{left:10px}.or-device--organ{padding:18px 10px 14px}.or-device--organ:before,.or-device--organ:after{width:13px}.or-device--organ:before{left:0}.or-device--organ:after{right:0}.or-device--organ .or-drawbars{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;width:100%;min-width:0;padding-inline:5px;display:grid}.or-device--organ .or-drawbar{min-width:0;display:block}.or-device--organ .or-drawbar>div{gap:5px;width:100%;min-width:0}.or-device--organ .or-drawbar>div>div:first-child{width:100%}.or-device--organ .or-drawbar>div>span:nth-last-child(2){width:100%;min-width:0;padding-inline:2px;font-size:10px}.or-device--organ .or-drawbar>div>span:last-child{letter-spacing:.5px}}.device,.ribbon-device,.dg-device,.ac-device,.stp-device,.sq-shell,.sqd-device,.prg-device,.eu-device,.ar-device,.lf-device,.bm-device,.wv-device,.pd-device,.dx-device,.br-device,.ko-device,.or-device,.th-device,.orb-device,.pk-device,.gr-device,.st-device,.sn-device{min-width:0;max-width:100%}@media (max-width:620px){.brandrow,.ribbon-head,.dg-head,.ac-head,.stp-head,.sqd-head,.prg-head,.eu-head,.ar-head,.lf-head,.bm-head,.wv-head,.pd-head,.dx-head,.br-head,.ko-head,.or-head,.th-head,.orb-head,.pk-head,.gr-head,.st-head,.sn-head{flex-wrap:wrap}.sq-grid,.sq-flags{min-width:520px}.sq-cell,.sq-flag{height:26px}.sq-prow,.sq-frow{gap:8px}.sq-deg,.sq-flabel{flex-basis:42px}.sq-cells{gap:3px}.dg-grid{overscroll-behavior-inline:contain;overflow-x:auto}.dg-row{min-width:460px}.dg-cell{touch-action:pan-x pan-y;min-width:24px;height:30px}.dg-msbtn{width:30px;height:28px}.lf-grid{grid-template-columns:repeat(var(--cols,16), minmax(24px, 1fr));overscroll-behavior-inline:contain;overflow-x:auto}.lf-device--garden .lf-cell{touch-action:pan-x pan-y;min-width:24px;height:24px}.orb-editor{overscroll-behavior-inline:contain}.orb-col{min-width:48px}.orb-step{height:28px;font-size:10px}.orb-laps{min-height:30px}.or-seq,.ac-seq,.bm-seq,.sq-seq{overscroll-behavior-inline:contain;scrollbar-width:thin}.eu-mute,.eu-db,.pd-steppers button,.or-csteppers button,.octwrap button{min-width:28px;min-height:28px}.eu-dials{flex-wrap:wrap}.sn-step{min-height:56px}.sn-key{min-height:52px}}