:root{--g:#0f0;--gm:#0c0;--gd:#080;--gdk:#030;--bg:#080808;--bg2:#0a0a0a;--border:#050}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;background:#000;color:#0f0;color:var(--g);font-family:Share Tech Mono,monospace;overflow:hidden;user-select:none;-webkit-user-select:none}#matrix-rain{height:100%;left:0;opacity:.08;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.app-container{display:flex;height:100dvh;position:relative;width:100%;z-index:1}.graph-panel{border-right:1px solid #050;border-right:1px solid var(--border);flex:1 1;overflow:hidden;position:relative}.side-panel{background:#0a0a0a;background:var(--bg2);border-left:1px solid #050;border-left:1px solid var(--border);display:flex;flex-direction:column;font-size:10px;overflow-y:auto;width:220px}.side-panel .panel-title{border-bottom:1px solid #050;border-bottom:1px solid var(--border);color:#0f0;color:var(--g);font-size:11px;letter-spacing:2px;padding:8px 10px;text-shadow:0 0 6px #0f0;text-shadow:0 0 6px var(--g);text-transform:uppercase}.react-flow__node{font-family:Share Tech Mono,monospace!important;font-size:10px!important}.react-flow__background{background:#000!important}.react-flow__controls{border:1px solid #050!important;border:1px solid var(--border)!important}.react-flow__controls,.react-flow__controls-button{background:#080808!important;background:var(--bg)!important}.react-flow__controls-button{fill:#0f0!important;fill:var(--g)!important;border-bottom:1px solid #050!important;border-bottom:1px solid var(--border)!important}.react-flow__controls-button svg{fill:#0c0!important;fill:var(--gm)!important}.react-flow__controls-button:hover{background:#030!important;background:var(--gdk)!important}.react-flow__minimap{background:#000!important;border:1px solid #050!important;border:1px solid var(--border)!important}.matrix-node{background:#080808;background:var(--bg);border:1px solid #050;border:1px solid var(--border);border-radius:3px;box-shadow:0 0 4px #00ff001a;min-width:80px;overflow:hidden}.matrix-node.selected{border-color:#0f0;border-color:var(--g);box-shadow:0 0 8px #00ff004d}.matrix-node .node-header{background:#001a00;border-bottom:1px solid #050;border-bottom:1px solid var(--border);color:#0f0;color:var(--g);font-size:9px;letter-spacing:1px;padding:3px 6px;text-shadow:0 0 4px #0f0;text-shadow:0 0 4px var(--g);text-transform:uppercase}.matrix-node .node-content{color:#0c0;color:var(--gm);padding:6px}.mx-btn{background:#080808;background:var(--bg);border:1px solid #050;border:1px solid var(--border);border-radius:2px;color:#0c0;color:var(--gm);cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .1s}.mx-btn:hover{background:#030;background:var(--gdk)}.mx-btn:active{background:#020;border-color:#0f0;border-color:var(--g);color:#0f0;color:var(--g);transform:scale(.96)}.mx-btn.primary{background:#001a00;border-color:#0c0;border-color:var(--gm);color:#0f0;color:var(--g)}.mx-btn.small{font-size:8px;padding:2px 6px}.mx-input{background:#080808;background:var(--bg);border:1px solid #050;border:1px solid var(--border);border-radius:2px;color:#0f0;color:var(--g);font-family:inherit;font-size:10px;outline:none;padding:3px 6px;width:100%}.mx-input:focus{border-color:#0f0;border-color:var(--g)}.mx-input::placeholder{color:#080;color:var(--gd)}.mx-checkbox{align-items:center;color:#0c0;color:var(--gm);cursor:pointer;display:flex;font-size:9px;gap:4px}.mx-checkbox input{accent-color:#0f0;accent-color:var(--g);cursor:pointer;height:12px;width:12px}.seq-cell{align-items:center;background:#080808;background:var(--bg);border:1px solid #050;border:1px solid var(--border);border-radius:1px;color:#0c0;color:var(--gm);cursor:pointer;display:inline-flex;font-size:7px;height:18px;justify-content:center;width:18px}.seq-cell.on{background:#002800;border-color:#0c0;border-color:var(--gm);color:#0f0;color:var(--g)}.seq-cell.active{background:#0c0!important;background:var(--gm)!important;color:#000!important}.seq-cell:nth-child(4n+1){border-left:2px solid #080;border-left:2px solid var(--gd)}.preset-group{border-bottom:1px solid #050;border-bottom:1px solid var(--border)}.preset-group-header{color:#0f0;color:var(--g);cursor:pointer;font-size:10px;letter-spacing:1px;padding:6px 10px;text-transform:uppercase}.preset-group-header:hover{background:#030;background:var(--gdk)}.preset-item{border-top:1px solid #0055004d;color:#0c0;color:var(--gm);cursor:grab;font-size:9px;padding:4px 10px 4px 16px;transition:background .1s}.preset-item:hover{background:#030;background:var(--gdk);color:#0f0;color:var(--g)}.add-node-popup{position:absolute;z-index:10}.add-node-popup input{background:#080808;background:var(--bg);border:1px solid #0f0;border:1px solid var(--g);border-radius:2px;box-shadow:0 0 10px #00ff004d;color:#0f0;color:var(--g);font-family:inherit;font-size:11px;min-width:180px;outline:none;padding:6px 10px}.storage-bar{border-bottom:1px solid #050;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px}.react-flow__handle{border:1px solid #050!important;border:1px solid var(--border)!important}.cmd-palette{animation:cmdFadeIn .12s ease-out;background:#0a0a0a;border:1px solid #0f0;border:1px solid var(--g);border-radius:3px;box-shadow:0 0 20px #00ff004d,0 0 60px #000c;font-family:Share Tech Mono,monospace;overflow:hidden}@keyframes cmdFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cmd-palette-header{padding:6px}.cmd-palette-body{border-top:1px solid #050;border-top:1px solid var(--border);max-height:350px;overflow-y:auto}.cmd-palette-body::-webkit-scrollbar{width:4px}.cmd-palette-body::-webkit-scrollbar-track{background:#000}.cmd-palette-body::-webkit-scrollbar-thumb{background:#030;background:var(--gdk)}.cmd-item{align-items:center;border-bottom:1px solid #0055004d;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:background .08s}.cmd-item.selected,.cmd-item:hover{background:#001a00}.cmd-item-icon{flex-shrink:0;font-size:16px;text-align:center;width:24px}.cmd-item-name{color:#0f0;color:var(--g);font-size:11px;letter-spacing:.5px;min-width:80px;text-transform:uppercase;white-space:nowrap}.cmd-item-desc{color:#080;color:var(--gd);flex:1 1;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item-cat{color:#030;color:var(--gdk);font-size:7px;letter-spacing:.5px;text-transform:uppercase}.onboarding-overlay{align-items:center;animation:fadeIn .3s;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-content{background:#050505;border:1px solid #0f0;border:1px solid var(--g);box-shadow:0 0 40px #00ff0026;max-width:500px;padding:32px 36px;text-align:center;width:90%}.onboarding-title{color:#0f0;color:var(--g);font-size:24px;letter-spacing:2px;margin-bottom:4px;text-shadow:0 0 10px #0f0,0 0 20px #0c0;text-shadow:0 0 10px var(--g),0 0 20px var(--gm)}.onboarding-subtitle{color:#080;color:var(--gd);font-size:11px;letter-spacing:3px;margin-bottom:24px;text-transform:uppercase}.onboarding-steps{margin-bottom:20px;text-align:left}.onboard-step{align-items:center;border-bottom:1px solid #0503;color:#0c0;color:var(--gm);display:flex;font-size:11px;gap:8px;line-height:1.4;padding:6px 0}.onboard-step b,.step-num{color:#0f0;color:var(--g)}.step-num{align-items:center;border:1px solid #0c0;border:1px solid var(--gm);border-radius:50%;display:inline-flex;flex-shrink:0;font-size:9px;height:20px;justify-content:center;width:20px}.bang-dot{background:#050}.audio-dot,.bang-dot{display:inline-block;height:10px;margin:0 2px;vertical-align:middle;width:10px}.audio-dot{background:#0a0;border-radius:50%}.onboarding-hint{animation:pulse 2s infinite;color:#080;color:var(--gd);font-size:10px;letter-spacing:1px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:768px){.app-container{flex-direction:column}.graph-panel{border-bottom:1px solid #050;border-bottom:1px solid var(--border);border-right:none;flex:1 1}.side-panel{border-left:none;border-top:1px solid #050;border-top:1px solid var(--border);flex-shrink:0;max-height:120px;width:100%}.side-panel .panel-title{font-size:9px;padding:4px 8px}.preset-item{font-size:8px;padding:3px 8px}.react-flow__controls,.react-flow__minimap{display:none}.matrix-node{font-size:8px;min-width:60px}.matrix-node .node-header{font-size:7px;padding:2px 4px}.matrix-node .node-content{padding:4px}.cmd-palette{left:5vw!important;max-width:360px;top:10vh!important;width:90vw}.onboarding-content{padding:20px 24px}.onboarding-title{font-size:18px}.onboard-step{font-size:10px}.storage-bar{gap:2px}.mx-btn.small{font-size:7px;padding:2px 5px}}
/*# sourceMappingURL=main.e2773b7d.css.map*/