@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color: #080a10;--window-bg: rgba(14, 18, 28, .95);--titlebar-bg: rgba(22, 28, 44, .95);--panel-border: rgba(255, 255, 255, .12);--accent-cyan: #00f0ff;--accent-magenta: #ff0077;--accent-purple: #8a2be2;--accent-gold: #ffd700;--accent-green: #00ff88;--text-main: #f0f3fe;--text-dim: #7a829e}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:Outfit,sans-serif;color:var(--text-main)}.unity-app-layout{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--bg-color);overflow:hidden}.header-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--titlebar-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0;height:52px}.brand-card{display:flex;align-items:center;gap:.6rem}.brand-logo{display:flex;align-items:center;gap:.4rem}.brand-logo h1{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--accent-cyan) 50%,var(--accent-magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-card p{font-size:.62rem;color:var(--text-dim);font-family:Space Mono,monospace;text-transform:uppercase}.master-controls-bar{display:flex;align-items:center;gap:.6rem}.btn-play-master{background:linear-gradient(135deg,#00b359,#0f8);color:#05060a;border:none;padding:.45rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s ease;box-shadow:0 4px 12px #00ff884d}.btn-play-master.playing{background:linear-gradient(135deg,#f05,#c00);color:#fff;animation:pulse 1s infinite}.control-pill{display:flex;align-items:center;gap:.4rem;background:#0a0e16cc;border:1px solid var(--panel-border);padding:.3rem .6rem;border-radius:8px;font-family:Space Mono,monospace}.pill-label{font-size:.62rem;color:var(--text-dim);font-weight:700;display:flex;align-items:center;gap:.2rem}.pill-val{font-size:.7rem;color:var(--accent-cyan);font-weight:700}.preset-pill select{background:transparent;border:none;color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;outline:none;cursor:pointer}.preset-pill select option{background:#0e121e;color:var(--text-main)}.visualizer-wrapper{display:flex;align-items:center;justify-content:center;background:#0a0e16cc;border:1px solid var(--panel-border);padding:.15rem .4rem;border-radius:8px}.btn-danger{background:#ff005526;border:1px solid rgba(255,0,85,.4);color:#f37;padding:.4rem .75rem;border-radius:8px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.3rem}.btn-danger:hover{background:#f05;color:#fff}.unity-workspace-grid{display:flex;flex:1;width:100%;overflow:hidden;background:var(--bg-color);gap:4px;padding:4px}.workspace-column{display:flex;flex-direction:column;height:100%}.left-column{width:260px;flex-shrink:0}.center-column{flex:1;min-width:320px}.right-column{width:300px;flex-shrink:0}.unity-window{display:flex;flex-direction:column;height:100%;background:var(--window-bg);border:1px solid var(--panel-border);border-radius:8px;overflow:hidden}.window-header{height:34px;background:var(--titlebar-bg);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;flex-shrink:0}.window-title{display:flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.window-actions{display:flex;align-items:center;gap:.4rem}.btn-icon-toggle{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text-dim);padding:.15rem .45rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-icon-toggle.active{background:#00f0ff33;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-icon{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px}.btn-icon:hover{color:#fff}.scene-window{position:relative}.scene-viewport-container{position:relative;width:100%;height:100%;overflow:hidden;background:#05060a}.scene-viewport-container .webgl-container{position:absolute;top:0;left:0;width:100%;height:100%}.viewport-overlay-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0e121cd9;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;padding:.35rem .85rem;border-radius:20px;letter-spacing:.08em;pointer-events:none;box-shadow:0 0 16px #00f0ff66}.inspector-tabs{display:flex;background:#0a0e16e6;border-bottom:1px solid var(--panel-border)}.inspector-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:.45rem 0;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem}.inspector-tab.active{border-bottom-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff0d}.inspector-content{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.85rem}.inspector-section{display:flex;flex-direction:column;gap:.6rem}.section-title{display:flex;align-items:center;justify-content:space-between;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;color:var(--accent-cyan);border-bottom:1px solid var(--panel-border);padding-bottom:.3rem}.prop-row{display:flex;flex-direction:column;gap:.2rem}.prop-row label{font-size:.65rem;color:var(--text-dim);font-weight:600;display:flex;justify-content:space-between}.prop-row select,.prop-row input[type=range]{background:#0a0e16e6;border:1px solid var(--panel-border);color:var(--accent-cyan);padding:.35rem .5rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.7rem;outline:none;cursor:pointer}.val-text{font-family:Space Mono,monospace;color:var(--accent-cyan)}.performance-content{flex:1;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column}.live-keyboard-strip{display:flex;flex-direction:column;gap:.6rem;width:100%}.strip-header{display:flex;flex-direction:column;gap:.5rem}.strip-title{display:flex;flex-direction:column;gap:.25rem}.live-pill{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#05060a;font-weight:800;font-size:.62rem;padding:.15rem .45rem;border-radius:6px;letter-spacing:.08em;align-self:flex-start}.key-guide{font-family:Space Mono,monospace;font-size:.65rem;color:var(--text-dim);display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}.key-guide kbd{background:#ffffff1a;border:1px solid var(--panel-border);padding:.05rem .25rem;border-radius:4px;color:var(--accent-cyan);font-size:.62rem;font-weight:700}.strip-actions{display:flex;gap:.4rem;width:100%}.btn-record{flex:1;background:#ff005526;border:1px solid rgba(255,0,85,.4);color:#f37;padding:.4rem .5rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:all .15s ease}.btn-record.recording{background:linear-gradient(135deg,#f05,#c00);color:#fff;box-shadow:0 0 12px #ff0055b3;animation:pulse 1s infinite}.btn-secondary{flex:1;background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text-main);padding:.4rem .5rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:all .15s ease}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.synth-pads-row{display:flex;flex-direction:column;gap:5px;width:100%}.synth-pad-btn{height:38px;width:100%;background:linear-gradient(90deg,#ffffff12,#121828e6);border:1px solid var(--panel-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;cursor:pointer;transition:all .1s ease}.synth-pad-btn:hover{border-color:var(--accent-cyan);background:linear-gradient(90deg,#00f0ff2e,#121828f2)}.synth-pad-btn:active,.synth-pad-btn.active{background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-purple) 100%)!important;border-color:#fff!important;box-shadow:0 0 12px var(--accent-cyan)}.synth-pad-btn:active .pad-note-name,.synth-pad-btn.active .pad-note-name,.synth-pad-btn:active .pad-badge,.synth-pad-btn.active .pad-badge{color:#05060a!important;font-weight:800}.pad-badge{font-family:Space Mono,monospace;font-size:.65rem;color:var(--accent-magenta);font-weight:700}.pad-note-name{font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;color:var(--accent-cyan)}.resizer-v{width:6px;height:100%;cursor:col-resize;background:#ffffff0a;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);transition:background .15s ease;flex-shrink:0;z-index:10}.resizer-v:hover,.resizer-v:active{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.resizer-h{height:6px;width:100%;cursor:row-resize;background:#ffffff0a;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);transition:background .15s ease;flex-shrink:0;z-index:10}.resizer-h:hover,.resizer-h:active{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.unity-timeline-bar{width:100vw;flex-shrink:0;padding:4px;background:var(--bg-color)}.timeline-window{height:100%}.timeline-content{flex:1;overflow-y:hidden;padding:.4rem .6rem .2rem}.matrix-sequencer-card{display:flex;flex-direction:column;gap:.5rem;width:100%}.matrix-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:.35rem}.matrix-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--accent-green);font-family:Space Mono,monospace;text-transform:uppercase}.step-counter{font-family:Space Mono,monospace;font-size:.68rem;color:var(--accent-cyan);font-weight:700;background:#00f0ff1a;padding:.15rem .5rem;border-radius:4px}.matrix-rows-wrapper{display:flex;flex-direction:column;gap:5px;overflow-x:auto}.matrix-row{display:flex;align-items:center;gap:8px;min-width:680px}.track-info{width:120px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-right:.4rem}.track-name{font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;white-space:nowrap}.btn-mute{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px}.btn-mute.muted{color:var(--accent-magenta)}.steps-row{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;flex:1}.btn-step{height:26px;border-radius:5px;background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text-dim);font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;padding:0}.btn-step:hover{border-color:#fff;color:#fff}.track-0 .btn-step.on{background:#0f8;color:#05060a;font-weight:800;box-shadow:0 0 10px #0f8;border-color:#0f8}.track-1 .btn-step.on{background:#f07;color:#fff;font-weight:800;box-shadow:0 0 10px #f07;border-color:#f07}.track-2 .btn-step.on{background:#00f0ff;color:#05060a;font-weight:800;box-shadow:0 0 10px #00f0ff;border-color:#00f0ff}.track-3 .btn-step.on{background:gold;color:#05060a;font-weight:800;box-shadow:0 0 10px gold;border-color:gold}.track-4 .btn-step.on{background:#8a2be2;color:#fff;font-weight:800;box-shadow:0 0 10px #8a2be2;border-color:#8a2be2}.btn-step.current{border-color:#fff!important;transform:scale(1.12);z-index:5}.melody-track-row .btn-melody-step{height:26px;border-radius:5px;background:#00f0ff0d;border:1px solid var(--panel-border);color:var(--text-dim);font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;padding:0}.melody-track-row .btn-melody-step:hover{border-color:var(--accent-cyan);color:#fff}.melody-track-row .btn-melody-step.on{background:linear-gradient(135deg,#00f0ff,#8a2be2);color:#05060a;font-weight:800;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff99}.melody-track-row .btn-melody-step.current{border-color:#fff!important;transform:scale(1.12);z-index:5}input[type=range]{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 0 8px var(--accent-cyan)}.btn-sustain{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text-main);padding:.2rem .5rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-sustain.active{background:#00f0ff33;border-color:var(--accent-cyan);color:var(--accent-cyan)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.animate-pulse{animation:pulse 1s infinite}@media (max-width: 900px){.unity-workspace-grid{flex-direction:column}.left-column,.right-column{width:100%;height:180px}.unity-timeline-bar{height:240px}}