.score-visualization.mode-starfield .starfield-explorer{--starfield-columns: clamp(8rem, 19%, 13rem) minmax(0, 1fr) clamp(7rem, 20%, 14rem);--starfield-column-gap: .85rem;position:absolute;z-index:5;inset:3.1rem .8rem 1rem;display:grid;grid-template-rows:minmax(2.25rem,auto) minmax(0,1fr) auto;gap:.4rem;min-width:0;color:#e7f8ff;pointer-events:auto;font-size:.75rem}.starfield-explorer-heading{display:grid;grid-template-columns:var(--starfield-columns);align-items:end;gap:.65rem var(--starfield-column-gap);min-width:0}.starfield-explorer-heading label{display:grid;gap:.15rem;min-width:0}.starfield-explorer-heading label>span{color:#b4cddc;font-size:.625rem}.starfield-explorer-heading .starfield-mobile-instrument-picker{display:none}.starfield-score-picker{grid-column:2;justify-self:center;width:min(100%,18rem)}.starfield-explorer-heading .starfield-score-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem}.starfield-score-picker>span{white-space:nowrap}.starfield-explorer select{width:100%;min-width:0;min-height:1.75rem;padding:.2rem .35rem;border:1px solid #527184;border-radius:.5rem;color:#e7f8ff;background:#0b2030;color-scheme:dark;font:inherit;font-size:.68rem;text-overflow:ellipsis}.starfield-explorer-body{display:grid;grid-template-columns:var(--starfield-columns);gap:var(--starfield-column-gap);min-height:0;min-width:0}.starfield-instrument-library{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#527184 transparent;padding:.3rem .55rem .5rem 0}.starfield-library-label,.starfield-instrument-group h3{display:block;margin:0 0 .4rem;color:#b4cddc;font-size:.65rem;font-weight:600}.starfield-instrument-group h3{margin-top:1rem;text-transform:uppercase;letter-spacing:.1em}.starfield-instrument-library button{display:block;width:100%;min-height:2.25rem;margin:.15rem 0;padding:.45rem .6rem;border:1px solid transparent;border-radius:.45rem;background:#051421a6;color:#c2d9e7;font:inherit;line-height:1.3;text-align:left;cursor:pointer}.starfield-instrument-library button:hover{background:#16394c;color:#fff}.starfield-instrument-library button[aria-pressed=true]{border-color:#7dd3fc;background:#16394c;color:#fff}.starfield-explorer button:focus-visible,.starfield-explorer select:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.score-visualization.mode-starfield .starfield-explorer .starfield-score-page{position:relative;inset:auto;width:100%;height:100%;transform:none}.score-visualization.mode-starfield .starfield-explorer .starfield-explorer-body>.wind-visualizer{position:relative;inset:auto;width:100%;height:100%;min-height:0;border-radius:1rem;transform:none}.score-visualization.mode-starfield .starfield-explorer .wind-fingering-panel,.score-visualization.mode-starfield .starfield-explorer .starfield-pitch-guide-panel{padding:.8rem .4rem}.score-visualization.mode-starfield .starfield-explorer .wind-fingering-panel header strong{text-align:center;font-size:.68rem}.score-visualization.mode-starfield .starfield-explorer .wind-current-note{padding:.4rem .2rem;gap:.25rem}.score-visualization.mode-starfield .starfield-explorer .wind-written-note small{font-size:.5rem;letter-spacing:0;white-space:nowrap}.score-visualization.mode-starfield .starfield-explorer .wind-sounding-note{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.2rem}.score-visualization.mode-starfield .starfield-explorer .wind-idle-note strong{font-size:2rem}.score-visualization.mode-starfield .starfield-explorer .wind-instrument-diagram{width:100%;height:100%;min-height:0}.starfield-explorer .wind-diagram-legend{display:none}.starfield-explorer-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;margin:0;color:#b4cddc;font-size:.65rem}.starfield-explorer-caption strong{color:#e7f8ff;font-weight:600}.wind-range-note{display:grid;gap:.3rem;text-align:center;color:#fcd48b}.wind-range-note small{font-size:.6rem;line-height:1.35}@media(min-width:960px){.score-visualization.mode-starfield .starfield-explorer{top:max(.6rem,env(safe-area-inset-top))}}@media(max-width:680px){.score-visualization.mode-starfield .starfield-explorer{--starfield-columns: minmax(0, 1fr) minmax(5.5rem, 30%);--starfield-column-gap: .5rem;inset:3rem .45rem .6rem;gap:.35rem}.starfield-explorer-heading{row-gap:.45rem}.starfield-explorer-heading .starfield-mobile-instrument-picker{display:grid;grid-column:2}.starfield-explorer-heading .starfield-score-picker{grid-template-columns:minmax(0,1fr);gap:.15rem}.starfield-score-picker{grid-column:1;width:100%}.starfield-instrument-library{display:none}.starfield-explorer-caption{font-size:.6rem}.starfield-explorer-caption>span:last-child{display:none}}.listen-canvas-controls{position:absolute;z-index:30;top:max(.6rem,env(safe-area-inset-top));left:max(.6rem,var(--timeline-pitch-axis-width, 0px),env(safe-area-inset-left));max-width:calc(100% - 1.2rem - var(--timeline-pitch-axis-width, 0px));display:flex;flex-wrap:wrap;align-items:flex-start;gap:.35rem;pointer-events:auto}.listen-canvas-controls-main,.listen-canvas-zoom{display:flex;align-items:center;gap:.15rem;min-width:0;padding:.2rem;border:1px solid var(--color-line-strong);border-radius:9px;background:color-mix(in srgb,var(--color-panel-raised) 93%,transparent);color:var(--color-ink);box-shadow:0 3px 12px #18221f21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.listen-canvas-picker{display:flex;align-items:center;gap:.3rem;min-width:0;padding-left:.4rem;color:var(--color-teal)}.listen-canvas-picker svg{flex-shrink:0}.listen-canvas-picker select{width:9rem;min-width:0;min-height:1.8rem;padding:.2rem .3rem;border:0;border-radius:5px;background:transparent;color:var(--color-ink);font-family:inherit;font-size:.75rem;font-weight:650}.listen-canvas-controls button{display:grid;place-items:center;flex:0 0 auto;width:1.9rem;height:1.9rem;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit}.listen-canvas-controls button:hover{background:color-mix(in srgb,var(--color-teal) 12%,transparent)}.listen-canvas-controls button:focus-visible,.listen-canvas-picker select:focus-visible{outline:2px solid var(--color-teal);outline-offset:-2px}.listen-canvas-controls button:disabled{opacity:.35}.listen-canvas-zoom output{min-width:2.6rem;font-size:.68rem;font-weight:700;text-align:center}.timeline.visualizing .listen-canvas-controls-main,.timeline.visualizing .listen-canvas-zoom{border-color:#e0f0ef47;background:#040f14d6;color:#f3fffd}.timeline.visualizing .listen-canvas-picker{color:#9eeadd}.timeline.visualizing .listen-canvas-picker select{color:#f3fffd;color-scheme:dark}.timeline-stage.visualizer-fullscreen .listen-canvas-controls{left:max(.6rem,env(safe-area-inset-left))}.classic-score-scrollport[data-pan-mode=true],.classic-score-scrollport[data-pan-mode=true] *{cursor:grab}.classic-score-scrollport[data-panning=true],.classic-score-scrollport[data-panning=true] *{cursor:grabbing;-webkit-user-select:none;user-select:none}.classic-score-map{position:absolute;z-index:20;right:.6rem;bottom:.6rem;width:min(20rem,calc(100% - 1.2rem));height:clamp(4rem,24%,6rem);border:1px solid var(--color-line-strong);border-radius:9px;background:color-mix(in srgb,var(--color-panel-raised) 96%,transparent);box-shadow:0 3px 12px #18221f2e;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.classic-score-map:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.classic-score-map-label{position:absolute;top:.35rem;left:.5rem;color:var(--color-muted);font-size:.6rem;font-weight:650}.classic-score-map-surface{position:absolute;inset:1.35rem .5rem .45rem}.timeline.compact .classic-score-map .timeline-density-overview{inset:0;width:100%;height:100%}.classic-score-map-viewport{position:absolute;z-index:2;border:2px solid var(--color-teal);border-radius:3px;background:color-mix(in srgb,var(--color-teal) 12%,transparent);pointer-events:none}.listen-canvas-stage:not(.visualizer-fullscreen) .score-visualization{--listen-guide-width: clamp(6.3rem, 26%, 13rem)}.listen-canvas-stage:not(.visualizer-fullscreen) .starfield-score-page{top:4rem;bottom:1rem;left:calc(var(--timeline-pitch-axis-width) + .6rem);right:calc(var(--listen-guide-width) + 1.6rem);width:auto;transform:none}.listen-canvas-stage:not(.visualizer-fullscreen) .score-visualization .wind-visualizer{top:4rem;bottom:1rem;right:.6rem;width:var(--listen-guide-width);height:auto;min-height:0;transform:none}.listen-canvas-stage:not(.visualizer-fullscreen) .starfield-pitch-guide-panel{gap:.3rem;padding:.8rem .4rem}.listen-canvas-stage:not(.visualizer-fullscreen) .starfield-pitch-guide-current{min-height:3.5rem}.listen-canvas-stage:not(.visualizer-fullscreen) .starfield-pitch-guide-orbit span{max-width:100%;max-height:100%}@media(max-width:640px){.listen-canvas-controls{left:.4rem;top:.4rem;max-width:calc(100% - .8rem);gap:.25rem}.listen-canvas-picker select{width:8rem}.listen-canvas-zoom{flex-basis:auto}}.score-entry-controls{display:inline-flex;align-items:center;flex:0 0 auto;gap:.35rem}.score-entry-mode-switch{display:inline-flex;padding:.15rem;border:1px solid #435067;border-radius:8px;background:#0b111b}.score-entry-mode-switch button,.score-entry-controls .score-entry-options-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2rem;padding:0 .55rem;border:1px solid transparent;border-radius:5px;background:transparent;color:#c2ccda;font-size:.7rem;font-weight:650;white-space:nowrap}.score-entry-mode-switch button[aria-pressed=true]{border-color:#4d8b7f;background:#215f58;color:#fff7e5}.score-entry-mode-switch button:hover,.score-entry-controls .score-entry-options-toggle:hover,.score-entry-controls .score-entry-options-toggle[aria-expanded=true]{background:#293548;color:#fff}.score-entry-options-indicator{width:.375rem;height:.375rem;border-radius:50%;background:#e8c88d}.score-entry-options-menu{position:fixed;z-index:80;display:grid;gap:.5rem;padding:.85rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-line-strong);border-radius:10px;background:var(--color-panel-raised);color:var(--color-ink);box-shadow:0 12px 30px #46371f2e;font-size:.78rem}.score-entry-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.score-entry-options-heading button{display:inline-grid;place-items:center;width:2rem;min-height:2rem;padding:0;border:0;background:transparent;color:var(--color-muted)}.score-entry-rhythm-option{display:flex;align-items:center;gap:.5rem;min-height:2rem;font-weight:650;cursor:pointer}.score-entry-rhythm-option input{width:1rem;height:1rem;margin:0;accent-color:var(--color-teal)}.score-entry-behavior-option{display:grid;gap:.5rem;margin-top:.5rem;font-weight:650}.score-entry-behavior-option select{width:100%;min-height:2.25rem;padding:0 .5rem;border:1px solid var(--color-line-strong);border-radius:6px;background:var(--color-panel);color:var(--color-ink)}.score-entry-options-menu p{color:var(--color-muted);font-size:.72rem;line-height:1.5}.score-entry-options-menu .score-entry-selection-hint{padding-top:.5rem;border-top:1px solid var(--color-line)}.overview-marker-ruler{display:grid;flex:0 0 auto;grid-template-columns:var(--compact-score-label-width) minmax(0,1fr);min-height:3.375rem;background:var(--color-panel-raised);border-bottom:1px solid var(--color-line)}.overview-marker-ruler-label{display:flex;align-items:center;justify-content:space-between;align-self:start;gap:.2rem;min-height:3.375rem;padding:.4rem .45rem;color:var(--color-muted);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.overview-marker-add{display:grid;place-items:center;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;min-height:0;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-teal) 9%,transparent);color:var(--color-teal)}.overview-marker-add:hover{background:var(--color-teal);color:var(--color-white)}.overview-marker-rail{position:relative;min-width:0;max-height:108px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none}.overview-marker-rail::-webkit-scrollbar{display:none}.overview-marker-cards{position:relative;min-width:0}.overview-marker-card{position:absolute;height:48px;min-width:0;border:1px solid color-mix(in srgb,var(--marker-color) 32%,transparent);border-radius:6px;background:color-mix(in srgb,var(--marker-color) 14%,var(--color-white));color:var(--marker-color);box-shadow:inset 3px 0 0 var(--marker-color);transition:background .12s}.overview-marker-card[data-active=true]{background:color-mix(in srgb,var(--marker-color) 23%,var(--color-white));border-color:var(--marker-color)}.overview-marker-card[data-dragging=true]{z-index:5;box-shadow:inset 3px 0 0 var(--marker-color),0 3px 8px #18221f33}.overview-marker-card:after{content:"";position:absolute;left:0;bottom:0;width:min(100%,var(--marker-span-width));height:3px;border-radius:0 0 4px 4px;background:var(--marker-color);pointer-events:none}.overview-marker-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.25rem;width:100%;height:100%;min-width:0;min-height:0;padding:.3rem .5rem;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:left;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.overview-marker-body:active{cursor:grabbing}.overview-marker-body strong{padding-right:1.05rem;font-size:.68rem;line-height:1.15}.overview-marker-body strong,.overview-marker-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-marker-preview{color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:.67rem;line-height:1.2;opacity:.85}.overview-marker-edit{position:absolute;z-index:2;top:2px;right:6px;display:grid;place-items:center;width:20px;height:20px;min-height:0;padding:0;border:0;border-radius:4px;background:transparent;color:inherit}.overview-marker-edit:hover{background:color-mix(in srgb,var(--marker-color) 18%,transparent)}.overview-marker-resize{position:absolute;top:0;bottom:0;z-index:3;width:7px;cursor:ew-resize;touch-action:none;border-radius:4px}.overview-marker-resize-start{left:0}.overview-marker-resize-end{right:0}.overview-marker-resize:after{content:"";position:absolute;inset:15px 2px;border-left:2px solid var(--marker-color);opacity:.5}.overview-marker-resize:hover:after,.overview-marker-resize:focus-visible:after{opacity:1}.overview-marker-resize:focus-visible,.overview-marker-edit:focus-visible,.overview-marker-body:focus-visible{outline:2px solid var(--marker-color);outline-offset:-2px}.overview-marked-lanes{position:relative;flex:0 0 auto;min-width:0}.overview-marker-lines{position:absolute;inset:0 0 0 var(--compact-score-label-width);overflow:hidden;pointer-events:none;z-index:1}.overview-marker-line{position:absolute;top:0;bottom:0;border-left:1px dashed var(--marker-color);opacity:.3}.overview-marker-line[data-active=true]{border-left-style:solid;border-right:1px dashed var(--marker-color);background:color-mix(in srgb,var(--marker-color) 6%,transparent);opacity:.7}.overview-marker-editor{width:min(29rem,calc(100vw - 1.5rem));max-width:none;max-height:calc(100dvh - 1.5rem);margin:auto;padding:0;overflow-y:auto;border:1px solid var(--color-line-strong);border-radius:14px;background:var(--color-panel-raised);color:var(--color-ink);box-shadow:0 20px 70px #18221f3d}.overview-marker-editor::backdrop{background:#18221f59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overview-marker-editor form{display:grid;gap:.8rem;padding:1.1rem}.overview-marker-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.overview-marker-editor header span{color:var(--color-teal);font-size:.6rem;font-weight:750;letter-spacing:.12em}.overview-marker-editor h2{margin:.3rem 0 0;font-size:1.35rem;font-family:Georgia,Times New Roman,serif;font-weight:500}.overview-marker-editor button{min-height:2rem;padding:.35rem .6rem;border:1px solid var(--color-line);border-radius:6px;background:var(--color-panel);color:var(--color-ink);font-size:.75rem}.overview-marker-editor header button{display:grid;place-items:center;border:0;background:transparent}.overview-marker-editor label{display:grid;gap:.4rem;min-width:0;font-size:.75rem;font-weight:650}.overview-marker-editor input,.overview-marker-editor textarea{box-sizing:border-box;width:100%;min-width:0;padding:.55rem .65rem;border:1px solid var(--color-line-strong);border-radius:6px;background:var(--color-white);color:var(--color-ink);font-family:inherit;font-size:.85rem;font-weight:400;line-height:1.5}.overview-marker-editor textarea{resize:vertical;min-height:6rem;font-family:inherit;font-size:.85rem}.overview-marker-editor input:focus-visible,.overview-marker-editor textarea:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.overview-marker-suggestions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:-.35rem}.overview-marker-suggestions button{min-height:1.6rem;padding:.2rem .5rem;border-radius:20px;font-size:.65rem;color:var(--color-teal)}.overview-marker-position-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.6rem}.overview-marker-position-fields button{margin-bottom:.12rem}.overview-marker-save-hint{margin:0;color:var(--color-muted);font-size:.68rem;line-height:1.5}.overview-marker-error{margin:0;color:var(--color-coral);font-size:.75rem}.overview-marker-editor footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.7rem;border-top:1px solid var(--color-line)}.overview-marker-editor .overview-marker-delete{display:flex;align-items:center;gap:.3rem;margin-right:auto;color:var(--color-coral);border-color:transparent;background:transparent}.overview-marker-editor .overview-marker-save{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white);font-weight:700}@media(max-width:540px){.overview-marker-ruler-label{font-size:.52rem;padding-inline:.3rem;letter-spacing:.02em}.overview-marker-body strong{font-size:.62rem}.overview-marker-editor input,.overview-marker-editor textarea{font-size:1rem}}:root{--header-image-size: 3rem;color:var(--color-ink);background:var(--color-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(90deg,rgba(21,94,99,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(24,34,31,.04) 1px,transparent 1px),var(--color-paper);background-size:32px 32px}button,input,select{font:inherit;letter-spacing:0}button{min-height:2.5rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-ink);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.app-shell{--app-shell-gutter: 1rem;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:1rem;padding:var(--app-shell-gutter) var(--app-shell-gutter) 6.5rem}.topbar,.representation-band{width:100%;margin:0 auto}.topbar{position:relative;z-index:70;display:grid;grid-template-columns:auto minmax(14rem,1fr) auto auto auto;grid-template-rows:auto auto auto;align-items:center;gap:.1rem clamp(.75rem,1.6vw,1.6rem);min-height:5.5rem;width:calc(100% + var(--app-shell-gutter) + var(--app-shell-gutter));margin:calc(0rem - var(--app-shell-gutter)) calc(0rem - var(--app-shell-gutter)) 0;padding:.72rem clamp(.55rem,1vw,1rem);border:0;border-bottom:1px solid color-mix(in srgb,var(--color-line) 72%,#d8cdbd);border-radius:0;background:color-mix(in srgb,var(--color-paper) 86%,#fffaf1);box-shadow:0 .3rem 1.2rem #46371f0a}.topbar-tools,.topbar-playback,.topbar-history,.transport-dock,.transport-core,.transport-playback,.transport-history,.score-tablist,.score-tab-actions,.score-input-toolbar,.score-edit-actions,.representation-tools,.octave-tools,.compact-symbol-row,.inline-setting,.inspector-heading,.piano-nav,.piano-range{display:flex;align-items:center}.topbar-tools{grid-column:4;grid-row:1 / 3;justify-content:flex-end;flex-wrap:nowrap;gap:.5rem}.piece-title-block{min-width:0;display:contents}.piece-title-row{display:contents}.piece-context-row{grid-column:3;grid-row:2;min-width:0;min-height:1.25rem;display:flex;align-items:center;flex-wrap:nowrap;gap:.25rem .5rem;overflow:hidden}.movement-picker,.piece-song-facts{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:var(--color-muted);font-size:.69rem;margin:0}.piece-song-facts{display:inline-flex;gap:.35rem;white-space:nowrap}.movement-picker span{font-weight:800;letter-spacing:.05em;text-transform:uppercase}.movement-picker select{min-height:1.9rem;max-width:min(22rem,48vw);border:1px solid var(--color-line);border-radius:6px;background:var(--color-panel);color:var(--color-ink);padding:0 .5rem;font-weight:700}.topbar-title-field{grid-column:2;grid-row:1;min-width:0;width:100%;justify-self:start;align-items:start;flex-direction:column;gap:.25rem}.topbar-title-field span,.loop-label{color:var(--color-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.title-field.topbar-title-field input{width:100%;min-width:0;min-height:1.45rem;border-color:transparent;background:transparent;padding:0;color:var(--color-ink);font-size:clamp(1rem,1.4vw,1.16rem);font-weight:780;line-height:1.25;text-overflow:ellipsis}.topbar-title-field input:focus-visible{background:var(--color-panel);padding-inline:.65rem}.piece-file-control{grid-column:5;grid-row:1 / 3;position:relative;align-self:center;justify-self:end}.piece-context-row .movement-picker select{min-height:1.35rem;padding-inline:.25rem;border-color:transparent;background:transparent;font-size:.68rem}.profile-menu-toggle{width:var(--header-image-size);height:var(--header-image-size);min-height:var(--header-image-size);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent}.profile-menu-toggle:hover,.profile-menu-toggle[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 28%,transparent);background:color-mix(in srgb,var(--color-teal) 10%,transparent)}.profile-avatar{width:var(--header-image-size);height:var(--header-image-size);flex:0 0 auto;display:block;border-radius:50%;object-fit:cover;-webkit-user-select:none;user-select:none}.app-status-toast{position:absolute;z-index:80;right:0;bottom:calc(100% + .5rem);width:max-content;max-width:min(24rem,calc(100vw - 2rem));display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel-raised);box-shadow:0 4px 16px #18221f29;color:var(--color-ink);font-size:.72rem;line-height:1.4;pointer-events:auto}.app-status-toast>[role=status]{min-width:0;display:flex;align-items:center;gap:.5rem}.app-status-toast [data-testid=save-status]{display:block;overflow-wrap:anywhere}.app-status-toast>button{min-width:1.5rem;min-height:1.5rem;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--color-muted)}.app-message-indicator{width:.42rem;height:.42rem;flex:0 0 auto;border-radius:999px;background:var(--color-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-blue) 13%,transparent)}.app-status-toast[data-state=success] .app-message-indicator{background:var(--color-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-green) 13%,transparent)}.app-status-toast[data-state=active] .app-message-indicator{animation:message-indicator-pulse 1.4s ease-in-out infinite}.app-status-toast[data-state=error] .app-message-indicator{background:#a63d32;box-shadow:0 0 0 3px #a63d3221}@keyframes message-indicator-pulse{50%{opacity:.42;transform:scale(.78)}}.mp3-preparation-card{position:fixed;z-index:120;top:6.25rem;right:1rem;display:flex;align-items:center;gap:.65rem;width:min(25rem,calc(100vw - 2rem));min-height:3.75rem;padding:.65rem .7rem .65rem .85rem;border:1px solid color-mix(in srgb,var(--color-teal) 45%,var(--color-line));border-radius:10px;background:color-mix(in srgb,var(--color-panel) 96%,var(--color-teal));box-shadow:0 .8rem 2.2rem #18221f2e}.mp3-preparation-card[data-state=ready]{border-color:color-mix(in srgb,var(--color-green) 58%,var(--color-line))}.mp3-preparation-card[data-state=error]{border-color:color-mix(in srgb,#a63d32 58%,var(--color-line))}.mp3-preparation-card>svg{flex:0 0 auto;color:var(--color-teal)}.mp3-preparation-card>span{min-width:0;display:grid;flex:1 1 auto;gap:.12rem}.mp3-preparation-card strong,.mp3-preparation-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp3-preparation-card strong{font-size:.8rem}.mp3-preparation-card small{color:var(--color-muted);font-size:.68rem}.mp3-preparation-card progress{width:5.5rem;height:.45rem;accent-color:var(--color-teal)}.mp3-preparation-card>a,.mp3-preparation-card>button:not(.mp3-preparation-dismiss){min-height:2rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .62rem;border:1px solid var(--color-teal);border-radius:7px;background:var(--color-teal);color:#fff;font-size:.72rem;font-weight:800;text-decoration:none;white-space:nowrap}.mp3-preparation-dismiss{flex:0 0 auto;width:1.9rem;min-width:1.9rem;min-height:1.9rem;display:inline-grid;place-items:center;padding:0;border-color:transparent;background:transparent;color:var(--color-muted)}.topbar-playback{gap:.45rem;padding:.25rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 92%,transparent)}.topbar-playback button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:0 .75rem}.topbar-playback button:first-of-type:not(:disabled),.topbar-history{gap:.25rem}.quiet-tool{border-color:transparent;background:transparent;color:var(--color-muted)}.icon-button{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;display:inline-grid;place-items:center;padding:0}.brand-lockup{display:contents}.brand-home-link{grid-column:1;grid-row:1 / 3;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--header-image-size);height:var(--header-image-size);aspect-ratio:1;border-radius:.75rem;box-shadow:0 2px 5px #15403a1f;text-decoration:none}.brand-home-link:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.brand-home-link:hover .brand-mark{filter:brightness(1.1)}.brand-mark{display:block;flex:0 0 auto;width:var(--header-image-size);height:var(--header-image-size);aspect-ratio:1;border-radius:25%;object-fit:contain;-webkit-user-select:none;user-select:none}.topbar-mode-switch{grid-column:2;grid-row:2;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(4.6rem,1fr));align-items:center;justify-self:start;min-width:15rem;padding:.12rem;border:1px solid color-mix(in srgb,var(--color-line-strong) 62%,#d6cbbb);border-radius:6px;background:color-mix(in srgb,var(--color-panel) 70%,transparent)}.topbar-mode-switch button{min-height:2.1rem;padding:0 .9rem;border:0;border-radius:5px;background:transparent;color:var(--color-muted);font-size:.72rem;font-weight:720}.topbar-mode-switch button.active{background:linear-gradient(135deg,#215f58,#39766f);color:#fff;box-shadow:0 .2rem .55rem #1f56502e}h1,h2,p{margin:0}h1{font-size:1.25rem;line-height:1.1}.brand-lockup p,.view-panel,.piece-row small,.demo-actions span{color:var(--color-muted)}.title-field{display:flex;align-items:center;gap:.5rem;color:var(--color-muted)}.title-field input{min-height:2.5rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-ink);padding:0 .75rem}.workspace{width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.playground-panel{background:color-mix(in srgb,var(--color-panel) 92%,transparent);border:1px solid var(--color-line);border-radius:8px}.playground-panel{min-height:34rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.file-panel button,.transport-footer span{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.primary-action{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.file-panel{position:absolute;top:calc(100% + .55rem);right:0;z-index:80;width:min(32rem,calc(100vw - 2rem));max-height:min(38rem,calc(100vh - 14rem));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;overflow-y:auto;padding:.7rem;border:1px solid var(--color-line);border-radius:24px;background:color-mix(in srgb,var(--color-panel) 91%,var(--color-teal));box-shadow:0 8px 28px #2f281c29,0 2px 6px #2f281c14}.file-panel-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-inline:.1rem}.file-panel button small{color:var(--color-muted)}.profile-workspace-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid color-mix(in srgb,var(--color-teal) 18%,transparent);border-radius:999px;color:var(--color-teal);font-size:.68rem;font-weight:600}.profile-workspace-badge:before{width:.35rem;height:.35rem;border-radius:50%;background:currentColor;content:""}.file-menu-group{display:grid;align-content:start;gap:.25rem}.file-menu-column{min-width:0;display:grid;align-content:start;gap:.65rem;padding:.4rem;border-radius:16px;background:var(--color-panel)}.file-menu-group-label{padding:.25rem .35rem .15rem;color:var(--color-muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.file-panel button{min-width:0;min-height:3.4rem;justify-content:flex-start;gap:.65rem;padding:.48rem .58rem;border-color:transparent;background:transparent;text-align:left}.file-panel button:hover,.file-panel button:focus-visible{border-color:var(--color-line);background:var(--color-panel-raised)}.file-panel button>svg{flex:0 0 auto;color:var(--color-teal)}.file-panel button>span{min-width:0;display:grid;gap:.08rem}.file-panel button strong,.file-panel button small{display:block}.file-panel button small{font-size:.69rem;line-height:1.3}.file-panel .profile-menu-close{flex:0 0 auto;width:2.25rem;min-height:2.25rem;justify-content:center;padding:0;border-radius:50%}.file-panel .profile-menu-close>svg{color:var(--color-muted)}.recent-file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-files-empty{padding:.55rem .6rem;color:var(--color-muted);font-size:.72rem;line-height:1.35}.file-panel .file-danger-action,.file-panel .file-danger-action>svg{color:var(--color-coral)}.arpeggiator-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-teal) 44%,var(--color-line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-teal) 9%,transparent),transparent 46%),var(--color-panel-raised);box-shadow:0 10px 28px #46371f1a}.arpeggiator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.arpeggiator-heading>div{display:grid;gap:.25rem}.arpeggiator-heading .eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-teal-strong);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.arpeggiator-heading h2,.arpeggiator-heading p,.arpeggiator-explanation p{margin:0}.arpeggiator-heading h2{font-size:1.15rem}.arpeggiator-heading p{color:var(--color-muted);font-size:.78rem}.arpeggiator-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.arpeggiator-decision-grid article{min-width:0;display:grid;align-content:start;gap:.2rem;padding:.7rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 88%,transparent)}.arpeggiator-decision-grid small,.arpeggiator-pattern small{color:var(--color-muted);font-size:.65rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.arpeggiator-decision-grid strong{color:var(--color-ink);font-size:.98rem}.arpeggiator-decision-grid span{overflow-wrap:anywhere;color:var(--color-muted);font-size:.7rem;line-height:1.35}.arpeggiator-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.arpeggiator-controls label{min-width:0;display:grid;gap:.25rem;color:var(--color-muted);font-size:.68rem;font-weight:760}.arpeggiator-controls select{width:100%;min-height:2.35rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-weight:700}.arpeggiator-explanation{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem;border-left:4px solid var(--color-saffron);border-radius:6px;background:color-mix(in srgb,var(--color-saffron) 10%,var(--color-panel));color:var(--color-ink);font-size:.76rem;line-height:1.45}.arpeggiator-explanation svg{flex:0 0 auto;color:var(--color-saffron)}.arpeggiator-explanation p,.arpeggiator-explanation span{display:grid;gap:.18rem}.arpeggiator-explanation span{color:var(--color-muted);font-size:.7rem}.arpeggiator-pattern{display:grid;gap:.2rem;padding:.7rem;border:1px dashed color-mix(in srgb,var(--color-teal) 48%,var(--color-line));border-radius:8px;background:var(--color-panel)}.arpeggiator-pattern strong{color:var(--color-teal-strong);font-size:1rem;overflow-wrap:anywhere}.arpeggiator-pattern span{color:var(--color-muted);font-size:.72rem}.arpeggiator-actions{display:flex;justify-content:flex-end;gap:.5rem}.arpeggiator-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.arpeggiator-panel{gap:0;padding:0;overflow:hidden;border-radius:13px;background:var(--color-panel)}.arpeggiator-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:end;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--color-saffron) 12%,transparent),transparent 32%),linear-gradient(120deg,color-mix(in srgb,var(--color-teal) 10%,transparent),transparent 50%),var(--color-panel-raised)}.arpeggiator-heading-copy{min-width:0;align-content:end}.arpeggiator-heading h2{color:var(--color-ink);font-size:1.2rem}.arpeggiator-heading p{max-width:42rem;line-height:1.4}.arpeggiator-heading-tools{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.35rem .55rem}.arpeggiator-heading-tools>.icon-button{grid-column:2;grid-row:1;justify-self:end;border-color:transparent;background:transparent;color:var(--color-muted)}.arpeggiator-search{min-width:0;grid-column:1 / -1;grid-row:2;display:grid;gap:.28rem}.arpeggiator-search>span:first-child,.arpeggiator-navigation-heading>span,.arpeggiator-collection-heading span,.arpeggiator-choice-group>header span{color:var(--color-teal-strong);font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.arpeggiator-search-field{min-width:0;min-height:2.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-muted)}.arpeggiator-search-field:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 13%,transparent)}.arpeggiator-search-field input{width:100%;min-width:0;min-height:2.35rem;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink)}.arpeggiator-current{display:grid;grid-template-columns:minmax(4rem,.5fr) minmax(6rem,.75fr) minmax(12rem,1.6fr) minmax(9rem,1fr);gap:0;padding:.55rem 1rem;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-teal) 5%,var(--color-panel-raised))}.arpeggiator-current>div{min-width:0;display:grid;align-content:center;gap:.06rem;padding:.1rem .75rem;border-left:1px solid var(--color-line)}.arpeggiator-current>div:first-child{padding-left:0;border-left:0}.arpeggiator-current small{color:var(--color-muted);font-size:.59rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.arpeggiator-current strong{overflow:hidden;color:var(--color-ink);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.arpeggiator-current span{overflow:hidden;color:var(--color-muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.arpeggiator-browser{min-height:18rem;display:grid;grid-template-columns:minmax(12.5rem,.24fr) minmax(0,1fr);overflow:hidden;border-bottom:1px solid var(--color-line);background:var(--color-panel)}.arpeggiator-navigation{min-width:0;display:flex;flex-direction:column;gap:.55rem;padding:.75rem .65rem;overflow-y:auto;border-right:1px solid var(--color-line);background:color-mix(in srgb,var(--color-panel-raised) 76%,transparent);scrollbar-width:thin}.arpeggiator-navigation-heading,.arpeggiator-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.arpeggiator-navigation-heading{padding:0 .42rem .15rem}.arpeggiator-navigation-heading small,.arpeggiator-collection-heading>small{color:var(--color-muted);font-size:.64rem;font-weight:780}.arpeggiator-tree,.arpeggiator-tree ul{margin:0;padding:0;list-style:none}.arpeggiator-tree{display:grid;gap:.28rem}.arpeggiator-tree>li+li{margin-top:.25rem}.arpeggiator-tree-family{min-height:1.75rem;display:flex;align-items:center;padding:0 .42rem;color:var(--color-muted);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.arpeggiator-tree ul{position:relative;display:grid;gap:.1rem;margin-left:.9rem;padding-left:.72rem}.arpeggiator-tree ul:before{content:"";position:absolute;top:0;bottom:1rem;left:0;width:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.arpeggiator-tree button{position:relative;width:100%;min-height:2.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.28rem .42rem;border-color:transparent;background:transparent;color:var(--color-muted);text-align:left}.arpeggiator-tree ul button:before{content:"";position:absolute;top:50%;right:100%;width:.72rem;height:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.arpeggiator-tree button>span{min-width:0;display:flex;align-items:center;gap:.42rem;overflow:hidden;font-size:.71rem;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.arpeggiator-tree button>span>svg{flex:0 0 auto;color:var(--color-teal)}.arpeggiator-tree button small{min-width:1.5rem;padding:.14rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--color-line) 58%,transparent);color:var(--color-muted);font-size:.58rem;font-weight:820;text-align:center}.arpeggiator-tree button:hover{background:var(--color-panel);color:var(--color-ink)}.arpeggiator-tree button.active{border-color:color-mix(in srgb,var(--color-teal) 30%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 11%,var(--color-panel));color:var(--color-teal-strong)}.arpeggiator-tree button.active small{background:color-mix(in srgb,var(--color-teal) 16%,var(--color-panel));color:var(--color-teal-strong)}.arpeggiator-collection{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:.6rem;padding:.75rem .85rem}.arpeggiator-collection-heading{min-height:2.35rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-line)}.arpeggiator-collection-heading>div{display:grid;gap:.06rem}.arpeggiator-collection-heading h3{margin:0;color:var(--color-ink);font-size:.95rem}.arpeggiator-choice-groups{min-height:0;max-height:20rem;display:grid;align-content:start;gap:.7rem;padding-right:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.arpeggiator-choice-group{display:grid;gap:.42rem;padding:.55rem;border:1px solid color-mix(in srgb,var(--color-teal) 20%,var(--color-line));border-radius:10px;background:color-mix(in srgb,var(--color-teal) 4%,var(--color-panel-raised))}.arpeggiator-choice-group>header{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);align-items:end;gap:.75rem}.arpeggiator-choice-group>header>div{display:grid;gap:.04rem}.arpeggiator-choice-group h4,.arpeggiator-choice-group p{margin:0}.arpeggiator-choice-group h4{color:var(--color-ink);font-size:.8rem}.arpeggiator-choice-group p{color:var(--color-muted);font-size:.65rem;text-align:right}.arpeggiator-choice-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));column-gap:.7rem}.arpeggiator-choice-list>button{min-width:0;min-height:3rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .42rem;border-width:0 0 1px;border-color:color-mix(in srgb,var(--color-teal) 16%,var(--color-line));border-radius:0;background:transparent;color:var(--color-muted);text-align:left}.arpeggiator-custom-length{min-width:0;min-height:3.75rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(4.8rem,6rem);align-items:center;gap:.28rem .5rem;padding:.35rem .42rem;border-bottom:1px solid color-mix(in srgb,var(--color-teal) 16%,var(--color-line));background:transparent}.arpeggiator-custom-length.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel-raised));box-shadow:inset 3px 0 0 var(--color-teal);color:var(--color-teal-strong)}.arpeggiator-custom-length input{width:100%;min-height:2.2rem;padding:.25rem .45rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-weight:780}.arpeggiator-custom-length input:focus{border-color:var(--color-teal);outline:3px solid color-mix(in srgb,var(--color-teal) 13%,transparent)}.arpeggiator-custom-length input[aria-invalid=true]{border-color:var(--color-coral)}.arpeggiator-custom-length>.arpeggiator-choice-state{grid-column:1 / -1;justify-self:end;min-height:.8rem}.arpeggiator-choice-list>button:hover{background:color-mix(in srgb,var(--color-teal) 6%,var(--color-panel))}.arpeggiator-choice-list>button.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel-raised));box-shadow:inset 3px 0 0 var(--color-teal);color:var(--color-teal-strong)}.arpeggiator-choice-copy{min-width:0;display:grid;gap:.06rem}.arpeggiator-choice-copy strong,.arpeggiator-choice-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arpeggiator-choice-copy strong{color:var(--color-ink);font-size:.77rem}.arpeggiator-choice-copy small{color:var(--color-muted);font-size:.61rem}.arpeggiator-choice-state{display:inline-flex;align-items:center;gap:.22rem;color:inherit;font-size:.61rem;font-weight:800;white-space:nowrap}.arpeggiator-empty{min-height:12rem;display:grid;place-content:center;justify-items:center;gap:.7rem;color:var(--color-muted);text-align:center}.arpeggiator-explanation{display:block;padding:.55rem 1rem;border:0;border-bottom:1px solid var(--color-line);border-left:4px solid var(--color-saffron);border-radius:0;background:color-mix(in srgb,var(--color-saffron) 7%,var(--color-panel))}.arpeggiator-explanation summary{display:flex;align-items:center;gap:.45rem;color:var(--color-ink);cursor:pointer;font-size:.72rem;list-style:none}.arpeggiator-explanation summary::-webkit-details-marker{display:none}.arpeggiator-explanation summary>span{margin-left:auto;color:var(--color-muted);font-size:.65rem}.arpeggiator-explanation p{margin:.55rem 0 0 1.65rem;color:var(--color-muted);font-size:.7rem;line-height:1.45}.arpeggiator-explanation p>span{margin-top:.15rem;color:var(--color-muted);font-size:.64rem}.arpeggiator-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .85rem;background:color-mix(in srgb,var(--color-panel-raised) 94%,var(--color-teal) 6%);box-shadow:0 -.45rem 1.3rem color-mix(in srgb,var(--color-ink) 8%,transparent)}.arpeggiator-dock .arpeggiator-pattern{min-width:0;padding:0;border:0;background:transparent}.arpeggiator-dock .arpeggiator-pattern strong,.arpeggiator-dock .arpeggiator-pattern span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arpeggiator-actions{flex:0 0 auto}.arpeggiator-actions button{min-height:2.55rem;padding-inline:.8rem;font-weight:800}.midi-library-panel{display:grid;gap:.8rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-teal) 46%,var(--color-line));border-radius:12px;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--color-saffron) 13%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--color-teal) 8%,transparent),transparent 42%),var(--color-panel-raised);box-shadow:0 14px 34px #46371f21}.score-composer-tool-overlay{position:fixed;z-index:95;inset:0;min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;padding:clamp(.6rem,2vw,1.5rem);background:color-mix(in srgb,var(--color-ink) 28%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-composer-tool-overlay>.midi-library-panel,.score-composer-tool-overlay>#arpeggiator-panel{width:min(92rem,100%);max-height:calc(100dvh - clamp(1.2rem,4vw,3rem));overflow:auto;box-shadow:0 22px 70px #1e180f4d}.score-composer-tool-overlay>#arpeggiator-panel>.arpeggiator-panel{min-height:100%}.midi-library-panel.library-listen-mode{box-shadow:none}.midi-library-panel.library-listen-mode .midi-library-card>footer button{flex:1 1 auto}.midi-library-heading,.midi-library-search-row,.midi-library-card>header,.midi-library-card>footer,.midi-library-attribution{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.midi-library-heading{align-items:flex-start}.midi-library-heading>div{min-width:0;display:grid;gap:.2rem}.midi-library-heading .eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-teal-strong);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.midi-library-heading h2,.midi-library-heading p,.midi-library-card h3,.midi-library-card p{margin:0}.midi-library-heading h2{font-size:1.2rem}.midi-library-heading p{color:var(--color-muted);font-size:.78rem}.midi-library-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.7fr);gap:.65rem;padding:.7rem;border:1px solid color-mix(in srgb,var(--color-saffron) 34%,var(--color-line));border-radius:9px;background:color-mix(in srgb,var(--color-saffron) 8%,var(--color-panel))}.midi-library-context>div{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .55rem}.midi-library-context>.midi-library-placement-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;gap:.55rem}.midi-library-context>div>span,.midi-library-context label>span,.midi-library-filters label>span{color:var(--color-muted);font-size:.65rem;font-weight:820;letter-spacing:.045em;text-transform:uppercase}.midi-library-context>div>strong{color:var(--color-ink);font-size:.85rem}.midi-library-context button{min-height:2rem;padding:0 .65rem;border-color:color-mix(in srgb,var(--color-saffron) 44%,var(--color-line));background:var(--color-panel);color:var(--color-ink);font-size:.7rem;font-weight:760}.midi-library-context button.active{border-color:var(--color-saffron);background:var(--color-saffron)}.midi-library-context label,.midi-library-filters label{min-width:0;display:grid;gap:.25rem}.midi-library-context select,.midi-library-filters select{width:100%;min-height:2.35rem;padding:.3rem 1.7rem .3rem .55rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-size:.76rem;font-weight:700}.midi-library-search-row{align-items:stretch}.midi-library-search{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .7rem;border:1px solid var(--color-line-strong);border-radius:9px;background:var(--color-panel);color:var(--color-teal-strong)}.midi-library-search:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 14%,transparent)}.midi-library-search input{min-width:0;flex:1 1 auto;min-height:2.5rem;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink)}.midi-library-result-count{min-width:max-content;display:inline-flex;align-items:center;padding:0 .7rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 86%,transparent);color:var(--color-muted);font-size:.72rem;font-weight:750}.midi-library-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:.55rem}.midi-library-clear{min-height:2.35rem;padding-inline:.65rem;border-color:transparent;background:transparent;color:var(--color-teal-strong);font-size:.72rem;font-weight:800;text-decoration:underline;text-underline-offset:.15rem}.midi-library-grid{max-height:min(54vh,38rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.65rem;overflow-y:auto;padding:.1rem .25rem .25rem .1rem;scrollbar-color:color-mix(in srgb,var(--color-teal) 42%,transparent) transparent}.midi-library-card{min-width:0;display:grid;grid-template-rows:auto 3.4rem auto auto auto 1fr;gap:.5rem;padding:.72rem;border:1px solid var(--color-line);border-radius:10px;background:color-mix(in srgb,var(--color-panel) 94%,transparent);box-shadow:0 5px 14px #46371f12}.midi-library-card:hover{border-color:color-mix(in srgb,var(--color-teal) 52%,var(--color-line));box-shadow:0 8px 18px #46371f1c}.midi-library-card>header{min-width:0;align-items:flex-start}.midi-library-card>header>div{min-width:0;display:grid;gap:.1rem}.midi-library-roman{overflow:hidden;color:var(--color-teal-strong);font:820 .67rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.midi-library-card h3{overflow:hidden;color:var(--color-ink);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.midi-library-fit{flex:0 0 auto;display:inline-flex;align-items:center;gap:.2rem;padding:.23rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--color-teal) 13%,var(--color-panel));color:var(--color-teal-strong);font-size:.58rem;font-weight:820;white-space:nowrap}.midi-library-piano-roll{display:block;width:100%;height:3.4rem;border:1px solid color-mix(in srgb,var(--color-teal) 24%,var(--color-line));border-radius:7px;background:color-mix(in srgb,var(--color-teal) 5%,var(--color-panel))}.midi-library-piano-roll line{stroke:color-mix(in srgb,var(--color-line) 72%,transparent);stroke-width:.8}.midi-library-piano-roll rect{fill:var(--color-teal)}.midi-library-note-line{overflow:hidden;color:var(--color-muted);font:700 .66rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.midi-library-tags{display:flex;flex-wrap:wrap;gap:.25rem}.midi-library-tags span{padding:.2rem .38rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel-raised);color:var(--color-muted);font-size:.58rem;font-weight:720}.midi-library-card>small{align-self:end;color:var(--color-muted);font-size:.62rem}.midi-library-card>footer{align-self:end;justify-content:stretch;gap:.35rem}.midi-library-card>footer button{min-width:0;min-height:2.3rem;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .5rem;font-size:.68rem;font-weight:780}.midi-library-card>footer button.active{border-color:var(--color-saffron);background:color-mix(in srgb,var(--color-saffron) 18%,var(--color-panel));color:var(--color-ink)}.midi-library-card>footer .primary-action{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.midi-library-more{justify-self:center;min-height:2.45rem;padding:0 1rem;border-color:var(--color-teal);color:var(--color-teal-strong);font-size:.74rem;font-weight:800}.midi-library-message{min-height:12rem;display:grid;place-content:center;justify-items:center;gap:.45rem;padding:1rem;border:1px dashed var(--color-line-strong);border-radius:9px;background:color-mix(in srgb,var(--color-panel) 82%,transparent);color:var(--color-muted);text-align:center;font-size:.76rem}.midi-library-message strong{color:var(--color-ink)}.midi-library-message button{min-height:2.25rem;margin-top:.25rem;padding-inline:.8rem}.midi-library-loading-mark{width:1.5rem;height:1.5rem;border:3px solid color-mix(in srgb,var(--color-teal) 20%,transparent);border-top-color:var(--color-teal);border-radius:50%;animation:midi-library-spin .8s linear infinite}@keyframes midi-library-spin{to{transform:rotate(360deg)}}.midi-library-attribution{padding-top:.2rem;color:var(--color-muted);font-size:.65rem}.midi-library-attribution a{color:var(--color-teal-strong);font-weight:750}.midi-library-panel.chord-library-panel{gap:0;padding:0;overflow:hidden;border-radius:13px;background:var(--color-panel)}.chord-library-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:end;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--color-saffron) 12%,transparent),transparent 32%),linear-gradient(120deg,color-mix(in srgb,var(--color-teal) 10%,transparent),transparent 50%),var(--color-panel-raised)}.chord-library-heading-copy{min-width:0;display:grid;align-content:end;gap:.2rem}.chord-library-heading .eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-teal-strong);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chord-library-heading h2,.chord-library-heading p{margin:0}.chord-library-heading h2{color:var(--color-ink);font-size:1.2rem}.chord-library-heading p{max-width:42rem;color:var(--color-muted);font-size:.78rem;line-height:1.4}.chord-library-heading-tools{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.35rem .55rem}.chord-library-heading-tools>.icon-button{grid-column:2;grid-row:1;justify-self:end;border-color:transparent;background:transparent;color:var(--color-muted)}.chord-library-search{min-width:0;grid-column:1 / -1;grid-row:2;display:grid;gap:.28rem}.chord-library-search>span:first-child,.chord-library-navigation-heading>span,.chord-library-collection-heading span{color:var(--color-teal-strong);font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chord-library-search-field{min-width:0;min-height:2.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;padding:0 .65rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-muted)}.chord-library-search-field:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 13%,transparent)}.chord-library-search-field input{width:100%;min-width:0;min-height:2.35rem;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink)}.chord-library-current{display:grid;grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1fr) minmax(13rem,1.25fr);gap:0;padding:.55rem 1rem;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-teal) 5%,var(--color-panel-raised))}.chord-library-panel.library-listen-mode .chord-library-current{grid-template-columns:minmax(12rem,1fr) minmax(13rem,1.25fr)}.chord-library-current>div{min-width:0;display:grid;align-content:center;gap:.06rem;padding:.1rem .75rem;border-left:1px solid var(--color-line)}.chord-library-current>div:first-child{padding-left:0;border-left:0}.chord-library-current small,.chord-library-selected small,.chord-library-placement-controls label>span{color:var(--color-muted);font-size:.59rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.chord-library-current strong,.chord-library-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-library-current strong{color:var(--color-ink);font-size:.82rem}.chord-library-current span{color:var(--color-muted);font-size:.63rem}.chord-library-browser{min-height:18rem;display:grid;grid-template-columns:minmax(13rem,.24fr) minmax(0,1fr);overflow:hidden;border-bottom:1px solid var(--color-line);background:var(--color-panel)}.chord-library-navigation{min-width:0;max-height:28rem;display:flex;flex-direction:column;gap:.55rem;padding:.75rem .65rem;overflow-y:auto;border-right:1px solid var(--color-line);background:color-mix(in srgb,var(--color-panel-raised) 76%,transparent);scrollbar-width:thin}.chord-library-navigation-heading,.chord-library-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chord-library-navigation-heading{padding:0 .42rem .15rem}.chord-library-navigation-heading small,.chord-library-collection-heading>small{color:var(--color-muted);font-size:.64rem;font-weight:780}.chord-library-tree,.chord-library-tree ul{margin:0;padding:0;list-style:none}.chord-library-tree{display:grid;gap:.12rem}.chord-library-tree ul{position:relative;display:grid;gap:.1rem;margin:.08rem 0 .22rem 1rem;padding-left:.72rem}.chord-library-tree ul:before{content:"";position:absolute;top:0;bottom:1rem;left:0;width:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.chord-library-tree button{position:relative;width:100%;min-height:2.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.28rem .42rem;border-color:transparent;background:transparent;color:var(--color-muted);text-align:left}.chord-library-tree ul button:before{content:"";position:absolute;top:50%;right:100%;width:.72rem;height:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.chord-library-tree button>span{min-width:0;display:flex;align-items:center;gap:.42rem;overflow:hidden;font-size:.71rem;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.chord-library-tree button>span>svg{flex:0 0 auto;color:var(--color-teal);transition:transform .15s ease}.chord-library-tree button[aria-expanded=true]>span>svg{transform:rotate(90deg)}.chord-library-tree button small{min-width:1.5rem;padding:.14rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--color-line) 58%,transparent);color:var(--color-muted);font-size:.58rem;font-weight:820;text-align:center}.chord-library-tree button:hover,.chord-library-tree button.chord-library-tree-branch[aria-expanded=true]{background:var(--color-panel);color:var(--color-ink)}.chord-library-tree button.active{border-color:color-mix(in srgb,var(--color-teal) 30%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 11%,var(--color-panel));color:var(--color-teal-strong)}.chord-library-tree button.active small{background:color-mix(in srgb,var(--color-teal) 16%,var(--color-panel));color:var(--color-teal-strong)}.chord-library-collection{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:.6rem;padding:.75rem .85rem}.chord-library-collection-heading{min-height:2.35rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-line)}.chord-library-collection-heading>div{min-width:0;display:grid;gap:.06rem}.chord-library-collection-heading h3{overflow:hidden;margin:0;color:var(--color-ink);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.chord-library-choice-list{min-height:0;max-height:17rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:.7rem;padding-right:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chord-library-choice{min-width:0;min-height:3.65rem;display:grid;grid-template-columns:minmax(4rem,.52fr) minmax(0,1.4fr) auto auto;align-items:center;gap:.5rem;padding:.35rem .45rem;border-width:0 0 1px;border-color:color-mix(in srgb,var(--color-teal) 16%,var(--color-line));border-radius:0;background:transparent;color:var(--color-muted);text-align:left}.chord-library-choice:hover{background:color-mix(in srgb,var(--color-teal) 6%,var(--color-panel))}.chord-library-choice.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel-raised));box-shadow:inset 3px 0 0 var(--color-teal);color:var(--color-teal-strong)}.chord-library-choice-harmony,.chord-library-choice-copy{min-width:0;display:grid;gap:.06rem}.chord-library-choice-harmony small{overflow:hidden;color:var(--color-teal-strong);font:820 .61rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.chord-library-choice-harmony strong,.chord-library-choice-copy strong,.chord-library-choice-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-library-choice-harmony strong{color:var(--color-ink);font-size:.8rem}.chord-library-choice-copy strong{color:var(--color-ink);font:700 .64rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.chord-library-choice-copy small{color:var(--color-muted);font-size:.59rem}.chord-library-choice-sentiments{overflow:hidden;color:var(--color-teal-strong);font-size:.57rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.chord-library-choice-state{display:inline-flex;align-items:center;gap:.22rem;color:inherit;font-size:.61rem;font-weight:800;white-space:nowrap}.chord-library-dock{display:grid;grid-template-columns:minmax(27rem,1.25fr) minmax(20rem,1fr) auto;align-items:end;gap:.7rem;padding:.7rem .85rem;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-panel-raised) 94%,var(--color-teal) 6%);box-shadow:0 -.45rem 1.3rem color-mix(in srgb,var(--color-ink) 8%,transparent)}.chord-library-panel.library-listen-mode .chord-library-dock{grid-template-columns:minmax(0,1fr) auto}.chord-library-selected{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(6rem,.38fr);align-items:center;gap:.55rem}.chord-library-selected-visuals{min-width:0;display:grid;grid-template-columns:minmax(5.5rem,.72fr) minmax(10rem,1fr);align-items:stretch;gap:.45rem}.chord-library-selected-visuals>.midi-library-piano-roll,.chord-notation-preview{height:4.7rem}.chord-notation-preview{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-ink) 14%,var(--color-line));border-radius:7px;background:#fff}.chord-notation-canvas{width:100%;height:100%}.chord-notation-canvas svg{max-width:100%}.chord-notation-preview>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-muted);background:color-mix(in srgb,var(--color-panel) 90%,transparent);font-size:.61rem;font-weight:720}.chord-library-selected>span{min-width:0;display:grid;gap:.04rem}.chord-library-selected strong,.chord-library-selected>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-library-selected strong{color:var(--color-ink);font-size:.84rem}.chord-library-selected>span>span{color:var(--color-muted);font-size:.61rem}.chord-library-placement-controls{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));gap:.5rem}.chord-library-placement-controls label{min-width:0;display:grid;gap:.24rem}.chord-library-placement-controls select{width:100%;min-width:0;min-height:2.4rem;padding:.3rem 1.7rem .3rem .55rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-size:.72rem;font-weight:700}.chord-library-actions{display:flex;gap:.4rem}.chord-library-actions button{min-height:2.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding-inline:.75rem;font-size:.7rem;font-weight:800;white-space:nowrap}.chord-library-actions button.active{border-color:var(--color-saffron);background:color-mix(in srgb,var(--color-saffron) 18%,var(--color-panel));color:var(--color-ink)}.chord-library-actions .primary-action{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.progression-library-browser{min-height:19rem}.progression-library-refinements{display:grid;gap:.45rem;margin-top:auto;padding:.7rem .4rem 0;border-top:1px solid var(--color-line)}.progression-library-refinements>span,.progression-library-refinements label>span{color:var(--color-muted);font-size:.59rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.progression-library-refinements label{min-width:0;display:grid;gap:.22rem}.progression-library-refinements select{width:100%;min-width:0;min-height:2.25rem;padding:.25rem 1.6rem .25rem .5rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-size:.7rem;font-weight:700}.progression-library-refinements .midi-library-clear{justify-self:start;min-height:1.8rem;padding:0}.progression-library-choice-list{max-height:19rem;grid-template-columns:minmax(0,1fr)}.progression-library-choice.chord-library-choice{min-height:4.25rem;grid-template-columns:minmax(7.5rem,.8fr) minmax(10rem,1.2fr) auto auto auto}.progression-library-choice .chord-library-choice-state{grid-column:5}.progression-library-choice-length{display:grid;gap:.08rem;color:var(--color-ink);font-size:.63rem;font-weight:780;white-space:nowrap}.progression-library-choice-length small{color:var(--color-muted);font-size:.57rem;font-weight:700}.progression-library-dock{grid-template-columns:minmax(34rem,1fr) minmax(12rem,.3fr) auto;align-items:center}.progression-library-panel.library-listen-mode .progression-library-dock{grid-template-columns:minmax(0,1fr) auto}.progression-library-selected.chord-library-selected{grid-template-columns:minmax(27rem,1fr) minmax(9rem,.32fr)}.progression-library-selected .progression-notation-preview{height:8.6rem}.progression-library-selected>span{min-width:0;display:grid;align-content:center;gap:.12rem}.progression-library-selected>span>span{overflow:hidden;color:var(--color-muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.progression-library-placement-controls{grid-template-columns:minmax(11rem,1fr)}.chord-library-panel>.midi-library-attribution{padding:.38rem .85rem .5rem;background:var(--color-panel-raised)}.transport-footer.editor-picker-open .transport-dock{display:none}@media(max-width:980px){.chord-library-heading,.chord-library-choice-list{grid-template-columns:minmax(0,1fr)}.chord-library-dock{grid-template-columns:minmax(24rem,1fr) minmax(20rem,1fr)}.progression-library-dock{grid-template-columns:minmax(27rem,1fr) minmax(12rem,.45fr)}.progression-library-selected.chord-library-selected{grid-template-columns:minmax(18rem,1fr) minmax(8rem,.42fr)}.chord-library-actions{grid-column:1 / -1}.chord-library-actions button{flex:1 1 0}.midi-library-grid,.midi-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.midi-library-panel.chord-library-panel{display:block;overflow-y:auto}.chord-library-heading{gap:.5rem;padding:.75rem}.chord-library-current{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 0;padding-inline:.75rem}.chord-library-panel.library-listen-mode .chord-library-current{grid-template-columns:minmax(0,1fr)}.chord-library-current>div{padding-inline:.45rem}.chord-library-current>div:nth-child(3){grid-column:1 / -1;padding-left:0;border-left:0}.chord-library-browser{grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}.chord-library-navigation{max-height:14rem;overflow-y:auto;border-right:0;border-bottom:1px solid var(--color-line)}.chord-library-tree{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.2rem}.chord-library-tree>li:nth-child(n+3){grid-column:1 / -1}.chord-library-choice{grid-template-columns:minmax(3.5rem,.5fr) minmax(0,1fr) auto}.chord-library-choice>.midi-library-fit{display:none}.progression-library-choice.chord-library-choice{grid-template-columns:minmax(5.5rem,.62fr) minmax(0,1fr) auto}.progression-library-choice .progression-library-choice-length{display:none}.progression-library-choice .chord-library-choice-state{grid-column:3}.chord-library-dock{grid-template-columns:minmax(0,1fr);padding:.65rem .75rem}.progression-library-panel.library-listen-mode .progression-library-dock,.chord-library-selected,.progression-library-selected.chord-library-selected{grid-template-columns:minmax(0,1fr)}.progression-library-selected .progression-notation-preview{height:7.2rem}.chord-library-actions{grid-column:auto}.chord-library-placement-controls{grid-template-columns:minmax(0,1fr)}.midi-library-panel{padding:.72rem}.midi-library-heading p{line-height:1.4}.midi-library-context,.midi-library-grid,.midi-library-filters{grid-template-columns:1fr}.midi-library-context>.midi-library-placement-controls{grid-template-columns:1fr}.midi-library-search-row,.midi-library-attribution{align-items:stretch;flex-direction:column}.midi-library-result-count{min-height:2rem;justify-content:center}.midi-library-grid{max-height:56vh}.midi-library-attribution{gap:.25rem}}.imagine-prompt{position:relative;display:grid;gap:.65rem;padding:.75rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised)}.imagine-prompt p{font-weight:800}.imagine-card{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-height:3.5rem;padding:.55rem .65rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-ink);text-align:left}.imagine-footer-actions{display:grid;gap:.75rem}.imagine-footer-actions .imagine-card{justify-content:center;min-height:4rem;text-align:center}.imagine-primary-action{justify-content:center;min-height:3.75rem;border-color:var(--color-accent, var(--color-line-strong));background:var(--color-accent, var(--color-panel));color:var(--color-accent-ink, var(--color-ink));font-weight:850;box-shadow:0 .35rem .9rem #00000029}.imagine-example-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;align-items:center}.imagine-example-label{grid-column:1 / -1;color:var(--color-ink-muted);font-size:.78rem;font-weight:750;text-align:center}.imagine-example-card{min-height:2.75rem!important;border-color:var(--color-line);background:transparent!important;color:var(--color-ink-muted)!important;font-size:.88rem}.composer-opening-visualizer{display:grid;gap:.6rem}.composer-opening-toolbar{display:flex;align-items:center;gap:.5rem}.composer-opening-toolbar>div{min-width:10rem;display:grid;gap:.06rem;margin-right:auto}.composer-opening-toolbar>div>span{color:var(--color-teal-strong);font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.composer-opening-toolbar>div>strong{font-size:.92rem}.composer-opening-toolbar>div>small{color:var(--color-muted);font-size:.7rem}.composer-opening-toolbar button{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .7rem;border-color:var(--color-line-strong);background:var(--color-panel);color:var(--color-ink);font-weight:800}.composer-opening-toolbar .composer-opening-playback{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.composer-opening-toolbar .composer-opening-playback[aria-pressed=true]{border-color:var(--color-coral);background:var(--color-coral)}.composer-opening-stage{min-height:clamp(18rem,48vh,30rem);overflow:hidden;isolation:isolate}.composer-opening-stage .timeline-density-overview{width:100%}.composer-opening-loading{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:#e0f0efd6;font-weight:800}.imagine-prompt .composer-opening-status{margin:0;color:var(--color-muted);font-size:.78rem;font-weight:650;text-align:center}.local-score-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-teal) 35%,var(--color-line));border-radius:12px;background:var(--color-panel);box-shadow:0 14px 34px #46371f1a}.local-score-panel-fullscreen{position:fixed;z-index:100;inset:0;width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.local-library-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .8rem;border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--color-saffron) 14%,transparent),transparent 34%),linear-gradient(120deg,color-mix(in srgb,var(--color-teal) 10%,transparent),transparent 52%),var(--color-panel-raised)}.local-library-heading,.local-library-header-actions,.local-library-search-field,.local-library-header-tag-list,.local-library-tree-root,.local-library-privacy-note,.local-score-metadata,.local-score-metadata>span,.local-library-empty button{display:flex;align-items:center}.local-library-heading{min-width:0;flex:0 1 31rem;gap:.58rem}.local-library-heading>div{min-width:0;display:grid;gap:.16rem}.local-library-mark{width:2.25rem;height:2.25rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-teal) 46%,var(--color-line));border-radius:9px;background:color-mix(in srgb,var(--color-teal) 11%,var(--color-panel));color:var(--color-teal-strong)}.local-library-eyebrow,.local-library-navigation-heading>span{color:var(--color-teal-strong);font-size:.66rem;font-weight:850;letter-spacing:.085em;text-transform:uppercase}.local-library-heading h2,.local-library-heading p,.local-library-collection-heading h3,.local-library-collection-heading p,.local-library-privacy-note,.local-library-empty p{margin:0}.local-library-heading h2{color:var(--color-ink);font-size:1.05rem;line-height:1.15}.local-library-heading p{color:var(--color-muted);font-size:.7rem;line-height:1.3}.local-library-header-actions{flex:0 0 auto;gap:.45rem}.local-library-search{min-width:12rem;max-width:24rem;flex:1 1 17rem;display:grid;gap:.16rem;color:var(--color-muted)}.local-library-search-label{color:var(--color-muted);font-size:.6rem;font-weight:820;letter-spacing:.07em;line-height:1;text-transform:uppercase}.local-library-search-field{gap:.42rem;min-height:2rem;padding:0 .62rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-muted);box-shadow:0 1px #ffffff94 inset}.local-library-search-field:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 14%,transparent);color:var(--color-teal-strong)}.local-library-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--color-ink);font:inherit;font-size:.78rem}.local-library-search input::placeholder{color:var(--color-muted)}.local-library-header-tags{min-width:12rem;max-width:34rem;flex:1 1 20rem;display:grid;gap:.16rem;overflow:hidden}.local-library-header-tags-label{color:var(--color-muted);font-size:.6rem;font-weight:820;letter-spacing:.07em;line-height:1;text-transform:uppercase}.local-library-header-tag-list{min-width:0;gap:.3rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin}.local-library-header-tag-list button{min-height:1.8rem;flex:0 0 auto;padding:0 .58rem;border-color:color-mix(in srgb,var(--color-teal) 22%,var(--color-line));border-radius:999px;background:color-mix(in srgb,var(--color-panel) 86%,transparent);color:var(--color-muted);font-size:.67rem;font-weight:760;white-space:nowrap}.local-library-header-tag-list button:hover{border-color:color-mix(in srgb,var(--color-teal) 45%,var(--color-line));color:var(--color-ink)}.local-library-header-tag-list button.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 14%,var(--color-panel));color:var(--color-teal-strong)}.local-library-close{border-color:transparent;background:transparent;color:var(--color-muted)}.local-library-close:hover{border-color:var(--color-line);background:var(--color-panel);color:var(--color-ink)}.local-library-body{min-height:0;display:grid;grid-template-columns:minmax(12.5rem,.25fr) minmax(0,1fr);overflow:hidden}.local-library-navigation{min-width:0;display:flex;flex-direction:column;gap:.65rem;padding:.85rem .75rem;border-right:1px solid var(--color-line);background:color-mix(in srgb,var(--color-panel-raised) 76%,transparent);overflow-y:auto}.local-library-navigation-heading,.local-library-collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.local-library-navigation-heading{align-items:center;padding:0 .42rem .2rem}.local-library-navigation-heading small,.local-library-collection-heading>span{color:var(--color-muted);font-size:.68rem;font-weight:750}.local-library-tree,.local-library-tree ul,.local-library-score-list{list-style:none;margin:0;padding:0}.local-library-tree-root{gap:.4rem;min-height:2rem;padding:0 .45rem;color:var(--color-ink);font-size:.76rem;font-weight:820}.local-library-tree-group{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--color-line)}.local-library-tree-root svg{color:var(--color-teal-strong)}.local-library-tree ul{position:relative;display:grid;gap:.12rem;margin-left:.94rem;padding:.1rem 0 .1rem .75rem}.local-library-tree ul:before{content:"";position:absolute;top:0;bottom:.9rem;left:0;width:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.local-library-tree button{position:relative;width:100%;min-height:2.15rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.28rem .42rem;border-color:transparent;background:transparent;color:var(--color-muted);text-align:left}.local-library-tree button:before{content:"";position:absolute;top:50%;right:100%;width:.75rem;height:1px;background:color-mix(in srgb,var(--color-teal) 24%,var(--color-line))}.local-library-tree button>span{overflow:hidden;font-size:.73rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.local-library-tree button small{min-width:1.45rem;padding:.15rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--color-line) 58%,transparent);color:var(--color-muted);font-size:.6rem;font-weight:820;text-align:center}.local-library-tree button:hover{background:var(--color-panel);color:var(--color-ink)}.local-library-tree button:disabled{cursor:not-allowed;opacity:.62}.local-library-tree button:disabled:hover{background:transparent;color:var(--color-muted)}.local-library-tree button.active{border-color:color-mix(in srgb,var(--color-teal) 26%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel));color:var(--color-teal-strong)}.local-library-tree button.active small{background:color-mix(in srgb,var(--color-teal) 16%,var(--color-panel));color:var(--color-teal-strong)}.local-library-composer-subtree{margin:.12rem 0}.local-library-composer-subtree summary{min-height:2rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.25rem .42rem;border-radius:7px;color:var(--color-muted);cursor:pointer;font-size:.71rem;font-weight:780;list-style:none}.local-library-composer-subtree summary::-webkit-details-marker{display:none}.local-library-composer-subtree summary:before{content:"›";color:var(--color-teal-strong);font-size:1rem;line-height:1;transition:transform .12s ease}.local-library-composer-subtree details[open]>summary:before{transform:rotate(90deg)}.local-library-composer-subtree summary:hover{background:var(--color-panel);color:var(--color-ink)}.local-library-composer-subtree summary small{min-width:1.45rem;padding:.15rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--color-line) 58%,transparent);font-size:.6rem;text-align:center}.local-library-composer-subtree>details>ul{max-height:12rem;overflow-y:auto}.local-library-privacy-note{gap:.38rem;margin-top:auto;padding:.65rem .4rem 0;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:.65rem;line-height:1.4}.local-library-privacy-note svg{flex:0 0 auto;color:var(--color-green)}.local-library-collection{min-width:0;display:grid;align-content:start;gap:.7rem;padding:.9rem;overflow-y:auto}.local-library-resource-collection{min-height:34rem;grid-template-rows:auto minmax(0,1fr);align-content:normal;padding:.7rem;background:color-mix(in srgb,var(--color-panel-raised) 55%,transparent)}.local-library-resource-toolbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .15rem;color:var(--color-muted);font-size:.68rem}.local-library-resource-toolbar button{min-height:2.25rem;display:inline-flex;align-items:center;gap:.3rem;padding-inline:.65rem;border-color:transparent;background:transparent;color:var(--color-teal-strong);font-size:.7rem;font-weight:820}.local-library-resource-toolbar button:hover{border-color:var(--color-line);background:var(--color-panel)}.local-library-resource-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-library-resource-content{min-width:0;min-height:0;overflow:auto}.local-library-resource-content>.midi-library-panel,.local-library-resource-content>.arpeggiator-panel,.local-library-resource-content>.sound-library-panel{height:100%}.local-library-collection-heading{align-items:center;min-height:2.6rem;padding:0 .12rem}.local-library-collection-heading>div{min-width:0;display:grid;gap:.14rem}.local-library-collection-heading h3{color:var(--color-ink);font-size:.94rem}.local-library-collection-heading p{color:var(--color-muted);font-size:.7rem;line-height:1.35}.local-library-collection-heading>span{flex:0 0 auto;padding:.25rem .48rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel-raised)}.local-library-drop-zone{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.58rem;padding:.48rem .58rem;border:1px dashed color-mix(in srgb,var(--color-teal) 48%,var(--color-line));border-radius:9px;background:color-mix(in srgb,var(--color-teal) 5%,var(--color-panel-raised));color:var(--color-muted);transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.local-library-drop-zone.is-dragging{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 14%,var(--color-panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 13%,transparent)}.local-library-drop-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--color-teal) 12%,var(--color-panel));color:var(--color-teal-strong)}.local-library-drop-zone>div{min-width:0;display:grid;gap:.08rem}.local-library-drop-zone strong,.local-library-drop-zone small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-library-drop-zone strong{color:var(--color-ink);font-size:.72rem}.local-library-drop-zone small{font-size:.62rem}.local-library-drop-zone button{min-height:2rem;padding:0 .62rem;border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:var(--color-panel);color:var(--color-teal-strong);font-size:.67rem;font-weight:820;white-space:nowrap}.local-library-score-list{max-height:none;display:grid;gap:.42rem;overflow-y:auto;padding-right:.16rem;scrollbar-color:color-mix(in srgb,var(--color-teal) 42%,transparent) transparent}.local-score-row{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.62rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel-raised) 74%,transparent)}.local-score-row:hover{border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:var(--color-panel-raised)}.local-score-file-mark{width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-teal) 34%,var(--color-line));border-radius:7px;background:color-mix(in srgb,var(--color-teal) 8%,var(--color-panel));color:var(--color-teal-strong)}.local-score-file-mark[data-state=needs-omr]{border-color:color-mix(in srgb,var(--color-saffron) 44%,var(--color-line));background:color-mix(in srgb,var(--color-saffron) 9%,var(--color-panel));color:color-mix(in srgb,var(--color-saffron) 74%,var(--color-ink))}.local-score-details{min-width:0;display:grid;gap:.1rem}.local-score-details>strong,.local-score-details>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-score-details>strong{color:var(--color-ink);font-size:.8rem}.local-score-details>small{color:var(--color-muted);font-size:.67rem}.local-score-description{margin-top:.4rem;color:var(--color-ink);font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}.local-score-description>summary{width:fit-content;color:var(--color-teal-strong);font-weight:700;cursor:pointer}.local-score-description>p{max-width:80ch;margin:.6rem 0 0;white-space:pre-wrap}.local-score-metadata{flex-wrap:wrap;gap:.28rem;margin-top:.16rem}.local-score-metadata>span{gap:.18rem;padding:.18rem .34rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel);color:var(--color-muted);font-size:.58rem;font-weight:740}.local-score-metadata>span[data-state=ready]{border-color:color-mix(in srgb,var(--color-green) 27%,var(--color-line));color:var(--color-green)}.local-score-metadata>span[data-state=needs-omr]{border-color:color-mix(in srgb,var(--color-saffron) 40%,var(--color-line));color:color-mix(in srgb,var(--color-saffron) 68%,var(--color-ink))}.local-score-actions{display:flex;align-items:center;gap:.35rem}.local-score-actions>button{min-height:2.25rem;padding:0 .65rem;font-size:.7rem;font-weight:800;white-space:nowrap}.local-score-actions>.local-score-delete{width:2.25rem;min-width:2.25rem;height:2.25rem;padding:0;border-color:transparent;background:transparent;color:var(--color-muted)}.local-score-actions>.local-score-delete:hover{border-color:color-mix(in srgb,var(--color-coral) 38%,var(--color-line));background:color-mix(in srgb,var(--color-coral) 8%,var(--color-panel));color:var(--color-coral)}.local-score-open{border-color:color-mix(in srgb,var(--color-teal) 72%,var(--color-line));color:var(--color-teal-strong)}.local-score-open:hover{background:var(--color-teal);color:var(--color-white)}.local-score-pending:disabled{cursor:default;opacity:.68}.local-library-empty{min-height:14rem;display:grid;place-content:center;justify-items:center;gap:.4rem;padding:1rem;border:1px dashed var(--color-line-strong);border-radius:9px;background:color-mix(in srgb,var(--color-panel-raised) 66%,transparent);color:var(--color-muted);text-align:center}.local-library-empty>svg{color:var(--color-teal-strong)}.local-library-empty strong{color:var(--color-ink);font-size:.85rem}.local-library-empty p{max-width:28rem;color:var(--color-muted);font-size:.72rem;line-height:1.45}.local-library-empty button{justify-content:center;gap:.35rem;min-height:2.3rem;margin-top:.25rem;padding:0 .72rem;border-color:var(--color-teal);color:var(--color-teal-strong);font-size:.7rem;font-weight:800}.local-library-delete-backdrop{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:1rem;background:#141b1975;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.local-library-delete-dialog{width:min(29rem,calc(100vw - 2rem));display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem .8rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-coral) 46%,var(--color-line));border-radius:12px;background:var(--color-panel);box-shadow:0 24px 70px #181a1757}.local-library-delete-mark{width:2.65rem;height:2.65rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-coral) 34%,var(--color-line));border-radius:9px;background:color-mix(in srgb,var(--color-coral) 9%,var(--color-panel));color:var(--color-coral)}.local-library-delete-copy{min-width:0;display:grid;gap:.22rem}.local-library-delete-copy>span{color:var(--color-coral);font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.local-library-delete-copy h3,.local-library-delete-copy p,.local-library-delete-error{margin:0}.local-library-delete-copy h3{overflow-wrap:anywhere;color:var(--color-ink);font-size:1rem}.local-library-delete-copy p,.local-library-delete-error{color:var(--color-muted);font-size:.73rem;line-height:1.5}.local-library-delete-error{grid-column:1 / -1;padding:.55rem .65rem;border-left:3px solid var(--color-coral);border-radius:5px;background:color-mix(in srgb,var(--color-coral) 7%,var(--color-panel));color:var(--color-coral);font-weight:720}.local-library-delete-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.45rem;padding-top:.25rem}.local-library-delete-actions button{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .78rem;font-size:.72rem;font-weight:820}.local-library-delete-actions .local-library-confirm-delete{border-color:var(--color-coral);background:var(--color-coral);color:var(--color-white)}@media(max-width:760px){.local-library-header{align-items:flex-start;flex-direction:column}.local-library-heading{flex:0 0 auto}.local-library-header-actions{position:absolute;top:.72rem;right:.72rem}.local-library-search{width:100%;max-width:none;flex-basis:auto}.local-library-heading{padding-right:2.5rem}.local-library-header-tags{width:100%;max-width:none;flex-basis:auto}.local-library-body{grid-template-columns:1fr;overflow-y:auto}.local-library-navigation{border-right:0;border-bottom:1px solid var(--color-line);overflow:visible}.local-library-body[data-active-resource] .local-library-navigation{display:none}.local-library-collection{overflow:visible}.local-library-resource-collection{min-height:0}.local-library-composer-subtree>details>ul{max-height:8rem}.local-library-privacy-note{display:none}}@media(max-width:480px){.local-library-header,.local-library-collection{padding:.72rem}.local-library-mark{width:2.35rem;height:2.35rem}.local-library-drop-zone{grid-template-columns:auto minmax(0,1fr)}.local-library-drop-zone button{grid-column:1 / -1}.local-library-score-list{max-height:none}.local-score-row{grid-template-columns:auto minmax(0,1fr)}.local-score-actions{grid-column:1 / -1;width:100%}.local-score-actions>.local-score-open,.local-score-actions>.local-score-pending{flex:1 1 auto}.local-library-delete-dialog{grid-template-columns:1fr}.local-library-delete-mark{width:2.35rem;height:2.35rem}.local-library-delete-error,.local-library-delete-actions{grid-column:1}.local-library-delete-actions button{flex:1 1 0}}.sound-pads{height:7.1rem;display:grid;grid-template-columns:repeat(8,minmax(3.4rem,1fr));grid-auto-rows:minmax(0,1fr);gap:.55rem}.create-input-choice,.create-input-switch{display:flex;align-items:center}.create-input-choice{min-height:2.4rem;gap:.55rem}.create-input-choice>span{color:var(--color-muted);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.create-input-choice>small{color:var(--color-muted);font-size:.72rem}.create-input-switch{gap:.15rem;padding:.18rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised)}.create-input-switch button{min-height:2rem;display:inline-flex;align-items:center;gap:.35rem;padding:0 .65rem;border-color:transparent;background:transparent;font-size:.76rem}.create-input-switch button.active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-panel)}.create-piano-input,.create-guitar-input,.create-bass-input,.create-mandolin-input,.create-ukulele-input,.create-percussion-input,.create-tab-input{height:7.1rem;min-width:0;overflow:hidden;border-radius:8px}.create-harp-input{height:clamp(15rem,25vw,19rem);min-width:0;overflow:hidden;border-radius:8px}.harp-viewer{--harp-brass: #c8a35d;--harp-brass-bright: #f6d78f;height:100%;min-width:0;display:grid;grid-template-rows:2.7rem minmax(0,1fr) 3.55rem;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:8px;background:color-mix(in srgb,var(--color-panel-raised) 88%,#906e35 12%)}.harp-viewer-header{z-index:2;min-width:0;display:flex;align-items:center;gap:.7rem;padding:.35rem .5rem .35rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--harp-brass) 46%,var(--color-line));background:color-mix(in srgb,var(--color-panel) 86%,#b28742 14%)}.harp-viewer-header>span:first-child{min-width:8rem;display:grid;line-height:1.05}.harp-viewer-header strong,.harp-viewer-header small,.harp-active-notes{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harp-viewer-header strong{color:color-mix(in srgb,var(--color-ink) 72%,#9a641b);font-size:.72rem}.harp-viewer-header small,.harp-active-notes{color:var(--color-muted);font-size:.56rem}.harp-active-notes{min-width:0;flex:1;text-align:center}.harp-viewer-header button{min-width:2rem;min-height:1.75rem;padding:0;border-color:color-mix(in srgb,var(--harp-brass) 56%,var(--color-line));background:var(--color-panel-raised)}.harp-string-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--harp-brass) color-mix(in srgb,var(--color-panel) 82%,#302315 18%)}.harp-string-frame{position:relative;isolation:isolate;width:max-content;min-width:100%;height:100%;display:flex;align-items:end;gap:.18rem;padding:.8rem 1.15rem .15rem 3rem;border-bottom:.3rem solid color-mix(in srgb,var(--harp-brass) 78%,#5f3e19);background:radial-gradient(circle at 18% 18%,rgb(255 227 166 / 14%),transparent 28%),linear-gradient(155deg,#271f17,#161b21 56%,#211a13)}.harp-string-frame:before{position:absolute;z-index:-1;top:.34rem;right:.75rem;left:2.1rem;height:.42rem;border-radius:100% 20% 40%;background:linear-gradient(90deg,#765126,var(--harp-brass-bright) 54%,#80602d);box-shadow:0 .18rem #4b3219,0 .38rem .55rem #00000061;content:"";transform:rotate(-3.1deg);transform-origin:right center}.harp-string-frame:after{position:absolute;z-index:-1;top:.15rem;bottom:-.08rem;left:0;width:3.6rem;border:.24rem solid color-mix(in srgb,var(--harp-brass) 72%,#5c3a18);border-right-width:.62rem;border-radius:55% 12% 18% 45%;background:linear-gradient(105deg,#392617 20%,#a06f31 62%,#4f331a);box-shadow:.3rem 0 .55rem #00000057;content:"";transform:skew(-7deg)}.harp-string{position:relative;width:1rem;min-width:1rem;height:var(--harp-string-height);min-height:2.8rem;display:flex;align-items:end;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:#efe2c7;cursor:pointer}.harp-string-line{position:absolute;inset:0 auto .75rem 50%;width:1px;border-radius:999px;background:#d5c7aa;box-shadow:0 0 1px #fff5dd;transform:translate(-50%);transition:width 90ms ease,filter 90ms ease,background-color 90ms ease}.harp-string-c .harp-string-line{width:2px;background:#d84545;box-shadow:0 0 2px #ff8181}.harp-string-f .harp-string-line{width:2px;background:#397ccc;box-shadow:0 0 2px #7eb9ff}.harp-string small{z-index:1;width:1rem;overflow:visible;font-size:.39rem;font-weight:850;line-height:.62rem;text-align:center;text-shadow:0 1px 2px #000}.harp-string:hover .harp-string-line,.harp-string:focus-visible .harp-string-line{width:4px;filter:brightness(1.45)}.harp-string.active .harp-string-line{width:5px;background:#4f8ee8;box-shadow:0 0 .28rem #84b5ff,0 0 .72rem #4c8be8c7}.harp-string.playing .harp-string-line{width:6px;background:var(--color-saffron);box-shadow:0 0 .32rem #fff0b7,0 0 .85rem color-mix(in srgb,var(--color-saffron) 88%,transparent)}.harp-pedal-bank{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(3.7rem,1fr)) repeat(4,minmax(3.7rem,1fr)) minmax(8.5rem,1.5fr);align-items:center;gap:.3rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--harp-brass) transparent;padding:.32rem .55rem;border-top:1px solid color-mix(in srgb,var(--harp-brass) 48%,var(--color-line));background:color-mix(in srgb,var(--color-panel) 88%,#aa7b34 12%)}.harp-pedal-bank label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.2rem}.harp-pedal-bank label.right-foot{margin-left:.3rem;padding-left:.55rem;border-left:1px solid color-mix(in srgb,var(--harp-brass) 55%,var(--color-line))}.harp-pedal-bank label strong{color:color-mix(in srgb,var(--color-ink) 72%,#9a641b);font-size:.58rem}.harp-pedal-bank select{width:100%;min-width:0;min-height:1.85rem;padding:0 .28rem;border:1px solid color-mix(in srgb,var(--harp-brass) 46%,var(--color-line));border-radius:5px;background:var(--color-panel-raised);color:var(--color-ink);font:inherit;font-size:.53rem}.harp-pedal-bank select:disabled{opacity:.68}.harp-pedal-note{overflow:hidden;color:var(--color-muted);font-size:.52rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.create-voice-input{height:clamp(11rem,20vw,14rem);min-width:0;overflow:hidden;border-radius:8px}.voice-range-viewer{--voice-accent: #8e66b8;--voice-accent-soft: #eadcf7;height:100%;min-width:0;display:grid;grid-template-rows:2.65rem minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--voice-accent) 45%,var(--color-line));border-radius:8px;background:color-mix(in srgb,var(--color-panel-raised) 91%,var(--voice-accent) 9%)}.voice-range-alto{--voice-accent: #9b5f8f;--voice-accent-soft: #f2dce9}.voice-range-tenor{--voice-accent: #477aa0;--voice-accent-soft: #d9ebf6}.voice-range-bass{--voice-accent: #486c68;--voice-accent-soft: #d9ebe7}.voice-range-header{min-width:0;display:flex;align-items:center;gap:.7rem;padding:.35rem .5rem .35rem .7rem;border-bottom:1px solid color-mix(in srgb,var(--voice-accent) 36%,var(--color-line));background:color-mix(in srgb,var(--color-panel) 88%,var(--voice-accent) 12%)}.voice-range-header>span:first-child{min-width:8rem;display:grid;line-height:1.05}.voice-range-header strong,.voice-range-header small,.voice-range-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-range-header strong{color:color-mix(in srgb,var(--color-ink) 72%,var(--voice-accent));font-size:.75rem}.voice-range-header small,.voice-range-current{color:var(--color-muted);font-size:.58rem}.voice-range-current{min-width:0;flex:1;text-align:center}.voice-range-header button{min-width:2rem;min-height:1.75rem;padding:0}.voice-range-body{min-width:0;min-height:0;display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.55rem;padding:.5rem}.voice-range-silhouette{width:100%;height:100%;max-height:9rem;align-self:center;fill:color-mix(in srgb,var(--voice-accent) 22%,var(--color-panel));stroke:var(--voice-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.voice-range-silhouette .voice-range-breath{fill:none;opacity:.7}.voice-range-compass{min-width:0;min-height:0;display:grid;grid-template-rows:1rem minmax(0,1fr) 1rem;overflow-x:auto}.voice-range-registers,.voice-range-compass>footer{display:flex;justify-content:space-between;color:var(--color-muted);font-size:.55rem}.voice-range-pitches{width:max(100%,calc(var(--voice-pitch-count) * 1.8rem));min-height:0;display:grid;grid-template-columns:repeat(var(--voice-pitch-count),minmax(1.65rem,1fr));gap:.16rem;padding:.2rem 0}.voice-range-pitch{min-width:0;min-height:0;display:grid;align-content:center;gap:.12rem;padding:.15rem .05rem;border-color:color-mix(in srgb,var(--voice-accent) 32%,var(--color-line));background:var(--color-panel);color:var(--color-ink);font-size:.65rem}.voice-range-pitch.accidental{margin-block:.4rem;background:color-mix(in srgb,var(--color-ink) 82%,var(--voice-accent));color:var(--color-panel)}.voice-range-pitch.passaggio:not(.active){background:color-mix(in srgb,var(--voice-accent-soft) 55%,var(--color-panel))}.voice-range-pitch small{color:inherit;font-size:.47rem;opacity:.7}.voice-range-pitch.active{border-color:var(--voice-accent);background:var(--voice-accent-soft);color:color-mix(in srgb,var(--color-ink) 75%,var(--voice-accent));box-shadow:inset 0 0 0 1px var(--voice-accent),0 0 .6rem color-mix(in srgb,var(--voice-accent) 35%,transparent)}.voice-range-pitch.playing{background:var(--voice-accent);color:#fff}.percussion-pad-viewer{height:100%;display:grid;grid-template-columns:minmax(8rem,.16fr) minmax(0,1fr);gap:.55rem;padding:.48rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel-raised) 90%,var(--color-saffron) 10%)}.percussion-pad-header{display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;min-width:0;padding:.15rem .2rem}.percussion-pad-header>span{display:grid;gap:.15rem;min-width:0}.percussion-pad-header strong,.percussion-pad-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.percussion-pad-header small{color:var(--color-muted);font-size:.68rem}.percussion-pad-controls{display:flex;gap:.25rem}.percussion-pad-controls button{min-width:2rem;min-height:1.8rem;padding:0;border-color:var(--color-line-strong);background:var(--color-panel)}.percussion-pad-grid{min-width:0;display:grid;grid-template-columns:repeat(8,minmax(2.5rem,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.35rem}.percussion-pad-viewer.layout-orchestral .percussion-pad-grid{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));grid-template-rows:minmax(0,1fr)}.percussion-pad{min-width:0;min-height:0;display:grid;place-content:center;gap:.08rem;padding:.2rem;border:1px solid hsl(var(--percussion-pad-hue) 45% 35% / 55%);border-radius:7px;background:hsl(var(--percussion-pad-hue) 58% 48% / 18%);color:var(--color-ink);text-align:center}.percussion-pad strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.percussion-pad small{color:var(--color-muted);font-size:.58rem}.percussion-pad:hover,.percussion-pad:focus-visible,.percussion-pad.active,.percussion-pad.selected{border-color:hsl(var(--percussion-pad-hue) 70% 38%);background:hsl(var(--percussion-pad-hue) 65% 52% / 32%)}.percussion-pad.playing{border-color:var(--color-saffron);background:var(--color-saffron);color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-saffron) 32%,transparent)}.create-bowed-string-input{height:clamp(12.5rem,22vw,16rem);min-width:0;overflow:hidden;border-radius:8px}.bowed-string-viewer{--bowed-accent: #9f5f32;--bowed-accent-strong: #6f341d;position:relative;height:100%;min-width:0;display:grid;grid-template-columns:8.5rem 2.9rem minmax(0,1fr);grid-template-rows:2.35rem minmax(0,1fr) 1.1rem;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:8px;background:color-mix(in srgb,var(--color-panel-raised) 92%,#d69a5e 8%)}.bowed-string-cello{--bowed-accent: #865c3c;--bowed-accent-strong: #4f3224}.bowed-string-viola{--bowed-accent: #a66e35;--bowed-accent-strong: #653b20}.bowed-string-double-bass{--bowed-accent: #74513b;--bowed-accent-strong: #3f2a20}.bowed-string-instrument{grid-column:1;grid-row:1 / -1;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.25rem;padding:.6rem .5rem .35rem;border-right:1px solid color-mix(in srgb,var(--bowed-accent) 35%,var(--color-line));background:radial-gradient(circle at 50% 72%,color-mix(in srgb,var(--bowed-accent) 20%,transparent),transparent 46%),var(--color-panel)}.bowed-string-instrument>span{display:grid;gap:.08rem;min-width:0;text-align:center}.bowed-string-instrument strong,.bowed-string-instrument small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bowed-string-instrument strong{color:var(--bowed-accent-strong);font-size:.8rem}.bowed-string-instrument small{color:var(--color-muted);font-size:.56rem}.bowed-string-instrument svg{width:100%;height:100%;min-height:0;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.bowed-body,.bowed-scroll{fill:color-mix(in srgb,var(--bowed-accent) 68%,#e8b36d);stroke:var(--bowed-accent-strong);stroke-width:2.4}.bowed-neck,.bowed-tailpiece{fill:color-mix(in srgb,var(--bowed-accent-strong) 86%,#21150f);stroke:#2b1a12;stroke-width:1.8}.bowed-waist,.bowed-f-hole,.bowed-bridge,.bowed-endpin{stroke:color-mix(in srgb,var(--bowed-accent-strong) 88%,#160e0a);stroke-width:2.1}.bowed-svg-string{stroke:#f3e4c4;stroke-width:.9}.bowed-string-instrument svg.active .bowed-body{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-saffron) 68%,transparent));fill:color-mix(in srgb,var(--bowed-accent) 66%,var(--color-saffron))}.bowed-string-nav{grid-column:2 / -1;grid-row:1;display:flex;align-items:center;gap:.35rem;padding:.25rem .35rem;border-bottom:1px solid color-mix(in srgb,var(--bowed-accent) 26%,var(--color-line));background:color-mix(in srgb,var(--color-panel) 84%,var(--bowed-accent) 16%)}.bowed-string-nav>span{min-width:0;display:grid;flex:1;gap:.02rem}.bowed-string-nav strong,.bowed-string-nav small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bowed-string-nav strong{color:var(--bowed-accent-strong);font-size:.68rem}.bowed-string-nav small{color:var(--color-muted);font-size:.55rem}.bowed-string-nav button{min-width:2rem;min-height:1.75rem;padding:0;border-color:color-mix(in srgb,var(--bowed-accent) 42%,var(--color-line));background:var(--color-panel-raised);color:var(--bowed-accent-strong)}.bowed-string-labels{grid-column:2;grid-row:2;z-index:2;display:grid;grid-template-rows:.9rem repeat(var(--bowed-string-count),minmax(0,1fr));border-right:2px solid #eadfc8;background:#2a1b13;color:#f0dfbd;text-align:center}.bowed-string-labels span,.bowed-string-labels strong{align-self:center;font-size:.48rem}.bowed-string-labels span{color:#b9a585;font-size:.4rem;text-transform:uppercase}.bowed-string-scroll{grid-column:3;grid-row:2;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--bowed-accent) #261911}.bowed-string-grid{width:max-content;min-width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--bowed-position-count),2.35rem);grid-template-rows:.9rem repeat(var(--bowed-string-count),minmax(0,1fr));background:linear-gradient(90deg,rgb(255 255 255 / 5%),transparent 18%),linear-gradient(#68442d,#4c3021)}.bowed-position-number{display:grid;place-items:center;border-right:1px solid rgb(235 218 188 / 18%);background:#1f130db8;color:#cdbb9c;font-size:.43rem}.bowed-position-number:first-child{color:#f3e7d0;font-weight:800;text-transform:uppercase}.bowed-string-position{position:relative;min-width:0;min-height:0;display:grid;place-items:center;padding:0;border:0;border-right:1px solid rgb(236 220 190 / 17%);border-radius:0;background:linear-gradient(transparent calc(50% - 1px),#c6b28f calc(50% - 1px),#fff0cd 50%,#a18b6d calc(50% + 1px),transparent calc(50% + 1px));color:#fff}.bowed-string-position:after{width:.46rem;height:.46rem;border-radius:50%;background:transparent;content:""}.bowed-string-position:hover:after{background:#ffe6b5ad}.bowed-string-position.active:after{width:.82rem;height:.82rem;border:1px solid #dbeaff;background:#3d7bdf;box-shadow:0 0 .48rem #3d7bdfbf}.bowed-string-position.playing:after{width:.9rem;height:.9rem;border-color:#fff3c9;background:var(--color-saffron);box-shadow:0 0 .58rem color-mix(in srgb,var(--color-saffron) 84%,transparent)}.bowed-string-position span{position:absolute;z-index:1;font-size:.42rem;font-weight:850;line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / 72%);pointer-events:none}.bowed-string-viewer>footer{grid-column:2 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;padding:0 .55rem;background:color-mix(in srgb,var(--color-panel) 88%,var(--bowed-accent) 12%);color:var(--color-muted);font-size:.5rem}.create-wind-input{height:clamp(14rem,24vw,22rem);min-width:0;overflow:hidden;border-radius:8px}.create-piano-input .piano-dock,.create-guitar-input .guitar-dock,.create-bass-input .guitar-dock,.create-bowed-string-input .bowed-string-viewer,.create-wind-input .wind-dock,.create-tab-input .tab-dock{height:100%;border:1px solid var(--color-line-strong);border-radius:8px}.chromatic-color-input{position:relative;height:7.1rem;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel-raised)}.chromatic-natural-row{height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.chromatic-natural-key{min-width:0;min-height:0;display:flex;align-items:flex-end;justify-content:center;padding:0 .2rem .55rem;border:0;border-radius:0;background:var(--sound-color);color:var(--color-white);font-size:.78rem;font-weight:850;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:inset 0 -.35rem #00000029}.chromatic-accidental-key,.chromatic-key-gap{position:absolute;left:calc(var(--key-position) * 1%);transform:translate(-50%)}.chromatic-accidental-key{z-index:2;top:0;width:9%;min-width:2rem;max-width:4.5rem;height:4.5rem;min-height:0;display:grid;place-content:center;gap:.05rem;padding:.3rem .1rem .45rem;border:1px solid color-mix(in srgb,var(--color-ink) 72%,transparent);border-top:0;border-radius:0 0 6px 6px;background:var(--sound-color);color:var(--color-white);font-size:clamp(.56rem,1vw,.72rem);font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.65);box-shadow:inset 0 -.35rem #0000003d,0 3px 6px #18221f38}.chromatic-accidental-key small{color:#ffffffd1;font-size:.52rem}.chromatic-key-gap{z-index:3;top:.35rem;width:clamp(2.65rem,8%,4rem);display:grid;justify-items:center;gap:.12rem;padding:.22rem .16rem .28rem;border:1px dashed var(--color-line-strong);border-radius:5px;background:color-mix(in srgb,var(--color-panel-raised) 94%,transparent);color:var(--color-muted);font-size:clamp(.5rem,.8vw,.64rem);line-height:1.05;text-align:center;cursor:default;pointer-events:auto;-webkit-user-select:none;user-select:none}.chromatic-key-gap strong{color:var(--color-ink)}.chromatic-key-gap span{max-width:3.5rem}.sound-pad{min-height:0;border:0;background:var(--sound-color);color:var(--color-white);box-shadow:inset 0 -.4rem #00000029}.sound-pad span{display:inline-grid;place-items:center;width:2rem;height:2rem;border:2px solid rgba(255,255,255,.82);border-radius:50%;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45)}.melody-map-viewport{pointer-events:none}.piano-range strong{align-self:end;padding:.12rem .4rem;border:1px solid #4a5669;border-radius:999px;background:#303c50;color:#f4f7fb;font-size:.58rem;letter-spacing:.015em}.melody-map-dim{fill:color-mix(in srgb,var(--color-panel-raised) 72%,transparent)}.melody-map-window{fill:color-mix(in srgb,var(--color-teal) 8%,transparent);stroke:var(--color-teal);stroke-width:2;vector-effect:non-scaling-stroke}.instrument-solo-button{display:inline-flex;align-items:center;justify-content:center;gap:.16rem;min-height:1.55rem;padding:.12rem .3rem;border:0;border-left:1px solid var(--color-line);border-radius:0 5px 5px 0;background:var(--color-white);color:var(--color-muted);font:inherit;font-size:.62rem;font-weight:800;cursor:pointer}.instrument-solo-button:hover,.instrument-solo-button:focus-visible,.instrument-solo-button[aria-pressed=true]{background:var(--color-saffron);color:var(--color-ink)}.mix-view-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(4.5rem,1fr));gap:.18rem;margin-bottom:.65rem;padding:.2rem;border:1px solid var(--color-line);border-radius:7px;background:color-mix(in srgb,var(--color-line) 24%,var(--color-panel))}.mix-view-switch button{min-height:2rem;padding:0 .65rem;border-color:transparent;background:transparent;color:var(--color-muted);font-size:.72rem;font-weight:800}.mix-view-switch button.active{border-color:var(--color-line-strong);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:0 1px 3px #1e27241a}.timeline{position:relative;min-height:19rem;min-width:0;overflow-x:auto;overflow-y:hidden;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel-raised)}.timeline-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .65rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised)}.timeline-leading-controls{display:inline-flex;align-items:center;gap:.35rem}.timeline-input-menu{position:relative;z-index:13}.timeline-input-menu>summary{width:auto;max-width:min(13rem,calc(100vw - 2rem));min-height:2.15rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-muted);cursor:pointer;list-style:none}.timeline-input-menu>summary span{overflow:hidden;max-width:8rem;margin-inline:.25rem;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800}.timeline-input-menu>summary::-webkit-details-marker{display:none}.timeline-input-menu>summary:hover,.timeline-input-menu>summary:focus-visible,.timeline-input-menu[open]>summary{border-color:var(--color-teal);color:var(--color-teal-strong)}.timeline-input-menu-panel{position:absolute;z-index:14;top:calc(100% + .4rem);left:0;display:grid;gap:.2rem;width:min(17rem,calc(100vw - 2rem));max-height:min(30rem,72vh);overflow-y:auto;padding:.5rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel-raised);box-shadow:0 10px 28px #141e1c2e}.timeline-input-menu-panel header{display:grid;gap:.1rem;padding:.15rem .35rem .4rem;border-bottom:1px solid var(--color-line)}.timeline-input-menu-panel header small{color:var(--color-muted);font-size:.68rem}.timeline-input-menu-panel button{width:100%;display:grid;grid-template-columns:1.2rem minmax(0,1fr) 1rem;align-items:center;gap:.45rem;justify-content:start;min-height:2.15rem;padding:.25rem .45rem;border-color:transparent;background:transparent;color:var(--color-ink);text-align:left}.timeline-input-menu-panel button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-input-menu-panel button:hover,.timeline-input-menu-panel button:focus-visible{background:var(--color-panel)}.timeline-input-menu-panel button.active{background:color-mix(in srgb,var(--color-teal) 14%,var(--color-panel));color:var(--color-teal-strong)}.create-input-stage{position:relative;min-width:0}.create-input-stage>.timeline-input-menu{position:absolute;z-index:30;top:.45rem;left:.45rem}.create-input-stage>.timeline-input-menu>summary{min-height:1.9rem;padding:.2rem .45rem;border-color:color-mix(in srgb,var(--color-line-strong) 80%,transparent);background:color-mix(in srgb,var(--color-panel-raised) 88%,transparent);box-shadow:0 .2rem .6rem #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-input-stage>.timeline-input-menu .timeline-input-menu-panel{position:absolute;top:calc(100% + .35rem);left:0;width:min(19rem,calc(100vw - 1.5rem));max-height:min(34rem,calc(100dvh - 4rem))}.create-input-stage-bottom>.timeline-input-menu .timeline-input-menu-panel{top:auto;bottom:calc(100% + .35rem);max-height:min(34rem,65dvh)}.create-input-stage-bottom>.timeline-input-menu>summary>svg:last-child{transform:rotate(180deg)}.timeline-view-controls{position:absolute;z-index:20;top:.65rem;right:.65rem;display:grid;gap:.6rem;width:min(20rem,calc(100% - 1.3rem));max-height:calc(100% - 1.3rem);padding:.65rem;border:1px solid var(--color-line-strong);border-radius:12px;background:color-mix(in srgb,var(--color-panel-raised) 95%,transparent);box-shadow:0 6px 22px #18221f26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-instrument-controls{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.45rem;min-height:0;min-width:0}.timeline-instrument-toolbar{display:grid;gap:.45rem;min-width:0}.timeline-instrument-collapse{display:inline-grid;place-items:center;flex-shrink:0}.timeline-instrument-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem}.timeline-instrument-navigation>button{display:grid;place-items:center;width:2rem;min-height:2rem;padding:0}.timeline-instrument-management>button{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:2rem;padding:.25rem .5rem;font-size:.75rem}.timeline-instrument-current{display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;font-size:.75rem}.timeline-instrument-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-instrument-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.75rem}.timeline-instrument-heading small{margin-right:auto;color:var(--color-muted);font-size:.68rem}.timeline-instrument-heading button{min-height:1.8rem;padding:.2rem .45rem;font-size:.68rem}.timeline-instrument-solo-button{display:inline-flex;align-items:center;gap:.35rem}.timeline-instrument-solo-button[aria-pressed=true]{border-color:var(--color-saffron);background:color-mix(in srgb,var(--color-saffron) 25%,var(--color-panel))}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation){width:fit-content;max-width:min(20rem,calc(100% - 1.3rem));padding:.2rem .25rem;border-radius:8px}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-controls{grid-template-rows:auto;gap:0}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-toolbar{display:flex;align-items:center;gap:.3rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-heading{order:2;flex:0 0 auto;flex-wrap:nowrap;gap:.3rem;white-space:nowrap}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-heading>strong{display:none}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-heading small{margin:0;font-size:.6rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-navigation{display:flex;min-width:0;gap:.15rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-current{max-width:8rem;gap:.25rem;font-size:.7rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-toolbar button{flex:0 0 auto;min-width:1.75rem;min-height:1.75rem;height:1.75rem;padding:0 .3rem;font-size:.6rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-navigation>button{width:1.75rem}.app-shell:not(.compact-compose-workspace) .timeline-view-controls[data-expanded=false]:has(.timeline-instrument-navigation) .timeline-instrument-toolbar button>svg{width:14px;height:14px}.timeline-instrument-list{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:.35rem;min-height:0;max-height:16rem;overflow-y:auto;scrollbar-gutter:stable;padding:3px;margin:-3px;overscroll-behavior:contain}.timeline-instrument-list[hidden]{display:none}.timeline-instrument-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;align-items:center;gap:.35rem;min-width:0;max-width:100%;min-height:2rem;padding:.3rem .5rem;border-color:color-mix(in srgb,var(--timeline-track-color) 35%,var(--color-line));border-radius:7px;background:var(--color-panel);color:var(--color-muted);font-size:.72rem;text-align:left}.timeline-instrument-button>span:nth-child(2){overflow-wrap:anywhere}.timeline-instrument-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--timeline-track-color) 75%,var(--color-line-strong));background:color-mix(in srgb,var(--timeline-track-color) 23%,var(--color-panel));color:var(--color-ink)}.timeline-instrument-button:hover{border-color:var(--timeline-track-color);background:color-mix(in srgb,var(--timeline-track-color) 15%,var(--color-panel))}.timeline-instrument-color{width:.55rem;height:.55rem;flex-shrink:0;border-radius:50%;background:var(--timeline-track-color)}.timeline-instrument-check{flex-shrink:0;visibility:hidden}.timeline-instrument-button[aria-pressed=true] .timeline-instrument-check{visibility:visible}.visualization-mode-picker{display:inline-flex;align-items:center;gap:.38rem;min-height:2.15rem;padding:0 .35rem 0 .55rem;border:1px solid var(--color-line-strong);border-radius:7px;background:color-mix(in srgb,var(--color-teal) 8%,var(--color-panel));color:var(--color-teal-strong);font-size:.78rem;font-weight:800}.visualization-mode-picker select{min-height:1.7rem;max-width:11rem;border:0;background:transparent;color:var(--color-ink);font:inherit}.timeline-grid{position:absolute;inset:0;min-width:var(--timeline-width, 64rem);background:linear-gradient(90deg,rgba(24,34,31,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(21,94,99,.08) 1px,transparent 1px);background-size:4rem 100%,100% 25%}.timeline:not(.compact) .timeline-grid{background-position:1rem 0,0 0}.timeline:not(.compact) .timeline-meter-grid{background:linear-gradient(0deg,rgba(21,94,99,.08) 1px,transparent 1px);background-size:100% 25%;pointer-events:none}.timeline-meter-segment{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,rgba(24,34,31,.48) 2px,transparent 2px),linear-gradient(90deg,rgba(24,34,31,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(24,34,31,.08) 1px,transparent 1px);background-size:var(--timeline-group-width) 100%,var(--timeline-bar-width) 100%,var(--timeline-beat-width) 100%;background-position:var(--timeline-group-offset) 0,0 0,0 0;pointer-events:none}.timeline-scroll-tail{position:absolute;top:0;bottom:0;left:var(--timeline-width, 64rem);width:50%;border-left:1px dashed color-mix(in srgb,var(--color-line-strong) 58%,transparent);pointer-events:none}.timeline.compact{--timeline-pitch-axis-width: clamp(2.65rem, 6vw, 3.8rem);overflow-x:hidden}.timeline.compact .timeline-grid{left:var(--timeline-pitch-axis-width);width:auto;min-width:0}.timeline.compact .timeline-density-overview{left:var(--timeline-pitch-axis-width);width:calc(100% - var(--timeline-pitch-axis-width))}.timeline-content-pass-through{display:contents}.classic-score-scrollport{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.classic-score-canvas{position:relative;min-width:100%;min-height:100%;overflow:clip}.classic-score-canvas .timeline-pitch-axis{position:sticky;left:0;height:100%}.timeline-density-overview{position:absolute;inset:0;z-index:1;width:var(--timeline-width, 64rem);height:100%}.timeline-density-overview line{stroke:#18221f1f;stroke-width:.7;vector-effect:non-scaling-stroke}.timeline-density-overview .timeline-overview-pitch-line[data-playing=true]{stroke:var(--timeline-pitch-color, var(--color-saffron));stroke-width:1.5;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--timeline-pitch-color, var(--color-saffron)) 46%,transparent))}.timeline-pitch-axis{position:absolute;inset:0 auto 0 0;z-index:3;width:var(--timeline-pitch-axis-width, clamp(2.65rem, 6vw, 3.8rem));border-right:1px solid color-mix(in srgb,var(--color-line-strong) 68%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--color-panel-raised) 94%,transparent) 72%,transparent);pointer-events:none}.timeline-pitch-axis>span{position:absolute;top:calc(var(--pitch-position) * 1%);right:.3rem;max-width:calc(100% - .35rem);overflow:hidden;padding:0 .2rem;border-radius:3px;background:color-mix(in srgb,var(--color-panel-raised) 86%,transparent);color:var(--color-muted);font-size:clamp(.38rem,calc(3rem / var(--timeline-pitch-count)),.68rem);font-weight:800;line-height:1;text-overflow:clip;white-space:nowrap;transform:translateY(-50%)}.timeline-pitch-axis>span[data-playing=true]{z-index:1;background:var(--timeline-pitch-color, var(--color-saffron));color:var(--color-white);font-size:clamp(.76rem,calc(6rem / var(--timeline-pitch-count)),1.36rem);box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-pitch-color, var(--color-saffron)) 28%,transparent)}.timeline-density-overview path,.timeline-density-overview polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.timeline-density-overview .timeline-overview-shape{stroke:color-mix(in srgb,var(--timeline-track-color, var(--color-teal)) 34%,var(--color-panel-raised));stroke-width:calc(.85px * var(--timeline-density-scale, 1));opacity:.44}.timeline-density-overview .timeline-overview-track{stroke:var(--timeline-track-color, var(--color-teal));stroke-width:calc(2.4px * var(--timeline-density-scale, 1));opacity:.68}.timeline-density-overview .timeline-overview-lines-played .timeline-overview-shape{stroke:color-mix(in srgb,var(--timeline-track-color, var(--color-teal)) 34%,var(--color-panel-raised));stroke-width:calc(1.5px * var(--timeline-density-scale, 1));opacity:.96}.timeline-density-overview .timeline-overview-note-dots{stroke:var(--timeline-track-color, var(--color-teal));stroke-width:calc(5.8px * var(--timeline-density-scale, 1));opacity:.96}.timeline-density-overview.density-focused .timeline-overview-shape,.timeline-density-overview.density-single .timeline-overview-shape{opacity:1}.timeline-density-overview.density-focused .timeline-overview-track{opacity:.84}.timeline-density-overview.density-single .timeline-overview-track{opacity:.94}.timeline-density-overview .timeline-overview-selected{stroke:var(--color-ink);stroke-width:5}.timeline-density-overview .timeline-overview-playing{stroke:var(--color-saffron);stroke-width:1.35;opacity:.58}.timeline-density-overview .timeline-overview-playing-dots{stroke:var(--color-saffron);stroke-width:calc(9.2px * var(--timeline-density-scale, 1));filter:drop-shadow(0 0 2px color-mix(in srgb,var(--color-saffron) 72%,transparent))}.timeline.visualizing{background:radial-gradient(circle at 50% 115%,rgb(30 108 114 / 28%),transparent 54%),linear-gradient(180deg,#101b20,#16262a 58%,#0d171b);box-shadow:inset 0 0 4rem #0000003d}.timeline.visualizing .timeline-grid{opacity:.2}.timeline.visualizing .timeline-density-overview line{stroke:#e0f0ef1a}.timeline.visualizing .timeline-density-overview .timeline-overview-shape{stroke:color-mix(in srgb,var(--timeline-track-color, var(--color-teal)) 58%,#dff8f4);opacity:.5}.timeline.visualizing .timeline-density-overview .timeline-overview-track{filter:drop-shadow(0 0 2px var(--timeline-track-color, var(--color-teal)));opacity:.58}.timeline.visualizing .timeline-density-overview .timeline-overview-note-dots{filter:drop-shadow(0 0 2px var(--timeline-track-color, var(--color-teal)));opacity:.9}.timeline.visualizing:not([data-visualization-mode=note-glow]) .timeline-density-overview{opacity:.42}.timeline.visualizing .timeline-pitch-axis{border-color:#e0f0ef24;background:linear-gradient(90deg,rgb(12 24 28 / 86%) 72%,transparent)}.timeline.visualizing .timeline-pitch-axis>span{background:#101c20c2;color:#e0f0efad}.score-visualization{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.timeline.compact .score-visualization{left:var(--timeline-pitch-axis-width)}.score-visualization-aurora{position:absolute;inset:-35% -10%;background:radial-gradient(circle at 24% 48%,rgb(52 211 153 / 28%),transparent 24%),radial-gradient(circle at 72% 42%,rgb(59 130 246 / 25%),transparent 27%),radial-gradient(circle at 50% 75%,rgb(245 158 11 / 20%),transparent 34%);opacity:calc(.04 + var(--visualizer-energy, 0) * .34);transform:scale(calc(.96 + var(--visualizer-energy, 0) * .08));filter:blur(18px) saturate(1.25);transition:opacity .11s linear,transform .11s linear}.score-visualization-horizon{position:absolute;right:0;bottom:0;left:0;height:calc(5% + var(--visualizer-energy, 0) * 13%);background:linear-gradient(0deg,rgb(94 234 212 / 18%),transparent);opacity:calc(.08 + var(--visualizer-energy, 0) * .6);filter:blur(5px);transition:height .11s linear,opacity .11s linear}.score-visualization-neon-instruments{position:absolute;z-index:1;right:max(.75rem,3%);bottom:0;left:max(.75rem,3%);height:clamp(4.75rem,24%,8.5rem);display:flex;align-items:flex-end;justify-content:center;gap:clamp(.35rem,1.4vw,1.25rem);overflow:hidden;padding:1.15rem clamp(.4rem,2vw,1.5rem) .25rem;background:radial-gradient(ellipse at 50% 100%,rgb(13 148 136 / 10%),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000);mask-image:linear-gradient(to bottom,transparent,#000 24%,#000);mix-blend-mode:screen}.score-visualization-neon-instruments:before{position:absolute;right:4%;bottom:.18rem;left:4%;height:1px;background:linear-gradient(90deg,transparent,rgb(153 246 228 / 24%),transparent);box-shadow:0 0 .7rem #2dd4bf33;content:""}.score-visualization-neon-instrument{position:relative;min-width:0;max-width:5.5rem;flex:1 1 0;display:grid;justify-items:center;gap:.15rem;color:color-mix(in srgb,var(--neon-instrument-color) 76%,white);opacity:calc(.06 + var(--neon-instrument-presence, 0) * .28 + var(--note-glow-beat-pulse, 0) * .08);filter:saturate(1.35) drop-shadow(0 0 calc(.12rem + var(--neon-instrument-intensity, 0) * .22rem) currentcolor);transform:translateY(calc(.3rem - var(--neon-instrument-attack, 0) * .22rem)) scale(calc(.94 + var(--note-glow-beat-pulse, 0) * .05));transform-origin:50% 100%;transition:opacity 90ms linear,filter 90ms linear,transform 90ms linear}.score-visualization-neon-instrument.is-sounding{opacity:calc(.34 + var(--neon-instrument-intensity, 0) * .12 + var(--note-glow-beat-pulse, 0) * .1)}.score-visualization-neon-instrument>svg{width:clamp(2.25rem,5vw,4rem);height:clamp(2.25rem,5vw,4rem);fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.score-visualization-neon-instrument small{width:100%;overflow:hidden;color:color-mix(in srgb,currentcolor 72%,transparent);font-size:clamp(.42rem,.75vw,.58rem);font-weight:750;letter-spacing:.06em;line-height:1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.score-visualization-fractal,.score-visualization-ribbons,.score-visualization-kaleidoscope-trail,.score-visualization-kaleidoscope,.score-visualization-tunnel,.score-visualization-starfield{position:absolute;inset:0;width:100%;height:100%}.score-visualization-kaleidoscope-trail{z-index:2;overflow:visible;filter:saturate(1.7) drop-shadow(0 0 4px rgb(255 255 255 / 20%))}.score-visualization-kaleidoscope-trail line{stroke:color-mix(in srgb,var(--trail-color) 82%,white);stroke-width:calc(1.15px + var(--visualizer-energy) * 1.55px);stroke-linecap:round;stroke-dasharray:1.6 .85;opacity:calc(var(--trail-opacity) * .88);vector-effect:non-scaling-stroke}.score-visualization-kaleidoscope-trail ellipse{fill:color-mix(in srgb,var(--trail-color) 76%,white);stroke:var(--trail-color);stroke-width:calc(.45px + var(--visualizer-energy) * .75px);opacity:var(--trail-opacity);vector-effect:non-scaling-stroke}.score-visualization-kaleidoscope-trail ellipse.is-current{filter:drop-shadow(0 0 5px var(--trail-color))}.score-visualization-fractal{inset:-8%;width:116%;height:116%;contain:layout paint style;overflow:visible;transform-origin:50% 50%;will-change:transform}.score-visualization-fractal-halo{opacity:.2}.score-visualization-fractal-halo path,.score-visualization-fractal-core path{fill:none;stroke:color-mix(in srgb,var(--fractal-color) 86%,white);stroke-linecap:round;vector-effect:non-scaling-stroke}.score-visualization-fractal-halo path{stroke-width:calc(10px - var(--fractal-depth) * 4px)}.score-visualization-fractal-core path{stroke-width:calc(5.5px - var(--fractal-depth) * 2.4px);opacity:calc(.9 - var(--fractal-depth) * .12)}.score-visualization-fractal-leaves path{fill:color-mix(in srgb,var(--fractal-color) 78%,white);stroke:#fff;stroke-width:.3;opacity:.9;vector-effect:non-scaling-stroke}.score-visualization-fractal-heart{fill:#fff;stroke:#ff2d95;stroke-width:1.2;opacity:calc(.7 + var(--fractal-energy, 0) * .28);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #00c8ff) drop-shadow(0 0 18px #d946ef);transform-box:fill-box;transform-origin:center}.score-visualization.is-playing .score-visualization-fractal{transform:translateZ(0)}.score-visualization.is-playing .score-visualization-fractal-heart{animation:score-visualization-fractal-heart-pulse .82s ease-in-out infinite alternate}.score-visualization-player-piano{position:absolute;z-index:4;right:-1%;bottom:-2%;left:-1%;height:clamp(20rem,58vh,42rem);display:flex;align-items:stretch;padding:0 .45rem;contain:layout paint style;opacity:.84;filter:drop-shadow(0 -.4rem 1.4rem rgb(0 0 0 / 52%));transform:perspective(72rem) rotateX(5deg) scaleX(1.015);transform-origin:50% 100%}.score-visualization-player-piano.is-top{top:-2%;bottom:auto;filter:drop-shadow(0 .4rem 1.4rem rgb(0 0 0 / 52%));transform:perspective(72rem) rotateX(-5deg) scaleX(1.015);transform-origin:50% 0}.score-visualization-player-piano-slot{position:relative;min-width:0;flex:1 1 0}.score-visualization-player-piano-key{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--player-piano-key-color) 54%,#b8c7dd);box-shadow:inset 0 0 .65rem #ffffff0a,0 0 .45rem color-mix(in srgb,var(--player-piano-key-color) 34%,transparent)}.score-visualization-player-piano-key.is-natural{inset:0 .5px;border-radius:0 0 .32rem .32rem;background:linear-gradient(90deg,rgb(255 255 255 / 5%),transparent 24% 74%,rgb(255 255 255 / 4%)),linear-gradient(180deg,#02040a,#09101b 78%,#010207)}.score-visualization-player-piano-key.is-accidental{z-index:2;top:0;right:-34%;width:68%;height:72%;border-color:color-mix(in srgb,var(--player-piano-key-color) 46%,white);border-radius:0 0 .25rem .25rem;background:linear-gradient(90deg,#6d7a97d1,#f8fbff 30% 68%,#8492aedb);box-shadow:inset 0 -.65rem 1rem #3e4b675c,0 0 .55rem color-mix(in srgb,var(--player-piano-key-color) 42%,transparent)}.score-visualization-player-piano-key.is-playing{z-index:3;border-color:color-mix(in srgb,var(--player-piano-key-color) 72%,white);background:var(--player-piano-key-fill, var(--player-piano-key-color));box-shadow:inset 0 0 1.5rem #ffffff61,0 0 .7rem var(--player-piano-key-color),0 0 1.8rem var(--player-piano-key-color);filter:saturate(1.65) brightness(1.18);animation:score-visualization-fractal-piano-pulse .42s ease-in-out infinite alternate}.score-visualization-player-piano-key.is-playing:before{position:absolute;right:-18%;bottom:100%;left:-18%;height:34vh;background:linear-gradient(0deg,var(--player-piano-key-color),transparent 88%);content:"";opacity:.7;filter:blur(.28rem)}.score-visualization-player-piano.is-top .score-visualization-player-piano-key.is-playing:before{top:100%;bottom:auto;background:linear-gradient(180deg,var(--player-piano-key-color),transparent 88%)}.score-visualization-kaleidoscope{z-index:1;top:var(--visualizer-focus-y);left:var(--visualizer-focus-x);width:min(64rem,130%);height:min(64rem,190%);transform:translate(-50%,-50%) rotate(var(--visualizer-rotation));filter:saturate(1.5) drop-shadow(0 0 8px rgb(255 255 255 / 10%));transition:top .12s linear,left .12s linear,transform .12s linear}.score-visualization-kaleidoscope-eye{position:absolute;z-index:3;top:var(--visualizer-focus-y);left:var(--visualizer-focus-x);width:calc(.75rem + var(--visualizer-energy) * .9rem);height:calc(.75rem + var(--visualizer-energy) * .9rem);border:2px solid rgb(255 255 255 / 88%);border-radius:50%;background:radial-gradient(circle,white 0 12%,rgb(45 212 191 / 88%) 18% 35%,rgb(96 165 250 / 52%) 42%,transparent 66%);box-shadow:0 0 .7rem #2dd4bfdb,0 0 1.5rem #60a5fa8a;transform:translate(-50%,-50%)}.score-visualization-kaleidoscope-eye>span{position:absolute;inset:-45%;border:1px solid rgb(255 255 255 / 38%);border-radius:50%;animation:score-visualization-eye-pulse .62s ease-in-out infinite alternate}.score-visualization-kaleidoscope-ray{position:absolute;top:50%;left:50%;width:calc(18% + var(--visualizer-energy) * 23%);height:clamp(.22rem,calc(.18rem + var(--visualizer-energy) * .7rem),.9rem);border-radius:999px 20% 20% 999px;background:linear-gradient(90deg,white,var(--ray-color) 18%,transparent 94%);box-shadow:0 0 .75rem var(--ray-color);opacity:calc(.13 + var(--visualizer-energy) * .76);transform:rotate(var(--ray-angle)) translate(.7rem);transform-origin:0 50%}.score-visualization.is-playing .score-visualization-kaleidoscope-ray{animation:score-visualization-ray-pulse .68s ease-in-out var(--ray-delay) infinite alternate}.score-visualization-tunnel{perspective:32rem;transform-style:preserve-3d;background:radial-gradient(circle at var(--visualizer-focus-x) var(--visualizer-focus-y),rgb(255 255 255 / 9%),transparent 7%)}.score-visualization-tunnel-ring{position:absolute;top:var(--visualizer-focus-y);left:var(--visualizer-focus-x);width:calc(8% + var(--tunnel-index) * 8%);aspect-ratio:1.7;border:calc(1px + var(--visualizer-energy) * 1.5px) solid var(--tunnel-color);border-radius:22%;opacity:calc(.12 + var(--visualizer-energy) * .58 - var(--tunnel-index) * .004);box-shadow:inset 0 0 .8rem color-mix(in srgb,var(--tunnel-color) 48%,transparent),0 0 .8rem color-mix(in srgb,var(--tunnel-color) 42%,transparent);transform:translate(-50%,-50%) rotate(var(--tunnel-rotation));transition:top .12s linear,left .12s linear,transform .12s linear,opacity .12s linear}.score-visualization-neon-tabs{position:absolute;z-index:5;top:clamp(4.25rem,8vh,5.75rem);right:clamp(.75rem,3vw,2.75rem);left:clamp(.75rem,3vw,2.75rem);display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1.25rem);overflow:visible}.score-visualization-neon-tab-lane{position:relative;height:clamp(6.4rem,16vh,9.5rem);flex:0 0 clamp(6.4rem,16vh,9.5rem);display:grid;grid-template-columns:clamp(6.5rem,14vw,11.5rem) minmax(0,1fr);align-items:stretch;gap:clamp(.55rem,1.2vw,1rem);padding:.72rem clamp(.65rem,1.2vw,1.1rem);color:color-mix(in srgb,var(--neon-tab-color) 72%,white);background:linear-gradient(90deg,#020912ad,#0209123d 22%,#0209121a 78%,#0209126b),radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--neon-tab-color) 9%,transparent),transparent 72%);box-shadow:inset 0 1px color-mix(in srgb,var(--neon-tab-color) 19%,transparent),inset 0 -1px color-mix(in srgb,var(--neon-tab-color) 12%,transparent);opacity:.76;filter:saturate(1.4);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);transition:opacity .12s linear,filter .12s linear}.score-visualization-neon-tab-lane.is-playing{opacity:1;filter:saturate(1.75) drop-shadow(0 0 .5rem color-mix(in srgb,var(--neon-tab-color) 40%,transparent))}.score-visualization-neon-tab-lane>header{min-width:0;display:flex;align-items:center;gap:clamp(.25rem,.7vw,.55rem);align-self:center;text-shadow:0 0 .35rem currentcolor,0 0 .9rem color-mix(in srgb,var(--neon-tab-color) 70%,transparent)}.score-visualization-neon-tab-lane>header svg{width:clamp(1.7rem,3vw,2.5rem);height:clamp(1.7rem,3vw,2.5rem);flex:0 0 auto;stroke-width:1.7;filter:drop-shadow(0 0 .35rem currentcolor)}.score-visualization-neon-tab-lane>header span{min-width:0;display:grid;gap:.12rem}.score-visualization-neon-tab-lane>header strong,.score-visualization-neon-tab-lane>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-visualization-neon-tab-lane>header strong{font-size:clamp(.65rem,1.2vw,.88rem);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.score-visualization-neon-tab-lane>header small{color:color-mix(in srgb,currentcolor 64%,transparent);font-size:clamp(.5rem,.9vw,.67rem);font-weight:700}.score-visualization-neon-tab-stage{position:relative;min-width:0;height:100%;margin-left:.75rem}.score-visualization-neon-tab-stage:before,.score-visualization-neon-tab-stage:after{position:absolute;z-index:1;top:0;bottom:0;width:12%;content:""}.score-visualization-neon-tab-stage:before{left:0;background:linear-gradient(90deg,rgb(2 9 18 / 84%),transparent)}.score-visualization-neon-tab-stage:after{right:0;background:linear-gradient(-90deg,rgb(2 9 18 / 68%),transparent)}.score-visualization-neon-tab-string{position:absolute;right:0;left:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--neon-tab-color) 20%,transparent),color-mix(in srgb,var(--neon-tab-color) 78%,white) 18%,color-mix(in srgb,var(--neon-tab-color) 50%,white) 82%,transparent);box-shadow:0 0 .22rem color-mix(in srgb,var(--neon-tab-color) 70%,transparent),0 0 .65rem color-mix(in srgb,var(--neon-tab-color) 30%,transparent);transform:translateY(-50%)}.score-visualization-neon-tab-string small{position:absolute;top:50%;right:calc(100% + .32rem);color:color-mix(in srgb,var(--neon-tab-color) 58%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.52rem,.85vw,.66rem);font-weight:900;line-height:1;text-shadow:0 0 .35rem currentcolor;transform:translateY(-50%)}.score-visualization-neon-tab-playhead{position:absolute;z-index:4;top:-.28rem;bottom:-.28rem;left:50%;width:1px;background:#ffffffe0;box-shadow:0 0 .35rem #fff,0 0 .85rem var(--neon-tab-color),0 0 1.45rem var(--neon-tab-color)}.score-visualization-neon-tab-playhead:after{position:absolute;top:-.16rem;left:50%;width:.34rem;height:.34rem;border-radius:50%;background:#fff;box-shadow:0 0 .65rem var(--neon-tab-color);content:"";transform:translate(-50%)}.score-visualization-neon-tab-note{position:absolute;z-index:3;min-width:1.38rem;padding:.04rem .24rem;border:1px solid color-mix(in srgb,var(--neon-tab-color) 48%,white);border-radius:999px;background:#010810e0;color:color-mix(in srgb,var(--neon-tab-color) 60%,white);box-shadow:inset 0 0 .35rem color-mix(in srgb,var(--neon-tab-color) 20%,transparent),0 0 .32rem color-mix(in srgb,var(--neon-tab-color) 52%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.62rem,1vw,.82rem);font-weight:950;line-height:1.15;text-align:center;text-shadow:0 0 .32rem currentcolor;transform:translate(-50%,-50%);transition:left 80ms linear,opacity 80ms linear,transform 80ms ease-out}.score-visualization-neon-tab-note.is-playing{z-index:5;border-color:#fff;background:color-mix(in srgb,var(--neon-tab-color) 58%,rgb(1 8 16 / 92%));color:#fff;box-shadow:inset 0 0 .45rem #fff,0 0 .45rem #fff,0 0 1rem var(--neon-tab-color),0 0 1.8rem var(--neon-tab-color);text-shadow:0 0 .4rem #fff;transform:translate(-50%,-50%) scale(1.28)}.score-visualization-frequency-viewer{position:absolute;z-index:4;right:0;bottom:0;left:0;height:clamp(10rem,36vh,23rem);overflow:hidden;border:0;border-radius:0;background:linear-gradient(180deg,transparent,rgb(2 10 18 / 48%) 42%,rgb(2 10 18 / 82%)),radial-gradient(ellipse at 50% 100%,rgb(0 200 255 / 16%),transparent 62%)}.score-visualization-frequency-spectrum{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.score-visualization-frequency-spectrum polyline,.score-visualization-frequency-spectrum line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.score-visualization-frequency-spectrum .visualization-frequency-baseline{stroke:#67e8f940;stroke-width:1}.score-visualization-frequency-spectrum .visualization-frequency-area{fill:url(#visualization-frequency-spectrum-gradient);stroke:none;opacity:.28;transition:opacity .15s ease}.score-visualization-frequency-spectrum .visualization-frequency-line-halo{stroke:#d946ef7a;stroke-width:17;opacity:.18}.score-visualization-frequency-spectrum .visualization-frequency-line{stroke:url(#visualization-frequency-spectrum-gradient);stroke-width:3.4;opacity:.82}.score-visualization-frequency-viewer[data-playing=true] .visualization-frequency-area{opacity:.58}.score-visualization-frequency-viewer[data-playing=true] .visualization-frequency-line-halo{opacity:.42}.score-visualization-frequency-viewer[data-playing=true] .visualization-frequency-line{stroke-width:4.5;opacity:.96}.score-visualization-frequency-attacks{position:absolute;z-index:3;inset:0}.score-visualization-frequency-attack{position:absolute;width:0;height:0;color:color-mix(in srgb,var(--neon-attack-color) 78%,white)}.score-visualization-frequency-attack-icon{position:absolute;width:clamp(2.8rem,5vw,4.5rem);display:grid;justify-items:center;gap:.1rem;transform:translate(-50%,-50%) scale(.42);animation:score-visualization-frequency-attack-icon .65s cubic-bezier(.12,.72,.2,1) both}.score-visualization-frequency-attack-icon>svg{width:clamp(2.4rem,4.5vw,4rem);height:clamp(2.4rem,4.5vw,4rem);fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.score-visualization-frequency-attack-icon small{max-width:6rem;overflow:hidden;color:color-mix(in srgb,currentcolor 82%,white);font-size:clamp(.45rem,.8vw,.62rem);font-weight:850;letter-spacing:.08em;line-height:1;text-align:center;text-overflow:ellipsis;text-shadow:0 0 .5rem currentcolor;text-transform:uppercase;white-space:nowrap}.score-visualization-frequency-attack-spark{position:absolute;top:0;left:0;width:calc(2px + var(--neon-attack-strength) * 1.5px);height:calc(2px + var(--neon-attack-strength) * 1.5px);border-radius:50%;background:currentcolor;box-shadow:0 0 .5rem currentcolor;transform:translate(-50%,-50%);animation:score-visualization-frequency-attack-spark .56s ease-out var(--neon-spark-delay) both}.score-visualization-ribbons{z-index:1;contain:strict;opacity:.9}.score-visualization-starfield{background:radial-gradient(circle at center,rgb(96 165 250 / 10%),transparent 34%)}.score-visualization .wind-visualizer{--wind-accent: #68c8f2;--wind-accent-strong: #e7f8ff;--wind-panel: #102636;--wind-panel-deep: #06121d;--wind-rest-scale: 1;position:absolute;z-index:5;top:52%;right:clamp(1rem,5vw,5rem);width:clamp(8.75rem,16vw,13rem);height:min(76%,48rem);min-height:19rem;overflow:hidden;border:1px solid rgb(125 211 252 / 36%);border-radius:999px;background:radial-gradient(circle at 50% 35%,rgb(56 189 248 / 16%),transparent 46%),#030c169e;box-shadow:inset 0 0 2.4rem #38bdf814,0 0 1.8rem #38bdf82e;opacity:calc(.82 + var(--visualizer-energy) * .18);transform:translateY(-50%) scale(var(--wind-rest-scale));transform-origin:right center;transition:transform .42s cubic-bezier(.2,.75,.25,1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.score-visualization .wind-visualizer[data-idle=true]{--wind-rest-scale: 1.08}.score-visualization .wind-visualizer .wind-fingering-panel{width:100%;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:.35rem;padding:1.35rem .65rem 1.2rem;background:transparent}.score-visualization .wind-visualizer .wind-fingering-panel header{justify-content:center;padding-left:0}.score-visualization .wind-visualizer .wind-fingering-panel header strong{color:#e7f8ff;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.score-visualization .wind-visualizer .wind-fingering-panel header small{display:none}.score-visualization .wind-visualizer .wind-current-note{grid-column:1;grid-row:2;gap:.42rem}.score-visualization .wind-visualizer .wind-written-note{display:grid;gap:.04rem}.score-visualization .wind-visualizer .wind-written-note strong{color:#fff;font-size:1.25rem;text-shadow:0 0 .8rem rgb(125 211 252 / 72%)}.score-visualization .wind-visualizer .wind-sounding-note{font-size:.54rem}.score-visualization .wind-visualizer .wind-diagram-frame{grid-column:1;grid-row:3;margin:.2rem .15rem 0}.score-visualization .wind-visualizer .wind-instrument-diagram{filter:drop-shadow(0 0 5px rgb(125 211 252 / 28%))}.score-visualization .wind-visualizer .wind-instrument-body{fill:#0a1d2beb;stroke:#a8e4ff;stroke-width:1.75}.score-visualization .wind-visualizer .wind-control.pressed .wind-control-button{filter:drop-shadow(0 0 3px #7dd3fc)}.score-visualization .starfield-pitch-guide-panel{width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;padding:1.35rem .65rem 1.2rem;background:transparent}.score-visualization .starfield-pitch-guide-panel header{min-width:0;display:grid;gap:.1rem;color:#e7f8ff;text-align:center}.score-visualization .starfield-pitch-guide-panel header strong,.score-visualization .starfield-pitch-guide-panel header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-visualization .starfield-pitch-guide-panel header strong{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.score-visualization .starfield-pitch-guide-panel header small{color:#dceef8ad;font-size:.56rem}.score-visualization .starfield-pitch-guide-current{min-height:5.4rem;display:grid;place-items:center;gap:.35rem;padding:.65rem .35rem;border:1px solid color-mix(in srgb,var(--starfield-guide-color) 45%,transparent);border-radius:.8rem;background:radial-gradient(circle,color-mix(in srgb,var(--starfield-guide-color) 18%,transparent),transparent 70%);text-align:center}.score-visualization .starfield-pitch-guide-note{display:grid;place-items:center;gap:.18rem}.score-visualization .starfield-pitch-guide-note strong{color:#fff;font-size:clamp(2.1rem,4vw,3.2rem);line-height:.9;text-shadow:0 0 1.1rem var(--starfield-guide-color)}.score-visualization .starfield-pitch-guide-note small,.score-visualization .starfield-pitch-guide-sounding-note{color:#e0f1fac2;font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.score-visualization .starfield-pitch-guide-sounding-note strong{color:#fff}.score-visualization .starfield-pitch-guide-orbit{position:relative;min-height:0;display:grid;place-items:center;color:color-mix(in srgb,var(--starfield-guide-color) 68%,#fff)}.score-visualization .starfield-pitch-guide-orbit span{position:absolute;width:min(76%,6rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--starfield-guide-color) 42%,transparent);border-radius:50%;box-shadow:0 0 1.35rem color-mix(in srgb,var(--starfield-guide-color) 24%,transparent)}.score-visualization .starfield-pitch-guide:not([data-idle=true]) .starfield-pitch-guide-orbit span{animation:score-visualization-ray-pulse .72s ease-in-out infinite alternate}.starfield-score-page{position:absolute;z-index:4;top:clamp(4.7rem,9vh,6.5rem);bottom:clamp(4.7rem,9vh,6.5rem);left:calc(50% - var(--timeline-pitch-axis-width) / 2);width:min(58vw,62rem);display:grid;min-width:0;min-height:0;place-items:center;pointer-events:none;transform:translate(-50%)}.starfield-score-page-sheet{position:relative;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden;border:1px solid rgb(125 211 252 / 36%);border-radius:clamp(.65rem,1.2vw,1rem);background:linear-gradient(145deg,#f2fcfff5,#d8eff7ed),#e8f8fcf2;box-shadow:0 0 0 1px #fff3,0 0 2.2rem #38bdf840,0 1rem 3rem #01081275;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.starfield-score-page-canvas{position:absolute;inset:clamp(.35rem,.8vw,.7rem);display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden}.starfield-score-page-canvas svg[data-testid=visualization-starfield-score-svg]{display:block;width:100%!important;height:auto!important;max-width:100%;max-height:100%;overflow:visible;background:transparent}.starfield-score-page-canvas svg[data-testid=visualization-starfield-score-svg][data-score-fit=height]{width:auto!important;height:100%!important}.starfield-score-page-canvas [data-event-ids][data-playing]{filter:drop-shadow(0 0 3px rgb(14 165 233 / 95%)) drop-shadow(0 0 7px rgb(2 132 199 / 70%))}.starfield-score-page-canvas [data-event-ids][data-playing] *,.starfield-score-page-canvas [data-event-ids][data-playing]{fill:#0369a1!important;stroke:#0369a1!important}.starfield-score-page-playhead{pointer-events:none;filter:drop-shadow(0 0 3px rgb(14 165 233 / 90%)) drop-shadow(0 0 8px rgb(14 165 233 / 60%))}.starfield-score-page-playhead-bar{fill:#0284c74d;stroke:#0284c7;stroke-width:2px;vector-effect:non-scaling-stroke}.starfield-score-page-playhead-cap{fill:#e0f2fe;stroke:#0284c7;stroke-width:3px;vector-effect:non-scaling-stroke}.starfield-score-page-number{position:absolute;right:.75rem;bottom:.6rem;padding:.2rem .52rem;border:1px solid rgb(125 211 252 / 28%);border-radius:999px;background:#030f1bd1;color:#dff7ff;box-shadow:0 0 .8rem #38bdf833;font-size:clamp(.55rem,.75vw,.68rem);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:.08em}.starfield-score-page-status{position:absolute;inset:0;display:grid;place-items:center;color:#0c4a6e;font-size:clamp(.7rem,1vw,.82rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.starfield-score-page-status.is-error{color:#9f1239}.score-visualization-star{position:absolute;display:block;border-radius:50%;background:color-mix(in srgb,var(--star-color) 74%,white);box-shadow:0 0 calc(.2rem + var(--visualizer-energy) * .6rem) var(--star-color);transform:translate(-50%,-50%);transition:top .1s linear,left .1s linear,width .1s linear,height .1s linear}.score-visualization.mode-fractal-bloom,.score-visualization.mode-kaleidoscope,.score-visualization.mode-neon-tunnel,.score-visualization.mode-aurora-ribbons,.score-visualization.mode-starfield{background:radial-gradient(circle at var(--visualizer-focus-x) var(--visualizer-focus-y),rgb(37 99 235 / 15%),transparent 28%),linear-gradient(180deg,#03071229,#0206177a)}.score-visualization.mode-fractal-bloom{background:radial-gradient(circle at var(--visualizer-focus-x) var(--visualizer-focus-y),rgb(255 255 255 / 14%),transparent 12%),radial-gradient(circle at 16% 18%,rgb(255 45 149 / 24%),transparent 32%),radial-gradient(circle at 84% 22%,rgb(0 200 255 / 22%),transparent 34%),radial-gradient(circle at 72% 86%,rgb(67 255 100 / 18%),transparent 32%),radial-gradient(circle at 24% 82%,rgb(139 92 255 / 22%),transparent 34%),conic-gradient(from 15deg at var(--visualizer-focus-x) var(--visualizer-focus-y),rgb(255 45 149 / 10%),rgb(0 245 212 / 8%),rgb(255 230 109 / 10%),rgb(139 92 255 / 9%),rgb(255 45 149 / 10%)),linear-gradient(180deg,#03071238,#02061799)}.score-visualization-burst{position:absolute;z-index:3;width:0;height:0;color:var(--fx-color, var(--color-saffron));filter:drop-shadow(0 0 calc(2px + var(--fx-strength, .5) * 5px) currentcolor)}.score-visualization-ring,.score-visualization-core,.score-visualization-spark{position:absolute;top:0;left:0;display:block;border-radius:50%}.score-visualization-ring{width:var(--fx-size);height:var(--fx-size);border:calc(1px + var(--fx-strength) * 1.5px) solid currentcolor;transform:translate(-50%,-50%) scale(.28);animation:score-visualization-ring .82s ease-out both}.score-visualization-burst.is-sounding .score-visualization-ring{animation-iteration-count:infinite}.score-visualization-core{width:calc(var(--fx-size) * .34);height:calc(var(--fx-size) * .34);background:color-mix(in srgb,currentcolor 82%,white);box-shadow:0 0 calc(var(--fx-size) * .72) calc(var(--fx-size) * .12) currentcolor;transform:translate(-50%,-50%)}.score-visualization-burst.is-sounding .score-visualization-core{animation:score-visualization-core .46s ease-in-out infinite alternate}.score-visualization-spark{width:calc(2px + var(--fx-strength) * 2px);height:calc(2px + var(--fx-strength) * 2px);background:color-mix(in srgb,currentcolor 76%,white);transform:translate(-50%,-50%) rotate(var(--spark-angle)) translate(calc(var(--fx-size) * .12));animation:score-visualization-spark .76s cubic-bezier(.14,.7,.2,1) var(--spark-delay) both}.score-visualization.reduced-motion .score-visualization-aurora,.score-visualization.reduced-motion .score-visualization-horizon,.score-visualization.reduced-motion .score-visualization-neon-instrument,.score-visualization.reduced-motion .wind-visualizer,.score-visualization.reduced-motion .visualization-frequency-area{transition:none}.score-visualization.reduced-motion .score-visualization-neon-instrument{transform:none}.score-visualization.reduced-motion .score-visualization-ring,.score-visualization.reduced-motion .score-visualization-core,.score-visualization.reduced-motion .score-visualization-spark,.score-visualization.reduced-motion .score-visualization-fractal,.score-visualization.reduced-motion .score-visualization-fractal-heart,.score-visualization.reduced-motion .score-visualization-player-piano-key,.score-visualization.reduced-motion .score-visualization-kaleidoscope-ray,.score-visualization.reduced-motion .score-visualization-kaleidoscope-eye>span{animation:none}.score-visualization.reduced-motion .score-visualization-frequency-attack-icon,.score-visualization.reduced-motion .score-visualization-frequency-attack-spark{animation:none;opacity:.72}.score-visualization.reduced-motion .score-visualization-kaleidoscope,.score-visualization.reduced-motion .score-visualization-tunnel-ring,.score-visualization.reduced-motion .score-visualization-neon-tab-lane,.score-visualization.reduced-motion .score-visualization-neon-tab-note,.score-visualization.reduced-motion .score-visualization-star{transition:none}.score-visualization.reduced-motion .score-visualization-ring{opacity:.64;transform:translate(-50%,-50%) scale(.72)}.score-visualization.reduced-motion .score-visualization-spark{display:none}@keyframes score-visualization-ring{0%{opacity:.95;transform:translate(-50%,-50%) scale(.24)}to{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes score-visualization-core{0%{transform:translate(-50%,-50%) scale(.82)}to{transform:translate(-50%,-50%) scale(1.24)}}@keyframes score-visualization-spark{0%{opacity:.96;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translate(calc(var(--fx-size) * .12)) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translate(var(--spark-distance)) scale(.08)}}@keyframes score-visualization-fractal-heart-pulse{0%{transform:scale(.82)}to{transform:scale(1.18)}}@keyframes score-visualization-fractal-piano-pulse{0%{filter:saturate(1.4) brightness(1.05)}to{filter:saturate(1.9) brightness(1.42)}}@keyframes score-visualization-frequency-attack-icon{0%{opacity:0;transform:translate(-50%,-50%) scale(.32) rotate(-9deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}68%{opacity:.92;transform:translate(-50%,-58%) scale(.94) rotate(0)}to{opacity:0;transform:translate(-50%,-82%) scale(.72) rotate(5deg)}}@keyframes score-visualization-frequency-attack-spark{0%{opacity:.95;transform:translate(-50%,-50%) rotate(var(--neon-spark-angle)) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--neon-spark-angle)) translate(var(--neon-spark-distance)) scale(.12)}}@keyframes score-visualization-ray-pulse{0%{filter:brightness(.72)}to{filter:brightness(1.45)}}@keyframes score-visualization-eye-pulse{0%{opacity:.32;transform:scale(.72)}to{opacity:.9;transform:scale(1.2)}}.empty-state{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-quiet)}.note-block{position:absolute;z-index:1;height:3rem;min-height:3rem;border:2px solid rgba(24,34,31,.18);background:var(--sound-color);color:var(--color-white);box-shadow:0 6px #18221f24;transform:translate(var(--note-drag-x, 0),var(--note-drag-y, 0));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;padding-inline:1rem}.note-block:not(.pitch-dragging):not(.duration-resizing){transition:width .12s ease,transform .12s ease,outline-color .12s ease,box-shadow .12s ease}.note-block.pitch-dragging{cursor:grabbing;z-index:5;outline:4px solid var(--color-saffron);outline-offset:2px;box-shadow:0 9px 18px #18221f3d}.note-block.pitch-dragging[data-drag-label]:after{content:attr(data-drag-label);position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%);padding:.25rem .4rem;border-radius:5px;background:var(--color-ink);color:var(--color-white);font-size:.65rem;font-weight:800;white-space:nowrap;pointer-events:none}.note-block.duration-resizing{z-index:5;width:var(--note-resize-width, auto)!important;outline:4px solid var(--color-green);outline-offset:2px;box-shadow:0 9px 18px #18221f3d}.note-block.duration-resizing[data-resize-edge=start]{left:var(--note-resize-left)!important}.note-block.duration-resizing:after{content:attr(data-resize-label);position:absolute;right:0;bottom:calc(100% + .5rem);padding:.25rem .4rem;border-radius:5px;background:var(--color-ink);color:var(--color-white);font-size:.65rem;font-weight:800;white-space:nowrap;pointer-events:none}.note-block.duration-resizing[data-resize-edge=start]:after{right:auto;left:0}.note-pitch-label{pointer-events:none}.note-edge-handle{position:absolute;z-index:2;width:1rem;display:grid;place-items:center;border-radius:0 7px 7px 0;background:transparent;touch-action:none;cursor:ew-resize}.note-start-handle{inset:-2px auto -2px -2px;border-radius:7px 0 0 7px}.note-duration-handle{inset:-2px -2px -2px auto;border-radius:0 7px 7px 0}.note-edge-handle:after{content:"";width:2px;height:42%;border-radius:999px;background:color-mix(in srgb,var(--color-white) 52%,transparent);opacity:.55;transition:height .12s ease,opacity .12s ease,background .12s ease}.note-edge-handle:hover:after,.note-block.duration-resizing .note-edge-handle:after{height:60%;background:color-mix(in srgb,var(--color-white) 82%,transparent);opacity:.9}.note-block span{font-weight:800}.timeline.compact .note-block{height:1.15rem;min-height:1.15rem;border-width:1px;border-radius:4px;box-shadow:none}.timeline.compact .note-block span{display:none}.note-block.selected{outline:4px solid var(--color-ink);outline-offset:2px}.note-block.selected.duration-resizing{outline-color:var(--color-green)}.note-block.ai-origin{border-style:dashed}.note-block.now-playing{box-shadow:0 0 0 4px var(--color-saffron),0 8px #18221f29}.playhead{position:absolute;top:.5rem;bottom:.5rem;z-index:3;width:3px;border-radius:999px;background:var(--color-coral);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-coral) 22%,transparent);pointer-events:none}.timeline.compact .playhead{top:.35rem;bottom:.35rem}.timeline-time-markers{display:contents}.timeline.compact .timeline-time-markers{position:absolute;z-index:4;inset:0 0 0 var(--timeline-pitch-axis-width);display:block;pointer-events:none}.timeline.compact .timeline-time-markers .composition-cursor{pointer-events:auto}.timeline-selection-marquee{position:absolute;z-index:6;min-width:1px;min-height:1px;border:2px solid color-mix(in srgb,var(--color-teal) 82%,var(--color-white));border-radius:5px;background:color-mix(in srgb,var(--color-teal) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-white) 72%,transparent) inset;pointer-events:none}.timeline.composition-cursor-enabled{cursor:crosshair}.composition-cursor{position:absolute;top:.3rem;bottom:.3rem;z-index:4;width:4px;border-radius:999px;background:var(--color-green);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-green) 22%,transparent),0 2px 8px #18221f2e;transform:translate(-2px);touch-action:none;cursor:ew-resize}.composition-cursor:after{content:"";position:absolute;left:50%;bottom:-.05rem;width:.72rem;height:.72rem;border:2px solid var(--color-panel-raised);border-radius:50%;background:var(--color-green);transform:translate(-50%,35%);box-shadow:0 2px 5px #18221f33}.composition-cursor:focus-visible{outline:none}.composition-cursor:focus-visible .composition-cursor-label{outline:3px solid var(--color-blue);outline-offset:2px}.composition-cursor:focus-visible:after{box-shadow:0 0 0 3px var(--color-blue),0 2px 5px #18221f33}.composition-cursor-label{position:absolute;top:.2rem;left:.55rem;min-width:max-content;padding:.28rem .42rem;border:1px solid color-mix(in srgb,var(--color-green) 62%,var(--color-line));border-radius:5px;background:color-mix(in srgb,var(--color-panel-raised) 92%,var(--color-green));color:var(--color-green);font-size:.68rem;font-weight:800;line-height:1.05;box-shadow:0 2px 8px #18221f1f;pointer-events:none}.composition-cursor.near-end .composition-cursor-label{right:.55rem;left:auto;text-align:right}.timeline.compact .composition-cursor{top:.2rem;bottom:.2rem}.concept-text{border-left:4px solid var(--color-saffron);padding:.7rem .8rem;background:var(--color-panel-raised);border-radius:0 8px 8px 0}.demo-actions{display:flex;gap:.5rem;margin-top:.75rem}.demo-actions button{flex:0 0 auto;white-space:nowrap}.demo-actions{flex-wrap:wrap;align-items:center;margin-top:0;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised);padding:.6rem}.legacy-note-decision{position:fixed;z-index:75;right:1rem;bottom:1rem;width:min(29rem,calc(100vw - 2rem));padding:1rem;border:1px solid var(--color-line);border-radius:10px;background:var(--color-panel-raised);box-shadow:0 1rem 2.5rem #191b242e}.legacy-note-decision h2{margin:0 0 .4rem;font-size:1rem}.legacy-note-decision p{margin:0 0 .8rem;color:var(--color-muted)}.legacy-note-decision div{display:flex;flex-wrap:wrap;gap:.5rem}.representation-band{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;align-items:start;padding:.75rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-panel) 92%,transparent)}.app-shell:has(.professional-score-editor.score-mode-write)>.workspace{display:none}.app-shell.workspace-maximized{width:100%;height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden;padding:0}.app-shell.workspace-maximized>.topbar{width:100%;margin:0}.app-shell.workspace-maximized>.topbar,.app-shell.workspace-maximized>.workspace{display:none}.app-shell.score-workspace-active{grid-template-rows:auto minmax(0,1fr) auto}.app-shell.score-workspace-active>.topbar,.app-shell.orchestra-workspace-active>.topbar,.app-shell.mix-workspace-active>.topbar,.app-shell.counterpoint-workspace-active>.topbar{display:grid}.app-shell.mix-workspace-active,.app-shell.orchestra-workspace-active,.app-shell.counterpoint-workspace-active{grid-template-rows:auto minmax(0,1fr) auto}.app-shell.workspace-maximized>.representation-band{width:100%;height:100%;min-height:0;margin:0;overflow:hidden;padding:0;border:0;border-radius:0;background:var(--color-paper)}.app-shell.workspace-maximized>.transport-footer{min-width:0;padding:.45rem .5rem max(.45rem,env(safe-area-inset-bottom));background:var(--color-paper)}.app-shell.workspace-maximized .transport-dock{position:relative;left:auto;bottom:auto;width:100%;transform:none}.app-shell.simple-compose-workspace{min-height:100dvh;row-gap:.45rem;padding-bottom:0}.app-shell.simple-compose-workspace .playground-panel{padding:.5rem .5rem .25rem;gap:.5rem}.app-shell.simple-compose-workspace>.transport-footer{min-width:0;padding:0 0 max(.45rem,env(safe-area-inset-bottom))}.app-shell.simple-compose-workspace .transport-dock{position:relative;left:auto;bottom:auto;width:100%;transform:none}.app-shell.workspace-maximized>.representation-band>.view-panel{width:100%;height:100%;min-height:0;overflow:auto;padding:.75rem}.app-shell.mix-workspace-active>.representation-band>.view-panel{overflow:hidden}.app-shell.score-workspace-active>.representation-band>.professional-score-editor{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);margin:0;border:0;border-radius:0;box-shadow:none}.app-shell.score-workspace-active>.representation-band>.professional-score-editor.score-mode-read,.app-shell.score-workspace-active>.representation-band>.professional-score-editor.score-mode-write,.app-shell.score-workspace-active>.representation-band>.professional-score-editor.score-mode-overview{grid-template-rows:minmax(0,1fr)}.app-shell.score-workspace-active #score-mode-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell.score-workspace-active #score-mode-panel.compact-score-overview{overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:.4rem}.app-shell.score-workspace-active .score-mode-write .score-editor-body{height:auto;min-height:0;flex:1 1 auto}.app-shell.score-workspace-active .score-mode-write .score-workspace,.app-shell.score-workspace-active .score-mode-write .score-page-scroll{min-height:0}.app-shell.score-workspace-active:has(.score-mode-read[data-reader-surface=display]){grid-template-rows:max-content minmax(0,1fr)}.app-shell.score-workspace-active:has(.score-mode-read[data-reader-surface=display])>.transport-footer{display:none}.tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.15rem;padding:0 .75rem}.tabs button svg{flex:0 0 auto}.tabs button.active{background:var(--color-ink);color:var(--color-panel);border-color:var(--color-ink)}.live-notation-preview{--live-notation-color: var(--color-teal);width:100%;min-width:0;display:block}.timeline-stage{position:relative;min-height:19rem;min-width:0;flex:1 1 auto;display:flex}.timeline-stage .timeline{flex:1 1 auto}body.visualizer-open{overflow:hidden}.timeline-stage.visualizer-fullscreen{position:fixed;z-index:1000;inset:0;width:100vw;height:100dvh;min-height:100dvh;padding:0;background:#030a0f;isolation:isolate}.timeline-stage.visualizer-fullscreen:fullscreen{width:100%;height:100%}.timeline-stage.visualizer-fullscreen .timeline{min-height:100%;border:0;border-radius:0}.visualizer-ready-alert{position:absolute;z-index:29;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));max-width:42rem;display:flex;align-items:center;gap:.8rem;margin:0 auto;padding:.75rem .8rem .75rem 1rem;border:1px solid rgb(94 234 212 / 54%);border-radius:12px;background:#04191de5;color:#f3fffd;box-shadow:0 .75rem 2.5rem #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visualizer-ready-alert>div{min-width:0;display:grid;gap:.15rem}.visualizer-ready-alert strong,.visualizer-ready-alert span{display:block}.visualizer-ready-alert span{color:#e0f0efc7;font-size:.78rem;line-height:1.35}.visualizer-ready-alert button{flex:0 0 auto;width:2.25rem;height:2.25rem;display:grid;place-items:center;margin-left:auto;padding:0;border-color:#e0f0ef38;border-radius:999px;background:#ffffff14;color:inherit}.karaoke-panel{position:relative;display:grid;gap:.35rem;min-height:7.5rem;margin-top:.65rem;padding:.9rem clamp(.8rem,3vw,2rem) 1rem;overflow:hidden;border:1px solid rgb(224 240 239 / 16%);border-radius:10px;background:radial-gradient(circle at 50% 135%,rgb(20 184 166 / 22%),transparent 55%),linear-gradient(180deg,#17262b,#0f1b20);box-shadow:inset 0 1px #ffffff0a;color:#effaf8;text-align:center}.single-instrument-score-panel{position:relative;display:flex;align-items:center;min-height:7.5rem;margin-top:.65rem;padding:.45rem clamp(.55rem,2vw,1.2rem);overflow:hidden;border:1px solid var(--color-line);border-radius:10px;background:var(--color-white);box-shadow:inset 0 1px #ffffffa6}.single-instrument-score-panel .live-notation-canvas{display:flex;align-items:center;height:clamp(9rem,18vw,12rem)}.single-instrument-score-panel .live-notation-canvas svg[data-testid=live-notation-svg]{width:100%!important;height:100%!important}.single-instrument-score-panel:has(.live-notation-preview[data-staff-count="2"]){min-height:13.5rem}.single-instrument-score-panel .live-notation-preview[data-staff-count="2"] .live-notation-canvas{height:clamp(13.5rem,24vw,17rem)}.karaoke-panel:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-saffron),transparent);content:"";opacity:.18}.karaoke-panel.is-playing:after{opacity:.72}.karaoke-panel p{margin:0}.karaoke-current-line{align-self:end;min-height:2.8rem;color:#effaf861;font-size:clamp(1.35rem,3.4vw,2.15rem);font-weight:720;line-height:1.3;text-wrap:balance}.karaoke-current-line span{transition:color 90ms linear,text-shadow 90ms linear}.karaoke-current-line .sung{color:#effaf8}.karaoke-current-line .current{color:#ffd166;text-shadow:0 0 .7rem rgb(255 209 102 / 48%)}.karaoke-current-line.instrumental{color:#e0f0ef7f;font-size:clamp(1.15rem,2.5vw,1.55rem);font-style:italic;font-weight:580}.karaoke-next-line{min-height:1.25rem;color:#e0f0ef7a;font-size:clamp(1rem,2.1vw,1.25rem);line-height:1.25;text-wrap:balance}.karaoke-panel.kaleidoscope-karaoke{position:absolute;z-index:8;inset:50% auto auto 50%;width:min(80vw,58rem);min-height:clamp(5.4rem,13vh,7.5rem);margin:0;padding:clamp(.65rem,1.6vh,1rem) clamp(1rem,4vw,3rem);border-color:#ffffff24;border-radius:1.25rem;background:radial-gradient(circle at 50% 120%,rgb(45 212 191 / 24%),transparent 60%),linear-gradient(180deg,#030a1475,#030a14d1);box-shadow:0 .8rem 2.8rem #00000047,inset 0 1px #ffffff1a;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none}.kaleidoscope-karaoke .karaoke-current-line{min-height:2.35rem;color:#ffffff57;font-size:clamp(2.1rem,5vw,4rem);font-weight:820;letter-spacing:.015em;line-height:1.16;text-shadow:0 .1rem .45rem rgb(0 0 0 / 72%)}.kaleidoscope-karaoke .karaoke-current-line .sung{color:#f7ffff;text-shadow:0 0 .5rem rgb(45 212 191 / 72%),0 .1rem .45rem rgb(0 0 0 / 80%)}.kaleidoscope-karaoke .karaoke-current-line .current{color:#ffe66d;text-shadow:0 0 .45rem rgb(255 230 109 / 92%),0 0 1.15rem rgb(255 73 191 / 68%)}.kaleidoscope-karaoke .karaoke-next-line{min-height:1.1rem;color:#e8fffc9e;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:650;text-shadow:0 .1rem .35rem rgb(0 0 0 / 82%)}.kaleidoscope-karaoke[data-karaoke-source=good-vibes] .karaoke-current-line{letter-spacing:.035em}@media(max-width:700px){.karaoke-panel.kaleidoscope-karaoke{bottom:auto;top:50%;width:calc(100% - 1rem);min-height:5rem;padding:.6rem .75rem .7rem;border-radius:.9rem}.kaleidoscope-karaoke .karaoke-current-line{min-height:2rem;font-size:clamp(1.65rem,8vw,2.4rem)}.kaleidoscope-karaoke .karaoke-next-line{font-size:clamp(1rem,4.25vw,1.25rem)}}.karaoke-guide-label{color:#e0f0efc7;font-size:.75rem;line-height:1.4}.karaoke-panel[data-karaoke-purpose=listening-guide] .karaoke-current-line{font-size:clamp(1rem,2.2vw,1.55rem);font-weight:600;line-height:1.45;letter-spacing:normal;overflow-wrap:anywhere}.karaoke-panel[data-karaoke-purpose=listening-guide] .karaoke-current-line .current{color:#fff2c7;text-shadow:none}.karaoke-panel[data-karaoke-purpose=listening-guide] .karaoke-next-line{font-size:clamp(.8rem,1.5vw,1rem);line-height:1.4}@media(prefers-reduced-motion:reduce){.karaoke-current-line span{transition:none}}.live-notation-canvas{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;background:var(--color-white);cursor:crosshair}.live-notation-canvas svg[data-testid=live-notation-svg]{display:block;width:100%!important;max-width:100%;height:auto!important;background:var(--color-white)}.live-notation-canvas svg[data-testid=live-notation-svg][hidden]{display:none!important}.live-notation-canvas [data-event-ids]:not([data-event-ids=""])>path,.live-notation-canvas [data-event-ids]:not([data-event-ids=""])>.vf-stem *,.live-notation-canvas [data-event-ids]:not([data-event-ids=""])>.vf-notehead>text:first-child,.live-notation-canvas [data-event-ids]:not([data-event-ids=""])>.vf-flag *,.live-notation-canvas [data-event-ids]:not([data-event-ids=""]) .vf-accidental *,.live-notation-canvas [data-event-ids]:not([data-event-ids=""]) .vf-dot *{fill:var(--live-notation-color)!important;stroke:var(--live-notation-color)!important}.live-notation-canvas [data-event-ids][data-playing]{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--color-saffron) 85%,transparent))}.live-notation-canvas [data-event-ids][data-playing]>path,.live-notation-canvas [data-event-ids][data-playing]>.vf-stem *,.live-notation-canvas [data-event-ids][data-playing]>.vf-notehead>text:first-child,.live-notation-canvas [data-event-ids][data-playing]>.vf-flag *,.live-notation-canvas [data-event-ids][data-playing] .vf-accidental *,.live-notation-canvas [data-event-ids][data-playing] .vf-dot *{fill:var(--color-saffron)!important;stroke:var(--color-saffron)!important}.live-score-playhead{pointer-events:none}.live-score-playhead-line{stroke:var(--color-coral);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.live-score-playhead-cap{fill:var(--color-coral);stroke:var(--color-white);stroke-width:1px;vector-effect:non-scaling-stroke}.live-score-start-cursor{pointer-events:none}.live-score-start-cursor-line{stroke:var(--color-green);stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.live-score-start-cursor-cap{fill:var(--color-green);stroke:var(--color-white);stroke-width:1px;vector-effect:non-scaling-stroke}.live-notation-status,.live-notation-error{color:var(--color-muted);font-size:.75rem}.live-notation-status{display:none}.live-notation-error{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.live-notation-error button{min-height:2rem;padding:0 .65rem}@media(max-width:640px){.timeline-stage:not(.visualizer-fullscreen){flex-direction:column;gap:.5rem}.timeline-view-controls{position:relative;top:auto;right:auto;align-self:flex-end;width:min(20rem,100%);max-height:none;flex-shrink:0}.timeline-instrument-list{max-height:9rem}.timeline-instrument-button,.timeline-instrument-navigation>button,.timeline-instrument-heading .timeline-instrument-collapse{min-height:2.5rem}.timeline-instrument-navigation>button,.timeline-instrument-heading .timeline-instrument-collapse{min-width:2.5rem}.timeline-header{align-items:stretch}.bowed-string-viewer{grid-template-columns:5.4rem 2.5rem minmax(0,1fr)}.bowed-string-instrument{padding-inline:.25rem}.bowed-string-nav small{display:none}.timeline-leading-controls{width:100%}.timeline-input-menu{z-index:80}.timeline-input-menu-panel{position:fixed;top:5.5rem;right:.75rem;bottom:auto;left:.75rem;width:auto;max-height:calc(100dvh - 20rem)}.visualization-mode-picker{width:100%}.visualization-mode-picker select{max-width:none;flex:1}.score-visualization-neon-tabs{top:4.15rem;right:.35rem;left:.35rem;gap:.5rem}.score-visualization-neon-tab-lane{height:5.4rem;flex-basis:5.4rem;grid-template-columns:5.2rem minmax(0,1fr);gap:.32rem;padding:.58rem .48rem}.score-visualization-neon-tab-lane>header{gap:.22rem}.score-visualization-neon-tab-lane>header svg{display:none}.score-visualization-neon-tab-lane>header strong{font-size:.54rem;letter-spacing:.055em}.score-visualization-neon-tab-lane>header small{display:none}.score-visualization-neon-tab-stage{margin-left:.52rem}.score-visualization .wind-visualizer{top:auto;right:.75rem;bottom:.75rem;width:clamp(8.5rem,34vw,9rem);height:min(32vh,13rem);min-height:9.5rem}.score-visualization .wind-visualizer .wind-fingering-panel{padding:1rem .45rem .85rem}.score-visualization .starfield-pitch-guide-panel{padding:.8rem .45rem}.score-visualization .starfield-pitch-guide-current{min-height:4.3rem}.starfield-score-page{top:4.4rem;right:clamp(9.1rem,37vw,10rem);bottom:4.4rem;left:.55rem;width:auto;transform:none}.starfield-score-page-sheet{border-radius:.65rem}.starfield-score-page-number{right:.4rem;bottom:.35rem}.score-visualization-neon-instruments{right:.4rem;left:.4rem;height:5.25rem;gap:.2rem;padding-inline:.25rem}.score-visualization-neon-instrument>svg{width:2.35rem;height:2.35rem}.score-visualization-neon-instrument small{display:none}.timeline,.timeline-stage{min-height:12rem}}.notation-panel{width:100%;margin:0 auto;display:grid;gap:.75rem;padding:.9rem;border-top:2px solid var(--color-teal);border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-panel) 92%,transparent)}.notation-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notation-heading h2{font-size:1.05rem}.notation-heading p{margin-top:.2rem;color:var(--color-muted);font-size:.85rem}.notation-canvas{min-height:9.4rem;overflow-x:auto;overflow-y:hidden;background:var(--color-white);border:1px solid var(--color-line);cursor:crosshair;touch-action:pan-x pan-y}.notation-canvas svg{display:block}.notation-editor{display:grid;gap:.7rem;padding-top:.75rem;border-top:1px solid var(--color-line)}.notation-entry-form,.notation-selection-tools,.notation-settings-grid{display:flex;flex-wrap:wrap;align-items:end;gap:.55rem}.notation-editor label{display:grid;gap:.25rem;color:var(--color-muted);font-size:.78rem}.notation-editor input,.notation-editor select{min-width:4.5rem;min-height:2.25rem;padding:0 .55rem;border:1px solid var(--color-line-strong);border-radius:6px;background:var(--color-white);color:var(--color-ink)}.notation-editor input[type=number]{width:5.25rem}.notation-entry-form button,.notation-selection-tools button,.notation-settings-grid button{min-height:2.25rem;padding:0 .65rem;border-radius:6px}.notation-selection-tools{align-items:center;min-height:2.4rem;padding-block:.45rem;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.notation-selection-tools span{margin-right:auto;color:var(--color-muted);font-size:.82rem}.notation-score-settings summary{width:fit-content;cursor:pointer;color:var(--color-ink);font-weight:650}.notation-settings-grid{margin-top:.65rem}.notation-edit-message{min-height:1.2rem;color:var(--color-coral);font-size:.82rem}.professional-score-editor{--score-blue: #2f6fed;--score-blue-soft: #e8f0ff;--score-purple: #7656d6;--score-playback-purple: #7656d6;--score-navy: #202b3c;--score-border: #d8dee8;width:100%;gap:0;padding:0;overflow:hidden;border:1px solid #cbd3df;border-top:1px solid #cbd3df;border-radius:12px;background:#f8fafc;box-shadow:0 18px 55px #1c273724}.professional-score-editor button{border-radius:6px}.score-editor-tabs{min-height:4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--score-border);background:#fff}.score-mode-actions{display:flex;align-items:center;gap:.35rem;padding:.42rem .7rem}.score-mode-switch{gap:.2rem;padding:.18rem;border:1px solid var(--score-border);border-radius:7px;background:var(--color-paper)}.score-mode-switch button{min-height:2.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .65rem;border:0;border-radius:5px;background:transparent;color:var(--color-muted);font-size:.74rem;font-weight:760}.score-mode-switch button.active{background:var(--color-ink);color:var(--color-panel)}.score-input-toolbar .score-keyboard-toggle{width:2.35rem;min-width:2.35rem;height:2.3rem;min-height:2.3rem;display:inline-grid;place-items:center;padding:0}#score-mode-panel{min-width:0}.score-mode-write #score-mode-panel{display:flex;flex-direction:column;min-height:0}.score-mode-write #score-mode-panel>.notation-selection-tools{order:1}.score-mode-write #score-mode-panel>.notation-editor{order:2}.score-mode-write #score-mode-panel>.notation-editor{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.score-mode-write #score-mode-panel>.notation-editor>.score-entry-options-panel{order:2;min-height:4.5rem;flex:0 1 auto;width:100%}.score-mode-write #score-mode-panel>.notation-editor>.score-workspace{order:1;min-height:min(15rem,42dvh);flex:1 1 auto}.score-mode-write #score-mode-panel>.notation-editor:has(>.score-setup-panel)>.score-workspace{min-height:2.25rem}.score-mode-write #score-mode-panel>.score-input-toolbar{order:4;flex:0 0 auto;justify-content:center;border-top:1px solid #3f4b5f;border-bottom:1px solid #070b12;background:#111722;color:#f4f7fb}.score-mode-write #score-mode-panel>.piano-dock{order:5;flex:0 0 auto}.score-mode-write .score-input-toolbar .toolbar-group-label,.score-mode-write .score-input-toolbar .score-toolbar-select>span{color:#aeb9c9}.score-mode-write .score-input-toolbar .notation-tool{border-color:transparent;background:transparent;color:#f4f7fb}.score-mode-write .score-input-toolbar .notation-tool:hover:not(:disabled),.score-mode-write .score-input-toolbar .notation-tool.active{border-color:#52627b;background:#293548;color:#fff}.score-mode-write .score-input-toolbar select{border-color:#52627b;background:#202a3a;color:#f4f7fb}.score-mode-write .score-input-toolbar .toolbar-divider{background:#435067}.compact-score-overview{--compact-score-label-width: clamp(7.5rem, 15vw, 11rem);width:100%;min-width:0;display:grid;background:var(--color-white)}.compact-score-lanes{position:relative;min-width:0;flex:0 0 auto;display:grid;padding:.4rem 0}.compact-score-lane{min-width:0;display:grid;grid-template-columns:var(--compact-score-label-width) minmax(0,1fr);align-items:center;border-bottom:1px solid color-mix(in srgb,var(--color-line) 72%,transparent)}.compact-score-overview .compact-score-lane,.compact-score-lane svg{background:var(--color-white)}.compact-score-lane:last-of-type{border-bottom:0}.compact-score-lane>header{min-width:0}.compact-score-instrument-button{width:100%;min-width:0;display:grid;gap:.1rem;padding:.42rem .7rem;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer}.compact-score-instrument-button:hover{background:color-mix(in srgb,var(--color-blue) 9%,transparent)}.compact-score-instrument-button:focus-visible{outline:3px solid var(--color-blue);outline-offset:-3px}.compact-score-lane>header strong,.compact-score-lane>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-score-lane>header strong{color:var(--color-ink);font-size:.72rem}.compact-score-lane>header small{color:var(--color-ink);font-size:.6rem}.compact-score-lane svg{display:block;width:100%;min-width:0;height:2.7rem}.compact-score-lane line{stroke:color-mix(in srgb,var(--color-ink) 35%,transparent);stroke-width:.75;vector-effect:non-scaling-stroke}.compact-score-lane path{fill:none;stroke:var(--color-teal);stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.compact-score-lane.family-winds path{stroke:var(--color-blue)}.compact-score-lane.family-winds>header strong{color:var(--color-blue)}.compact-score-lane.family-strings path{stroke:var(--color-purple)}.compact-score-lane.family-strings>header strong{color:var(--color-purple)}.compact-score-lane.family-brass path{stroke:var(--color-saffron)}.compact-score-lane.family-brass>header strong{color:var(--color-saffron)}.compact-score-lane.family-percussion path{stroke:var(--color-coral)}.compact-score-lane.family-percussion>header strong{color:var(--color-coral)}.compact-score-lane.family-keyboard>header strong{color:var(--color-slate)}.compact-score-lane path.compact-score-playing{stroke:var(--color-saffron);stroke-width:6;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--color-saffron) 65%,transparent))}.compact-score-position-control,.compact-score-cursors{position:absolute;inset:.4rem 0 .4rem var(--compact-score-label-width)}.compact-score-position-control{z-index:3;cursor:crosshair;touch-action:pan-y}.compact-score-position-control:focus-visible{border-radius:4px;outline:3px solid var(--color-blue);outline-offset:-3px}.compact-score-cursors{z-index:2;overflow:hidden;pointer-events:none}.compact-score-cursor{position:absolute;top:0;bottom:0;width:3px;border-radius:999px;transform:translate(-50%)}.compact-score-cursor:before{content:"";position:absolute;left:50%;width:0;height:0;border-right:.42rem solid transparent;border-left:.42rem solid transparent;transform:translate(-50%);filter:drop-shadow(0 1px 1px rgb(24 34 31 / 28%))}.compact-score-position-cursor{background:var(--color-green);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-white) 72%,transparent)}.compact-score-position-cursor:before{top:0;border-top:.62rem solid var(--color-green)}.compact-score-playback-cursor{z-index:1;background:var(--color-coral);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-white) 72%,transparent)}.compact-score-playback-cursor:before{bottom:0;border-bottom:.62rem solid var(--color-coral)}.compact-score-empty{margin:0;padding:1rem;color:var(--color-muted);text-align:center}.score-write-context-bar{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--score-border);background:var(--color-panel-raised)}.score-tablist{flex:0 0 auto;gap:.2rem;padding:0 .7rem}.score-tablist button{position:relative;min-height:2.75rem;padding:0 1rem;border:0;background:transparent;color:#687385;font-size:.86rem;font-weight:680}.score-tablist button:after{content:"";position:absolute;right:.8rem;bottom:-1px;left:.8rem;height:3px;border-radius:3px 3px 0 0;background:transparent}.score-tablist button.active{color:var(--score-blue)}.score-tablist button.active:after{background:var(--score-blue)}.score-write-scope-bar{min-height:2.75rem;display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:.75rem;padding:.35rem .7rem;border:0;background:transparent}.score-instrument-scope-panel{min-height:0;flex:0 0 auto;justify-content:flex-start;flex-wrap:wrap;gap:.55rem .75rem;padding:.65rem .75rem;border:1px solid var(--color-line);border-radius:9px;background:color-mix(in srgb,var(--color-panel-raised) 78%,var(--color-paper))}.score-write-scope-bar>strong{flex:0 0 auto;color:var(--color-ink);font-size:.76rem}.score-scope-switch{display:inline-flex;align-items:center;gap:.25rem}.score-scope-switch button{min-height:2.25rem;padding:0 .72rem;border-color:var(--color-line-strong);background:var(--color-panel);color:var(--color-muted);font-size:.72rem;font-weight:760}.score-scope-switch button.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel));color:var(--color-teal)}.score-write-instrument-picker{min-width:12rem;display:flex;align-items:center;gap:.45rem;color:var(--color-muted);font-size:.68rem;font-weight:720}.score-write-instrument-picker select{min-width:8.5rem;min-height:2.25rem;border:1px solid var(--color-line-strong);background:var(--color-panel);color:var(--color-ink);font-weight:700}.score-context-select{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-muted);font-size:.68rem;font-weight:720}.score-context-select select{min-height:2.1rem;padding-inline:.5rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font:inherit}.score-write-active-instrument{color:var(--color-muted);font-size:.7rem;font-weight:700;white-space:nowrap}.score-write-active-instrument{display:inline-flex;align-items:center;gap:.55rem}.score-write-active-instrument strong{padding:.35rem .55rem;border:1px solid color-mix(in srgb,var(--color-teal) 34%,var(--color-line));border-radius:999px;background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel));color:var(--color-teal);font-size:.7rem}.score-quick-clef{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-muted);font-size:.68rem;font-weight:760}.score-quick-clef button{min-width:3rem;min-height:2.25rem;padding:0 .55rem;border-color:var(--color-line-strong);background:var(--color-panel);color:var(--color-muted);font-size:.76rem;font-weight:800}.score-quick-clef button span{margin-right:.16rem;font-size:1.2rem;line-height:1}.score-quick-clef button.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 10%,var(--color-panel));color:var(--color-teal)}.score-context-actions{margin-left:auto;margin-right:.7rem}.score-context-actions .score-auto-scroll-toggle{width:auto;min-width:0;display:inline-flex;grid-template-columns:none;align-items:center;justify-content:center;gap:.3rem;padding:0 .5rem;color:var(--color-muted);font-size:.68rem;font-weight:760;white-space:nowrap}.score-tab-actions{gap:.35rem;padding:.45rem .7rem}.score-tab-actions button,.score-edit-actions button,.notation-tool{width:2rem;min-width:2rem;min-height:2rem;height:2rem;display:inline-grid;place-items:center;padding:0;border-color:transparent;background:transparent;color:#4a5567}.score-tab-actions .advanced-tools-toggle{width:auto;min-width:0;display:inline-flex;grid-template-columns:none;align-items:center;justify-content:center;gap:.35rem;padding:0 .65rem;font:760 .72rem/1 Inter,sans-serif}.score-tab-actions button:hover,.score-edit-actions button:hover:not(:disabled),.notation-tool:hover:not(:disabled),.score-tab-actions button.active,.score-edit-actions button.active,.notation-tool.active{border-color:#c8d7f7;background:var(--score-blue-soft);color:var(--score-blue)}.score-input-toolbar{min-height:3.25rem;flex:0 0 auto;flex-wrap:wrap;gap:.35rem .55rem;overflow-x:visible;padding:.4rem .7rem;border-bottom:1px solid var(--score-border);background:#fbfcfe}.score-toolbar-group{display:inline-flex;align-items:center;gap:.2rem}.toolbar-group-label{flex:0 0 auto;margin-inline:.2rem;color:#687385;font:800 .62rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.toolbar-divider{width:1px;height:1.55rem;flex:0 0 1px;margin:0 .3rem;background:#d9dee7}.toolbar-flex-spacer{min-width:.5rem;flex:1 1 auto}.score-edit-actions{flex:0 0 auto;gap:.08rem}.score-edit-actions .toolbar-divider{margin-inline:.2rem}.glyph-tool{font-family:Bravura,Noto Music,Segoe UI Symbol,serif;font-size:1.2rem;line-height:1}.notation-tool.labeled-tool{width:auto;min-width:3.7rem;height:3rem;grid-template-rows:1.45rem auto;gap:.16rem;padding:.22rem .38rem .28rem}.score-input-toolbar .notation-tool.labeled-tool{width:auto;min-width:0;height:2.3rem;min-height:2.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .55rem}.score-input-toolbar .notation-tool-glyph,.score-input-toolbar .notation-tool-label{align-self:center}.score-toolbar-select{display:inline-flex!important;align-items:center;gap:.3rem;color:var(--color-muted);font-size:.65rem;font-weight:760}.score-toolbar-select select{width:10.5rem;min-width:0;min-height:2.3rem;padding:0 1.7rem 0 .55rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font-family:inherit;font-size:.7rem;font-weight:700;line-height:1}.score-toolbar-dots select{width:6.2rem}.notation-tool-glyph{align-self:end;font-family:Bravura,Noto Music,Segoe UI Symbol,serif;line-height:1}.augmentation-dot-icon{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-height:1rem}.augmentation-dot-icon i{width:.28rem;height:.28rem;border-radius:50%;background:currentColor}.slur-icon{width:1.35rem;height:.68rem;border-top:2px solid currentColor;border-radius:50% 50% 0 0}.notation-tool-label{align-self:start;font:720 .56rem/1.05 Inter,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap}.duration-tool{font-size:1.45rem}.slur-tool{font-size:1.5rem}.tuplet-tool .notation-tool-glyph{position:relative;width:1.15rem;border-top:1px solid currentColor;font:700 .68rem/1.1 Inter,sans-serif}.tuplet-tool span:before,.tuplet-tool span:after{content:"";position:absolute;top:-1px;width:1px;height:.25rem;background:currentColor}.tuplet-tool span:before{left:0}.tuplet-tool span:after{right:0}.zoom-readout{min-width:2.45rem;color:#596373;text-align:center;font-size:.68rem;font-variant-numeric:tabular-nums}.score-editor-body{min-height:40rem;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border-top:0;background:#e8edf3}.score-reader-body{display:block;gap:0;padding:0;border-top:0;background:#e8edf3}.score-workspace-reader{min-height:34rem;overflow:hidden}.score-mode-read .score-workspace-reader{height:100%;min-height:0;flex:1 1 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.score-mode-read .score-workspace-reader.score-workspace-controls-docked{grid-template-rows:minmax(0,1fr) auto}.score-mode-read #score-mode-panel,.score-mode-read .score-reader-body{min-height:0;flex:1 1 auto}.score-mode-read .score-reader-body{display:flex;flex-direction:column}.read-only-score-canvas{cursor:default}.score-mode-read .score-page-scroll.score-reader-page-view,.score-mode-write .score-page-scroll.score-reader-page-view{min-height:0;overflow:hidden;display:grid;place-items:center;padding:1rem;overscroll-behavior-inline:contain;touch-action:pan-y}.score-mode-read .score-reader-page-view .score-page,.score-mode-write .score-reader-page-view .score-page{width:100%;min-width:0;min-height:0;overflow:hidden;padding:0;zoom:var(--score-zoom)}.score-mode-write .score-page-scroll.score-reader-page-view{overflow:auto;place-items:start safe center;touch-action:pan-y}.score-mode-read .score-reader-page-view .score-page.format-a4-landscape,.score-mode-write .score-reader-page-view .score-page.format-a4-landscape{width:min(100%,44rem)}.score-mode-read .score-reader-page-view .score-page-meta,.score-mode-write .score-reader-page-view .score-page-meta{display:none}.score-mode-read .score-reader-page-view .score-render-surface,.score-mode-write .score-reader-page-view .score-render-surface{width:100%;height:100%}.score-mode-read .score-reader-page-view .notation-canvas,.score-mode-write .score-reader-page-view .notation-canvas{width:100%;height:100%;min-height:0;overflow:hidden;display:grid;place-items:center;touch-action:pan-y}.score-mode-read .score-reader-page-view .notation-canvas svg[data-testid=notation-svg],.score-mode-write .score-reader-page-view .notation-canvas svg[data-testid=notation-svg]{width:100%!important;max-width:100%;height:100%!important;max-height:100%}.score-mode-read .score-reader-page-view .notation-canvas svg[hidden],.score-mode-write .score-reader-page-view .notation-canvas svg[hidden]{display:none}.score-part-navigator{min-height:3.65rem;display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-bottom:1px solid var(--color-line);background:var(--color-panel)}.score-part-navigator>button,.score-part-actions>button,.score-reader-page-setup>summary{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.score-part-navigator>button{width:2.5rem;min-width:2.5rem;padding:0}.score-part-navigator>label{min-width:12rem;display:grid;grid-template-columns:auto minmax(8rem,1fr);align-items:center;gap:.5rem;color:var(--color-muted);font-size:.72rem;font-weight:760}.score-part-navigator>label select{min-width:0;min-height:2.5rem;border:1px solid var(--color-line-strong);background:var(--color-panel);color:var(--color-ink);font-weight:720}.score-part-status{min-width:5.5rem;color:var(--color-muted);font-size:.72rem;font-weight:720;text-align:center}.score-reader-summary{min-width:0;overflow:hidden;color:var(--color-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.score-part-actions{position:relative;display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}.score-part-actions>button,.score-reader-page-setup>summary{padding:0 .75rem}.score-part-actions>button:last-child{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.score-reader-page-setup{position:relative}.score-reader-page-setup>summary{border:1px solid var(--color-teal);border-radius:8px;background:var(--color-teal);color:var(--color-white);box-shadow:0 2px 5px #15403a29;cursor:pointer;font-size:.78rem;font-weight:760;list-style:none;white-space:nowrap}.score-reader-page-setup>summary>svg{flex-shrink:0}.score-reader-page-setup>summary::-webkit-details-marker{display:none}.score-reader-page-setup>summary:hover,.score-reader-page-setup[open]>summary{border-color:color-mix(in srgb,var(--color-teal) 80%,var(--color-ink));background:color-mix(in srgb,var(--color-teal) 80%,var(--color-ink));color:var(--color-white)}.score-reader-page-setup[open] .score-reader-settings-chevron{transform:rotate(180deg)}.score-reader-page-setup-panel{position:fixed;z-index:80;width:min(43rem,calc(100vw - 2rem));max-height:calc(100dvh - 1.5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:.75rem;border:1px solid var(--color-line-strong);border-radius:10px;background:var(--color-panel-raised);box-shadow:0 12px 30px #46371f2e;overflow-y:auto;overscroll-behavior:contain}.score-reader-page-setup-panel label{min-width:0;display:grid;grid-template-columns:1fr;gap:.35rem;color:var(--color-muted);font-size:.68rem;font-weight:760}.score-reader-page-setup-panel select,.score-reader-page-setup-panel input{width:100%;min-width:0;min-height:2.35rem;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-panel);color:var(--color-ink);font:inherit}.score-reader-page-setup-panel input{padding:0 2.3rem 0 .6rem}.score-reader-line-spacing-inputs{display:grid;grid-template-columns:minmax(0,1fr) 4.75rem;align-items:center;gap:.55rem}.score-reader-page-setup-panel .score-reader-line-spacing-inputs>input[type=range]{min-height:2.35rem;padding:0;border:0;accent-color:var(--color-teal);cursor:ew-resize}.score-reader-page-setup-hint{color:var(--color-muted);font-size:.62rem;font-weight:560;line-height:1.25}.score-reader-unit-input{position:relative;display:block}.score-reader-unit-input small{position:absolute;top:50%;right:.55rem;color:var(--color-muted);font-size:.65rem;transform:translateY(-50%);pointer-events:none}.score-reader-pagination{height:2.25rem;min-height:0;flex:0 0 2.25rem;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.15rem .45rem;border-top:1px solid var(--color-line);background:var(--color-panel)}.score-reader-pagination button{width:1.95rem;min-width:1.95rem;height:1.85rem;min-height:1.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0}.score-reader-pagination>span{min-width:5.75rem;color:var(--color-muted);font-size:.72rem;font-weight:750;text-align:center}.score-reader-pagination-playback{display:inline-flex;flex:0 0 auto;align-items:center;gap:.18rem}.score-reader-pagination-playback button{width:auto}.score-mode-read[data-reader-surface=display] .score-editor-tabs{height:2.35rem;min-height:2.35rem;align-items:center;flex-direction:row}.score-mode-read[data-reader-surface=display] .score-mode-actions{position:relative;width:100%;justify-content:flex-end;padding:.12rem .35rem}.score-mode-read[data-reader-surface=display] .score-mode-switch{flex:0 0 auto;gap:.1rem;padding:.08rem}.score-mode-read[data-reader-surface=display] .score-mode-switch button{height:1.8rem;min-height:1.8rem;padding-inline:.45rem;font-size:.68rem}.score-mode-read[data-reader-surface=display] #score-mode-panel,.score-mode-read[data-reader-surface=display] .score-reader-body{min-height:0;flex:1 1 auto}.score-mode-read[data-reader-surface=display] .score-reader-body{display:flex;flex-direction:column}.score-mode-read[data-reader-surface=display] .score-workspace-reader{height:100%;min-height:0;flex:1 1 auto}.score-mode-read[data-reader-surface=display] .score-part-navigator{height:2.5rem;min-height:2.5rem;display:flex;flex-wrap:nowrap;gap:.3rem;padding:.2rem .35rem .2rem 15.35rem}.score-mode-read[data-reader-surface=display] .score-part-navigator>button{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.score-mode-read[data-reader-surface=display] .score-part-navigator>label{min-width:0;flex:1 1 auto;grid-template-columns:minmax(0,1fr)}.score-mode-read[data-reader-surface=display] .score-part-navigator>label>span,.score-mode-read[data-reader-surface=display] .score-part-status,.score-mode-read[data-reader-surface=display] .score-reader-summary,.score-mode-read[data-reader-surface=display] .score-part-actions>button:not(.score-reader-fullscreen-entry){display:none}.score-mode-read[data-reader-surface=display] .score-part-navigator>label select{width:100%;min-height:2rem;height:2rem}.score-mode-read[data-reader-surface=display] .score-part-actions{width:auto;flex:0 0 auto;flex-wrap:nowrap;margin-left:0}.score-mode-read[data-reader-surface=display] .score-reader-page-setup{flex:0 0 auto}.score-mode-read[data-reader-surface=display] .score-reader-page-setup>summary{width:auto;height:2rem;min-height:2rem;padding:0 .65rem}.score-mode-read[data-reader-surface=display] .score-reader-page-view{padding:.35rem}.score-reader-performance-controls,.score-reader-floating-playback{position:absolute;top:.45rem;left:.45rem;z-index:24;display:flex;align-items:center;gap:.18rem;min-height:2.25rem;padding:.22rem;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--color-panel) 90%,transparent);box-shadow:0 .4rem 1.25rem color-mix(in srgb,var(--color-ink) 20%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:none}.score-reader-performance-controls button,.score-reader-pagination-playback button{min-width:2rem;min-height:1.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .48rem;border-radius:.48rem;font-size:.68rem;font-weight:760;white-space:nowrap}.score-reader-performance-controls button:disabled,.score-reader-pagination-playback button:disabled{opacity:.45}.score-reader-pagination-playback .score-reader-play:not(:disabled){border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.score-reader-performance-controls .score-reader-mute-all,.score-reader-pagination-playback .score-reader-mute-all{min-width:5.6rem}.score-reader-performance-controls .score-reader-mute-all.is-muted,.score-reader-pagination-playback .score-reader-mute-all.is-muted{color:#fff;border-color:#982d31;background:#b5373c;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 22%,transparent)}@media(max-width:860px){.score-reader-performance-controls{left:0}.score-mode-read[data-reader-surface=display] .score-part-navigator{height:auto;min-height:0;display:grid;grid-template-columns:6.1rem 2rem minmax(0,1fr) 2rem;padding:.2rem .35rem}.score-mode-read[data-reader-surface=display] .score-part-navigator>button:first-of-type{grid-column:2;grid-row:1}.score-mode-read[data-reader-surface=display] .score-part-navigator>label{grid-column:3;grid-row:1}.score-mode-read[data-reader-surface=display] .score-part-navigator>button:last-of-type{grid-column:4;grid-row:1}.score-mode-read[data-reader-surface=display] .score-part-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-end}.score-mode-read[data-reader-surface=display] .score-part-actions>.score-reader-fullscreen-entry{flex:0 0 auto;height:2rem;min-height:2rem;padding-inline:.5rem;font-size:.72rem}.score-reader-performance-controls button span:not(.sr-only){display:none}.score-reader-performance-controls .score-reader-mute-all{min-width:2rem}}@media print{.score-reader-page-setup-panel,.score-reader-floating-playback,.score-reader-performance-controls{display:none!important}}.score-inspector,.score-entry-options-panel{min-width:0;max-height:46rem;overflow-y:auto;border-right:1px solid var(--score-border);background:#fff;scrollbar-color:#bdc6d4 transparent;scrollbar-width:thin}.score-entry-options-panel{max-height:min(11.5rem,28dvh);display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start;overflow-y:auto;border-right:0;border-bottom:1px solid var(--score-border);scrollbar-color:#bdc6d4 transparent;scrollbar-width:thin}.score-entry-options-heading{grid-column:1 / -1;min-height:2.85rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .8rem;border-bottom:1px solid var(--color-line);background:var(--color-panel)}.score-entry-options-heading>div{min-width:0;display:grid;gap:.08rem}.score-entry-options-heading strong{font-size:.78rem}.score-entry-options-heading span{overflow:hidden;color:var(--color-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.score-entry-options-heading button{min-height:1.9rem;padding:0 .55rem;font-size:.65rem}.score-entry-options-panel .score-accordion{min-width:0;border-right:1px solid var(--color-line)}.score-entry-options-panel .instrument-editor-pane,.score-entry-options-panel .layout-editor-pane{grid-column:1 / -1}.score-entry-options-panel .score-instrument-list{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.score-accordion{border-bottom:1px solid #e5e9ef}.score-accordion-toggle{width:100%;min-height:2.55rem;display:flex;align-items:center;justify-content:flex-start;gap:.45rem;padding:0 .8rem;border:0;border-radius:0!important;background:#fff;color:#344054;text-align:left;font-size:.78rem;font-weight:760}.score-accordion-toggle:hover{background:#f7f9fc}.score-accordion-toggle svg{color:#8792a3}.score-accordion-content{display:grid;gap:.7rem;padding:.15rem .8rem .85rem;background:#fff}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.mode-grid label,.pro-select-row label,.precise-entry label,.layout-editor-pane label{min-width:0;display:grid;gap:.25rem;color:#586273;font-size:.63rem;font-weight:670}.score-inspector select,.score-inspector input,.score-entry-options-panel select,.score-entry-options-panel input{width:100%;min-width:0;min-height:1.95rem;padding:0 .42rem;border:1px solid #d8dee8;border-radius:5px;background:#fbfcfe;color:#303a4b;font-size:.72rem}.precise-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.4rem;padding-top:.65rem;border-top:1px dashed #dfe4eb}.precise-entry button{min-height:1.95rem;padding:0 .45rem;border-color:var(--score-blue);background:var(--score-blue);color:#fff;font-size:.68rem;font-weight:720}.precise-entry .notation-entry-message{grid-column:1 / -1;min-height:0;margin:0;padding:.35rem .45rem;border:1px solid color-mix(in srgb,var(--color-coral) 28%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-coral) 7%,transparent)}.pro-select-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.pro-badge{display:inline-flex;align-items:center;width:fit-content;min-height:.9rem;padding:0 .28rem;border-radius:999px;background:#f0ebff;color:#6540c0;font-size:.52rem;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.representation-tools,.octave-tools,.compact-symbol-row{flex-wrap:wrap;gap:.28rem}.representation-tools button,.octave-tools button,.articulation-grid button,.compact-symbol-row button{min-width:2.05rem;height:2rem;min-height:2rem;padding:0 .38rem;border-color:#d8dee8;background:#fff;color:#3e4859;font-family:Bravura Text,Noto Music,Segoe UI Symbol,Inter,sans-serif;font-size:1rem}.representation-tools button:hover,.octave-tools button:hover,.articulation-grid button:hover,.compact-symbol-row button:hover,.representation-tools button.active,.articulation-grid button.active,.compact-symbol-row button.active{border-color:#9eb9f6;background:var(--score-blue-soft);color:var(--score-blue)}.muted-note-control{position:relative}.representation-tools button.muted{background:#3477e8;color:#fff}.blue-teardrop{display:inline-block;transform:rotate(45deg);font-size:1.05rem}.notation-tooltip{position:absolute;z-index:6;top:calc(100% + .45rem);left:50%;width:max-content;transform:translate(-50%);padding:.38rem .52rem;border-radius:5px;background:#263247;color:#fff;font:650 .65rem/1 Inter,sans-serif;box-shadow:0 5px 14px #161f2e38}.notation-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#263247}.octave-tools{padding-top:.3rem}.octave-tools button{min-width:2.5rem;height:1.75rem;min-height:1.75rem;font-size:.7rem;font-style:italic}.articulation-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem}.articulation-grid button{min-width:0;width:100%}.dynamics-row button{font-family:Georgia,serif;font-size:.9rem;font-style:italic;font-weight:700}.clef-row button{font-size:1.45rem}.inline-setting{gap:.35rem}.inline-setting span{color:#7b8493}.inline-setting button,.expression-line-tools button{min-height:1.95rem;padding:0 .55rem;border-color:#cbd6e8;background:#f5f8fd;color:#315789;font-size:.68rem}.expression-line-tools button{width:auto;font-family:Inter,sans-serif}.score-workspace{position:relative;min-width:0;display:flex;flex-direction:column;background:#e8edf3}.score-workspace>.score-page-scroll,.score-workspace>.score-summary-view{flex:1 1 auto}.score-loading-screen{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,#e8edf3 94%,transparent);cursor:progress}.score-loading-card{display:flex;align-items:center;gap:.9rem;min-width:min(20rem,100%);padding:1rem 1.15rem;border:1px solid #cbd6e8;border-radius:10px;background:var(--color-panel-raised);box-shadow:0 12px 32px #26375029}.score-loading-mark{flex:0 0 auto;width:2rem;height:2rem;border:3px solid color-mix(in srgb,var(--color-teal) 20%,transparent);border-top-color:var(--color-teal);border-radius:50%;animation:score-loading-spin .8s linear infinite;will-change:transform}.score-loading-copy{min-width:0;display:grid;gap:.18rem}.score-loading-copy strong{color:var(--score-navy);font-size:.88rem}.score-loading-copy small{overflow:hidden;color:#687488;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}@keyframes score-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.score-loading-mark{animation:none}}.score-document-actions{align-items:center;padding:.2rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised)}.score-page-scroll{min-height:30rem;overflow:auto;padding:1.6rem;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.75),transparent 46%),#e5eaf0}.score-page{position:relative;width:min(62rem,100%);min-width:44rem;min-height:31rem;margin:0 auto;padding:2.1rem 2rem 2rem;zoom:var(--score-zoom);border:1px solid #d5d8de;border-radius:2px;background:#fff;box-shadow:0 7px 24px #222e3f21}.score-page.format-a4-portrait{width:min(62rem,100%);aspect-ratio:210 / 297}.score-page.format-a4-landscape{width:min(82rem,100%);aspect-ratio:297 / 210}.score-page.format-letter{width:min(64rem,100%);aspect-ratio:8.5 / 11}.score-page.format-ipad-portrait{width:min(64rem,100%);aspect-ratio:3 / 4}.score-page.format-ipad-landscape{width:min(82rem,100%);aspect-ratio:4 / 3}.score-page.format-screen-16-10{width:min(82rem,100%);aspect-ratio:16 / 10}.score-page.format-screen-16-9{width:min(82rem,100%);aspect-ratio:16 / 9}.score-page-meta{display:flex;align-items:center;justify-content:space-between;margin:0 1rem .5rem 8rem;color:#343a43;font:600 .73rem/1 Georgia,serif}.score-render-surface{position:relative;min-width:0;overflow:visible}.professional-score-editor .notation-canvas{min-height:10rem;overflow:auto;border:0;background:transparent;cursor:crosshair}.professional-score-editor .notation-canvas svg[data-testid=notation-svg]{display:block;width:auto;max-width:none;height:auto;min-width:0;background:#fff}.professional-score-editor .notation-canvas svg[data-testid=notation-svg]+svg[data-testid=notation-svg]{border-top:1px dashed #c9d0da}.professional-score-editor .notation-canvas [data-event-ids][data-selected],.professional-score-editor .notation-canvas [data-event-ids][data-selected] *{fill:#2f6fed!important;stroke:#2f6fed!important}.full-score-surface{min-width:0}.staff-end-actions{position:absolute;right:1.15rem;bottom:1rem;display:flex;gap:.3rem}.staff-end-actions button{width:1.6rem;min-width:1.6rem;height:1.6rem;min-height:1.6rem;padding:0;border-color:#c8cfd9;background:#fff;color:#687385;font-size:.9rem}.professional-score-editor .notation-selection-tools{min-height:3.15rem;flex:0 0 auto;flex-wrap:wrap;gap:.35rem;overflow-x:visible;padding:.45rem .8rem;border:0;border-top:1px solid #d6dde7;background:#f8fafc}.professional-score-editor .contextual-selection-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.4rem;border-top:0;border-bottom:1px solid #d6dde7}.professional-score-editor .notation-toolbar-row,.professional-score-editor .notation-toolbar-group{min-width:0;display:flex;align-items:center;gap:.3rem}.professional-score-editor .notation-toolbar-row{display:contents}.professional-score-editor .notation-toolbar-group{flex-wrap:wrap}.professional-score-editor .notation-toolbar-edit-group{grid-column:1;grid-row:1}.professional-score-editor .notation-toolbar-mark-group{grid-column:1 / -1;grid-row:2;padding-top:.35rem;border-top:1px solid #e3e8ef}.professional-score-editor .notation-selection-tools label{display:flex;align-items:center;gap:.35rem;min-width:0;font-size:.65rem}.professional-score-editor .notation-selection-tools select{min-width:0;min-height:1.9rem;border:1px solid #d5dce6;border-radius:5px;background:#fff;color:#465164;font-size:.67rem}.professional-score-editor .score-operation-picker select{width:10rem}.professional-score-editor [data-testid=notation-event-select]{width:6.75rem}.professional-score-editor [data-testid=notation-representation-select]{width:5.75rem}.professional-score-editor [data-testid=notation-mark-select]{width:8.75rem}.professional-score-editor [data-testid=notation-dynamic-select]{width:4rem}.professional-score-editor [data-testid=notation-line-select]{width:7.25rem}.professional-score-editor [data-testid=notation-voice]{width:4.75rem}.professional-score-editor .notation-selection-tools button{min-height:1.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .55rem;border-color:#d5dce6;background:#fff;color:#4e5a6c;font-size:.65rem}.professional-score-editor .notation-selection-tools .icon-button{width:1.9rem;min-width:1.9rem;padding:0}.professional-score-editor .notation-selection-tools span{margin:0}.professional-score-editor .notation-marked-event-status{display:none;max-width:6rem;color:#778195;font-size:.62rem;line-height:1.15}.professional-score-editor .notation-entry-message{grid-column:1 / -1;grid-row:3;min-width:10rem;flex:1 1 12rem;margin:0 0 0 auto;text-align:right}.professional-score-editor .notation-utility-actions{min-width:0;display:flex;align-items:center;flex:0 1 auto;gap:.08rem;margin-left:auto;padding:0;border:0;background:transparent}.professional-score-editor .notation-utility-actions .zoom-readout{min-width:2.35rem;margin:0}.professional-score-editor .notation-utility-actions .toolbar-divider{margin-inline:.18rem}.professional-score-editor .notation-utility-actions .score-auto-scroll-toggle{width:auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding-inline:.5rem;white-space:nowrap}.professional-score-editor .notation-utility-actions .score-auto-scroll-toggle span{margin:0;color:inherit;font-size:inherit}.professional-score-editor .notation-edit-message{min-height:1.8rem;padding:.3rem .8rem;border-top:1px solid #eadbd6;background:#fff9f7}.score-render-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.7rem 1rem;color:#a13b31;background:#fff4f2}.score-render-error button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.1rem;padding:0 .7rem;border-color:color-mix(in srgb,#a13b31 45%,var(--color-line));background:var(--color-white);color:#7f2f28}.notation-list-view{min-height:30rem;display:grid;align-content:start;gap:.35rem;overflow:auto;padding:1.2rem}.score-summary-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.3rem}.score-summary-heading h3{margin-top:.12rem;font:720 1.1rem/1.2 Georgia,Times New Roman,serif}.score-summary-heading>span{color:var(--color-muted);font-size:.72rem}.score-summary-stats{display:grid;grid-template-columns:repeat(5,minmax(5.5rem,1fr));gap:.55rem;margin-bottom:.8rem}.score-summary-stats>span{min-width:0;display:grid;gap:.12rem;padding:.7rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel-raised)}.score-summary-stats strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.score-summary-stats small{color:var(--color-muted);font-size:.62rem;text-transform:uppercase}.list-view-heading{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#3b4658;font-size:.75rem}.list-view-heading span{color:#7c8798}.notation-list-view button{min-height:2.6rem;display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;padding:0 .7rem;border-color:#d5dce6;background:#fff;text-align:left}.notation-list-view button.active{border-color:#8eb1f6;background:var(--score-blue-soft)}.notation-list-view button small{color:#7d8797}.instrument-editor-pane,.layout-editor-pane{display:grid;gap:.8rem;padding:1rem}.inspector-heading{gap:.55rem;padding-bottom:.75rem;border-bottom:1px solid #e2e7ed}.inspector-heading svg{color:var(--score-blue)}.inspector-heading div{display:grid;gap:.1rem}.inspector-heading strong{color:#2e394a;font-size:.82rem}.inspector-heading small{color:#7c8798;font-size:.62rem}.score-instrument-list{display:grid;gap:.4rem}.score-instrument-list>button{min-height:3rem;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.45rem .6rem;border-color:#dbe1e9;background:#fff;text-align:left}.score-instrument-list>button.active{border-color:#8eaff2;background:var(--score-blue-soft)}.score-instrument-list>button>span:last-child{display:grid}.score-instrument-list strong{color:#354052;font-size:.72rem}.score-instrument-list small{color:#808a9a;font-size:.6rem}.instrument-dot{width:.65rem;height:.65rem;flex:0 0 auto;border-radius:50%;background:#58708d}.family-winds{background:#2f87b9}.family-strings{background:#9a5ea3}.family-brass{background:#c48b24}.family-keyboard{background:#4c6f90}.layout-editor-pane>button{min-height:2.2rem;display:flex;align-items:center;justify-content:center;gap:.4rem;border-color:#b9c9e3;background:#f2f6fd;color:#365b8b;font-size:.7rem}.piano-dock{position:relative;min-height:7.1rem;display:grid;grid-template-columns:2.65rem minmax(0,1fr) 2.65rem;border-top:1px solid #bcc5d2;background:#253044}.piano-nav{flex-direction:column;z-index:3;justify-content:center;gap:.25rem;border-right:1px solid #3d485a}.piano-nav button{width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;display:inline-grid;place-items:center;padding:0;border-color:#4a5669;background:#303c50;color:#c9d1de}.piano-scroll-control{z-index:3;align-self:stretch;width:100%;min-width:0;height:auto;min-height:0;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:#303c50;color:#c9d1de}.piano-scroll-control:hover,.piano-scroll-control:focus-visible{background:#3a4960;color:#fff}.piano-scroll-left{border-right:1px solid #4a5669}.piano-scroll-right{border-left:1px solid #4a5669}.piano-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#68758a #202a3a}.piano-keys{width:max-content;min-width:100%;display:flex;justify-content:flex-start;padding:0 .55rem .55rem}.white-key-slot{position:relative;width:2.65rem;flex:0 0 2.65rem}.piano-key.white-key{width:100%;min-width:0;height:6.15rem;min-height:6.15rem;display:flex;align-items:flex-end;justify-content:center;gap:.12rem;padding:0 .15rem .45rem;border:1px solid #9ca6b5;border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(#fff,#f2f4f7);color:#697385;font-size:.58rem}.piano-key.white-key small{font-size:.48rem}.piano-key.white-key.active{border-color:var(--piano-key-accent, #5f91ea);background:var(--piano-key-fill, #4d86e9);color:#fff;box-shadow:inset 0 -5px 10px color-mix(in srgb,var(--piano-key-accent, #4d86e9) 38%,transparent)}.piano-key.white-key.playing{transform:translateY(.16rem);box-shadow:inset 0 5px 12px color-mix(in srgb,var(--piano-key-accent, #4d86e9) 46%,transparent)}.piano-key.black-key{position:absolute;z-index:2;top:0;right:-.78rem;width:1.55rem;min-width:1.55rem;height:3.75rem;min-height:3.75rem;padding:0;border:1px solid #141b26;border-top:0;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#171e29,#303a48 58%,#121821);box-shadow:0 4px 5px #090e164d}.piano-key.black-key.active{border-color:var(--piano-key-accent, #4f85df);background:var(--piano-key-fill, #285fb8)}.piano-key.black-key.playing{transform:translateY(.14rem);box-shadow:0 1px 2px #090e1659,inset 0 4px 8px color-mix(in srgb,var(--piano-key-accent, #4d86e9) 46%,transparent)}.piano-range{position:absolute;right:3.35rem;bottom:.15rem;left:3.35rem;z-index:4;justify-content:space-between;color:#9aa7ba;font-size:.52rem;pointer-events:none}.guitar-dock{--fretboard-string-count: 6;position:relative;min-height:7.1rem;display:grid;grid-template-columns:4.1rem 2.5rem minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;border-top:1px solid #7f684c;background:linear-gradient(180deg,#38291f,#251a14)}.bass-guitar-dock{border-top-color:#4f6c70;background:linear-gradient(180deg,#263b3e,#19292c)}.mandolin-fretboard-dock{border-top-color:#a46f43;background:linear-gradient(180deg,#4a2c1b,#2b190f)}.ukulele-fretboard-dock{border-top-color:#4f8878;background:linear-gradient(180deg,#254a40,#173028)}.wind-dock{--wind-accent: #8cc7e8;--wind-accent-strong: #d9f2ff;--wind-panel: #152635;--wind-panel-deep: #0e1a24;position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-top:1px solid color-mix(in srgb,var(--wind-accent) 65%,#24303d);background:linear-gradient(180deg,var(--wind-panel),var(--wind-panel-deep));color:#edf5fa}.wind-alto-sax{--wind-accent: #e9ad45;--wind-accent-strong: #ffe3a7;--wind-panel: #51350f;--wind-panel-deep: #302008}.wind-trumpet{--wind-accent: #f0bd58;--wind-accent-strong: #ffedb6;--wind-panel: #4a2d12;--wind-panel-deep: #2c190a}.wind-oboe,.wind-bassoon,.wind-recorder-soprano,.wind-recorder-alto,.wind-recorder-tenor,.wind-recorder-bass{--wind-accent: #d7a36b;--wind-accent-strong: #ffe1bc;--wind-panel: #49301f;--wind-panel-deep: #291b13}.wind-flute{--wind-accent: #b8d9e8;--wind-accent-strong: #effaff;--wind-panel: #253b49;--wind-panel-deep: #14242e}.wind-horn,.wind-tuba,.wind-trombone{--wind-accent: #e5b34f;--wind-accent-strong: #ffebaa;--wind-panel: #493313;--wind-panel-deep: #291d0a}.wind-nav{position:absolute;top:.55rem;left:.55rem;z-index:4;border-right:0}.wind-fingering-panel{grid-column:1;min-width:0;display:grid;grid-template-columns:clamp(7.5rem,16vw,11.5rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:.8rem;row-gap:.35rem;padding:.55rem .9rem .7rem;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--wind-accent) 15%,transparent),transparent 45%),color-mix(in srgb,var(--wind-panel-deep) 84%,#000)}.wind-fingering-panel header,.wind-current-note{display:flex;align-items:center}.wind-fingering-panel header{grid-column:1 / -1;grid-row:1;justify-content:space-between}.wind-fingering-panel header{gap:.35rem;padding-left:3rem;white-space:nowrap}.wind-fingering-panel header strong{overflow:hidden;color:var(--wind-accent-strong);font-size:.9rem;text-overflow:ellipsis}.wind-fingering-panel header small{color:#afbfca;font-size:.62rem}.wind-current-note{grid-column:1;grid-row:2;min-width:0;align-self:stretch;flex-direction:column;justify-content:center;gap:.7rem;padding:.75rem .55rem;border:1px solid color-mix(in srgb,var(--wind-accent) 34%,transparent);border-radius:.65rem;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--wind-accent) 17%,transparent),transparent 58%),color-mix(in srgb,var(--wind-panel) 72%,transparent);box-shadow:inset 0 0 1.25rem color-mix(in srgb,var(--wind-accent) 7%,transparent)}.wind-written-note{display:flex;align-items:center;flex-direction:column;gap:.4rem;text-align:center}.wind-written-note strong{color:#fff;font-size:clamp(2.45rem,5vw,4.2rem);line-height:.88;letter-spacing:-.055em;text-shadow:0 0 1.1rem color-mix(in srgb,var(--wind-accent) 34%,transparent)}.wind-written-note small{color:color-mix(in srgb,var(--wind-accent-strong) 72%,#9fb0bd);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.wind-idle-note{display:grid;place-items:center;gap:.2rem;color:color-mix(in srgb,var(--wind-accent-strong) 62%,transparent);text-align:center}.wind-idle-note strong{font-family:Bravura,Noto Music,Segoe UI Symbol,serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:.78;text-shadow:0 0 1rem color-mix(in srgb,var(--wind-accent) 48%,transparent)}.wind-idle-note small{font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.wind-sounding-note{display:flex;align-items:center;flex-direction:column;gap:.12rem;color:#9fb0bd;font-size:.68rem;font-weight:750;text-align:center}.wind-sounding-note strong{color:var(--wind-accent-strong);font-size:1rem}.wind-diagram-frame{position:relative;grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden}.wind-instrument-diagram{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.create-input-stage-listen>:not(.timeline-input-menu){height:7.1rem;min-height:0}.create-input-stage-listen .wind-fingering-panel{min-height:0;grid-template-columns:clamp(5rem,12vw,8rem) minmax(0,1fr);grid-template-rows:1.6rem minmax(0,1fr);gap:.2rem .5rem;padding:.35rem .5rem}.create-input-stage-listen .wind-fingering-panel header{justify-content:flex-end;padding-left:0}.create-input-stage-listen .wind-fingering-panel header strong{display:none}.create-input-stage-listen .wind-current-note{min-height:0;gap:.15rem;padding:.2rem .35rem;border-radius:6px}.create-input-stage-listen .wind-written-note{gap:.15rem}.create-input-stage-listen .wind-written-note strong,.create-input-stage-listen .wind-idle-note strong{font-size:1.6rem}.create-input-stage-listen .wind-written-note small{font-size:.5rem;letter-spacing:.03em}.create-input-stage-listen .wind-sounding-note{flex-direction:row;gap:.2rem;font-size:.55rem}.create-input-stage-listen .wind-sounding-note strong{font-size:.65rem}.create-input-stage-listen .harp-viewer{grid-template-rows:2rem minmax(0,1fr) 2.1rem}.create-input-stage-listen .harp-string-frame{padding-block:.45rem .1rem}.create-input-stage-listen .harp-string-frame:before{top:.15rem;transform:none}.create-input-stage-listen .harp-string{min-height:1.5rem}.create-input-stage-listen .harp-pedal-bank{padding-block:.15rem}.create-input-stage-listen .harp-pedal-bank select{min-height:1.6rem}.create-input-stage-listen .voice-range-viewer{grid-template-rows:2rem minmax(0,1fr)}.create-input-stage-listen .voice-range-body{padding:.3rem}.create-input-stage-listen .bowed-string-viewer{grid-template-rows:2rem minmax(0,1fr) .9rem}.wind-instrument-body{fill:color-mix(in srgb,var(--wind-accent) 18%,#1d2730);stroke:color-mix(in srgb,var(--wind-accent) 72%,#dbe4e9);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.wind-instrument-detail,.wind-control-lever,.wind-valve-port{fill:none;stroke:color-mix(in srgb,var(--wind-accent) 57%,#8997a1);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25}.wind-control-button,.wind-control-ring,.wind-valve-casing{fill:color-mix(in srgb,var(--wind-panel-deep) 78%,#64727d);stroke:color-mix(in srgb,var(--wind-accent) 58%,#bec9cf);stroke-width:1.2;transition:fill .12s ease,stroke .12s ease,filter .12s ease}.wind-control-ring{fill:none;stroke-width:1}.wind-control-label,.wind-valve-label,.wind-hand-label{fill:#acbac4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:3.8px;font-weight:600;letter-spacing:.01em;paint-order:stroke;stroke:var(--wind-panel-deep);stroke-width:.8px}.wind-main-control-label{font-size:4px}.wind-hand-label{fill:color-mix(in srgb,var(--wind-accent) 65%,#aab4bb);font-size:3.2px;letter-spacing:.06em}.wind-control.pressed .wind-control-button{fill:var(--wind-accent);stroke:var(--wind-accent-strong);stroke-width:1.8;filter:drop-shadow(0 0 2px var(--wind-accent))}.wind-control.pressed .wind-control-ring,.wind-control.pressed .wind-control-lever{stroke:var(--wind-accent-strong);stroke-width:1.7}.wind-valve-casing{fill:color-mix(in srgb,var(--wind-panel-deep) 66%,#8d7040)}.wind-valve-moving{transform:translateY(0);transition:transform .14s ease}.wind-valve-control.pressed .wind-valve-moving{transform:translateY(8px)}.wind-valve-control.pressed .wind-valve-button{fill:var(--wind-accent)}.wind-diagram-legend{position:absolute;right:.08rem;bottom:.02rem;display:flex;align-items:center;gap:.2rem;padding:.08rem .2rem;border-radius:999px;background:color-mix(in srgb,var(--wind-panel-deep) 86%,transparent);color:#b7c4cc;font-size:.36rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.wind-diagram-legend i{width:.38rem;height:.38rem;border:1px solid var(--wind-accent-strong);border-radius:50%;background:var(--wind-accent);box-shadow:0 0 .22rem var(--wind-accent)}.guitar-nav{grid-column:1;grid-row:1}.guitar-string-labels{grid-column:2;grid-row:1;z-index:3;display:grid;grid-template-rows:.8rem repeat(var(--fretboard-string-count),minmax(0,1fr));border-right:1px solid #7b6247;background:#2e2119;color:#e8d8bc;text-align:center}.guitar-string-labels span{align-self:center;color:#a99276;font-size:.42rem;letter-spacing:.04em;text-transform:uppercase}.guitar-string-labels strong{align-self:center;font-size:.48rem;font-weight:750}.guitar-scroll{grid-column:3;grid-row:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8b7357 #241912}.guitar-fretboard-grid{position:relative;width:max-content;min-width:100%;height:100%;display:grid;grid-template-columns:2.25rem repeat(20,2.9rem);grid-template-rows:.8rem repeat(var(--fretboard-string-count),minmax(0,1fr));background:linear-gradient(90deg,rgb(255 255 255 / 3%),transparent 14%),linear-gradient(#7b5434,#5e3e28)}.bass-guitar-dock .guitar-string-labels{border-right-color:#54777b;background:#1d3033;color:#d6eef0}.mandolin-fretboard-dock .guitar-string-labels{border-right-color:#a46f43;background:#342015}.ukulele-fretboard-dock .guitar-string-labels{border-right-color:#4f8878;background:#18382f;color:#d8f1e8}.bass-guitar-dock .guitar-scroll{scrollbar-color:#66878a #172729}.bass-guitar-dock .guitar-fretboard-grid{background:linear-gradient(90deg,rgb(255 255 255 / 3%),transparent 14%),linear-gradient(#45696d,#345256)}.mandolin-fretboard-dock .guitar-fretboard-grid{background:linear-gradient(90deg,rgb(255 255 255 / 3%),transparent 14%),linear-gradient(#8b5634,#694027)}.ukulele-fretboard-dock .guitar-fretboard-grid{background:linear-gradient(90deg,rgb(255 255 255 / 4%),transparent 14%),linear-gradient(#397866,#29594b)}.guitar-fret-number{display:grid;place-items:center;border-right:1px solid rgb(232 220 193 / 28%);background:#221811ad;color:#c9b494;font-size:.45rem}.guitar-fret-number:first-child{border-right:4px solid #eadfc8;background:#2b1f18;color:#e9d9bd;font-size:.4rem;font-weight:750;text-transform:uppercase}.bass-guitar-dock .guitar-fret-number:first-child{border-right-color:#d4e4df;background:#192a2c;color:#d6eef0}.guitar-fret-number.marked{color:#fff1cf;font-weight:850}.guitar-position-marker{position:absolute;z-index:1;top:.8rem;bottom:0;left:var(--fret-marker-left);width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;pointer-events:none}.guitar-position-marker.double{justify-content:space-evenly}.guitar-position-marker i{width:.46rem;height:.46rem;flex:0 0 .46rem;border:1px solid rgb(255 244 218 / 68%);border-radius:50%;background:#eddcb8b8;box-shadow:0 1px 2px #20140c99}.bass-guitar-dock .guitar-position-marker i{border-color:#dcf4f0ad;background:#bededab8;box-shadow:0 1px 2px #081a1c99}.guitar-fret{position:relative;z-index:2;min-width:0;min-height:0;display:grid;place-items:center;padding:0;border:0;border-right:2px solid rgb(225 216 197 / 48%);border-radius:0;background:linear-gradient(transparent calc(50% - 1px),#d9c7a7 calc(50% - 1px),#fff1d0 50%,#aa9675 calc(50% + 1px),transparent calc(50% + 1px));color:#fff}.guitar-fret[data-fret="0"]{border-right:4px solid #eadfc8;background:linear-gradient(transparent calc(50% - 1px),#d9c7a7 calc(50% - 1px),#fff1d0 50%,#aa9675 calc(50% + 1px),transparent calc(50% + 1px)),#2b1f18}.bass-guitar-dock .guitar-fret[data-fret="0"]{border-right-color:#d4e4df;background:linear-gradient(transparent calc(50% - 1px),#c6d8d4 calc(50% - 1px),#e8f3f0 50%,#9bb4b0 calc(50% + 1px),transparent calc(50% + 1px)),#192a2c}.guitar-fret:after{position:absolute;width:.46rem;height:.46rem;border-radius:50%;background:transparent;content:""}.guitar-fret:hover:after{background:#ffe8bbad}.guitar-fret.active:after{width:.8rem;height:.8rem;border:1px solid #d7e7ff;background:#3d7bdf;box-shadow:0 0 .45rem #3d7bdfb3}.guitar-fret.playing:after{width:.88rem;height:.88rem;border:1px solid #fff3c9;background:var(--color-saffron);box-shadow:0 0 .55rem color-mix(in srgb,var(--color-saffron) 82%,transparent)}.guitar-fret span{position:relative;z-index:1;font-size:.43rem;font-weight:850;line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / 72%);pointer-events:none}.guitar-range{position:absolute;right:.55rem;bottom:.08rem;left:9.1rem;z-index:4;display:flex;justify-content:space-between;color:#eddabbb8;font-size:.46rem;pointer-events:none}.tab-dock{position:relative;min-height:7.1rem;display:grid;grid-template-columns:4.1rem 2.75rem minmax(0,1fr);grid-template-rows:1.55rem minmax(0,1fr) .72rem;overflow:hidden;border-top:1px solid #b9ad96;background:#f8f4e9;color:#342f29}.tab-nav{grid-column:1;grid-row:1 / 4;background:#253044}.tab-toolbar{grid-column:2 / 4;grid-row:1;z-index:4;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.18rem .55rem;border-bottom:1px solid #d3c8b4;background:#eee7d8}.tab-toolbar>span{min-width:0;display:flex;align-items:baseline;gap:.45rem}.tab-toolbar strong{flex:0 0 auto;font-family:Georgia,Times New Roman,serif;font-size:.76rem;letter-spacing:.04em}.tab-toolbar small{overflow:hidden;color:#746b5e;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.tab-toolbar>div{flex:0 0 auto;display:flex;gap:.15rem}.tab-toolbar button{min-height:1.05rem;padding:.08rem .42rem;border-color:#b7aa91;border-radius:4px;background:#faf7ef;color:#595043;font-size:.52rem}.tab-toolbar button.active{border-color:#4f72a4;background:#4f72a4;color:#fff}.tab-string-labels{grid-column:2;grid-row:2;z-index:4;min-height:0;display:flex;flex-direction:column;border-right:2px solid #5c554a;background:#f1ebde;color:#514a40;text-align:center}.tab-string-labels span{height:18%;flex:0 0 18%;display:grid;place-items:center;color:#7b7162;font-family:Georgia,Times New Roman,serif;font-size:.5rem;font-weight:800;letter-spacing:.06em}.tab-string-labels strong{min-height:0;flex:1 1 0;display:grid;place-items:center;font-size:.45rem}.tab-scroll{grid-column:3;grid-row:2;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a59a87 #e8e0d2;background:#fffdf8}.tab-canvas{position:relative;min-width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 63px,rgb(81 73 62 / 4%) 64px)}.tab-string-line{position:absolute;top:var(--tab-string-top);right:0;left:0;height:1px;background:#5a544c;pointer-events:none}.tab-measure{position:absolute;top:18%;bottom:0;z-index:1;border-left:1px solid rgb(68 62 54 / 54%);pointer-events:none}.tab-measure small{position:absolute;top:-.68rem;left:.18rem;color:#887e70;font-size:.42rem}.tab-note{position:absolute;z-index:3;min-width:1.05rem;width:auto;min-height:.92rem;height:.92rem;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0 .16rem;border:1px solid transparent;border-radius:3px;background:#fffdf8;color:#201d19;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;font-weight:800;line-height:1}.tab-note:hover,.tab-note:focus-visible,.tab-note.selected{border-color:#6d8fbe;background:#e8f0fb;color:#244e83}.tab-note.playing{border-color:#c67d0e;background:var(--color-saffron);color:#22190b;box-shadow:0 0 .45rem #cf8b1c8a}.tab-playhead{position:absolute;top:0;bottom:0;z-index:2;width:2px;background:#2f6cbcad;pointer-events:none}.tab-range{grid-column:2 / 4;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .55rem;border-top:1px solid #d8cfbf;background:#eee7d8;color:#746b5e;font-size:.46rem}.bass-tab-dock .tab-toolbar,.bass-tab-dock .tab-range{background:#e4eeee;border-color:#bfd0d1}.bass-tab-dock .tab-string-labels{border-color:#557477;background:#eaf2f1}.bass-tab-dock .tab-scroll,.bass-tab-dock .tab-note{background-color:#fbfefd}.professional-score-editor{--score-blue: var(--color-teal);--score-blue-soft: color-mix(in srgb, var(--color-teal) 11%, var(--color-panel));--score-purple: var(--color-saffron);--score-navy: var(--color-ink);--score-border: var(--color-line);border-color:var(--color-line-strong);background:var(--color-panel);box-shadow:0 18px 55px #46371f29;color:var(--color-ink);font-family:inherit}.representation-band>.professional-score-editor{width:100%;margin:0;border:0;border-top:1px solid var(--color-line-strong);border-radius:0;background:var(--color-panel);box-shadow:none}.representation-band>.professional-score-editor.score-mode-write{width:calc(100% + 1.5rem);margin:-.75rem;border-radius:8px}.professional-score-editor button,.professional-score-editor input,.professional-score-editor select{border-radius:8px}.professional-score-editor input,.professional-score-editor select{font-family:inherit}.professional-score-editor .score-editor-tabs,.professional-score-editor .score-input-toolbar,.professional-score-editor .notation-selection-tools{border-color:var(--color-line);background:var(--color-panel)}.professional-score-editor .score-tablist button,.professional-score-editor .score-tab-actions button,.professional-score-editor .score-edit-actions button,.professional-score-editor .notation-tool,.professional-score-editor .inspector-heading strong,.professional-score-editor .score-instrument-list strong{color:var(--color-ink)}.professional-score-editor .score-tablist button,.professional-score-editor .zoom-readout,.professional-score-editor .list-view-heading span,.professional-score-editor .notation-list-view button small,.professional-score-editor .inspector-heading small,.professional-score-editor .score-instrument-list small,.professional-score-editor .mode-grid label,.professional-score-editor .pro-select-row label,.professional-score-editor .precise-entry label,.professional-score-editor .layout-editor-pane label{color:var(--color-muted)}.professional-score-editor .score-tablist button.active,.professional-score-editor .inspector-heading svg{color:var(--color-teal)}.professional-score-editor .score-tablist button.active:after{background:var(--color-teal)}.professional-score-editor .score-tab-actions button:hover,.professional-score-editor .score-edit-actions button:hover:not(:disabled),.professional-score-editor .notation-tool:hover:not(:disabled),.professional-score-editor .score-tab-actions button.active,.professional-score-editor .score-edit-actions button.active,.professional-score-editor .notation-tool.active,.professional-score-editor .representation-tools button:hover,.professional-score-editor .octave-tools button:hover,.professional-score-editor .articulation-grid button:hover,.professional-score-editor .compact-symbol-row button:hover,.professional-score-editor .representation-tools button.active,.professional-score-editor .articulation-grid button.active,.professional-score-editor .compact-symbol-row button.active,.professional-score-editor .notation-list-view button.active,.professional-score-editor .score-instrument-list>button.active{border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:var(--score-blue-soft);color:var(--color-teal)}.professional-score-editor .toolbar-divider{background:var(--color-line)}.professional-score-editor .score-editor-body,.professional-score-editor .score-reader-body,.professional-score-editor .score-workspace,.professional-score-editor .score-page-scroll{background:var(--color-paper)}.professional-score-editor .score-page-scroll{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--color-panel-raised) 82%,transparent),transparent 46%),var(--color-paper)}.professional-score-editor .score-inspector,.professional-score-editor .score-entry-options-panel,.professional-score-editor .score-accordion-toggle,.professional-score-editor .score-accordion-content,.professional-score-editor .notation-list-view button,.professional-score-editor .score-instrument-list>button{border-color:var(--color-line);background:var(--color-panel-raised);color:var(--color-ink)}.professional-score-editor .score-accordion,.professional-score-editor .inspector-heading{border-color:var(--color-line)}.professional-score-editor .score-accordion-toggle:hover{background:var(--color-panel)}.professional-score-editor .score-accordion-toggle svg,.professional-score-editor .inline-setting span{color:var(--color-muted)}.professional-score-editor .score-inspector select,.professional-score-editor .score-inspector input,.professional-score-editor .score-entry-options-panel select,.professional-score-editor .score-entry-options-panel input,.professional-score-editor .notation-selection-tools select,.professional-score-editor .notation-selection-tools button,.professional-score-editor .representation-tools button,.professional-score-editor .octave-tools button,.professional-score-editor .articulation-grid button,.professional-score-editor .compact-symbol-row button,.professional-score-editor .inline-setting button{border-color:var(--color-line);background:var(--color-panel);color:var(--color-ink)}.professional-score-editor .precise-entry{border-color:var(--color-line)}.professional-score-editor .precise-entry button,.professional-score-editor .representation-tools button.muted{border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.professional-score-editor .pro-badge{background:color-mix(in srgb,var(--color-saffron) 14%,var(--color-panel));color:var(--color-saffron)}.professional-score-editor .notation-tooltip{background:var(--color-ink);color:var(--color-panel);box-shadow:0 5px 14px #46371f38}.professional-score-editor .notation-tooltip:before{border-bottom-color:var(--color-ink)}.professional-score-editor .score-page{border-color:var(--color-line-strong);background:var(--color-panel-raised);box-shadow:0 7px 24px #46371f21}.professional-score-editor .notation-canvas svg[data-testid=notation-svg]{background:var(--color-panel-raised)}.score-mode-write .score-page{min-height:0;padding-block:1rem;border:0;aspect-ratio:auto;background:transparent;box-shadow:none}.score-mode-write .score-editor-body{height:clamp(30rem,calc(100dvh - 22.75rem),64rem);min-height:30rem}.score-mode-write .score-inspector{min-height:0;max-height:none}.score-mode-write .score-entry-options-panel{min-height:0}.score-mode-write .score-workspace{min-height:0;overflow:hidden}.score-mode-write .notation-editor>.score-instrument-selector{position:fixed;z-index:50;top:var(--score-instrument-top);right:var(--score-instrument-right);width:min(20rem,var(--score-instrument-width));max-height:var(--score-instrument-max-height)}.score-mode-write .score-setup-panel{position:relative;z-index:51;display:flex;flex-direction:column;align-items:stretch;max-height:min(18rem,40dvh);overflow:hidden}.score-setup-heading{min-height:2.25rem;flex:0 0 auto;padding:.25rem .65rem}.score-setup-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .6rem}.score-setup-fields{min-height:0;display:flex;flex-wrap:wrap;align-items:end;gap:.6rem .9rem;padding:.5rem .65rem .65rem;overflow-y:auto;scrollbar-width:thin}.score-setup-field{min-width:0;display:grid;gap:.2rem;color:var(--color-muted);font-size:.65rem;font-weight:670}.score-setup-inputs{min-width:0;display:flex;align-items:end;gap:.35rem}.score-setup-inputs>.score-setup-field{flex:1 1 auto}.score-setup-panel .score-setup-field select{width:auto}.score-setup-panel .score-setup-meter select{width:3.5rem}.score-setup-meter>span{align-self:center}.score-setup-panel .score-setup-tempo input{width:4.5rem}.score-setup-fields button{min-height:1.95rem;flex:0 0 auto;padding:0 .55rem;border-color:var(--color-line);background:var(--color-panel);color:var(--color-ink);font-size:.68rem}@media print{.score-instrument-selector{display:none}}.score-mode-write .score-page-scroll{min-height:0}.score-mode-write .score-page-meta{margin-inline:0}.score-mode-write .notation-canvas{overflow:visible;background:transparent}.score-mode-write .notation-canvas svg[data-testid=notation-svg]{display:block;width:100%!important;max-width:100%;height:auto!important;margin:0 auto 1.5rem;border:1px solid var(--color-line-strong);box-shadow:0 7px 24px #46371f21}.score-write-view-continuous .score-page-scroll{overflow:auto;padding:.9rem;overscroll-behavior-inline:contain}.score-write-view-continuous .score-page{width:max-content;max-width:none;min-width:100%;margin:0}.score-write-view-continuous .score-render-surface,.score-write-view-continuous .notation-canvas{width:max-content;min-width:100%}.score-write-view-continuous .score-render-surface{display:flex;align-items:center;gap:.8rem}.score-write-view-continuous .notation-canvas{flex:0 0 auto}.score-mode-write .score-reader-page-view .score-page{width:100%;min-width:0;min-height:0;overflow:hidden;padding:0;zoom:var(--score-zoom);aspect-ratio:auto;border:1px solid var(--color-line-strong);background:var(--color-panel-raised);box-shadow:0 7px 24px #46371f21}.score-mode-write .score-reader-page-view .score-page.format-a4-landscape{width:100%}.score-mode-write .score-reader-page-view .score-page-meta{display:none}.score-mode-write .score-reader-page-view .score-render-surface,.score-mode-write .score-reader-page-view .notation-canvas{width:100%;height:100%;min-height:0}.score-mode-write .score-reader-page-view .notation-canvas{overflow:hidden;display:grid;place-items:center}.score-mode-write .score-reader-page-view .notation-canvas svg[data-testid=notation-svg]{width:100%!important;max-width:100%;height:100%!important;max-height:100%;margin:0}.score-append-measure{display:grid;flex:0 0 3.25rem;place-items:center;width:3.25rem;min-width:3.25rem;height:3.25rem;min-height:3.25rem;padding:0;border:2px solid color-mix(in srgb,var(--color-teal) 68%,white);border-radius:999px;background:color-mix(in srgb,var(--color-teal) 8%,white);color:var(--color-teal);box-shadow:0 5px 16px #235b5e29;font-size:2rem;font-weight:500;line-height:1}.score-append-measure:hover:not(:disabled),.score-append-measure:focus-visible{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 16%,white);transform:translateY(-1px)}.score-write-view-continuous .notation-canvas{overflow:visible}.score-write-view-continuous .notation-canvas svg[data-testid=notation-svg]{width:auto!important;max-width:none!important;height:auto!important;margin:0!important}.score-write-view-continuous [data-testid=score-measure-number] text{fill:var(--color-teal)!important;font-weight:800!important;letter-spacing:.02em}.score-mode-write .notation-canvas [data-event-ids]:not([data-event-ids=""]){cursor:pointer}.professional-score-editor .notation-canvas [data-event-ids][data-selected],.professional-score-editor .notation-canvas [data-event-ids][data-selected] *{fill:var(--color-teal)!important;stroke:var(--color-teal)!important}.professional-score-editor .notation-canvas [data-event-ids][data-playing]{filter:drop-shadow(0 0 1px var(--score-playback-purple)) drop-shadow(0 0 4px color-mix(in srgb,var(--score-playback-purple) 62%,transparent))}.professional-score-editor .notation-canvas [data-event-ids][data-playing]>path,.professional-score-editor .notation-canvas [data-event-ids][data-playing]>.vf-stem *,.professional-score-editor .notation-canvas [data-event-ids][data-playing]>.vf-notehead>text:first-child,.professional-score-editor .notation-canvas [data-event-ids][data-playing]>.vf-flag *,.professional-score-editor .notation-canvas [data-event-ids][data-playing] .vf-accidental *,.professional-score-editor .notation-canvas [data-event-ids][data-playing] .vf-dot *{fill:var(--score-playback-purple)!important;stroke:var(--score-playback-purple)!important;stroke-width:1.15px!important;paint-order:stroke fill;vector-effect:non-scaling-stroke}.professional-score-editor .notation-canvas [data-event-ids][data-playing]>path,.professional-score-editor .notation-canvas [data-event-ids][data-playing]>.vf-stem *,.professional-score-editor .notation-canvas [data-event-ids][data-playing]>.vf-flag *{stroke-width:2px!important}@media screen{.score-mode-write .score-active-track-band{fill:color-mix(in srgb,var(--color-teal) 9%,transparent);stroke:color-mix(in srgb,var(--color-teal) 48%,transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.score-mode-write [data-testid=score-instrument-label]{cursor:pointer}.score-mode-write [data-testid=score-instrument-label][data-active-score-track] text{fill:var(--color-teal)!important;font-weight:800!important}}.professional-score-editor .score-playhead{pointer-events:none}.professional-score-editor .score-playhead-line{stroke:#d3212c;stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px color-mix(in srgb,#d3212c 48%,transparent))}.professional-score-editor .score-playhead-bar{fill:#d3212c;filter:drop-shadow(0 0 2px color-mix(in srgb,#d3212c 48%,transparent))}.professional-score-editor .score-write-start-cursor{pointer-events:none}.professional-score-editor .score-write-start-cursor-bar{fill:#d3212c;filter:drop-shadow(0 0 2px color-mix(in srgb,#d3212c 42%,transparent))}.score-mode-write [data-score-playback-ruler]{cursor:crosshair}.score-mode-write .score-playback-ruler-hit-area{fill:transparent;transition:fill .12s ease}.score-mode-write [data-score-playback-ruler]:hover .score-playback-ruler-hit-area,.score-mode-write .score-playback-ruler-hit-area:hover{fill:color-mix(in srgb,#d3212c 9%,transparent)}.score-mode-read .notation-canvas{cursor:crosshair}.professional-score-editor .score-reader-start-cursor{pointer-events:none}.professional-score-editor .score-reader-start-cursor-line{stroke:#d3212c;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px color-mix(in srgb,#d3212c 42%,transparent))}.professional-score-editor .score-reader-start-cursor-cap{fill:#d3212c;stroke:var(--color-paper);stroke-width:1.25px;vector-effect:non-scaling-stroke}body.score-reader-fullscreen-open{overflow:hidden}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]{position:fixed!important;z-index:1200;inset:0;width:100vw!important;height:100dvh!important;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);margin:0!important;overflow:hidden;padding:0;border:0;border-radius:0;background:#e8edf3;box-shadow:none;isolation:isolate}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]:fullscreen{width:100%!important;height:100%!important}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]>.score-editor-tabs{position:absolute;z-index:50;inset:0 0 auto;width:100%;height:0;min-height:0;overflow:visible;border:0;background:transparent;pointer-events:none}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-mode-actions{position:static;width:0;height:0;padding:0}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-performance-controls,.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-floating-playback{position:fixed;top:max(.45rem,env(safe-area-inset-top));transform:none;pointer-events:auto}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-performance-controls{right:max(.45rem,env(safe-area-inset-right));left:auto}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-floating-playback{left:max(.45rem,env(safe-area-inset-left));right:auto}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]>#score-mode-panel,.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-body,.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-workspace-reader{width:100%;height:100%;min-height:0}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]>#score-mode-panel,.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-body{display:flex;flex:1 1 auto;flex-direction:column}.professional-score-editor.score-mode-read[data-reader-fullscreen=true]>#score-mode-panel{position:absolute;inset:0;overflow:hidden}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-workspace-reader{grid-template-rows:minmax(0,1fr)}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-part-navigator{display:none}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-page-view{grid-row:1;padding:.25rem}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-pagination{position:fixed;z-index:45;right:auto;bottom:max(.4rem,env(safe-area-inset-bottom));left:50%;width:fit-content;height:2.15rem;min-height:2.15rem;padding:.12rem .32rem;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--color-panel) 90%,transparent);box-shadow:0 .35rem 1.1rem color-mix(in srgb,var(--color-ink) 18%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%)}@media(max-width:560px){.score-mode-read .score-reader-pagination{gap:.18rem}.professional-score-editor.score-mode-read[data-reader-fullscreen=true] .score-reader-pagination{max-width:calc(100vw - .5rem);gap:.18rem;padding-inline:.22rem}.score-mode-read .score-reader-pagination>button,.score-reader-pagination-playback button{width:1.75rem;min-width:1.75rem;padding:0}.score-reader-pagination-playback button span:not(.sr-only){display:none}.score-reader-pagination-playback .score-reader-mute-all{min-width:1.75rem}.score-mode-read .score-reader-pagination>span{min-width:4.4rem}}.professional-score-editor .layout-editor-pane>button{border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:var(--score-blue-soft);color:var(--color-teal)}.professional-score-editor .piano-dock{border-color:var(--color-line-strong);background:var(--color-ink)}.professional-score-editor .piano-key.white-key.active,.professional-score-editor .piano-key.black-key.active{border-color:var(--piano-key-accent, var(--color-teal));background:var(--piano-key-fill, var(--color-teal));color:var(--color-white)}.professional-score-editor.is-collapsed .score-editor-tabs{border-bottom:1px solid var(--score-border)}.professional-score-editor.is-collapsed .score-input-toolbar,.professional-score-editor.is-collapsed .score-inspector,.professional-score-editor.is-collapsed .score-entry-options-panel,.professional-score-editor.is-collapsed .notation-selection-tools,.professional-score-editor.is-collapsed .staff-end-actions,.professional-score-editor.is-collapsed .notation-edit-message{display:none}.professional-score-editor.is-collapsed .score-editor-body{min-height:34rem;grid-template-columns:minmax(0,1fr)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view-panel{min-height:2.15rem;display:grid;align-items:stretch;gap:.75rem;min-width:0}.empty-mini{min-height:2.5rem;display:grid;place-items:center;color:var(--color-quiet)}.analysis-load-error{width:100%;min-height:8rem;display:grid;place-content:center;justify-items:center;gap:.55rem;padding:1rem;color:var(--color-quiet);text-align:center}.analysis-load-error strong{color:var(--color-ink)}.analysis-load-error button{display:inline-flex;align-items:center;gap:.4rem}.transport-dock{position:fixed;bottom:max(.65rem,env(safe-area-inset-bottom));left:50%;z-index:60;width:min(120rem,calc(100vw - 1rem));min-height:4.35rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.45rem;padding:.45rem;border:1px solid var(--color-line-strong);border-radius:14px;background:color-mix(in srgb,var(--color-panel) 96%,transparent);box-shadow:0 16px 42px #46371f3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;transform:translate(-50%)}.transport-dock.transport-context-overview{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.transport-dock.transport-context-read{grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr)}.app-shell .transport-dock.transport-context-write{width:fit-content;max-width:100%;margin-inline:auto;grid-template-columns:minmax(0,max-content) auto max-content;align-items:center;gap:.65rem}.transport-option-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.transport-dock button,.transport-wing,.transport-dock input{pointer-events:auto}.transport-core{grid-column:2;grid-row:1;min-width:max-content;justify-content:center;gap:.55rem;padding:0 .35rem}.transport-hear-library{position:relative;flex:0 0 auto;align-self:stretch;pointer-events:auto}.transport-hear-library summary{min-width:2.6rem;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1rem;padding:.18rem .45rem;border:1px solid transparent;border-radius:8px;color:var(--color-teal-strong);cursor:pointer;list-style:none}.transport-hear-library summary::-webkit-details-marker{display:none}.transport-hear-library summary .loop-label{font-size:.52rem;line-height:1}.transport-hear-library summary:hover,.transport-hear-library summary:focus-visible,.transport-hear-library[open] summary{border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 8%,var(--color-panel))}.transport-hear-library summary:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.transport-hear-library-select{position:absolute;left:50%;bottom:calc(100% + .7rem);z-index:5;width:12rem;min-height:2.85rem;padding:.35rem 2.65rem .35rem .85rem;appearance:none;border:1px solid color-mix(in srgb,var(--color-teal) 58%,var(--color-line-strong));border-radius:12px;background-color:color-mix(in srgb,var(--color-teal) 4%,var(--color-panel-raised));background-image:linear-gradient(45deg,transparent 50%,var(--color-teal) 50%),linear-gradient(135deg,var(--color-teal) 50%,transparent 50%),linear-gradient(to right,transparent,color-mix(in srgb,var(--color-teal) 16%,transparent));background-repeat:no-repeat;background-position:calc(100% - 1.2rem) calc(50% - 2px),calc(100% - .92rem) calc(50% - 2px),calc(100% - 2.25rem) 50%;background-size:.3rem .3rem,.3rem .3rem,1px 1.7rem;color:var(--color-ink);font-size:.74rem;font-weight:780;line-height:1.2;text-overflow:ellipsis;box-shadow:0 16px 38px #46371f38,0 3px 8px #0f766e1a;transform:translate(-50%);cursor:pointer}.transport-hear-library-select:hover{border-color:var(--color-teal);background-color:color-mix(in srgb,var(--color-teal) 7%,var(--color-panel-raised))}.transport-hear-library-select:focus-visible{border-color:var(--color-teal);outline:3px solid color-mix(in srgb,var(--color-blue) 76%,transparent);outline-offset:3px}@media(max-width:680px){.transport-hear-library-select{left:0;width:min(12rem,calc(100vw - 2rem));transform:none}}.transport-position-display{min-height:2.75rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:start;gap:.2rem;padding:.2rem .15rem;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-ink);text-align:left;pointer-events:auto}.transport-position-display>span{min-width:0;display:grid;justify-content:start;justify-items:start;gap:.08rem}.transport-position-display small{color:var(--color-ink);font-size:.42rem;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.transport-position-display output{color:var(--color-ink);font-family:inherit;font-size:.6rem;font-variant-numeric:tabular-nums;font-weight:780;letter-spacing:.025em;line-height:1.1;white-space:nowrap}.master-volume-control{display:grid;justify-items:center;gap:.25rem;min-width:0;color:var(--color-ink);font-size:.68rem;font-weight:800}.master-volume-label{line-height:1}.master-volume-mix-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:2.6rem;min-height:0;padding:.18rem .45rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-teal-strong);font:inherit;text-align:center}.master-volume-mix-toggle .loop-label{font-size:.52rem;line-height:1}.master-volume-mix-toggle:hover,.master-volume-mix-toggle:focus-visible,.master-volume-mix-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-teal) 42%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 8%,var(--color-panel))}.master-volume-mix-toggle:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.master-volume-knob{position:relative;display:grid;width:3.4rem;height:3.4rem;place-items:center;border-radius:50%}.master-volume-knob input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;cursor:grab;opacity:0}.master-volume-knob input:active{cursor:grabbing}.master-volume-knob-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid var(--color-line-strong);border-radius:50%;background:conic-gradient(from 225deg,var(--color-teal) 0 var(--master-volume-fill),color-mix(in srgb,var(--color-line) 72%,var(--color-panel)) var(--master-volume-fill) 75%,transparent 75% 100%);box-shadow:inset 0 0 0 .28rem var(--color-panel),0 2px 6px #1e272429}.master-volume-knob-face:after{content:"";width:62%;height:62%;border-radius:50%;background:linear-gradient(145deg,var(--color-white),var(--color-panel-raised));box-shadow:0 1px 4px #1e27243d}.master-volume-knob-face i{position:absolute;z-index:1;top:17%;left:calc(50% - 1px);width:2px;height:25%;border-radius:999px;background:var(--color-ink);transform:rotate(var(--master-volume-angle));transform-origin:50% 132%}.master-volume-knob input:focus-visible+.master-volume-knob-face{outline:3px solid var(--color-blue);outline-offset:2px}.master-volume-control output{color:var(--color-muted);font-size:.64rem;font-variant-numeric:tabular-nums;white-space:nowrap}.master-volume-control.compact{grid-template-columns:auto 2.2rem;grid-template-rows:1fr 1fr;gap:0 .3rem;min-width:5.25rem}.master-volume-control.compact .master-volume-label{align-self:end;justify-self:start;font-size:.48rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.master-volume-control.compact .master-volume-knob{grid-column:2;grid-row:1 / span 2;width:2.2rem;height:2.2rem}.master-volume-control.compact output{align-self:start;justify-self:start;color:var(--color-ink);font-size:.76rem;font-weight:800;letter-spacing:.025em;line-height:1.1}.transport-wing{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:.2rem;overflow-x:auto;padding:.18rem;border:1px solid color-mix(in srgb,var(--color-line) 78%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-panel-raised) 86%,transparent);scrollbar-width:none;overscroll-behavior-inline:contain}.transport-wing::-webkit-scrollbar{display:none}.transport-wing:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.transport-view-wing{grid-column:3;grid-row:1;justify-content:flex-start}.transport-edit-wing{grid-column:1;grid-row:1;justify-content:flex-start;align-content:center;flex-wrap:wrap;gap:.12rem;overflow:visible}.transport-context-right-wing{justify-content:flex-end;overflow:visible}.transport-context-overview .transport-context-right-wing{width:min(21rem,100%);max-width:100%;align-self:center;justify-self:end;padding:.15rem;border-radius:8px}.transport-context-left-wing{justify-content:flex-start}.transport-context-write .transport-wing{width:fit-content;max-width:100%;align-self:center;padding:.2rem .3rem;border-color:transparent;background:transparent}.transport-notation-compose-wing>.transport-context-slot{display:contents}.transport-notation-compose-wing .notation-selection-tools-docked,.transport-notation-compose-wing .notation-toolbar-row{display:contents}.transport-toolbar-select{position:relative;flex:0 0 auto;pointer-events:auto}.transport-toolbar-select summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}.transport-toolbar-select summary::-webkit-details-marker{display:none}.transport-toolbar-select>.transport-hear-library-select{left:0;width:min(16rem,calc(100vw - 1.5rem));transform:translate(var(--toolbar-select-offset, 0px))}.transport-overview-song-info{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem;overflow:hidden;padding:.28rem .35rem .28rem .65rem}.transport-learn-toggle{min-width:3.9rem;min-height:1.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .55rem;border:1px solid color-mix(in srgb,var(--color-teal) 58%,var(--color-line-strong));border-radius:8px;background:color-mix(in srgb,var(--color-teal) 7%,var(--color-panel));color:var(--color-teal-strong);font-size:.67rem;font-weight:850;white-space:nowrap}.transport-learn-toggle:hover,.transport-learn-toggle:focus-visible,.transport-learn-toggle.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 15%,var(--color-panel));color:var(--color-teal-strong)}.transport-context-write .transport-learn-toggle{min-width:1.75rem;width:1.75rem;padding:0}.transport-context-write .transport-learn-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.transport-song-copy{min-width:0;flex:1 1 auto;display:grid;align-content:center;gap:.12rem}.transport-song-primary{min-width:0;display:flex;align-items:center;gap:.45rem;overflow:hidden}.transport-overview-song-info .piece-song-facts{min-width:0;flex:0 1 auto;overflow:hidden;color:var(--color-ink);font-size:.68rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.transport-overview-song-info .piece-song-context{min-width:0;display:block;overflow:hidden;justify-content:flex-start;gap:0;color:var(--color-muted);font-size:.58rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.piece-song-context>span,.piece-song-context>strong{margin-right:.3rem}.piece-song-context>strong{color:var(--color-ink-soft);font-weight:780}body.song-info-reader-open{overflow:hidden}.song-info-reader{position:fixed;z-index:1800;inset:0;width:100vw;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--color-ink);background:linear-gradient(90deg,rgba(21,94,99,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(24,34,31,.035) 1px,transparent 1px),var(--color-paper);background-size:32px 32px;isolation:isolate}.song-info-reader-header{position:relative;z-index:2;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:max(.8rem,env(safe-area-inset-top)) clamp(1rem,3vw,2.5rem) .8rem;border-bottom:1px solid var(--color-line-strong);background:color-mix(in srgb,var(--color-paper) 92%,transparent);box-shadow:0 .35rem 1.4rem #46371f12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.song-info-reader-header>div{min-width:0}.song-info-reader-header span,.song-info-reader-content section>header>span{display:block;color:var(--color-teal-strong);font-size:.62rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.song-info-reader-header h2{overflow:hidden;margin:.12rem 0 0;font-size:clamp(1rem,2.2vw,1.55rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.song-info-reader-header button{min-height:2.35rem;display:inline-flex;align-items:center;gap:.4rem;padding-inline:.75rem;background:var(--color-panel);font-size:.76rem;font-weight:760}.song-info-reader-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(1rem,3vw,2.5rem)}.song-info-reader-content{width:min(76rem,100%);margin:0 auto;display:grid;gap:clamp(1rem,2vw,1.5rem)}.song-info-reader-overview,.song-info-reader-card{border:1px solid var(--color-line-strong);border-radius:14px;background:color-mix(in srgb,var(--color-panel) 95%,transparent);box-shadow:0 .75rem 2.4rem #46371f12}.song-info-reader-overview{padding:clamp(1rem,2.5vw,1.6rem);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-saffron) 13%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--color-teal) 8%,var(--color-panel)),var(--color-panel))}.song-info-reader-content h3{margin:.18rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.2}.song-info-fact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin:1rem 0 0}.song-info-fact-grid>div{min-width:0;padding:.72rem .8rem;border:1px solid color-mix(in srgb,var(--color-line) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-panel-raised) 82%,transparent)}.song-info-fact-grid dt,.song-info-detail-list dt{color:var(--color-muted);font-size:.6rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.song-info-fact-grid dd{overflow:hidden;margin:.18rem 0 0;font-size:.88rem;font-weight:790;text-overflow:ellipsis;white-space:nowrap}.song-info-reader-columns{min-width:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);align-items:start;gap:clamp(1rem,2vw,1.5rem)}.song-info-reader-side{min-width:0;display:grid;gap:1rem}.song-info-reader-card{min-width:0;overflow:hidden;padding:clamp(1rem,2vw,1.35rem)}.song-info-detail-list{display:grid;margin:1rem 0 0}.song-info-detail-list>div{min-width:0;display:grid;grid-template-columns:minmax(6.25rem,.28fr) minmax(0,1fr);gap:.8rem;padding:.68rem 0;border-top:1px solid var(--color-line)}.song-info-detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.78rem;font-weight:680;line-height:1.45}.song-info-detail-list a{color:var(--color-teal-strong);text-underline-offset:.16em}.song-info-notes{margin-top:.85rem;padding:.9rem 1rem;border-left:3px solid var(--color-saffron);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--color-saffron) 7%,var(--color-panel-raised))}.song-info-notes h4{margin:0;font-size:.72rem}.song-info-notes p,.song-info-empty-context{margin:.35rem 0 0;color:var(--color-muted);font-size:.76rem;line-height:1.55}.song-info-movement-list{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}.song-info-movement-list li{min-width:0;display:grid;grid-template-columns:1.8rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.62rem;border:1px solid var(--color-line);border-radius:9px;background:var(--color-panel-raised)}.song-info-movement-list li[data-current=true]{border-color:color-mix(in srgb,var(--color-teal) 55%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 8%,var(--color-panel-raised))}.song-info-movement-list li>span{color:var(--color-teal-strong);font-size:.64rem;font-weight:850;font-variant-numeric:tabular-nums}.song-info-movement-list li>div{min-width:0;display:grid;gap:.08rem}.song-info-movement-list strong,.song-info-movement-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info-movement-list strong{font-size:.74rem}.song-info-movement-list small{color:var(--color-muted);font-size:.62rem}.song-info-reader-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.song-info-reader-tags span{padding:.3rem .55rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-panel-raised);color:var(--color-muted);font-size:.68rem;font-weight:720}.transport-context-slot,.transport-context-tools{min-width:0;display:contents}.transport-compose-tools{display:flex;align-items:center;gap:.2rem}.compose-view-and-tools{min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:.25rem}.transport-context-write .transport-compose-tools{flex-shrink:0}.transport-context-write .transport-context-right-wing .transport-tool-group{flex:0 0 auto;width:auto;flex-wrap:nowrap;padding:.2rem .4rem;gap:.25rem}.transport-context-right-wing .transport-group-label{position:static;flex:0 0 auto;margin-right:.2rem}.transport-context-write .score-context-write-tools{justify-content:flex-end;border-left:0}.transport-context-write .score-context-write-tools .transport-group-label{margin-right:auto}.compose-view-and-tools>select{min-width:0;max-width:100%;min-height:1.8rem;padding:.15rem .35rem;font-size:.7rem}.score-context-dock-tools{min-width:0;display:flex;align-items:center;gap:.2rem}.score-context-write-tools{flex:1 1 auto;width:auto;overflow-x:auto;scrollbar-width:none}.score-context-write-tools::-webkit-scrollbar{display:none}.transport-context-write .score-context-write-tools .score-reader-page-setup{flex:0 0 auto}.transport-context-write .score-context-write-tools .score-reader-page-setup>summary{min-height:1.5rem;gap:.25rem;padding:.2rem .35rem;font-size:.65rem}.score-context-part-picker{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;color:var(--color-muted);font-size:.65rem;font-weight:800;white-space:nowrap}.score-context-part-picker select{width:clamp(8rem,12vw,12rem);min-width:0;min-height:2.65rem;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-panel);color:var(--color-ink);padding-inline:.55rem 1.6rem;font-family:inherit;font-size:.72rem;font-weight:720;line-height:1}.score-context-part-picker.compact select{width:clamp(7rem,7.5vw,8rem)}.score-context-write-tools .score-context-part-picker>span,.score-context-write-tools button>span,.score-context-write-tools button>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.score-context-part-status{flex:0 0 auto;color:var(--color-muted);font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:760;white-space:nowrap}.transport-context-divider{width:1px;height:1.8rem;flex:0 0 1px;margin-inline:.15rem;background:var(--color-line)}.score-context-dock-tools .zoom-readout{flex:0 0 auto}.sound-library-inline-select{min-width:0;height:2.45rem;display:grid;grid-template-columns:1.35rem minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:9px;background:var(--color-panel)}.sound-library-inline-select:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-teal) 18%,transparent)}.sound-library-inline-select>span{display:grid;place-items:center;background:color-mix(in srgb,var(--color-teal) 12%,var(--color-panel-raised));color:var(--color-teal);font-size:.65rem;font-weight:900}.sound-library-inline-select select{width:7.4rem;min-width:0;border:0;border-radius:0;background-color:transparent;color:var(--color-ink);padding:0 1.35rem 0 .42rem;font-family:inherit;font-size:.68rem;font-weight:760;outline:0;text-overflow:ellipsis}.sound-library-inline-select.secondary select{width:6rem}.sound-library-ab-switch{height:2.45rem;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,1.75rem);align-items:center;gap:.12rem;padding:.16rem;border:1px solid var(--color-line-strong);border-radius:10px;background:color-mix(in srgb,var(--color-line) 48%,var(--color-panel-raised))}.sound-library-ab-switch button{width:1.75rem;min-height:2rem;padding:0;border:0;border-radius:7px;color:var(--color-muted);font-size:.68rem;font-weight:900}.sound-library-ab-switch button.active,.sound-library-ab-switch button.active:hover:not(:disabled),.sound-library-ab-switch button.active:focus-visible{border:0;background:var(--color-teal);color:var(--color-white);box-shadow:0 2px 6px color-mix(in srgb,var(--color-teal) 30%,transparent)}.transport-wing button{min-height:2.75rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .58rem;border-color:transparent;background:transparent;white-space:nowrap;font-size:.78rem}.transport-wing button:hover:not(:disabled),.transport-wing button:focus-visible{border-color:var(--color-line);background:var(--color-panel)}.transport-view-wing button.active,.transport-view-wing button.active:hover:not(:disabled),.transport-view-wing button.active:focus-visible{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-panel)}.transport-overview-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.25rem}.transport-overview-tools button{min-width:0;min-height:2.75rem;gap:.35rem;padding:0 clamp(.4rem,1vw,.8rem);border-radius:7px;font-size:clamp(.78rem,1.1vw,.875rem);font-weight:650;line-height:1.2}.transport-overview-tools button>svg{width:18px;height:18px;flex-shrink:0}.transport-context-left-wing button,.transport-context-left-wing .transport-toolbar-select summary{width:1.75rem;min-width:1.75rem;height:1.9rem;min-height:1.9rem;flex:0 0 auto;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-ink)}.transport-context-left-wing button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.transport-context-read .score-context-part-tools .transport-toolbar-select{min-width:0;flex:0 1 auto}.transport-context-read .score-context-part-tools summary{width:auto;max-width:14rem;height:auto;gap:.35rem;padding:.3rem .45rem;font-size:.75rem;font-weight:650;line-height:1.2}.transport-context-read .score-context-part-tools summary>svg{flex-shrink:0}.transport-context-read .score-context-part-tools summary>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.transport-context-left-wing button>svg,.transport-context-left-wing .transport-option-toggle>svg{width:17px;height:17px;flex-shrink:0}.transport-context-write .transport-context-left-wing button,.transport-context-write .transport-context-left-wing .transport-toolbar-select summary,.transport-context-write .score-context-write-tools button,.transport-context-write .transport-option-toggle{width:1.5rem;min-width:1.5rem;height:1.5rem;min-height:1.5rem;flex:0 0 auto;padding:0;border-radius:6px;font-size:.65rem}.transport-context-write .transport-compose-tools button{min-height:1.75rem;gap:.25rem;padding:0 .4rem;font-size:.68rem}.transport-context-write .transport-wing button>svg,.transport-context-write .transport-toolbar-select summary>svg,.transport-context-write .transport-option-toggle>svg{width:14px;height:14px;flex-shrink:0}.transport-context-left-wing button:hover:not(:disabled),.transport-context-left-wing .transport-toolbar-select summary:hover,.transport-context-left-wing .transport-toolbar-select[open] summary{border-color:var(--color-line);background:var(--color-panel)}.transport-context-left-wing button:focus-visible,.transport-context-left-wing .transport-toolbar-select summary:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.transport-option-toggle{position:relative;width:1.75rem;min-height:1.9rem;flex:0 0 1.75rem;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:var(--color-ink);cursor:pointer}.transport-option-toggle:hover,.transport-option-toggle:focus-within{border-color:var(--color-line);background:var(--color-panel)}.transport-option-toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.transport-option-toggle:focus-within{outline:3px solid var(--color-blue);outline-offset:2px}.transport-option-toggle:has(input:checked){border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 9%,var(--color-panel));color:var(--color-teal-strong)}.note-resize-mode{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:.12rem}.transport-wing .transport-tool-group{position:relative;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.12rem;padding:.75rem .25rem .1rem;border-left:1px solid var(--color-line)}.transport-context-left-wing>.transport-tool-group:first-child{border-left:0}.transport-group-label{position:absolute;top:.1rem;left:.3rem;color:var(--color-muted);font-size:.56rem;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase;white-space:nowrap}.transport-context-write .transport-wing :is(button,summary).transport-labelled-action{width:auto;min-width:2.25rem;height:1.875rem;flex-direction:column;gap:.05rem;padding:.05rem .15rem;font-size:.65rem;line-height:1.1}.transport-context-write .transport-context-left-wing button,.transport-context-write .transport-context-left-wing .transport-toolbar-select summary{height:1.875rem}.transport-context-write .transport-wing .transport-labelled-action>span,.transport-context-write .transport-display-options .transport-option-toggle>span{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin:0;color:inherit;font-size:inherit}.transport-context-write .transport-display-options .transport-option-toggle{display:inline-flex;width:auto;gap:.25rem;padding-inline:.35rem}.transport-context-write .transport-context-right-wing .transport-display-options,.transport-context-write .transport-context-right-wing .score-context-write-tools{flex-wrap:wrap}.transport-compose-tool-group .transport-labelled-action{font-weight:650}.transport-context-left-wing button.active,.transport-context-left-wing button.active:hover:not(:disabled),.transport-context-left-wing button.active:focus-visible{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 9%,var(--color-panel));color:var(--color-teal-strong)}.transport-playback,.transport-history{gap:.35rem}.transport-playback button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:2rem;padding:0 .5rem;font-size:.75rem}.transport-playback button>svg{width:14px;height:14px;flex-shrink:0}.transport-playback .transport-play:not(:disabled){border-color:var(--color-teal);background:var(--color-teal);color:var(--color-white)}.transport-divider{width:1px;height:2.1rem;background:var(--color-line)}@media(min-width:861px)and (max-width:1200px){.app-shell .transport-dock.transport-context-write{grid-template-columns:minmax(0,max-content) max-content;gap:.3rem .65rem}.transport-context-write .transport-core{grid-column:1 / -1;grid-row:1;justify-self:center}.transport-context-write .transport-context-left-wing{grid-column:1;grid-row:2}.transport-context-write .transport-context-right-wing{grid-column:2;grid-row:2}}@media(max-width:1050px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto auto auto;min-height:7.6rem}.brand-home-link{grid-column:1;grid-row:1 / 3}.topbar-title-field{grid-column:2;grid-row:1}.piece-context-row{grid-column:2;grid-row:2}.topbar-mode-switch{grid-column:1 / -1;grid-row:3;width:min(100%,18rem)}.topbar-tools{grid-column:3;grid-row:1 / 3}.piece-file-control{grid-column:4;grid-row:1 / 3}.mp3-preparation-card{top:8.35rem}}@media(max-width:860px){.app-shell{padding-bottom:11.5rem}.create-input-choice{display:grid;grid-template-columns:auto minmax(0,1fr)}.create-input-choice>small{grid-column:1 / -1}.create-input-switch{min-width:0;overflow-x:auto;scrollbar-width:thin}.create-input-switch button{flex:0 0 auto}.topbar,.workspace,.representation-band{width:100%}.topbar{width:calc(100% + var(--app-shell-gutter) + var(--app-shell-gutter))}.workspace{grid-template-columns:1fr}.playground-panel{grid-row:2}.title-field,.title-field input{width:100%}.piece-title-block{min-width:0}.topbar-tools{width:auto;align-items:flex-start}.topbar-playback{flex:1 1 100%;width:100%}.topbar-playback button{flex:1 1 0}.topbar-history{margin-left:auto}.piece-file-control{position:static}.file-panel{top:calc(100% + .5rem);right:.75rem;left:.75rem;width:auto;max-height:calc(100dvh - 100% - 14rem)}.arpeggiator-decision-grid,.arpeggiator-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.arpeggiator-heading{grid-template-columns:minmax(0,1fr)}.arpeggiator-current{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 0}.arpeggiator-current>div:nth-child(3){padding-left:0;border-left:0}.arpeggiator-browser{grid-template-columns:minmax(10.5rem,.3fr) minmax(0,1fr)}.arpeggiator-dock{grid-template-columns:minmax(0,1fr)}.arpeggiator-actions{justify-content:stretch}.arpeggiator-actions button{flex:1 1 0}.imagine-footer-actions{grid-template-columns:minmax(0,1fr)}.composer-opening-toolbar{align-items:stretch;flex-wrap:wrap}.composer-opening-toolbar>div{width:100%}.composer-opening-toolbar .visualization-mode-picker{flex:1 1 11rem}.composer-opening-toolbar button{flex:1 1 7rem}.composer-opening-stage{min-height:17rem}.sound-pads{grid-template-columns:repeat(4,minmax(3.2rem,1fr))}.create-input-choice{flex-wrap:wrap}.representation-band{align-items:stretch;flex-direction:column}.representation-band{grid-template-columns:1fr}.notation-heading{align-items:stretch;flex-direction:column}.notation-entry-form,.notation-selection-tools,.notation-settings-grid{align-items:stretch}.notation-entry-form label,.notation-settings-grid label{flex:1 1 7rem}.notation-entry-form button,.notation-settings-grid button{flex:1 1 8rem}.transport-dock{min-height:0;grid-template-columns:minmax(0,1fr);gap:.3rem}.transport-dock.transport-context-overview,.transport-dock.transport-context-read,.app-shell .transport-dock.transport-context-write{grid-template-columns:minmax(0,1fr)}.app-shell .transport-dock.transport-context-write{justify-items:center;gap:.3rem}.transport-context-write .compose-view-and-tools{justify-content:center}.transport-context-write .transport-context-left-wing .transport-tool-group:not(.note-resize-mode){padding-top:.15rem}.transport-context-write .transport-context-left-wing .transport-tool-group:not(.note-resize-mode)>.transport-group-label{display:none}.transport-core{order:1;grid-column:1;grid-row:auto;min-width:0;flex-wrap:wrap}.transport-position-display{flex:0 0 auto;padding:.15rem}.transport-position-display small{font-size:.44rem;letter-spacing:.025em}.transport-position-display output{font-size:.6rem;letter-spacing:0}.transport-view-wing{order:3;grid-column:1;grid-row:auto}.transport-edit-wing{order:2;grid-column:1;grid-row:auto}.transport-context-right-wing,.transport-context-left-wing{justify-content:flex-start}.transport-context-overview .transport-context-right-wing{justify-self:center}.transport-overview-tools{justify-content:center}.transport-overview-song-info{overflow:hidden}.song-info-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.song-info-reader-columns{grid-template-columns:minmax(0,1fr)}.score-context-dock-tools{width:100%}.sound-library-inline-select select{width:6.2rem}.sound-library-inline-select.secondary select{width:5.2rem}}@media(max-width:680px){.song-info-reader-header{padding-inline:.8rem}.song-info-reader-scroll{padding:.75rem}.song-info-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-info-detail-list>div{grid-template-columns:minmax(0,1fr);gap:.25rem}.arpeggiator-browser{grid-template-columns:minmax(0,1fr)}.arpeggiator-navigation{max-height:none;border-right:0;border-bottom:1px solid var(--color-line)}.arpeggiator-tree{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.arpeggiator-tree>li:first-child{grid-column:1 / -1}.arpeggiator-choice-groups{max-height:20rem}.arpeggiator-choice-group>header{grid-template-columns:minmax(0,1fr)}.arpeggiator-choice-group p{text-align:left}}@media(max-width:420px){:root{--header-image-size: 2.75rem}.app-shell{--app-shell-gutter: .65rem;padding-inline:.65rem;padding-bottom:14rem}.sound-library-inline-select select{width:5.4rem}.sound-library-inline-select.secondary select{width:4.5rem}.topbar{gap:.5rem;padding:.65rem}.title-field.topbar-title-field input{font-size:.95rem}.piece-title-row{gap:.35rem}.piece-context-row{gap:.3rem .55rem;min-width:0}.piece-context-row .movement-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;flex-wrap:nowrap;width:100%;min-width:0}.piece-context-row .movement-picker select{width:100%;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis}.movement-picker select{max-width:calc(100vw - 8.5rem)}.file-panel{top:calc(100% + .4rem);right:.4rem;left:.4rem;grid-template-columns:1fr;max-height:calc(100dvh - 100% - 17rem)}.arpeggiator-panel{padding:0}.arpeggiator-heading{gap:.5rem;padding:.75rem}.arpeggiator-current{padding-inline:.75rem}.arpeggiator-current>div{padding-inline:.45rem}.arpeggiator-choice-list{grid-template-columns:minmax(0,1fr)}.arpeggiator-dock{padding:.65rem .75rem}.arpeggiator-decision-grid,.arpeggiator-controls{grid-template-columns:1fr}.arpeggiator-actions{display:grid;grid-template-columns:1fr}.transport-dock{gap:.35rem;padding-inline:.45rem}.transport-core{flex-wrap:wrap;gap:.35rem;padding-inline:0}.transport-core>.loop-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.transport-playback{flex:0 0 auto}.transport-core>.transport-divider{display:none}.master-volume-control.compact{min-width:4.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.app-status-toast[data-state=active] .app-message-indicator{animation:none}}@media(max-width:1050px){.professional-score-editor{width:calc(100% - 1rem)}.score-editor-body{grid-template-columns:16.5rem minmax(0,1fr)}.mode-grid,.precise-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.score-page-scroll{padding:1rem}}@media(max-width:760px){.professional-score-editor{width:100%;border-radius:9px}.score-editor-tabs{min-width:0;align-items:stretch;flex-direction:column}.score-mode-actions{width:100%;padding-top:.2rem}.score-mode-switch{min-width:0;flex:1 1 auto}.score-mode-switch button{min-width:0;flex:1 1 0;padding-inline:.4rem}.compact-score-overview{--compact-score-label-width: clamp(5.5rem, 28vw, 6.5rem)}.compact-score-instrument-button{padding-inline:.45rem}.score-tablist{width:100%;min-width:0;overflow-x:visible;padding-inline:.3rem}.score-tablist button{min-height:2.9rem;flex:1 1 0;padding-inline:.65rem;font-size:.75rem}.score-tab-actions{flex:0 0 auto;padding-inline:.35rem}.score-write-scope-bar{justify-content:flex-start;flex-wrap:wrap;gap:.45rem .6rem;padding:.6rem}.score-write-scope-bar>strong{width:100%}.score-write-instrument-picker{min-width:0;flex:1 1 11rem}.score-context-actions{margin-left:0;margin-right:.6rem}.score-input-toolbar{position:relative}.score-mode-write #score-mode-panel>.score-input-toolbar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.score-mode-write .score-input-toolbar>*{flex-shrink:0}.score-mode-write .score-input-toolbar .toolbar-flex-spacer{display:none}.toolbar-flex-spacer{min-width:1rem}.score-editor-body{min-height:0;grid-template-columns:1fr}.score-mode-write .score-editor-body{height:auto}.score-mode-write .score-workspace{min-height:38rem}.app-shell.score-workspace-active .score-mode-write .score-editor-body{overflow:auto}.app-shell.score-workspace-active .score-mode-write .score-workspace{min-height:0}.score-part-navigator{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.45rem;padding:.65rem}.score-part-navigator>button{width:2.75rem;min-width:2.75rem;min-height:2.75rem}.score-part-navigator>label{min-width:0;display:grid;grid-template-columns:1fr;gap:.15rem}.score-part-status{grid-column:1 / -1;grid-row:2;min-width:0}.score-reader-summary{grid-column:1 / -1;grid-row:3;overflow:visible;text-align:center;white-space:normal}.score-part-actions{grid-column:1 / -1;grid-row:4;width:100%;flex-wrap:wrap;margin:0}.score-reader-page-setup{flex:1 1 100%}.score-reader-page-setup>summary{width:100%;justify-content:center}.score-reader-page-setup-panel{grid-template-columns:1fr}.score-part-actions>button{min-height:2.75rem;flex:1 1 0}.score-mode-write .score-part-navigator{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;gap:.35rem;padding:.35rem}.score-mode-write .score-part-navigator>button{width:2.25rem;min-width:2.25rem;min-height:2.25rem}.score-mode-write .score-part-status,.score-mode-write .score-reader-summary{display:none}.score-mode-write .score-part-actions{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;gap:.35rem}.score-mode-write .score-reader-page-setup,.score-mode-write .score-part-actions>button{min-width:0;min-height:2.25rem;flex:1 1 0}.score-mode-write .score-reader-page-setup{position:static}.score-mode-write .score-reader-page-setup>summary{width:100%;min-height:2.25rem}.score-inspector,.score-entry-options-panel{max-height:min(11.5rem,28dvh);border-right:0;border-bottom:1px solid var(--score-border)}.score-page-scroll{min-height:23rem;padding:.75rem}.score-page{min-width:42rem;min-height:27rem;padding-inline:1.25rem}.score-context-actions{max-width:100%;flex-wrap:wrap}.score-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-score-editor .notation-selection-tools{align-items:stretch;padding-inline:.4rem}.professional-score-editor .contextual-selection-bar,.professional-score-editor .notation-toolbar-row{display:flex;flex-direction:column}.professional-score-editor .notation-toolbar-group{width:100%;flex:1 1 100%}.professional-score-editor .notation-toolbar-mark-group{padding:0;border:0}.professional-score-editor .notation-toolbar-mark-group{padding-top:.35rem;border-top:1px solid #e3e8ef}.professional-score-editor .notation-marked-event-status{display:none}.professional-score-editor .notation-toolbar-group label{min-width:0;flex:1 1 5.5rem;gap:0;font-size:0}.professional-score-editor .notation-toolbar-group label select{width:100%;min-width:0}.professional-score-editor .notation-entry-message{width:100%;min-width:0;flex-basis:100%;margin-left:0;text-align:left}.score-mode-write .notation-selection-tools .notation-utility-actions{width:100%;flex:1 1 100%;justify-content:center;margin-left:0}.piano-dock{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}.wind-dock{grid-template-columns:minmax(0,1fr)}.wind-fingering-panel{grid-template-columns:clamp(5.75rem,24vw,7.25rem) minmax(0,1fr);column-gap:.35rem;padding-inline:.35rem}.piano-range{right:3.2rem;left:3.2rem}.white-key-slot{width:2.35rem;flex-basis:2.35rem}}.score-manage-instruments{border-color:color-mix(in srgb,var(--color-teal) 45%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 7%,var(--color-panel));color:var(--color-teal)}.score-manage-instruments strong{min-width:1.4rem;padding:.15rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--color-teal) 13%,var(--color-panel));color:inherit;font-size:.68rem;text-align:center}.score-instrument-manager-backdrop,.score-instrument-confirm-backdrop{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:clamp(.6rem,2vw,1.5rem);background:#111d1b7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-instrument-manager{width:min(76rem,96vw);height:min(52rem,92dvh);min-height:34rem;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-teal) 28%,var(--color-line));border-radius:18px;background:var(--color-panel);box-shadow:0 28px 80px #1424214d;color:var(--color-ink)}.score-instrument-manager-heading{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-line);background:linear-gradient(115deg,color-mix(in srgb,var(--color-teal) 9%,var(--color-panel)),var(--color-panel) 54%)}.score-instrument-manager-title{min-width:0;display:flex;align-items:center;gap:.85rem}.score-instrument-manager-icon{width:2.6rem;height:2.6rem;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:var(--color-teal);color:#fff}.score-instrument-manager-title>div,.score-instrument-order header>div,.score-instrument-add header>div,.score-instrument-selection-summary>div,.score-instrument-add-actions>div,.score-instrument-confirm>div{min-width:0;display:grid;gap:.14rem}.score-instrument-manager-title span,.score-instrument-order header span,.score-instrument-add header span,.score-instrument-selection-summary span,.score-instrument-add-actions span,.score-instrument-confirm>div>span{color:var(--color-teal);font-size:.66rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.score-instrument-manager-title h2,.score-instrument-order h3,.score-instrument-add h3,.score-instrument-confirm h3{margin:0;color:var(--color-ink)}.score-instrument-manager-title h2{font:760 1.12rem/1.2 system-ui,sans-serif}.score-instrument-manager-title p{margin:0;color:var(--color-muted);font-size:.76rem}.score-instrument-manager-close{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;border-radius:50%}.score-instrument-manager-body{min-height:0;display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(28rem,1.4fr)}.score-instrument-order,.score-instrument-add{min-width:0;min-height:0;display:flex;flex-direction:column;padding:1rem}.score-instrument-order{border-right:1px solid var(--color-line);background:color-mix(in srgb,var(--color-background) 62%,var(--color-panel))}.score-instrument-order>header,.score-instrument-add>header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.score-instrument-order h3,.score-instrument-add h3{font:760 .98rem/1.2 system-ui,sans-serif}.score-instrument-order>header>strong,.score-instrument-add>header>small{color:var(--color-muted);font-size:.7rem}.score-instrument-order-help{margin:0 0 .7rem;color:var(--color-muted);font-size:.72rem}.score-instrument-order ol{min-height:0;display:grid;align-content:start;gap:.4rem;overflow:auto;margin:0;padding:0 .15rem 1rem 0;list-style:none}.score-instrument-order li{display:grid;grid-template-columns:minmax(0,1fr) 2.35rem 2.35rem;gap:.35rem;border:1px solid var(--color-line);border-radius:10px;background:var(--color-panel)}.score-instrument-order li.active{border-color:color-mix(in srgb,var(--color-teal) 60%,var(--color-line));box-shadow:inset 3px 0 var(--color-teal)}.score-instrument-order li.replacing{border-color:color-mix(in srgb,var(--color-blue) 68%,var(--color-line));background:color-mix(in srgb,var(--color-blue) 5%,var(--color-panel));box-shadow:inset 3px 0 var(--color-blue)}.score-instrument-select-part{min-width:0;min-height:3.45rem;display:grid;grid-template-columns:1.65rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.48rem .4rem .48rem .65rem;border:0;background:transparent;text-align:left}.score-instrument-order-number{width:1.65rem;height:1.65rem;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-teal) 9%,var(--color-background));color:var(--color-teal);font-size:.68rem;font-weight:820}.score-instrument-order-copy{min-width:0;display:grid;gap:.15rem}.score-instrument-order-copy strong,.score-instrument-order-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-instrument-order-copy strong{color:var(--color-ink);font-size:.78rem}.score-instrument-order-copy small,.score-instrument-note-count{color:var(--color-muted);font-size:.65rem}.score-instrument-note-count{white-space:nowrap}.score-instrument-replace,.score-instrument-remove{width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;align-self:center;padding:0;border-color:transparent}.score-instrument-replace{color:var(--color-teal)}.score-instrument-replace:hover,.score-instrument-replace[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-teal) 35%,var(--color-line));background:color-mix(in srgb,var(--color-teal) 9%,var(--color-panel))}.score-instrument-remove{color:#9b423d}.score-instrument-remove:not(:disabled):hover{border-color:#d9a7a2;background:#fff1ef}.score-instrument-add{overflow:auto}.score-instrument-add-header-actions{display:flex;align-items:center;gap:.55rem}.score-instrument-add-header-actions button{min-height:1.9rem;padding:.25rem .55rem;border-color:color-mix(in srgb,var(--color-teal) 35%,var(--color-line));color:var(--color-teal);font-size:.65rem;font-weight:760}.score-instrument-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--color-line-strong);border-radius:10px;background:var(--color-panel);color:var(--color-muted)}.score-instrument-search:focus-within{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 12%,transparent)}.score-instrument-search input{min-height:2.65rem;padding:0;border:0;outline:0;background:transparent}.score-instrument-section-tabs{display:flex;gap:.3rem;overflow-x:auto;padding:.55rem 0 .45rem}.score-instrument-section-tabs button{min-height:1.9rem;padding:.25rem .55rem;border-radius:999px;color:var(--color-muted);font-size:.66rem;font-weight:780;white-space:nowrap}.score-instrument-section-tabs button.active{border-color:var(--color-teal);background:var(--color-teal);color:#fff}.score-instrument-results{min-height:8rem;max-height:13.25rem;display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;overflow:auto;padding:.1rem .2rem .5rem 0}.score-instrument-results>button{min-width:0;min-height:3.3rem;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.45rem .55rem;border-color:var(--color-line);text-align:left}.score-instrument-results>button.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 7%,var(--color-panel));box-shadow:inset 0 0 0 1px var(--color-teal)}.score-instrument-section-mark{width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--color-teal) 10%,var(--color-background));color:var(--color-teal);font-size:.56rem;font-weight:840}.score-instrument-results>button>span:nth-child(2){min-width:0;display:grid;gap:.12rem}.score-instrument-results>button strong,.score-instrument-results>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-instrument-results>button strong{color:var(--color-ink);font-size:.73rem}.score-instrument-results>button small{color:var(--color-muted);font-size:.6rem}.score-instrument-results>p{grid-column:1 / -1;margin:1.2rem;color:var(--color-muted);text-align:center}.score-instrument-add-form{display:grid;gap:.65rem;margin-top:.35rem;padding:.8rem;border:1px solid var(--color-line);border-radius:12px;background:color-mix(in srgb,var(--color-background) 48%,var(--color-panel))}.score-instrument-add-form.ready{border-color:color-mix(in srgb,var(--color-teal) 38%,var(--color-line))}.score-instrument-selection-summary{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;color:var(--color-teal)}.score-instrument-selection-summary strong{color:var(--color-ink);font-size:.8rem}.score-instrument-selection-summary small,.score-instrument-selection-empty{color:var(--color-muted);font-size:.67rem}.score-instrument-selection-empty{margin:0}.score-instrument-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.score-instrument-field-grid label{min-width:0;display:grid;gap:.25rem;color:var(--color-muted);font-size:.66rem;font-weight:760}.score-instrument-fixed-position{min-width:0;display:grid;align-content:start;gap:.25rem;color:var(--color-muted);font-size:.66rem;font-weight:760}.score-instrument-fixed-position strong{min-height:2.45rem;display:flex;align-items:center;padding:.45rem .65rem;border:1px solid var(--color-line);border-radius:8px;background:color-mix(in srgb,var(--color-background) 68%,var(--color-panel));color:var(--color-ink);font-size:.72rem}.score-instrument-field-grid input,.score-instrument-field-grid select{min-width:0;min-height:2.45rem;color:var(--color-ink);font-weight:680}.score-instrument-sound-source{border:1px solid var(--color-line);border-radius:9px;background:var(--color-panel)}.score-instrument-sound-source>summary{min-height:2.45rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .65rem;cursor:pointer;font-size:.7rem;list-style:none}.score-instrument-sound-source>summary::-webkit-details-marker{display:none}.score-instrument-sound-source>summary span{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-muted);font-weight:740}.score-instrument-sound-source>summary strong{color:var(--color-teal)}.score-instrument-sound-source>p{margin:0;padding:0 .65rem .65rem;color:var(--color-muted);font-size:.65rem}.score-instrument-library-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:0 .65rem .65rem}.score-instrument-library-options>button,.score-instrument-library-options>div{min-width:0;min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .55rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel);text-align:left}.score-instrument-library-options>.active{border-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 7%,var(--color-panel))}.score-instrument-library-options>button>span,.score-instrument-library-options>div>span{min-width:0;display:grid;gap:.1rem}.score-instrument-library-options strong,.score-instrument-library-options small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-instrument-library-options strong{color:var(--color-ink);font-size:.67rem}.score-instrument-library-options small{color:var(--color-muted);font-size:.58rem}.score-instrument-library-options b,.score-instrument-library-options>div>button,.score-instrument-soundfont-file{flex:0 0 auto;color:var(--color-teal);font-size:.6rem;font-weight:790}.score-instrument-library-options>div>button{min-height:1.8rem;padding:.2rem .5rem}.score-instrument-soundfont-file{position:relative;overflow:hidden;padding:.38rem .5rem;border:1px solid var(--color-line-strong);border-radius:6px;cursor:pointer}.score-instrument-soundfont-file input{position:absolute;width:1px;height:1px;opacity:0}.score-instrument-add-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.score-instrument-add-actions>div{overflow:hidden}.score-instrument-add-actions>div strong{overflow:hidden;color:var(--color-muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.score-instrument-add-actions>button{min-height:2.55rem;display:inline-flex;align-items:center;gap:.4rem;padding-inline:1rem;border-color:var(--color-teal);background:var(--color-teal);color:#fff;font-weight:780;white-space:nowrap}.score-instrument-confirm-backdrop{z-index:310;background:#111d1b94}.score-instrument-confirm{width:min(29rem,94vw);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1.1rem;border:1px solid #d5aaa5;border-radius:15px;background:var(--color-panel);box-shadow:0 24px 70px #14181759}.score-instrument-confirm-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:11px;background:#fff0ee;color:#9b3f38}.score-instrument-confirm h3{font:760 1rem/1.2 system-ui,sans-serif}.score-instrument-confirm p{margin:.3rem 0 0;color:var(--color-muted);font-size:.75rem;line-height:1.45}.score-instrument-confirm-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.5rem;padding-top:.3rem}.score-instrument-confirm-actions button{min-height:2.45rem;display:inline-flex;align-items:center;gap:.4rem;padding-inline:.85rem}.score-instrument-confirm-actions .danger{border-color:#a6423a;background:#a6423a;color:#fff}@media(max-width:820px){.score-instrument-manager{height:min(58rem,96dvh);min-height:0}.score-instrument-manager-heading{padding:.75rem}.score-instrument-manager-title p{display:none}.score-instrument-manager-body{display:block;overflow:auto}.score-instrument-order,.score-instrument-add{overflow:visible;padding:.75rem}.score-instrument-order{min-height:15rem;max-height:42dvh;border-right:0;border-bottom:1px solid var(--color-line)}.score-instrument-order ol{min-height:7rem}.score-instrument-results{grid-template-columns:1fr;max-height:15rem}.score-instrument-field-grid,.score-instrument-library-options{grid-template-columns:1fr}.score-instrument-add-actions{align-items:stretch;flex-direction:column}.score-instrument-add-actions>button{justify-content:center}}@page{size:A4 portrait;margin:12mm}@media print{body{background:#fff}.topbar,.workspace,.transport-dock,.score-editor-tabs,.score-input-toolbar,.score-write-scope-bar,.score-inspector,.score-entry-options-panel,.score-part-navigator,.score-reader-pagination,.notation-selection-tools,.staff-end-actions,.piano-dock,.wind-dock{display:none!important}.app-shell,.representation-band,.professional-score-editor,.score-editor-body,.score-workspace,.score-page-scroll{width:100%;min-height:0;display:block;margin:0;padding:0;border:0;background:#fff;box-shadow:none}.score-page-meta{display:none!important}.score-page{width:100%;min-width:0;min-height:0;margin:0;padding:0!important;border:0;aspect-ratio:auto!important;background:#fff!important;box-shadow:none}.professional-score-editor .notation-canvas{overflow:visible!important;background:#fff!important}.professional-score-editor .notation-canvas svg[data-testid=notation-svg]{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;border:0!important;box-shadow:none!important;break-inside:avoid;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}.professional-score-editor .notation-canvas svg[data-testid=notation-svg]:last-child{break-after:auto}}.route-recovery-screen{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--surface-0, #0b1020)}.route-recovery-card{width:min(34rem,100%);padding:2rem;border:1px solid var(--line, rgba(255,255,255,.14));border-radius:1.25rem;background:var(--surface-1, rgba(255,255,255,.06));box-shadow:0 1.5rem 4rem #0000003d}.route-recovery-card h1{margin:.75rem 0}.route-recovery-card p{color:var(--muted, #aeb7ca);line-height:1.6}.route-recovery-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.score-study{line-height:1.65}.score-study-section{border-top:1px solid var(--color-line);margin-top:1rem;padding-top:1rem}.score-study-section h4{margin:0 0 .35rem}.score-study-section p{margin:.4rem 0 .8rem}.score-study-section summary{cursor:pointer;font-weight:750;padding:.3rem 0}.score-study-sources,.score-study-scope{font-size:.82rem;color:var(--color-muted)}.score-study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin-top:.8rem}.score-study-grid article{min-width:0;border:1px solid var(--color-line);border-radius:10px;padding:1rem}.score-study-passages{list-style:none;padding:0}.score-study-passages li{padding:.8rem 0;border-bottom:1px solid var(--color-line)}.score-study-passages button{color:var(--color-teal);background:transparent;border:1px solid var(--color-line);border-radius:8px;padding:.35rem .65rem;font-weight:750;cursor:pointer}.score-study-pages{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.score-study-pages button{padding:.45rem .7rem;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel);cursor:pointer}.score-study-pages button:disabled{opacity:.45;cursor:default}.score-study-show-captions{border:1px solid var(--color-line-strong);border-radius:8px;padding:.45rem .7rem;color:var(--color-teal);background:var(--color-panel);font-weight:750;cursor:pointer}@media screen{.app-shell.compact-compose-workspace{height:100dvh;min-height:0;padding:0;gap:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.compact-compose-workspace>.topbar{width:100%;margin:0}.compact-compose-workspace>.transport-footer{padding:.25rem .35rem max(.25rem,env(safe-area-inset-bottom));min-height:0;max-height:50dvh}.compact-compose-workspace>.transport-footer.compose-tools-open{overflow-y:auto;overscroll-behavior:contain}.app-shell.compact-compose-workspace .transport-dock.transport-context-write{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.3rem;min-height:0}.compact-compose-workspace .transport-core{order:0;flex-wrap:nowrap;justify-content:center;gap:.35rem;padding:0}.compact-compose-workspace .compact-compose-tools-toggle{order:10;display:inline-flex;align-items:center;gap:.3rem;min-height:2.25rem;padding:.25rem .55rem;margin-left:auto}.compact-compose-workspace .transport-context-right-wing{order:1;justify-content:center}.compact-compose-workspace .transport-context-left-wing{order:2}.compact-compose-workspace .transport-compose-tools{flex-wrap:nowrap}.compact-compose-workspace .compose-view-and-tools{justify-content:center}.compact-compose-workspace .transport-position-display{min-height:2.25rem}.compact-compose-workspace .transport-core>.master-volume-control,.compact-compose-workspace .transport-core>.transport-divider{display:none}.compact-compose-workspace .transport-hear-library{margin-right:auto}.compact-compose-workspace .transport-footer:not(.compose-tools-open) .transport-context-left-wing,.compact-compose-workspace .transport-footer:not(.compose-tools-open) .transport-display-options,.compact-compose-workspace .transport-footer:not(.compose-tools-open) #transport-context-right-slot{display:none}.compact-compose-workspace .transport-footer.compose-tools-open .transport-core{flex-wrap:wrap}.compact-compose-workspace .transport-footer.compose-tools-open .master-volume-control{display:grid}.compact-compose-workspace .transport-footer.compose-tools-open .transport-core{position:sticky;z-index:3;top:0;background:var(--color-panel-raised)}.app-shell.compact-compose-workspace.simple-compose-workspace>.workspace{height:100%;min-height:0;grid-template-rows:minmax(0,1fr);padding:.3rem;gap:0}.app-shell.compact-compose-workspace .playground-panel{grid-row:1;height:100%;min-height:0;padding:.25rem;gap:.35rem;overflow:hidden}.compact-compose-workspace .imagine-prompt{display:none}.compact-compose-workspace .timeline-stage{min-height:0;flex:1 1 0;padding-top:2.6rem}.compact-compose-workspace .timeline{min-height:0;height:100%}.compact-compose-workspace .note-block{height:min(3rem,16%);min-height:0;padding-block:.15rem}.compact-compose-workspace .timeline-stage .timeline-view-controls{position:absolute;top:0;right:0;width:min(20rem,calc(100% - .8rem));max-height:calc(100% - .8rem)}.compact-compose-workspace .timeline-view-controls[data-expanded=false]{width:auto;max-width:calc(100% - .8rem);padding:.2rem}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-toolbar{display:flex;align-items:center;gap:.2rem}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-controls{grid-template-rows:auto;gap:0}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-heading{order:2}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-heading>:not(.timeline-instrument-collapse),.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-navigation>button{display:none}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-navigation{display:flex;min-width:0}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-current{min-width:0;max-width:11rem;padding-inline:.4rem}.compact-compose-workspace .timeline-view-controls[data-expanded=false] .timeline-instrument-collapse{width:2rem;min-width:2rem;min-height:2rem;height:2rem}.compact-compose-workspace .create-input-stage-bottom{flex:0 0 auto;max-height:22dvh}.compact-compose-workspace .create-input-stage-bottom .create-piano-input{height:clamp(3.5rem,12dvh,6rem)}.compact-compose-workspace .create-input-stage-bottom .piano-dock{height:clamp(3.5rem,12dvh,6rem);min-height:0}.compact-compose-workspace .create-input-stage-bottom .piano-scroll,.compact-compose-workspace .create-input-stage-bottom .piano-keys{height:100%}.compact-compose-workspace .create-input-stage-bottom .piano-key.white-key{height:100%;min-height:0}.compact-compose-workspace .create-input-stage-bottom .piano-key.black-key{height:62%;min-height:0}.compact-compose-workspace .score-mode-write #score-mode-panel>.piano-dock{height:clamp(3.5rem,12dvh,6rem);min-height:0}.compact-compose-workspace .score-mode-write .piano-scroll,.compact-compose-workspace .score-mode-write .piano-keys{height:100%}.compact-compose-workspace .score-mode-write .piano-key.white-key{height:100%;min-height:0}.compact-compose-workspace .score-mode-write .piano-key.black-key{height:62%;min-height:0}.compact-compose-workspace .create-input-stage-bottom .sound-pad{min-height:2.4rem;padding:.25rem}.compact-compose-workspace .single-instrument-score-panel,.compact-compose-workspace .single-instrument-score-panel:has(.live-notation-preview[data-staff-count="2"]){flex:0 1 auto;min-height:0;max-height:20dvh;margin-top:0;overflow:auto}.compact-compose-workspace .karaoke-panel{flex:0 1 auto;min-height:0;max-height:15dvh;margin-top:0;overflow:auto}.compact-compose-workspace .score-mode-write .score-page-scroll.score-reader-page-view{padding:.35rem;place-items:safe center}.compact-compose-workspace .score-mode-write .score-workspace{min-height:0}.compact-compose-workspace .score-mode-write .score-reader-pagination{min-height:2rem;padding:.15rem}.compact-compose-workspace .score-mode-write .score-input-toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.compact-compose-workspace .score-mode-write .score-input-toolbar>*{flex-shrink:0}@media(max-width:360px){.compact-compose-workspace .transport-core{gap:.2rem}.compact-compose-workspace .transport-core>.transport-position-display{display:none}}@media(max-height:500px)and (min-width:600px){.app-shell>.topbar{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;min-height:3.5rem;gap:0 .6rem;padding-block:.35rem}.topbar .topbar-mode-switch{grid-column:3;grid-row:1 / 3;width:15rem}.topbar .piece-file-control{grid-column:4;grid-row:1 / 3}.app-shell.compact-compose-workspace .transport-dock.transport-context-write{flex-direction:row;align-items:center}.compact-compose-workspace .transport-core{flex:1 1 auto}.compact-compose-workspace .transport-context-right-wing{flex:0 0 auto}.compact-compose-workspace .transport-footer.compose-tools-open .transport-dock{flex-wrap:wrap}.compact-compose-workspace .transport-footer.compose-tools-open .transport-context-left-wing{flex-basis:100%}}}@font-face{font-family:Bravura;font-style:normal;font-display:block;font-weight:400;src:local("Bravura"),url(./bravura-CBWYXOFh.woff2) format("woff2")}