:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}[data-v-b6eec79e]{box-sizing:border-box}.app-container[data-v-b6eec79e]{color:#e0e0e0;background:#121212;flex-direction:column;width:100vw;height:100vh;font-family:Segoe UI,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loading-overlay[data-v-b6eec79e]{z-index:9999;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner[data-v-b6eec79e]{border:4px solid #333;border-top-color:#007acc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-b6eec79e}@keyframes spin-b6eec79e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-b6eec79e]{color:#fff;margin-top:15px;font-size:1.2rem;font-weight:700}header[data-v-b6eec79e]{background:#1e1e1e;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.header-logo[data-v-b6eec79e]{width:auto;height:128px;margin-right:15px}.install-btn[data-v-b6eec79e]{color:#fff;cursor:pointer;background:#007acc;border:none;border-radius:4px;margin-right:15px;padding:5px 10px;font-weight:700;animation:2s infinite pulse}.brand h1[data-v-b6eec79e]{color:#fff;margin:0;font-size:5rem}.ver[data-v-b6eec79e]{background:#007acc;border-radius:4px;padding:2px 5px;font-size:.7rem}.status[data-v-b6eec79e]{color:#888;align-items:center;gap:5px;font-size:.8rem;display:flex}.led[data-v-b6eec79e]{background:#444;border-radius:50%;width:8px;height:8px}.led.on[data-v-b6eec79e]{background:#0f0;box-shadow:0 0 5px #0f0}.midi-cfg select[data-v-b6eec79e]{color:#fff;background:#2d2d2d;border:1px solid #444;border-radius:3px;width:100%;padding:5px}.midi-port[data-v-b6eec79e]{flex-direction:column;margin-left:15px;display:flex}.midi-port label[data-v-b6eec79e]{color:#888;margin-bottom:2px;font-size:.7rem}.nav-bar[data-v-b6eec79e]{background:#252526;border-bottom:1px solid #333;align-items:center;gap:15px;padding:10px 20px;display:flex}.bank-ctrl[data-v-b6eec79e]{gap:10px;display:flex}.nav-group[data-v-b6eec79e]{background:#000;border-radius:4px;align-items:center;display:flex;overflow:hidden}.nav-group button[data-v-b6eec79e]{color:#fff;cursor:pointer;background:#333;border:none;padding:5px 10px}.lcd-label[data-v-b6eec79e]{color:#0f0;padding:0 10px;font-family:monospace;font-size:.9rem}.preset-name[data-v-b6eec79e]{color:#fff;text-align:center;background:#333;border:1px solid #555;width:150px;padding:5px;font-size:1rem}.global-ch-ctrl[data-v-b6eec79e]{align-items:center;gap:5px;display:flex}.global-ch-ctrl label[data-v-b6eec79e]{color:#888;font-size:.8rem}.global-ch-ctrl select[data-v-b6eec79e]{color:#fff;background:#333;border:1px solid #555;padding:4px}.actions button[data-v-b6eec79e]{color:#fff;cursor:pointer;background:#333;border:1px solid #555;margin-left:5px;padding:5px 15px}.actions button.primary[data-v-b6eec79e]{background:#007acc;border-color:#007acc}.actions button.danger[data-v-b6eec79e]{background:#d32f2f;border-color:#d32f2f}.workspace[data-v-b6eec79e]{flex:1;display:flex;overflow:hidden}.tabs[data-v-b6eec79e]{background:#1e1e1e;border-right:1px solid #333;flex-direction:column;width:140px;display:flex}.tab-group[data-v-b6eec79e]{color:#666;padding:10px 15px 5px;font-size:.7rem;font-weight:700}.tabs button[data-v-b6eec79e]{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:8px 15px}.tabs button[data-v-b6eec79e]:hover{color:#fff;background:#2a2a2a}.tabs button.active[data-v-b6eec79e]{color:#fff;background:#252526;border-left-color:#007acc}.tab-footer[data-v-b6eec79e]{margin-top:auto;padding:10px}.danger-link[data-v-b6eec79e]{color:#a04040;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.content[data-v-b6eec79e]{background:#121212;flex:1;padding:20px;overflow-y:auto}.layers-grid[data-v-b6eec79e],.knobs-grid[data-v-b6eec79e]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.card[data-v-b6eec79e]{background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:15px}.card-head[data-v-b6eec79e]{color:#007acc;border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:5px;font-weight:700}.row[data-v-b6eec79e]{align-items:center;margin-bottom:8px;display:flex}.row label[data-v-b6eec79e]{color:#888;width:80px;font-size:.8rem}.row input[data-v-b6eec79e],.row select[data-v-b6eec79e]{color:#fff;background:#2d2d2d;border:1px solid #444;flex:1;padding:4px}.half[data-v-b6eec79e]{width:48%;margin-right:2%}.sysex-input[data-v-b6eec79e]{letter-spacing:1px;font-family:monospace}.small-btn[data-v-b6eec79e]{margin-left:8px;padding:4px 10px;font-size:.8rem}.fav-grid[data-v-b6eec79e]{flex-direction:column;gap:5px;display:flex}.fav-cells[data-v-b6eec79e]{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.full-width[data-v-b6eec79e]{width:100%}.seq-io[data-v-b6eec79e]{gap:10px;margin-bottom:10px;display:flex}.thru-btn[data-v-b6eec79e]{color:#888;background:#333;border:1px solid #555;padding:5px 10px}.thru-btn.active[data-v-b6eec79e]{color:#fff;background:#007acc}.seq-ctrls[data-v-b6eec79e]{align-items:center;gap:10px;margin-bottom:15px;display:flex}.seq-ctrls button[data-v-b6eec79e]{cursor:pointer;color:#fff;background:#333;border:none;padding:5px 15px}.seq-ctrls button.active[data-v-b6eec79e]{color:#000;background:#0f0}.seq-ctrls button.rec[data-v-b6eec79e]{color:#fff;background:red}.seq-ctrls button.danger[data-v-b6eec79e]{color:#fff;background:#d32f2f}.seq-ctrls button.primary[data-v-b6eec79e]{color:#fff;background:#007acc}.seq-steps[data-v-b6eec79e]{background:#000;grid-template-columns:repeat(8,1fr);gap:4px;height:auto;padding:10px;display:grid}.step[data-v-b6eec79e]{background:#222;border:1px solid #333;flex-direction:column;justify-content:flex-end;height:90px;display:flex;position:relative}.step.active[data-v-b6eec79e]{background:#333;border-color:#007acc}.vel-bar[data-v-b6eec79e]{z-index:1;opacity:.5;background:#007acc;width:100%;transition:height .1s;position:absolute;bottom:0;left:0}.note-val[data-v-b6eec79e]{color:#fff;text-align:center;z-index:10;background:0 0;border:none;width:100%;font-size:.8rem;font-weight:700;position:absolute;top:2px}.vel-val[data-v-b6eec79e]{color:#007acc;text-align:center;z-index:5;background:0 0;border:none;width:100%;font-size:.7rem;font-weight:700;position:absolute;bottom:5px}.idx[data-v-b6eec79e]{text-align:center;color:#666;width:100%;font-size:.7rem;position:absolute;bottom:-20px}.step-ctrl[data-v-b6eec79e]{background:#333;border-radius:3px;align-items:center;display:flex;overflow:hidden}.step-ctrl button[data-v-b6eec79e]{background:#444;padding:2px 8px}.step-ctrl button[data-v-b6eec79e]:hover{background:#555}.step-ctrl span[data-v-b6eec79e]{text-align:center;min-width:25px;padding:0 8px;font-family:monospace}.right-sidebar[data-v-b6eec79e]{background:#1e1e1e;border-left:1px solid #333;flex-direction:column;width:280px;display:flex}.sidebar-header[data-v-b6eec79e]{color:#ccc;text-transform:uppercase;background:#252526;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.7rem;font-weight:700;display:flex}.logs-container[data-v-b6eec79e]{background:#111;flex:1;padding:10px;font-family:Consolas,monospace;font-size:.75rem;overflow-y:auto}.log-item[data-v-b6eec79e]{color:#888;white-space:pre-wrap;margin-bottom:2px}.log-item.tx[data-v-b6eec79e]{color:#4caf50}.log-item.rx[data-v-b6eec79e]{color:#2196f3}.clear-btn[data-v-b6eec79e]{color:#aaa;cursor:pointer;background:#333;border:1px solid #555;border-radius:2px;padding:2px 6px;font-size:.6rem}.clear-btn[data-v-b6eec79e]:hover{color:#fff;background:#444}.help-content[data-v-b6eec79e]{max-width:800px}.help-content h2[data-v-b6eec79e]{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:10px}.faq-item[data-v-b6eec79e]{margin-bottom:25px}.faq-item h3[data-v-b6eec79e]{color:#09c;margin-bottom:5px}.faq-item p[data-v-b6eec79e]{color:#bbb;line-height:1.6}.yt-link[data-v-b6eec79e]{color:#fff;background:#c00;border-radius:4px;padding:8px 15px;text-decoration:none;display:inline-block}.download-links[data-v-b6eec79e]{gap:10px;margin-top:10px;display:flex}.dl-link[data-v-b6eec79e]{background:#333;padding:8px 15px}@media (max-width:768px){.app-container[data-v-b6eec79e]{flex-direction:column}.workspace[data-v-b6eec79e]{flex-direction:column;overflow-y:auto}.tabs[data-v-b6eec79e]{border-bottom:1px solid #333;border-right:none;flex-direction:row;width:100%;overflow-x:auto}}