@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}:root{--color-background:#f1f3f2;--color-surface:#fff;--color-ink:#202a2b;--color-muted:#596667;--color-primary:#243436;--color-accent:#d8e7e3;--color-display:#edf0ef;--color-displayText:#202a2b;--color-melody:#a35d26;--color-pulse:#356d94;--color-bass:#36705d;--color-border:#ccd3d1;--color-danger:#b52f4b;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:Manrope, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--radius-default:.5rem;--radius-control:.375rem;--radius-panel:.625rem;--radius-instrument:.625rem;--space-unit:.25rem;--space-control:.75rem;--space-panel:1.25rem;--space-section:1rem;--text-caption:.75rem;--text-label:.875rem;--text-control:1rem;--score-track-width:184px;--color-surface-hover:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface));--color-primary-hover:color-mix(in srgb, var(--color-primary) 86%, var(--color-ink));--color-selected:color-mix(in srgb, var(--color-accent) 37%, var(--color-surface));--color-danger-soft:color-mix(in srgb, var(--color-danger) 6%, var(--color-surface));--color-grid:color-mix(in srgb, var(--color-border) 56%, var(--color-surface));--color-focus:var(--color-primary);--track-color:var(--color-melody);--scrollbar-thumb:var(--color-muted);--scrollbar-track:var(--color-background);--scrollbar-thumb-hover:var(--color-ink);--scrollbar-thumb-active:var(--color-primary);--z-base:0;--z-sticky:100;--z-popover:300;--z-dialog:600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-ink);background:var(--color-background);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px}*,:before,:after{box-sizing:border-box}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:auto}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border:3px solid var(--scrollbar-track);border-radius:var(--radius-control);background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html{min-width:0;scroll-padding-block:24px}body{min-width:0;color:var(--color-ink);background:var(--color-background);margin:0;line-height:1.5}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit}button,input,select,summary,a{-webkit-tap-highlight-color:transparent}button,select,summary,a[href]{touch-action:manipulation}button,select,summary{cursor:pointer}button{color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}button,input,select,summary,a{transition:color .15s,background-color .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--color-muted);background:var(--color-surface-hover)}button:active:not(:disabled){background:var(--color-accent)}button:disabled,input:disabled,select:disabled,[aria-disabled=true]{opacity:.48;cursor:not-allowed}button[aria-busy=true]{cursor:progress}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,input,select,textarea,summary,[id]{scroll-margin-block:24px}fieldset{border:0;min-width:0;margin:0;padding:0}svg{display:block}textarea{resize:none}a{color:var(--color-primary);text-underline-offset:4px}a:hover{color:var(--color-primary-hover)}::selection{color:var(--color-ink);background:var(--color-accent)}.icon{vertical-align:middle;flex:none;display:inline-block}.visually-hidden,.sr-only{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:var(--z-popover);border:2px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface);padding:10px 14px;font-size:1rem;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button,.icon-button,.small-button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:46px;color:var(--color-ink);background:var(--color-surface);font-size:var(--text-control);text-align:center;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.button-primary,.play-button,.dialog-actions .button:not(.button-secondary):not(.button-danger){border-color:var(--color-primary);color:var(--color-surface);background:var(--color-primary)}.button-primary:hover:not(:disabled),.play-button:hover:not(:disabled),.dialog-actions .button:not(.button-secondary):not(.button-danger):hover:not(:disabled){border-color:var(--color-primary-hover);color:var(--color-surface);background:var(--color-primary-hover)}.button-primary:active:not(:disabled),.play-button:active:not(:disabled){border-color:var(--color-ink);background:var(--color-ink)}.button-ghost{background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){border-color:var(--color-border);color:var(--color-primary)}.button-secondary,.transport-secondary{background:var(--color-surface)}.button-dark{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.button-dark:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-selected)}.button-danger{border-color:var(--color-danger);color:var(--color-surface);background:var(--color-danger)}.button-danger:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-surface);background:color-mix(in srgb, var(--color-danger) 85%, var(--color-ink))}.button-danger-quiet{color:var(--color-danger);background:var(--color-surface)}.button-danger-quiet:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.icon-button{width:42px;min-height:42px;padding:0}.small-button{min-height:38px;padding-inline:8px;font-size:.875rem}button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-selected)}button[aria-pressed=true]:hover:not(:disabled){background:var(--color-accent)}select,:where(input:not([type=file]):not([type=checkbox]):not([type=range])){border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;min-height:46px;color:var(--color-ink);background:var(--color-surface);font-size:var(--text-control);padding:10px 12px;line-height:1.4}select{width:100%;max-width:100%;padding-right:23px}select:hover:not(:disabled),input:hover:not(:disabled){border-color:var(--color-muted)}.select-field{min-width:0;color:var(--color-muted);align-content:start;gap:5px;font-size:.875rem;font-weight:600;display:grid}.number-field{grid-template-rows:auto auto minmax(1.3em,auto);align-content:start;gap:5px;min-width:0;display:grid}.number-field-label{color:var(--color-muted);font-size:.875rem;font-weight:600;line-height:1.4}.number-field-input{width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.number-field-error{min-height:1.3em;color:var(--color-danger);overflow-wrap:anywhere;font-size:.75rem;line-height:1.3}.number-field input[aria-invalid=true]{border-color:var(--color-danger)}.app-shell{max-width:1904px;margin-inline:auto;padding:0 24px 24px}.app-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex;position:relative}.wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.065em;align-items:center;gap:13px;font-size:2rem;font-weight:700;line-height:1;display:flex}.arrangement-controls{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}table tr[aria-current=true]>*{background:var(--color-accent)}.arrangement-controls .select-field{min-width:150px}.arrangement-duration{flex:240px;gap:6px;padding-bottom:3px;display:grid}.arrangement-duration strong{font-family:var(--font-mono);font-size:1rem}.arrangement-duration span,.arrangement-export-hint{color:var(--color-muted);font-size:var(--text-label)}.arrangement-export-hint{flex-basis:100%;margin:0}.export-button{text-align:center;justify-content:center;min-width:165px}.note-source-preview{border:1px solid var(--color-border);border-radius:var(--radius-default);background:var(--color-background);min-height:150px;margin-top:18px;padding:20px;scroll-margin-block:20px}.note-source-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.note-source-heading h3{margin:0;font-size:1rem}.note-source-heading a{font-size:var(--text-label)}.note-source-preview p{font-size:var(--text-label);color:var(--color-muted);margin:10px 0}.note-source-values{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px 22px;margin:16px 0;display:grid}.note-source-values dt{color:var(--color-muted);font-size:var(--text-label);overflow-wrap:anywhere}.note-source-values dd{font-family:var(--font-mono);font-size:var(--text-label);overflow-wrap:anywhere;margin:5px 0 0}.source-row-detail{margin-top:14px}.source-row-detail summary{cursor:pointer;font-size:var(--text-label);padding-block:8px}.source-row-detail summary:hover,.wordmark-dot{color:var(--color-primary)}.brand-symbol{object-fit:contain;filter:grayscale();flex:none;width:52px;height:52px;display:block}.brand-descriptor{border-left:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;padding-left:13px;font-size:.75rem;font-weight:400}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.local-badge{color:var(--color-muted);align-items:center;gap:7px;margin-right:5px;font-size:.875rem;display:inline-flex}.status-dot{border:1px solid var(--color-muted);background:var(--color-surface);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status-dot.is-playing{border-color:var(--color-primary);background:var(--color-primary)}.workspace-heading{justify-content:space-between;align-items:center;gap:24px;padding:20px 0 12px;display:flex}.workspace-heading h1{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(1.625rem,2.1vw,2rem);font-weight:600;line-height:1.2}.workspace-heading p:not(.eyebrow){max-width:620px;color:var(--color-muted);margin-top:5px;font-size:.875rem;line-height:1.6}.workspace-heading .eyebrow{margin-bottom:4px}.workspace-heading .workspace-help{font-size:var(--text-label);margin-top:7px}.eyebrow,.section-label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;font-size:.75rem;font-weight:400}.workflow-nav{flex-wrap:wrap;align-items:center;gap:0;padding-block:3px;display:flex}.workflow-nav a{border-radius:var(--radius-control);min-height:44px;color:var(--color-muted);align-items:center;gap:7px;padding:7px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.workflow-nav a:hover{color:var(--color-primary);background:var(--color-selected)}.workflow-nav a:active{background:var(--color-accent)}.workflow-nav a+a{border-left:1px solid var(--color-border);border-radius:0 var(--radius-control) var(--radius-control) 0}.workflow-nav a span{color:var(--color-primary);font-family:var(--font-mono);font-size:.875rem}.session-meta{min-width:0;color:var(--color-muted);align-items:center;gap:10px;display:flex}.session-meta>div{text-align:right;gap:2px;min-width:0;display:grid}.session-meta strong{overflow-wrap:anywhere;max-width:260px;font-size:.875rem}.session-meta span{font-family:var(--font-mono);font-size:.75rem}.studio-layout{grid-template-columns:224px minmax(0,1fr) 296px;align-items:start;gap:18px;min-width:0;display:grid}.studio-layout>*,.workbench>*{min-width:0}.workbench{gap:20px;min-width:0;display:grid}.panel{min-width:0;padding:var(--space-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.panel-heading h2{font-family:var(--font-display);letter-spacing:-.025em;margin-top:4px;font-size:1.375rem;font-weight:600;line-height:1.4}.panel-heading>.icon{color:var(--color-muted)}.count-badge{color:var(--color-muted);background:var(--color-display);font-family:var(--font-mono);vertical-align:middle;letter-spacing:0;border-radius:4px;margin-left:7px;padding:2px 6px;font-size:.75rem;font-weight:400;display:inline-block}.helper-text,.meta{color:var(--color-muted);overflow-wrap:anywhere;font-size:.875rem;line-height:1.55}.data-panel{background:0 0;border:0;border-radius:0;gap:18px;padding:6px 0 0;display:grid}.data-details>summary{min-height:44px;color:var(--color-ink);font-size:var(--text-label);cursor:pointer;padding-block:10px;font-weight:700}.data-details>summary:hover{color:var(--color-primary);background:var(--color-selected)}.data-details>summary:active{background:var(--color-accent)}.data-details[open]>:not(summary){margin-top:14px}.sequencer-intro{margin-block:10px 16px}.sequencer-intro a,.column-selection-hint a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.score-keyboard-hint{margin-block:10px}.dataset-card{border:1px solid var(--color-border);border-radius:var(--radius-default);background:var(--color-surface);grid-template-columns:30px minmax(0,1fr);gap:4px 9px;padding:13px 12px;display:grid}.dataset-file-icon{width:30px;min-height:36px;color:var(--color-primary);grid-row:1/span 2;align-self:start;place-items:center;display:grid}.dataset-card strong{min-width:0;color:var(--color-ink);overflow-wrap:anywhere;font-size:1rem;font-weight:700}.dataset-card>span:not(.dataset-type){color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.dataset-type{width:fit-content;color:var(--color-primary);background:var(--color-selected);font-family:var(--font-mono);letter-spacing:.04em;border-radius:3px;grid-column:1/-1;margin-top:7px;padding:3px 5px;font-size:.75rem}.section-label{justify-content:space-between;gap:10px;padding-inline:9px;display:flex}.column-list{scrollbar-gutter:stable;gap:3px;max-height:320px;margin:-10px 0 0;padding:2px 3px 2px 0;list-style:none;display:grid;overflow-y:auto}.column-button{border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--color-muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;font-size:1rem;display:grid}.column-button>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.column-button[aria-pressed=true]{border-color:var(--color-accent);border-left:3px solid var(--color-primary);color:var(--color-primary);background:var(--color-selected);padding-left:10px;font-weight:750}.type-chip{border:1px solid var(--color-border);min-width:27px;min-height:22px;color:var(--color-muted);background:var(--color-surface);font-family:var(--font-mono);border-radius:4px;place-items:center;font-size:.75rem;font-weight:400;display:inline-grid}.column-inspection{border-top:1px solid var(--color-border);gap:12px;padding-top:17px;display:grid}.column-inspection-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.column-inspection-heading h3{min-width:0;color:var(--color-ink);overflow-wrap:anywhere;font-size:1rem;font-weight:750}.column-inspection-heading span{color:var(--color-muted);text-transform:capitalize;font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;padding:1px 0 6px;display:grid}.stats-grid>div{min-width:0}.stats-grid dt{color:var(--color-muted);font-size:.75rem}.stats-grid dd{color:var(--color-ink);font-family:var(--font-mono);overflow-wrap:anywhere;margin:3px 0 0;font-size:1.125rem}.column-chart{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:end;gap:4px;height:96px;padding:8px 5px 0;display:flex}.column-chart span{background:color-mix(in srgb, var(--color-primary) 60%, var(--color-surface));border-radius:2px 2px 0 0;flex:1;min-width:2px}.chart-axis{color:var(--color-muted);font-family:var(--font-mono);justify-content:space-between;margin-top:-8px;font-size:.75rem;display:flex}.data-privacy{border-top:1px solid var(--color-border);color:var(--color-muted);align-items:flex-start;gap:8px;padding-top:14px;font-size:.875rem;line-height:1.55;display:flex}.data-privacy .icon{margin-top:2px}.loading-label{min-height:21px;color:var(--color-primary);font-family:var(--font-mono);font-size:.875rem}.sequencer-panel{border:1px solid var(--color-border);border-radius:var(--radius-instrument);min-width:0;color:var(--color-displayText);background:var(--color-surface);padding:20px}.sequencer-panel>.panel-heading{margin-bottom:16px}.sequencer-panel .panel-heading h2{font-size:1.5rem}.window-controls{color:var(--color-muted);font-family:var(--font-mono);align-items:center;gap:7px;font-size:.75rem;display:flex}.window-controls .icon-button{background:0 0;border-color:#0000;width:40px;min-height:40px}.window-controls .icon-button:hover:not(:disabled){border-color:var(--color-border);color:var(--color-primary);background:var(--color-selected)}.score-surface{border:1px solid var(--color-border);border-radius:var(--radius-default);background:var(--color-surface);min-width:0;max-width:100%}.score-keyboard-actions{align-items:center;gap:0 var(--space-panel);padding-inline:var(--space-control);border-block-end:1px solid var(--color-border);flex-wrap:wrap;display:flex}.score-keyboard-actions .window-controls{margin-left:auto}.score-keyboard-actions a{max-width:100%;min-height:44px;color:var(--color-primary);font-size:var(--text-label);text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;padding-block:8px;line-height:1.5;text-decoration:underline;display:inline-flex}.score-keyboard-actions a:hover{color:var(--color-ink)}.score-scroll{border-radius:inherit;scrollbar-gutter:stable;min-width:0;max-width:100%;padding:0 0 7px;overflow-x:auto}.score-scroll:focus-visible,.score-grid:focus-visible{outline-offset:-3px}.score-grid{grid-template-columns:var(--score-track-width) repeat(16, minmax(44px, 1fr));grid-template-rows:40px 110px repeat(3,116px);align-items:stretch;min-width:920px;display:grid}.score-step-label{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-surface);background:var(--color-primary);font-family:var(--font-mono);place-items:center;font-size:.75rem;display:grid}.score-step-label.beat-start{color:var(--color-surface);font-weight:600}.score-step-label.is-current{color:var(--color-primary);background:var(--color-accent)}.track-caption{letter-spacing:.03em;place-items:center start;padding-left:12px;font-size:.75rem}.source-trace-label{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-display);overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:12px 16px;font-size:.875rem;font-weight:700;display:flex}.source-trace-label span,.source-trace-label small{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:400;line-height:1.5}.source-trace-cell{border-right:1px solid var(--color-grid);border-bottom:1px solid var(--color-border);background:var(--color-display);border-radius:0;flex-direction:column;justify-content:end;align-items:center;min-width:0;padding:34px 4px 13px;display:flex;position:relative}.source-value{width:100%;color:var(--color-muted);font-family:var(--font-mono);text-align:center;font-size:.75rem;position:absolute;top:9px;left:0}.source-stem{width:2px;min-height:3px;height:var(--source-height,4%);background:color-mix(in srgb, var(--color-primary) 45%, var(--color-surface));flex:none;max-height:64px;display:block;position:relative}.source-stem:before{background:var(--color-primary);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:-2px}.source-trace-cell.is-missing .source-stem{background:0 0}.source-trace-cell.is-missing .source-stem:before{border:1px solid var(--color-muted);background:var(--color-surface)}.source-trace-cell.is-selected{background:var(--color-selected);box-shadow:inset 0 -3px 0 var(--color-primary)}.source-trace-cell.is-selected .source-value{color:var(--color-primary);font-weight:600}.source-trace-cell.is-current{background:var(--color-accent)}[data-track=melody]{--track-color:var(--color-melody)}[data-track=pulse]{--track-color:var(--color-pulse)}[data-track=bass]{--track-color:var(--color-bass)}.track-label{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-rows:24px 38px 19px;align-content:center;gap:5px;min-width:0;padding:10px 14px;display:grid}.track-name{align-items:center;gap:6px;min-width:0;display:flex}.track-index{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.track-name strong{color:var(--color-ink);font-size:1rem;font-weight:750}.track-indicator{background:var(--track-color);border-radius:50%;width:6px;height:6px;margin-left:auto}.track-controls{align-items:center;gap:5px;display:flex}.track-controls button{border-color:var(--color-border);min-width:48px;min-height:38px;color:var(--color-muted);background:var(--color-surface);border-radius:3px;padding:0 8px;font-size:.875rem}.track-controls button:hover:not(:disabled){border-color:var(--track-color);color:var(--track-color);background:color-mix(in srgb, var(--track-color) 7%, var(--color-surface))}.track-controls button[aria-pressed=true]{border-color:var(--track-color);color:var(--color-surface);background:var(--track-color)}.track-controls .track-lock{place-items:center;min-width:38px;padding:0;display:grid}.track-mix-state{color:var(--color-muted);font-size:.75rem}.step-cell{border:0;border-right:1px solid var(--color-grid);border-bottom:1px solid var(--color-border);min-width:44px;min-height:116px;color:var(--track-color);background-color:var(--color-surface);background-image:linear-gradient(to bottom, transparent 57px, var(--color-grid) 57px, var(--color-grid) 58px, transparent 58px);border-radius:0;padding:0;display:block;position:relative}.step-cell.beat-start{border-left:1px solid var(--color-border)}.step-cell:hover:not(:disabled){border-right-color:var(--color-border);color:var(--track-color);background-color:color-mix(in srgb, var(--track-color) 6%, var(--color-surface))}.step-cell[aria-pressed=true]{border-right-color:var(--color-grid);color:var(--track-color);background-color:var(--color-selected)}.step-cell.is-current{box-shadow:inset 2px 0 0 var(--color-primary);background-color:var(--color-display)}.step-cell.is-muted .note-block{--key-edge:var(--color-muted);color:var(--color-ink);border-color:var(--color-muted);background:var(--color-display)}.step-cell.is-muted:after{color:var(--color-muted);font-family:var(--font-mono);content:"M";font-size:.75rem;position:absolute;bottom:3px;right:3px}.note-block{--key-lift:-1px;--key-depth:4px;--key-edge:color-mix(in srgb, var(--track-color) 78%, var(--color-ink));top:var(--note-position,50%);border:1px solid color-mix(in srgb, var(--track-color) 55%, var(--color-surface));border-radius:var(--radius-control);height:32px;color:var(--track-color);background:linear-gradient(to bottom, color-mix(in srgb, var(--track-color) 7%, var(--color-surface)), color-mix(in srgb, var(--track-color) 22%, var(--color-surface)));box-shadow:inset 0 1px 0 var(--color-surface), 0 var(--key-depth) 0 var(--key-edge), 0 calc(var(--key-depth) + 3px) 7px color-mix(in srgb, var(--color-ink) 16%, transparent);transform:translateY(-50%);translate:0 var(--key-lift);display:block;position:absolute;left:4px;right:4px}.step-cell:hover:not(:disabled) .note-block{--key-lift:-3px;--key-depth:6px}.step-cell:active:not(:disabled) .note-block{--key-lift:2px;--key-depth:1px}.step-cell:focus-visible .note-block{outline:2px solid var(--color-focus);outline-offset:5px}.note-pitch{color:var(--color-ink);font-family:var(--font-mono);text-align:center;place-items:center;font-size:.8125rem;font-weight:500;line-height:1;display:grid;position:absolute;inset:0}.note-meta{border:1px solid var(--color-surface);color:var(--color-surface);background:var(--track-color);font-family:var(--font-mono);border-radius:3px;padding:2px;font-size:.75rem;line-height:1;position:absolute;top:-7px;right:-3px}.note-meta:empty{display:none}.note-block.is-edited .note-pitch{color:var(--track-color)}.note-velocity{background:color-mix(in srgb, var(--track-color) 72%, var(--color-ink));border-radius:1px;max-width:calc(100% - 6px);height:2px;display:block;position:absolute;bottom:3px;left:3px}.note-block.is-selected{outline:2px solid var(--color-primary);outline-offset:5px}.note-block.is-edited{background:var(--color-surface);border-style:dashed;border-width:2px}.note-popover{z-index:var(--z-popover);border:1px solid var(--color-border);border-top:3px solid var(--track-color);border-radius:var(--radius-panel);background:var(--color-surface);width:380px;max-width:calc(100vw - 24px);max-height:min(620px,100dvh - 24px);color:var(--color-ink);box-shadow:0 12px 35px color-mix(in srgb, var(--color-ink) 20%, transparent);margin:0;padding:0;display:none;position:fixed;inset:auto;overflow:hidden}.note-popover:popover-open{flex-direction:column;display:flex}.note-popover[data-positioned=false]{visibility:hidden}.note-popover-heading{border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.note-popover-heading h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.note-popover-heading .icon-button{flex:0 0 40px;min-height:40px}.note-popover-heading .eyebrow{margin-bottom:3px}.note-popover-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.note-popover .note-source-preview{background:var(--color-surface);border:0;border-radius:0;min-height:0;margin:0;padding:16px}.note-popover .note-source-heading{flex-direction:column;align-items:flex-start;gap:6px}.note-popover .note-source-heading h3{font-size:var(--text-label)}.note-popover .note-source-values{grid-template-columns:1fr;gap:12px;margin-block:12px}.note-popover .note-source-values dt{font-size:var(--text-caption)}.note-popover .note-source-values dd{margin-top:3px}.note-popover .note-source-values>div{border-left:2px solid color-mix(in srgb, var(--track-color) 35%, var(--color-surface));padding-left:10px}.note-popover-hint{border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption);background:var(--color-background);flex:none;margin:0;padding:10px 16px}.empty-step{width:100%;height:100%;color:var(--color-muted);opacity:0;place-items:center;font-size:1rem;display:grid}.step-cell:hover .empty-step,.step-cell:focus-visible .empty-step{opacity:1}.score-legend{border-top:1px solid var(--color-border);min-height:36px;color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:13px;padding:8px 11px;font-size:.75rem;display:flex}.score-legend>span{align-items:center;gap:5px;display:inline-flex}.legend-key{border:1px solid var(--color-melody);background:var(--color-melody);border-radius:1px;width:14px;height:5px;display:inline-block}.legend-key.edited{background:var(--color-surface);border-style:dashed;border-width:2px}.score-timing{font-family:var(--font-mono);margin-left:auto;font-size:.75rem}.score-hint{color:var(--color-muted);align-items:flex-start;gap:8px;padding-top:13px;font-size:.875rem;line-height:1.5;display:flex}.score-hint>.icon{color:var(--color-primary);margin-top:1px}.score-hint p{flex:1}.score-hint>span{font-family:var(--font-mono);text-transform:capitalize;font-size:.75rem}.transport-deck{border-bottom:1px solid var(--color-border);min-width:0;color:var(--color-ink);background:0 0;flex-wrap:wrap;align-items:flex-start;gap:12px;margin:0 0 20px;padding:0 0 16px;display:flex}.transport-controls{flex:1 0 auto;order:0;align-items:center;gap:7px;display:flex}.transport-controls .button{min-height:48px;font-size:var(--text-control);padding-inline:16px}.transport-controls .button>.icon{width:20px;height:20px}.transport-controls .play-button{min-width:104px}.tempo-control{flex:none;order:1}.tempo-control .number-field{grid-template-rows:48px auto;grid-template-columns:minmax(70px,90px) 64px;align-items:center;gap:3px 7px;display:grid}.tempo-control .number-field-label{max-width:90px;font-family:var(--font-body);font-size:var(--text-label);font-weight:600;line-height:1.35}.tempo-control .number-field-input{min-height:48px;color:var(--color-ink);background:var(--color-surface);text-align:center;padding:8px;font-size:1rem}.tempo-control .number-field-error{grid-column:1/-1;max-width:170px}.output-meter{flex:0 152px;order:2;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;min-width:148px;padding-top:1px;display:grid}.output-meter .eyebrow{align-items:center;gap:5px;font-size:.75rem;display:flex}.output-meter meter{appearance:none;background:var(--color-border);border:0;border-radius:2px;grid-column:1/-1;width:100%;height:8px;display:block}.output-meter meter::-webkit-meter-bar{background:var(--color-border);border:0;border-radius:2px;height:8px}.output-meter meter::-webkit-meter-optimum-value{background:var(--color-primary);border-radius:2px}.output-meter meter::-moz-meter-bar{background:var(--color-primary);border-radius:2px}.output-meter>span{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.output-meter .meter-caption{text-align:right;font-size:.75rem}.transport-state{min-width:145px;color:var(--color-muted);order:3;align-items:flex-start;gap:6px;padding-top:3px;font-size:.75rem;display:inline-flex}.transport-state>.status-dot{margin-top:5px}.transport-state small{color:var(--color-muted);font-family:var(--font-mono);margin-top:4px;font-size:.75rem;display:block}.mapping-panel{gap:17px;display:grid}.mapping-list{border-top:1px solid var(--color-border);gap:0;display:grid}.mapping-row{border-bottom:1px solid var(--color-border);gap:4px;min-width:0;padding:13px 0 10px;display:grid}.mapping-main{grid-template-columns:6px minmax(100px,1fr) 18px minmax(110px,1fr) minmax(78px,.65fr) 38px 38px;align-items:end;gap:7px;display:grid}.mapping-port{background:var(--track-color);border-radius:50%;width:6px;height:6px;margin-bottom:20px}.mapping-arrow{color:var(--color-muted);place-items:center;margin-bottom:14px;display:grid}.mapping-main select{min-height:46px;font-size:var(--text-control);padding:9px 12px}.mapping-main .icon-button{background:0 0;border-color:#0000;width:38px;min-height:38px;margin-bottom:4px}.mapping-explainer{margin-top:10px}.mapping-glossary{border-block:1px solid var(--color-border);font-size:var(--text-label);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 18px;margin-block:16px;padding-block:14px;display:grid}.mapping-glossary dt{color:var(--color-ink);font-weight:700}.mapping-glossary dd{color:var(--color-muted);margin:3px 0 0}.mapping-lock[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-primary);background:var(--color-selected)}.mapping-remove:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.mapping-rule{min-width:0;padding-left:13px}.mapping-rule>summary{min-height:34px;color:var(--color-muted);align-items:center;gap:4px;font-size:.75rem;list-style:none;display:inline-flex}.mapping-rule>summary::-webkit-details-marker{display:none}.mapping-rule>summary:hover{color:var(--color-primary)}.mapping-rule[open]>summary>.icon{transform:rotate(180deg)}.locked-label{color:var(--color-primary)}.rule-content{border-left:2px solid var(--color-accent);color:var(--color-muted);background:var(--color-background);font-family:var(--font-mono);overflow-wrap:anywhere;gap:9px;margin-block:5px;padding:10px 12px;font-size:.875rem;line-height:1.65;display:grid}.rule-content>.select-field,.rule-content>.number-field{width:min(100%,230px)}.mapping-lock-hint{padding-left:13px}.mapping-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.mapping-footer strong{font-size:.875rem;font-weight:700}.mapping-footer p{color:var(--color-muted);margin-top:4px;font-size:.875rem}.mapping-footer>.button{flex:none}.preview-panel{padding-block:0}.preview-panel>summary{justify-content:space-between;align-items:center;gap:12px;min-height:58px;list-style:none;display:flex}.preview-panel>summary::-webkit-details-marker{display:none}.preview-panel>summary>span{align-items:center;gap:8px;min-width:0;display:flex}.preview-panel>summary strong{font-size:1rem;font-weight:700}.preview-panel>summary .helper-text{margin-left:4px;font-size:.875rem}.preview-panel[open]{padding-bottom:var(--space-panel)}.preview-panel[open]>summary>.icon{transform:rotate(180deg)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);scrollbar-gutter:stable;min-width:0;max-width:100%;max-height:330px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:580px;font-size:.875rem}th,td{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;padding:9px 10px}th:last-child,td:last-child{border-right:0}tbody tr:last-child>*{border-bottom:0}thead th{z-index:2;color:var(--color-muted);background:var(--color-background);font-weight:600;position:sticky;top:0}tbody th{z-index:1;color:var(--color-muted);background:var(--color-surface);font-family:var(--font-mono);font-weight:400;position:sticky;left:0}thead th:first-child{z-index:3;left:0}td{min-width:110px;max-width:230px;font-family:var(--font-mono)}.table-caption{color:var(--color-muted);margin-top:9px;font-size:.875rem}.inspector-panel{align-content:start;gap:17px;padding:24px 20px;display:grid}.note-identity{border-left:3px solid var(--track-color);border-radius:0 var(--radius-control) var(--radius-control) 0;color:var(--color-ink);background:color-mix(in srgb, var(--track-color) 7%, var(--color-surface));justify-content:space-between;align-items:center;gap:9px;padding:13px 11px;display:flex}.note-identity>div{gap:5px;display:grid}.selected-note-name{font-family:var(--font-display);letter-spacing:-.045em;font-size:3rem;font-weight:650;line-height:1.1}.note-source-label{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.origin-badge{border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-surface);border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:.75rem;display:inline-flex}.note-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;display:grid}.note-fields .select-field{grid-template-rows:auto 46px minmax(1.3em,auto)}.note-fields .select-field:after{content:"";min-height:1.3em}.note-actions{flex-wrap:wrap;gap:8px;display:flex}.note-actions .button{flex:1;min-width:97px;padding-inline:8px;font-size:.875rem}.provenance-heading{border-top:1px solid var(--color-border);gap:4px;padding-top:5px;display:grid}.provenance-heading h3{letter-spacing:-.02em;margin-top:9px;font-size:1.125rem;font-weight:750}.provenance-heading .eyebrow{font-size:.75rem}.provenance-list{gap:10px;display:grid}.provenance-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:0}.provenance-card>summary{min-height:46px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:7px;padding:10px;font-size:.875rem;font-weight:600;list-style:none;display:flex}.provenance-card>summary::-webkit-details-marker{display:none}.provenance-card>summary>span{overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;display:flex}.provenance-card>summary:hover{color:var(--color-primary)}.provenance-card[open]>summary{border-bottom:1px solid var(--color-border);color:var(--color-ink);background:var(--color-background)}.provenance-card[open]>summary>.icon{transform:rotate(180deg)}.provenance-dot{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.provenance-body{gap:12px;padding:10px;display:grid}.provenance-body dl{gap:8px;margin:0;display:grid}.provenance-body dl>div{grid-template-columns:96px minmax(0,1fr);gap:7px;display:grid}.provenance-body dt,.mapping-result span{color:var(--color-muted);font-size:.75rem}.provenance-body dd{font-family:var(--font-mono);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.875rem}.mapping-math{border-left:2px solid var(--color-accent);color:var(--color-ink);background:var(--color-display);padding:10px}.mapping-math>span{color:var(--color-primary);font-family:var(--font-mono);letter-spacing:.05em;font-size:.75rem}.mapping-math p{font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:6px;font-size:.875rem;line-height:1.65}.mapping-result{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mapping-result strong{color:var(--color-primary);overflow-wrap:anywhere;font-size:1rem;font-weight:750}.manual-notice{border-left:2px solid var(--color-primary);color:var(--color-muted);background:var(--color-display);overflow-wrap:anywhere;padding:10px 11px;font-size:.875rem;line-height:1.6}.manual-notice strong{color:var(--color-ink);margin-bottom:3px;display:block}.empty-inspector{text-align:center;align-content:center;place-items:center;min-height:272px;padding:20px 4px;display:grid}.empty-inspector>.icon{color:var(--color-primary)}.empty-inspector h3{letter-spacing:-.035em;margin-top:16px;font-size:1rem;font-weight:750}.empty-inspector p{max-width:220px;color:var(--color-muted);margin-top:8px;font-size:.875rem;line-height:1.7}.quick-guide{position:relative}.quick-guide>summary{border-radius:var(--radius-control);min-height:46px;color:var(--color-muted);border:1px solid #0000;align-items:center;gap:6px;padding:0 9px;font-size:.875rem;font-weight:650;list-style:none;display:flex}.quick-guide>summary::-webkit-details-marker{display:none}.quick-guide>summary:hover,.quick-guide[open]>summary{border-color:var(--color-border);color:var(--color-primary);background:var(--color-surface)}.guide-popover{z-index:var(--z-popover);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);width:min(360px,100vw - 32px);max-height:calc(100dvh - 120px);box-shadow:0 12px 35px color-mix(in srgb, var(--color-ink) 12%, transparent);padding:23px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto}.guide-popover h2{letter-spacing:-.04em;margin:7px 0 16px;font-size:1.2rem;font-weight:750}.guide-popover ol{color:var(--color-muted);gap:10px;margin:0;padding-left:19px;font-size:.875rem;line-height:1.6;display:grid}.guide-popover strong{color:var(--color-ink)}.guide-popover .helper-text{border-top:1px solid var(--color-border);margin-top:17px;padding-top:14px}.feedback-slot{min-height:44px;margin-bottom:10px;padding:4px 0 8px}.status-message{min-height:32px;color:var(--color-muted);align-items:center;gap:7px;font-size:.875rem;display:flex}.status-message .icon{color:var(--color-primary)}.error-banner,.notice-banner,.empty-state,.inline-notice{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-muted);background:var(--color-background);overflow-wrap:anywhere;padding:12px 13px;font-size:.875rem;line-height:1.65}.error-banner{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border));color:var(--color-danger);background:var(--color-danger-soft);align-items:flex-start;gap:8px;display:flex}.empty-state{border-style:dashed}.inline-notice{margin-top:12px}.loading-state{min-height:320px;color:var(--color-muted);text-align:center;place-content:center;gap:12px;display:grid}.confirm-dialog{z-index:var(--z-dialog);border:1px solid var(--color-border);border-radius:var(--radius-panel);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-ink);background:var(--color-surface);box-shadow:0 20px 65px color-mix(in srgb, var(--color-ink) 18%, transparent);margin:auto;padding:0;overflow:auto}.confirm-dialog::backdrop{background:color-mix(in srgb, var(--color-ink) 36%, transparent)}.dialog-content{overflow-wrap:anywhere;padding:26px}.dialog-content h2{letter-spacing:-.035em;margin-bottom:13px;font-size:1.25rem;font-weight:750;line-height:1.3}.dialog-content p{color:var(--color-muted);font-size:1rem;line-height:1.7}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.dialog-actions .button{min-height:41px}.app-footer{border-top:1px solid var(--color-border);min-height:74px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:.75rem;display:flex}.footer-mark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.055em;font-size:1rem;font-weight:800}.app-footer>span:last-child{text-align:right;align-items:center;gap:6px;display:inline-flex}@media (width<=1659px){.studio-layout{grid-template-columns:224px minmax(0,1fr)}.data-panel{grid-area:1/1/span 2}.workbench{grid-area:1/2}.inspector-panel{grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.inspector-panel>.panel-heading,.inspector-panel>.provenance-heading,.inspector-panel>.provenance-list,.inspector-panel>.manual-notice,.inspector-panel>.empty-inspector,.inspector-panel>.helper-text,.inspector-panel>.empty-state{grid-column:1/-1}.note-fields{grid-area:2/2/span 2}.note-identity,.note-actions{align-self:start}.provenance-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.brand-descriptor{display:none}}@media (width<=1050px){.app-shell{padding-inline:22px}.studio-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.local-badge{display:none}.workspace-heading{flex-direction:column;align-items:flex-start;gap:6px;padding-block:18px 8px}.workflow-nav{margin-left:-11px}.panel,.sequencer-panel{padding-inline:17px}.data-panel{padding-inline:0}.mapping-main{grid-template-columns:6px minmax(80px,1fr) 14px minmax(95px,1fr) minmax(67px,.65fr) 38px 38px;gap:4px}.transport-deck{gap:14px}.output-meter{flex-grow:1}}@media (width<=1240px){.app-shell{padding-inline:18px}.studio-layout{flex-direction:column;gap:20px;display:flex}.workbench,.inspector-panel{width:100%}.data-panel{width:100%;padding:var(--space-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.quick-guide{position:static}.guide-popover{width:auto;top:calc(100% + 8px);left:0;right:0}.column-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px}.dataset-card{grid-template-columns:30px minmax(0,1fr) auto}.dataset-type{grid-area:1/3/span 2;align-self:center;margin:0}.dataset-card>span:not(.dataset-type){grid-column:2}.column-inspection{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}.column-inspection-heading,.column-inspection>.helper-text{grid-column:1/-1}.column-inspection .stats-grid{grid-area:2/1/span 2}.column-chart{grid-area:2/2;height:100px}.chart-axis{grid-column:2}}@media (width<=580px){.app-shell{padding-inline:12px}.app-header{flex-wrap:wrap;align-items:flex-start;gap:15px;padding-block:18px}.wordmark{font-size:2rem}.brand-symbol{width:44px;height:44px}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.header-actions .button{min-height:44px;padding-inline:9px;font-size:.875rem}.header-actions .button>.icon{width:15px;height:15px}.quick-guide>summary{justify-content:center;min-height:44px;padding-inline:4px;font-size:.875rem}.workspace-heading{padding-block:18px 8px}.workspace-heading h1{font-size:1.625rem}.workspace-heading p:not(.eyebrow){font-size:.875rem}.workflow-nav{width:100%}.workflow-nav a{padding-inline:10px;font-size:.875rem}.session-meta{display:none}.panel,.sequencer-panel{padding:15px}.sequencer-panel>.panel-heading{flex-wrap:wrap;gap:13px}.window-controls{margin-left:auto}.score-timing{flex-basis:100%;margin-left:0}.score-hint>span{display:none}.transport-deck{gap:11px 17px;margin-top:0;padding-top:0}.transport-controls{flex-wrap:wrap;flex-basis:100%}.transport-controls .button{flex:1;gap:5px;min-width:0;min-height:46px;padding-inline:7px;font-size:.875rem}.transport-controls .button>.icon{width:18px;height:18px}.tempo-control{flex:0 0 164px}.output-meter{flex:125px}.mapping-main{grid-template-columns:16px minmax(0,1fr) 38px 38px;gap:6px}.mapping-port{grid-area:1/1}.mapping-source{grid-area:1/2/auto/-1}.mapping-arrow{grid-area:2/1}.mapping-target{grid-area:2/2/auto/-1}.mapping-track{grid-area:3/2}.mapping-lock{grid-area:3/3}.mapping-remove{grid-area:3/4}.mapping-panel>.panel-heading>.button{padding-inline:7px;font-size:.875rem}.mapping-footer{flex-direction:column;align-items:flex-start;gap:13px}.mapping-footer>.button{align-self:flex-end}.preview-panel{padding-block:0}.preview-panel>summary>span{flex-wrap:wrap;gap:6px;padding-block:11px}.preview-panel>summary .helper-text{flex-basis:100%;margin-left:25px}.inspector-panel{grid-template-columns:1fr}.note-fields{grid-area:auto}.provenance-list{grid-template-columns:1fr}.empty-inspector{min-height:210px}.dataset-card{grid-template-columns:30px minmax(0,1fr)}.dataset-type{grid-area:auto/1/auto/-1;margin-top:6px}.column-inspection{gap:12px}.dialog-content{padding:22px}.app-footer{flex-wrap:wrap;gap:9px 15px;min-height:80px;padding-block:17px 3px}.app-footer>span:last-child{text-align:left;flex-basis:100%}tbody th{position:static}thead th:first-child{left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){:root{--color-background:Canvas;--color-surface:Canvas;--color-ink:CanvasText;--color-muted:CanvasText;--color-primary:Highlight;--color-accent:Highlight;--color-display:Canvas;--color-displayText:CanvasText;--color-melody:LinkText;--color-pulse:LinkText;--color-bass:LinkText;--color-border:ButtonBorder;--color-danger:LinkText;--color-grid:ButtonBorder;--color-selected:Canvas;--color-focus:Highlight;--scrollbar-thumb:ButtonText;--scrollbar-track:Canvas}*{scrollbar-color:auto;forced-color-adjust:auto}.guide-popover,.confirm-dialog,.note-popover,.note-block,.source-trace-cell,.step-cell{box-shadow:none}.step-cell{background-image:none}.source-stem,.source-stem:before,.note-block{background:canvas;border:1px solid linktext}.note-block .note-pitch{color:canvastext}.note-block{translate:none}.step-cell[aria-pressed=true],.source-trace-cell.is-selected,.source-trace-cell.is-current,.score-step-label.is-current,.step-cell.is-current,button[aria-pressed=true]{outline-offset:-3px;outline:2px solid highlight}.note-block.is-edited{background:canvas;border-style:dashed}.note-block.is-selected{outline-offset:3px;outline:2px solid highlight}}.agent-activity{margin-block:24px var(--space-section);padding:12px 16px}.agent-summary,.agent-trace-heading{justify-content:space-between;align-items:baseline;gap:var(--space-control);flex-wrap:wrap;display:flex}.agent-summary h2{font-size:var(--text-control)}.agent-summary>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.agent-revision{font-size:var(--text-caption);color:var(--color-muted)}.agent-activity .local-badge{font-size:var(--text-label);margin:0;display:inline-flex}.agent-activity[data-registration=ready] .status-dot{border-color:var(--color-bass);background:var(--color-bass)}.agent-activity[data-registration=error] .status-dot{border-color:var(--color-danger);background:var(--color-danger)}.agent-activity .helper-text{margin-block:6px;line-height:1.55}.agent-registration-message{font-weight:600}.agent-trace summary{cursor:pointer;font-size:var(--text-label);overflow-wrap:anywhere;padding-block:8px;line-height:1.5}.agent-trace summary:hover{color:var(--color-primary)}.agent-trace summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.agent-trace ol{scrollbar-gutter:stable;max-height:24rem;padding-inline-start:var(--space-panel);overflow:auto}.agent-trace li{border-block-start:1px solid var(--color-border);padding-block:var(--space-control);font-size:var(--text-label);overflow-wrap:anywhere}.agent-trace pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-caption)}.agent-trace time{font-size:var(--text-caption);color:var(--color-muted)}.track-sound-controls,.now-playing{border-block-start:1px solid var(--color-border);padding-block:var(--space-panel)}.track-sound-controls>summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:700}.track-sound-controls>summary:hover{color:var(--color-primary)}.track-sound-controls>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.track-sound-controls>summary:active{opacity:.7}.track-sound-list{gap:var(--space-control);display:grid}.track-sound-row{align-items:start;gap:var(--space-control);padding-block:var(--space-control);border-block-end:1px solid var(--color-border);grid-template-columns:minmax(5rem,.6fr) minmax(12rem,2fr) minmax(5rem,.7fr) minmax(6rem,.8fr);display:grid}.track-sound-field{min-width:0}.track-field-help{overflow-wrap:anywhere;margin-block:4px 0;font-weight:400;display:block}.track-sound-row>strong{border-inline-start:3px solid var(--track-color,var(--color-primary));padding-inline-start:var(--space-control)}.track-sound-row input,.track-sound-row select{width:100%;min-width:0}.now-playing{overflow-wrap:anywhere;min-height:9rem;margin-block-start:var(--space-panel)}.now-playing-title{gap:var(--space-control);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.now-playing-title h3{margin:0 0 var(--space-control)}.now-playing-title span{color:var(--color-muted);font-size:var(--text-label)}.now-playing ul{gap:var(--space-panel);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.now-playing li{border-inline-start:3px solid var(--track-color,var(--color-border));font-size:var(--text-label);padding-inline-start:var(--space-control)}.now-playing small{margin-block:var(--space-unit);color:var(--color-muted);display:block}@media (width<=760px){.track-sound-row{grid-template-columns:1fr 1fr}.track-sound-row>strong,.track-sound-row>.select-field{grid-column:1/-1}.now-playing ul{grid-template-columns:1fr}}.app-shell .note-block{transition:top .22s ease-out,translate .12s ease-out,box-shadow .12s ease-out}.app-shell .source-stem{transition:height .2s ease-out}.app-shell[data-playing=true] .step-cell.is-current:not(.is-muted) .note-block{animation:.18s ease-out lingji-note-pulse}.app-shell[data-playing=true] .source-trace-cell.is-current:not(.is-missing) .source-stem:before{animation:.18s ease-out lingji-source-pulse}.app-shell[data-playing=true] .status-dot.is-playing{animation:.16s ease-out lingji-fade-in}.app-shell .button,.confirm-dialog .button{transition:transform .1s ease-out,color .15s,background-color .15s,border-color .15s}.app-shell .button:active:not(:disabled),.confirm-dialog .button:active:not(:disabled){transform:translateY(1px)}.confirm-dialog[open],.confirm-dialog[open]::backdrop,.app-shell .quick-guide[open] .guide-popover,.app-shell .provenance-card[open] .provenance-body{animation:.16s ease-out lingji-fade-in}@keyframes lingji-note-pulse{0%,to{opacity:1;transform:translateY(-50%)scale(1)}45%{opacity:.88;transform:translateY(-50%)scale(1.04)}}@keyframes lingji-source-pulse{0%,to{opacity:1;transform:scale(1)}45%{opacity:.8;transform:scale(1.2)}}@keyframes lingji-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell,.app-shell *,.app-shell :before,.app-shell :after,.confirm-dialog,.confirm-dialog::backdrop,.confirm-dialog *,.confirm-dialog :before,.confirm-dialog :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.app-shell .button:active:not(:disabled),.confirm-dialog .button:active:not(:disabled){transform:none}.app-shell .note-block{translate:none}}