@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-root: #0c0c0f;--bg-surface-1: #131317;--bg-surface-2: #1a1a20;--bg-surface-3: #222229;--bg-elevated: #2a2a32;--bg-hover: #30303a;--border-subtle: #1e1e26;--border-default: #2a2a34;--border-strong: #3a3a48;--text-primary: #e4e4ec;--text-secondary: #8c8ca0;--text-tertiary: #5c5c72;--text-disabled: #44445a;--accent-amber: #e8a030;--accent-amber-dim: #c88818;--accent-amber-bright: #f0b848;--accent-amber-glow: rgba(232, 160, 48, .12);--accent-amber-glow-strong: rgba(232, 160, 48, .25);--selection-border: #f6dba5;--accent-teal: #2ec4b6;--accent-teal-dim: #20a090;--accent-teal-glow: rgba(46, 196, 182, .12);--color-play: #2ecc71;--color-play-dim: #27ae60;--color-play-glow: rgba(46, 204, 113, .2);--color-pause: #e8a030;--color-stop: #e05050;--color-stop-dim: #c04040;--color-stop-glow: rgba(224, 80, 80, .15);--color-mute: #e05050;--color-solo: #e8c830;--color-loop: #e8c830;--colour-record-red: #e0322f;--colour-record-red-bright: #ff4a47;--colour-record-red-dim: #b8201d;--synth-juno: #2ecc71;--synth-juno-glow: rgba(46, 204, 113, .15);--synth-dx7: #6c7bff;--synth-dx7-glow: rgba(108, 123, 255, .15);--synth-revs: #ff6b35;--synth-revs-glow: rgba(255, 107, 53, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--font-ui: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .1s ease;--transition-normal: .18s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x pan-y}body{font-family:var(--font-ui);font-weight:400;color:var(--text-primary);background-color:var(--bg-root);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;line-height:1.5}#root{width:100%}::selection{background:var(--accent-amber);color:var(--bg-root)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}