: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}:root[data-theme=dark]{color:#f4eee5;background:#120f0d;color-scheme:dark}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}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(--duration-press) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background var(--duration-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 var(--duration-state) var(--ease-standard)}.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 var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard)}.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" "collaboration collaboration" "view-nav view-nav" "sidebar timeline" "sidebar chords" "sidebar score"}.editor-layout__toolbar{grid-area:toolbar}.editor-layout__view-nav{grid-area:view-nav}.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__command-map{display:grid;gap:10px}.editor-toolbar__tool-strip{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:6px}.editor-toolbar__tool-slot{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:36px;padding:0 10px;border:1px solid var(--ws-line, var(--color-separator, var(--border-soft)));border-radius:var(--ws-radius-control, 6px);background:var( --ws-bg-inset, var(--color-bg-secondary, var(--surface-soft)) );color:var(--ws-text-mid, var(--color-label, var(--ink-700)));font-size:12px;font-weight:700;line-height:1;white-space:nowrap}button.editor-toolbar__tool-slot{font:inherit;cursor:pointer;transition:border-color var(--duration-state) var(--ease-standard),background-color var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard),transform var(--duration-press) var(--ease-standard)}button.editor-toolbar__tool-slot:hover{border-color:var(--ws-accent, var(--color-accent));background:var(--ws-bg-raised, var(--color-fill-primary));color:var(--ws-text-hi, var(--color-label));transform:translateY(-1px)}button.editor-toolbar__tool-slot:active{transform:scale(.97)}button.editor-toolbar__tool-slot:disabled{cursor:not-allowed;opacity:.46;transform:none}.editor-toolbar__tool-slot.is-active{border-color:var(--ws-accent, var(--color-accent));background:var(--ws-accent-soft, var(--surface-accent-strong));color:var(--ws-accent-hover, var(--color-accent))}.editor-toolbar__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border:1px solid var(--ws-line-strong, var(--color-separator, var(--border-muted)));border-radius:4px;background:var(--ws-bg-raised, var(--color-fill-quaternary));color:inherit;font-family:var( --ws-font-mono, ui-monospace, "SFMono-Regular", consolas, monospace );font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.editor-toolbar__status-chips{display:flex;flex-wrap:wrap;gap:8px}.editor-toolbar__section{margin-top:12px}.editor-toolbar__motif-selection{margin-top:4px}.editor-toolbar__motif-action{margin-top:8px}.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}.editor-toolbar__status-chip{min-height:28px;padding:0 10px;border-radius:var(--ws-radius-control, 6px);font-size:11px}.editor-toolbar__status-chip--confidence{border-color:var(--ws-warn, var(--clay-500));background:var(--ws-warn-soft, rgba(224, 179, 79, .14));color:var(--ws-warn, var(--clay-500))}.editor-toolbar__status-chip--snap{border-color:var(--ws-accent, var(--color-accent));background:var(--ws-accent-softer, rgba(10, 132, 255, .1));color:var(--ws-accent-hover, var(--color-accent))}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.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(--duration-press) var(--ease-standard),color var(--duration-press) var(--ease-standard),transform var(--duration-press) var(--ease-standard),opacity var(--duration-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(--duration-press) var(--ease-standard),opacity var(--duration-press) var(--ease-standard),transform var(--duration-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(--duration-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-placeholder__controls{margin-top:var(--space-4)}.project-metadata-note-field{flex:1;min-width:min(100%,420px)}.project-metadata-retention-helper{margin-top:var(--space-2)}.revision-upgrade-panel{margin-bottom:var(--space-4)}.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{overflow-wrap:anywhere;word-break:normal}.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{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.share-link-card .app__label{grid-column:1 / -1}.share-link-card .app__value{min-width:0}.share-link-card .app__button{justify-self:end}@media (max-width: 520px){.share-link-card{grid-template-columns:minmax(0,1fr)}.share-link-card .app__button{justify-self:start}}.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);width:100%}.privacy-page>.app__panel{min-width:0}.privacy-page>.app__panel+.app__panel{margin-top:0}@media (min-width: 768px) and (max-width: 899px){.privacy-page{max-width:720px;margin-inline:auto}}@media (min-width: 900px){.privacy-page{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1240px;margin-inline:auto;align-items:start}}@media (min-width: 1280px){.privacy-page{grid-template-columns:repeat(3,minmax(0,1fr))}}.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}.project-workspace-outline{grid-column:1 / -1}.page-grid__sidebar>.workspace-disclosure,.page-grid__main>.workspace-disclosure{min-width:0}.page-grid__sidebar>.workspace-disclosure{background:color-mix(in srgb,var(--color-bg-secondary) 68%,transparent)}.page-grid__sidebar>.workspace-disclosure>.workspace-disclosure__content{gap:var(--space-3);padding:var(--space-3)}.page-grid__main>.workspace-disclosure[open]{background:color-mix(in srgb,var(--color-bg-secondary) 46%,transparent)}.page-grid__main>.workspace-disclosure>.workspace-disclosure__content>.page-two-column{gap:var(--space-4)}.arrangement-params__group-grid{align-items:start}.arrangement-params__disclosure:not([open])>:not(summary),.arrangement-result-disclosure:not([open])>:not(summary){display:none}.arrangement-params__disclosure>summary,.arrangement-result-disclosure>summary{list-style:none;cursor:pointer}.arrangement-params__disclosure>summary::-webkit-details-marker,.arrangement-result-disclosure>summary::-webkit-details-marker{display:none}.arrangement-params__disclosure>summary{min-height:44px;align-items:center}.arrangement-params__disclosure[open]>summary{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-separator)}.arrangement-primary-actions{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:end;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-separator));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg-secondary))}.arrangement-primary-actions .app__actions{justify-content:flex-end}.arrangement-result-disclosure{border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-bg-secondary);overflow:clip}.arrangement-result-disclosure__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;padding:10px var(--space-4);color:var(--color-label);font-size:13px;font-weight:700}.arrangement-result-disclosure[open]>.arrangement-result-disclosure__summary{border-bottom:1px solid var(--color-separator)}.arrangement-result-disclosure__content{padding:var(--space-4)}@media (max-width: 720px){.arrangement-primary-actions{grid-template-columns:minmax(0,1fr)}.arrangement-primary-actions .app__actions{justify-content:stretch}.arrangement-primary-actions .app__button{flex:1 1 100%}}@media (min-width: 1280px){#project-tracks-workspace>.workspace-disclosure__content--two-column>.app__panel,#project-tracks-workspace>.workspace-disclosure__content--two-column>.project-detail-stem-selection{align-self:start}}.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: 1024px){.export-layout{grid-template-columns:minmax(0,7fr) minmax(320px,5fr)}}.artifact-card__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.artifact-card__status{margin-top:var(--space-3)}.export-scope-detail-grid{margin-top:var(--space-4)}.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-disclosure{margin-bottom:var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-md);overflow:hidden}.bundle-preview-disclosure__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);list-style:none;color:var(--color-label);font-size:13px;font-weight:650;cursor:pointer}.bundle-preview-disclosure__summary::-webkit-details-marker{display:none}.bundle-preview-disclosure__summary:after{content:"›";flex:0 0 auto;color:var(--color-label-secondary);font-size:18px;transform:rotate(90deg);transition:transform var(--duration-fast) var(--ease-standard)}.bundle-preview-disclosure[open]>.bundle-preview-disclosure__summary:after{transform:rotate(-90deg)}.bundle-preview-disclosure__summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.bundle-preview-disclosure__meta{margin-left:auto;color:var(--color-label-secondary);font-size:12px;font-weight:500;text-align:end}.bundle-preview-disclosure>.bundle-preview-list{margin:0;padding:var(--space-2);border-top:1px solid var(--color-separator)}.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(--duration-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)}@media (max-width: 600px){.bundle-preview-disclosure__summary{align-items:flex-start;flex-wrap:wrap}.bundle-preview-disclosure__meta{order:3;width:100%;margin-left:0;text-align:start}}@media (prefers-reduced-motion: reduce){.bundle-preview-disclosure__summary:after{transition:none}}.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;background-color:var(--track-color, rgba(44, 92, 74, .18));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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.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:var(--placeholder-block-radius, 16px);min-height:56px;background:linear-gradient(120deg,var(--placeholder-block-bg-start, var(--surface-placeholder-start)),var(--placeholder-block-bg-end, var(--surface-placeholder-end)));border:1px solid var(--placeholder-block-border, 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 .segmented{display:flex;flex-wrap:wrap;gap:8px}.arrangement-params .segmented__item{display:inline-flex;align-items:center;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;cursor:pointer}.arrangement-params .segmented__item--active{border-color:var(--border-accent-strong);background:var(--surface-accent);color:var(--forest-500)}.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(--duration-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(--duration-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%;width:var(--progress-width, 0%);border-radius:999px;background:var(--color-accent);transition:width var(--duration-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;cursor:default;transition:background var(--duration-press) var(--ease-standard)}.measure-issue-panel__item.is-dismissed{opacity:.5}.measure-issue-panel__item-btn.is-clickable{cursor:pointer}.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;border-color:var(--issue-border);background-color:var(--issue-bg);color:var(--issue-fg);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 var(--duration-press) var(--ease-standard)}.measure-issue-panel__action-btn:hover{opacity:1;background:var(--color-surface-hover, #f3f4f6)}.editor-score-surface__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard),box-shadow var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard)}.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 var(--duration-press) var(--ease-standard),border-color var(--duration-press) var(--ease-standard)}.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}.feedback-state__empty-visual{display:grid;grid-template-columns:repeat(4,minmax(18px,1fr));align-items:end;gap:8px;width:min(240px,100%);min-height:96px;padding:14px;border:1px solid var(--border-muted);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface-soft),var(--surface-card)),var(--color-bg-secondary)}.feedback-state__empty-bar,.feedback-state__empty-note{display:block;border-radius:999px 999px 8px 8px;background:var(--color-accent);box-shadow:inset 0 1px #ffffff47}.feedback-state__empty-bar--short{height:34px;background:var(--color-success)}.feedback-state__empty-bar--mid{height:54px;background:var(--color-warning)}.feedback-state__empty-bar--tall{height:72px}.feedback-state__empty-note{position:relative;height:48px;border-radius:10px;background:var(--color-fill-primary)}.feedback-state__empty-note:before,.feedback-state__empty-note:after{position:absolute;right:8px;left:8px;height:2px;border-radius:999px;background:var(--color-label-tertiary);content:""}.feedback-state__empty-note:before{top:16px}.feedback-state__empty-note:after{top:28px}.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(--duration-state) var(--ease-standard),background var(--duration-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-progress-row{display:flex;align-items:center;gap:var(--space-3)}.upload-progress-row__percent{min-width:40px;color:var(--color-accent);font-size:13px;font-weight:600}.upload-progress-row__bar{flex:1}.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{width:100%;max-width:1160px;margin:0 auto}.upload-page__header{margin-bottom:var(--space-6)}.upload-page__header .app__panel-title{font-size:clamp(24px,2.2vw,30px)}.upload-page__layout{display:grid;gap:var(--space-6)}.upload-page__context,.upload-page__workflow{min-width:0}.upload-page__project-grid{display:grid;border-top:1px solid var(--color-separator)}.upload-page__project-item{min-width:0;padding:var(--space-4) 0;border-bottom:1px solid var(--color-separator)}.upload-page__project-item .app__value{overflow-wrap:anywhere;line-height:1.45}.upload-page__workflow{display:grid;align-content:start;gap:var(--space-4)}.upload-page__workflow .upload-drop{width:100%;min-height:260px}.upload-page__consent-field,.upload-page__progress-field{margin-bottom:0}.upload-page-container .upload-page__consent-field .upload-consent{display:flex;min-width:0;text-transform:none;letter-spacing:normal;font-weight:400}.upload-page__progress-field{padding:var(--space-4) 0;border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator)}.upload-page__recording{margin:0;box-shadow:none}.upload-page__error{margin-bottom:0}.upload-page__actions .app__button--primary{flex:1 1 180px}@media (min-width: 980px){.upload-page__layout{grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:clamp(32px,4vw,56px);align-items:start}.upload-page__context{padding-right:clamp(28px,3vw,44px);border-right:1px solid var(--color-separator)}}.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(--duration-press) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background-color var(--duration-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 var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background-color var(--duration-state) var(--ease-standard)}.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 var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background-color var(--duration-state) var(--ease-standard)}.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;left:var(--waveform-left, 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 var(--waveform-selection-left, 0%);width:var(--waveform-selection-width, 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:var( --waveform-peak-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%;height:var(--waveform-peak-height, 50%);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;left:var(--waveform-left, 0%);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{flex-grow:var(--waveform-chord-grow, 1);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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.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 var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.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;background-color:var(--track-color, var(--ws-track-other, #a98fd0));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;width:var(--piano-roll-surface-width, auto);height:var(--piano-roll-surface-height, auto);-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 var(--duration-fast) var(--ease-standard),stroke-width var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.piano-roll__note.is-selected{stroke:#221e1a70;filter:drop-shadow(0 5px 12px rgba(34,30,26,.16))}.piano-roll__note.is-low-confidence{fill-opacity:.14;stroke:var(--ws-warn, var(--clay-500));stroke-width:2}.piano-roll__note.is-selected.is-low-confidence{fill-opacity:.22;stroke:var(--ws-warn, var(--clay-500))}.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 var(--duration-state) var(--ease-standard);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__confidence-strip{display:grid;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--ws-warn, var(--clay-500));border-radius:var(--radius-md);background:color-mix(in srgb,var(--ws-warn, var(--clay-500)) 10%,transparent)}.score-view__confidence-row{display:flex;flex-wrap:wrap;gap:8px}.score-view__confidence-pill{min-height:32px;padding:0 10px;border:1px solid var(--ws-warn, var(--clay-500));border-radius:999px;background:transparent;color:var(--ws-warn, var(--clay-500));cursor:pointer;font:inherit;font-size:12px;font-weight:800}.score-view__confidence-pill:hover,.score-view__confidence-pill:focus-visible{background:color-mix(in srgb,var(--ws-warn, var(--clay-500)) 16%,transparent);outline:2px solid var(--ws-warn, var(--clay-500));outline-offset:1px}.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 var(--duration-press) var(--ease-standard) ease,border-color var(--duration-press) var(--ease-standard) ease,transform var(--duration-press) var(--ease-standard) ease,box-shadow var(--duration-press) var(--ease-standard) 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 var(--duration-press) var(--ease-standard) ease,border-color var(--duration-press) var(--ease-standard) ease,transform var(--duration-press) var(--ease-standard) 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(--duration-press) var(--ease-standard),background var(--duration-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(--duration-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(--duration-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(--duration-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(--duration-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(--duration-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(--duration-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(--duration-state) var(--ease-standard),box-shadow var(--duration-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(--duration-state) var(--ease-standard),transform var(--duration-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-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:where(.app__button,.ui-btn,.shell__nav-link,.shell__workflow-step,.project-card,.project-template-card,.project-list-recent-card,.score-controls__preset,.score-controls__step-button,.piano-roll__action-button,.piano-roll__grid-button,.waveform-card__heatmap-priority-button,.waveform-card__heatmap-segment,.track-rack__toggle,.playback-panel__button,.song-dock,.editor-toolbar__tool-slot):hover,:where(.app__button,.ui-btn,.shell__nav-link,.shell__workflow-step,.project-card,.project-template-card,.project-list-recent-card,.score-controls__preset,.score-controls__step-button,.piano-roll__action-button,.piano-roll__grid-button,.waveform-card__heatmap-priority-button,.waveform-card__heatmap-segment,.track-rack__toggle,.playback-panel__button,.song-dock,.editor-toolbar__tool-slot):active{transform:none!important}.waveform-card__playhead,.waveform-card__playhead:before,.piano-roll__playhead-line,.piano-roll__playhead-handle{transition:none!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}}.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}.workspace-outline{position:sticky;top:var(--space-2);z-index:75;display:grid;gap:var(--space-3);min-width:0;padding:12px 14px;border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-primary) 88%,transparent);box-shadow:0 10px 30px #00000014;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.workspace-outline__intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.workspace-outline__eyebrow,.workspace-outline__description{margin:0}.workspace-outline__eyebrow{color:var(--color-label);font-size:13px;font-weight:750}.workspace-outline__description{margin-top:2px;color:var(--color-label-secondary);font-size:12px;line-height:1.45}.workspace-outline__actions,.workspace-outline__links{display:flex;align-items:center;gap:var(--space-2)}.workspace-outline__actions{flex:0 0 auto}.workspace-outline__actions button,.workspace-outline__links a{min-height:40px;border:1px solid var(--color-separator);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-label);font:inherit;font-size:12px;font-weight:650;text-decoration:none}.workspace-outline__actions button{padding:0 12px;cursor:pointer}.workspace-outline__links{min-width:0;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin}.workspace-outline__links a{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding:0 13px 0 8px;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.workspace-outline__links a:hover,.workspace-outline__links a:focus-visible,.workspace-outline__actions button:hover,.workspace-outline__actions button:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-separator));background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-secondary))}.workspace-outline__index,.workspace-disclosure__index{display:inline-grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 11%,transparent);color:var(--color-accent);font-family:var(--ws-font-mono, ui-monospace, monospace);font-size:11px;font-weight:750}.workspace-outline__badge,.workspace-disclosure__badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--color-fill-quaternary);color:var(--color-label-secondary);font-size:11px;font-weight:700;white-space:nowrap}.workspace-disclosure{min-width:0;scroll-margin-top:112px;border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-secondary) 78%,transparent);overflow:clip}.workspace-disclosure__summary{display:flex;align-items:center;gap:var(--space-3);min-height:68px;padding:12px 14px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.workspace-disclosure__summary::-webkit-details-marker{display:none}.workspace-disclosure__summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.workspace-disclosure__copy{display:grid;flex:1 1 auto;gap:2px;min-width:0}.workspace-disclosure__title{color:var(--color-label);font-size:15px;font-weight:750}.workspace-disclosure__description{color:var(--color-label-secondary);font-size:12px;line-height:1.45}.workspace-disclosure__chevron{width:20px;height:20px;flex:0 0 auto;color:var(--color-label-secondary);transition:transform var(--duration-fast) var(--ease-standard)}.workspace-disclosure[open]>.workspace-disclosure__summary{border-bottom:1px solid var(--color-separator);background:color-mix(in srgb,var(--color-bg-primary) 74%,transparent)}.workspace-disclosure[open]>.workspace-disclosure__summary .workspace-disclosure__chevron{transform:rotate(180deg)}.workspace-disclosure__content{display:grid;gap:var(--space-4);min-width:0;padding:var(--space-4)}.workspace-disclosure__content>.app__panel,.workspace-disclosure__content>.page-two-column,.workspace-disclosure__content>.project-workspace-group{margin-top:0}.workspace-disclosure__content>.app__panel+.app__panel{margin-top:0}.workspace-disclosure__content--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-view-panel[hidden],.workspace-disclosure[hidden],[data-workspace-panel][hidden]{display:none!important}@media (max-width: 900px){.workspace-outline{position:relative;top:auto}.workspace-outline__intro{align-items:flex-start}.workspace-disclosure__content--two-column{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){.workspace-outline{padding-inline:10px}.workspace-outline__intro{display:grid}.workspace-outline__actions{width:100%}.workspace-outline__actions button{flex:1 1 0;min-height:44px}.workspace-outline__links{margin-inline:-2px}.workspace-outline__links a{min-height:44px}.workspace-disclosure__summary{min-height:72px;padding-inline:12px}.workspace-disclosure__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.workspace-disclosure__content{padding:var(--space-3)}}@media (prefers-reduced-motion: reduce){.workspace-disclosure__chevron{transition:none}}.workspace-view-nav{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-bg-primary)}.workspace-view-nav__scroller{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.workspace-view-nav__items{display:inline-flex;gap:var(--space-2);min-width:max-content}.workspace-view-nav__button{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:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-label-secondary);font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.workspace-view-nav__button:hover{background:var(--color-fill-quaternary);color:var(--color-label)}.workspace-view-nav__button[aria-pressed=true]{border-color:var(--color-separator);background:var(--color-accent);color:var(--button-primary-ink, #fff)}.workspace-view-nav__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.workspace-view-nav__badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;min-width:22px;padding:0 var(--space-2);border-radius:999px;background:var(--color-fill-quaternary);color:inherit;font-size:11px;font-weight:750}.workspace-view-nav__button[aria-pressed=true] .workspace-view-nav__badge{background:#fff3}.workspace-view-nav__description{min-height:18px;margin:0;padding-inline:var(--space-2);color:var(--color-label-secondary);font-size:12px;line-height:1.5}[hidden]{display:none!important}@media (max-width: 600px){.workspace-view-nav{padding-inline:var(--space-1)}.workspace-view-nav__button{padding-inline:var(--space-3)}}@media (prefers-reduced-motion: reduce){.workspace-view-nav__button{transition:none}}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(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard)}.project-card:hover{transform:translateY(-2px);border-color:var(--border-accent-soft);box-shadow:var(--shadow-lg)}.project-card:focus-visible,.project-template-card:focus-visible,.project-list-recent-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-color:var(--border-accent-strong);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(--duration-press) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard),box-shadow var(--duration-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(--duration-press) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard),filter var(--duration-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:focus-visible,.ui-btn:focus-visible,.playback-panel__button:focus-visible,.score-controls__preset:focus-visible,.score-controls__step-button:focus-visible,.piano-roll__action-button:focus-visible,.piano-roll__grid-button:focus-visible,.waveform-card__heatmap-priority-button:focus-visible,.track-rack__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-softer)}.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{width:var(--progress-width, 0%);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%}}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:max-content max-content minmax(190px,1fr) max-content;gap:8px;align-items:center;min-height:54px;padding:7px 8px;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:8px;color:var(--pro-ink);text-decoration:none}.shell__brand-mark{display:block;width:34px;height:34px;flex:0 0 auto;overflow:hidden;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-mark img{display:block;width:100%;height:100%;object-fit:cover}.shell__brand-copy{display:flex;align-items:center;min-width:0}.shell__brand-copy .shell__brand-name{color:var(--pro-ink);font-size:14px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}.shell__nav.shell__nav--top{display:grid;grid-template-columns:max-content;width:auto;max-width:min(36vw,360px);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.shell__nav--project{grid-template-columns:repeat(4,max-content)}.shell__nav.shell__nav--top:not(.shell__nav--project){gap:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.shell__nav.shell__nav--top::-webkit-scrollbar{display:none}.shell__nav.shell__nav--top .shell__nav-link{min-height:32px;padding:0 10px;border:0;border-radius:9px;color:var(--pro-ink-muted);font-size:12px;font-weight:800;text-align:center;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__nav.shell__nav--top:not(.shell__nav--project) .shell__nav-link{padding-inline:8px;border-radius:0;background:transparent;color:var(--pro-ink-muted);font-weight:400;box-shadow:none}.shell__nav.shell__nav--top:not(.shell__nav--project) .shell__nav-link:hover,.shell__nav.shell__nav--top:not(.shell__nav--project) .shell__nav-link.is-active{background:transparent;color:var(--pro-ink);box-shadow:none}.shell__search{display:grid;grid-template-columns:18px minmax(0,1fr) max-content;width:min(100%,440px);min-width:150px;min-height:34px;align-items:center;justify-self:center;gap:7px;padding:0 7px 0 10px;border:1px solid var(--pro-toolbar-border);border-radius:10px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted);transition:border-color var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard)}.shell__search:focus-within{border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-accent-soft)}.shell__search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.shell__search input{width:100%;min-width:0;height:32px;padding:0;border:0;outline:0;background:transparent;color:var(--pro-ink);font:inherit;font-size:12.5px}.shell__search input::placeholder{color:var(--pro-ink-muted);opacity:.82}.shell__search input::-webkit-search-cancel-button{cursor:pointer}.shell__search kbd{min-width:29px;padding:2px 5px;border:1px solid var(--pro-toolbar-border);border-radius:5px;background:var(--color-bg-primary);color:var(--pro-ink-muted);font-family:inherit;font-size:9px;font-weight:700;text-align:center}.shell__top-actions{display:flex;align-items:center;justify-content:flex-start;min-width:0;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.shell__top-actions::-webkit-scrollbar{display:none}.shell__top-actions>*{flex:0 0 auto}.shell__top-actions>:first-child{margin-left:auto}.shell__top-button.app__button{min-height:32px;padding:0 9px;border-radius:9px;font-size:11.5px}.shell__top-button.app__button{padding-inline:8px;border:0;border-radius:0;background:transparent;color:var(--pro-ink-muted);font-weight:400;box-shadow:none}.shell__top-button.app__button:hover,.shell__top-button.app__button:active{border:0;background:transparent;color:var(--pro-ink);box-shadow:none;filter:none;transform:none}.shell__share-button.app__button{padding-inline:11px;border:1px solid var(--color-accent);border-radius:9px;background:var(--color-accent);color:#fff;font-weight:700;box-shadow:0 6px 14px var(--color-accent-soft)}.shell__share-button.app__button:hover,.shell__share-button.app__button:active{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;opacity:.88}.shell__forum-button.app__button.is-active{color:var(--color-accent);font-weight:700}.shell__avatar{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border:1px solid var(--pro-toolbar-border);border-radius:50%;background:var(--color-bg-primary);color:var(--pro-ink);font-family:inherit;font-size:12px;font-weight:900;letter-spacing:0;padding:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.shell__avatar--image{border-color:var(--color-accent-soft);background:var(--color-fill-quaternary)}.shell__avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.shell__account-menu{position:absolute;top:calc(100% + 8px);right:8px;z-index:2;display:grid;width:min(220px,calc(100vw - 32px));gap:0;padding:8px;border:1px solid var(--pro-toolbar-border);border-radius:12px;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__account-menu-item{display:flex;width:100%;min-height:38px;align-items:center;padding:0 10px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:12px;font-weight:400;text-align:left;white-space:nowrap}.shell__account-menu-item--plan{color:var(--pro-ink-muted);font-size:11px;font-weight:700;letter-spacing:.04em}.shell__account-menu-section{display:grid;padding-block:4px;border-top:1px solid var(--pro-toolbar-border)}.shell__account-menu-item--action{gap:8px;color:var(--pro-ink);cursor:pointer}.shell__account-menu-item--action:hover,.shell__account-menu-item--action:active{background:var(--color-fill-quaternary)}.shell__account-menu-item--action:focus-visible,.shell__account-theme-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.shell__account-theme{display:grid;gap:7px;padding:10px;border-block:1px solid var(--pro-toolbar-border)}.shell__account-theme-label{color:var(--pro-ink-muted);font-size:11px;font-weight:700}.shell__account-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:9px;background:var(--color-fill-quaternary)}.shell__account-theme-button{min-height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--pro-ink-muted);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.shell__account-theme-button.is-active{background:var(--color-bg-primary);color:var(--pro-ink);box-shadow:inset 0 0 0 1px var(--pro-toolbar-border),0 4px 10px #00000014}.shell__account-menu-item--signout{margin-top:4px;color:var(--color-destructive);cursor:pointer}.shell__account-menu-item--signout:hover,.shell__account-menu-item--signout:active{background:transparent;color:var(--color-destructive);opacity:.72}.shell__account-menu-item--signout:focus-visible{outline:2px solid var(--color-destructive);outline-offset:2px}@media (max-width: 768px){.shell--pro,.shell--pro .shell__frame,.shell--pro .shell__content{max-width:100%;min-width:0;overflow-x:hidden}.shell__topbar{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:6px}.shell__brand,.shell__nav.shell__nav--top,.shell__search,.shell__top-actions{width:auto;min-width:0}.shell__brand{grid-column:1;grid-row:1}.shell__nav.shell__nav--top{grid-column:2;grid-row:1}.shell__top-actions{grid-column:3;grid-row:1;justify-self:end}.shell__search{grid-column:1 / -1;grid-row:2;width:100%;max-width:none;min-height:44px}.shell__search input{height:42px;font-size:16px}.shell__top-actions{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shell__top-actions::-webkit-scrollbar{display:none}.shell__nav.shell__nav--top .shell__nav-link,.shell__top-button.app__button,.theme-switch__button{min-height:44px}.shell__avatar{width:44px;height:44px}.shell__account-menu-item,.shell__account-theme-button{min-height:44px}}@media (max-width: 520px){.shell__brand-copy{display:none}.shell__nav.shell__nav--top{max-width:47vw}.shell__search kbd,.shell__top-actions .shell__top-button:not(.shell__forum-button):not(.shell__share-button){display:none}}.client-downloads{position:relative;isolation:isolate;display:grid;gap:30px;min-height:min(640px,calc(100vh - 160px));overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid var(--pro-toolbar-border);border-radius:8px;background:linear-gradient(116deg,rgba(10,132,255,.12),transparent 38%),linear-gradient(242deg,rgba(52,199,89,.12),transparent 44%),var(--pro-bg-elevated);box-shadow:var(--pro-panel-shadow)}.client-downloads--public{width:min(1120px,100%);min-height:calc(100vh - 112px);margin:0 auto}.client-downloads:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.86),transparent 34%),radial-gradient(circle at 76% 18%,rgba(255,149,0,.12),transparent 26%),radial-gradient(circle at 86% 80%,rgba(88,86,214,.12),transparent 32%);content:""}.client-downloads__topline,.client-downloads__hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.client-downloads__brand{display:inline-flex;align-items:center;gap:10px;color:var(--pro-ink);font-weight:900}.client-downloads__brand img{display:block;width:36px;height:36px;object-fit:cover;border-radius:8px;background:#111827}.client-downloads__return.app__button{min-height:34px;border-radius:8px}.client-downloads__hero{align-items:flex-end}.client-downloads__hero h2{margin:6px 0 0;color:var(--pro-ink);font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:0}.client-downloads__hero p:last-child{max-width:760px;margin:18px 0 0;color:var(--pro-ink-muted);font-size:clamp(17px,2vw,24px);line-height:1.55}.client-downloads__signal{display:grid;grid-template-columns:repeat(3,18px);gap:8px;padding:12px}.client-downloads__signal span{height:68px;border-radius:999px;background:#0a84ff42}.client-downloads__signal span:nth-child(2){height:92px;background:#34c75947}.client-downloads__signal span:nth-child(3){height:54px;background:#ff950047}.client-downloads__launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid var(--pro-toolbar-border);border-radius:12px;background:#ffffff94;box-shadow:inset 0 1px #ffffffb8;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.client-downloads__launch-copy{display:grid;gap:4px}.client-downloads__launch-copy>span{color:var(--color-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.client-downloads__launch-copy strong{color:var(--pro-ink);font-size:18px}.client-downloads__launch-copy p{max-width:680px;margin:0;color:var(--pro-ink-muted);font-size:13px;line-height:1.55}.client-downloads__launch-action{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:800;text-decoration:none}.client-downloads__launch-action:visited{color:#fff}.client-downloads__launch-action:hover{filter:brightness(1.05)}.client-downloads__launch-action:focus-visible{outline:3px solid rgba(10,132,255,.3);outline-offset:3px}.client-downloads__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,24px)}.client-downloads__item{position:relative;display:grid;min-width:0;justify-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--pro-ink);cursor:pointer;font:inherit;text-align:center;text-decoration:none}.client-downloads__item.is-reserved{cursor:default}.client-downloads__item:focus-visible{border-radius:16px;outline:3px solid rgba(10,132,255,.3);outline-offset:10px}.client-downloads__orb{position:relative;display:grid;width:clamp(96px,9vw,126px);aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#ffffff9e;color:var(--pro-ink);font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffffc2,0 18px 42px #0f172a1f}.client-downloads__orb:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.86),transparent 28%),linear-gradient(145deg,rgba(var(--client-accent),.32),rgba(var(--client-accent),.1));content:"";opacity:0;transition:opacity var(--duration-state) var(--ease-standard)}.client-downloads__orb span{position:relative;z-index:1}.client-downloads__item:hover .client-downloads__orb:before,.client-downloads__item:focus-visible .client-downloads__orb:before{opacity:1}.client-downloads__platform{overflow-wrap:anywhere;color:var(--pro-ink);font-size:17px;font-weight:900;line-height:1.15}.client-downloads__status{display:inline-flex;align-items:center;gap:7px;color:var(--pro-ink-muted);font-size:12px;font-weight:800}.client-downloads__status:before{width:8px;height:8px;border-radius:999px;background:rgb(var(--client-accent));box-shadow:0 0 0 4px rgba(var(--client-accent),.13);content:""}.client-downloads__hint{max-width:720px;margin:0;color:var(--pro-ink-muted);font-size:13px;line-height:1.55}.auth-client-link.app__button{width:fit-content;min-height:40px;border-radius:8px}.theme-switch--compact{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));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}.theme-switch--compact .theme-switch__button.is-active{border-color:var(--pro-toolbar-border);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__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)}.shell--pro{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.song-dock,.song-player button{font:inherit}.song-dock svg,.song-player svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.song-dock{position:fixed;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;z-index:310;display:grid;grid-template-columns:50px minmax(0,1fr) auto 38px;gap:12px;align-items:center;width:min(820px,calc(100vw - 32px));min-height:72px;overflow:hidden;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(110deg,#0e201beb,#090b0ae0),#0c0f0edb;box-shadow:0 20px 46px #00000047,inset 0 1px #ffffff21;color:#f4faf6;cursor:pointer;transform:translate(-50%);transition:border-color var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard),transform var(--duration-state) var(--ease-standard);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.song-dock:hover,.song-dock:focus-visible{border-color:#b2ffe46b;box-shadow:0 24px 58px #00000057,0 0 0 4px #73ffcf14,inset 0 1px #ffffff29;outline:0;transform:translate(-50%) translateY(-2px)}.song-dock:active{transform:translate(-50%) translateY(0) scale(.99)}.song-dock__copy{display:grid;min-width:0;gap:2px;text-align:left}.song-dock__copy strong,.song-dock__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-dock__copy strong{color:#fff;font-size:14px;font-weight:850}.song-dock__copy span{color:#ecf6efad;font-size:12px;font-weight:700}.song-dock__meter{display:flex;align-items:end;gap:4px;height:28px;padding:0 3px}.song-dock__meter span{width:4px;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#dfffee,#4dd6bd);opacity:.72}.song-dock__meter span:nth-child(2),.song-dock__meter span:nth-child(6){height:18px}.song-dock__meter span:nth-child(3),.song-dock__meter span:nth-child(5){height:26px}.song-dock__meter span:nth-child(4){height:14px}.song-dock__meter span:nth-child(7){height:21px}.song-dock.is-playing .song-dock__meter span{animation:song-meter .9s ease-in-out infinite alternate}.song-dock.is-playing .song-dock__meter span:nth-child(2n){animation-delay:.16s}.song-dock.is-playing .song-dock__meter span:nth-child(3n){animation-delay:.32s}.song-dock__control{display:grid;width:38px;aspect-ratio:1;place-items:center;border-radius:999px;background:#fffffff0;color:#07100d}.song-dock__progress{position:absolute;right:14px;bottom:6px;left:74px;height:3px;overflow:hidden;border-radius:999px;background:#ffffff29}.community-page,.community-detail,.my-space{display:grid;gap:24px;width:min(1240px,100%);margin:0 auto;padding:8px 0 92px}.community-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);min-height:300px;align-items:center;gap:32px;overflow:hidden;padding:clamp(30px,5vw,62px);border:1px solid var(--pro-toolbar-border);border-radius:30px;background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--color-accent) 26%,transparent),transparent 28rem),radial-gradient(circle at 22% 108%,color-mix(in srgb,#af52de 18%,transparent),transparent 25rem),linear-gradient(145deg,color-mix(in srgb,var(--color-bg-primary) 94%,var(--color-accent) 6%),var(--pro-bg-elevated));box-shadow:var(--pro-panel-shadow)}.community-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--pro-toolbar-border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pro-toolbar-border) 36%,transparent) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black);content:"";opacity:.45}.community-hero__copy{display:grid;min-width:0;justify-items:start;gap:14px}.community-hero__eyebrow,.community-sidebar__eyebrow,.community-section-heading p,.community-publish-modal__header p,.my-space__identity p{margin:0;color:var(--color-accent);font-size:11px;font-weight:800;letter-spacing:.18em}.community-hero h1,.community-detail__header h1,.my-space__identity h1{max-width:13ch;margin:0;color:var(--pro-ink);font-size:clamp(38px,5.5vw,70px);font-weight:820;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.community-hero__copy>p{width:100%;max-width:620px;margin:0;color:var(--pro-ink-muted);font-size:clamp(15px,1.4vw,19px);line-height:1.65}.community-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.community-hero__actions .app__button{min-height:44px}.community-hero__score{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);width:min(100%,360px);min-height:210px;align-content:center;justify-self:end;gap:18px;padding:28px;border:1px solid color-mix(in srgb,var(--pro-toolbar-border) 72%,white);border-radius:26px;background:color-mix(in srgb,var(--color-bg-primary) 78%,transparent);box-shadow:0 28px 70px #00000026,inset 0 1px #ffffff61;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);transform:rotate(2.5deg)}.community-hero__score>span{color:var(--pro-ink);font-family:serif;font-size:62px;line-height:1}.community-hero__score>div{position:relative;align-self:center;height:78px;background:repeating-linear-gradient(to bottom,var(--pro-ink-muted) 0 1px,transparent 1px 15px);opacity:.74}.community-hero__score i{position:absolute;width:12px;height:9px;border-radius:50%;background:var(--pro-ink);transform:rotate(-16deg)}.community-hero__score i:after{position:absolute;right:0;bottom:4px;width:1.5px;height:28px;background:var(--pro-ink);content:""}.community-hero__score i:nth-child(1){left:4%;top:31px}.community-hero__score i:nth-child(2){left:24%;top:46px}.community-hero__score i:nth-child(3){left:45%;top:16px}.community-hero__score i:nth-child(4){left:67%;top:38px}.community-hero__score i:nth-child(5){left:86%;top:23px}.community-hero__score strong{grid-column:1 / -1;color:var(--pro-ink-muted);font-size:12px;letter-spacing:.08em;text-align:right}.community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 2px}.community-toolbar__status{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--pro-ink-muted);font-size:12px}.community-toolbar__offline{padding:4px 8px;border:1px solid var(--pro-toolbar-border);border-radius:999px;background:var(--color-fill-quaternary)}.community-featured{display:grid;gap:15px}.community-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.community-section-heading>div{display:grid;gap:5px}.community-section-heading h2{margin:0;color:var(--pro-ink);font-size:clamp(23px,2.5vw,32px);letter-spacing:-.035em}.community-section-heading>button,.community-sidebar button,.community-detail__breadcrumb button,.community-detail__header-actions button,.community-detail__tags button{padding:0;border:0;background:transparent;color:var(--color-accent);font:inherit;font-size:12px;cursor:pointer}.community-section-heading>button{display:inline-flex;min-height:36px;align-items:center;gap:6px}.community-featured__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);align-items:start;gap:24px}.community-feed{display:grid;min-width:0;gap:15px}.community-feed__list{display:grid;gap:14px}.community-score-card{display:grid;grid-template-columns:minmax(210px,.38fr) minmax(0,.62fr);min-width:0;overflow:hidden;border:1px solid var(--pro-toolbar-border);border-radius:22px;background:var(--pro-bg-elevated);box-shadow:var(--shadow-card);transition:border-color var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard),transform var(--duration-state) var(--ease-standard)}.community-score-card:hover{border-color:color-mix(in srgb,var(--color-accent) 34%,var(--pro-toolbar-border));box-shadow:var(--pro-panel-shadow);transform:translateY(-1px)}.community-score-card--compact{grid-template-columns:minmax(170px,.42fr) minmax(0,.58fr)}.community-score-card__preview{position:relative;display:grid;min-height:230px;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--color-accent) 19%,transparent),transparent 15rem),linear-gradient(150deg,color-mix(in srgb,var(--color-fill-quaternary) 80%,white),var(--color-bg-secondary))}.community-score-card[data-official=false] .community-score-card__preview{background:radial-gradient(circle at 84% 16%,color-mix(in srgb,#af52de 16%,transparent),transparent 15rem),linear-gradient(150deg,color-mix(in srgb,var(--color-fill-quaternary) 80%,white),var(--color-bg-secondary))}.community-score-card__paper{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);width:min(100%,260px);min-height:148px;align-items:center;gap:4px;padding:22px 18px;border:1px solid color-mix(in srgb,var(--pro-toolbar-border) 68%,white);border-radius:14px;background:color-mix(in srgb,var(--color-bg-primary) 92%,transparent);box-shadow:0 18px 36px #0000001f;color:var(--pro-ink);transform:rotate(-1.5deg)}.community-score-card__clef{font-family:serif;font-size:48px;line-height:1}.community-score-card__staff{position:relative;height:66px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--pro-ink) 55%,transparent) 0 1px,transparent 1px 13px)}.community-score-card__note{position:absolute;left:calc(4% + var(--community-note-index) * 12%);top:26px;width:9px;height:7px;border-radius:50%;background:currentColor;transform:rotate(-18deg)}.community-score-card__note:nth-child(2),.community-score-card__note:nth-child(6){top:39px}.community-score-card__note:nth-child(3),.community-score-card__note:nth-child(8){top:13px}.community-score-card__note:nth-child(4){top:32px}.community-score-card__note:nth-child(5),.community-score-card__note:nth-child(7){top:20px}.community-score-card__note:after{position:absolute;right:0;bottom:3px;width:1px;height:21px;background:currentColor;content:""}.community-score-card__signature{position:absolute;right:14px;bottom:8px;color:var(--pro-ink-muted);font-size:8px;letter-spacing:.04em}.community-score-card__play{position:absolute;right:16px;bottom:16px;display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:0 10px 25px var(--color-accent-soft);cursor:pointer;transition:transform var(--duration-press) var(--ease-standard),opacity var(--duration-state) var(--ease-standard)}.community-score-card__play:hover{opacity:.9;transform:scale(1.04)}.community-score-card__play:active{transform:scale(.94)}.community-score-card__play svg{width:20px;height:20px;fill:currentColor}.community-score-card__body{display:grid;align-content:center;min-width:0;gap:8px;padding:clamp(18px,2.4vw,27px)}.community-score-card__author{display:flex;min-width:0;align-items:center;gap:7px;color:var(--pro-ink-muted);font-size:11px}.community-score-card__author>span:nth-child(2){overflow:hidden;color:var(--pro-ink);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.community-score-card__author time{margin-left:auto;white-space:nowrap}.community-score-card__avatar,.community-detail__author>span,.community-comment-composer>span,.community-comments__list article>span{display:inline-grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid var(--pro-toolbar-border);border-radius:50%;background:var(--color-fill-quaternary);color:var(--pro-ink);font-size:10px;font-weight:800}.community-official-badge{display:inline-flex;min-height:20px;align-items:center;gap:3px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--color-accent) 28%,transparent);border-radius:999px;background:var(--color-accent-softer);color:var(--color-accent);font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}.community-score-card__title{display:block;width:fit-content;max-width:100%;padding:0;overflow:hidden;border:0;background:transparent;color:var(--pro-ink);font:inherit;font-size:clamp(19px,2vw,25px);font-weight:760;letter-spacing:-.025em;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.community-score-card__title:hover{color:var(--color-accent)}.community-score-card__composer,.community-score-card__description{margin:0;color:var(--pro-ink-muted)}.community-score-card__composer{font-size:12px}.community-score-card__description{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.community-score-card__tags{display:flex;min-width:0;flex-wrap:wrap;gap:7px;color:var(--color-accent);font-size:10px}.community-score-card__actions{display:flex;align-items:center;gap:3px;margin-top:7px;padding-top:10px;border-top:1px solid var(--pro-toolbar-border)}.community-action{display:inline-flex;min-width:42px;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--pro-ink-muted);font:inherit;font-size:10px;cursor:pointer}.community-action:hover{background:var(--color-fill-quaternary);color:var(--pro-ink)}.community-action[data-active=true]{color:var(--color-accent)}.community-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.community-action[data-active=true] svg{fill:currentColor}.community-action--open{margin-left:auto;color:var(--color-accent)}.community-sidebar{position:sticky;top:76px;display:grid;gap:12px}.community-sidebar>section{display:grid;gap:12px;padding:21px;border:1px solid var(--pro-toolbar-border);border-radius:18px;background:var(--pro-bg-elevated);box-shadow:var(--shadow-card)}.community-sidebar h3{margin:0;color:var(--pro-ink);font-size:17px}.community-sidebar__tags{display:flex;flex-wrap:wrap;gap:7px}.community-sidebar__tags button,.community-detail__tags button{min-height:30px;padding:0 9px;border:1px solid var(--pro-toolbar-border);border-radius:999px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted)}.community-sidebar__tags button:hover,.community-detail__tags button:hover{border-color:var(--color-accent);color:var(--color-accent)}.community-guidelines{grid-template-columns:38px minmax(0,1fr)}.community-guidelines>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--color-accent-softer);color:var(--color-accent)}.community-guidelines>div{display:grid;gap:8px}.community-guidelines p:last-child{margin:0;color:var(--pro-ink-muted);font-size:11px;line-height:1.55}.community-empty,.community-detail-state,.my-space__empty{display:grid;min-height:310px;place-items:center;align-content:center;gap:10px;padding:38px;border:1px dashed var(--pro-toolbar-border);border-radius:20px;background:color-mix(in srgb,var(--pro-bg-elevated) 82%,transparent);text-align:center}.community-empty>span,.community-detail-state>span:not(.community-detail-state__spinner),.my-space__empty>span{color:var(--color-accent);font-family:serif;font-size:44px}.community-empty h3,.community-detail-state h1,.my-space__empty h3{margin:0;color:var(--pro-ink)}.community-empty p,.community-detail-state p,.my-space__empty p{max-width:480px;margin:0 0 6px;color:var(--pro-ink-muted);font-size:13px;line-height:1.6}.community-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#0000008a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.community-publish-modal{width:min(720px,100%);max-height:min(860px,calc(100vh - 48px));overflow-y:auto;padding:clamp(22px,4vw,34px);border:1px solid var(--pro-toolbar-border);border-radius:24px;background:var(--pro-bg-elevated);box-shadow:0 35px 90px #00000057}.community-publish-modal__header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.community-publish-modal__header>div{display:grid;gap:5px}.community-publish-modal__header h2{margin:0;color:var(--pro-ink);font-size:28px}.community-publish-modal__header>button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--color-fill-quaternary);color:var(--pro-ink-muted);font-size:22px;cursor:pointer}.community-publish-modal form{display:grid;gap:17px}.community-publish-modal form>label,.community-publish-modal__row>label{display:grid;min-width:0;gap:7px;color:var(--pro-ink-muted);font-size:11px;font-weight:700}.community-publish-modal input,.community-publish-modal select,.community-publish-modal textarea,.community-comment-composer textarea{width:100%;min-width:0;border:1px solid var(--pro-toolbar-border);border-radius:10px;outline:0;background:var(--color-bg-primary);color:var(--pro-ink);font:inherit}.community-publish-modal input,.community-publish-modal select{min-height:42px;padding:0 12px}.community-publish-modal textarea,.community-comment-composer textarea{padding:11px 12px;resize:vertical}.community-publish-modal input:focus,.community-publish-modal select:focus,.community-publish-modal textarea:focus,.community-comment-composer textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.community-publish-modal__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-publish-modal__rights{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;padding:13px;border-radius:10px;background:var(--color-fill-quaternary);font-weight:500!important;line-height:1.5}.community-publish-modal__rights input{width:17px;min-height:17px;margin:2px 0 0;accent-color:var(--color-accent)}.community-publish-modal__actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.community-publish-modal__loading{min-height:260px;display:grid;place-items:center;color:var(--pro-ink-muted)}.community-empty--dialog{min-height:280px;border-style:solid}.community-detail__breadcrumb{display:flex;min-width:0;align-items:center;gap:8px;color:var(--pro-ink-muted);font-size:12px}.community-detail__breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-detail__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:10px 0 4px}.community-detail__header>div:first-child{display:grid;gap:10px}.community-detail__header h1{max-width:19ch;font-size:clamp(36px,5vw,62px)}.community-detail__header>div>p{margin:0;color:var(--pro-ink-muted)}.community-detail__author{display:flex;align-items:center;gap:8px;color:var(--pro-ink-muted);font-size:11px}.community-detail__author strong{color:var(--pro-ink)}.community-detail__author time{margin-left:4px}.community-detail__header-actions{display:flex;flex:0 0 auto;gap:8px}.community-detail__header-actions button{min-height:36px;padding:0 11px;border:1px solid var(--pro-toolbar-border);border-radius:9px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted)}.community-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px}.community-detail__layout>main{display:grid;min-width:0;gap:20px}.community-full-score{overflow:hidden;padding:clamp(24px,5vw,54px);border:1px solid var(--pro-toolbar-border);border-radius:22px;background:#fffdf7;box-shadow:var(--pro-panel-shadow);color:#25231f}:root[data-theme=dark] .community-full-score{border-color:#ffffff21;background:#eae5d8;color:#25231f}.community-full-score__topline{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(37,35,31,.18);font-family:Georgia,Times New Roman,serif}.community-full-score__topline span:first-child{font-size:clamp(18px,2vw,26px);font-weight:700}.community-full-score__topline span:last-child{align-self:end;font-size:11px}.community-full-score__systems{display:grid;gap:clamp(34px,5vw,54px);padding:45px 0 34px}.community-full-score__system{position:relative;height:74px;margin-left:50px;background:repeating-linear-gradient(to bottom,rgba(37,35,31,.7) 0 1px,transparent 1px 15px)}.community-full-score__system:after{position:absolute;right:0;width:1px;height:61px;background:#25231fbf;content:""}.community-full-score__clef{position:absolute;left:-48px;top:-4px;font-family:serif;font-size:58px}.community-full-score__system>i{position:absolute;top:31px;width:12px;height:9px;border-radius:50%;background:currentColor;transform:rotate(-18deg)}.community-full-score__system>i.is-high{top:15px}.community-full-score__system>i:after{position:absolute;right:0;bottom:4px;width:1.5px;height:30px;background:currentColor;content:""}.community-full-score__caption{margin:0;padding-top:15px;border-top:1px solid rgba(37,35,31,.18);color:#25231f99;font-size:10px;text-align:center}.community-detail__player{position:sticky;top:76px;display:grid;gap:14px;padding:18px;border:1px solid var(--pro-toolbar-border);border-radius:20px;background:var(--pro-bg-elevated);box-shadow:var(--shadow-card)}.community-detail__play{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;padding:11px;border:0;border-radius:12px;background:var(--color-accent);color:#fff;font:inherit;text-align:left;cursor:pointer}.community-detail__play>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#ffffff2b}.community-detail__play>div{display:grid;gap:3px}.community-detail__play small{opacity:.75}.community-detail__reactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.community-detail__reactions button{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:repeat(2,auto);align-items:center;padding:10px;border:1px solid var(--pro-toolbar-border);border-radius:11px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted);font:inherit;text-align:left;cursor:pointer}.community-detail__reactions button>span{grid-row:1 / -1;color:var(--pro-ink);font-size:22px}.community-detail__reactions button[data-active=true]{border-color:color-mix(in srgb,var(--color-accent) 38%,transparent);color:var(--color-accent)}.community-detail__reactions button[data-active=true]>span{color:var(--color-accent)}.community-detail__reactions small{font-size:9px}.community-detail__metadata{display:grid;margin:0;border-block:1px solid var(--pro-toolbar-border)}.community-detail__metadata>div{display:flex;justify-content:space-between;gap:10px;padding:9px 2px}.community-detail__metadata dt,.community-detail__metadata dd{margin:0;font-size:11px}.community-detail__metadata dt{color:var(--pro-ink-muted)}.community-detail__metadata dd{color:var(--pro-ink);font-weight:650}.community-detail__tags{display:flex;flex-wrap:wrap;gap:6px}.community-detail__full-score{width:100%}.community-comments{display:grid;gap:17px;padding:clamp(20px,3vw,30px);border:1px solid var(--pro-toolbar-border);border-radius:20px;background:var(--pro-bg-elevated);box-shadow:var(--shadow-card)}.community-comment-composer{display:grid;grid-template-columns:34px minmax(0,1fr) max-content;align-items:start;gap:10px}.community-comment-composer>span{width:34px;height:34px}.community-comment-composer>label{min-width:0}.community-comment-composer textarea{min-height:62px}.community-comment-composer .app__button{min-height:42px}.community-comments__list{display:grid}.community-comments__list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--pro-toolbar-border)}.community-comments__list article>span{width:34px;height:34px}.community-comments__list article>div{display:grid;gap:6px}.community-comments__list header{display:flex;align-items:center;gap:8px;font-size:11px}.community-comments__list header strong{color:var(--pro-ink)}.community-comments__list time{color:var(--pro-ink-muted)}.community-comments__list p{margin:0;color:var(--pro-ink);font-size:13px;line-height:1.6}.community-comments__empty{margin:0;padding:24px;border-radius:12px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted);font-size:12px;text-align:center}.community-detail-state{min-height:min(620px,calc(100vh - 120px))}.community-detail-state__spinner{width:38px;height:38px;border:3px solid var(--color-fill-quaternary);border-top-color:var(--color-accent);border-radius:50%;animation:community-spin .9s linear infinite}@keyframes community-spin{to{transform:rotate(360deg)}}.my-space__profile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(26px,4vw,44px);border:1px solid var(--pro-toolbar-border);border-radius:26px;background:radial-gradient(circle at 86% -15%,color-mix(in srgb,var(--color-accent) 22%,transparent),transparent 22rem),var(--pro-bg-elevated);box-shadow:var(--pro-panel-shadow)}.my-space__identity{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px}.my-space__avatar{display:grid;width:88px;height:88px;place-items:center;overflow:hidden;border:3px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:50%;background:var(--color-accent-softer);color:var(--color-accent);font-size:26px;font-weight:800}.my-space__avatar img{width:100%;height:100%;object-fit:cover}.my-space__identity>div{display:grid;gap:6px}.my-space__identity h1{max-width:none;font-size:clamp(30px,4vw,48px)}.my-space__identity>div>span{color:var(--pro-ink-muted);font-size:13px}.my-space__stats{display:grid;grid-template-columns:repeat(4,minmax(68px,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--pro-toolbar-border);border-radius:14px;background:var(--pro-toolbar-border)}.my-space__stats>div{display:grid;min-width:74px;gap:4px;padding:13px;background:color-mix(in srgb,var(--pro-bg-elevated) 94%,transparent);text-align:center}.my-space__stats dt,.my-space__stats dd{margin:0}.my-space__stats dt{color:var(--pro-ink-muted);font-size:9px}.my-space__stats dd{color:var(--pro-ink);font-size:21px;font-weight:760}.my-space__tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;border:1px solid var(--pro-toolbar-border);border-radius:14px;background:color-mix(in srgb,var(--pro-bg-elevated) 78%,transparent);scrollbar-width:none}.my-space__tabs::-webkit-scrollbar{display:none}.my-space__tabs button{display:flex;min-width:130px;min-height:40px;flex:1 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--pro-ink-muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.my-space__tabs button[data-active=true]{background:var(--color-bg-primary);color:var(--pro-ink);box-shadow:inset 0 0 0 1px var(--pro-toolbar-border),0 7px 16px #00000014}.my-space__tabs small{display:inline-grid;min-width:20px;min-height:20px;place-items:center;padding:0 5px;border-radius:999px;background:var(--color-fill-quaternary);color:var(--pro-ink-muted);font-size:9px}.my-space__content{display:grid;min-height:350px;gap:16px}.my-space__score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.my-space__score-grid .community-score-card{grid-template-columns:minmax(155px,.42fr) minmax(0,.58fr)}.my-space__score-grid .community-score-card__preview{min-height:215px}.my-space__sync{color:var(--pro-ink-muted);font-size:11px}.my-space__content>.song-conversion-history{padding:0;border:0;background:transparent;box-shadow:none}@media (max-width: 1080px){.community-layout,.community-detail__layout{grid-template-columns:minmax(0,1fr) 260px}.community-score-card,.community-score-card--compact,.my-space__score-grid .community-score-card{grid-template-columns:minmax(170px,.38fr) minmax(0,.62fr)}.my-space__profile{grid-template-columns:minmax(0,1fr)}.my-space__stats{width:100%}}@media (max-width: 860px){.community-hero{grid-template-columns:minmax(0,1fr) 260px}.community-featured__grid,.my-space__score-grid,.community-layout,.community-detail__layout{grid-template-columns:minmax(0,1fr)}.community-sidebar,.community-detail__player{position:static}.community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.community-detail__player{grid-row:1}}@media (max-width: 680px){.community-page,.community-detail,.my-space{gap:17px;padding-top:0}.community-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding:28px 22px;border-radius:22px}.community-hero h1{max-width:11ch;font-size:clamp(38px,12vw,54px)}.community-hero__copy>p{max-width:100%}.community-hero__score{display:none}.community-toolbar,.community-detail__header{align-items:stretch;flex-direction:column}.community-toolbar{display:grid}.community-toolbar__status{justify-content:flex-start}.community-section-heading{align-items:center}.community-score-card,.community-score-card--compact,.my-space__score-grid .community-score-card{grid-template-columns:minmax(0,1fr)}.community-score-card__preview,.my-space__score-grid .community-score-card__preview{min-height:200px}.community-score-card__body{padding:18px}.community-score-card__author time{display:none}.community-sidebar,.community-publish-modal__row{grid-template-columns:minmax(0,1fr)}.community-modal-backdrop{align-items:end;padding:0}.community-publish-modal{max-height:92vh;border-radius:22px 22px 0 0}.community-full-score{padding:24px 17px}.community-full-score__system{margin-left:38px}.community-full-score__clef{left:-37px;font-size:49px}.community-detail__header-actions{width:100%}.community-detail__header-actions button{flex:1}.community-comment-composer{grid-template-columns:34px minmax(0,1fr)}.community-comment-composer .app__button{grid-column:2;justify-self:end}.my-space__profile{padding:23px 19px}.my-space__identity{grid-template-columns:66px minmax(0,1fr);gap:14px}.my-space__avatar{width:66px;height:66px;font-size:20px}.my-space__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.my-space__stats>div{min-width:0}}@media (prefers-reduced-motion: reduce){.community-score-card,.community-score-card__play,.community-detail-state__spinner{transition:none;animation:none}}.editor-layout__collaboration{min-width:0}.collaboration-panel{padding:0;overflow:clip}.collaboration-panel__summary{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;min-height:48px;padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none}.collaboration-panel__summary::-webkit-details-marker{display:none}.collaboration-panel__summary:after{content:"⌄";color:var(--color-label-secondary);font-size:16px;transition:transform var(--duration-fast) var(--ease-standard)}.collaboration-panel[open] .collaboration-panel__summary:after{transform:rotate(180deg)}.collaboration-panel__summary-copy{display:inline-flex;gap:var(--space-2);align-items:center;min-width:0}.collaboration-panel__signal{width:9px;height:9px;flex:none;border-radius:999px;background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 18%,transparent)}.collaboration-panel__signal.is-degraded{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-surface)}.collaboration-panel__body{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr);border-top:1px solid var(--color-separator)}.collaboration-panel__section{min-width:0;padding:var(--space-4)}.collaboration-panel__section+.collaboration-panel__section{border-left:1px solid var(--color-separator)}.collaboration-panel__section-header{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.collaboration-panel__heading{margin:0;color:var(--color-label);font-size:15px}.collaboration-panel__people,.collaboration-panel__locks{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.collaboration-panel__people li{display:inline-flex;gap:var(--space-2);align-items:center;min-width:150px;padding:var(--space-2);border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.collaboration-panel__avatar{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:11px;font-weight:800}.collaboration-panel__people li>span:last-child,.collaboration-panel__locks li>span{display:grid;min-width:0}.collaboration-panel__people small,.collaboration-panel__locks small,.collaboration-panel__locks time{color:var(--color-label-secondary);font-size:11px}.collaboration-panel__lock-controls{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(110px,.5fr) minmax(190px,1fr);gap:var(--space-2);align-items:end;margin-bottom:var(--space-3)}.collaboration-panel__lock-controls .app__field{gap:var(--space-1);margin:0}.collaboration-panel__lock-controls .app__button{min-height:44px}.collaboration-panel__locks{display:grid;gap:var(--space-2)}.collaboration-panel__locks li{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-accent);background:var(--color-fill-quaternary)}.collaboration-panel__empty,.collaboration-panel__error{margin:0;color:var(--color-label-secondary);font-size:12px}.collaboration-panel__error{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-error);background:var(--color-error-surface);color:var(--color-error)}@media (min-width: 1280px){.editor-layout__collaboration{grid-area:collaboration}}@media (max-width: 900px){.collaboration-panel__body{grid-template-columns:1fr}.collaboration-panel__section+.collaboration-panel__section{border-top:1px solid var(--color-separator);border-left:0}.collaboration-panel__lock-controls{grid-template-columns:1fr}}.song-dock__progress span{display:block;height:100%;width:var(--progress-width, 0%);border-radius:inherit;background:#eefff8eb}.song-artwork{position:relative;display:block;overflow:hidden;flex:0 0 auto;border:1px solid rgba(205,255,238,.1);background:linear-gradient(115deg,#0d2b25d1,#020404fa),#030605;box-shadow:inset 0 1px #ffffff14,0 16px 34px #00000038;isolation:isolate}.song-artwork--compact{width:50px;aspect-ratio:1;border-radius:11px}.song-artwork--large{width:min(58vh,690px);max-width:min(690px,76vw);aspect-ratio:1;border-radius:8px;box-shadow:0 40px 96px #00000061,inset 0 1px #ffffff14}.song-artwork:before,.song-artwork:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}.song-artwork:before{background:repeating-linear-gradient(88deg,rgba(255,255,255,.06) 0 1px,transparent 1px 12px),radial-gradient(circle at 68% 28%,rgba(118,255,226,.22),transparent 26%),radial-gradient(circle at 24% 74%,rgba(255,149,79,.12),transparent 24%);opacity:.74}.song-artwork:after{background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.48)),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.38}.song-artwork__hood{position:absolute;top:23%;left:33%;width:34%;height:48%;border-radius:44% 52% 38% 46%;background:linear-gradient(145deg,#156a5ee6,#041818f5),#092a28;box-shadow:inset -14px -10px 24px #00000061,0 0 38px #4fffde38;transform:rotate(-14deg)}.song-artwork__face{position:absolute;top:49%;left:32%;width:22%;height:12%;border-radius:999px 40% 55% 999px;background:linear-gradient(90deg,#ffe4c8,#efd0ad 58%,transparent);filter:blur(.2px);opacity:.9;transform:rotate(-16deg)}.song-artwork__thread{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#dfffee,#54dcca,transparent);box-shadow:0 0 10px #80ffe7b8,0 0 22px #80ffe747;opacity:.92;transform-origin:left center}.song-artwork__thread--one{top:28%;left:56%;width:38%;transform:rotate(-20deg)}.song-artwork__thread--two{top:38%;left:55%;width:35%;transform:rotate(10deg)}.song-artwork__thread--three{top:58%;left:18%;width:30%;transform:rotate(-17deg)}.song-artwork__thread--four{top:68%;left:45%;width:34%;transform:rotate(82deg)}.song-artwork__spark{position:absolute;width:5px;aspect-ratio:1;border-radius:999px;background:#eefdf7;box-shadow:0 0 12px #eafff7,0 0 26px #58ffe0a6}.song-artwork__spark--one{top:19%;right:20%}.song-artwork__spark--two{top:66%;left:62%}.song-artwork__spark--three{top:43%;left:22%}.song-artwork--compact .song-artwork__thread{height:1px}.song-artwork--compact .song-artwork__spark{width:2px}.song-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:520;display:grid;min-height:100vh;overflow:hidden;place-items:center;background:linear-gradient(90deg,#010504fa,#070d0bf0),#020403;color:#f5f8f4;animation:song-player-in .22s var(--ease-standard)}.song-player__backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:linear-gradient(90deg,#000000db,#00000094),radial-gradient(ellipse at center,rgba(59,176,141,.34),transparent 58%);pointer-events:none}.song-player__backdrop:before{position:absolute;top:44%;left:50%;width:min(86vh,820px);aspect-ratio:1;border-radius:10px;background:linear-gradient(118deg,#32b29bb3,#040908f5),repeating-linear-gradient(92deg,rgba(255,255,255,.14) 0 1px,transparent 1px 14px);content:"";filter:blur(48px);opacity:.48;transform:translate(-50%,-50%) rotate(-6deg) scale(1.12)}.song-player__stage{position:relative;z-index:1;display:grid;width:min(980px,100%);min-height:100vh;align-content:center;justify-items:center;gap:22px;padding:calc(62px + env(safe-area-inset-top)) clamp(16px,5vw,44px) calc(32px + env(safe-area-inset-bottom))}.song-player__close{position:absolute;top:calc(22px + env(safe-area-inset-top));left:clamp(16px,3vw,34px);z-index:2;display:grid;width:44px;aspect-ratio:1;place-items:center;border:0;border-radius:999px;background:#ffffff14;color:#f5f8f4c2;cursor:pointer;transition:background var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard),transform var(--duration-state) var(--ease-standard)}.song-player__close:hover,.song-player__close:focus-visible{background:#ffffff24;color:#fff;outline:0;transform:scale(1.04)}.song-player__controls{display:grid;width:min(720px,100%);gap:20px}.song-player__meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.song-player__meta{min-width:0}.song-player__meta h2,.song-player__meta p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.song-player__meta h2{color:#fff;font-size:22px;font-weight:850;line-height:1.16}.song-player__meta p{margin-top:3px;color:#f5f8f4a3;font-size:15px;font-weight:760}.song-player__actions{display:flex;gap:10px}.song-player__actions button,.song-player__transport button{display:grid;width:42px;aspect-ratio:1;place-items:center;border:0;border-radius:999px;background:#ffffff14;color:#f5f8f4c7;cursor:pointer;transition:background var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard),transform var(--duration-state) var(--ease-standard)}.song-player__actions button:hover,.song-player__actions button:focus-visible,.song-player__transport button:hover,.song-player__transport button:focus-visible{background:#ffffff26;color:#fff;outline:0;transform:translateY(-1px)}.song-player__timeline{display:grid;gap:8px}.song-player__range{width:100%;height:4px;margin:0;accent-color:#f2f6f0;cursor:pointer}.song-player__range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff57}.song-player__range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.song-player__time{display:flex;justify-content:space-between;color:#f5f8f47a;font-size:12px;font-weight:780}.song-player__transport{display:grid;grid-template-columns:repeat(5,56px);justify-content:center;gap:18px;align-items:center}.song-player__transport button{width:48px;background:transparent}.song-player__transport button.song-player__play{width:62px;background:#f6f8f3;color:#07100d;box-shadow:0 14px 30px #0003}.song-player__transport button.song-player__play:hover,.song-player__transport button.song-player__play:focus-visible{background:#fff;color:#07100d}.song-player__volume{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;color:#f5f8f4a8}@keyframes song-meter{0%{transform:scaleY(.72)}to{transform:scaleY(1.18)}}@keyframes song-player-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.song-dock.is-playing .song-dock__meter span,.song-player{animation:none}}@media (max-height: 760px) and (min-width: 721px){.song-artwork--large{width:min(48vh,540px)}.song-player__stage{gap:16px}.song-player__controls{gap:14px}}@media (max-width: 720px){.shell--pro{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.song-dock{grid-template-columns:46px minmax(0,1fr) 36px;width:calc(100vw - 18px);min-height:66px;padding:9px 10px}.song-dock__meter{display:none}.song-dock__progress{left:66px}.song-dock__copy strong{font-size:13px}.song-dock__copy span{font-size:11px}.song-artwork--compact{width:46px}.song-artwork--large{width:min(78vw,430px);max-width:calc(100vw - 32px)}.song-player__stage{align-content:center;gap:18px;padding-top:calc(66px + env(safe-area-inset-top))}.song-player__controls{gap:16px}.song-player__actions{gap:8px}.song-player__actions button{width:38px}.song-player__transport{grid-template-columns:repeat(5,44px);gap:8px}.song-player__transport button{width:40px}.song-player__transport button.song-player__play{width:56px}.song-player__meta h2{font-size:20px}.song-player__meta p{font-size:13px}}.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-callback-shell{grid-template-columns:minmax(320px,460px);justify-content:center}.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:block;width:44px;height:44px;object-fit:cover;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#111827}.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-tianoi-button.app__button{width:calc(100% - 36px);min-height:48px;margin:18px 18px 0;border-radius:8px}.auth-tianoi-button+.auth-form{padding-top:14px}.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 var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),color var(--duration-state) var(--ease-standard),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__subbar{grid-template-columns:1fr}.shell__subbar-meta{justify-content:flex-start}.client-downloads__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-downloads__hero{align-items: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}.auth-form__actions,.auth-dev-panel__actions{align-items:stretch;flex-direction:column}.auth-form__actions>*,.auth-dev-panel__actions>*{width:100%}.client-downloads{gap:26px;min-height:auto;padding:24px 16px 30px}.client-downloads__topline,.client-downloads__hero{align-items:flex-start;flex-direction:column}.client-downloads__hero h2{font-size:42px}.client-downloads__hero p:last-child{font-size:16px}.client-downloads__signal{display:none}.client-downloads__launch{align-items:stretch;flex-direction:column}.client-downloads__launch-action{width:100%}.client-downloads__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.client-downloads__orb{width:min(112px,35vw)}.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}}.song-import{display:grid;gap:var(--space-5);max-width:920px;margin:0 auto}.song-import .app__panel-header,.song-import .app__lead,.song-import .app__field{margin-bottom:0}.song-import__source{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:var(--space-5);padding:var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.song-import__artwork{display:grid;place-items:center;width:112px;aspect-ratio:1;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#6e8cff,#7c4dca);color:#fff;font-size:40px;box-shadow:var(--shadow-card)}.song-import__artwork img{width:100%;height:100%;object-fit:cover}.song-import__metadata{display:grid;gap:var(--space-2);min-width:0}.song-import__metadata strong{overflow:hidden;color:var(--color-label);font-size:clamp(24px,4vw,36px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.song-import__metadata span,.song-import__metadata small{overflow:hidden;color:var(--color-label-secondary);text-overflow:ellipsis;white-space:nowrap}.song-import__metadata span{font-size:16px;font-weight:600}.song-import__metadata small{font-size:12px}.song-import__outputs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.song-import__outputs span{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--space-3);border:1px solid color-mix(in srgb,var(--color-accent) 34%,var(--color-separator));border-radius:999px;background:color-mix(in srgb,var(--color-accent) 9%,transparent);color:var(--color-accent);font-size:12px;font-weight:700}.song-import__quality{padding:var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.song-import__quality-tabs.ui-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px;padding:6px;border:0;border-radius:var(--radius-md);background:var(--color-fill-quaternary);box-sizing:border-box}.song-import__quality-tabs .ui-segmented__item{width:100%;min-width:0;min-height:48px;padding:0 var(--space-3);border:0;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--color-label-secondary);box-shadow:none;font-size:16px;font-weight:750}.song-import__quality-tabs .ui-segmented__item--active{background:var(--color-bg-primary);color:var(--color-label);box-shadow:var(--shadow-card)}.song-import__quality-tabs .ui-segmented__item:disabled{cursor:not-allowed;opacity:.55}.song-import__progress{display:grid;gap:var(--space-2)}.song-import__progress>div:first-child{display:flex;justify-content:space-between;color:var(--color-label-secondary);font-size:13px}.song-import--empty{max-width:720px}.song-conversion-history{display:grid;gap:var(--space-4)}.song-conversion-history__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.song-conversion-history__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:var(--space-3)}.song-conversion-record{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.song-conversion-record__artwork{display:grid;place-items:center;width:104px;aspect-ratio:1;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#6e8cff,#7c4dca);color:#fff;font-size:36px;box-shadow:var(--shadow-card)}.song-conversion-record__artwork img{width:100%;height:100%;object-fit:cover}.song-conversion-record__body{display:grid;align-content:start;gap:var(--space-2);min-width:0}.song-conversion-record__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.song-conversion-record__heading h3,.song-conversion-record__heading p,.song-conversion-record__helper{margin:0}.song-conversion-record__heading h3{overflow:hidden;color:var(--color-label);font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.song-conversion-record__heading p,.song-conversion-record__helper,.song-conversion-record__meta{color:var(--color-label-secondary);font-size:12px}.song-conversion-record__status{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--color-label-secondary) 12%,transparent);color:var(--color-label-secondary);font-size:11px;font-weight:750}.song-conversion-record__status[data-state=completed]{background:color-mix(in srgb,var(--color-success) 13%,transparent);color:var(--color-success)}.song-conversion-record__status[data-state=converting],.song-conversion-record__status[data-state=ready]{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.song-conversion-record__status[data-state=failed]{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.song-conversion-record__progress{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-label-secondary) 16%,transparent)}.song-conversion-record__progress span{display:block;height:100%;border-radius:inherit;background:var(--color-accent);transition:width .18s ease}.song-conversion-record__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.song-conversion-record .app__actions{margin-top:var(--space-1)}@media (max-width: 640px){.song-import__source{grid-template-columns:76px minmax(0,1fr)}.song-import__artwork{width:76px;border-radius:17px}.song-import__metadata strong{font-size:22px}.song-conversion-history .app__panel-header,.song-conversion-record__heading{align-items:stretch;flex-direction:column}.song-conversion-history__header-actions{justify-content:flex-start}.song-conversion-record{grid-template-columns:72px minmax(0,1fr);gap:var(--space-3)}.song-conversion-record__artwork{width:72px;border-radius:17px}.song-conversion-record__status{align-self:flex-start}}.pwa-update-prompt{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(112px,calc(env(safe-area-inset-bottom) + 112px));z-index:10000;display:grid;width:min(380px,calc(100vw - 32px));gap:16px;padding:20px;color:var(--ink-900, #1b1a17);background:var(--surface-panel, rgba(255, 255, 255, .92));border:1px solid var(--border-soft, rgba(200, 188, 174, .7));border-radius:20px;box-shadow:var(--shadow-xl, 0 24px 60px rgba(28, 26, 23, .2));backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.pwa-update-prompt__copy{display:grid;gap:5px}.pwa-update-prompt__copy strong{font-size:17px;line-height:1.3}.pwa-update-prompt__copy span{color:var(--ink-500, #5f564b);font-size:14px;line-height:1.45}.pwa-update-prompt__message.is-error{color:var(--color-destructive, #ff3b30)}.pwa-update-prompt__actions{display:flex;justify-content:flex-end;gap:10px}.pwa-update-prompt__button{min-height:42px;padding:9px 16px;color:var(--ink-700, #3a332b);font:inherit;font-size:14px;font-weight:650;background:var(--control-surface, #fff);border:1px solid var(--border-soft, rgba(200, 188, 174, .7));border-radius:999px;cursor:pointer}.pwa-update-prompt__button--primary{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.pwa-update-prompt__button:focus-visible{outline:3px solid rgba(10,132,255,.45);outline-offset:2px}.pwa-update-prompt__button:disabled{opacity:.62;cursor:wait}@media (max-width: 520px){.pwa-update-prompt{right:16px;bottom:max(128px,calc(env(safe-area-inset-bottom) + 128px));left:16px;width:auto}}@media (prefers-reduced-motion: no-preference){.pwa-update-prompt{animation:pwa-update-prompt-enter .18s ease-out}}@keyframes pwa-update-prompt-enter{0%{opacity:0;transform:translateY(12px)}}:root[data-skin=workbench]{background:var(--ws-bg-app)}.first-run-guide{display:grid;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--color-border, rgba(127, 127, 127, .28));border-radius:16px;background:color-mix(in srgb,var(--color-surface, #17181d) 90%,#6d5dfc 10%)}.first-run-guide__header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.first-run-guide__header strong{color:var(--color-text, inherit)}.first-run-guide__dismiss{padding:5px 9px;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--color-text-muted, #a4a7b0);cursor:pointer}.first-run-guide__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.first-run-guide__steps li{display:flex;gap:8px;padding:9px;border:1px solid transparent;border-radius:12px}.first-run-guide__steps li[data-current=true]{border-color:var(--color-accent, #8e7dff);background:color-mix(in srgb,var(--color-accent, #8e7dff) 12%,transparent)}.first-run-guide__steps li>span{display:grid;flex:none;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--color-accent, #8e7dff);color:#fff;font-weight:700}.first-run-guide__steps p{margin:3px 0 0;color:var(--color-text-muted, #a4a7b0);font-size:12px;line-height:1.45}@media (max-width: 760px){.first-run-guide__steps{grid-template-columns:1fr}}:root[data-skin=workbench] body{background:var(--ws-bg-app);font-size:var(--ws-font-size-base)}:root{--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);--duration-press: .12s;--duration-fast: .14s;--duration-state: .2s;--duration-transition: .32s;--dur-press: var(--duration-press);--dur-fast: var(--duration-fast);--dur-state: var(--duration-state);--dur-transition: var(--duration-transition);--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]{--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)}@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-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)}}: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);--duration-fast: .14s;--dur-fast: var(--duration-fast)}: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}}: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: var(--color-accent);--pro-accent-strong: var(--color-accent-strong);--pro-accent-soft: var(--color-accent-soft);--pro-panel-shadow: 0 22px 64px rgba(15, 23, 42, .12);--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: var(--color-accent);--pro-accent-strong: var(--color-accent-strong);--pro-accent-soft: var(--color-accent-soft);--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}:root{--ws-bg-app: #141519;--ws-bg-panel: #1c1e24;--ws-bg-raised: #24272e;--ws-bg-inset: #101114;--ws-line: #2e323a;--ws-line-strong: #3a3f49;--ws-text-hi: #e9ebee;--ws-text-mid: #a2a8b3;--ws-text-low: #676d78;--ws-accent: #0a84ff;--ws-accent-hover: #409cff;--ws-accent-soft: rgba(10, 132, 255, .16);--ws-accent-softer: rgba(10, 132, 255, .09);--ws-ok: #63c583;--ws-warn: #e0b34f;--ws-warn-soft: rgba(224, 179, 79, .16);--ws-err: #e06c5f;--ws-err-soft: rgba(224, 108, 95, .14);--ws-track-vocal: #56b8a0;--ws-track-bass: #c0a470;--ws-track-drums: #d0766f;--ws-track-other: #a98fd0;--ws-font-mono: ui-monospace, "SF Mono", sfmono-regular, menlo, consolas, "Liberation Mono", monospace;--ws-font-size-base: 13px;--ws-radius-control: 5px;--ws-radius-card: 10px;--ws-space-1: 8px;--ws-space-2: 12px}:root[data-skin=workbench]{--color-accent: var(--ws-accent);--color-accent-strong: var(--ws-accent-hover);--color-accent-soft: var(--ws-accent-soft);--color-accent-softer: var(--ws-accent-softer);--color-destructive: var(--ws-err);--color-success: var(--ws-ok);--color-warning: var(--ws-warn);--color-info: var(--ws-accent);--color-info-surface: var(--ws-accent-softer);--color-error: var(--ws-err);--color-error-surface: var(--ws-err-soft);--color-warning-surface: var(--ws-warn-soft);--color-green: var(--ws-ok);--color-label: var(--ws-text-hi);--color-label-secondary: var(--ws-text-mid);--color-label-tertiary: var(--ws-text-low);--color-label-quaternary: var(--ws-text-low);--color-separator: var(--ws-line);--color-border: var(--ws-line);--color-fill-primary: var(--ws-bg-raised);--color-fill-quaternary: var(--ws-bg-inset);--color-bg-primary: var(--ws-bg-panel);--color-bg-secondary: var(--ws-bg-app);--color-bg-tertiary: var(--ws-bg-panel);--color-bg-quaternary: var(--ws-bg-raised);--color-surface: var(--ws-bg-panel);--color-surface-secondary: var(--ws-bg-app);--color-surface-hover: var(--ws-bg-raised);--ink-900: var(--ws-text-hi);--ink-800: var(--ws-text-hi);--ink-700: var(--ws-text-mid);--ink-600: var(--ws-text-mid);--ink-500: var(--ws-text-low);--ink-400: var(--ws-line-strong);--ink-300: var(--ws-line);--sand-50: var(--ws-bg-raised);--sand-100: var(--ws-bg-app);--sand-200: var(--ws-line);--clay-400: var(--ws-warn);--clay-500: var(--ws-warn);--forest-500: var(--ws-accent);--forest-700: var(--ws-accent-hover);--accent-500: var(--ws-accent);--accent-green-500: var(--ws-ok);--surface-hero-start: var(--ws-bg-panel);--surface-hero-end: var(--ws-bg-panel);--surface-panel: var(--ws-bg-panel);--surface-card: var(--ws-bg-panel);--surface-soft: var(--ws-bg-raised);--surface-upload: var(--ws-bg-panel);--surface-accent: var(--ws-accent-softer);--surface-accent-strong: var(--ws-accent-soft);--surface-progress-track: var(--ws-bg-inset);--surface-placeholder-start: var(--ws-bg-raised);--surface-placeholder-end: var(--ws-bg-inset);--border-soft: var(--ws-line);--border-muted: var(--ws-line);--border-accent-soft: var(--ws-accent-softer);--border-accent: var(--ws-accent-soft);--border-accent-strong: var(--ws-accent);--control-surface: var(--ws-bg-inset);--button-primary-ink: #ffffff;--error-bg: var(--ws-err-soft);--error-border: var(--ws-err);--radius-sm: 4px;--radius-md: var(--ws-radius-control);--radius-lg: 6px;--radius-xl: var(--ws-radius-card);--radius-2xl: var(--ws-radius-card);--blur-glass: 0px;--glass-bg: var(--ws-bg-panel);--glass-border: var(--ws-line);--glass-saturate: 1;--shadow-card: none;--shadow-popover: 0 8px 24px rgba(0, 0, 0, .45);--shadow-sheet: 0 12px 32px rgba(0, 0, 0, .5);--shadow-lg: none;--shadow-xl: none;--bg-radial-bright: transparent;--bg-radial-accent: transparent;--bg-linear-start: var(--ws-bg-app);--bg-linear-mid: var(--ws-bg-app);--bg-linear-end: var(--ws-bg-app);--pro-bg: var(--ws-bg-app);--pro-bg-elevated: var(--ws-bg-panel);--pro-bg-panel: var(--ws-bg-panel);--pro-toolbar: var(--ws-bg-panel);--pro-toolbar-border: var(--ws-line);--pro-ink: var(--ws-text-hi);--pro-ink-muted: var(--ws-text-mid);--pro-grid-line: transparent;--pro-panel-shadow: none}.shell--workspace{font-size:var(--ws-font-size-base);background:var(--ws-bg-app);--ink-900: var(--ws-text-hi);--ink-800: var(--ws-text-hi);--ink-700: var(--ws-text-mid);--ink-600: var(--ws-text-mid);--ink-500: var(--ws-text-low);--ink-400: var(--ws-line-strong);--ink-300: var(--ws-line);--sand-50: var(--ws-bg-raised);--sand-100: var(--ws-bg-app);--sand-200: var(--ws-line);--clay-400: var(--ws-warn);--clay-500: var(--ws-warn);--forest-500: var(--ws-accent);--forest-700: var(--ws-accent-hover);--placeholder-block-bg-start: var(--ws-bg-raised);--placeholder-block-bg-end: var(--ws-bg-inset);--placeholder-block-border: var(--ws-line);--placeholder-block-radius: var(--ws-radius-card)}:root[data-theme=dark] body:has(.shell--workspace){background:var(--ws-bg-app)}.shell--workspace .shell__frame{width:min(1720px,100%)}.shell--workspace .shell__topbar{top:0;min-height:46px;padding:6px 10px;border:none;border-bottom:1px solid var(--ws-line);border-radius:0;background:var(--ws-bg-panel);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.shell--workspace .shell__brand-mark{border-radius:var(--ws-radius-control);background:var(--ws-accent);color:#fff}.shell--workspace .shell__brand-copy span{color:var(--ws-text-low);font-size:10px}.shell--workspace .shell__brand-copy strong{color:var(--ws-text-hi);font-size:13px}.shell--workspace .shell__nav--top{display:inline-flex;gap:2px;justify-self:center;padding:2px;border:1px solid var(--ws-line);border-radius:7px;background:var(--ws-bg-inset)}.shell--workspace .shell__nav-link{min-height:28px;padding:4px 14px;border:none;border-radius:var(--ws-radius-control);background:transparent;color:var(--ws-text-mid);font-size:12px;font-weight:600;letter-spacing:.01em}.shell--workspace .shell__nav-link:hover{background:var(--ws-bg-raised);color:var(--ws-text-hi)}.shell--workspace .shell__nav-link.is-active{background:var(--ws-accent-soft);color:var(--ws-accent-hover);box-shadow:inset 0 0 0 1px var(--ws-accent)}.shell--workspace .shell__search{border-color:var(--ws-line);background:var(--ws-bg-inset);color:var(--ws-text-low)}.shell--workspace .shell__search:focus-within{border-color:var(--ws-accent);background:var(--ws-bg-raised);box-shadow:0 0 0 2px var(--ws-accent-soft)}.shell--workspace .shell__search input{color:var(--ws-text-hi)}.shell--workspace .shell__search input::placeholder{color:var(--ws-text-low)}.shell--workspace .shell__search kbd{border-color:var(--ws-line);background:var(--ws-bg-panel);color:var(--ws-text-low)}.shell--workspace .shell__top-actions .shell__top-button.app__button{min-height:28px;border-radius:var(--ws-radius-control);color:var(--ws-text-mid);font-size:12px}.shell--workspace .shell__top-actions .shell__top-button.app__button:hover{color:var(--ws-text-hi)}.shell--workspace .shell__top-actions .shell__share-button.app__button,.shell--workspace .shell__top-actions .shell__share-button.app__button:hover{border:1px solid var(--ws-accent);background:var(--ws-accent);color:#fff}.shell--workspace .shell__top-actions .shell__forum-button.app__button.is-active{color:var(--ws-accent-hover)}.shell--workspace .shell__avatar{border-color:var(--ws-line-strong);background:var(--ws-bg-inset);color:var(--ws-text-hi)}.shell--workspace .theme-switch--compact{border-radius:var(--ws-radius-control);background:var(--ws-bg-inset)}.shell--workspace .shell__account-menu{border-color:var(--ws-line);background:var(--ws-bg-panel);box-shadow:0 12px 30px #00000047}.shell--workspace .shell__subbar{margin:0 0 var(--ws-space-2);padding:6px 10px;border:none;border-bottom:1px solid var(--ws-line);border-radius:0;background:transparent;color:var(--ws-text-low)}.shell--workspace .shell__subbar p{color:var(--ws-text-low);font-size:12px}.shell--workspace .shell__subbar-meta span{min-height:22px;border:1px solid var(--ws-line);border-radius:var(--ws-radius-control);background:var(--ws-bg-inset);color:var(--ws-text-low);font-size:10px}.shell--workspace .workspace-mobile-hint{display:none}.shell--workspace .shell__content{gap:var(--ws-space-2);padding-bottom:72px}.shell--workspace .app__panel,.shell--workspace .ui-card{padding:14px 16px;border:1px solid var(--ws-line);border-radius:var(--ws-radius-card);background:var(--ws-bg-panel);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.shell--workspace .app__panel-title{font-size:15px}.shell--workspace .app__panel-eyebrow{color:var(--ws-text-low);font-size:10px}.shell--workspace .app__label{color:var(--ws-text-low);font-size:11px}.shell--workspace .app__helper{color:var(--ws-text-mid);font-size:12px}.shell--workspace .feedback-state__empty-visual{border-color:var(--ws-line);background:var(--ws-bg-inset)}.shell--workspace .feedback-state__empty-bar--short{background:var(--ws-ok)}.shell--workspace .feedback-state__empty-bar--mid{background:var(--ws-warn)}.shell--workspace .feedback-state__empty-bar--tall{background:var(--ws-accent)}.shell--workspace .feedback-state__empty-note{background:var(--ws-bg-raised)}.shell--workspace .feedback-state__empty-note:before,.shell--workspace .feedback-state__empty-note:after{background:var(--ws-line-strong)}.shell--workspace .app__value,.shell--workspace .ws-transport__timecode,.shell--workspace .ws-transport__duration,.shell--workspace .ws-transport__chip-value{font-family:var(--ws-font-mono);font-variant-numeric:tabular-nums}.shell--workspace .editor-layout{gap:var(--ws-space-2)}.shell--workspace .editor-layout__toolbar{grid-area:toolbar}.shell--workspace .editor-layout__timeline{grid-area:timeline}.shell--workspace .editor-layout__chords{grid-area:chords}.shell--workspace .editor-layout__sidebar{grid-area:sidebar;gap:var(--ws-space-2)}.shell--workspace .editor-layout__score{grid-area:score}.shell--workspace .editor-layout__inspector{grid-area:inspector}@media (min-width: 1024px){.shell--workspace .editor-layout{grid-template-columns:208px minmax(0,1fr) 232px;grid-template-areas:"toolbar toolbar toolbar" "sidebar timeline inspector" "sidebar chords inspector" "sidebar score inspector"}.shell--workspace .editor-layout__inspector,.shell--workspace .editor-layout__sidebar{position:sticky;top:var(--ws-space-2);max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain}}@media (max-width: 1023px){.shell--workspace .editor-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar" "timeline" "chords" "sidebar" "score"}.shell--workspace .editor-layout__inspector{position:fixed;top:82px;right:0;bottom:76px;z-index:110;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);transform:translate(calc(100% - 44px));transition:transform var(--duration-transition) var(--ease-standard)}.shell--workspace .editor-layout__inspector:hover,.shell--workspace .editor-layout__inspector:focus-within{transform:translate(0)}.shell--workspace .editor-layout__inspector:before{content:"QA";position:absolute;top:12px;left:0;display:grid;place-items:center;width:36px;height:56px;border:1px solid var(--ws-line);border-left:none;border-radius:0 var(--ws-radius-control) var(--ws-radius-control) 0;background:var(--ws-bg-raised);color:var(--ws-accent-hover);font-family:var(--ws-font-mono);font-size:11px;font-weight:700;letter-spacing:0;writing-mode:vertical-rl}.shell--workspace .editor-layout__inspector .ws-inspector{max-height:100%;margin-left:36px;overflow-y:auto;box-shadow:0 18px 44px #00000057}}@media (max-width: 1023px) and (prefers-reduced-motion: reduce){.shell--workspace .editor-layout__inspector{transition:none}}@media (max-width: 768px){.shell--workspace,.shell--workspace .shell__frame,.shell--workspace .shell__content{max-width:100%;min-width:0;overflow-x:hidden}.shell--workspace .shell__topbar{grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:6px}.shell--workspace .shell__brand,.shell--workspace .shell__nav--top,.shell--workspace .shell__search,.shell--workspace .shell__top-actions{width:auto;min-width:0}.shell--workspace .shell__nav--top,.shell--workspace .shell__top-actions{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shell--workspace .shell__nav--top::-webkit-scrollbar,.shell--workspace .shell__top-actions::-webkit-scrollbar{display:none}.shell--workspace .shell__nav-link,.shell--workspace .shell__top-actions .shell__top-button.app__button,.shell--workspace .theme-switch__button{min-height:44px}.shell--workspace .shell__avatar{width:44px;height:44px}.shell--workspace .ws-transport{grid-template-columns:minmax(0,1fr);gap:8px}.shell--workspace .ws-transport__time,.shell--workspace .ws-transport__controls{justify-content:center}.shell--workspace .ws-transport__controls button{width:44px;height:44px}.shell--workspace .ws-transport__controls .ws-transport__play{width:48px;height:48px}}@media (max-width: 768px) and (orientation: portrait){.shell--workspace .workspace-mobile-hint{display:grid;gap:6px;margin-bottom:var(--ws-space-2);padding:12px 14px;border:1px solid var(--ws-line-strong);border-radius:var(--ws-radius-card);background:var(--ws-bg-raised);color:var(--ws-text-hi);font-size:13px;line-height:1.45}.shell--workspace .editor-layout__inspector{display:none}}.ws-inspector__score{display:flex;align-items:baseline;gap:10px;margin:var(--ws-space-2) 0;padding:var(--ws-space-2);border:1px solid var(--ws-line);border-radius:var(--ws-radius-card);background:var(--ws-bg-inset)}.ws-inspector__score-value{color:var(--ws-text-hi);font-family:var(--ws-font-mono);font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.ws-inspector__score[data-tone=ok] .ws-inspector__score-value{color:var(--ws-ok)}.ws-inspector__score[data-tone=warn] .ws-inspector__score-value{color:var(--ws-warn)}.ws-inspector__score[data-tone=err] .ws-inspector__score-value{color:var(--ws-err)}.ws-inspector__score-label{color:var(--ws-text-low);font-size:11px}.ws-inspector__group{margin-top:var(--ws-space-2)}.ws-inspector__confidence-list{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.ws-inspector__confidence-list li{display:grid;grid-template-columns:minmax(0,72px) minmax(0,1fr) auto;gap:8px;align-items:center}.ws-inspector__confidence-name{overflow:hidden;color:var(--ws-text-mid);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ws-inspector__confidence-bar{display:block;height:6px;overflow:hidden;border-radius:3px;background:var(--ws-bg-inset)}.ws-inspector__confidence-bar span{display:block;height:100%;width:var(--confidence-width, 0%);border-radius:3px;background:var(--ws-text-low)}.ws-inspector__confidence-list li[data-family=vocal] .ws-inspector__confidence-bar span{background:var(--ws-track-vocal)}.ws-inspector__confidence-list li[data-family=bass] .ws-inspector__confidence-bar span{background:var(--ws-track-bass)}.ws-inspector__confidence-list li[data-family=drums] .ws-inspector__confidence-bar span{background:var(--ws-track-drums)}.ws-inspector__confidence-list li[data-family=other] .ws-inspector__confidence-bar span{background:var(--ws-track-other)}.ws-inspector__confidence-value{color:var(--ws-text-low);font-family:var(--ws-font-mono);font-size:11px;font-variant-numeric:tabular-nums}.ws-inspector__issue-list{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.ws-inspector__issue-card{display:grid;gap:4px}.ws-inspector__issue{display:flex;gap:8px;align-items:flex-start;width:100%;padding:8px;border:1px solid var(--ws-line);border-radius:var(--ws-radius-control);background:var(--ws-bg-raised);color:inherit;text-align:left;cursor:pointer}.ws-inspector__issue:hover{border-color:var(--ws-line-strong);background:var(--ws-bg-inset)}.ws-inspector__issue:focus-visible{outline:2px solid var(--ws-accent);outline-offset:1px}.ws-inspector__issue-dot{flex:none;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--ws-text-low)}.ws-inspector__issue[data-tone=err] .ws-inspector__issue-dot{background:var(--ws-err)}.ws-inspector__issue[data-tone=warn] .ws-inspector__issue-dot{background:var(--ws-warn)}.ws-inspector__issue[data-tone=ok] .ws-inspector__issue-dot{background:var(--ws-ok)}.ws-inspector__issue-copy{display:grid;flex:1;gap:2px;min-width:0}.ws-inspector__issue-copy strong{color:var(--ws-text-hi);font-size:12px}.ws-inspector__issue-copy span{color:var(--ws-text-mid);font-size:11px;line-height:1.4}.ws-inspector__issue-state{flex:none;padding:2px 5px;border:1px solid var(--ws-line);border-radius:999px;color:var(--ws-text-mid);font-size:10px;white-space:nowrap}.ws-inspector__issue-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.ws-inspector__issue-actions button{padding:3px 7px;border:1px solid var(--ws-line);border-radius:var(--ws-radius-control);background:var(--ws-bg-raised);color:var(--ws-text-mid);font:inherit;font-size:10px;cursor:pointer}.ws-inspector__issue-actions button:hover:not(:disabled){border-color:var(--ws-line-strong);color:var(--ws-text-hi)}.ws-inspector__issue-actions button:disabled{cursor:wait;opacity:.55}.ws-transport{position:fixed;right:0;bottom:0;left:0;z-index:140;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);gap:12px;align-items:center;min-height:56px;padding:8px 16px 6px;border-top:1px solid var(--ws-line-strong);background:var(--ws-bg-panel)}.ws-transport__seek{position:absolute;top:-2px;right:0;left:0;width:100%;height:4px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.ws-transport__seek::-webkit-slider-runnable-track{height:3px;background:var(--ws-bg-inset)}.ws-transport__seek::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--ws-accent)}.ws-transport__seek::-moz-range-track{height:3px;background:var(--ws-bg-inset)}.ws-transport__seek::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:var(--ws-accent)}.ws-transport__time{display:flex;gap:6px;align-items:baseline}.ws-transport__timecode{color:var(--ws-text-hi);font-family:var(--ws-font-mono);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.ws-transport__duration{color:var(--ws-text-low);font-family:var(--ws-font-mono);font-size:12px;font-variant-numeric:tabular-nums}.ws-transport__controls{display:flex;gap:6px;align-items:center}.ws-transport__controls button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--ws-radius-control);background:transparent;color:var(--ws-text-mid);cursor:pointer}.ws-transport__controls button:hover{background:var(--ws-bg-raised);color:var(--ws-text-hi)}.ws-transport__controls button:focus-visible{outline:2px solid var(--ws-accent);outline-offset:1px}.ws-transport__controls svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-transport__controls .ws-transport__play{width:40px;height:40px;border-radius:50%;background:var(--ws-accent);color:#fff}.ws-transport__controls .ws-transport__play:hover{background:var(--ws-accent-hover);color:#fff}.ws-transport__controls .ws-transport__play svg{width:18px;height:18px;fill:currentcolor;stroke:currentcolor}.ws-transport__meta{display:flex;gap:10px;align-items:center;justify-content:flex-end}.ws-transport__chip{display:inline-flex;gap:5px;align-items:baseline}.ws-transport__chip-label{color:var(--ws-text-low);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ws-transport__chip-value{color:var(--ws-text-hi);font-family:var(--ws-font-mono);font-size:12px;font-variant-numeric:tabular-nums}.ws-transport__volume{display:inline-flex;gap:6px;align-items:center;color:var(--ws-text-mid)}.ws-transport__volume svg{width:15px;height:15px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-transport__volume input{width:84px;accent-color:var(--ws-accent)}@media (max-width: 900px){.ws-transport{grid-template-columns:auto 1fr;padding:8px 12px 6px}.ws-transport__meta{display:none}}.shell--workspace .editor-layout__view-nav{grid-area:viewnav;position:sticky;top:var(--ws-space-2);z-index:70;background:color-mix(in srgb,var(--ws-bg-panel) 92%,transparent);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}.editor-score-surface-switch{width:min(100%,420px);margin-bottom:var(--space-3)}.editor-score-surface{min-width:0}.shell--workspace .editor-layout:not([data-editor-view=mix],[data-editor-view=all]) .editor-layout__sidebar{display:none!important}.editor-inline-disclosure{margin-top:var(--space-3);border:1px solid var(--ws-line, var(--color-separator));border-radius:var(--ws-radius-card, var(--radius-md));background:var(--ws-bg-inset, var(--color-bg-secondary));overflow:clip}.editor-inline-disclosure:not([open])>:not(summary){display:none}.editor-inline-disclosure__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:8px 12px;list-style:none;color:var(--ws-text-hi, var(--color-label));font-size:12px;font-weight:700;cursor:pointer}.editor-inline-disclosure__summary::-webkit-details-marker{display:none}.editor-inline-disclosure[open]>.editor-inline-disclosure__summary{border-bottom:1px solid var(--ws-line, var(--color-separator))}.editor-inline-disclosure__content{padding:var(--space-3)}.editor-inline-disclosure--compact .editor-inline-disclosure__content{padding:10px}@media (min-width: 1024px){.shell--workspace .editor-layout{grid-template-areas:"toolbar toolbar toolbar" "viewnav viewnav viewnav" "sidebar timeline inspector" "sidebar chords inspector" "sidebar score inspector"}.shell--workspace .editor-layout:is([data-editor-view=timeline],[data-editor-view=chords],[data-editor-view=score]){grid-template-columns:minmax(0,1fr)}.shell--workspace .editor-layout[data-editor-view=timeline]{grid-template-areas:"toolbar" "viewnav" "timeline"}.shell--workspace .editor-layout[data-editor-view=chords]{grid-template-areas:"toolbar" "viewnav" "chords"}.shell--workspace .editor-layout[data-editor-view=score]{grid-template-areas:"toolbar" "viewnav" "score"}.shell--workspace .editor-layout[data-editor-view=mix]{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-template-areas:"toolbar toolbar" "viewnav viewnav" "sidebar inspector"}}@media (max-width: 1023px){.shell--workspace .editor-layout{grid-template-areas:"toolbar" "viewnav" "timeline" "chords" "sidebar" "score"}.shell--workspace .editor-layout[data-editor-view=timeline]{grid-template-areas:"toolbar" "viewnav" "timeline"}.shell--workspace .editor-layout[data-editor-view=chords]{grid-template-areas:"toolbar" "viewnav" "chords"}.shell--workspace .editor-layout[data-editor-view=score]{grid-template-areas:"toolbar" "viewnav" "score"}.shell--workspace .editor-layout[data-editor-view=mix]{grid-template-areas:"toolbar" "viewnav" "sidebar" "inspector"}.shell--workspace .editor-layout[data-editor-view=mix] .editor-layout__inspector:not([hidden]){position:static;display:block;width:auto;max-width:none;max-height:none;transform:none}.shell--workspace .editor-layout[data-editor-view=mix] .editor-layout__inspector:before{content:none}.shell--workspace .editor-layout[data-editor-view=mix] .editor-layout__inspector .ws-inspector{max-height:none;margin-left:0;overflow:visible;box-shadow:none}}
