@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=IBM+Plex+Sans+Condensed:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--purple-darkest:#131009;--purple-dark:#1d1a12;--charcoal:#221d14;--purple-deep:#2c2518;--black:#0c0a06;--bg-rgb:19,16,9;--panel-rgb:29,26,18;--charcoal-rgb:34,29,20;--iconbg-rgb:74,53,32;--rose:#ff6a1f;--accent-soft:#ff8b48;--accent-hover:#ff8b48;--accent-deep:#c24e12;--rose-dim:#8a4a20;--purple-mid:#8a4a20;--pr-red:#4a3520;--accent-rgb:255,106,31;--accent-soft-rgb:255,139,72;--accent-hover-rgb:255,139,72;--blush:#ede8de;--blush-dim:#7a6e60;--text-rgb:237,232,222;--text-mid-rgb:122,110,96;--text-light-rgb:245,242,236;--blush-ghost:rgba(var(--text-rgb), .08);--grid-line:rgba(var(--text-rgb), .1);--grid-heavy:rgba(var(--text-rgb), .22);--border:rgba(var(--text-rgb), .16);--border-strong:rgba(var(--text-rgb), .3);--scrollbar:#4a3520;--scrollbar-h:#5a4326;--error:#ff3b3b;--play:#47c86e;--record:#f22a36;--loop:#eab532;--font-display:var(--font-ibm-condensed,"IBM Plex Sans Condensed"), "Arial Narrow", sans-serif;--font-mono:var(--font-ibm-mono,"IBM Plex Mono"), "Courier New", monospace;--hud-header-h:46px;--hud-footer-h:34px;--toolbar-h:24px;--track-h:82px;--piano-w:76px;--header-w:90px;--sidebar-w:220px;--transport-h:80px;--color-background:#131009;--color-foreground:#ede8de;--color-card:#1e1a13;--color-card-border:#2c2518;--color-primary:#ff6a1f;--color-primary-hover:#ff8b48;--color-primary-foreground:#ede8de;--color-secondary-foreground:#7a6e60;--color-accent:#ff8b48;--color-accent-hover:#ff6a1f}body[data-theme=steel]{--purple-darkest:#090b0e;--purple-dark:#0d0f12;--charcoal:#111416;--purple-deep:#171e26;--black:#06080a;--bg-rgb:13,15,18;--panel-rgb:23,30,38;--charcoal-rgb:17,20,22;--iconbg-rgb:40,52,64;--rose:#7e95ad;--accent-soft:#94acc5;--accent-hover:#8aa3bd;--accent-deep:#596b7d;--rose-dim:#4f5f70;--purple-mid:#596b7d;--pr-red:#1a2530;--accent-rgb:126,149,173;--accent-soft-rgb:148,172,197;--accent-hover-rgb:138,163,189;--blush:#d1d5d9;--blush-dim:#a6abb1;--text-rgb:209,213,217;--text-mid-rgb:166,171,177;--text-light-rgb:233,235,238;--blush-ghost:rgba(var(--accent-rgb), .08);--grid-line:rgba(var(--accent-rgb), .1);--grid-heavy:rgba(var(--accent-rgb), .22);--border:rgba(var(--accent-rgb), .16);--border-strong:rgba(var(--accent-rgb), .3);--scrollbar:#0f1316;--scrollbar-h:#1a2128;--error:#f22a36;--color-background:#090b0e;--color-foreground:#d1d5d9;--color-card:#0d0f12;--color-card-border:#171e26;--color-primary:#7e95ad;--color-primary-hover:#94acc5;--color-primary-foreground:#090b0e;--color-secondary-foreground:#a6abb1;--color-accent:#94acc5;--color-accent-hover:#8aa3bd}body[data-theme=warm]{--purple-darkest:#0c0b12;--purple-dark:#1a1018;--charcoal:#211019;--purple-deep:#2a1620;--black:#0c0d09;--bg-rgb:12,9,16;--panel-rgb:42,22,32;--charcoal-rgb:33,16,25;--iconbg-rgb:90,50,62;--rose:#d9412b;--accent-soft:#ee6453;--accent-hover:#e64a38;--accent-deep:#b83824;--rose-dim:#8a2e1c;--purple-mid:#8a2e1c;--pr-red:#a84228;--accent-rgb:217,65,43;--accent-soft-rgb:238,100,83;--accent-hover-rgb:230,74,56;--blush:#e8bcb9;--blush-dim:#c49895;--text-rgb:232,188,185;--text-mid-rgb:196,152,149;--text-light-rgb:227,179,188;--blush-ghost:rgba(var(--text-rgb), .08);--grid-line:rgba(var(--text-rgb), .1);--grid-heavy:rgba(var(--text-rgb), .22);--border:rgba(var(--text-rgb), .18);--border-strong:rgba(var(--text-rgb), .35);--scrollbar:#d9412b8c;--scrollbar-h:#d9412bcc;--error:#c44d55;--color-background:#0c0b12;--color-foreground:#f5f0ee;--color-card:#141118;--color-card-border:#2a2230;--color-primary:#d9412b;--color-primary-hover:#e64a38;--color-primary-foreground:#0c0b12;--color-secondary-foreground:#b8a4a8;--color-accent:#ee6453;--color-accent-hover:#ea6150}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--purple-darkest);color:var(--blush)}html.studio-daw-active{overflow:hidden}html.studio-daw-active body{-webkit-user-select:none;user-select:none;height:100vh;overflow:hidden}html.studio-daw-active body:before{content:"";z-index:9999;pointer-events:none;opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}html.studio-daw-active body:after{content:"";z-index:9998;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0000000a 3px 4px);position:fixed;inset:0}button{cursor:pointer;font-family:var(--font-mono);border:none}button:disabled{cursor:not-allowed}a[href],select,summary,label[for],[role=button],input[type=checkbox],input[type=radio],input[type=range]{cursor:pointer}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.hud-border{border:1.5px solid var(--border)}.hud-bracket{position:relative}.hud-bracket:before,.hud-bracket:after{content:"";border-color:var(--blush);opacity:.5;border-style:solid;width:12px;height:12px;position:absolute}.hud-bracket:before{border-width:1.5px 0 0 1.5px;top:0;left:0}.hud-bracket:after{border-width:0 1.5px 1.5px 0;bottom:0;right:0}@keyframes crt-jitter{0%{transform:translate(0)}20%{transform:translate(-1px)}40%{transform:translate(1px)}60%{transform:translateY(1px)}80%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px 2px var(--rose)}50%{opacity:.4;box-shadow:none}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes waveform-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}body{scrollbar-width:thin;scrollbar-color:var(--scrollbar) var(--purple-darkest)}.pr-keys-full,.cbp-pe-keys,.pr-instr-legend{scrollbar-width:none}