:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans SC,Space Grotesk,Archivo,system-ui,sans-serif;color:#1b1a17;background:#f4f1ea;color-scheme:light;--ink-900: #1b1a17;--ink-700: #3a332b;--ink-500: #5f564b;--ink-300: #c8bcae;--sand-50: #f9f6f1;--sand-100: #f4f1ea;--sand-200: #ece5db;--clay-400: #c9825a;--clay-500: #b4683f;--forest-500: #2c5c4a;--shadow-xl: 0 30px 60px rgba(28, 26, 23, .2);--shadow-lg: 0 16px 40px rgba(28, 26, 23, .12);--bg-radial-bright: #ffffff;--bg-radial-accent: rgba(201, 130, 90, .22);--bg-linear-start: #f7f2ec;--bg-linear-mid: #f1ece3;--bg-linear-end: #f4f1ea;--surface-hero-start: rgba(255, 255, 255, .92);--surface-hero-end: rgba(248, 244, 238, .98);--surface-panel: rgba(255, 255, 255, .8);--surface-card: rgba(255, 255, 255, .78);--surface-soft: rgba(255, 255, 255, .72);--surface-upload: rgba(255, 255, 255, .7);--surface-accent: rgba(44, 92, 74, .09);--surface-accent-strong: rgba(44, 92, 74, .12);--surface-progress-track: rgba(196, 181, 168, .4);--surface-placeholder-start: rgba(236, 229, 219, .8);--surface-placeholder-end: rgba(255, 255, 255, .92);--border-soft: rgba(200, 188, 174, .7);--border-muted: rgba(200, 188, 174, .6);--border-accent-soft: rgba(44, 92, 74, .12);--border-accent: rgba(44, 92, 74, .18);--border-accent-strong: rgba(44, 92, 74, .28);--control-surface: #ffffff;--button-primary-ink: #f6f4f0;--sheet-paper: #fffdfa;--sheet-ink: #221e1a;--sheet-line: rgba(34, 30, 26, .18);--sheet-frame: #e7ddcf;--sheet-shadow: 0 24px 50px rgba(28, 26, 23, .12);--error-bg: #f9ded7;--error-border: #f3b7aa;--error-ink: #7a2318;--error-muted: #9a2b1e;--error-action: #7a2318;--error-action-border: #f0b3a7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--blur-glass: 20px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .06);--shadow-popover: 0 2px 8px rgba(0, 0, 0, .1);--shadow-sheet: 0 4px 12px rgba(0, 0, 0, .12);--dur-press: .12s;--dur-state: .2s;--dur-transition: .32s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-emphasize: cubic-bezier(.22, 1, .36, 1);--color-accent: #0a84ff;--color-destructive: #ff3b30;--color-success: #34c759;--color-warning: #ff9500;--color-label: #000000;--color-label-secondary: rgba(60, 60, 67, .6);--color-label-tertiary: rgba(60, 60, 67, .3);--color-separator: rgba(60, 60, 67, .12);--color-fill-primary: rgba(120, 120, 128, .2);--color-fill-quaternary: rgba(116, 116, 128, .08);--color-bg-primary: #ffffff;--color-bg-secondary: #f2f2f7;--color-bg-tertiary: #e5e5ea;--color-bg-quaternary: #d1d1d6;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .35);--glass-saturate: 1.2}:root[data-theme=dark]{color:#f4eee5;background:#120f0d;color-scheme:dark;--ink-900: #f4eee5;--ink-700: #d3cabd;--ink-500: #aa9f92;--ink-300: #5d5349;--sand-50: #1a1512;--sand-100: #15110f;--sand-200: #221c18;--clay-400: #d9956f;--clay-500: #e4a37d;--forest-500: #8fc8b0;--shadow-xl: 0 30px 60px rgba(0, 0, 0, .44);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .32);--bg-radial-bright: rgba(255, 255, 255, .06);--bg-radial-accent: rgba(217, 149, 111, .18);--bg-linear-start: #181310;--bg-linear-mid: #120f0d;--bg-linear-end: #0d0a09;--surface-hero-start: rgba(32, 26, 22, .94);--surface-hero-end: rgba(25, 20, 17, .98);--surface-panel: rgba(29, 24, 20, .84);--surface-card: rgba(32, 26, 22, .82);--surface-soft: rgba(31, 25, 21, .78);--surface-upload: rgba(24, 20, 17, .78);--surface-accent: rgba(143, 200, 176, .12);--surface-accent-strong: rgba(143, 200, 176, .18);--surface-progress-track: rgba(93, 83, 73, .48);--surface-placeholder-start: rgba(50, 42, 36, .9);--surface-placeholder-end: rgba(29, 24, 20, .94);--border-soft: rgba(93, 83, 73, .86);--border-muted: rgba(93, 83, 73, .72);--border-accent-soft: rgba(143, 200, 176, .16);--border-accent: rgba(143, 200, 176, .2);--border-accent-strong: rgba(143, 200, 176, .28);--control-surface: #1d1814;--button-primary-ink: #120f0d;--sheet-paper: #f7efe2;--sheet-ink: #241e19;--sheet-line: rgba(36, 30, 25, .2);--sheet-frame: #decdb7;--sheet-shadow: 0 24px 50px rgba(0, 0, 0, .3);--error-bg: #41201b;--error-border: #7b443a;--error-ink: #ffd8d1;--error-muted: #f5b8af;--error-action: #ffd8d1;--error-action-border: #8d5147;--color-accent: #409cff;--color-destructive: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--color-label: #ffffff;--color-label-secondary: rgba(235, 235, 245, .6);--color-label-tertiary: rgba(235, 235, 245, .3);--color-separator: rgba(84, 84, 88, .65);--color-fill-primary: rgba(120, 120, 128, .36);--color-fill-quaternary: rgba(116, 116, 128, .18);--color-bg-primary: #000000;--color-bg-secondary: #1c1c1e;--color-bg-tertiary: #2c2c2e;--color-bg-quaternary: #3a3a3c;--glass-bg: rgba(20, 20, 20, .55);--glass-border: rgba(255, 255, 255, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,var(--bg-radial-bright) 0%,rgba(255,255,255,0) 50%),radial-gradient(circle at 90% 10%,var(--bg-radial-accent) 0%,rgba(201,130,90,0) 45%),linear-gradient(160deg,var(--bg-linear-start) 0%,var(--bg-linear-mid) 55%,var(--bg-linear-end) 100%);color:var(--ink-900);transition:background .25s ease,color .25s ease}.app{min-height:100vh;padding:56px 24px}.shell{display:grid;place-items:center}.shell__frame{width:min(1160px,100%)}.shell__frame--auth{width:min(1040px,100%)}.shell__header{background:var(--glass-bg);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));margin-bottom:var(--space-6);position:sticky;top:var(--space-4);z-index:100}.shell__hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.shell__meta{display:grid;gap:10px;min-width:220px;padding:16px 18px;border-radius:20px;border:1px solid var(--border-accent-soft);background:var(--surface-soft);color:var(--ink-700);font-size:13px}.shell__aside{display:grid;gap:14px}.shell__signout{justify-self:end}.shell__nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.shell__nav-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--color-separator);background:transparent;color:var(--color-label);text-decoration:none;font-size:13px;font-weight:600;min-height:44px;transition:transform var(--dur-press) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),background var(--dur-state) var(--ease-standard)}.shell__nav-link:hover{background:var(--color-fill-quaternary)}.shell__nav-link:active{transform:scale(.97)}.shell__nav-link.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.shell__content{display:grid;gap:24px}.shell__footer{display:flex;justify-content:flex-end;padding:16px 0;border-top:1px solid var(--border-soft);margin-top:24px}.shell__feedback-button{font-size:13px;opacity:.7;transition:opacity .2s ease}.shell__feedback-button:hover{opacity:1}.shell__workflow{display:grid;gap:18px;padding:26px 28px;border-radius:24px;border:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-card) 78%,white 22%),var(--surface-panel));box-shadow:var(--shadow-lg)}.shell__workflow-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.shell__workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.shell__workflow-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border-radius:20px;border:1px solid var(--border-muted);background:var(--surface-soft);color:var(--ink-900);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.shell__workflow-step:hover{transform:translateY(-1px);border-color:var(--border-accent-strong);box-shadow:0 18px 30px #1c1a1714}.shell__workflow-step.is-current{border-color:var(--border-accent-strong);background:color-mix(in srgb,var(--surface-accent) 82%,white 18%)}.shell__workflow-step.is-disabled{cursor:default;opacity:.72}.shell__workflow-step.is-disabled:hover{transform:none;border-color:var(--border-muted);box-shadow:none}.shell__workflow-step-index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--surface-accent-strong) 82%,white 18%);color:var(--forest-500);font-size:12px;font-weight:800;letter-spacing:.12em}.shell__workflow-step-copy{display:grid;gap:8px;min-width:0}.shell__workflow-step-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.shell__workflow-step-header strong{font-size:15px}.shell__workflow-step-status{flex-shrink:0;padding:4px 10px;border-radius:999px;background:#ffffff9e;color:var(--ink-700);font-size:11px;font-weight:700}.shell__workflow-step-copy p{margin:0;color:var(--ink-700);font-size:13px;line-height:1.5}.page-grid{display:grid;gap:24px}.page-grid--split{grid-template-columns:1fr}.page-grid__sidebar,.page-grid__main{display:grid;gap:24px;align-content:start}@media (min-width: 1024px){.page-grid--split{grid-template-columns:380px 1fr}.page-grid__sidebar{position:sticky;top:var(--space-4);max-height:calc(100dvh - var(--space-4) * 2);overflow-y:auto;scrollbar-width:thin}}.page-two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.editor-layout{display:grid;gap:24px}.editor-layout__sidebar{display:grid;gap:24px;align-content:start}@media (min-width: 1280px){.editor-layout{grid-template-columns:280px 1fr;grid-template-areas:"toolbar toolbar" "sidebar timeline" "sidebar chords" "sidebar score"}.editor-layout__toolbar{grid-area:toolbar}.editor-layout__timeline{grid-area:timeline}.editor-layout__chords{grid-area:chords}.editor-layout__sidebar{grid-area:sidebar;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain}.editor-layout__score{grid-area:score}}.project-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 1024px){.project-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.project-card-grid{grid-template-columns:repeat(3,1fr)}}.project-list-toolbar{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate))}.project-list-toolbar .app__field{margin-bottom:0;flex:1}.project-list-toolbar .app__field:last-child{flex:0 0 auto}.project-list-hero{display:grid;gap:var(--space-6);overflow:hidden;align-items:center;background:linear-gradient(145deg,var(--surface-hero-start),var(--surface-hero-end)),var(--color-bg-primary)}.project-list-hero__copy{display:grid;gap:var(--space-4);min-width:0}.project-list-hero__heading{display:grid;gap:var(--space-2)}.project-list-hero__heading .app__status{width:fit-content}.project-list-hero__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin:0}.project-list-hero__metrics div{display:grid;gap:var(--space-1);min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-separator)}.project-list-hero__metrics dt{color:var(--color-label-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.project-list-hero__metrics dd{margin:0;color:var(--color-label);font-size:clamp(18px,2.6vw,28px);font-weight:700;line-height:1.1}.project-list-artwork{position:relative;display:grid;align-content:end;gap:var(--space-4);aspect-ratio:16 / 10;min-height:220px;padding:var(--space-5);overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-separator);background:radial-gradient(circle at 72% 24%,var(--color-accent-soft),transparent 36%),linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-secondary));box-shadow:var(--shadow-card);contain:layout paint}.project-list-artwork:before{content:"";position:absolute;inset:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-separator);pointer-events:none}.project-list-artwork__staff{position:relative;display:grid;gap:var(--space-3);padding:var(--space-4) 0}.project-list-artwork__staff>span{display:block;height:1px;background:var(--color-separator)}.project-list-artwork__note{position:absolute;width:22px;height:16px;border-radius:999px;background:var(--color-accent);box-shadow:0 10px 26px var(--color-accent-soft)}.project-list-artwork__note:after{content:"";position:absolute;right:2px;bottom:8px;width:2px;height:48px;border-radius:999px;background:var(--color-accent)}.project-list-artwork__note--one{left:18%;top:38%}.project-list-artwork__note--two{left:48%;top:24%}.project-list-artwork__note--three{left:72%;top:48%}.project-list-artwork__transport{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg)}.project-list-artwork__bars{display:flex;align-items:end;gap:var(--space-1);height:28px}.project-list-artwork__bars span{width:5px;min-height:8px;border-radius:999px;background:var(--color-accent)}.project-list-artwork__bars span:nth-child(2),.project-list-artwork__bars span:nth-child(6){height:18px}.project-list-artwork__bars span:nth-child(3),.project-list-artwork__bars span:nth-child(5){height:28px}.project-list-artwork__bars span:nth-child(4){height:14px}.project-list-artwork__transport strong{min-width:0;color:var(--color-label);font-size:13px}@media (min-width: 900px){.project-list-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.74fr)}}.editor-toolbar__strip{border-radius:var(--radius-lg, 16px);margin-top:20px;padding:var(--space-3, 12px) var(--space-4, 16px)}.editor-toolbar__strip .ui-toolbar__leading,.editor-toolbar__strip .ui-toolbar__center,.editor-toolbar__strip .ui-toolbar__trailing{border-radius:var(--radius-md, 12px)}.editor-toolbar__tools{display:flex;gap:10px;flex-wrap:wrap}.editor-toolbar__actions{display:grid;justify-items:end;gap:12px}.editor-toolbar__history{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.editor-toolbar__chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--color-separator, var(--border-soft));background:var(--color-bg-secondary, var(--surface-soft));color:var(--color-text-primary, var(--ink-700));font-size:13px;font-weight:700}.app__status.is-dirty{border-color:#ac6b2142;background:#ac6b211f;color:#8a5a1f}.playback-panel{display:grid;gap:18px}.playback-panel__summary,.playback-panel__transport{display:flex;gap:10px;flex-wrap:wrap}.playback-panel__group{display:grid;gap:10px}.playback-panel__pack-row{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:12px;align-items:start}.playback-panel__pack-card{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-soft)}.playback-panel__group .app__helper,.playback-panel .app__helper{margin-bottom:0}.playback-panel__button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--color-separator, var(--border-soft));background:var(--color-bg-secondary, var(--surface-soft));color:var(--color-text-primary, var(--ink-900));font-size:13px;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.playback-panel__button:hover{transform:translateY(-1px);border-color:var(--color-accent, var(--border-accent-strong))}.playback-panel__button:active{transform:scale(.96)}.playback-panel__button:disabled{cursor:wait;opacity:.7;transform:none}.playback-panel__button.is-active{background:#0a84ff1f;border-color:var(--color-accent, var(--border-accent-strong));color:var(--color-accent, var(--forest-500))}.playback-panel__cue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 14px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-soft)}.playback-panel__cue.is-count-in{background:color-mix(in srgb,var(--surface-soft) 72%,rgba(209,153,47,.18) 28%)}.playback-panel__cue.is-accent{border-color:var(--border-accent-strong);background:color-mix(in srgb,var(--surface-accent-strong) 72%,white 28%)}.playback-panel__cue-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-700)}.playback-panel__cue-value{font-size:14px;font-weight:700;color:var(--ink-900)}.playback-panel__cue-tag{grid-row:1 / span 2;grid-column:2;align-self:center;padding:6px 10px;border-radius:999px;background:#ffffffa6;font-size:11px;font-weight:700;color:var(--ink-700)}.chord-editor{display:grid;gap:18px}.chord-editor__layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px}.chord-editor__panel{display:grid;gap:16px;padding:18px;border-radius:18px;border:1px solid var(--border-muted);background:var(--surface-card)}.chord-editor__panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chord-editor__panel-header .app__helper{margin-top:6px;margin-bottom:0}.chord-editor__measure-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.chord-editor__measure-button{display:grid;gap:4px;width:100%;padding:14px 16px;border:1px solid var(--border-muted);border-radius:14px;background:#ffffff9e;color:var(--ink-900);text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.chord-editor__measure-button:hover{transform:translateY(-1px);border-color:var(--border-accent-strong)}.chord-editor__measure-button.is-active{border-color:var(--border-accent-strong);background:var(--surface-accent)}.chord-editor__measure-label{font-size:.82rem;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.12em}.chord-editor__measure-symbol{font-size:1rem;font-weight:700;color:var(--ink-900)}.chord-editor__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.chord-editor__input-field{grid-column:1 / -1}.chord-editor__input-field .app__helper{margin-bottom:0}.chord-editor__library{display:grid;gap:12px}.chord-editor__rewrite{display:grid;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--border-soft);background:#f5f8f2db}.chord-editor__rewrite .app__helper{margin-bottom:0}.chord-editor__quality-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.chord-editor__quality-button{display:grid;gap:4px;min-height:72px;padding:12px 14px;border:1px solid var(--border-muted);border-radius:14px;background:#ffffffc7;color:var(--ink-900);font:inherit;font-weight:700;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.chord-editor__quality-button span:last-child{color:var(--ink-500);font-size:.84rem;font-weight:600}.chord-editor__quality-button:hover{transform:translateY(-1px);border-color:var(--border-accent-strong)}.chord-editor__quality-button.is-active{border-color:var(--border-accent-strong);background:var(--surface-accent);color:var(--forest-500)}.chord-editor__quality-button:disabled,.chord-editor__measure-button:disabled{cursor:not-allowed;opacity:.65}.project-list-recent-panel{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-separator);background:var(--color-bg-secondary);margin-bottom:var(--space-4)}.project-list-recent-panel .app__panel-header{margin-bottom:var(--space-3)}.project-list-recent-panel__header{align-items:center}.project-list-recent-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.project-list-recent-panel__controls{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-fill-quaternary)}.project-list-recent-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-label);cursor:pointer;font:inherit;font-size:18px;font-weight:700;line-height:1;transition:background var(--dur-press) var(--ease-standard),color var(--dur-press) var(--ease-standard),transform var(--dur-press) var(--ease-standard),opacity var(--dur-press) var(--ease-standard)}.project-list-recent-nav:hover:not(:disabled){background:var(--color-bg-primary);color:var(--color-accent)}.project-list-recent-nav:active:not(:disabled){transform:scale(.96)}.project-list-recent-nav:disabled{cursor:default;opacity:.35}.project-list-recent-grid{display:flex;gap:var(--space-3);padding-bottom:var(--space-2);overflow-x:auto;scroll-padding-inline:var(--space-1);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.project-list-recent-item{flex:0 0 min(320px,84vw);scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:136px 320px}.project-list-recent-item[data-visible=false] .project-list-recent-card{opacity:.72}.project-list-recent-card{display:grid;gap:var(--space-1);width:100%;height:100%;padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-label);text-align:left;font:inherit;cursor:pointer;min-height:136px;border-bottom:1px solid var(--color-separator);transition:background var(--dur-press) var(--ease-standard),opacity var(--dur-press) var(--ease-standard),transform var(--dur-press) var(--ease-standard)}.project-list-recent-card:hover{background:var(--color-fill-quaternary)}.project-list-recent-card:active{transform:scale(.98)}.project-list-recent-card__type{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);font-weight:700}.project-list-recent-card__title{font-size:16px;font-weight:600;color:var(--color-label)}.project-list-recent-card__meta{font-size:13px;color:var(--color-label-secondary)}@media (min-width: 1024px){.project-list-recent-item{flex-basis:calc((100% - var(--space-3) * 2) / 3);min-width:260px}}.project-card{height:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card,.artifact-card{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-separator)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.detail-grid--compact{margin-bottom:0}.detail-list{display:grid;gap:14px}.detail-list--triptych{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-list-item{display:grid;gap:14px;padding:18px;border-radius:18px;background:var(--surface-card);border:1px solid var(--border-muted)}.detail-list-item--selected{border-color:var(--accent-500);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-500) 28%,transparent)}.detail-list-item__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.detail-list-item__title{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--ink-900)}.detail-list-item__subtitle{margin:0;font-size:12px;color:var(--ink-500);word-break:break-word}.detail-list-item__chip{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;border-radius:999px;border:1px solid var(--border-muted);background:var(--surface-soft);color:var(--ink-700);font-size:12px;font-weight:600}.detail-list-item__actions{display:flex;justify-content:flex-end;gap:12px}.comment-thread-panel{display:grid;gap:14px;margin-top:18px;padding:18px;border-radius:20px;border:1px solid var(--border-muted);background:color-mix(in srgb,var(--surface-card) 90%,white)}.comment-thread-panel__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.comment-thread-panel__anchor{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid var(--border-soft);background:#ffffffc7}.comment-thread-panel__replying{display:grid;gap:8px;padding:14px 16px;border-radius:16px;border:1px dashed var(--border-accent-strong);background:var(--surface-accent)}.comment-thread-panel__replies{display:grid;gap:10px;margin-top:8px;padding-left:16px;border-left:2px solid rgba(44,92,74,.12)}.comment-thread-panel__reply{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:#ffffffc2;border:1px solid rgba(34,30,26,.08)}.comment-thread-panel__reply-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.revision-history-toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-separator);background:var(--color-bg-secondary)}.revision-history-toolbar__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.revision-history-toolbar__search{grid-column:span 2}.revision-history-toolbar__summary{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.revision-history-toolbar__summary .app__helper{margin-bottom:0;flex:1 1 320px}@media (max-width: 720px){.revision-history-toolbar__search{grid-column:auto}}.project-detail-layout{display:grid;gap:var(--space-6)}@media (min-width: 1024px){.project-detail-layout{grid-template-columns:1fr 1fr}}.job-stage-section{margin-bottom:var(--space-4)}.job-stage-list{display:flex;flex-direction:column;gap:0;padding-left:var(--space-2)}.job-stage-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px 10px 0;position:relative;background:transparent;border:none}.job-stage-item:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--color-separator, var(--border-muted))}.job-stage-item:first-child:before{top:50%}.job-stage-item:last-child:before{bottom:50%}@media (max-width: 767px){.job-stage-list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-left:0;padding-bottom:var(--space-2);gap:0}.job-stage-item{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;min-width:90px;padding:var(--space-2) var(--space-2);flex-shrink:0}.job-stage-item:before{left:0;right:0;top:17px;bottom:auto;width:auto;height:2px}.job-stage-item:first-child:before{top:17px;left:50%}.job-stage-item:last-child:before{top:17px;right:50%;left:0;bottom:auto}.job-stage-item__title{font-size:11px}.job-stage-item__badge{font-size:10px;padding:2px 6px}}.job-stage-item__marker{width:14px;height:14px;border-radius:999px;background:var(--color-bg-tertiary, var(--ink-300));border:2px solid var(--color-separator, var(--border-muted));position:relative;z-index:1}.job-stage-item__title{margin:0;font-size:14px;font-weight:600;color:var(--color-secondary-label, var(--ink-900))}.job-stage-item__badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;border:none;background:var(--color-bg-tertiary, var(--surface-soft));color:var(--color-secondary-label, var(--ink-700));font-size:11px;font-weight:600;white-space:nowrap}.job-stage-item--completed .job-stage-item__marker{background:var(--color-green, #34c759);border-color:var(--color-green, #34c759)}.job-stage-item--completed .job-stage-item__title{color:var(--color-label, var(--ink-900))}.job-stage-item--completed .job-stage-item__badge{color:var(--color-green, #34c759);background:#34c7591f}.job-stage-item--current .job-stage-item__marker{background:var(--color-accent, #0a84ff);border-color:var(--color-accent, #0a84ff);box-shadow:0 0 0 4px #0a84ff33;animation:stage-pulse 2s ease-in-out infinite}.job-stage-item--current .job-stage-item__title{color:var(--color-accent, #0a84ff);font-weight:700}.job-stage-item--current .job-stage-item__badge{color:var(--color-accent, #0a84ff);background:#0a84ff1f;font-weight:700}@keyframes stage-pulse{0%,to{box-shadow:0 0 0 4px #0a84ff33}50%{box-shadow:0 0 0 8px #0a84ff14}}@media (prefers-reduced-motion: reduce){.job-stage-item--current .job-stage-item__marker{animation:none}}.job-stage-item--failed .job-stage-item__marker,.job-stage-item--canceled .job-stage-item__marker{background:var(--color-destructive, #ff3b30);border-color:var(--color-destructive, #ff3b30)}.job-stage-item--failed .job-stage-item__title,.job-stage-item--canceled .job-stage-item__title{color:var(--color-destructive, #ff3b30)}.job-stage-item--failed .job-stage-item__badge,.job-stage-item--canceled .job-stage-item__badge{color:var(--color-destructive, #ff3b30);background:#ff3b301f}.failure-guidance{display:grid;gap:12px;margin:0 0 18px;padding:18px;border-radius:var(--radius-md, 12px);border:1px solid var(--color-destructive, var(--error-border));background:var(--color-bg-secondary, var(--surface-soft))}.failure-guidance__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.failure-guidance__title{margin:0;font-size:18px;font-weight:700;color:var(--color-label, var(--ink-900))}.failure-guidance__message{margin:0;color:var(--color-secondary-label, var(--ink-700));line-height:1.6}.failure-guidance__technical{margin:0;color:var(--color-destructive, var(--error-muted));font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7;padding:var(--space-3);border-radius:var(--radius-sm, 8px);background:var(--color-bg-tertiary, rgba(0, 0, 0, .04));overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-code-tag{display:inline-flex;align-items:center;gap:var(--space-1)}.error-code-tag__code{font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;padding:2px 8px;border-radius:var(--radius-sm, 8px);background:#ff3b301a;color:var(--color-destructive, #ff3b30)}.error-code-tag__copy{font:inherit;font-size:.6875rem;font-weight:600;padding:2px 8px;border:1px solid var(--color-separator, var(--border-muted));border-radius:var(--radius-sm, 8px);background:var(--color-bg-primary, #fff);color:var(--color-accent, #0a84ff);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.error-code-tag__copy:hover{background:var(--color-bg-tertiary, #f2f2f7)}.error-code-tag__copy-pill{cursor:pointer;border:none;font:inherit}.error-code-tag__copy-pill code{font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:inherit}.failure-guidance__actions{display:grid;gap:8px}.failure-guidance__list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-800)}.share-placeholder{display:grid;gap:18px}.share-page{display:grid;gap:24px}@media (min-width: 768px){.share-page{max-width:560px;margin-inline:auto}}.share-page__hero{overflow:hidden}.share-page__lead{margin:0 0 18px;max-width:68ch;color:var(--ink-700);line-height:1.6}.share-page__token{word-break:break-all}.share-page__datetime{font-size:14px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-separator);border-radius:var(--radius-sm);background:var(--color-bg-secondary, #f2f2f7);color:var(--color-label);min-height:36px}.share-link-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.share-link-card .app__value{flex:1;min-width:0}.share-link-card .app__button{flex-shrink:0}.share-page__playback-stack{display:grid;gap:18px}.share-page__audio{width:100%}.share-page__speed-actions{display:flex;flex-wrap:wrap;gap:10px}.share-placeholder__value{word-break:break-word}.share-placeholder__value code{display:inline-flex;max-width:100%;padding:8px 12px;border-radius:14px;border:1px solid var(--border-muted);background:var(--surface-soft);color:var(--forest-500);font-size:13px;line-height:1.5;white-space:normal}.privacy-page{display:grid;gap:var(--space-6)}@media (min-width: 768px){.privacy-page{max-width:720px;margin-inline:auto}}.privacy-page__group{display:grid;gap:1px;border:1px solid var(--color-separator);border-radius:var(--radius-md);overflow:hidden;background:var(--color-separator)}.privacy-page__group>.ui-list-row{background:var(--color-bg-primary)}.privacy-page__form{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.privacy-page__field{display:grid;gap:var(--space-2);color:var(--color-label-secondary);font-size:13px;font-weight:750}.privacy-page__field .app__input{min-height:44px;border-radius:8px}.privacy-page__danger{border-color:var(--color-destructive, #ff3b30)}.complaint-page{display:grid;gap:var(--space-6);padding-inline:var(--space-4)}@media (min-width: 768px){.complaint-page{max-width:680px;margin-inline:auto;padding-inline:0}}.complaint-page .app__form{display:grid;gap:var(--space-4)}.complaint-page__evidence .ui-field__input{border-style:dashed;background:var(--color-bg-secondary)}.complaint-page__status-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:end}textarea.ui-field__input{resize:vertical;min-height:72px}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.export-format-segmented{margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.export-form-group{padding:var(--space-3);border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-bg-secondary, #f2f2f7)}.export-form-group+.export-form-group{margin-top:var(--space-6)}.export-estimate{color:var(--color-label-secondary);font-size:13px}.export-layout{display:grid;gap:var(--space-6)}.export-layout__form>.app__panel+.app__panel,.export-layout__preview>.app__panel+.app__panel{margin-top:var(--space-6)}@media (min-width: 768px){.export-layout{grid-template-columns:7fr 5fr}}.artifact-card__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.artifact-card__status{margin-top:var(--space-3)}.artifact-card__progress{margin-bottom:var(--space-2)}.artifact-card__helper--success{color:var(--color-success)}.bundle-preview-list{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;gap:var(--space-2)}.bundle-preview-list__item{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:transparent;border-bottom:1px solid var(--color-separator);transition:background var(--dur-press) var(--ease-standard)}.bundle-preview-list__item:hover{background:var(--color-fill-quaternary)}.bundle-preview-list__meta{min-width:0;display:grid;gap:2px}.bundle-preview-list__name{margin:0;font-size:14px;font-weight:600;color:var(--color-label);word-break:break-word}.bundle-preview-list__subtle{margin:0;font-size:12px;color:var(--color-label-secondary)}.bundle-preview-list__size{white-space:nowrap;font-size:13px;font-weight:600;color:var(--color-label-secondary)}.export-history-card{display:grid;gap:14px}.export-history-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.export-history-card__note{display:grid;gap:8px}.export-history-card__note-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.advanced-layout-panel{display:grid;gap:20px;padding:16px 0}.advanced-layout-panel__row{display:grid;gap:8px}.advanced-layout-panel__row .detail-grid{margin-top:8px}.advanced-layout-panel__row .app__input{max-width:120px}.advanced-layout-panel__row .app__input:disabled{opacity:.6;cursor:not-allowed}.advanced-layout-panel__actions{display:flex;gap:12px;margin-top:8px}.advanced-layout-panel .pill--selected{background:var(--forest-500);color:var(--button-primary-ink);border-color:var(--forest-500)}.advanced-layout-panel .pill:disabled{opacity:.6;cursor:not-allowed}.app__helper--warning{padding:12px;border-radius:12px;background:#ffc8322e;border:1px solid rgba(200,160,50,.4);color:var(--ink-700)}.pdf-preview{display:grid;gap:16px}.pdf-preview__frame,.pdf-preview__placeholder{width:100%;min-height:520px;border:1px solid var(--border-soft);border-radius:24px;background:#fffdfae0;box-shadow:inset 0 1px #ffffff73}.pdf-preview__frame{overflow:hidden}.pdf-preview__placeholder{display:grid;place-items:center;padding:24px}.pdf-preview__placeholder--error{background:var(--error-bg);border-color:var(--error-border)}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--color-fill-quaternary);border:1px solid var(--color-separator);color:var(--color-accent);font-size:12px;font-weight:600}.pill--error{background:#f9ded7b3;border-color:var(--error-border);color:var(--error-ink)}.track-rack{display:grid;gap:14px;margin-bottom:18px}.track-rack__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.track-rack__header .app__helper{margin-top:6px}.track-rack__header-side{display:grid;gap:8px;justify-items:end;flex:0 0 auto}.track-rack__preset-stack{display:grid;gap:10px;margin-top:16px}.track-rack__preset-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.track-rack__item{border:1px solid var(--border-muted);border-radius:18px;background:var(--surface-soft);overflow:hidden}.track-rack__summary{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;min-height:64px;cursor:pointer}.track-rack__summary::-webkit-details-marker{display:none}.track-rack__summary-main{display:flex;gap:12px;align-items:center;min-width:0}.track-rack__swatch{width:12px;height:42px;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #221e1a14}.track-rack__name,.track-rack__caption{margin:0}.track-rack__name{font-size:1rem;font-weight:700}.track-rack__caption{margin-top:4px;color:var(--ink-500);font-size:.9rem}.track-rack__summary-side{display:grid;justify-items:end;gap:8px;flex:0 0 auto}.track-rack__hint{color:var(--ink-500);font-size:.78rem}.track-rack__details{display:grid;gap:18px;padding:0 20px 20px;border-top:1px solid rgba(34,30,26,.08);background:#f4f1eab8}.track-rack__rename-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.track-rack__rename-helper{margin:8px 0 0;color:var(--ink-500);font-size:.82rem}.track-rack__playback{display:grid;gap:14px;padding:16px;border-radius:16px;border:1px solid rgba(34,30,26,.08);background:#ffffff85}.track-rack__playback-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.track-rack__playback-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.track-rack__playback-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(34,30,26,.08);background:#fff9f2eb;color:var(--ink-700);font-size:.82rem;font-weight:700;letter-spacing:.01em}.track-rack__playback-chip--summary{min-width:92px;justify-content:center}.track-rack__playback-chip.is-audible{border-color:#2c5c4a2e;background:#2c5c4a1f;color:var(--forest-700)}.track-rack__playback-chip.is-soloed{border-color:#4d72b838;background:#4d72b81f;color:#2f4b80}.track-rack__playback-chip.is-idle{border-color:#67605729;background:#6760571a;color:var(--ink-500)}.track-rack__playback-chip.is-loading{border-color:#ac6b2138;background:#ac6b211f;color:#8a5a1f}.track-rack__playback-chip.is-ready{border-color:#2c5c4a2e;background:#2c5c4a1f;color:var(--forest-500)}.track-rack__playback-chip.is-error{border-color:#9a2b1e38;background:#9a2b1e1f;color:var(--error-ink)}.track-rack__playback-chip.is-muted,.track-rack__playback-chip.is-inactive{border-color:#67605729;background:#6760571a;color:var(--ink-500)}.track-rack__toggle-group{display:flex;flex-wrap:wrap;gap:10px}.track-rack__toggle{display:inline-flex;align-items:center;gap:6px;min-width:88px;min-height:44px;padding:10px 14px;border:1px solid var(--color-separator, rgba(34, 30, 26, .12));border-radius:12px;background:var(--color-bg-secondary, rgba(255, 255, 255, .78));color:var(--color-text-primary, var(--ink-700));font:inherit;font-weight:700;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.track-rack__toggle-icon{width:18px;height:18px;flex-shrink:0}.track-rack__toggle-label{font-size:13px}.track-rack__toggle:hover{transform:translateY(-1px)}.track-rack__toggle.is-active.is-muted{border-color:var(--color-separator, rgba(103, 96, 87, .22));background:var(--color-bg-tertiary, rgba(103, 96, 87, .18));color:var(--color-text-secondary, var(--ink-700))}.track-rack__toggle.is-active.is-soloed{border-color:#0a84ff42;background:#0a84ff1f;color:var(--color-accent, #2f4b80)}.track-rack__slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.track-rack__slider-field{display:grid;gap:8px}.track-rack__slider-header{display:flex;justify-content:space-between;gap:12px;color:var(--ink-700);font-size:.86rem;font-weight:700}.track-rack__slider{width:100%;accent-color:var(--forest-500)}.track-rack__select{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(34,30,26,.12);border-radius:12px;background:#ffffffd1;color:var(--ink-700);font:inherit}@media (max-width: 900px){.playback-panel__pack-row{grid-template-columns:1fr}}.placeholder-stack{display:grid;gap:12px}.placeholder-block{border-radius:16px;min-height:56px;background:linear-gradient(120deg,var(--surface-placeholder-start),var(--surface-placeholder-end));border:1px solid var(--border-muted)}.placeholder-block--short{min-height:40px;width:72%}.placeholder-block--tall{min-height:180px}.app__eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:var(--ink-500);margin:0 0 12px}h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}.app__lead{margin:0 0 26px;line-height:1.6;color:var(--ink-700);max-width:60ch}.app__meta{margin:0 0 20px;font-size:13px;color:var(--ink-500);word-break:break-word}.app__next{margin:0 0 32px;padding-left:18px;color:var(--ink-700)}.app__panel{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-separator);background:var(--color-bg-primary);box-shadow:var(--shadow-card)}.project-info-card{background:var(--color-bg-secondary)}.project-info-card .detail-grid{gap:var(--space-3) var(--space-4)}.project-info-card .app__label{color:var(--color-label-secondary)}.project-info-card .app__value{color:var(--color-label)}[data-locale=zh] .app__label,[data-locale=zh] .app__field label{text-transform:none;letter-spacing:.04em}[data-locale=zh] .detail-grid .app__label{min-width:5em;display:inline-block}[data-locale=zh] .app__field label{min-width:6em;display:inline-block}.app__panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.app__panel-eyebrow{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-500);font-weight:700}.app__panel-title{margin:0;font-size:22px}.app__status{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-separator);font-size:12px;font-weight:600;color:var(--color-accent);background:var(--color-fill-quaternary)}.app__field{display:grid;gap:8px;margin-bottom:18px}.app__field label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-500);font-weight:700}.arrangement-params{display:grid;gap:14px;margin:18px 0}.arrangement-params__group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.arrangement-params__group,.arrangement-params__summary{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--border-muted);background:color-mix(in srgb,var(--surface-card) 88%,white)}.arrangement-params__group-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.arrangement-params__group-header .app__helper{margin:6px 0 0}.arrangement-params__sections{display:flex;flex-wrap:wrap;gap:10px}.arrangement-params__section{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffd1;color:var(--ink-700);font-size:13px;font-weight:600}.arrangement-params__section.is-active{border-color:var(--border-accent-strong);background:var(--surface-accent);color:var(--forest-500)}.arrangement-params__section input{accent-color:var(--forest-500)}.project-traceability{display:grid;gap:18px}.project-traceability__section{display:grid;gap:14px}.project-traceability__section-header{margin-bottom:0}.project-traceability__section-title{margin:0;font-size:18px}.project-traceability__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.project-traceability__summary-item,.project-traceability__card{padding:16px;border-radius:18px;border:1px solid var(--border-muted);background:color-mix(in srgb,var(--surface-card) 88%,white)}.project-traceability__summary-label,.project-traceability__metric-label{margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);font-weight:700}.project-traceability__summary-value,.project-traceability__metric-value{margin:0;color:var(--ink-900);font-size:15px;font-weight:600}.project-traceability__list{display:grid;gap:12px}.project-traceability__card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.project-traceability__card-title{margin:0;font-size:17px}.project-traceability__card-subtitle{margin:6px 0 0;color:var(--ink-500);font-size:13px}.project-traceability__badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid var(--border-accent-strong);background:var(--surface-accent);color:var(--forest-500);font-size:12px;font-weight:700;white-space:nowrap}.project-traceability__chain{margin:14px 0 0;color:var(--ink-700);font-size:13px;line-height:1.6}.project-traceability__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.app__select{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-separator);font-size:14px;background:var(--color-bg-primary);color:var(--color-label);min-height:44px;transition:border-color var(--dur-state) var(--ease-standard)}.app__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0a84ff33}.app__input{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-separator);font-size:14px;background:var(--color-bg-primary);color:var(--color-label);min-height:44px;transition:border-color var(--dur-state) var(--ease-standard)}.app__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0a84ff33}.app__textarea{min-height:96px;border-radius:14px;padding:10px 12px;border:1px solid var(--ink-300);font:inherit;line-height:1.55;resize:vertical;background:var(--control-surface);color:var(--ink-900)}.app__job-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-4)}.app__label{margin:0 0 4px;font-size:12px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.14em}.app__value{margin:0;font-size:16px;font-weight:600;color:var(--ink-900)}.app__value--highlight{color:var(--accent-green-500, #22c55e);animation:app-value-highlight-pulse 1s ease-in-out}@keyframes app-value-highlight-pulse{0%,to{opacity:1}50%{opacity:.6}}.app__progress{height:10px;border-radius:999px;background:var(--color-fill-quaternary);overflow:hidden;margin-bottom:var(--space-3)}.app__progress-bar{display:block;height:100%;border-radius:999px;background:var(--color-accent);transition:width var(--dur-transition) var(--ease-standard)}.app__helper{margin:0 0 16px;font-size:13px;color:var(--color-label-secondary, var(--ink-500))}.app__helper--error{color:var(--color-destructive)}.app__actions{display:flex;gap:12px;flex-wrap:wrap}.job-detail-toolbar{position:sticky;bottom:0;margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md, 12px) var(--radius-md, 12px);z-index:10}.app__panel+.app__panel{margin-top:24px}.revision-compare-summary{margin-bottom:18px}.revision-compare-summary .app__helper{margin-bottom:0}.revision-compare-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:18px}.revision-compare-stat{padding:14px 16px;border-radius:16px;border:1px solid var(--border-muted);background:var(--surface-card)}.revision-compare-stat--added{border-color:color-mix(in srgb,var(--forest-500) 24%,var(--border-muted));background:color-mix(in srgb,var(--surface-card) 84%,var(--surface-accent) 16%)}.revision-compare-stat--removed{border-color:color-mix(in srgb,var(--error-border) 88%,var(--border-muted));background:color-mix(in srgb,var(--surface-card) 76%,var(--error-bg) 24%)}.revision-compare-stat--moved{border-color:color-mix(in srgb,var(--clay-500) 34%,var(--border-muted));background:color-mix(in srgb,var(--surface-card) 84%,var(--bg-radial-accent) 16%)}.revision-compare-stat--edited,.revision-compare-stat--measures{border-color:var(--border-soft)}.revision-compare-filters{display:grid;gap:12px;margin-bottom:18px}.revision-compare-filters__actions{display:flex;flex-wrap:wrap;gap:10px}.revision-compare-notes{display:grid;gap:14px}.revision-compare-overview{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--border-muted);background:radial-gradient(circle at top right,color-mix(in srgb,var(--bg-radial-accent) 18%,transparent),transparent 48%),var(--surface-card)}.revision-compare-overview__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.revision-compare-overview__header .app__helper{margin-bottom:0}.revision-compare-overview__legend{display:flex;flex-wrap:wrap;gap:10px}.revision-compare-overview__legend-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-soft) 70%,transparent);color:var(--ink-700);font-size:12px;font-weight:600}.revision-compare-overview__legend-chip:before{content:"";width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.92}.revision-compare-overview__legend-chip--shadow:before{background:color-mix(in srgb,var(--surface-soft) 80%,transparent);border:1px dashed var(--ink-400)}.revision-compare-overview__legend-chip--added{border-color:color-mix(in srgb,var(--forest-500) 24%,var(--border-muted));color:var(--forest-500)}.revision-compare-overview__legend-chip--removed{border-color:color-mix(in srgb,var(--error-border) 88%,var(--border-muted));color:var(--error-action)}.revision-compare-overview__legend-chip--moved{border-color:color-mix(in srgb,var(--clay-500) 34%,var(--border-muted));color:var(--clay-500)}.revision-compare-overview__legend-chip--edited,.revision-compare-overview__legend-chip--target{color:var(--ink-600)}.revision-compare-overview__lanes{display:grid;gap:12px}.revision-compare-overview__lane{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-soft) 52%,transparent)}.revision-compare-overview__lane-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.revision-compare-overview__lane-title{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--ink-900)}.revision-compare-overview__lane-subtitle{margin:0;font-size:12px;color:var(--ink-500)}.revision-compare-overview__lane-pitches{display:grid;justify-items:end;gap:4px;min-width:56px;font-size:11px;font-weight:600;color:var(--ink-500)}.revision-compare-overview__lane-grid{--revision-compare-row-height: 14px;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 76%,transparent),color-mix(in srgb,var(--surface-card) 88%,transparent)),repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--revision-compare-row-height) - 1px),color-mix(in srgb,var(--border-soft) 60%,transparent) var(--revision-compare-row-height)),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),color-mix(in srgb,var(--border-soft) 68%,transparent) 25%)}.revision-compare-overview__note{position:absolute;border-radius:999px;min-width:10px;pointer-events:auto}.revision-compare-overview__note--primary{box-shadow:0 6px 18px color-mix(in srgb,currentColor 16%,transparent)}.revision-compare-overview__note--shadow{opacity:.9;background:color-mix(in srgb,var(--surface-soft) 82%,transparent);border:1px dashed var(--ink-400)}.revision-compare-overview__note--added{color:var(--forest-500);background:linear-gradient(120deg,color-mix(in srgb,var(--forest-500) 52%,white),color-mix(in srgb,var(--forest-500) 34%,white))}.revision-compare-overview__note--removed{color:var(--error-action);background:linear-gradient(120deg,color-mix(in srgb,var(--error-action) 48%,white),color-mix(in srgb,var(--error-action) 30%,white))}.revision-compare-overview__note--moved{color:var(--clay-500);background:linear-gradient(120deg,color-mix(in srgb,var(--clay-400) 50%,white),color-mix(in srgb,var(--clay-500) 34%,white))}.revision-compare-overview__note--edited{color:var(--ink-500);background:linear-gradient(120deg,color-mix(in srgb,var(--ink-500) 44%,white),color-mix(in srgb,var(--ink-300) 50%,white))}.revision-compare-notes__header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.revision-compare-note-list{display:grid;gap:12px}.revision-compare-note{display:grid;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--border-muted);background:var(--surface-card)}.revision-compare-note--added{border-color:color-mix(in srgb,var(--forest-500) 22%,var(--border-muted))}.revision-compare-note--removed{border-color:color-mix(in srgb,var(--error-border) 88%,var(--border-muted))}.revision-compare-note--moved{border-color:color-mix(in srgb,var(--clay-500) 32%,var(--border-muted))}.revision-compare-note__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.revision-compare-note__title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink-900)}.revision-compare-note__subtitle{margin:0;font-size:12px;color:var(--ink-500)}.revision-compare-note__chip--added{border-color:color-mix(in srgb,var(--forest-500) 24%,var(--border-muted));color:var(--forest-500);background:var(--surface-accent)}.revision-compare-note__chip--removed{border-color:color-mix(in srgb,var(--error-border) 88%,var(--border-muted));color:var(--error-action);background:color-mix(in srgb,var(--error-bg) 64%,transparent)}.revision-compare-note__chip--moved{border-color:color-mix(in srgb,var(--clay-500) 34%,var(--border-muted));color:var(--clay-500);background:color-mix(in srgb,var(--bg-radial-accent) 72%,transparent)}.revision-compare-note__chip--edited{border-color:var(--border-soft)}.revision-compare-note__timeline{position:relative;height:40px;overflow:hidden;border-radius:14px;border:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 72%,transparent),color-mix(in srgb,var(--surface-card) 82%,transparent)),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),color-mix(in srgb,var(--border-soft) 68%,transparent) 25%)}.revision-compare-note__bar{position:absolute;top:50%;height:12px;transform:translateY(-50%);border-radius:999px;min-width:10px}.revision-compare-note__bar--before{border:1px dashed var(--ink-300);background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}.revision-compare-note__bar--added{background:linear-gradient(120deg,color-mix(in srgb,var(--forest-500) 52%,white),color-mix(in srgb,var(--forest-500) 36%,white))}.revision-compare-note__bar--removed{background:linear-gradient(120deg,color-mix(in srgb,var(--error-action) 48%,white),color-mix(in srgb,var(--error-action) 32%,white))}.revision-compare-note__bar--moved{background:linear-gradient(120deg,color-mix(in srgb,var(--clay-400) 50%,white),color-mix(in srgb,var(--clay-500) 36%,white))}.revision-compare-note__bar--edited{background:linear-gradient(120deg,color-mix(in srgb,var(--ink-500) 44%,white),color-mix(in srgb,var(--ink-300) 50%,white))}.revision-compare-note__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}@media (max-width: 720px){.revision-compare-overview__header,.revision-compare-overview__lane-header,.revision-compare-notes__header,.revision-compare-note__header{flex-direction:column}.revision-compare-overview__lane-pitches{justify-items:start;min-width:0}}.measure-issue-panel{display:grid;gap:8px}.measure-issue-panel__title{font:var(--font-headline, 600 15px/1.3 system-ui);margin:0}.measure-issue-panel__empty{font:var(--font-body, 400 13px/1.5 system-ui);color:var(--color-text-secondary, #6b7280);margin:0}.measure-issue-panel__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.measure-issue-panel__item-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-sm, 6px);background:var(--color-surface-secondary, #f9fafb);font:var(--font-body, 400 13px/1.5 system-ui);text-align:start;transition:background .12s}.measure-issue-panel__item-btn:hover{background:var(--color-surface-hover, #f3f4f6)}.measure-issue-panel__severity{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-xs, 4px);border:1px solid;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.measure-issue-panel__type{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measure-issue-panel__range{color:var(--color-text-tertiary, #9ca3af);font-size:12px;white-space:nowrap}.measure-issue-panel__toggle{border:none;background:none;color:var(--color-accent, #3b82f6);font:var(--font-body, 400 13px/1.5 system-ui);cursor:pointer;padding:4px 0;text-align:start}.measure-issue-panel__toggle:hover{text-decoration:underline}.measure-issue-panel__state{flex-shrink:0;font-size:12px;margin-left:4px}.measure-issue-panel__actions{display:inline-flex;gap:2px;margin-left:4px;flex-shrink:0}.measure-issue-panel__action-btn{border:none;background:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:var(--radius-xs, 4px);opacity:.6;transition:opacity .12s}.measure-issue-panel__action-btn:hover{opacity:1;background:var(--color-surface-hover, #f3f4f6)}.quantize-repair-action{display:inline-flex;align-items:center;gap:8px}.quantize-repair-action__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s}.quantize-repair-action__btn:hover:not(:disabled){background:var(--color-surface-hover, #f3f4f6);border-color:var(--color-accent, #2563eb)}.quantize-repair-action__btn:disabled{opacity:.4;cursor:not-allowed}.quantize-repair-action__status{font-size:12px;color:var(--color-label-secondary, #6b7280)}.practice-pack-export{padding:14px;background:var(--color-surface-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px)}.practice-pack-export__header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.practice-pack-export__icon{font-size:18px}.practice-pack-export__title{font-size:14px;font-weight:600;color:var(--color-label, #111827)}.practice-pack-export__desc{font-size:11px;color:var(--color-label-secondary, #6b7280);margin-top:2px}.practice-pack-export__meta{font-size:12px;color:var(--color-label-secondary, #6b7280);margin-bottom:8px}.practice-pack-export__list{list-style:none;margin:0 0 10px;padding:0}.practice-pack-export__item{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}.practice-pack-export__path{color:var(--color-label, #111827)}.practice-pack-export__size{color:var(--color-label-secondary, #6b7280);font-size:11px}.practice-pack-export__btn{display:block;width:100%;padding:10px;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm, 6px);background:var(--color-accent, #2563eb);color:#fff;cursor:pointer;transition:opacity .12s}.practice-pack-export__btn:hover:not(:disabled){opacity:.85}.practice-pack-export__btn:disabled{opacity:.4;cursor:not-allowed}.performance-mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.performance-mode-toggle:hover{border-color:var(--color-accent, #2563eb)}.performance-mode-toggle--active{background:#2563eb14;border-color:var(--color-accent, #2563eb);box-shadow:0 0 0 2px #2563eb1f}.performance-mode-toggle__icon{font-size:16px}.performance-mode-toggle__label{color:var(--color-label, #111827)}.performance-mode-toggle--active .performance-mode-toggle__label{color:var(--color-accent, #2563eb)}.practice-history-panel{padding:12px;background:var(--color-surface-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px)}.practice-history-panel__title{font-size:13px;font-weight:600;color:var(--color-label, #111827);margin-bottom:4px}.practice-history-panel__summary{font-size:12px;color:var(--color-label-secondary, #6b7280);margin-bottom:8px}.practice-history-panel__empty{font-size:12px;color:var(--color-label-tertiary, #9ca3af)}.practice-history-panel__list{list-style:none;margin:0;padding:0}.practice-history-panel__item{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;color:var(--color-label, #111827)}.practice-history-panel__section{flex:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-history-panel__speed{width:40px;text-align:center;color:var(--color-label-secondary, #6b7280);font-size:11px}.practice-history-panel__duration{width:60px;text-align:right;color:var(--color-label-secondary, #6b7280);font-size:11px}.practice-sheet-display{padding:12px;background:var(--color-surface-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px)}.practice-sheet-display__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-label, #111827);margin-bottom:8px}.practice-sheet-display__list{list-style:none;margin:0;padding:0}.practice-sheet-display__item{font-size:12px;color:var(--color-label-secondary, #6b7280);padding:2px 0}.practice-sheet-display__item:before{content:"•";margin-right:6px;color:var(--color-label-tertiary, #9ca3af)}.practice-sheet-display__start-btn{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:8px 20px;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm, 6px);background:var(--color-accent, #2563eb);color:#fff;cursor:pointer;transition:opacity .12s}.practice-sheet-display__start-btn:hover{opacity:.85}.teaching-preset-panel{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--color-surface-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px)}.teaching-preset-panel__title{font-size:14px;font-weight:600;color:var(--color-label, #111827)}.teaching-preset-panel__field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-label, #111827)}.teaching-preset-panel__field>span:first-child{min-width:100px;flex-shrink:0}.teaching-preset-panel__input{flex:1;padding:4px 8px;font-size:13px;border:1px solid var(--color-border, #d1d5db);border-radius:4px;background:var(--color-surface, #fff);max-width:160px}.teaching-preset-panel__input--sm{max-width:80px}.teaching-preset-panel__tracks{display:flex;flex-wrap:wrap;gap:6px}.teaching-preset-panel__track-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.teaching-preset-panel__hint{color:var(--color-label-tertiary, #9ca3af);font-size:11px}.teaching-preset-panel__save-btn{align-self:flex-start;padding:6px 16px;font-size:13px;font-weight:500;border:1px solid var(--color-accent, #2563eb);border-radius:var(--radius-sm, 6px);background:var(--color-accent, #2563eb);color:#fff;cursor:pointer;transition:opacity .12s}.teaching-preset-panel__save-btn:hover:not(:disabled){opacity:.85}.teaching-preset-panel__save-btn:disabled{opacity:.4;cursor:not-allowed}.change-summary-panel{padding:12px;background:var(--color-surface-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 6px)}.change-summary-panel__title{font-size:13px;font-weight:600;color:var(--color-label, #111827);margin-bottom:6px}.change-summary-panel__list{list-style:none;margin:0;padding:0}.change-summary-panel__item{font-size:12px;color:var(--color-label-secondary, #6b7280);padding:2px 0}.change-summary-panel__item:before{content:"•";margin-right:6px;color:var(--color-label-tertiary, #9ca3af)}.calibrate-playback{display:inline-flex;align-items:center;gap:8px}.calibrate-playback__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s}.calibrate-playback__btn:hover:not(:disabled){background:var(--color-surface-hover, #f3f4f6);border-color:var(--color-accent, #2563eb)}.calibrate-playback__btn:disabled{opacity:.4;cursor:not-allowed}.calibrate-playback__status{font-size:12px;color:var(--color-label-secondary, #6b7280)}.lead-sheet-toggle{display:inline-flex;align-items:center;gap:8px}.lead-sheet-toggle__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s}.lead-sheet-toggle--active .lead-sheet-toggle__btn{background:var(--color-accent-subtle, #eff6ff);border-color:var(--color-accent, #2563eb);color:var(--color-accent, #2563eb)}.lead-sheet-toggle__btn:hover:not(:disabled){background:var(--color-surface-hover, #f3f4f6)}.lead-sheet-toggle__btn:disabled{opacity:.4;cursor:not-allowed}.lead-sheet-toggle__info{font-size:12px;color:var(--color-label-secondary, #6b7280)}.note-cleanup-action{display:inline-flex;align-items:center;gap:8px}.note-cleanup-action__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s}.note-cleanup-action__btn:hover:not(:disabled){background:var(--color-surface-hover, #f3f4f6);border-color:var(--color-accent, #2563eb)}.note-cleanup-action__btn:disabled{opacity:.4;cursor:not-allowed}.note-cleanup-action__status{font-size:12px;color:var(--color-label-secondary, #6b7280)}.chord-normalize-action{display:inline-flex;align-items:center;gap:8px}.chord-normalize-action__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--color-surface, #fff);cursor:pointer;transition:background .12s,border-color .12s}.chord-normalize-action__btn:hover:not(:disabled){background:var(--color-surface-hover, #f3f4f6);border-color:var(--color-accent, #2563eb)}.chord-normalize-action__btn:disabled{opacity:.4;cursor:not-allowed}.chord-normalize-action__status{font-size:12px;color:var(--color-label-secondary, #6b7280)}.quality-suggestion-cards{display:grid;gap:8px}.quality-suggestion-cards__heading{font:var(--font-headline, 600 15px/1.3 system-ui);margin:0}.quality-suggestion-cards__list{display:grid;gap:6px}.quality-suggestion-card{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm, 6px);border-left:3px solid}.quality-suggestion-card--error{border-color:var(--color-error, #ef4444);background:var(--color-error-surface, #fef2f2)}.quality-suggestion-card--warning{border-color:var(--color-warning, #f59e0b);background:var(--color-warning-surface, #fffbeb)}.quality-suggestion-card--info{border-color:var(--color-info, #3b82f6);background:var(--color-info-surface, #eff6ff)}.quality-suggestion-card__icon{flex-shrink:0;font-size:14px;line-height:1.5}.quality-suggestion-card__content{min-width:0}.quality-suggestion-card__title{display:block;font:var(--font-body, 400 13px/1.5 system-ui);font-weight:600}.quality-suggestion-card__body{margin:2px 0 0;font:var(--font-body, 400 13px/1.5 system-ui);color:var(--color-text-secondary, #6b7280)}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.auth-card{display:grid;gap:18px;align-content:start}.auth-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.auth-card__meta{display:grid;gap:12px;margin:0}.auth-card__meta div{display:grid;gap:4px}.auth-card__meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-500);font-weight:700}.auth-card__meta dd{margin:0;color:var(--ink-900);font-size:14px}.auth-card__meta code{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--border-muted);background:var(--surface-soft)}.feedback-state{display:grid;gap:18px;align-content:start}.feedback-state--inline{padding:22px;border-radius:10px;border:1px dashed var(--border-muted);background:var(--glass-bg, var(--surface-soft));backdrop-filter:blur(var(--blur-glass, 12px)) saturate(var(--glass-saturate, 1.6));-webkit-backdrop-filter:blur(var(--blur-glass, 12px)) saturate(var(--glass-saturate, 1.6));margin-bottom:18px}.feedback-state--empty{background:linear-gradient(145deg,var(--surface-soft),var(--surface-card))}.feedback-state--error{border-color:var(--error-border);background:linear-gradient(145deg,var(--surface-soft),var(--error-bg))}.feedback-state__copy{display:grid;gap:10px}.feedback-state__eyebrow{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-500);font-weight:700}.feedback-state__title{margin:0;font-size:clamp(20px,3vw,24px);letter-spacing:-.02em}.feedback-state__message{margin:0;line-height:1.6;color:var(--ink-700);max-width:60ch}.feedback-state--error .feedback-state__message{color:var(--error-muted)}.feedback-state__visual{display:grid;gap:12px}.feedback-state__placeholder{margin:0}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.upload-drop{border-radius:var(--radius-xl);border:1.5px dashed var(--color-separator);padding:var(--space-6);background:var(--color-bg-secondary);min-height:200px;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;align-items:center;text-align:center;transition:border-color var(--dur-state) var(--ease-standard),background var(--dur-state) var(--ease-standard)}.upload-drop.is-active{border-color:var(--color-accent);background:var(--glass-bg);backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate))}.upload-input{display:none}.upload-drop-title{margin:0;font-size:16px;font-weight:600;color:var(--color-label)}.upload-drop-subtitle{margin:0;font-size:13px;color:var(--color-label-secondary)}.upload-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.upload-file-name{font-size:13px;color:var(--color-label-secondary)}.upload-consent{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-separator);background:var(--color-bg-primary);color:var(--color-label-secondary);font-size:14px;line-height:1.5}.upload-consent.is-confirmed{border-color:var(--color-accent);background:var(--color-fill-quaternary);color:var(--color-accent)}.upload-consent input{margin-top:2px;accent-color:var(--color-accent)}.upload-status{display:flex;gap:var(--space-2);align-items:center;font-size:12px;color:var(--color-label-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-2)}.upload-status strong{font-size:13px;color:var(--color-label);text-transform:none;letter-spacing:0}.upload-progress{margin-bottom:0}.upload-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-1);margin-bottom:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-separator);width:100%;text-align:left}.upload-detail-grid__value{word-break:break-word}.upload-page-container{max-width:720px;margin:0 auto}.upload-duplicate-card{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-separator);background:var(--color-bg-secondary);box-shadow:var(--shadow-card)}.upload-duplicate-card__eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--clay-500)}.upload-duplicate-card__title{margin:0;font-size:16px}.upload-duplicate-card__summary,.upload-duplicate-card__helper,.upload-duplicate-card__note{margin:8px 0 0;font-size:14px;line-height:1.55}.upload-duplicate-card__helper,.upload-duplicate-card__note{color:var(--ink-500)}.upload-duplicate-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.upload-duplicate-list__item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1px solid var(--border-muted);background:var(--surface-soft)}.upload-duplicate-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.copyright-guidance{display:grid;gap:var(--space-6);max-width:720px;margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 768px){.copyright-guidance{padding-inline:0}}.copyright-guidance__hero,.copyright-guidance__panel{display:grid;gap:10px}.copyright-guidance__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.copyright-guidance__list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--color-label, var(--ink-700));line-height:1.55}.copyright-guidance__card{display:grid;gap:8px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-separator, var(--border-muted));background:color-mix(in srgb,var(--surface-card) 90%,white 10%)}.copyright-guidance__card-title{margin:0;font-size:16px}.copyright-guidance__card-body,.copyright-guidance__note{margin:0;font-size:14px;line-height:1.55;color:var(--color-label-secondary, var(--ink-500));text-wrap:pretty}.copyright-guidance .app__lead{line-height:1.55;text-wrap:balance}.copyright-guidance__actions{display:flex;flex-wrap:wrap;gap:12px}.upload-duplicate-badge{min-width:64px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.upload-duplicate-badge--exact{background:linear-gradient(120deg,var(--clay-400),var(--clay-500));color:#fff9f4}.upload-duplicate-badge--similar{background:linear-gradient(120deg,color-mix(in srgb,var(--forest-500) 82%,white),var(--forest-500));color:var(--button-primary-ink)}.upload-duplicate-list__body{display:grid;gap:4px;min-width:0}.upload-duplicate-list__headline,.upload-duplicate-list__meta{margin:0}.upload-duplicate-list__headline{font-size:14px;font-weight:600;color:var(--ink-900)}.upload-duplicate-list__meta{font-size:13px;color:var(--ink-500);word-break:break-word}.app__button{border-radius:999px;padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;min-height:44px;transition:transform var(--dur-press) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),background-color var(--dur-state) var(--ease-standard)}.app__button--primary{background:var(--color-accent);color:#fff}.app__button--primary:hover{filter:brightness(1.08)}.app__button--primary:active{transform:scale(.96);filter:brightness(.95)}.app__button--ghost{background:var(--color-fill-quaternary);border-color:var(--color-separator);color:var(--color-label)}.app__button--ghost:hover{background:var(--color-fill-primary)}.app__button--destructive{background:var(--color-destructive, #ff3b30);color:#fff}.app__button--destructive:hover{filter:brightness(1.08)}.app__button--destructive:active{transform:scale(.96);filter:brightness(.92)}.app__button:active,.score-controls__preset:active,.score-controls__step-button:active,.theme-switch__button:active{transform:scale(.97)}.app__button:hover,.score-controls__preset:hover,.score-controls__step-button:hover,.theme-switch__button:hover{transform:translateY(-1px)}.app__button:disabled{opacity:.46;cursor:not-allowed;transform:none}.global-error{position:fixed;top:16px;left:16px;right:16px;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-radius:16px;border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-ink);box-shadow:0 20px 40px #1c1a172e;z-index:1000}.global-error__content{display:flex;flex-direction:column;gap:6px}.global-error__title{margin:0;font-weight:700;font-size:15px}.global-error__message{margin:0;font-size:14px}.global-error__detail,.global-error__meta{margin:0;font-size:12px;color:var(--error-muted)}.global-error__actions{display:flex;gap:10px;flex-shrink:0}.global-error__actions button{border-radius:999px;border:1px solid transparent;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer}.global-error__retry{background:var(--error-action);color:var(--sand-50)}.global-error__dismiss{background:transparent;border-color:var(--error-action-border);color:var(--error-ink)}.feedback-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:24px;background:#120f0d6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feedback-modal__dialog{width:min(520px,100%);display:grid;gap:18px;padding:24px;border-radius:24px;border:1px solid var(--border-soft);background:linear-gradient(145deg,var(--surface-hero-start),var(--surface-hero-end));box-shadow:var(--shadow-xl)}.feedback-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feedback-modal__copy{display:grid;gap:8px}.feedback-modal__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-500)}.feedback-modal__title{margin:0;font-size:22px;letter-spacing:-.02em}.feedback-modal__description{margin:0;color:var(--ink-700);line-height:1.6}.feedback-modal__close{width:38px;height:38px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--ink-900);cursor:pointer;font-size:14px;font-weight:700}.feedback-modal__footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.toast-viewport{position:fixed;right:16px;bottom:16px;z-index:1050;display:grid;gap:12px;width:min(360px,calc(100vw - 32px))}.toast{display:grid;gap:10px;padding:16px 18px;border-radius:18px;border:1px solid var(--border-soft);background:linear-gradient(145deg,var(--surface-hero-start),var(--surface-hero-end));box-shadow:var(--shadow-lg)}.toast--info{border-color:var(--border-soft)}.toast--success{border-color:var(--border-accent-strong);background:linear-gradient(145deg,var(--surface-accent),var(--surface-soft))}.toast--error{border-color:var(--error-border);background:linear-gradient(145deg,var(--surface-soft),var(--error-bg))}.toast__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.toast__title{margin:0;font-size:14px;font-weight:700}.toast__message{margin:0;font-size:13px;line-height:1.6;color:var(--ink-700)}.toast--error .toast__message{color:var(--error-muted)}.toast__dismiss{border:0;background:transparent;color:var(--ink-500);cursor:pointer;font-size:12px;font-weight:700;padding:0}.theme-switch{display:grid;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid var(--border-soft);background:var(--surface-panel)}.theme-switch__label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-500)}.theme-switch__options{display:inline-flex;gap:8px;flex-wrap:wrap}.theme-switch__button{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--ink-900);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.theme-switch__button.is-active{background:var(--forest-500);border-color:var(--forest-500);color:var(--button-primary-ink)}.score-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.score-controls__preset-group{display:flex;gap:10px;flex-wrap:wrap}.score-controls__preset,.score-controls__step-button{border:1px solid var(--border-soft);background:var(--surface-soft);color:var(--ink-900);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.score-controls__preset.is-active{border-color:var(--forest-500);background:var(--surface-accent-strong);color:var(--forest-500)}.score-controls__preset:disabled,.score-controls__step-button:disabled{opacity:.46;cursor:not-allowed;transform:none}.score-controls__stepper{display:inline-flex;align-items:center;gap:10px;padding:6px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-soft)}.score-controls__step-button{min-width:40px;padding-inline:0}.score-controls__step-value{min-width:60px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-900)}.score-strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}.score-strategy-card{padding:18px;border-radius:18px;border:1px solid var(--border-muted);background:var(--surface-card)}.waveform-card{display:grid;gap:16px;margin-bottom:18px;padding:20px;border-radius:20px;border:1px solid var(--color-separator, var(--border-muted));background:var(--color-bg-secondary, var(--surface-card))}.waveform-card__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.waveform-card__title{word-break:break-word}.waveform-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.waveform-card__stat{padding:14px 16px;border-radius:16px;border:1px solid var(--color-separator, var(--border-soft));background:var(--color-bg-tertiary, rgba(255, 255, 255, .42))}.waveform-card__surface{position:relative;overflow:hidden;min-height:176px;padding:18px 20px;border-radius:22px;border:1px solid var(--color-separator, var(--border-soft));background:var(--color-bg-tertiary, #f2f2f7);touch-action:none}.waveform-card__surface--seek{cursor:ew-resize}.waveform-card__surface--range{cursor:crosshair}.waveform-card__surface.is-dragging{cursor:grabbing}.waveform-card__midline{position:absolute;inset:50% 0 auto;z-index:0;border-top:1px solid var(--color-separator, rgba(27, 26, 23, .12))}.waveform-card__grid{position:absolute;top:10px;right:20px;bottom:10px;left:20px;z-index:2;pointer-events:none}.waveform-card__grid-marker{position:absolute;inset:0 auto 0 0;width:0;transform:translate(-.5px)}.waveform-card__grid-line{position:absolute;inset:12px auto 12px 0;width:1px;background:var(--color-separator, rgba(88, 88, 80, .2))}.waveform-card__grid-dot{position:absolute;left:0;bottom:6px;width:6px;height:6px;border-radius:999px;transform:translate(-50%);background:var(--color-text-quaternary, rgba(88, 88, 80, .26));box-shadow:0 0 0 1px var(--color-bg-primary, rgba(255, 255, 255, .7))}.waveform-card__grid-marker--beat .waveform-card__grid-line{inset:28px auto 12px 0;background:var(--color-separator, rgba(88, 88, 80, .18))}.waveform-card__grid-marker--beat .waveform-card__grid-dot{width:5px;height:5px}.waveform-card__grid-marker--bar .waveform-card__grid-line{width:2px;background:var(--color-text-tertiary, rgba(44, 92, 74, .34))}.waveform-card__grid-marker--bar .waveform-card__grid-dot{width:7px;height:7px;background:var(--color-text-tertiary, rgba(44, 92, 74, .42))}.waveform-card__grid-label{position:absolute;top:4px;left:8px;padding:2px 7px;border-radius:999px;border:1px solid var(--color-separator, rgba(44, 92, 74, .14));background:var(--color-bg-primary, rgba(255, 249, 242, .84));color:var(--color-text-secondary, var(--forest-700));font-size:11px;font-weight:700;letter-spacing:.08em}.waveform-card__selection{position:absolute;inset:10px auto 10px 0;z-index:2;border-radius:16px;background:#2c5c4a2e;border:1px solid rgba(44,92,74,.22);box-shadow:inset 0 0 0 1px #2c5c4a1a}.waveform-card__peaks{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--waveform-peak-count, 96),minmax(0,1fr));align-items:center;gap:2px;min-height:140px}.waveform-card__peak{display:flex;align-items:center;justify-content:center;height:100%}.waveform-card__peak-bar{width:100%;min-width:2px;border-radius:999px;background:linear-gradient(180deg,var(--forest-500),var(--clay-400));opacity:.94}.waveform-card__playhead,.waveform-card__handle{position:absolute;top:10px;bottom:10px;width:2px;transform:translate(-50%)}.waveform-card__playhead{z-index:3;background:var(--clay-500);box-shadow:0 0 0 1px #ffffff8f}.waveform-card__playhead:before{content:"";position:absolute;top:-2px;left:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%);background:var(--clay-500);border:2px solid rgba(255,255,255,.86)}.waveform-card__handle{z-index:3;background:#2c5c4aa8}.waveform-card__handle:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:34px;border-radius:999px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);background:var(--forest-500);box-shadow:0 10px 22px #1c1a1724}.waveform-card__ruler{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.12em}.waveform-card__chord-timeline{display:grid;gap:10px}.waveform-card__chord-header .app__label{margin-bottom:0}.waveform-card__chord-lane{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.waveform-card__chord-segment{min-width:108px;padding:12px 14px;border-radius:18px;border:1px solid rgba(44,92,74,.12);background:#fff9f2eb;color:var(--ink-900);text-align:left;display:grid;gap:6px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.waveform-card__chord-segment:hover{transform:translateY(-1px);border-color:#2c5c4a3d;box-shadow:0 12px 22px #1c1a1714}.waveform-card__chord-segment.is-active{border-color:#2c5c4a57;background:linear-gradient(180deg,#dfefe9f5,#fff9f2f5);box-shadow:inset 0 0 0 1px #2c5c4a1a}.waveform-card__chord-segment.is-empty{background:#f4efe9eb;color:var(--ink-500)}.waveform-card__chord-measure{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#221e1a94}.waveform-card__chord-measure-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.waveform-card__comment-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#2c5c4a1f;color:var(--forest-500);font-size:11px;font-weight:700;white-space:nowrap}.waveform-card__chord-symbol{font-size:20px;font-weight:700;letter-spacing:-.02em}.waveform-card__heatmap{display:grid;gap:12px}.waveform-card__heatmap-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.waveform-card__heatmap-header .app__helper{margin:4px 0 0;max-width:56ch}.waveform-card__heatmap-legend{display:flex;flex-wrap:wrap;gap:8px}.waveform-card__heatmap-legend-chip,.waveform-card__heatmap-priority-button{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(34,30,26,.08);font-size:12px;font-weight:700}.waveform-card__heatmap-legend-chip{background:#fff9f2e0;color:var(--ink-700)}.waveform-card__heatmap-legend-chip.is-stable{border-color:#2c5c4a29;background:#2c5c4a1f;color:var(--forest-700)}.waveform-card__heatmap-legend-chip.is-watch{border-color:#c9825a3d;background:#c9825a24;color:#91542e}.waveform-card__heatmap-legend-chip.is-review{border-color:#d96c5542;background:#d96c5524;color:#9a4432}.waveform-card__heatmap-priority{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.waveform-card__heatmap-priority-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.waveform-card__heatmap-priority-button{background:#fff9f2eb;color:var(--ink-700);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.waveform-card__heatmap-priority-button:hover{transform:translateY(-1px);border-color:#d96c5547;box-shadow:0 10px 18px #1c1a1714}.waveform-card__heatmap-lane{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.waveform-card__heatmap-segment{min-width:118px;padding:12px 14px;border-radius:18px;border:1px solid rgba(217,108,85,.14);color:var(--ink-900);text-align:left;display:grid;gap:6px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.waveform-card__heatmap-segment:hover{transform:translateY(-1px)}.waveform-card__heatmap-segment.is-empty{border-color:#67605724;background:#f4efe9eb;color:var(--ink-500)}.waveform-card__heatmap-segment.is-stable:not(.is-empty){color:var(--forest-700)}.waveform-card__heatmap-segment.is-watch:not(.is-empty){color:#7d4b1f}.waveform-card__heatmap-segment.is-review:not(.is-empty){color:#7f3528}.waveform-card__heatmap-segment.is-active{transform:translateY(-1px)}.waveform-card__heatmap-measure{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#221e1a99}.waveform-card__heatmap-risk{font-size:17px;font-weight:700;letter-spacing:-.01em}.waveform-card__heatmap-notes{font-size:12px;color:#221e1a9e}.waveform-card__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.waveform-card__footer .app__helper{margin-bottom:0;max-width:56ch}.piano-roll{display:grid;gap:14px;margin-bottom:18px}.piano-roll__summary,.piano-roll__legend{display:flex;flex-wrap:wrap;gap:10px}.piano-roll__helper{margin-bottom:0;max-width:68ch}.piano-roll__shortcut-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.piano-roll__action-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.piano-roll__action-button,.piano-roll__grid-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(34,30,26,.12);background:#ffffffd6;color:var(--ink-700);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.piano-roll__action-button:hover,.piano-roll__grid-button:hover{transform:translateY(-1px)}.piano-roll__action-button:active,.piano-roll__grid-button:active{transform:scale(.96)}.piano-roll__action-button:disabled,.piano-roll__grid-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.piano-roll__grid-group{display:inline-flex;flex-wrap:wrap;gap:8px}.piano-roll__grid-button.is-active{border-color:#2c5c4a47;background:#2c5c4a24;color:var(--forest-700)}.piano-roll__action-metric{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(44,92,74,.14);background:#2c5c4a14;color:var(--forest-700);font-size:.8rem;font-weight:700}.piano-roll__shortcut-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px dashed rgba(44,92,74,.22);background:#fffdfab3;color:var(--ink-500);font-size:.76rem;font-weight:700;letter-spacing:.01em}.piano-roll__chip,.piano-roll__track-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(34,30,26,.08);background:#fffdfae0;color:var(--ink-700);font-size:.82rem;font-weight:700}.piano-roll__track-chip{padding-right:14px}.piano-roll__track-swatch{width:10px;height:10px;border-radius:999px;box-shadow:inset 0 0 0 1px #221e1a14}.piano-roll__track-meta{color:var(--ink-500);font-size:.76rem;font-weight:600}.piano-roll__viewport{overflow:auto;max-height:460px;border-radius:22px;border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--surface-soft),rgba(0,0,0,0))}.piano-roll__surface{position:relative;-webkit-user-select:none;user-select:none;cursor:crosshair;outline:none}.piano-roll__surface.is-selecting{cursor:crosshair}.piano-roll__surface:focus-visible{box-shadow:inset 0 0 0 2px #2c5c4a3d}.piano-roll__svg{display:block}.piano-roll__header-strip,.piano-roll__gutter-strip{fill:#fffaf4f0}.piano-roll__row-fill{fill:#ffffff2e}.piano-roll__row-fill.is-accidental{fill:#2c5c4a0f}.piano-roll__row-line,.piano-roll__gutter-line,.piano-roll__beat-line{stroke:#221e1a17;stroke-width:1}.piano-roll__active-measure,.piano-roll__active-measure-header{fill:#2c5c4a1a}.piano-roll__active-measure-header{fill:#2c5c4a24}.piano-roll__beat-line.is-bar,.piano-roll__bar-line{stroke:#2c5c4a38}.piano-roll__bar-line{stroke-width:1.2}.piano-roll__pitch-label,.piano-roll__bar-label{fill:#221e1a9e;font-size:11px;font-weight:700;letter-spacing:.02em}.piano-roll__bar-label{fill:var(--forest-500)}.piano-roll__playhead-line{stroke:#b4683fe6;stroke-width:2;stroke-linecap:round}.piano-roll__playhead-handle{fill:#b4683ff5;stroke:#fffaf4f5;stroke-width:2}.piano-roll__note{stroke:#221e1a1f;transition:fill-opacity .16s ease,stroke-width .16s ease,transform .16s ease}.piano-roll__note.is-selected{stroke:#221e1a70;filter:drop-shadow(0 5px 12px rgba(34,30,26,.16))}.piano-roll__note.is-muted{stroke-dasharray:3 2}.piano-roll__note-handle{fill:#fffffff0;stroke:#221e1a42;cursor:ew-resize}.piano-roll__selection{position:absolute;border:1px dashed rgba(44,92,74,.8);background:#2c5c4a24;pointer-events:none}.piano-roll__empty{display:grid;place-items:center;min-height:220px;padding:24px;color:var(--ink-500)}.score-preview{margin-bottom:16px}.score-preview__frame{overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:18px;border-radius:22px;border:1px solid var(--color-separator, var(--border-soft));background:var(--color-bg-secondary, var(--surface-soft))}.score-preview__sheet{width:min(1180px,100%);min-height:340px;margin:0 auto;padding:28px;border-radius:24px;border:1px solid var(--sheet-frame);background:var(--sheet-paper);box-shadow:var(--sheet-shadow);color:var(--sheet-ink);transition:min-height .2s ease;will-change:min-height}.score-preview__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.score-preview__eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#221e1a9e}.score-preview__title{margin:0;font-size:22px;letter-spacing:-.02em}.score-preview__meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.score-preview__summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.score-preview__chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(34,30,26,.12);background:#221e1a0d;font-size:12px;font-weight:700}.score-view{position:relative}.score-view__controls{display:grid;gap:16px;margin-bottom:18px}.score-view__filters{display:grid;gap:14px}.score-view__filter-group{display:grid;gap:8px}.score-view__filter-label-row{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.score-view__filter-label,.score-view__filter-summary{margin:0}.score-view__filter-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#221e1a94}.score-view__filter-summary{font-size:13px;color:#221e1aad}.score-view__filter-row{display:flex;gap:8px;flex-wrap:wrap}.score-view__zoom-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.score-view__measure-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.score-view__pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.score-view__pager-summary{font-size:13px;font-weight:700;color:#221e1aad}.score-view__measure-button{flex:0 0 auto;padding:8px 12px;border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-bg-primary);color:inherit;cursor:pointer;font:inherit;text-align:left;display:grid;gap:4px;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.score-view__measure-button-label{font-weight:600}.score-view__measure-button-meta{font-size:11px;color:var(--color-label-tertiary)}.score-view__measure-button:hover{border-color:var(--color-label-quaternary);transform:translateY(-1px)}.score-view__measure-button:active{transform:scale(.96)}.score-view__measure-button.is-active{border-color:color-mix(in srgb,var(--color-accent) 34%,var(--color-separator));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-primary));box-shadow:0 10px 22px color-mix(in srgb,var(--color-accent) 12%,transparent)}.score-view__measure-button:disabled{opacity:.46;cursor:not-allowed;transform:none;box-shadow:none}.score-view__toggle{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--color-separator);border-radius:999px;background:var(--color-bg-primary);color:inherit;cursor:pointer;font:inherit;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.score-view__toggle:hover{border-color:var(--color-label-quaternary);transform:translateY(-1px)}.score-view__toggle:active{transform:scale(.96)}.score-view__toggle.is-active{border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-separator));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-primary))}.score-view__toggle-meta{color:var(--color-label-tertiary);font-size:12px}.score-view__canvas{position:relative;overflow:auto;min-height:420px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--color-separator);background:repeating-linear-gradient(to bottom,transparent 0,transparent 18px,var(--sheet-line) 18px,var(--sheet-line) 19px,transparent 19px,transparent 37px),linear-gradient(180deg,#221e1a05,#221e1a0d)}.score-view__canvas.is-hidden{display:none}.score-view__canvas svg{max-width:none}.score-view__canvas[data-layout-mode=paged]{scrollbar-gutter:stable}.score-view__placeholder,.score-view__fallback{display:grid;gap:10px;place-items:center;min-height:260px;padding:22px;border-radius:var(--radius-lg);border:1px dashed var(--color-separator);background:var(--color-bg-secondary)}.score-view__status,.score-view__error{margin:0;font-weight:700}.score-view__xml-preview{width:100%;max-height:220px;margin:0;overflow:auto;padding:16px;border-radius:14px;background:#221e1a0f;color:#221e1ad1;font-size:12px}@media (max-width: 720px){.share-page__speed-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shell__header{padding:28px}.shell__hero{flex-direction:column}.shell__workflow{padding:24px 22px}.shell__workflow-header{flex-direction:column;align-items:flex-start}.shell__meta{min-width:0;width:100%}.shell__aside{width:100%}.shell__signout{justify-self:stretch}.app__panel-header{flex-direction:column;align-items:flex-start}.project-list-toolbar{grid-template-columns:1fr}.editor-toolbar__strip{align-items:stretch}.editor-toolbar__actions{justify-items:stretch}.chord-editor__layout{grid-template-columns:1fr}.track-rack__header,.export-history-card__header,.track-rack__summary{flex-direction:column;align-items:flex-start}.track-rack__summary-side{justify-items:start}.track-rack__playback-header{flex-direction:column}.export-history-card__note-controls{grid-template-columns:1fr}.track-rack__playback-chips{justify-content:flex-start}.score-controls{align-items:stretch}.score-controls__stepper{justify-content:space-between}.waveform-card__surface{padding-inline:14px}.waveform-card__footer{align-items:stretch}.piano-roll__viewport{max-height:400px}.piano-roll__action-bar{align-items:stretch}.piano-roll__action-button,.piano-roll__grid-button,.piano-roll__grid-group{width:100%}.score-preview__header,.global-error{flex-direction:column}.global-error__actions{width:100%;justify-content:flex-end}.feedback-modal{padding:16px}.feedback-modal__footer{justify-content:stretch}.toast-viewport{left:16px;width:auto}}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));border-radius:var(--radius-lg)}.ui-card{border-radius:var(--radius-lg);border:1px solid var(--color-separator);box-shadow:var(--shadow-card);background:var(--color-bg-primary);padding:var(--space-5)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;font:inherit;font-weight:500;cursor:pointer;transition:transform var(--dur-press) var(--ease-standard),background var(--dur-state) var(--ease-standard);-webkit-user-select:none;user-select:none}.ui-btn:active{transform:scale(.97)}.ui-btn--primary{background:var(--color-accent);color:#fff}.ui-btn--primary:hover{filter:brightness(1.08)}.ui-btn--secondary{background:var(--color-fill-quaternary);color:var(--color-label)}.ui-btn--secondary:hover{background:var(--color-fill-primary)}.ui-btn--destructive{background:var(--color-destructive);color:#fff}.ui-btn--destructive:hover{filter:brightness(1.08)}.ui-sheet{border:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:0;max-width:560px;width:100%;max-height:85vh;box-shadow:var(--shadow-sheet);background:var(--color-bg-primary);animation:sheet-slide-up var(--dur-transition) var(--ease-emphasize)}.ui-sheet::backdrop{background:#0000004d}.ui-sheet__grabber{width:36px;height:5px;border-radius:3px;background:var(--color-fill-primary);margin:var(--space-2) auto var(--space-3)}.ui-sheet__body{padding:0 var(--space-5) var(--space-5);overflow-y:auto}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 1024px){.ui-sheet{border-radius:var(--radius-lg);margin:auto;max-height:70vh}.ui-sheet__grabber{display:none}}.ui-segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--color-fill-quaternary)}.ui-segmented__item{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-md) - 2px);border:none;font:inherit;font-size:.875rem;font-weight:500;color:var(--color-label-secondary);background:transparent;cursor:pointer;transition:all var(--dur-state) var(--ease-standard);min-height:44px}.ui-segmented__item--active{background:var(--color-bg-primary);color:var(--color-label);box-shadow:var(--shadow-card)}.ui-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:none;width:100%;text-align:start;font:inherit;color:inherit;border-bottom:1px solid var(--color-separator);transition:background var(--dur-press) var(--ease-standard)}.ui-list-row--interactive{cursor:pointer}.ui-list-row--interactive:hover{background:var(--color-fill-quaternary)}.ui-list-row--interactive:active{background:var(--color-fill-primary)}.ui-list-row__content{display:flex;flex-direction:column;flex:1;min-width:0}.ui-list-row__title{font-weight:500;color:var(--color-label)}.ui-list-row__subtitle{font-size:.875rem;color:var(--color-label-secondary)}.ui-list-row__leading,.ui-list-row__trailing{flex-shrink:0}.ui-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);position:sticky;top:0;z-index:100}.ui-toolbar__leading,.ui-toolbar__trailing{flex-shrink:0}.ui-toolbar__center{flex:1;display:flex;justify-content:center}.ui-tab-bar{display:flex;justify-content:space-around;padding:var(--space-2) 0;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:100}.ui-tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-2);border:none;background:none;font:inherit;font-size:.625rem;color:var(--color-label-secondary);cursor:pointer;min-width:44px;min-height:44px;transition:color var(--dur-state) var(--ease-standard)}.ui-tab-bar__item--active{color:var(--color-accent)}.ui-tab-bar__icon{font-size:1.25rem}.ui-popover{position:fixed;z-index:200;padding:var(--space-3);min-width:200px;max-width:360px;box-shadow:var(--shadow-popover);animation:popover-in var(--dur-state) var(--ease-emphasize)}@keyframes popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.revision-picker-trigger{display:inline;margin-left:var(--space-2);font-size:.8125rem;vertical-align:baseline}.revision-picker-popover{max-height:360px;overflow-y:auto}.revision-picker-popover__title{font-size:.8125rem;font-weight:600;color:var(--color-secondary-label);margin-bottom:var(--space-2);padding:0 var(--space-1)}.revision-picker-popover__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.revision-picker-popover__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-label);font:inherit;font-size:.875rem;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-standard);min-height:36px}.revision-picker-popover__item:hover:not(:disabled){background:var(--color-bg-tertiary)}.revision-picker-popover__item--active{background:#0a84ff1f;color:var(--color-accent);font-weight:500}.revision-picker-popover__item:disabled{cursor:default;opacity:.85}.revision-picker-popover__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.revision-picker-popover__item-badge{flex-shrink:0;font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff}.revision-picker-popover__item-badge--latest{background:var(--color-bg-tertiary);color:var(--color-secondary-label)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field__label{font-size:.875rem;font-weight:500;color:var(--color-label)}.ui-field__input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-separator);background:var(--color-bg-primary);font:inherit;color:var(--color-label);min-height:44px;transition:border-color var(--dur-state) var(--ease-standard),box-shadow var(--dur-state) var(--ease-standard)}.ui-field__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0a84ff33}.ui-field--error .ui-field__input{border-color:var(--color-destructive)}.ui-field__error{font-size:.8125rem;color:var(--color-destructive)}.ui-toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);font-size:.875rem;font-weight:500;z-index:300;box-shadow:var(--shadow-popover);transition:opacity var(--dur-state) var(--ease-standard),transform var(--dur-state) var(--ease-standard)}.ui-toast--info{background:var(--color-bg-tertiary);color:var(--color-label)}.ui-toast--success{background:var(--color-success);color:#fff}.ui-toast--error{background:var(--color-destructive);color:#fff}.ui-toast--enter{opacity:1;transform:translate(-50%) translateY(0)}.ui-toast--exit{opacity:0;transform:translate(-50%) translateY(8px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-accent: #409cff;--color-destructive: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--color-label: #ffffff;--color-label-secondary: rgba(235, 235, 245, .6);--color-label-tertiary: rgba(235, 235, 245, .3);--color-separator: rgba(84, 84, 88, .65);--color-fill-primary: rgba(120, 120, 128, .36);--color-fill-quaternary: rgba(116, 116, 128, .18);--color-bg-primary: #000000;--color-bg-secondary: #1c1c1e;--color-bg-tertiary: #2c2c2e;--color-bg-quaternary: #3a3a3c;--glass-bg: rgba(20, 20, 20, .55);--glass-border: rgba(255, 255, 255, .18)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce){.glass,[data-glass]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--color-bg-secondary)!important;border:1px solid var(--color-separator)!important}}@media (prefers-contrast: more){:root{--color-separator: rgba(60, 60, 67, .3);--color-label-secondary: rgba(60, 60, 67, .8);--color-label-tertiary: rgba(60, 60, 67, .5)}:root[data-theme=dark]{--color-separator: rgba(84, 84, 88, .85);--color-label-secondary: rgba(235, 235, 245, .8);--color-label-tertiary: rgba(235, 235, 245, .5)}}.app__safe-bottom{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.app__prose{max-width:720px}.app__form{max-width:560px}@media (hover: hover){.app__button:hover,.ui-list-row--interactive:hover{filter:brightness(1.06);cursor:pointer}}@media (min-width: 1920px){.app-shell__content{max-width:1600px;margin-inline:auto}}[lang=zh],[data-locale=zh]{letter-spacing:.02em;line-height:1.6;text-spacing-trim:space-first;word-break:break-all}:focus-visible{outline:2px solid var(--color-accent, #0a84ff);outline-offset:2px}html{font-size:100%}.piano-roll,.score-preview,.waveform-container{contain:layout paint}img[loading=lazy]{decoding:async}:root{--color-accent: #0a84ff;--color-accent-strong: #0071e3;--color-accent-soft: rgba(10, 132, 255, .12);--color-accent-softer: rgba(10, 132, 255, .07);--color-destructive: #ff3b30;--color-success: #34c759;--color-warning: #ff9500;--color-label: #1d1d1f;--color-label-secondary: rgba(60, 60, 67, .68);--color-label-tertiary: rgba(60, 60, 67, .38);--color-label-quaternary: rgba(60, 60, 67, .18);--color-secondary-label: var(--color-label-secondary);--color-tertiary-label: var(--color-label-tertiary);--color-text-primary: var(--color-label);--color-text-secondary: var(--color-label-secondary);--color-text-tertiary: var(--color-label-tertiary);--color-text-quaternary: var(--color-label-quaternary);--color-separator: rgba(60, 60, 67, .12);--color-fill-primary: rgba(120, 120, 128, .2);--color-fill-quaternary: rgba(116, 116, 128, .08);--color-bg-primary: rgba(255, 255, 255, .92);--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #ededf2;--color-bg-quaternary: #d8d8de;--color-surface: #ffffff;--color-surface-secondary: #f5f5f7;--color-surface-hover: rgba(120, 120, 128, .12);--color-border: var(--color-separator);--color-info: var(--color-accent);--color-info-surface: var(--color-accent-softer);--color-error: var(--color-destructive);--color-error-surface: rgba(255, 59, 48, .08);--color-warning-surface: rgba(255, 149, 0, .1);--color-green: var(--color-success);--ink-900: var(--color-label);--ink-800: rgba(29, 29, 31, .86);--ink-700: var(--color-label-secondary);--ink-600: rgba(60, 60, 67, .52);--ink-500: var(--color-label-tertiary);--ink-400: rgba(60, 60, 67, .25);--ink-300: rgba(60, 60, 67, .16);--sand-50: #ffffff;--sand-100: #f5f5f7;--sand-200: #e5e5ea;--clay-400: #ff9f0a;--clay-500: #ff9500;--forest-500: var(--color-accent);--forest-700: var(--color-accent-strong);--accent-500: var(--color-accent);--accent-green-500: var(--color-success);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px;--radius-2xl: 36px;--blur-glass: 24px;--glass-bg: rgba(255, 255, 255, .66);--glass-border: rgba(255, 255, 255, .74);--glass-saturate: 1.45;--surface-hero-start: rgba(255, 255, 255, .78);--surface-hero-end: rgba(255, 255, 255, .94);--surface-panel: rgba(255, 255, 255, .82);--surface-card: rgba(255, 255, 255, .74);--surface-soft: rgba(255, 255, 255, .62);--surface-upload: rgba(255, 255, 255, .72);--surface-accent: rgba(10, 132, 255, .08);--surface-accent-strong: rgba(10, 132, 255, .13);--surface-progress-track: rgba(120, 120, 128, .16);--surface-placeholder-start: rgba(255, 255, 255, .56);--surface-placeholder-end: rgba(242, 242, 247, .94);--border-soft: rgba(60, 60, 67, .12);--border-muted: rgba(60, 60, 67, .1);--border-accent-soft: rgba(10, 132, 255, .14);--border-accent: rgba(10, 132, 255, .22);--border-accent-strong: rgba(10, 132, 255, .32);--control-surface: rgba(255, 255, 255, .94);--button-primary-ink: #ffffff;--sheet-paper: #fffdfa;--sheet-ink: #1d1d1f;--sheet-line: rgba(29, 29, 31, .16);--sheet-frame: rgba(60, 60, 67, .13);--error-bg: rgba(255, 59, 48, .1);--error-border: rgba(255, 59, 48, .26);--error-ink: #a80f08;--error-muted: #c5231b;--error-action: var(--color-destructive);--error-action-border: rgba(255, 59, 48, .28);--bg-radial-bright: rgba(255, 255, 255, .95);--bg-radial-accent: rgba(10, 132, 255, .16);--bg-linear-start: #fbfbfd;--bg-linear-mid: #f5f5f7;--bg-linear-end: #ececf1;--shadow-card: 0 1px 2px rgba(0, 0, 0, .05), 0 12px 30px rgba(0, 0, 0, .05);--shadow-popover: 0 18px 48px rgba(0, 0, 0, .14);--shadow-sheet: 0 24px 60px rgba(0, 0, 0, .16);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .08);--shadow-xl: 0 34px 82px rgba(0, 0, 0, .14);--dur-fast: .14s}:root[data-theme=dark]{--color-accent: #409cff;--color-accent-strong: #66b1ff;--color-accent-soft: rgba(64, 156, 255, .16);--color-accent-softer: rgba(64, 156, 255, .1);--color-destructive: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--color-label: #f5f5f7;--color-label-secondary: rgba(235, 235, 245, .66);--color-label-tertiary: rgba(235, 235, 245, .36);--color-label-quaternary: rgba(235, 235, 245, .2);--color-secondary-label: var(--color-label-secondary);--color-tertiary-label: var(--color-label-tertiary);--color-text-primary: var(--color-label);--color-text-secondary: var(--color-label-secondary);--color-text-tertiary: var(--color-label-tertiary);--color-text-quaternary: var(--color-label-quaternary);--color-separator: rgba(84, 84, 88, .55);--color-fill-primary: rgba(120, 120, 128, .36);--color-fill-quaternary: rgba(116, 116, 128, .18);--color-bg-primary: rgba(28, 28, 30, .88);--color-bg-secondary: #111114;--color-bg-tertiary: #1c1c1e;--color-bg-quaternary: #2c2c2e;--color-surface: #1c1c1e;--color-surface-secondary: #111114;--color-surface-hover: rgba(120, 120, 128, .22);--color-border: var(--color-separator);--color-info: var(--color-accent);--color-info-surface: var(--color-accent-softer);--color-error: var(--color-destructive);--color-error-surface: rgba(255, 69, 58, .14);--color-warning-surface: rgba(255, 159, 10, .14);--color-green: var(--color-success);--ink-900: var(--color-label);--ink-800: rgba(245, 245, 247, .88);--ink-700: var(--color-label-secondary);--ink-600: rgba(235, 235, 245, .52);--ink-500: var(--color-label-tertiary);--ink-400: rgba(235, 235, 245, .28);--ink-300: rgba(235, 235, 245, .2);--sand-50: #1c1c1e;--sand-100: #111114;--sand-200: #2c2c2e;--clay-400: #ff9f0a;--clay-500: #ff9f0a;--forest-500: var(--color-accent);--forest-700: var(--color-accent-strong);--accent-500: var(--color-accent);--accent-green-500: var(--color-success);--glass-bg: rgba(28, 28, 30, .62);--glass-border: rgba(255, 255, 255, .14);--surface-hero-start: rgba(28, 28, 30, .72);--surface-hero-end: rgba(28, 28, 30, .94);--surface-panel: rgba(28, 28, 30, .76);--surface-card: rgba(44, 44, 46, .72);--surface-soft: rgba(44, 44, 46, .58);--surface-upload: rgba(44, 44, 46, .7);--surface-accent: rgba(64, 156, 255, .13);--surface-accent-strong: rgba(64, 156, 255, .18);--surface-placeholder-start: rgba(44, 44, 46, .68);--surface-placeholder-end: rgba(28, 28, 30, .94);--border-soft: rgba(235, 235, 245, .12);--border-muted: rgba(235, 235, 245, .1);--border-accent-soft: rgba(64, 156, 255, .18);--border-accent: rgba(64, 156, 255, .26);--border-accent-strong: rgba(64, 156, 255, .38);--control-surface: rgba(44, 44, 46, .95);--button-primary-ink: #ffffff;--sheet-paper: #f7f7f9;--sheet-ink: #1d1d1f;--sheet-line: rgba(29, 29, 31, .16);--sheet-frame: rgba(235, 235, 245, .18);--error-bg: rgba(255, 69, 58, .16);--error-border: rgba(255, 69, 58, .34);--error-ink: #ffd8d4;--error-muted: #ffb7b1;--error-action: var(--color-destructive);--error-action-border: rgba(255, 69, 58, .42);--bg-radial-bright: rgba(255, 255, 255, .08);--bg-radial-accent: rgba(64, 156, 255, .2);--bg-linear-start: #161618;--bg-linear-mid: #0f0f12;--bg-linear-end: #070709;--shadow-card: 0 1px 2px rgba(0, 0, 0, .36), 0 18px 46px rgba(0, 0, 0, .2);--shadow-popover: 0 20px 58px rgba(0, 0, 0, .44);--shadow-sheet: 0 28px 70px rgba(0, 0, 0, .5);--shadow-lg: 0 22px 58px rgba(0, 0, 0, .28);--shadow-xl: 0 36px 92px rgba(0, 0, 0, .54)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-accent: #409cff;--color-accent-strong: #66b1ff;--color-accent-soft: rgba(64, 156, 255, .16);--color-accent-softer: rgba(64, 156, 255, .1);--color-label: #f5f5f7;--color-label-secondary: rgba(235, 235, 245, .66);--color-label-tertiary: rgba(235, 235, 245, .36);--color-label-quaternary: rgba(235, 235, 245, .2);--color-secondary-label: var(--color-label-secondary);--color-tertiary-label: var(--color-label-tertiary);--color-text-primary: var(--color-label);--color-text-secondary: var(--color-label-secondary);--color-text-tertiary: var(--color-label-tertiary);--color-text-quaternary: var(--color-label-quaternary);--color-bg-primary: rgba(28, 28, 30, .88);--color-bg-secondary: #111114;--color-bg-tertiary: #1c1c1e;--color-bg-quaternary: #2c2c2e;--ink-900: var(--color-label);--ink-800: rgba(245, 245, 247, .88);--ink-700: var(--color-label-secondary);--ink-600: rgba(235, 235, 245, .52);--ink-500: var(--color-label-tertiary);--ink-400: rgba(235, 235, 245, .28);--ink-300: rgba(235, 235, 245, .2);--forest-500: var(--color-accent);--forest-700: var(--color-accent-strong);--accent-500: var(--color-accent);--glass-bg: rgba(28, 28, 30, .62);--glass-border: rgba(255, 255, 255, .14);--surface-panel: rgba(28, 28, 30, .76);--surface-card: rgba(44, 44, 46, .72);--surface-soft: rgba(44, 44, 46, .58);--border-soft: rgba(235, 235, 245, .12);--border-muted: rgba(235, 235, 245, .1);--control-surface: rgba(44, 44, 46, .95);--bg-radial-bright: rgba(255, 255, 255, .08);--bg-radial-accent: rgba(64, 156, 255, .2);--bg-linear-start: #161618;--bg-linear-mid: #0f0f12;--bg-linear-end: #070709}}html{background:var(--bg-linear-mid);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 15% 8%,var(--bg-radial-bright),transparent 34rem),radial-gradient(circle at 78% 0%,var(--bg-radial-accent),transparent 32rem),radial-gradient(circle at 82% 72%,rgba(175,82,222,.11),transparent 28rem),linear-gradient(145deg,var(--bg-linear-start),var(--bg-linear-mid) 54%,var(--bg-linear-end));color:var(--color-label)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at top,black,transparent 70%);mask-image:radial-gradient(circle at top,black,transparent 70%);opacity:.18}.app{padding:max(28px,env(safe-area-inset-top)) 24px 48px}.shell{min-height:calc(100vh - 96px);align-items:start}.shell__frame{width:min(1240px,100%)}.shell__frame--auth{width:min(1120px,100%)}.shell__header{position:sticky;top:18px;overflow:hidden;border-radius:var(--radius-2xl);border:1px solid var(--glass-border);background:linear-gradient(145deg,var(--surface-hero-start),var(--surface-hero-end)),var(--glass-bg);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate))}.shell__header:before,.shell__header:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(8px)}.shell__header:before{width:340px;height:340px;right:22%;top:-210px;background:radial-gradient(circle,rgba(10,132,255,.18),transparent 65%)}.shell__header:after{width:260px;height:260px;right:-90px;bottom:-150px;background:radial-gradient(circle,rgba(175,82,222,.14),transparent 68%)}.shell__hero,.shell__nav{position:relative;z-index:1}.shell__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:28px;align-items:start}.shell__hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,360px);gap:clamp(18px,4vw,44px);align-items:center;min-width:0}.shell__hero-copy{min-width:0;max-width:680px}.shell h1{margin-bottom:16px;font-size:clamp(36px,5vw,64px);line-height:.98;font-weight:780;letter-spacing:-.055em;text-wrap:balance}.app__eyebrow,.app__panel-eyebrow,.feedback-state__eyebrow,.feedback-modal__eyebrow,.auth-card__meta dt,.project-traceability__summary-label,.project-traceability__metric-label,.waveform-card__heatmap-priority-label,.score-view__filter-label{color:var(--color-label-tertiary);letter-spacing:.16em}.shell .app__eyebrow{color:var(--color-accent);letter-spacing:.18em}.app__lead{margin-bottom:0;color:var(--color-label-secondary);font-size:clamp(16px,1.5vw,19px);line-height:1.55;text-wrap:pretty}.shell__hero-visual{position:relative;min-height:280px;display:grid;place-items:center;isolation:isolate}.shell__visual-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.82}.shell__visual-orb--blue{width:190px;height:190px;top:12px;right:30px;background:radial-gradient(circle,rgba(10,132,255,.3),transparent 68%)}.shell__visual-orb--violet{width:160px;height:160px;left:12px;bottom:8px;background:radial-gradient(circle,rgba(191,90,242,.22),transparent 68%)}.shell__score-card{position:relative;z-index:1;width:min(100%,320px);min-height:226px;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:32px;background:linear-gradient(145deg,#ffffffb8,#ffffff6b);box-shadow:0 26px 64px #00000024,inset 0 1px #ffffffa3;backdrop-filter:blur(22px) saturate(1.45);-webkit-backdrop-filter:blur(22px) saturate(1.45);transform:rotate(-2deg)}:root[data-theme=dark] .shell__score-card{border-color:#ffffff1f;background:linear-gradient(145deg,#2c2c2ec7,#1c1c1e8f);box-shadow:0 28px 72px #0000006b,inset 0 1px #ffffff14}.shell__score-card-topline{display:flex;gap:8px;margin-bottom:20px}.shell__score-card-topline span{display:block;height:8px;border-radius:999px;background:#78788038}.shell__score-card-topline span:nth-child(1){width:42px}.shell__score-card-topline span:nth-child(2){width:72px}.shell__score-card-topline span:nth-child(3){width:34px;margin-left:auto}.shell__score-staff{position:relative;height:94px;border-radius:18px;background:#ffffff61;overflow:hidden}:root[data-theme=dark] .shell__score-staff{background:#ffffff0f}.shell__score-staff>span{position:absolute;left:16px;right:16px;height:1px;background:#3c3c4329}.shell__score-staff>span:nth-child(1){top:20px}.shell__score-staff>span:nth-child(2){top:32px}.shell__score-staff>span:nth-child(3){top:44px}.shell__score-staff>span:nth-child(4){top:56px}.shell__score-staff>span:nth-child(5){top:68px}.shell__score-note{position:absolute;width:18px;height:13px;border-radius:999px;background:var(--color-accent);box-shadow:0 8px 20px #0a84ff3d;transform:rotate(-18deg)}.shell__score-note:after{content:"";position:absolute;right:2px;bottom:8px;width:2px;height:34px;border-radius:999px;background:currentColor;color:var(--color-accent)}.shell__score-note--one{left:52px;top:43px}.shell__score-note--two{left:142px;top:30px;opacity:.78}.shell__score-note--three{right:54px;top:54px;opacity:.9}.shell__mini-player{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid rgba(60,60,67,.12);border-radius:20px;background:#ffffff85}:root[data-theme=dark] .shell__mini-player{border-color:#ffffff1a;background:#ffffff0f}.shell__wave-bars{display:flex;align-items:center;gap:4px;height:46px}.shell__wave-bars span{display:block;width:7px;border-radius:999px;background:linear-gradient(180deg,var(--color-accent),rgba(191,90,242,.8))}.shell__wave-bars span:nth-child(1){height:18px;opacity:.5}.shell__wave-bars span:nth-child(2){height:32px;opacity:.76}.shell__wave-bars span:nth-child(3){height:24px;opacity:.58}.shell__wave-bars span:nth-child(4){height:42px}.shell__wave-bars span:nth-child(5){height:30px;opacity:.72}.shell__wave-bars span:nth-child(6){height:38px;opacity:.88}.shell__wave-bars span:nth-child(7){height:22px;opacity:.56}.shell__wave-bars span:nth-child(8){height:34px;opacity:.78}.shell__player-copy{display:grid;gap:2px;min-width:108px;color:var(--color-label)}.shell__player-copy strong{font-size:13px;letter-spacing:-.01em}.shell__player-copy span{font-size:11px;color:var(--color-label-tertiary)}.shell__aside{gap:12px}.shell__meta,.theme-switch{border-color:var(--border-soft);background:#ffffff85;box-shadow:inset 0 1px #ffffff6b;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}:root[data-theme=dark] .shell__meta,:root[data-theme=dark] .theme-switch{background:#2c2c2e80;box-shadow:inset 0 1px #ffffff14}.shell__meta{min-width:0;word-break:break-word;border-radius:22px;color:var(--color-label-secondary)}.theme-switch{border-radius:22px}.theme-switch__label{color:var(--color-label-tertiary)}.theme-switch__button{min-height:36px;border-color:transparent;background:transparent;color:var(--color-label-secondary)}.theme-switch__button:hover{background:var(--color-fill-quaternary)}.theme-switch__button.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 8px 18px var(--color-accent-soft)}.shell__nav{display:inline-flex;width:auto;max-width:100%;gap:4px;margin-top:28px;padding:5px;border:1px solid var(--border-soft);border-radius:999px;background:#7878801a;overflow-x:auto;scrollbar-width:none}.shell__nav::-webkit-scrollbar{display:none}.shell__nav-link{flex:0 0 auto;min-height:40px;border:0;border-radius:999px;color:var(--color-label-secondary);font-weight:650;padding-inline:18px}.shell__nav-link:hover{background:var(--color-fill-quaternary);color:var(--color-label)}.shell__nav-link.is-active{background:var(--color-bg-primary);color:var(--color-label);box-shadow:var(--shadow-card)}:root[data-theme=dark] .shell__nav-link.is-active{background:#ffffff24}.shell__workflow{margin:24px 0;border-radius:var(--radius-xl);border-color:var(--border-soft);background:var(--surface-panel);box-shadow:var(--shadow-card)}.shell__workflow-step{border-radius:22px;border-color:var(--border-soft);background:#ffffff80;box-shadow:none}:root[data-theme=dark] .shell__workflow-step{background:#2c2c2e70}.shell__workflow-step:hover{border-color:var(--border-accent);box-shadow:0 18px 40px #0a84ff14}.shell__workflow-step.is-current{border-color:var(--border-accent-strong);background:linear-gradient(180deg,var(--color-accent-softer),rgba(255,255,255,.48))}:root[data-theme=dark] .shell__workflow-step.is-current{background:linear-gradient(180deg,var(--color-accent-softer),rgba(44,44,46,.42))}.shell__workflow-step-index{border-radius:16px;background:var(--color-accent-soft);color:var(--color-accent)}.shell__workflow-step-status,.app__status,.pill,.detail-list-item__chip,.revision-compare-overview__legend-chip,.track-rack__playback-chip,.piano-roll__chip,.piano-roll__track-chip,.waveform-card__heatmap-legend-chip,.waveform-card__comment-badge,.upload-duplicate-badge,.score-preview__chip{border-color:var(--border-soft);background:var(--color-fill-quaternary);color:var(--color-label-secondary)}.app__status{min-height:30px;color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--border-accent-soft);letter-spacing:.01em}.app__panel,.ui-card,.stat-card,.artifact-card,.project-list-recent-panel,.revision-history-toolbar,.waveform-card,.score-preview__frame,.pdf-preview__frame,.pdf-preview__placeholder,.privacy-page__group,.export-form-group,.failure-guidance,.practice-pack-export,.practice-history-panel,.practice-sheet-display,.teaching-preset-panel,.change-summary-panel{border-color:var(--border-soft);background:var(--surface-panel);box-shadow:var(--shadow-card)}.app__panel,.ui-card{border-radius:28px}.app__panel-header{align-items:flex-start}.app__panel-title,.feedback-state__title,.feedback-modal__title,.project-traceability__section-title,.revision-compare-overview__lane-title,.revision-compare-note__title,.auth-card__meta dd,.upload-drop-title,.project-list-recent-card__title,.detail-list-item__title,.track-rack__name,.waveform-card__title,.score-preview__title{color:var(--color-label);letter-spacing:-.02em}.app__helper,.app__meta,.detail-list-item__subtitle,.comment-thread-panel__reply,.revision-compare-note__subtitle,.share-page__lead,.copyright-guidance__card-body,.copyright-guidance__note,.upload-drop-subtitle,.upload-file-name,.upload-consent,.upload-status,.upload-duplicate-card__helper,.upload-duplicate-card__note,.feedback-state__message,.feedback-modal__description,.toast__message,.track-rack__caption,.track-rack__hint,.bundle-preview-list__subtle{color:var(--color-label-secondary)}.stat-card,.artifact-card,.detail-list-item,.project-traceability__summary-item,.project-traceability__card,.revision-compare-stat,.revision-compare-note,.chord-editor__panel,.track-rack__item,.score-strategy-card,.upload-duplicate-card,.copyright-guidance__card{border-color:var(--border-soft);background:#ffffff8a;box-shadow:none}:root[data-theme=dark] .stat-card,:root[data-theme=dark] .artifact-card,:root[data-theme=dark] .detail-list-item,:root[data-theme=dark] .project-traceability__summary-item,:root[data-theme=dark] .project-traceability__card,:root[data-theme=dark] .revision-compare-stat,:root[data-theme=dark] .revision-compare-note,:root[data-theme=dark] .chord-editor__panel,:root[data-theme=dark] .track-rack__item,:root[data-theme=dark] .score-strategy-card,:root[data-theme=dark] .upload-duplicate-card,:root[data-theme=dark] .copyright-guidance__card{background:#2c2c2e7a}.stat-card{position:relative;overflow:hidden;min-height:112px}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:94px;height:94px;border-radius:999px;background:radial-gradient(circle,var(--color-accent-soft),transparent 68%)}.project-card{transition:transform var(--dur-state) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),box-shadow var(--dur-state) var(--ease-standard)}.project-card:hover{transform:translateY(-2px);border-color:var(--border-accent-soft);box-shadow:var(--shadow-lg)}.project-list-toolbar{align-items:end;gap:var(--space-3);border-radius:24px;border-color:var(--border-soft);background:#ffffff94;box-shadow:inset 0 1px #ffffff6b}:root[data-theme=dark] .project-list-toolbar{background:#2c2c2e7a}.project-list-toolbar>.app__field,.project-list-toolbar .app__field:last-child{flex:1 1 220px}.project-list-toolbar>.ui-segmented{flex:0 0 auto}.project-list-recent-panel{border-radius:var(--radius-xl)}.project-list-recent-card{border-radius:var(--radius-lg);border-bottom:0;background:#ffffff6b;border:1px solid var(--border-soft)}:root[data-theme=dark] .project-list-recent-card{background:#2c2c2e61}.project-list-recent-card:hover{background:var(--color-accent-softer);transform:translateY(-1px)}.project-list-recent-card__type{color:var(--color-accent)}.project-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3)}.project-template-card{display:grid;gap:8px;min-height:112px;padding:16px;border-radius:20px;border:1px solid var(--border-soft);background:#ffffff8a;color:var(--color-label);text-align:left;font:inherit;cursor:pointer;transition:transform var(--dur-press) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),background var(--dur-state) var(--ease-standard),box-shadow var(--dur-state) var(--ease-standard)}:root[data-theme=dark] .project-template-card{background:#2c2c2e75}.project-template-card:hover{transform:translateY(-1px);border-color:var(--border-accent);background:var(--color-accent-softer)}.project-template-card:active{transform:scale(.98)}.project-template-card.is-selected{border-color:var(--border-accent-strong);background:var(--surface-accent);box-shadow:0 0 0 1px var(--border-accent-soft),0 18px 42px #0a84ff14}.project-template-card .app__helper{margin:0;font-size:12px}.app__input,.app__select,.app__textarea,.ui-field__input,.track-rack__select,.teaching-preset-panel__input{border-color:var(--border-soft);border-radius:16px;background:var(--control-surface);color:var(--color-label);box-shadow:inset 0 1px #ffffff6b}.app__input::placeholder,.ui-field__input::placeholder{color:var(--color-label-tertiary)}.app__input:focus,.app__select:focus,.app__textarea:focus,.ui-field__input:focus,.track-rack__select:focus,.teaching-preset-panel__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.app__button,.ui-btn,.playback-panel__button,.score-controls__preset,.score-controls__step-button,.piano-roll__action-button,.piano-roll__grid-button,.waveform-card__heatmap-priority-button,.track-rack__toggle,.quantize-repair-action__btn,.calibrate-playback__btn,.lead-sheet-toggle__btn,.note-cleanup-action__btn,.chord-normalize-action__btn,.performance-mode-toggle{border-radius:999px;font-weight:650;transition:transform var(--dur-press) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),background var(--dur-state) var(--ease-standard),box-shadow var(--dur-state) var(--ease-standard),filter var(--dur-state) var(--ease-standard)}.app__button--primary,.ui-btn--primary,.practice-pack-export__btn,.practice-sheet-display__start-btn,.teaching-preset-panel__save-btn{background:linear-gradient(180deg,#0a84ff,#0071e3);color:#fff;box-shadow:0 12px 26px #0a84ff3d}.app__button--ghost,.ui-btn--secondary,.playback-panel__button,.score-controls__preset,.score-controls__step-button,.piano-roll__action-button,.piano-roll__grid-button,.waveform-card__heatmap-priority-button,.track-rack__toggle,.quantize-repair-action__btn,.calibrate-playback__btn,.lead-sheet-toggle__btn,.note-cleanup-action__btn,.chord-normalize-action__btn,.performance-mode-toggle{border-color:var(--border-soft);background:var(--color-fill-quaternary);color:var(--color-label)}.app__button:hover,.ui-btn:hover,.playback-panel__button:hover,.score-controls__preset:hover,.score-controls__step-button:hover,.piano-roll__action-button:hover,.piano-roll__grid-button:hover,.waveform-card__heatmap-priority-button:hover,.track-rack__toggle:hover{transform:translateY(-1px)}.app__button:active,.ui-btn:active,.playback-panel__button:active,.score-controls__preset:active,.score-controls__step-button:active,.piano-roll__action-button:active,.piano-roll__grid-button:active,.waveform-card__heatmap-priority-button:active,.track-rack__toggle:active{transform:scale(.97)}.app__button--destructive,.ui-btn--destructive{background:var(--color-destructive);color:#fff}.ui-segmented{border:1px solid var(--border-soft);border-radius:999px;background:#7878801f}.ui-segmented__item{border-radius:999px;color:var(--color-label-secondary)}.ui-segmented__item--active{background:var(--color-bg-primary);color:var(--color-label)}.upload-drop{border-radius:30px;background:radial-gradient(circle at 50% 0%,var(--color-accent-softer),transparent 60%),var(--color-bg-secondary)}.upload-drop.is-active,.upload-consent.is-confirmed,.playback-panel__button.is-active,.chord-editor__quality-button.is-active,.chord-editor__measure-button.is-active,.track-rack__toggle.is-active.is-soloed,.score-controls__preset.is-active,.score-view__measure-button.is-active,.score-view__toggle.is-active,.piano-roll__grid-button.is-active{border-color:var(--border-accent-strong);background:var(--surface-accent);color:var(--color-accent)}.app__progress{height:8px;background:var(--surface-progress-track)}.app__progress-bar{background:linear-gradient(90deg,var(--color-accent),#bf5af2)}.job-stage-item--current .job-stage-item__marker{background:var(--color-accent);border-color:var(--color-accent)}.job-stage-item--completed .job-stage-item__marker{background:var(--color-success);border-color:var(--color-success)}.job-stage-item--completed .job-stage-item__badge{color:var(--color-success);background:#34c75921}.waveform-card__surface,.piano-roll__viewport,.score-view__canvas,.score-preview__sheet{border-color:var(--border-soft);box-shadow:var(--shadow-card)}.waveform-card__peak-bar{background:linear-gradient(180deg,var(--color-accent),#bf5af2)}.waveform-card__playhead,.waveform-card__playhead:before{background:var(--color-accent)}.waveform-card__handle,.waveform-card__handle:before{background:#bf5af2}.feedback-modal__dialog,.toast{border-color:var(--glass-border);background:linear-gradient(145deg,var(--surface-hero-start),var(--surface-hero-end));backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--glass-saturate))}.global-error{border-color:var(--error-border);background:color-mix(in srgb,var(--error-bg) 86%,var(--color-bg-primary))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.shell__header,.shell__score-card,.shell__meta,.theme-switch,.project-list-toolbar,.feedback-modal__dialog,.toast,.glass-surface,[data-glass]{background:var(--color-bg-primary)!important}}@media (prefers-reduced-transparency: reduce){.shell__header,.shell__score-card,.shell__meta,.theme-switch,.project-list-toolbar,.feedback-modal,.feedback-modal__dialog,.toast,.glass-surface,[data-glass]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--color-bg-primary)!important;border-color:var(--color-separator)!important}.shell__header:before,.shell__header:after,.shell__visual-orb{display:none!important}}@media (max-width: 1100px){.shell__hero{grid-template-columns:1fr}.shell__aside{grid-template-columns:repeat(2,minmax(0,1fr))}.shell__meta{grid-column:1 / -1}}@media (max-width: 840px){.app{padding:max(16px,env(safe-area-inset-top)) 14px 32px}.shell__header{top:10px;border-radius:28px;padding:24px}.shell__hero-main{grid-template-columns:1fr}.shell__hero-visual{display:none}.shell h1{font-size:clamp(34px,12vw,48px)}.shell__aside{grid-template-columns:1fr}.shell__nav{display:flex;width:100%}.shell__nav-link{flex:1 0 auto}.shell__workflow,.app__panel,.ui-card{border-radius:24px}.project-list-toolbar{display:grid;grid-template-columns:1fr}.project-list-toolbar>.ui-segmented{width:100%;overflow-x:auto}}@media (max-width: 520px){.shell__header,.shell__workflow,.app__panel,.ui-card{padding:20px}.app__actions,.upload-actions,.artifact-card__actions,.advanced-layout-panel__actions{display:grid;grid-template-columns:1fr}.app__button,.ui-btn{width:100%}}:root{--pro-bg: #eef1f6;--pro-bg-elevated: rgba(255, 255, 255, .84);--pro-bg-panel: rgba(248, 250, 252, .9);--pro-toolbar: rgba(236, 240, 246, .92);--pro-toolbar-border: rgba(17, 24, 39, .1);--pro-ink: #111827;--pro-ink-muted: #586174;--pro-grid-line: rgba(31, 41, 55, .08);--pro-accent: #007acc;--pro-accent-strong: #005fb8;--pro-accent-soft: rgba(0, 122, 204, .12);--pro-panel-shadow: 0 22px 64px rgba(15, 23, 42, .12);--color-accent: var(--pro-accent);--color-accent-strong: var(--pro-accent-strong);--color-accent-soft: var(--pro-accent-soft);--color-accent-softer: rgba(0, 122, 204, .08);--surface-panel: var(--pro-bg-elevated);--surface-card: var(--pro-bg-panel);--surface-soft: rgba(255, 255, 255, .7);--border-soft: var(--pro-toolbar-border);--border-muted: rgba(17, 24, 39, .08);--control-surface: rgba(255, 255, 255, .92)}:root[data-theme=dark]{--pro-bg: #0b0e14;--pro-bg-elevated: rgba(21, 25, 34, .88);--pro-bg-panel: rgba(17, 21, 30, .92);--pro-toolbar: rgba(19, 23, 32, .94);--pro-toolbar-border: rgba(148, 163, 184, .16);--pro-ink: #e5edf7;--pro-ink-muted: #8f9bad;--pro-grid-line: rgba(148, 163, 184, .08);--pro-accent: #22a6f2;--pro-accent-strong: #7dd3fc;--pro-accent-soft: rgba(34, 166, 242, .16);--pro-panel-shadow: 0 24px 80px rgba(0, 0, 0, .34);--color-label: var(--pro-ink);--color-label-secondary: var(--pro-ink-muted);--color-label-tertiary: rgba(143, 155, 173, .64);--color-bg-primary: rgba(30, 36, 48, .92);--color-bg-secondary: #11151e;--color-bg-tertiary: #171c27;--color-bg-quaternary: #202838;--surface-panel: var(--pro-bg-elevated);--surface-card: var(--pro-bg-panel);--surface-soft: rgba(31, 37, 49, .72);--border-soft: var(--pro-toolbar-border);--border-muted: rgba(148, 163, 184, .1);--control-surface: rgba(13, 17, 24, .92);--glass-bg: rgba(21, 25, 34, .72);--glass-border: rgba(148, 163, 184, .14);--bg-linear-start: #111827;--bg-linear-mid: #080b10;--bg-linear-end: #05070a}body{background:linear-gradient(var(--pro-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--pro-grid-line) 1px,transparent 1px),radial-gradient(circle at 18% 12%,var(--color-accent-softer),transparent 26rem),linear-gradient(140deg,var(--pro-bg),var(--bg-linear-mid, var(--pro-bg)) 58%,var(--bg-linear-end, var(--pro-bg)));background-size:48px 48px,48px 48px,auto,auto}body:before{opacity:0}.app{padding:max(12px,env(safe-area-inset-top)) clamp(10px,2vw,20px) 32px}.shell--pro{min-height:calc(100vh - 44px);align-items:start}.shell--pro .shell__frame{width:min(1560px,100%)}.shell__topbar{position:sticky;top:10px;z-index:120;display:grid;grid-template-columns:minmax(230px,auto) minmax(260px,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:8px 10px;border:1px solid var(--pro-toolbar-border);border-radius:16px;background:var(--pro-toolbar);box-shadow:var(--pro-panel-shadow);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.shell__brand{display:inline-flex;align-items:center;min-width:0;gap:10px;color:var(--pro-ink);text-decoration:none}.shell__brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid var(--pro-toolbar-border);border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent),var(--color-accent);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 22px var(--color-accent-soft)}.shell__brand-copy{display:grid;gap:2px;min-width:0}.shell__brand-copy span{color:var(--color-label-tertiary);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.shell__brand-copy strong{overflow:hidden;color:var(--pro-ink);font-size:14px;font-weight:800;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.shell__nav.shell__nav--top{display:flex;width:100%;max-width:none;min-width:0;margin:0;padding:4px;gap:3px;border:1px solid var(--pro-toolbar-border);border-radius:12px;background:#78808e1a;overflow-x:auto;scrollbar-width:none}.shell__nav.shell__nav--top::-webkit-scrollbar{display:none}.shell__nav.shell__nav--top .shell__nav-link{min-height:34px;padding:0 14px;border:0;border-radius:9px;color:var(--pro-ink-muted);font-size:12px;font-weight:800;white-space:nowrap}.shell__nav.shell__nav--top .shell__nav-link:hover{background:var(--color-fill-quaternary);color:var(--pro-ink)}.shell__nav.shell__nav--top .shell__nav-link.is-active{background:var(--color-bg-primary);color:var(--pro-ink);box-shadow:inset 0 0 0 1px var(--pro-toolbar-border),0 8px 18px #00000014}.shell__top-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:6px}.shell__top-button.app__button{min-height:34px;padding:0 11px;border-radius:9px;font-size:12px}.shell__account-chip.app__status{max-width:220px;min-height:34px;overflow:hidden;border-radius:9px;color:var(--color-accent-strong);text-overflow:ellipsis;white-space:nowrap}.theme-switch--compact{display:inline-flex;align-items:center;gap:3px;min-width:auto;padding:3px;border-radius:10px;border:1px solid var(--pro-toolbar-border);background:#78808e1a;box-shadow:none}.theme-switch--compact .theme-switch__button{min-height:28px;padding:0 8px;border-radius:7px;font-size:11px;font-weight:800}.shell__subbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:10px 0 14px;padding:10px 12px;border:1px solid var(--pro-toolbar-border);border-radius:14px;background:#78808e14;color:var(--pro-ink-muted)}.shell__subbar p{margin:0;overflow:hidden;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.shell__subbar-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.shell__subbar-meta span{display:inline-flex;align-items:center;min-height:26px;max-width:300px;overflow:hidden;padding:0 9px;border:1px solid var(--pro-toolbar-border);border-radius:8px;background:#78808e14;color:var(--pro-ink-muted);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.shell--pro .shell__content{display:grid;gap:14px}.shell--pro .app__panel,.shell--pro .ui-card,.auth-console{border:1px solid var(--pro-toolbar-border);background:var(--pro-bg-elevated);box-shadow:var(--pro-panel-shadow)}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:64px;align-items:center;min-height:calc(100vh - 72px);width:min(1080px,100%);margin:0 auto}.auth-shell__brand{display:grid;align-content:center;gap:16px;min-width:0}.auth-brand-lockup{display:inline-flex;width:fit-content;align-items:center;gap:10px;color:var(--pro-ink);font-size:22px;font-weight:900}.auth-brand-mark{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#111827;color:#fff;font-size:21px;font-weight:900}.auth-shell__brand h1{margin:0;color:var(--pro-ink);font-size:76px;line-height:.96;letter-spacing:0}.auth-shell__brand .app__lead{max-width:560px;color:var(--pro-ink-muted);font-size:21px;line-height:1.45}.auth-staff{position:relative;width:min(520px,100%);height:108px;margin-top:20px;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#0f172a14,#0f172a00),repeating-linear-gradient(to bottom,transparent 0,transparent 15px,rgba(15,23,42,.15) 15px,rgba(15,23,42,.15) 17px,transparent 17px,transparent 24px)}.auth-staff__line{display:none}.auth-staff__note{position:absolute;width:23px;height:17px;border-radius:50%;background:#0a84ff;transform:rotate(-18deg);box-shadow:0 8px 24px #0a84ff38}.auth-staff__note:after{position:absolute;right:1px;bottom:9px;width:2px;height:44px;border-radius:999px;background:#0a84ff;content:"";transform:rotate(18deg);transform-origin:bottom center}.auth-staff__note--one{left:18%;top:55px}.auth-staff__note--two{left:48%;top:31px;background:#111827}.auth-staff__note--two:after{background:#111827}.auth-staff__note--three{left:73%;top:43px;background:#34c759}.auth-staff__note--three:after{background:#34c759}.auth-console{overflow:hidden;border-radius:8px}.auth-console__header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:18px;border-bottom:1px solid var(--pro-toolbar-border);background:#ffffffbd;color:var(--pro-ink)}.auth-console__header h2{margin:2px 0 0;color:var(--pro-ink);font-size:22px;font-weight:900;letter-spacing:0}.auth-form{display:grid;gap:16px;padding:18px}.auth-form__field{display:grid;gap:8px}.auth-form__label{color:var(--color-label-tertiary);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.auth-form__input.app__input{min-height:48px;border-radius:8px;font-size:15px}.auth-form__input--code.app__input{font-size:24px;font-weight:900;letter-spacing:.18em;text-align:center}.auth-toggle{display:grid;gap:8px}.auth-toggle{grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--pro-toolbar-border);border-radius:8px;background:#78808e1a}.auth-toggle__button{border:1px solid transparent;background:transparent;color:var(--pro-ink-muted);cursor:pointer;font:inherit;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.auth-toggle__button{min-height:40px;border-radius:6px;font-weight:850}.auth-toggle__button.is-active{border-color:var(--border-accent-soft);background:var(--color-accent-soft);color:var(--color-accent-strong)}.auth-toggle__button:hover{transform:translateY(-1px);color:var(--pro-ink)}.auth-form__submit.app__button{min-height:48px;border-radius:8px}.auth-form__actions,.auth-dev-panel__actions{display:flex;flex-wrap:wrap;gap:10px}.auth-challenge,.auth-debug-code{display:grid;gap:6px;padding:14px;border:1px solid var(--pro-toolbar-border);border-radius:8px;background:#78808e14}.auth-challenge strong{color:var(--pro-ink);font-size:18px}.auth-challenge span,.auth-debug-code span{color:var(--pro-ink-muted);font-size:12px}.auth-debug-code{grid-template-columns:1fr auto;align-items:center}.auth-debug-code code{color:var(--color-accent-strong);font-size:15px;font-weight:900}.auth-form__success{color:var(--color-success)}.auth-form__hint{margin:-4px 0 0}.auth-form__link{padding:0;border:0;background:transparent;color:var(--color-accent-strong);cursor:pointer;font:inherit;font-size:13px;font-weight:850}.auth-form__link:hover{text-decoration:underline}.auth-form__note{margin:0;padding:0 18px 18px}.auth-dev-panel{margin:0 18px 18px;padding:12px;border:1px solid var(--pro-toolbar-border);border-radius:8px;background:#78808e14}.auth-dev-panel summary{color:var(--pro-ink);cursor:pointer;font-size:13px;font-weight:900}@media (max-width: 1180px){.shell__topbar{grid-template-columns:1fr}.shell__top-actions{justify-content:flex-start;flex-wrap:wrap}.shell__subbar{grid-template-columns:1fr}.shell__subbar-meta{justify-content:flex-start}}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr;align-items:start;gap:32px}.auth-shell__brand h1{font-size:56px}.auth-shell__brand .app__lead{font-size:18px}.auth-debug-code{grid-template-columns:1fr}}@media (max-width: 620px){.app{padding-inline:8px}.shell__brand{width:100%}.shell__top-actions,.auth-form__actions,.auth-dev-panel__actions{align-items:stretch;flex-direction:column}.shell__top-actions>*,.auth-form__actions>*,.auth-dev-panel__actions>*{width:100%}.auth-shell__brand h1{font-size:44px}.auth-console__header{align-items:flex-start;flex-direction:column}.theme-switch--compact{justify-content:stretch}.theme-switch--compact .theme-switch__button{flex:1}}