:root{--bg: #0d0d0d;--surface: #111111;--surface-2: #161616;--surface-3: #1c1c1c;--surface-4: #242424;--border: #222222;--border-2: #2e2e2e;--text: #e8e8e8;--text-body: #cccccc;--muted: #888888;--muted-2: #555555;--accent: #2ecc71;--accent-h: #5df59a;--accent-dim: rgba(46, 204, 113, .12);--accent-glow: 0 0 12px rgba(46, 204, 113, .35);--danger: #e74c3c;--warning: #f39c12;--info: #3498db;--record: #e74c3c;--track-drums: #e74c3c;--track-bass: #9b59b6;--track-synths: #3498db;--track-fx: #f39c12;--track-vocals: #e91e63;--track-melodic: #2ecc71;--track-loops: #1abc9c;--track-misc: #95a5a6;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--dur-fast: 80ms;--dur-mid: .16s;--dur-slow: .28s;--transport-h: 52px;--tabbar-h: 38px;--sidebar-w: 260px;--header-h: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-3);height:3px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-top:-4.5px}input[type=range]:focus::-webkit-slider-thumb{box-shadow:var(--accent-glow)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}edm-app{display:block;height:100vh}