:root{color-scheme:dark;--bg: #0d0d0f;--panel: #1b1b1d;--text: #e8e8ea}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif}#app{display:flex;flex-direction:column;min-height:100vh}#controller{display:flex;justify-content:center;padding:12px}#controller svg.flx4{width:calc(min(100%,1280px) * var(--zoom, 1));height:auto;display:block;max-width:100%}.body-panel{fill:url(#grad-body);stroke:#000;stroke-width:1.5}.mixer-panel{fill:url(#grad-mixer);stroke:#2c2c33;stroke-width:.8}.silk{fill:#c9c9cc;font-size:7px;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.silk.tiny{font-size:5.5px;fill:#9a9a9e}.silk.micro{font-size:5px;fill:#8a8a90}.silk.inside{font-size:6.5px;fill:#d6d6da}.silk.brand{font-size:12px;fill:#e8e8ea;font-weight:600;letter-spacing:.06em}.silk.logo{font-size:8px;fill:#808085;font-style:italic}.silk.logo2{font-size:11px;fill:#c9c9cc;font-weight:700;letter-spacing:.02em}.silk.fmt{font-size:6.5px;fill:#6a6a70;letter-spacing:.04em}.rec-led{fill:#ff5a4a}.silk.ch{font-size:9px;fill:#c9c9cc}.silk.cue-red{fill:#ff5a4d;font-weight:600}.knob-skirt{fill:url(#grad-skirt)}.knob-body{fill:url(#grad-knob);stroke:#0a0a0b;stroke-width:1}.knob-tick{fill:#55555c}.indicator{stroke:#e8e8ea;stroke-width:2.4;stroke-linecap:round}.btn-led{fill:#1e1418}.btn.lit .btn-led{fill:#ff3b30;filter:drop-shadow(0 0 4px #ff3b30dd)}.btn.has-led.lit .btn-body{fill:url(#grad-btn);filter:none}.switch-track{fill:#050506;stroke:#33333a;stroke-width:1}.switch-handle{fill:url(#grad-cap);stroke:#6a6a72;stroke-width:.8}.slide-switch:hover .switch-handle{stroke:#9a9aa2}.fader-track{fill:#0c0c0d;stroke:#2e2e32;stroke-width:.6}.fader-detent{stroke:#55555a;stroke-width:1}.fader-cap{fill:url(#grad-cap);stroke:#0a0a0b;stroke-width:1}.fader-capline{stroke:#d8d8dc;stroke-width:1.6}.pad-body{fill:url(#grad-pad);stroke:#a8702e;stroke-width:1.2}.pad.lit .pad-body,.pad:active .pad-body{fill:#ff9b3d;filter:drop-shadow(0 0 6px #ff9b3daa)}.btn-body{fill:url(#grad-btn);stroke:#0a0a0b;stroke-width:1}.btn.accent .btn-body{fill:#2b2115;stroke:#b97a2e}.btn.lit .btn-body{fill:#ffa04a;filter:drop-shadow(0 0 5px #ffa04a99)}.btn.lit .silk.inside{fill:#1b1b1d}.glyph{fill:#d6d6da}.btn.lit .glyph{fill:#1b1b1d}.led{fill:#232326}.led.lit.led-green{fill:#4ade54}.led.lit.led-orange{fill:#ffb03a}.led.lit.led-red{fill:#ff4a3d}.jog-outer{fill:url(#grad-jog-outer);stroke:#060607;stroke-width:1.5}.jog-dimple{fill:#131317;stroke:#05050700}.jog-rim{fill:url(#grad-jog-rim);stroke:#0c0c0d;stroke-width:1}.jog-platter{fill:url(#grad-jog-platter);stroke:#3d3d44;stroke-width:1.5}.jog-cap{fill:url(#grad-jog-cap);stroke:#55555e;stroke-width:1}.jog-cap-ring{fill:none;stroke:#6a6a72;stroke-width:1.5}.jog-marker{stroke:#e8e8ea;stroke-width:2.5;stroke-linecap:round}.jog-highlight{fill:none;stroke:#ffffff2e;stroke-width:5;stroke-linecap:round;pointer-events:none}.knob,.fader,.pad,.btn,.jog{cursor:pointer}.knob:hover .knob-body,.btn:hover .btn-body{stroke:#7a7a82}#software{padding:8px 16px 6px;max-width:1300px;margin:0 auto;width:100%;position:sticky;top:0;z-index:40;background:linear-gradient(to bottom,var(--bg) 88%,transparent)}#library-sec{padding:4px 16px 14px;max-width:1300px;margin:0 auto;width:100%}#zoom-ctl{position:fixed;left:14px;bottom:14px;z-index:50;display:flex;gap:6px;align-items:center}#zoom-ctl button,#zoom-ctl a{background:#1b1b20;border:1px solid #34343c;color:#c9c9cc;border-radius:6px;padding:5px 11px;font-size:13px;cursor:pointer;text-decoration:none;font-family:inherit;line-height:1.2}#zoom-ctl button:hover,#zoom-ctl a:hover{background:#26262d;border-color:#4a4a55}#guide-btn{color:#ffb03a!important;font-weight:600;letter-spacing:.04em}.sw-screen{display:flex;flex-direction:column;gap:4px;font-size:12px}.sw-statusbar{display:flex;align-items:center;gap:8px;background:#0c0c11;border:1px solid #1c1c22;border-radius:4px;padding:2px 8px;font-size:10px;letter-spacing:.08em;color:#8a8a92}.sw-sb-remain{color:#c9c9cc}.sw-sb-bar{flex:1;height:5px;background:#1c1c22;border-radius:3px;overflow:hidden}.sw-sb-bar i{display:block;height:100%;width:35%;background:#3a3a44}.sw-sb-info{color:#ff5a4a}.sw-main{display:grid;grid-template-columns:1fr 120px;gap:4px}.sw-waves{display:flex;flex-direction:column;gap:4px;min-width:0}.sw-drow{display:grid;grid-template-columns:76px 1fr;gap:5px;background:#0d0d11;border:1px solid #1e1e24;border-radius:5px;padding:4px}.sw-rail{display:flex;flex-direction:column;gap:2px;font-size:10px;min-width:0}.sw-rail-hd{font-size:9px;letter-spacing:.1em;color:#7a7a82}.sw-deck-a .sw-rail-hd{color:#4a9bff}.sw-deck-b .sw-rail-hd{color:#3df2c8}.sw-rail-src{color:#c9c9cc}.sw-rail-key{font-family:ui-monospace,monospace;font-size:15px;font-weight:700}.sw-deck-a .sw-rail-key{color:#5ea8ff}.sw-deck-b .sw-rail-key{color:#3df2c8}.sw-rail-bars b{color:#ff9b3d;font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.sw-rail-bars i{font-size:8px;color:#9a7a52;font-style:normal;margin-left:2px}.sw-rail-loop{color:#ff9b3d;font-size:11px;min-height:13px}.sw-rail-loop.on{color:#ffd27a}.sw-wave-col{min-width:0;display:flex;flex-direction:column;gap:2px}.sw-wave-wrap{position:relative}.sw-wave{width:100%;height:74px;display:block;border-radius:3px}.sw-hcbank{display:flex;gap:3px}.sw-hcbank .hc{flex:1;text-align:center;font-size:9px;font-weight:700;color:#3a3a42;background:#141418;border-radius:2px;line-height:13px}.sw-hcbank .hc.set{color:#0a0a0c;background:var(--hc)}.sw-analyzing{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#0a0a0ccc;color:#4a9bff;font-size:12px;letter-spacing:.2em}.analyzing .sw-analyzing{display:flex}.sw-beatfx{background:#0d0d11;border:1px solid #1e1e24;border-radius:5px;padding:5px 6px;display:flex;flex-direction:column;gap:3px;text-align:center}.fx-hd{font-size:9px;letter-spacing:.14em;color:#8a8a92;text-align:left}.fx-name{background:#2352c9;color:#fff;font-weight:700;font-size:13px;border-radius:3px;padding:3px 0;letter-spacing:.04em}.fx-name.on{background:#3a7bff;box-shadow:0 0 8px #3a7bffaa}.fx-sub{font-size:8px;color:#7a7a82;letter-spacing:.1em;text-align:left;margin-top:1px}.fx-ch{background:#16161c;border:1px solid #26262e;border-radius:3px;font-family:ui-monospace,monospace;font-size:14px;font-weight:700;color:#e8e8ea;padding:1px 0}.fx-stat{display:flex;align-items:baseline;justify-content:flex-end;gap:3px;font-family:ui-monospace,monospace}.fx-stat b{font-size:16px;font-weight:700;color:#e8e8ea}.fx-stat i{font-size:8px;color:#7a7a82;font-style:normal}.fx-tabs{display:flex;gap:3px}.fx-tabs span{flex:1;font-size:8px;color:#7a7a82;background:#16161c;border-radius:2px;padding:2px 0;letter-spacing:.06em}.fx-tabs span.on{color:#cfe0ff;background:#22303f}.sw-xpad{display:flex;align-items:stretch;gap:8px;padding:1px 4px}.xp-bank{flex:1.15;display:flex;flex-direction:column;gap:2px}.xp-pad{flex:1;display:flex;flex-direction:column;gap:2px}.xp-sec-lbl{font-size:8px;letter-spacing:.1em;color:#8a8a92;text-align:center}.xp-bank-cells,.xp-cells{display:flex;flex:1;gap:2px}.xp-bankfx{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;padding:3px 2px;color:#c9c9cc;border-radius:2px;border:1px solid #26262e;background:#16161b;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.xp-bankfx:hover{border-color:#4a4a55}.xp-bankfx.on{background:#12354a;color:#7fd0ff;border-color:#2b6a9a}.xp-trash{flex:0 0 20px;display:flex;align-items:center;justify-content:center;color:#8a8a92;border:1px solid #26262e;background:#16161b;border-radius:2px;cursor:pointer}.xp-trash:hover{color:#ff6a5a;border-color:#a03a30}.xp-cell{flex:1;text-align:center;font-size:10px;padding:3px 0;color:#c9c9cc;border-radius:2px;border:1px solid #26262e;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:repeating-linear-gradient(45deg,#1a1a1f 0,#1a1a1f 4px,#131317 4px,#131317 8px)}.xp-cell:hover{border-color:#4a4a55}.xp-cell.on{background:#2b2115;color:#ffb03a;border-color:#b97a2e;background-image:none}body.model-rx3 .xp-cell,body.model-rx3 .xp-bankfx{font-size:8px;padding:2px 0}.sw-detail{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sw-dd{background:#0d0d11;border:1px solid #1e1e24;border-radius:5px;padding:4px 6px;min-width:0}.dd-hd{display:flex;align-items:center;gap:6px;margin-bottom:3px}.dd-num{font-size:9px;font-weight:700;background:#232328;border-radius:2px;padding:0 5px}.sw-dd-a .dd-num{color:#4a9bff}.sw-dd-b .dd-num{color:#3df2c8}.dd-title{flex:1;font-weight:600;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-mt{font-size:9px;font-weight:700;letter-spacing:.06em;color:#6a6a72;background:#16161c;border:1px solid #2a2a32;border-radius:3px;padding:1px 6px;cursor:pointer;font-family:inherit}.dd-mt.on{color:#0a0a0c;background:#ffb03a;border-color:#ffb03a}.dd-body{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;gap:1px 8px;align-items:baseline}.dd-meta{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;gap:3px;font-size:8px}.dd-track b{font-family:ui-monospace,monospace;font-size:14px;color:#e8e8ea}.dd-hc{color:#ff5a4a;border:1px solid #ff5a4a55;border-radius:2px;padding:0 3px;letter-spacing:.05em}.dd-auto{color:#8a8a92;border:1px solid #2a2a32;border-radius:2px;padding:0 3px}.dd-time{grid-column:2;grid-row:1 / span 2;font-family:ui-monospace,monospace;font-size:30px;font-weight:700;color:#f0f0f2;letter-spacing:-.01em;line-height:1}.dd-time small{font-size:16px;color:#b0b0b8}.dd-tempo{grid-column:3;grid-row:1;display:flex;align-items:center;gap:5px;justify-content:flex-end}.dd-tempo b{font-family:ui-monospace,monospace;font-size:13px;color:#3dff7a}.dd-tempo i{font-size:8px;color:#7a7a82;font-style:normal}.dd-bpm{grid-column:3;grid-row:2;text-align:right}.dd-bpm b{font-family:ui-monospace,monospace;font-size:22px;font-weight:700;color:#ff9b3d}.dd-bpm i{font-size:8px;color:#9a7a52;font-style:normal;margin-left:2px}.dd-mini{grid-column:1 / -1;grid-row:3;width:100%;height:22px;display:block;margin-top:3px;border-radius:2px}.sw-library{margin-top:8px;background:#101013;border:1px solid #232328;border-radius:6px}.sw-lib-head{display:flex;justify-content:space-between;padding:6px 10px;font-size:11px;color:#808088;letter-spacing:.1em;border-bottom:1px solid #232328}.sw-lib-table{width:100%;border-collapse:collapse;font-size:12px}.sw-lib-table thead th{text-align:left;color:#66666e;font-size:10px;padding:4px 10px}.sw-lib-table tbody{display:block;max-height:130px;overflow-y:auto}.sw-lib-table thead tr,.sw-lib-table tbody tr{display:table;width:100%;table-layout:fixed}.sw-lib-table th:nth-child(1),.sw-lib-table td:nth-child(1){width:52px}.sw-lib-table th:nth-child(2),.sw-lib-table td:nth-child(2){width:34px;color:#66666e;font-family:ui-monospace,monospace}.sw-lib-table th:nth-child(4),.sw-lib-table td:nth-child(4){width:74px;color:#9a9aa2}.sw-lib-table th:nth-child(5),.sw-lib-table td:nth-child(5){width:44px}.sw-lib-table th:nth-child(6),.sw-lib-table td:nth-child(6){width:40px}.sw-lib-table th:nth-child(7),.sw-lib-table td:nth-child(7){width:94px}.sw-lib-table td.prev{padding:2px 6px}.prev-wave{width:44px;height:15px;display:block;opacity:.9}.trk-ic{margin-right:5px;font-size:11px;color:#8a8a92}.trk-ic.demo{color:#4a9bff}.sw-lib-table td.art{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-lib-table td.keycell{color:#3df2c8;font-family:ui-monospace,monospace}.mix-note{font-size:10px;color:#8f8f97;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-lib-table td{padding:4px 10px;border-top:1px solid #1a1a1f;cursor:default}.sw-lib-table tr.selected td{background:#12355a}.sw-lib-table tr:hover td{background:#16161b}.load-btn{background:#1a2740;color:#8fc4ff;border:1px solid #2b4a72;border-radius:3px;padding:1px 7px;font-size:10px;cursor:pointer;visibility:hidden}.sw-lib-table tr.selected .load-btn,.sw-lib-table tr:hover .load-btn{visibility:visible}.load-btn:hover{background:#26436b}.sw-library{position:relative;padding-left:54px}.sw-lib-rail{position:absolute;left:0;top:0;bottom:0;width:50px;background:#0a0b0f;border-right:1px solid #1e1e24;display:flex;flex-direction:column;padding:4px 3px;gap:2px}.lr-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:3px;font-size:8px;letter-spacing:.03em;color:#7a7a82}.lr-item.active{background:#12354a;color:#7fd0ff}.lr-item:not(.active){opacity:.65}.lr-ic{width:16px;height:12px;border:1px solid currentColor;border-radius:2px;opacity:.85}#status{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:#1a2333;border:1px solid #4a9bff55;color:#cfe0ff;padding:6px 16px;border-radius:6px;font-size:12px;opacity:0;transition:opacity .25s;pointer-events:none}#status.show{opacity:1}body.dragover:after{content:"DROP AUDIO TO IMPORT";position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;letter-spacing:.3em;background:#0a0a0cdd;border:2px dashed #4a9bff;color:#4a9bff;z-index:10}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:none;align-items:center;justify-content:center;padding:4vh 4vw}.guide-overlay.open{display:flex}.guide-panel{background:#121216;border:1px solid #2c2c34;border-radius:12px;width:min(960px,100%);height:min(82vh,900px);display:flex;flex-direction:column;box-shadow:0 24px 80px #000c}.guide-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #232329}.guide-title{font-weight:700;font-size:16px;color:#ffb03a;white-space:nowrap}.guide-search{flex:1;background:#1a1a20;border:1px solid #32323a;border-radius:6px;color:#e8e8ea;padding:6px 12px;font-size:13px;font-family:inherit;min-width:80px}.guide-search:focus{outline:none;border-color:#4a9bff88}.guide-langs{display:flex;border:1px solid #32323a;border-radius:6px;overflow:hidden}.guide-lang{background:#1a1a20;border:none;color:#9a9aa2;padding:6px 12px;font-size:12px;cursor:pointer;font-family:inherit}.guide-lang.active{background:#2b2115;color:#ffb03a;font-weight:700}.guide-close{background:none;border:none;color:#9a9aa2;font-size:16px;cursor:pointer;padding:4px 8px}.guide-close:hover{color:#e8e8ea}.guide-body{display:flex;flex:1;min-height:0}.guide-toc{width:210px;border-right:1px solid #232329;overflow-y:auto;padding:10px 0;flex-shrink:0}.guide-toc a{display:block;padding:7px 16px;color:#b9b9c0;text-decoration:none;font-size:13px;border-left:2px solid transparent}.guide-toc a:hover{background:#1a1a20;color:#ffb03a;border-left-color:#ffb03a}.guide-content{flex:1;overflow-y:auto;padding:6px 22px 30px;scroll-behavior:smooth}.guide-section h2{font-size:16px;color:#ffb03a;margin:22px 0 8px;padding-bottom:5px;border-bottom:1px solid #232329}.guide-content table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.guide-content th{text-align:left;color:#808088;font-size:11px;letter-spacing:.08em;padding:5px 9px;border-bottom:1px solid #26262c}.guide-content td{padding:6px 9px;border-bottom:1px solid #1a1a1f;vertical-align:top;color:#c9c9cc;line-height:1.55}.guide-content td.k{white-space:nowrap;font-weight:600;color:#e8e8ea}.guide-content p,.guide-content li{font-size:13px;color:#c9c9cc;line-height:1.65}.guide-content ol,.guide-content ul{padding-left:20px;margin:8px 0}.guide-content li{margin:5px 0}.guide-content kbd{background:#1e1e24;border:1px solid #34343c;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:11px;font-family:ui-monospace,monospace}.guide-content .chip{display:inline-block;background:#2b2115;border:1px solid #b97a2e;color:#ffb03a;border-radius:4px;padding:0 7px;font-size:11px;font-weight:600}.guide-content .note{background:#14141a;border-left:3px solid #4a9bff;padding:10px 14px;border-radius:4px;margin:10px 0;font-size:13px;color:#c9c9cc;line-height:1.6}.guide-content mark.gm{background:#ffb03a;color:#121216;border-radius:2px;padding:0 1px}.guide-empty{color:#808088;text-align:center;padding:40px 0;font-size:14px}@media(max-width:700px){.guide-toc{display:none}}.dd-phase{display:inline-flex;gap:2px}.dd-phase i{width:9px;height:6px;background:#232328;border-radius:1px}.sw-dd-a .dd-phase i.on{background:#4a9bff}.sw-dd-b .dd-phase i.on{background:#3df2c8}.dd-link{font-size:8px;font-weight:700;letter-spacing:.1em;color:#2a2a30;border:1px solid #26262c;border-radius:2px;padding:0 4px}.dd-link.on{color:#3dff7a;border-color:#3dff7a88;text-shadow:0 0 5px #3dff7a88}.dd-nudge{font-size:11px;font-weight:700;min-width:12px;text-align:center}.dd-nudge.off{color:#ffb03a}.dd-nudge.ok{color:#3dff7a}.btn.blink .btn-body{animation:djc-blink 1s steps(2,jump-none) infinite}@keyframes djc-blink{0%{fill:#37373e}50%{fill:#ffa04a}}.pad.avail .pad-body{stroke:#c98a3e;fill:#2e1e0d}.pad.pressed .pad-body{fill:#ff9b3d;filter:drop-shadow(0 0 6px #ff9b3daa)}.del-btn{background:none;border:1px solid #3a2a2a;color:#b06060;border-radius:3px;padding:1px 7px;font-size:11px;cursor:pointer;margin-left:2px}.del-btn:hover{background:#3a1a1a;color:#ff8080}.ctrl-wrap{position:relative;width:calc(min(100%,1280px) * var(--zoom, 1));max-width:100%}.ctrl-wrap svg.flx4{width:100%!important}#screen-overlay{position:absolute;overflow:hidden;background:#05060a;border-radius:4px}.screen-inner{width:900px;height:338px;transform-origin:top left;position:absolute;top:0;left:0;background:#05060a}#zoom-ctl .model-active{background:#2b2115;color:#ffb03a;border-color:#b97a2e;font-weight:700}body.model-rx3 #software{position:static;padding:4px 6px 2px;max-width:none;background:none}body.model-rx3 .sw-screen{gap:2px}body.model-rx3 .sw-wave{height:47px}body.model-rx3 .sw-xpad{padding:0 4px}body.model-rx3 .xp-sec-lbl{font-size:7px}body.model-rx3 .dd-time{font-size:26px}body.model-rx3 .dd-time small{font-size:14px}body.model-rx3 .dd-bpm b{font-size:19px}body.model-rx3 #library-sec{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#0a0c12f5;z-index:5;display:none;overflow:auto;padding:4px;max-width:none;border-radius:4px}.screen-inner.lib-open #library-sec{display:block}body.model-rx3 .sw-lib-table tbody{max-height:200px}body.model-rx3 #controller{padding-top:16px}.screen-frame{fill:#0c0c0f;stroke:#2a2a31;stroke-width:1.2}.screen-display{fill:#05060a;stroke:#000;stroke-width:1}.jog-groove{fill:none;stroke:#0d0d10;stroke-width:1;opacity:.6}.jog-lcd-face{fill:#08090d;stroke:#33333b;stroke-width:1.5}.jog-lcd-art{fill:url(#grad-jog-lcd)}.jog-lcd-ring{fill:none;stroke:#f2f2f5;stroke-width:2.5}.jog-mode-base{fill:#08080b;stroke:#1a1a1e;stroke-width:1}.jog-mode-arc{fill:none;stroke:#2f6ad8;stroke-width:9;opacity:.9}.silk.mode-lbl{fill:#c4c4cc;font-size:7px;letter-spacing:.05em}.silk.mode-slip{fill:#ff5a4a;font-size:7px;font-weight:700}.silk.mode-vinyl{fill:#63a8ff;font-size:7px;font-weight:700}.silk.mode-master{fill:#ff9b3d;font-size:7px;font-weight:700}.silk.pad-sub{fill:#8a8a92;font-size:7px;letter-spacing:.02em}svg.rx3 [data-id="fx.onoff"] .btn-body{fill:#2f6ad8;stroke:#5a8fe0}svg.rx3 [data-id="fx.onoff"].lit .btn-body{fill:#4a86ff;filter:drop-shadow(0 0 7px #4a86ffcc)}.jog-lcd-spindle{fill:#0a0b10;stroke:#55555e;stroke-width:1}.silk.lcd-brand{fill:#fffc;font-size:9px;letter-spacing:.12em;font-weight:700}.pm-white .btn-body{stroke:#cfcfd6}.pm-red .btn-body{stroke:#d64541}.pm-blue .btn-body{stroke:#4a9bff}.pm-orange .btn-body{stroke:#ff9b3d}.vu-inset{fill:#050608;stroke:#26262c;stroke-width:1}.silk.vu-hd{fill:#b6b6be;font-size:7px;letter-spacing:.04em}.silk.vu-clip{fill:#ff4a3d;font-size:7px;font-weight:700;letter-spacing:.1em}.silk.vu-db{fill:#6a6a72;font-size:6.5px;font-family:ui-monospace,monospace}.silk.fader-tick{fill:#8a8a92;font-size:8px;font-family:ui-monospace,monospace}svg.rx3 [data-id$=".cue"] .btn-body{fill:url(#grad-jog-cap);stroke:#ff9b3d;stroke-width:3.5}svg.rx3 [data-id$=".play"] .btn-body{fill:url(#grad-jog-cap);stroke:#3dd45e;stroke-width:3.5}svg.rx3 [data-id$=".cue"].lit .btn-body{filter:drop-shadow(0 0 7px #ff9b3daa)}svg.rx3 [data-id$=".play"].lit .btn-body{filter:drop-shadow(0 0 8px #3dd45ecc)}svg.rx3 [data-id$=".play"] .glyph{fill:#cfeecf}svg.rx3 [data-id$=".cue"] .cue-red{fill:#ffcf9b}.pad.rgb-0{--pc: #ff3b30;--pcd: #4a1512}.pad.rgb-1{--pc: #3df2f2;--pcd: #0f4444}.pad.rgb-2{--pc: #9bff3d;--pcd: #294a12}.pad.rgb-3{--pc: #4a9bff;--pcd: #122c4a}.pad.rgb-4{--pc: #3dd45e;--pcd: #133f1e}.pad.rgb-5{--pc: #ff9b3d;--pcd: #4a2c10}.pad.rgb-6{--pc: #9b4aff;--pcd: #2b1445}.pad.rgb-7{--pc: #f2e33d;--pcd: #45410f}.pad[class*=rgb-] .pad-body{fill:#1c1c20;stroke:var(--pc);stroke-width:2.4}.pad[class*=rgb-].lit .pad-body,.pad[class*=rgb-].pressed .pad-body,.pad[class*=rgb-]:active .pad-body{fill:var(--pc);filter:drop-shadow(0 0 8px var(--pc))}svg.rx3 .silk{font-size:8px}svg.rx3 .silk.tiny{font-size:6.2px}svg.rx3 .silk.inside{font-size:7.5px}svg.rx3 .screen-key .silk.inside{font-size:9px;letter-spacing:.06em}svg.rx3 .screen-key .btn-body{fill:#26262c;stroke:#3c3c45}svg.rx3 .silk.fx-item{fill:#b4b4ba;font-size:6px;letter-spacing:.01em;cursor:pointer}svg.rx3 .silk.fx-item:hover{fill:#cfcfd4}svg.rx3 .silk.fx-item.active{fill:#ffb03a;font-weight:700}.sw-lib-search{background:#16161c;border:1px solid #2c2c34;border-radius:4px;color:#e8e8ea;padding:2px 10px;font-size:12px;font-family:inherit;width:180px;margin:0 10px}.sw-lib-search:focus{outline:none;border-color:#4a9bff77}.sw-lib-head{align-items:center}#menu-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;z-index:90;display:flex;align-items:center;justify-content:center}.menu-box{background:#14141a;border:1px solid #2c2c34;border-radius:10px;width:min(440px,92vw);padding:14px 18px 18px}.menu-head{display:flex;justify-content:space-between;align-items:center;color:#ffb03a;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.menu-close{background:none;border:none;color:#9a9aa2;font-size:15px;cursor:pointer}.menu-box h4{font-size:13px;margin:12px 0 4px;color:#e8e8ea}.menu-note{font-size:12px;color:#9a9aa2;line-height:1.5}.menu-outs{display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:180px;overflow-y:auto}.menu-outs button{background:#1b1b22;border:1px solid #32323c;color:#e8e8ea;border-radius:6px;padding:7px 12px;font-size:13px;cursor:pointer;text-align:left}.menu-outs button:hover{border-color:#4a9bff88}.lib-import{background:#2b2115;border:1px solid #b97a2e;color:#ffb03a;border-radius:5px;padding:3px 14px;font-size:12px;font-weight:700;cursor:pointer;margin-right:10px;font-family:inherit;white-space:nowrap}.lib-import:hover{background:#3a2c1a}.lib-mix{background:#12241f;border:1px solid #2e8f77;color:#3df2c8;border-radius:5px;padding:3px 14px;font-size:12px;font-weight:700;cursor:pointer;margin-right:10px;font-family:inherit;white-space:nowrap}.lib-mix:hover{background:#17332b}.lib-mix.on{background:#3df2c8;color:#0a0a0c}#rec-badge{position:fixed;top:12px;right:14px;z-index:900;display:none;align-items:center;gap:7px;background:#2a0f10;border:1px solid #d13438;color:#ffd9da;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;box-shadow:0 2px 10px #0008}#rec-badge.on{display:flex}#rec-badge .rec-dot{width:9px;height:9px;border-radius:50%;background:#ff3b3b;animation:rec-pulse 1s ease-in-out infinite}#rec-badge .rec-label{letter-spacing:.12em}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.fader-val{fill:#8a8a92;font-family:ui-monospace,monospace;font-size:13px;font-weight:700;paint-order:stroke;stroke:#0a0a0c;stroke-width:3px}.sw-mt{background:#17171d;border:1px solid #33333c;color:#55555e;border-radius:3px;padding:0 7px;font-size:10px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.08em}.sw-mt.on{color:#3df2c8;border-color:#3df2c877;text-shadow:0 0 5px #3df2c866}#controller svg.flx4{touch-action:none}.guide-overlay,#screen-overlay{touch-action:auto}.knob.match .indicator{stroke:#3df2c8;filter:drop-shadow(0 0 3px #3df2c8aa)}.knob.match .knob-body{stroke:#3df2c877}.btn.latched .btn-body{animation:djc-latch .9s ease-in-out infinite}@keyframes djc-latch{0%,to{fill:#ffa04a}50%{fill:#7a5324}}body.model-rx3 #library-sec .sw-lib-table{font-size:17px}body.model-rx3 #library-sec .sw-lib-table thead th{font-size:13px;padding:6px 12px}body.model-rx3 #library-sec .sw-lib-table td{padding:8px 12px}body.model-rx3 #library-sec .sw-lib-head{font-size:15px}body.model-rx3 #library-sec .sw-lib-search{font-size:16px;width:220px}body.model-rx3 #library-sec .load-btn{font-size:15px;padding:3px 12px}body.model-rx3 #library-sec .del-btn,body.model-rx3 #library-sec .lib-import{font-size:15px}body.model-rx3 .sw-lib-table tbody{max-height:240px}#keymap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b0;z-index:95;display:none;align-items:center;justify-content:center}#keymap-overlay.open{display:flex}.keymap-box{background:#14141a;border:1px solid #2c2c34;border-radius:10px;width:min(560px,94vw);max-height:86vh;overflow-y:auto;padding:14px 20px 16px}.keymap-head{display:flex;justify-content:space-between;align-items:center;color:#ffb03a;font-weight:700;letter-spacing:.06em;margin-bottom:8px;font-size:14px}.keymap-close{background:none;border:none;color:#9a9aa2;font-size:15px;cursor:pointer}.keymap-box table{width:100%;border-collapse:collapse;font-size:13px}.keymap-box td{padding:6px 8px;border-bottom:1px solid #1e1e24;color:#c9c9cc;line-height:1.5}.keymap-box td.keys{white-space:nowrap;width:40%}.keymap-box .zh{color:#808088;font-size:12px}.keymap-box kbd,#key-hints kbd{background:#1e1e24;border:1px solid #34343c;border-bottom-width:2px;border-radius:4px;padding:1px 7px;font-size:12px;font-family:ui-monospace,monospace}.keymap-note{font-size:12px;color:#808088;margin-top:10px;line-height:1.5}#key-hints{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:50;background:#14141acc;border:1px solid #2c2c34;border-radius:8px;padding:6px 14px;font-size:12px;color:#9a9aa2;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#key-hints:hover{color:#e8e8ea;border-color:#4a4a55}@media(pointer:coarse){#key-hints{display:none}}.jog.touching .jog-rim{stroke:#ffb03a;stroke-width:2}.jog.touching .jog-dimple{fill:#1c1c22}.stem-badge{position:fixed;top:14px;z-index:60;display:none;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#08120a;background:#3dd45e;border:1px solid #2bbd4d;box-shadow:0 0 12px #3dd45e77;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stem-badge.show{display:block}.stem-badge[data-side=a]{left:14px}.stem-badge[data-side=b]{right:14px}.stem-badge.working{color:#1a1206;background:#ffb03a;border-color:#e0932a;box-shadow:0 0 12px #ffb03a77;animation:djc-blink 1s steps(2,jump-none) infinite}@media(pointer:coarse){.stem-badge{font-size:11px;padding:4px 9px}}#hq-stems{position:fixed;left:14px;bottom:56px;z-index:55;width:214px;background:#14141acc;border:1px solid #2c2c34;border-radius:8px;padding:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px}#hq-stems .hq-btn{width:100%;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;background:#1e1e24;color:#c8c8d0;padding:6px 8px;font:inherit;letter-spacing:.02em}#hq-stems .hq-btn:hover{border-color:#4a9bff;color:#eaf2ff}#hq-stems[data-state=on] .hq-btn{color:#3dd45e;border-color:#2bbd4d;cursor:default}#hq-stems[data-state=error] .hq-btn{color:#ff6a5a;border-color:#a03a30}#hq-stems .hq-bar{height:4px;margin-top:5px;border-radius:3px;background:#26262e;overflow:hidden;display:none}#hq-stems[data-state=downloading] .hq-bar,#hq-stems[data-state=loading] .hq-bar{display:block}#hq-stems .hq-fill{display:block;height:100%;width:0;background:#4a9bff;transition:width .15s linear}#hq-stems[data-state=loading] .hq-fill{background:#ffb03a}@media(pointer:coarse){#hq-stems{width:180px;font-size:10px}}.stemeq{position:fixed;z-index:56;font-size:11px}.stemeq[data-side=a]{left:14px;top:50px}.stemeq[data-side=b]{right:14px;top:50px}.seq-launch{cursor:pointer;border:1px solid #3a3a44;border-radius:6px;background:#1e1e24;color:#c8c8d0;padding:5px 10px;font:inherit;letter-spacing:.04em}.seq-launch:hover{border-color:#4a9bff;color:#eaf2ff}.stemeq[data-state=working] .seq-launch{color:#ffb03a;border-color:#e0932a}.stemeq[data-state=on] .seq-launch{color:#3dd45e;border-color:#2bbd4d}.seq-body{display:none;margin-top:6px;background:#14141aee;border:1px solid #2c2c34;border-radius:8px;padding:8px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stemeq[data-state=on] .seq-body{display:block}.stemeq[data-side=b] .seq-body{float:right}.seq-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9a9aa2;margin-bottom:8px;letter-spacing:.04em}.seq-off{cursor:pointer;background:none;border:none;color:#9a9aa2;font-size:13px;padding:0}.seq-off:hover{color:#ff6a5a}.seq-faders{display:flex;gap:12px}.seq-f{display:flex;flex-direction:column;align-items:center;gap:5px;color:#c9c9cc}.seq-f input[type=range]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:10px;height:96px;accent-color:#4a9bff;cursor:pointer}.seq-f span{font-size:9px;letter-spacing:.03em;color:#9a9aa2}.gicon{width:14px;height:14px;margin-right:7px;vertical-align:-2px;color:#ffb03a;flex-shrink:0}.guide-toc a{display:flex;align-items:center}.guide-section h2 .gicon{width:15px;height:15px}