.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:var(--red);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:#8a8676;margin-top:2px;font-size:9px;display:block}.power{letter-spacing:1.5px;color:#8a8676;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:var(--red);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:#6a675c;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:#8a8676;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:var(--red);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:#8a8676;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{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:var(--red);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:#8a8676;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:#8a8676;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{background:var(--red);color:#fff;border-color:#b8331f}.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:#6a675c;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:var(--red);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:#8a8676;margin-top:2px;font-size:9px;display:block}.dg-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.dg-play span{font-size:11px}.dg-play.on{background:var(--red);border-color:#b8331f}.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:#8a8676;font-size:9px}.dg-ms{flex-direction:column;flex:0 0 17px;gap:3px;display:flex}.dg-msbtn{cursor:pointer;color:#8a8676;background:#dbd7c9;border:1px solid #c3bfb0;border-radius:3px;width:17px;height:14px;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{background:var(--red);color:#fff;border-color:#b8331f}.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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.ac-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.ac-play span{font-size:11px}.ac-play.on{background:var(--acc);border-color:#b8331f}.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:13px;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:11px;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:var(--acc);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:#8a8676;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.ac-hint b{color:#55524a}.st-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}.st-badge{color:#fff;background:var(--acc);letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px;font-weight:700}.st-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.st-play span{font-size:11px}.st-play.on{background:var(--acc);border-color:#4a3aa8}.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:12px;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:11px;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:var(--acc);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:#8a8676;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:#8a8676;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:var(--acc);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:#6a675c;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:var(--acc);color:#fff}.sqd-hint{color:#6a675c;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}}.st-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding:0 4px;display:flex}.st-knobs{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.st-knob{flex-direction:column;align-items:center;gap:5px;display:flex}.st-knob input[type=range]{width:74px;accent-color:var(--acc);cursor:ew-resize}.st-knob span{letter-spacing:.8px;color:var(--ink-soft);white-space:nowrap;font-family:Consolas,ui-monospace,monospace;font-size:9px}.st-switches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-seg{border:1px solid #c3bfb0;border-radius:7px;display:inline-flex;overflow:hidden}.st-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}.st-seg button:last-child{border-right:0}.st-seg button.on{background:var(--acc);color:#fff}.st-chip{cursor:pointer;color:#4a3f6e;background:#e2ddf2;border:1px solid #c3bce0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.st-hint{color:#8a8676;margin:12px 4px 0;font-size:11.5px;line-height:1.5}.st-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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.prg-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.prg-play span{font-size:11px}.prg-play.on{background:var(--acc);border-color:var(--acc-d)}.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:22px;height:22px;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:var(--acc);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:var(--acc);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:#8a8676;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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.eu-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.eu-play span{font-size:11px}.eu-play.on{background:var(--acc);border-color:var(--acc-d)}.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:#8a8676;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:#1f7a74;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:#8a8676;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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.ar-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.ar-play span{font-size:11px}.ar-play.on{background:var(--acc);border-color:var(--acc-d)}.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:var(--acc);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:var(--acc);color:#fff;border-color:var(--acc-d)}.ar-hint{color:#8a8676;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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.lf-gen{color:var(--acc-d);background:#eef4ea;border:1px solid #cfe2c7;border-radius:5px;padding:3px 8px;font-family:Consolas,ui-monospace,monospace;font-size:11px}.lf-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.lf-play span{font-size:11px}.lf-play.on{background:var(--acc);border-color:var(--acc-d)}.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:16px;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:#4a9a3a;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:#8a8676;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:var(--acc);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:#8a8676;margin-top:2px;font-size:9px;display:block}.bm-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.bm-play span{font-size:11px}.bm-play.on{background:var(--acc);border-color:#8a2c6b}.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:var(--acc);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:#8a8676;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:#8a8676;margin-top:2px;font-size:9px;display:block}.wv-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.wv-play span{font-size:11px}.wv-play.on{background:var(--acc);color:#2a2410;border-color:#b89818}.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:#8a8676;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:#8a8676;margin-top:2px;font-size:9px;display:block}.pd-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.pd-play span{font-size:11px}.pd-play.on{background:var(--acc);color:#201a34;border-color:#6f5fd0}.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:#8a8676;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:#8a8676;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-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.dx-play span{font-size:11px}.dx-play.on{background:var(--acc);color:#2a1030;border-color:#9a3aab}.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:#8a8676;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:#8a8676;margin-top:2px;font-size:9px;display:block}.br-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.br-play span{font-size:11px}.br-play.on{background:var(--acc);color:#2c1c08;border-color:#8a5e28}.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:#8a8676;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:#8a8676;margin-top:2px;font-size:9px;display:block}.ko-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.ko-play span{font-size:11px}.ko-play.on{background:var(--acc);color:#08301e;border-color:#2a9a5e}.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:#8a8676;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:#8a8676;margin-top:2px;font-size:9px;display:block}.or-play{cursor:pointer;letter-spacing:1px;color:#f2efe4;background:#2f2d26;border:1px solid #211f1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.or-play span{font-size:11px}.or-play.on{background:var(--acc);color:#fff;border-color:#6a35a5}.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:#8a7aa0;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:var(--acc);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;align-items:center;gap:8px;margin-top:12px;padding:9px 11px;display:flex}.or-seq .or-cells{flex:1;grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.or-cell{cursor:pointer;background:#2e2044;border:1px solid #43305a;border-radius:3px;height:20px;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{flex:1}.or-flag{cursor:pointer;background:#2e2044;border:1px solid #43305a;border-radius:2px;height:9px;padding:0}.or-flag.on{background:#c98bf0;border-color:#9a5ec8}.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:var(--acc);color:#fff}.or-hint{color:#8a8676;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:#6a675c;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:var(--red);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:#8a8676;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:var(--red);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:#8a8676;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{background:var(--red);color:#fff;border-color:#b8331f}.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:#6a675c;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:#8a8676;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:#b3801f;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:#8a8676;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:#8a8676;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:#8a8676;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:#b3801f;letter-spacing:.3px;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%;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:#b3801f;border-color:#8f6414}.orb-group{flex-direction:column;gap:6px;display:flex}.orb-lbl{letter-spacing:2px;color:#8a8676;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.on{color:#fff;background:#b3801f;border-color:#8f6414}.orb-chip.alt{color:#3a5b50;background:#cfe0d8;border-color:#a9c6ba}.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:#b3801f;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:#6a675c;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:#8a8676;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:#8a8676;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:#6a675c;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:#8a8676;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:#8a8676;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:#8a8676;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:#8a8676;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:#8a8676;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:#6a675c;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:#c0508a}.vx .gr-chip.on{background:#c0508a;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:#8a8676;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:#8a8676;min-width:20px;font-family:Consolas,ui-monospace,monospace;font-size:9px;font-style:normal}.st-chord:hover{background:#e6e2d4}.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:#8a8676;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:#8a8676;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:#6a675c;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:#8a8676;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:nth-child(4n+1){background:#cfc9b8}.sn-step.on{background:#efe3cd;border-color:#b98d55}.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:#6a675c;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:#8a8676;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:hover{background:#e6e2d4}.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:#8a8676;font-size:10px;font-style:italic}.sn-knobs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sn-hint{color:#6a675c;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%}}