:root,[data-theme=dark]{color-scheme:dark;--bg: #15171b;--bg-elev: #1c1f24;--bg-elev-2: #24272e;--bg-inset: #0f1114;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .17);--hi: rgba(255, 255, 255, .05);--ink: #eef1f5;--ink-dim: #aab3bf;--ink-faint: #838d99;--accent: #57a9ff;--accent-ink: #04121f;--accent-soft: rgba(87, 169, 255, .16);--brand-2: #ff9d52;--warn: #f0b341;--live: #ff5d6c;--focus: #8cc6ff;--paper: #f7f5ef;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--grad: linear-gradient(100deg, #4da3ff 0%, #9b6cf0 46%, #ff9d4d 100%)}[data-theme=light]{color-scheme:light;--bg: #e7eaf0;--bg-elev: #ffffff;--bg-elev-2: #eef1f6;--bg-inset: #dfe3ea;--line: rgba(17, 24, 39, .14);--line-strong: rgba(17, 24, 39, .26);--hi: rgba(255, 255, 255, .7);--ink: #171a20;--ink-dim: #4f5763;--ink-faint: #5a6370;--accent: #135ec9;--accent-ink: #ffffff;--accent-soft: rgba(22, 104, 214, .12);--brand-2: #b5560f;--warn: #8a5a10;--live: #c9283a;--focus: #1668d6;--paper: #f7f5ef;--shadow: 0 8px 24px rgba(20, 30, 50, .14);--grad: linear-gradient(100deg, #1668d6 0%, #7a4fd0 46%, #c25a12 100%)}:root{--radius: 12px;--radius-sm: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-feature-settings:"ss01","cv01";overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}:where(button,select,input,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}:where(button,select,input):focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-decoration:none;transition:top .14s ease}.skip-link:focus{top:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.dashboard{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar,.telemetry,.beta-banner{flex:none}.beta-banner{display:flex;align-items:center;gap:12px;padding:7px 16px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-elev));border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}.beta-banner__tag{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent-ink);background:var(--accent);padding:2px 7px;border-radius:5px;flex:none}.beta-banner__msg{flex:1;min-width:0}.beta-banner__msg a{color:var(--accent);font-weight:600}.rate{display:inline-flex;align-items:center;gap:4px;flex:none}.rate__label{font-size:12px;color:var(--ink-dim);margin-right:4px}.rate-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--ink-dim);cursor:pointer}.rate-btn:hover{color:var(--ink);border-color:var(--line-strong)}.rate-btn.is-on{color:var(--accent-ink)}.rate-btn--up.is-on{background:var(--accent);border-color:var(--accent)}.rate-btn--neutral.is-on{background:var(--warn);border-color:var(--warn)}.rate-btn--down.is-on{background:var(--live);border-color:var(--live)}.beta-banner__links{display:flex;gap:14px;flex:none;margin-left:4px}.beta-banner__links a{color:var(--ink-dim);text-decoration:none;font-weight:600}.beta-banner__links a:hover{color:var(--ink);text-decoration:underline}.beta-banner__x{flex:none;width:26px;height:26px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--ink-dim);cursor:pointer;font-size:12px}.beta-banner__x:hover{color:var(--ink);border-color:var(--line-strong)}.consent{position:fixed;z-index:60;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;background:var(--bg-elev);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.consent__text{margin:0;font-size:13px;flex:1;min-width:240px}.consent__text a{color:var(--accent)}.consent__actions{display:flex;gap:8px;margin-left:auto}.btn-accent{background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius-sm);padding:8px 14px;min-height:36px;font-size:13px;font-weight:700;cursor:pointer}.btn-accent:hover{filter:brightness(1.06)}.import-field .ghost-btn{width:100%}.intro-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#06080b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:introFade .16s ease-out}.intro{position:relative;width:min(520px,100%);background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);padding:26px 28px 24px;animation:introRise .2s cubic-bezier(.2,.8,.2,1)}.intro__x{position:absolute;top:12px;right:12px;width:30px;height:30px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink-dim);cursor:pointer;font-size:13px}.intro__x:hover{color:var(--ink);border-color:var(--line-strong)}.intro__icon{display:block;border-radius:12px;margin-bottom:12px}.intro__title{margin:0 0 8px;font-size:22px;letter-spacing:-.02em}.intro__lead{margin:0 0 14px;color:var(--ink);font-size:14px;line-height:1.6}.intro__list{margin:0 0 20px;padding-left:18px;display:grid;gap:8px}.intro__list li{color:var(--ink-dim);font-size:13.5px;line-height:1.5}.intro__list strong{color:var(--ink)}.intro__go{width:100%;min-height:42px;font-size:14px}@keyframes introFade{0%{opacity:0}to{opacity:1}}@keyframes introRise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;gap:14px;padding:9px 16px;background:var(--bg-elev);border-bottom:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi);flex-wrap:wrap}.topbar__group{display:flex;align-items:center;gap:8px}.topbar__sep{flex:none;align-self:center;width:1px;height:26px;background:var(--line-strong);margin:0 6px}.brand{display:flex;align-items:center;gap:10px;padding-right:4px}.brand__icon{height:34px;width:34px;display:block;border-radius:9px;box-shadow:0 0 0 1px var(--line),0 2px 8px #0006}.brand__name{font-size:17px;font-weight:700;letter-spacing:-.015em}.brand__name .s1{color:var(--accent)}.brand__name .s2{color:var(--brand-2)}.topbar__field{display:flex;flex-direction:column;gap:3px}.topbar__field-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim);font-weight:600}.hint{position:relative;display:inline-flex}.hint__btn{width:15px;height:15px;flex:none;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--ink-dim);font-size:10px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:help;padding:0}.hint__btn:hover{color:var(--ink);border-color:var(--ink-dim)}.hint__pop{position:absolute;top:calc(100% + 8px);left:0;width:max-content;max-width:240px;background:var(--bg-elev-2);color:var(--ink);border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:normal;box-shadow:var(--shadow);z-index:55;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.hint__pop--right{left:auto;right:0}.hint:hover .hint__pop,.hint:focus-within .hint__pop{opacity:1;visibility:visible;transform:none}.topbar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elev-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 26px 7px 10px;font-size:13px;min-width:120px;min-height:34px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-dim) 50%),linear-gradient(135deg,var(--ink-dim) 50%,transparent 50%);background-position:right 12px center,right 7px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.topbar optgroup{color:var(--ink);background:var(--bg-elev)}.tempo-control{display:flex;align-items:center;gap:5px}.tempo-input{width:58px;text-align:center;background:var(--bg-inset);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 4px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;min-height:34px;-moz-appearance:textfield}.tempo-input::-webkit-outer-spin-button,.tempo-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input:disabled{opacity:.5;cursor:not-allowed}.tempo-unit{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tempo-step{width:30px;height:34px;flex:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 var(--hi)}.tempo-step:hover:not(:disabled){border-color:var(--line-strong)}.tempo-step:active:not(:disabled){background:var(--bg-inset)}.tempo-step:disabled{opacity:.4;cursor:not-allowed}.icon-toggle{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--ink);font-size:16px;cursor:pointer;box-shadow:inset 0 1px 0 var(--hi);display:inline-flex;align-items:center;justify-content:center}.icon-toggle:hover{border-color:var(--line-strong)}.icon-toggle.is-off{border-color:var(--warn);color:var(--warn)}.segmented{display:inline-flex;background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented__btn{border:0;background:transparent;color:var(--ink-dim);padding:7px 13px;min-height:32px;font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;transition:background-color .12s ease,color .12s ease}.segmented__btn:hover:not(.is-active):not(:disabled){color:var(--ink)}.segmented__btn.is-active{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 3px #0000004d}.segmented__btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);padding:8px 12px;min-height:34px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 var(--hi)}.ghost-btn:hover{border-color:var(--line-strong)}.track-btn{display:inline-flex;align-items:center;gap:9px;margin-left:auto;background:var(--bg-elev-2);color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:8px 18px;min-height:38px;font-size:13px;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px 0 var(--hi)}.track-btn__dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint)}.track-btn.is-live{border-color:var(--live);color:var(--ink)}.track-btn.is-live .track-btn__dot{background:var(--live);box-shadow:0 0 8px var(--live);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.viewport{position:relative;flex:1;min-height:0;overflow:auto;background:radial-gradient(1100px 380px at 50% -8%,color-mix(in srgb,var(--accent) 8%,var(--bg)) 0%,var(--bg) 62%);padding:20px}.viewport__banner{background:color-mix(in srgb,var(--live) 14%,var(--bg-elev));border:1px solid var(--live);color:var(--ink);padding:9px 13px;border-radius:var(--radius-sm);margin-bottom:14px;font-size:13px;font-weight:500}.maskcanvas{position:relative;background:var(--paper);border-radius:var(--radius);min-height:320px;overflow:hidden;box-shadow:var(--shadow),0 0 0 1px var(--line)}.maskcanvas__surface{padding:8px 12px}.maskcanvas__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.mask{background:var(--paper)!important}.measure-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22}.measure-hit{position:absolute;background:transparent;border:0;padding:0;margin:0;cursor:pointer;border-radius:5px}.measure-hit:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.measure-hit:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.measure-hit.is-start{box-shadow:inset 0 0 0 2px var(--accent)}.measure-hit__badge{position:absolute;top:3px;left:3px;font-size:10px;font-weight:700;line-height:1;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:3px 6px;opacity:0;transition:opacity .1s;pointer-events:none;box-shadow:0 1px 3px #00000059}.measure-hit:hover .measure-hit__badge,.measure-hit:focus-visible .measure-hit__badge,.measure-hit.is-start .measure-hit__badge{opacity:1}.metronome{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:6px 12px;background:#0f11144d;border-radius:999px;z-index:25;pointer-events:none}.metronome.is-countin{background:color-mix(in srgb,var(--accent) 22%,transparent)}.metronome__dot{width:12px;height:12px;border-radius:50%;background:#b9b3a4;transform:scale(.8);opacity:.5;transition:transform 90ms ease-out,opacity 90ms,background 90ms}.metronome__dot.is-on{background:var(--accent);opacity:1;transform:scale(1.4)}.metronome__dot.is-accent{background:var(--brand-2);transform:scale(1.75)}.countin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0f111494;z-index:30;pointer-events:none}.countin__num{font-size:104px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.countin__label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#e7eaf0;font-weight:600}.maskcanvas__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#223;background:var(--paper);text-align:center;padding:20px}.maskcanvas__fallback-title{font-weight:700;margin:0;color:#1c2128}.maskcanvas__fallback-sub{color:#5a6472;font-size:13px;margin:0}.maskcanvas__spinner{width:26px;height:26px;border-radius:50%;border:3px solid #ccd;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fallback-staff{display:flex;flex-wrap:wrap;gap:6px;max-width:640px}.fallback-staff__bar{font-family:var(--mono);font-size:12px;color:#334;background:#ececdf;border:1px solid #d8d8c8;padding:4px 8px;border-radius:6px}.telemetry{display:flex;align-items:center;gap:24px;padding:7px 16px;background:var(--bg-elev);border-top:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi);font-size:11px;overflow-x:auto}.telemetry__cell{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.telemetry__label{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-dim);font-weight:600}.telemetry__value{font-family:var(--mono);color:var(--ink);font-size:12px}.telemetry__value.is-mono{color:var(--accent)}.expecting__note{color:var(--accent);font-weight:700;font-size:13px}.expecting__prog{color:var(--ink-dim)}.matrix{display:inline-flex;gap:3px}.matrix__pip{width:8px;height:8px;border-radius:2px;background:var(--bg-inset);border:1px solid var(--line)}.matrix__pip.is-done{background:var(--accent);border-color:var(--accent)}