@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/cadence/app/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/cadence/app/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/cadence/app/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations")}:root{--color-violet-50:#f4efff;--color-violet-100:#e9dbff;--color-violet-200:#d3b8ff;--color-violet-300:#bb92ff;--color-violet-400:#a26bff;--color-violet-500:#8a47ff;--color-violet-600:#7a2ff0;--color-violet-700:#6620cf;--color-violet-800:#4e1aa0;--color-violet-900:#371372;--color-violet-950:#220c49;--color-blue-300:#93b4fb;--color-blue-400:#5b96f8;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#38d6ee;--color-cyan-500:#12bddc;--color-cyan-600:#0e9db8;--color-cyan-700:#0b6377;--color-neutral-0:#fff;--color-neutral-50:#f7f5fc;--color-neutral-100:#efebf7;--color-neutral-200:#e2dcf0;--color-neutral-300:#cbc4dd;--color-neutral-400:#9a92b2;--color-neutral-500:#6e6886;--color-neutral-600:#5a5470;--color-neutral-700:#443f58;--color-neutral-800:#2b2740;--color-neutral-900:#171126;--color-neutral-950:#0e0a1a;--color-ink:#1b1430;--gradient-brand:linear-gradient(120deg, #7a2ff0 0%, #4361f0 55%, #12bddc 100%);--gradient-brand-soft:linear-gradient(120deg, #8a47ff 0%, #3b82f6 100%);--font-display:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-size-6xl:4.5rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.04em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;--shadow-sm:0 1px 2px #1b143014;--shadow-md:0 6px 20px #1b14301f;--shadow-lg:0 18px 48px #1b14302e;--shadow-glow:0 0 0 4px #7a2ff047;--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--color-bg:var(--color-neutral-0);--color-surface:var(--color-neutral-50);--color-surface-raised:var(--color-neutral-0);--color-surface-sunken:var(--color-neutral-100);--color-border:var(--color-neutral-200);--color-border-strong:var(--color-neutral-300);--color-text:var(--color-ink);--color-text-muted:var(--color-neutral-600);--color-text-subtle:var(--color-neutral-500);--color-primary:var(--color-violet-600);--color-primary-hover:var(--color-violet-700);--color-primary-text:var(--color-violet-700);--color-on-primary:var(--color-neutral-0);--color-secondary:var(--color-blue-600);--color-on-secondary:var(--color-neutral-0);--color-accent:var(--color-cyan-500);--color-accent-text:var(--color-cyan-700);--color-on-accent:var(--color-ink);--color-focus:var(--color-violet-600);--color-success:#0f7a4b;--color-warning:#8a5300;--color-danger:#c4123b;--color-info:#1d66c9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--color-bg:var(--color-neutral-950);--color-surface:var(--color-neutral-900);--color-surface-raised:#211934;--color-surface-sunken:#0a0715;--color-border:var(--color-neutral-800);--color-border-strong:var(--color-neutral-700);--color-text:#f4f1fb;--color-text-muted:#b7afcc;--color-text-subtle:#9a92b2;--color-primary:var(--color-violet-400);--color-primary-hover:var(--color-violet-300);--color-primary-text:var(--color-violet-300);--color-on-primary:var(--color-neutral-950);--color-secondary:var(--color-blue-400);--color-on-secondary:var(--color-neutral-950);--color-accent:var(--color-cyan-400);--color-accent-text:var(--color-cyan-300);--color-on-accent:var(--color-neutral-950);--color-focus:var(--color-violet-400);--color-success:#4ade9a;--color-warning:#f4c152;--color-danger:#ff7a93;--color-info:#7bb8ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--color-neutral-950);--color-surface:var(--color-neutral-900);--color-surface-raised:#211934;--color-surface-sunken:#0a0715;--color-border:var(--color-neutral-800);--color-border-strong:var(--color-neutral-700);--color-text:#f4f1fb;--color-text-muted:#b7afcc;--color-text-subtle:#9a92b2;--color-primary:var(--color-violet-400);--color-primary-hover:var(--color-violet-300);--color-primary-text:var(--color-violet-300);--color-on-primary:var(--color-neutral-950);--color-secondary:var(--color-blue-400);--color-on-secondary:var(--color-neutral-950);--color-accent:var(--color-cyan-400);--color-accent-text:var(--color-cyan-300);--color-on-accent:var(--color-neutral-950);--color-focus:var(--color-violet-400);--color-success:#4ade9a;--color-warning:#f4c152;--color-danger:#ff7a93;--color-info:#7bb8ff}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s}}:root{font-family:var(--font-body);line-height:var(--line-height-normal);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}a{color:var(--color-primary-text);text-underline-offset:.15em;text-decoration-thickness:.08em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)}.btn:hover{border-color:var(--color-primary)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.btn-primary{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{color:var(--color-danger)}.btn.is-active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-button{min-width:2.25rem;min-height:2.25rem;padding:var(--space-2);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--color-text);border-color:var(--color-border-strong)}.ui-menu{z-index:50;min-width:11rem;padding:var(--space-2);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.ui-menu__label{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.ui-menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);color:var(--color-text);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;grid-template-columns:1.25rem 1fr 1.25rem;display:grid}.ui-menu__item:hover,.ui-menu__item:focus{background:var(--color-surface-sunken)}.ui-menu__separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border)}.ui-dialog__overlay{z-index:70;background:#0e0a1a99;position:fixed;inset:0}.ui-dialog__content{z-index:71;position:fixed}.ui-tooltip{z-index:60;padding:var(--space-1) var(--space-2);color:var(--color-on-primary);background:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.autosave-status,.autosave-guard{z-index:80;right:var(--space-4);bottom:var(--space-4);max-width:30rem;padding:var(--space-4);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:fixed}.autosave-guard h2,.autosave-guard p{margin:0 0 var(--space-3)}.autosave-guard__actions{gap:var(--space-2);display:flex}@media (pointer:coarse){.icon-button,.ui-menu__item{min-height:44px}}.app{padding-top:var(--space-8);padding-top:max(var(--space-8), env(safe-area-inset-top));padding-right:var(--space-6);padding-right:max(var(--space-6), env(safe-area-inset-right));padding-bottom:var(--space-16);padding-bottom:max(var(--space-16), env(safe-area-inset-bottom));padding-left:var(--space-6);padding-left:max(var(--space-6), env(safe-area-inset-left))}.composer,.composer-body,.composer-sidebar,.composer-body>*,.piano-roll,.pr-scroll{min-width:0}.piano-roll,.pr-scroll{max-width:100%}@media (width<=60rem){.app{padding-right:var(--space-4);padding-right:max(var(--space-4), env(safe-area-inset-right));padding-left:var(--space-4);padding-left:max(var(--space-4), env(safe-area-inset-left))}.app-header{margin-bottom:var(--space-6)}.composer-body{gap:var(--space-3)}}@media (width<=40rem){.app{padding-top:var(--space-6);padding-top:max(var(--space-6), env(safe-area-inset-top));padding-right:var(--space-3);padding-right:max(var(--space-3), env(safe-area-inset-right));padding-bottom:var(--space-10);padding-bottom:max(var(--space-10), env(safe-area-inset-bottom));padding-left:var(--space-3);padding-left:max(var(--space-3), env(safe-area-inset-left))}.brand{gap:var(--space-3)}.brand-mark{width:2.5rem;height:2.5rem}.app h1{font-size:clamp(var(--font-size-2xl), 10vw, var(--font-size-3xl));line-height:var(--line-height-tight)}.tagline{font-size:var(--font-size-base)}.toolbar,.transport,.assistant-actions{align-items:stretch}.toolbar>*,.transport>*,.assistant-actions>*{max-width:100%}.field{flex-wrap:wrap}.position,.toolbar-status{margin-left:0}}@media (pointer:coarse){.btn,.app-nav-link,input,select{min-height:44px}.btn,.app-nav-link{padding:var(--space-2) var(--space-3)}input,select{padding:var(--space-2)}}.authbar{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:2.25rem;display:flex;position:relative}.authbar--loading{border-radius:var(--radius-md);background:var(--color-surface-sunken);width:5rem}.auth-dialog{width:min(24rem, calc(100vw - 2 * var(--space-4)));max-height:min(44rem, calc(100dvh - 2 * var(--space-4)));box-sizing:border-box;gap:var(--space-4);padding:var(--space-5);text-align:left;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.authbar-greeting{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-dialog__close{top:var(--space-4);right:var(--space-4);position:absolute}.auth-panel-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-text);margin:0;padding-right:4rem}.auth-dialog__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-form input,.auth-form textarea{box-sizing:border-box;width:100%;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.auth-form input:focus-visible,.auth-form textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.auth-link{font-size:var(--font-size-sm);color:var(--color-primary-text);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.auth-magic,.auth-providers{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.auth-providers-label{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-providers-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.auth-note{font-size:var(--font-size-sm);color:var(--color-success);margin:0}.auth-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.auth-callback-notice{z-index:90;top:max(var(--space-4), env(safe-area-inset-top));width:min(34rem, calc(100vw - 2 * var(--space-4)));box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;position:fixed;left:50%;transform:translate(-50%)}.auth-callback-notice--success{border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border))}.auth-callback-notice--error{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}.profile{gap:var(--space-5);text-align:left;flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.profile-tier{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@media (width<=40rem){.auth-dialog{width:100%;max-width:none;max-height:calc(100dvh - var(--space-4));top:auto;bottom:0;left:0;transform:none}.auth-callback-notice{align-items:flex-start}}.app{max-width:88rem;padding:var(--space-8) var(--space-6) var(--space-16);margin:0 auto;position:relative}.app--composer{width:100%;max-width:none;height:100dvh;margin:0;padding:0;overflow:hidden}@media (width<=47.9375rem){.app--composer{height:auto;min-height:100dvh;overflow:visible}}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-standard);position:absolute;transform:translateY(-200%)}.skip-link:focus{outline:2px solid var(--color-focus);outline-offset:2px;transform:translateY(0)}.app-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);text-align:left;flex-wrap:wrap;display:flex}.app-header__brand{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-header__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{border-radius:var(--radius-lg);width:2.25rem;height:2.25rem;box-shadow:var(--shadow-md)}.app h1{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);letter-spacing:var(--tracking-tight);background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.app-nav{gap:var(--space-2);display:flex}.app-nav-link{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-text);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;background:0 0;border:1px solid #0000}.app-nav-link:hover,.app-nav-link[aria-current=page]{text-decoration:underline}.app-nav-link[aria-current=page]{border-color:var(--color-border-strong)}.app-footer{max-width:88rem;padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0 auto;display:flex}.app-footer__note{margin:0}.app-footer__nav{gap:var(--space-2);display:flex}.app-footer__link{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:1px solid #0000;min-height:2.25rem}.app-footer__link:hover,.app-footer__link[aria-current=page]{text-decoration:underline}.app-footer__link[aria-current=page]{border-color:var(--color-border-strong)}
