: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.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.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}.indicator{stroke:#e8e8ea;stroke-width:2.4;stroke-linecap:round}.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-ridge{stroke:#101013;stroke-width:4}.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-decks{display:flex;flex-direction:column;gap:6px}.sw-deck{background:#101013;border:1px solid #232328;border-radius:6px;padding:6px 10px}.sw-head{display:flex;align-items:baseline;gap:12px;font-size:12px;margin-bottom:4px}.sw-num{background:#232328;border-radius:3px;padding:1px 7px;font-weight:700}.sw-deck-a .sw-num{color:#4a9bff}.sw-deck-b .sw-num{color:#3df2c8}.sw-title{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-bpm{font-family:ui-monospace,monospace;font-size:15px;font-weight:700}.sw-bpm:after{content:" BPM";font-size:9px;color:#808088}.sw-key{color:#b3ff4a;font-family:ui-monospace,monospace}.sw-time{font-family:ui-monospace,monospace;color:#c9c9cc}.sw-wave-wrap{position:relative}.sw-wave{width:100%;height:86px;display:block;border-radius:3px}.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-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:26px}.sw-lib-table th:nth-child(3),.sw-lib-table td:nth-child(3){width:90px}.sw-lib-table th:nth-child(4),.sw-lib-table td:nth-child(4){width:60px}.sw-lib-table th:nth-child(5),.sw-lib-table td:nth-child(5){width:54px}.sw-lib-table th:nth-child(6),.sw-lib-table td:nth-child(6){width:70px}.sw-lib-table td{padding:4px 10px;border-top:1px solid #1a1a1f;cursor:default}.sw-lib-table tr.selected td{background:#1a2333}.sw-lib-table tr:hover td{background:#16161b}.load-btn{background:#232328;color:#e8e8ea;border:1px solid #38383f;border-radius:3px;padding:1px 8px;font-size:11px;cursor:pointer}.load-btn:hover{background:#2e3a52}#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}}.sw-phase{display:inline-flex;gap:3px;align-items:center}.sw-phase i{width:14px;height:8px;background:#232328;border-radius:2px}.sw-deck-a .sw-phase i.on{background:#4a9bff}.sw-deck-b .sw-phase i.on{background:#3df2c8}.sw-link{font-size:10px;font-weight:700;letter-spacing:.12em;color:#2a2a30;border:1px solid #26262c;border-radius:3px;padding:0 6px}.sw-link.on{color:#3dff7a;border-color:#3dff7a88;text-shadow:0 0 6px #3dff7a88}.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:498px;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:6px 8px 2px;max-width:none;background:none}body.model-rx3 .sw-deck{padding:3px 8px}body.model-rx3 .sw-wave{height:158px}body.model-rx3 .sw-decks{gap:10px;padding-top:4px}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:330px}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-lcd-face{fill:#0a0b10;stroke:#33333b;stroke-width:1.5}.jog-lcd-ring{fill:none;stroke:#d64541;stroke-width:2.5}.pm-white .btn-body{stroke:#cfcfd6}.pm-red .btn-body{stroke:#d64541}.pm-blue .btn-body{stroke:#4a9bff}.pm-orange .btn-body{stroke:#ff9b3d}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 .fx-name{fill:#ffb03a;font-size:8px;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}