:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f9fafb;background:#0f1117}body{background:radial-gradient(circle at top,#2563eb29,#0000 34%),#0f1117;min-width:320px;margin:0}.app{max-width:1220px;margin:0 auto;padding:48px 28px 72px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app.keyboard-visible{padding-bottom:calc(64px + var(--keyboard-dock-height,184px))}.app.keyboard-visible.playback-following:not(.full-view-active){padding-bottom:calc(var(--keyboard-dock-height,184px) + min(46vh, 430px))}h1{letter-spacing:-1.8px;text-align:center;margin:0;font-size:48px;line-height:1.05}p{color:#a7adbb;text-align:center;margin-top:10px;font-size:20px}section{margin-top:44px}section h2{text-align:center;letter-spacing:-.4px;margin-bottom:20px;font-size:24px}.upload-section{margin-top:36px}.audio-source-container{width:100%;max-width:760px;margin:0 auto}.upload-panel{box-sizing:border-box;background:#111827cc;border:1px solid #293548;border-radius:18px;flex-direction:column;min-width:0;padding:18px 20px;display:flex;box-shadow:0 16px 38px #0000003d}.source-card-heading{color:#e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.source-card-heading>div{gap:3px;min-width:0;display:grid}.source-card-heading strong{font-size:16px}.source-card-heading>div span{color:#9ca3af;font-size:14px}.source-status{color:#94a3b8;letter-spacing:.65px;text-transform:uppercase;border:1px solid #475569;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:900}.source-status-live{color:#bfdbfe;background:#2563eb1f;border-color:#60a5faa3}.upload-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.upload-panel .upload-actions{flex-direction:column;align-items:stretch}.upload-panel .file-picker,.upload-panel .transcription-mode-picker,.upload-panel .create-guide-button{box-sizing:border-box;width:100%}.upload-panel .file-picker{min-width:0}.audio-drop-zone{background:#0f172a6b;border:1.5px dashed #41506a;border-radius:14px;gap:8px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.audio-drop-zone-active{background:#2563eb24;border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa47}.audio-drop-prompt{color:#cbd5e1;text-align:center;font-size:14px;font-weight:800}.audio-drop-zone-active .audio-drop-prompt{color:#bfdbfe}.audio-drop-or{color:#64748b;letter-spacing:.8px;text-align:center;text-transform:uppercase;font-size:10px;font-weight:900}.transcription-mode-picker{color:#cbd5e1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:42px;font-size:13px;font-weight:800;display:grid}.transcription-mode-picker select{color:#e5e7eb;min-width:0;min-height:42px;font:inherit;cursor:pointer;background:#0f172a;border:1px solid #41506a;border-radius:11px;padding:0 36px 0 12px}.transcription-mode-picker select:focus-visible{outline-offset:2px;outline:3px solid #60a5fa73}.transcription-mode-picker select:disabled{cursor:not-allowed;opacity:.55}.file-picker{cursor:pointer;background:#0f172a;border:1px solid #41506a;border-radius:11px;align-items:center;min-width:320px;min-height:42px;display:inline-flex;position:relative;overflow:hidden}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.file-picker:focus-within{outline-offset:2px;outline:3px solid #60a5fa73}.file-picker-button{color:#e5e7eb;white-space:nowrap;background:#1f2937;align-self:stretch;align-items:center;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.file-picker-name{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:270px;padding:0 13px;font-size:14px;overflow:hidden}.create-guide-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;min-height:42px;padding:0 17px;font-weight:800;transition:background .15s,transform .15s,opacity .15s}.create-guide-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.create-guide-button:disabled{cursor:not-allowed;opacity:.48}.upload-status{color:#7f899b;text-align:center;min-height:19px;margin-top:10px;font-size:13px}.upload-error{color:#fca5a5}.upload-success{color:#86efac}.transcription-progress{background:#47556980;border-radius:999px;height:5px;margin-top:14px;overflow:hidden}.transcription-progress span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .18s ease-out;display:block}@media (width<=960px){.upload-actions{margin-top:16px;padding-top:0}}.guide-heading{text-align:center}.guide-heading h2{margin:4px 0 0}.guide-kicker{color:#60a5fa;letter-spacing:1.1px;text-transform:uppercase;font-size:12px;font-weight:900}.guide-meta{color:#7f899b;margin-top:8px;font-size:14px}.guide-pitch-mapping{color:#9ec8ff;background:#2563eb17;border:1px solid #60a5fa47;border-radius:999px;width:fit-content;max-width:min(100%,560px);margin:10px auto 0;padding:7px 11px;font-size:13px;font-weight:700}.display-options{color:#a7adbb;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin-top:16px;margin-bottom:24px;font-size:15px;display:flex}.display-options label{cursor:pointer;align-items:center;gap:8px;display:flex}.display-options input{accent-color:#3b82f6}.display-option-disabled{opacity:.45;cursor:not-allowed!important}.fit-view-button{color:#bfdbfe;cursor:pointer;background:#2563eb26;border:1px solid #3b82f6;border-radius:999px;min-height:36px;padding:0 14px;font-weight:800;transition:background .15s,transform .15s}.fit-view-button:hover{background:#2563eb47;transform:translateY(-1px)}.score-stage{position:relative}.full-view-stage{inset:0 0 var(--keyboard-dock-height,184px);z-index:30;background:radial-gradient(circle at 50% 0,#2563eb1f,#0000 38%),#0a0e16;min-width:320px;position:fixed}.full-view-score-canvas{box-sizing:border-box;touch-action:pan-x pan-y;place-items:end center;padding:10px 54px 0;display:grid;position:absolute;inset:0;overflow:hidden}.sheet{--score-row-gap:28px;box-sizing:border-box;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #d1d5db;border-radius:10px;width:100%;max-width:1120px;margin:0 auto;padding:34px 44px;position:relative;overflow:auto hidden;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffffe6}.sheet-full-view{aspect-ratio:297/210;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:auto;max-width:none;height:min(100%,70.7vw - 76.356px,835px);margin:0;padding:clamp(18px,2.4vw,30px);overflow:hidden;box-shadow:0 14px 34px #0000005c,0 0 0 1px #ffffff6b}.sheet-viewport{width:100%}.sheet-full-view .sheet-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;overflow:auto}.sheet-page{width:100%}.sheet-full-view .sheet-page{animation-duration:.18s;animation-timing-function:ease-out;animation-fill-mode:none}.sheet-full-view .sheet-page-forward{animation-name:page-enter-forward}.sheet-full-view .sheet-page-backward{animation-name:page-enter-backward}@keyframes page-enter-forward{0%{opacity:.35;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes page-enter-backward{0%{opacity:.35;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.page-turn-button{z-index:9;color:#bfdbfe;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1320c2;border:1px solid #60a5fa4d;border-radius:11px;width:38px;height:68px;transition:opacity .15s,border-color .15s,background .15s,transform .15s;position:absolute;top:50%;transform:translateY(-50%)}.page-turn-button:hover:not(:disabled){background:#18253bf0;border-color:#60a5fab8;transform:translateY(-50%)scale(1.04)}.page-turn-button:focus-visible{outline-offset:2px;outline:3px solid #60a5fa99}.page-turn-button:disabled{cursor:default;opacity:.16}.page-turn-previous{left:8px}.page-turn-next{right:8px}.page-turn-glyph{width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-42%,-50%)}.page-turn-glyph:before{content:"";border-bottom:2px solid;border-left:2px solid;position:absolute;inset:0;transform:rotate(45deg)}.page-turn-glyph:after{content:"";background:currentColor;border-radius:999px;width:21px;height:2px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.page-turn-next .page-turn-glyph{transform:translate(-58%,-50%)rotate(180deg)}.full-view-page-indicator{z-index:6;color:#64748b;pointer-events:none;background:#ffffffeb;border:1px solid #dbe3ee;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;bottom:10px;right:16px}.sheet-empty{color:#6b7280;place-items:center;min-height:158px;font-weight:700;display:grid}.sheet-sentence{align-items:stretch;width:100%;min-width:min-content;height:158px;display:flex;position:relative}.sheet-sentence+.sheet-sentence{margin-top:var(--score-row-gap)}.sheet-bar{border-radius:8px;flex-shrink:1;height:100%;position:relative}.bar-note-package{box-sizing:border-box;justify-content:flex-start;align-items:stretch;gap:0;width:100%;height:100%;padding:0;display:flex;position:relative}.bar-note-slot{border-radius:4px;flex:0 0 34px;height:100%;position:relative}.bar-flex-space{flex:var(--space-units) 1 calc(var(--space-units) * 10.5px);min-width:calc(var(--space-units) * 10.5px);position:relative}.bar-break-zone{flex:var(--space-units) 1 calc(var(--space-units) * 10.5px);min-width:calc(var(--space-units) * 10.5px);height:100%;position:relative}.bar-break-zone-fixed{flex-grow:0;flex-shrink:0}.bar-break-line{top:calc(38px + var(--score-row-origin,0px));pointer-events:none;background:#11182780;width:2px;height:80px;position:absolute;left:50%;transform:translate(-50%)}.staff-lines{pointer-events:none;position:absolute;inset:0}.staff-line{opacity:.75;background:#111827;height:2px;position:absolute;left:0;right:0}.note-symbol{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.note-symbol:hover .notehead{transform:rotate(-20deg)scale(1.08)}.notehead{box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:23px;height:16px;font-size:9px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;transform:rotate(-20deg)}.note-letter{font-size:14px;font-weight:900;line-height:1;display:inline-block;transform:rotate(20deg)translateY(0)}.notehead-filled{color:#fff;background:#050505}.notehead-hollow{color:#000;background:#fff;border:2.1px solid #000}.stem{background:#000;width:1.5px;height:50px;position:absolute}.stem-up{top:-43px;left:21.3px}.stem-down{top:9px;left:1.2px}.duration-dot{pointer-events:none;background:#111827;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:29px}.eighth-flag{pointer-events:none;position:absolute}.eighth-flag-up{width:18px;height:30px;top:-44px;left:20.8px}.eighth-flag-up:before{content:"";clip-path:polygon(0 0,8px 14px,16px 14px,4px 10px,1px 16px,0 28px);background:#111827;width:18px;height:30px;position:absolute;top:0;left:-1px}.eighth-flag-up:after{content:"";background:#111827;width:3px;height:10px;position:absolute;top:0;left:-1px}.eighth-flag-down{width:18px;height:30px;top:31px;left:.7px}.eighth-flag-down:before{content:"";clip-path:polygon(0 28px,8px 14px,16px 14px,4px 18px,1px 12px,0 0);background:#111827;width:18px;height:30px;position:absolute;top:0;left:-1px}.eighth-flag-down:after{content:"";background:#111827;width:3px;height:10px;position:absolute;bottom:0;left:-1px}.beam-overlay{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eighth-beam-line{stroke:#111827;stroke-width:5px;stroke-linecap:butt}.beam-stem-extension{stroke:#111827;stroke-width:1.5px;stroke-linecap:butt}.tie-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tie-arc{fill:none;stroke:#111827;stroke-width:2.2px;stroke-linecap:round}.ledger-line{z-index:-1;background:#111827;width:34px;height:2px;position:absolute;top:7px;left:-6px}.accidental-symbol{color:#111827;pointer-events:none;font-family:Times New Roman,serif;font-size:30px;font-weight:700;line-height:1;position:absolute;top:-8px;left:-15px}.selected-note-symbol .notehead{box-shadow:0 0 0 3px #93c5fd,0 0 18px #3b82f6a6}.rest-symbol{left:50%;top:calc(51px + var(--score-row-origin,0px));z-index:2;color:#111827;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:56px;transition:color .15s,transform .15s,filter .15s;display:flex;position:absolute;transform:translate(-50%)}.rest-symbol:hover{color:#2563eb;transform:translate(-50%)translateY(-1px)}.rest-glyph{justify-content:center;align-items:center;width:38px;height:56px;font-family:Bravura,Noto Music,Apple Symbols,Segoe UI Symbol,Symbola,serif;line-height:1;display:inline-flex;position:relative;overflow:visible}.rest-glyph-mark{font-size:41px;font-weight:400;line-height:1;display:block;transform:translateY(-1px)}.rest-glyph-half .rest-glyph-mark,.rest-glyph-whole .rest-glyph-mark{font-size:38px}.rest-duration-dot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:26px;right:-1px}.selected-rest-symbol{color:#2563eb;filter:drop-shadow(0 0 8px #3b82f6bf)}.controls{background:#111827b8;border:1px solid #263244;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:24px auto 18px;padding:12px;display:flex;box-shadow:0 16px 38px #00000047}.controls button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:11px;padding:10px 17px;font-weight:800;transition:background .15s,transform .15s}.controls button:hover{background:#1d4ed8;transform:translateY(-1px)}.controls button:disabled,.controls input:disabled{cursor:not-allowed;opacity:.45;transform:none}.controls label{color:#d1d5db;align-items:center;gap:8px;font-weight:500;display:flex}.controls input{color:#f9fafb;background:#0f172a;border:1px solid #4b5563;border-radius:9px;width:76px;padding:7px 9px}.controls-compact{box-shadow:none;background:0 0;border:0;gap:7px;margin:0;padding:0}.controls-compact button{border-radius:9px;min-height:34px;padding:7px 11px}.controls-compact label{gap:5px;font-size:13px}.controls-compact input{width:56px;padding:5px 7px}.editor-toggle-row{text-align:center;margin-top:16px;margin-bottom:20px}.editor-toggle-button{cursor:pointer;color:#e5e7eb;background:#111827;border:1px solid #344256;border-radius:999px;padding:9px 15px;font-weight:800;transition:background .15s,transform .15s}.editor-toggle-button:hover{background:#1f2937;transform:translateY(-1px)}.note-editor{background:#111827e0;border:1px solid #293548;border-radius:18px;max-width:540px;margin:22px auto 28px;padding:22px;box-shadow:0 18px 42px #00000047}.note-editor h3{text-align:center;margin-top:0;margin-bottom:18px}.note-editor label{color:#e5e7eb;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;font-weight:750;display:flex}.note-editor select{color:#f9fafb;background:#0f172a;border:1px solid #4b5563;border-radius:9px;padding:7px 9px}.note-editor p{color:#9ca3af;margin-bottom:0;font-size:14px}.editor-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.editor-actions button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:10px;padding:9px 13px;font-weight:800}.editor-actions button:hover{background:#1d4ed8}.editor-actions .danger-button{background:#dc2626}.editor-actions .danger-button:hover{background:#b91c1c}.editor-actions button:disabled,.editor-actions button:disabled:hover{cursor:not-allowed;opacity:.58;background:#4b5563}.keyboard-wrapper{width:100%;overflow:visible}.keyboard{width:100%;height:var(--keyboard-height,160px);box-sizing:border-box;touch-action:none;isolation:isolate;background:#111827;border-top:3px solid #111827;position:relative}.white-keys{height:100%;display:flex}.piano-key{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;transition:background .12s,box-shadow .12s,transform 80ms;position:relative;overflow:visible}.piano-key:focus-visible{outline-offset:-3px;outline:3px solid #60a5fa}.white-key{color:#111827;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8fafc 86%,#e8edf4 100%);border:1px solid #172033;border-top:0;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0 0 clamp(5px,1.2vw,12px);font-size:clamp(9px,1.2vw,14px);font-weight:800;display:flex;box-shadow:inset 0 -2px #94a3b829}.white-key+.white-key{border-left:0}.black-key{color:#fff;box-sizing:border-box;z-index:2;-webkit-user-select:none;user-select:none;background:linear-gradient(#111827 0%,#050914 88%);border:1px solid #020617;border-top:0;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;height:61%;padding:0 0 clamp(3px,.7vw,7px);font-size:clamp(7px,.82vw,9px);font-weight:800;display:flex;position:absolute;top:0;box-shadow:inset 0 -2px #ffffff12,0 2px 3px #00000042}.piano-key:active,.sounding-piano-key{transform:translateY(1.5px)}.active-white-key{background:linear-gradient(#f0f5fb 0%,#dceafb 100%);box-shadow:inset 0 0 0 2px #3975ad}.active-black-key{background:linear-gradient(#386b9b,#214773);box-shadow:inset 0 0 0 1px #6091c1}.middle-c-key.white-key:not(.active-white-key){background:linear-gradient(#fffefb 0%,#fffaf1 58%,#f6e7be 100%);box-shadow:inset 0 0 0 1px #daa64238,inset 0 -5px 14px #ecbc5c29,inset 0 0 22px #ffe09a33}.middle-c-key.white-key:after{content:"";pointer-events:none;background:#d59e3980;border-radius:999px;height:2px;position:absolute;bottom:3px;left:26%;right:26%;box-shadow:0 0 7px #f0be5c38}.active-white-key.middle-c-key{box-shadow:inset 0 0 0 2px #3975ad}.piano-key.sounding-piano-key.white-key{background:#c9dff4;box-shadow:inset 0 0 0 2px #2870a8}.piano-key.sounding-piano-key.black-key{background:#326c9d;box-shadow:inset 0 0 0 1px #86b2d4}.piano-key-name{z-index:7;pointer-events:none;justify-content:center;align-items:baseline;gap:1px;line-height:1;display:inline-flex;position:relative}.piano-key-name small{opacity:.64;font-size:.62em;font-weight:900}.key-visual-feedback{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.key-energy-core{filter:blur(3px);background:radial-gradient(at 50% 46%,#bfdbfe85,#60a5fa29 44%,#0000 74%);border-radius:42%;animation:.52s ease-out both key-energy-breathe;position:absolute;inset:14% 12% 18%}.black-key .key-energy-core{background:radial-gradient(at 50% 48%,#dbeafe75,#60a5fa40 50%,#0000 76%);inset:8% 7% 10%}.key-visual-feedback i{background:#bfdbfe;border-radius:50%;width:2.5px;height:2.5px;animation:.52s ease-out both key-particle-drift;position:absolute;box-shadow:0 0 4px #60a5fa,0 0 8px #60a5fa7a}.key-visual-feedback i:first-of-type{animation-delay:0s;top:9%;left:18%}.key-visual-feedback i:nth-of-type(2){animation-delay:25ms;top:25%;right:13%}.key-visual-feedback i:nth-of-type(3){width:2px;height:2px;animation-delay:55ms;top:46%;left:8%}.key-visual-feedback i:nth-of-type(4){animation-delay:15ms;top:58%;right:7%}.key-visual-feedback i:nth-of-type(5){width:2px;height:2px;animation-delay:60ms;top:72%;left:28%}.key-visual-feedback i:nth-of-type(6){animation-delay:35ms;top:37%;left:53%}.key-visual-feedback i:nth-of-type(7){width:2px;height:2px;animation-delay:45ms;top:81%;right:29%}@keyframes key-particle-drift{0%{opacity:.9;transform:translateY(2px)scale(.72)}42%{opacity:.72}to{opacity:0;transform:translate(2px,-10px)scale(1.08)}}@keyframes key-energy-breathe{0%{opacity:.92;transform:scale(.75)}to{opacity:0;transform:scale(1.12)}}.key-energy-core,.key-visual-feedback i{display:none}.feedback-piano-key.white-key{box-shadow:inset 0 0 0 2px #2870a8}.feedback-piano-key.black-key{box-shadow:inset 0 0 0 1px #86b2d4}@media (prefers-reduced-motion:reduce){.key-visual-feedback{display:none}.piano-key{transition:none}}.keyboard-dock{z-index:60;box-sizing:border-box;background:#080d17;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #020617f0}.keyboard-dock-full{background:#080d17}.keyboard-dock-inner{width:min(var(--keyboard-dock-content-width,1120px), 100vw);margin:0 auto}.keyboard-dock-bar{box-sizing:border-box;width:100%;min-height:38px;padding:5px max(10px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:#080d17fb;border-top:1px solid #60a5fa33;justify-content:space-between;align-items:center;gap:7px 14px;display:flex}.keyboard-dock-bar-full{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:7px 12px;display:grid}.keyboard-dock-title{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.keyboard-dock-title strong{color:#f8fafc;font-size:12px}.keyboard-dock-title span{color:#60a5fa;min-width:32px;font-size:12px;font-weight:900}.keyboard-dock-title small{color:#748094;font-size:10px;font-weight:750}.keyboard-dock-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.keyboard-dock-actions button,.keyboard-restore-button{color:#dce5f2;white-space:nowrap;cursor:pointer;background:#131c2c;border:1px solid #34445c;border-radius:8px;min-height:28px;padding:4px 9px;font-size:11px;font-weight:800;transition:border-color .15s,background .15s,transform .15s}.keyboard-dock-actions button:hover,.keyboard-restore-button:hover{background:#202c43;border-color:#4c628a;transform:translateY(-1px)}.keyboard-dock-actions button[aria-pressed=true]{color:#bfdbfe;background:#2563eb33;border-color:#3b82f6}.keyboard-dock-actions .keyboard-hide-button{color:#94a3b8;background:0 0}.keyboard-restore-button{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;color:#fff;background:#1d4ed8;border-color:#3b82f6;position:fixed;box-shadow:0 12px 28px #00000061}@media (orientation:portrait) and (width<=900px){.sheet-full-view{aspect-ratio:210/297;height:min(100%,141.4vw - 28.28px)}}@media (width<=900px){.keyboard-dock-bar-full{grid-template-columns:1fr auto;gap:6px 10px}.keyboard-dock-bar-full .controls-compact{grid-area:2/1/auto/-1;justify-self:center}.keyboard-dock-bar-full .keyboard-dock-actions{grid-area:1/2}}@media (width<=700px){.app{padding:38px 12px 56px}.app.keyboard-visible{padding-bottom:calc(48px + var(--keyboard-dock-height,154px))}h1{font-size:36px}p{font-size:17px}.display-options{flex-direction:column;align-items:center;gap:10px}.upload-panel{padding:16px 12px}.upload-actions{flex-direction:column;align-items:stretch}.file-picker{width:100%;min-width:0}.file-picker-name{max-width:none}.create-guide-button{min-height:44px}.sheet{--score-row-gap:22px;padding:26px 10px}.sheet-full-view{padding:16px 12px}.note-editor{padding:18px 14px}.note-editor label{text-align:left;flex-direction:column;align-items:stretch;gap:6px}.note-editor select{width:100%}.keyboard-dock-bar{min-height:32px;padding:4px max(6px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));gap:4px 7px}.keyboard-dock-title{gap:4px;min-width:0}.keyboard-dock-title small{display:none}.keyboard-dock-actions{flex-shrink:0;gap:4px}.keyboard-dock-actions button{min-height:26px;padding:3px 6px;font-size:10px}.full-view-score-canvas{padding:8px 8px 0}.keyboard-dock-bar-full .controls-compact{width:fit-content}.page-turn-button{border-radius:9px;width:32px;height:56px}.page-turn-previous{left:2px}.page-turn-next{right:2px}.page-turn-glyph{width:13px;height:13px}.page-turn-glyph:after{width:17px}}@media (width<=430px){.keyboard-dock-title strong{display:none}}@media (prefers-reduced-motion:reduce){.key-visual-feedback i,.key-energy-core,.sheet-full-view .sheet-page{animation:none}.key-visual-feedback i{opacity:.75}}.development-timing-controls{background:#0f172a7a;border:1px solid #334155;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:12px;display:grid}.development-timing-controls legend{color:#93c5fd;letter-spacing:.6px;text-transform:uppercase;padding:0 6px;font-size:11px;font-weight:900}.development-timing-controls label{color:#cbd5e1;gap:6px;min-width:0;font-size:12px;font-weight:800;display:grid}.development-timing-controls select{color:#e5e7eb;min-width:0;min-height:38px;font:inherit;background:#0f172a;border:1px solid #41506a;border-radius:9px;padding:0 30px 0 10px}.development-timing-controls select:focus-visible,.diagnostics-download-button:focus-visible{outline-offset:2px;outline:3px solid #60a5fa73}.diagnostics-download-button{color:#bfdbfe;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:9px;align-self:center;margin-top:2px;padding:7px 11px;font-size:12px;font-weight:800}.diagnostics-download-button:hover{background:#2563eb1a;border-color:#60a5fa}@media (width<=720px){.development-timing-controls{grid-template-columns:1fr}}.sheet.sheet-full-view{padding-bottom:calc(1lh + 26px)}:root,:root[data-theme=light]{--surface:#fff;--surface-soft:#eef2f8;--page-bg:#e9eef7;--ui-ink:#142137;--ui-muted:#45556f;--ui-border:#b6c3d6;--ui-accent:#164fbe;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--surface:#151d2c;--surface-soft:#202b40;--page-bg:#0c1220;--ui-ink:#f4f7ff;--ui-muted:#bcc9df;--ui-border:#526582;--ui-accent:#a8cbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--surface:#151d2c;--surface-soft:#202b40;--page-bg:#0c1220;--ui-ink:#f4f7ff;--ui-muted:#bcc9df;--ui-border:#526582;--ui-accent:#a8cbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body{background:var(--page-bg);color:var(--ui-ink)}body{min-width:0}#root{text-align:left;border:0;width:100%;max-width:none}.app.polished-app{box-sizing:border-box;width:100%;max-width:1344px;margin-inline:auto;padding:24px clamp(8px,2.4vw,32px) 32px}.app.polished-app.has-score,.has-score .score-workspace{max-width:none}.polished-app *,.gallery-controls *{box-sizing:border-box}.polished-app p{color:var(--ui-muted);text-align:left;margin:6px 0;font-size:.9rem;line-height:1.5}.polished-app h1,.polished-app h2,.polished-app h3{color:var(--ui-ink);text-align:left}.polished-app h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.15}.polished-app h2{margin:5px 0;font-size:clamp(1.3rem,2.8vw,1.7rem);line-height:1.2}.app-heading{margin-bottom:18px}.change-audio{background:var(--surface);border:1px solid var(--ui-border);border-radius:12px;margin-bottom:22px}.polished-app summary{cursor:pointer;min-height:44px;padding:10px 12px;font-size:.9rem;font-weight:650}.polished-app .change-audio-toggle{text-align:left;background:0 0;border:0;width:100%}.change-audio-toggle span{color:var(--ui-muted);margin-left:8px;font-weight:400}.polished-app [hidden]{display:none!important}.opening-upload{max-width:760px;margin:24px auto;padding:16px}.polished-app .opening-upload-title{margin:0 0 16px;font-size:1.15rem}.opening-upload .audio-source-container{padding:0}.try-example-row{color:var(--ui-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:.8rem;display:flex}.try-example-row small{text-align:center;flex-basis:100%;line-height:1.5}.polished-app .try-example-row button{background:0 0}.polished-app .audio-drop-zone{background:var(--surface);border-color:var(--ui-border)}.polished-app .audio-drop-prompt{color:var(--ui-ink)}.polished-app .audio-drop-or{color:var(--ui-muted)}.guide-section{margin-top:24px}.audio-source-container{padding:0 12px 12px}.polished-app .upload-panel{background:var(--surface-soft);color:var(--ui-ink);border-color:var(--ui-border);margin:0}.polished-app .source-card-heading strong,.polished-app .transcription-mode-picker span{color:var(--ui-ink)}.polished-app .source-card-heading span:not(.source-status),.polished-app .file-picker-name{color:var(--ui-muted)}.polished-app .upload-actions{min-width:0}.polished-app .development-timing-controls{border-color:var(--ui-border);color:var(--ui-ink);margin:12px}.polished-app .development-timing-controls label{color:var(--ui-ink)}.advanced-controls{border:1px solid var(--ui-border);border-radius:8px;width:100%}.advanced-controls .diagnostics-download-button{margin:0 12px 12px}.polished-app .timing-service-disclosure,.technical-upload-status,.technical-upload-error{overflow-wrap:anywhere;font-size:.85rem}.advanced-controls>:not(summary){margin:12px}.polished-app .advanced-controls .transcription-mode-picker{width:auto}.polished-app .upload-privacy{font-size:.8rem}.guide-heading{margin:0 0 14px}.guide-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--ui-accent);font-size:.75rem;font-weight:700}.polished-app .guide-meta{font-size:.8rem}.polished-app .guide-pitch-mapping{background:0 0;border:0;max-width:none;padding:0}.score-workspace{background:var(--surface);border:1px solid var(--ui-border);isolation:isolate;border-radius:12px;flex-direction:column;width:100%;min-width:0;max-width:1280px;height:min(960px,100dvh - 24px);min-height:0;margin-inline:auto;display:flex;position:relative;overflow:auto}:is(.score-workspace.is-expanded,.score-workspace:fullscreen){z-index:100;border-radius:0;width:100%;max-width:none;height:100dvh;min-height:0;padding-inline:clamp(8px,2vw,32px);position:fixed;inset:0}.workspace-toolbar{border-bottom:1px solid var(--ui-border);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:8px;display:flex;position:relative}.polished-app button:not(.piano-key),.polished-app select,.polished-app input:not([type=checkbox]):not([type=file]),.gallery-controls select{border:1px solid var(--ui-border);background:var(--surface-soft);max-width:100%;min-height:44px;color:var(--ui-ink);font:inherit;border-radius:7px;padding:8px 10px;font-size:.85rem;line-height:1.25}.polished-app button:not(.piano-key){cursor:pointer}.polished-app button:not(.piano-key):hover:not(:disabled){background:var(--surface);border-color:var(--ui-accent)}.polished-app button.create-guide-button,.polished-app button.create-guide-button:hover:not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:var(--surface);font-weight:700}.polished-app .source-status-live{color:var(--ui-accent);border-color:var(--ui-accent);background:var(--surface-soft)}.polished-app button:disabled{cursor:default;opacity:.48}.polished-app :is(button,select,input,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}.polished-app input[type=checkbox]{width:20px;height:20px;accent-color:var(--ui-accent);flex-shrink:0}.score-size-controls{align-items:center;gap:4px;display:flex}.score-size-controls button[aria-label]{min-width:44px}.score-size-controls output{font-variant-numeric:tabular-nums;text-align:center;min-width:3.1em;font-size:.8rem}.score-zoom-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.score-zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:4em;font-size:.85rem}.score-zoom-controls button[aria-label^=Zoom]{min-width:44px}.polished-app .score-zoom-controls button[aria-pressed=true]{border-color:var(--ui-accent)}.fullscreen-control{margin-left:0}.everyday-view-controls{display:contents}.notation-style-switch{flex-wrap:nowrap;display:inline-flex}.polished-app .notation-style-switch button{border-radius:0}.polished-app .notation-style-switch button:first-child{border-radius:7px 0 0 7px}.polished-app .notation-style-switch button:last-child{border-radius:0 7px 7px 0;margin-left:-1px}.polished-app .notation-style-switch button[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--surface);font-weight:700}.polished-app .notation-style-switch button[aria-pressed=true]:hover:not(:disabled),.polished-app .keyboard-toggle[aria-pressed=true]:hover:not(:disabled){background:var(--ui-accent);color:var(--surface)}.polished-app .keyboard-toggle{border-color:var(--ui-accent);font-weight:700}.polished-app .keyboard-toggle[aria-pressed=true]{background:var(--ui-accent);color:var(--surface)}.toolbar-checkbox{cursor:pointer;white-space:nowrap;align-items:center;gap:5px;min-height:44px;padding-inline:4px;font-size:.8rem;display:inline-flex}.view-menu{margin-left:auto;position:static}.view-dialog{width:min(760px,100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);color:var(--ui-ink);background:var(--surface);border:1px solid var(--ui-border);border-radius:12px;margin:auto;padding:0;overflow:hidden;box-shadow:0 12px 48px #0005}.view-dialog[open]{flex-direction:column;display:flex}.view-dialog:not([open]){display:none}.view-dialog::backdrop{background:#0005}.view-dialog-heading{border-bottom:1px solid var(--ui-border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.polished-app .view-dialog-heading h2{margin:0;font-size:1rem}.view-popover{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.view-popover fieldset{border:1px solid var(--ui-border);border-radius:8px;min-width:0;margin:0;padding:10px}.view-popover legend{padding:0 5px;font-size:.9rem;font-weight:700}.view-popover label{flex-direction:column;gap:4px;margin:8px 0;font-size:.85rem;display:flex}.view-popover select{width:100%;min-width:0}.view-popover small{color:var(--ui-muted);font-size:.75rem;line-height:1.5;display:block}.view-appearance{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.view-appearance small{grid-column:1/-1}.score-size-controls{flex-wrap:wrap;margin-top:10px}.score-pagination{border-bottom:1px solid var(--ui-border);flex:none;justify-content:center;align-items:center;gap:12px;padding:5px 8px;display:flex}.score-pagination span{text-align:center;font-size:.8rem}.polished-app .workspace-notice{margin:0;padding:4px 10px;font-size:.75rem}.score-scrollport{scrollbar-gutter:stable;background:var(--surface-soft);flex:1 0 220px;min-width:0;min-height:220px;scroll-padding:16px;overflow:auto}.polished-app .score-context{color:#475569;margin:0;padding:8px 14px 0;font-size:.75rem}.engraved-sheet{color:#161616;flex-direction:column;align-items:stretch;width:100%;padding:14px;display:flex}.score-paper{background:#fff;border-radius:5px;flex-direction:column;flex:none;width:max-content;min-width:100%;display:flex}.paper-warm .score-paper{background:#fff8e8}.system-frame{background:0 0;flex:none;width:max-content;min-width:100%}.notation-system{color:#161616;fill:currentColor;flex:none;max-width:none;display:block;overflow:visible}.music-glyph{font-family:Noto Music,serif;font-style:normal;font-weight:400}.engraved-staff{opacity:.9;stroke-width:1.2px;vector-effect:non-scaling-stroke}.time-signature{font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:700}.tempo-mark{fill:#262626;font-family:system-ui,sans-serif;font-size:16px}.tempo-mark .music-glyph{font-size:24px}.measure-number{fill:#525252;font:11px system-ui,sans-serif}.note-letter-label{fill:#353535;font:600 14px system-ui,sans-serif}.letter-note-text{fill:#fff;pointer-events:none;font:800 15px system-ui,sans-serif}.letter-half-interior{fill:#fff}.letter-note-text[data-notehead=half],.letter-note-text[data-notehead=whole]{fill:#101828}.courtesy-paren{font:20px Georgia,serif}.engraved-tie{fill:none;stroke:currentColor;stroke-width:1.8px}.score-event{cursor:pointer;outline:none}.polished-app .score-event:focus-visible{outline:none}.note-focus-indicator{fill:none;stroke:#2364ad;stroke-width:2px;visibility:hidden;pointer-events:none}.score-event.is-playing{color:#075798}.score-event.is-playing .letter-note-text{fill:#fff!important}.score-event.is-playing .letter-note-text[data-notehead=half],.score-event.is-playing .letter-note-text[data-notehead=whole]{fill:#075798!important}.score-event.is-playing .music-glyph,.score-event.is-playing .engraved-dot{fill:#075798}.score-event:focus-visible .note-focus-indicator{visibility:visible}.polished-app .notation-error{color:#702b07;background:#fff3df;border:1px solid #be6731;padding:14px}.editor-toggle-row{padding:12px 14px}.polished-app .note-editor{background:var(--surface);border-color:var(--ui-border);max-width:none;margin:0 14px 14px;padding:14px}.polished-app .note-editor label{color:var(--ui-ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.polished-app .note-editor h3{margin-top:0}.workspace-transport{border-top:1px solid var(--ui-border);flex-wrap:wrap;flex:none;justify-content:flex-start;align-items:center;gap:4px 12px;padding:6px 8px;display:flex}.workspace-transport .controls{width:auto;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;display:flex}.workspace-transport .controls label{color:var(--ui-ink);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.workspace-transport .controls input{font-variant-numeric:tabular-nums;width:6em;min-width:6em}.selected-event-status{color:var(--ui-muted);font-size:.75rem}.keyboard-dock.polished-keyboard{z-index:auto;background:var(--surface);width:100%;box-shadow:none;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);flex:none;position:relative;inset:auto}.keyboard-control-bar{border-top:0}.keyboard-range-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.keyboard-range-controls button{min-width:44px}.keyboard-range-label{color:var(--ui-muted);white-space:nowrap;margin-right:4px;font-size:.75rem}.keyboard-window-notice{color:var(--ui-ink);flex-basis:100%;font-size:.75rem;line-height:1.4}.polished-keyboard .keyboard-wrapper{width:100%;min-width:0;padding-block:3px;scroll-padding-inline:8px;overflow:auto hidden}.polished-keyboard .keyboard{width:var(--keyboard-width);max-width:none;height:var(--keyboard-height);touch-action:pan-x pan-y pinch-zoom;border:0;margin-inline:auto}.polished-keyboard .white-key{flex:0 0 var(--white-key-width);width:var(--white-key-width)}.polished-keyboard .black-key{height:var(--black-key-height)}.polished-keyboard .white-key{padding-bottom:5px;font-size:clamp(9px,.85rem,14px)}.polished-keyboard .black-key{padding-bottom:3px;font-size:clamp(7px,.7rem,11px)}.polished-keyboard .piano-key-name{max-width:100%;overflow:hidden}.polished-keyboard .piano-key-name small{font-size:.75em}.gallery-controls{border-bottom:1px solid var(--ui-border);background:var(--surface);color:var(--ui-ink);padding:12px;font-size:.85rem}.gallery-controls label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gallery-controls p{text-align:left;color:var(--ui-muted);font-size:.8rem}@media (width<=540px){.app.polished-app{padding-top:14px}.change-audio-toggle span{display:none}.opening-upload{padding:10px}.workspace-toolbar{gap:4px;padding:5px}.fullscreen-control,.view-menu{margin-left:0}.view-popover{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.view-appearance{grid-template-columns:minmax(0,1fr)}.workspace-toolbar button{padding-inline:8px}.score-size-controls{gap:2px}.score-size-controls output{min-width:2.8em}.workspace-transport{gap:4px 8px}.keyboard-range-controls{margin-left:0}}@media (height<=500px){.workspace-toolbar,.workspace-transport{padding-block:3px}.score-pagination{padding-block:2px}.view-dialog{max-height:calc(100dvh - 16px)}}@media print{html,body,#root{color:#000;background:#fff;width:auto}.polished-app .app-heading,.change-audio,.workspace-toolbar,.view-dialog,.score-pagination,.workspace-notice,.workspace-transport,.polished-keyboard,.editor-toggle-row,#selected-note-editor,.gallery-controls{display:none!important}.score-workspace,.score-workspace.is-expanded{border:0;height:auto;min-height:0;padding:0;position:static;overflow:visible}.score-scrollport{background:#fff;flex:none;min-height:0;overflow:visible}.score-paper,.paper-warm .score-paper{background:#fff;border-radius:0}.system-frame{break-inside:avoid;background:0 0}.note-focus-indicator{display:none}.notation-system,.tempo-mark,.measure-number,.note-letter-label{color:#000;fill:#000}.engraved-staff{opacity:1}.polished-app .guide-heading h2,.polished-app .guide-heading p,.polished-app .score-context{color:#000}}.polished-app .score-overflow-hint{color:var(--ui-muted);max-width:100%;margin:0 0 8px;font-size:.75rem}.polished-keyboard .piano-key-name{flex-direction:column;align-items:center;line-height:1.05;display:flex}.polished-keyboard .piano-key-name>span{overflow-wrap:anywhere;max-width:100%}.polished-keyboard .white-key .piano-key-name{font-size:clamp(8px, calc(var(--white-key-width) * .42), 14px)}.polished-keyboard .black-key .piano-key-name{font-size:clamp(6px, calc(var(--white-key-width) * .26), 11px)}.workspace-toolbar{flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}.toolbar-view-group,.toolbar-action-group,.toolbar-transport-group{flex-wrap:wrap;align-items:center;gap:5px 8px;min-width:0;padding:5px 8px;display:flex}.toolbar-view-group .view-menu{margin-left:auto}.toolbar-action-group,.toolbar-transport-group{border-top:1px solid var(--ui-border)}.toolbar-action-group .project-save-status{margin-left:auto}.toolbar-transport-group{border-top:1px solid var(--ui-border)}.playback-settings-trigger{border-color:var(--ui-accent)!important;background:var(--surface)!important;font-weight:700!important}.playback-settings-trigger span{margin-left:6px}.playback-settings-dialog{width:min(640px,100% - 20px);max-height:calc(100dvh - 20px)}.transport-options-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:14px;font-size:.85rem;display:grid}.transport-options-body label{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;display:flex}.transport-options-body input[type=range]{width:min(190px,40vw);accent-color:var(--ui-accent)}.transport-options-body input[type=number]{width:76px}.transport-options-body output{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.2em}.transport-options-body small,.transport-options-body [role=alert]{grid-column:1/-1}.transport-options-body [role=alert]{color:#a52722}.score-stage{isolation:isolate;flex:1 1 0;min-width:0;min-height:220px;display:flex;position:relative;overflow:hidden}.score-stage .score-scrollport{min-height:0;scroll-padding-block:18px calc(var(--dock-height) + 20px);background:#fff;flex:auto;position:relative}.score-stage .score-scrollport:has(.paper-warm){background:#fff8e8}.score-stage[data-keyboard-visible=false] .score-scrollport{scroll-padding-bottom:18px}.score-stage .engraved-sheet{box-sizing:border-box}.score-stage[data-keyboard-visible=true] .score-paper[data-paper-mode=continuous]:after{content:"";flex:0 0 calc(var(--dock-height) + 28px)}.score-stage .keyboard-dock.polished-keyboard{z-index:5;background-color:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(11px);border:0;width:100%;transition:transform .42s cubic-bezier(.42,0,.2,1),-webkit-backdrop-filter .42s,backdrop-filter .42s,background-color .42s,box-shadow .42s,visibility .42s;position:absolute;bottom:-1px;left:0;right:0;transform:translateY(0);box-shadow:0 -10px 24px #07152a24}.score-stage .keyboard-dock[data-hidden=true]{-webkit-backdrop-filter:blur();box-shadow:none;visibility:hidden;pointer-events:none;background-color:#0000;transition:transform .42s cubic-bezier(.42,0,.2,1),-webkit-backdrop-filter .42s,backdrop-filter .42s,background-color .42s,box-shadow .42s,visibility .42s;transform:translateY(calc(100% + 4px))}.score-stage .keyboard-control-bar{box-sizing:border-box;background-color:color-mix(in srgb, var(--surface) 70%, transparent);border-top:1px solid var(--ui-border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;width:100%;min-height:42px;padding:3px 8px;transition:background-color .42s;display:flex}.score-stage .keyboard-dock[data-hidden=true] .keyboard-control-bar,.score-stage .keyboard-dock[data-hidden=true] .keyboard-window-notice{background-color:#0000}.score-stage .keyboard-range-controls{flex-wrap:nowrap;margin-left:auto}.score-stage .keyboard-range-controls button{min-width:36px;min-height:36px;padding:5px}.score-stage .keyboard-window-notice{background-color:color-mix(in srgb, var(--surface) 70%, transparent);flex:100%;order:-1;padding:2px 0;transition:background-color .42s;display:block}.score-stage .keyboard-wrapper{background:0 0}@media (width<=600px){.toolbar-view-group,.toolbar-action-group,.toolbar-transport-group{gap:4px;padding:4px}.toolbar-view-group .view-menu{margin-left:0}.toolbar-action-group .project-save-status{flex-basis:100%}.transport-options-body{flex-direction:column;align-items:stretch;gap:5px;display:flex}.transport-options-body input[type=range]{width:min(200px,46vw)}.score-stage .keyboard-range-label{margin:0;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.score-stage .keyboard-dock.polished-keyboard,.score-stage .keyboard-dock[data-hidden=true],.score-stage .keyboard-control-bar,.score-stage .keyboard-window-notice{transition:none}}@media print{.score-stage{display:block;overflow:visible}.score-stage .score-scrollport{overflow:visible}.score-stage .score-paper:after{display:none}}.opening-project,.recovery-banner{max-width:760px;margin:16px auto}.opening-project{color:var(--ui-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.recovery-banner{background:var(--surface);border:1px solid var(--ui-border);border-radius:10px;padding:16px}.project-dialog{overscroll-behavior:contain;width:min(620px,100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);color:var(--ui-ink);background:var(--surface);border:1px solid var(--ui-border);border-radius:12px;margin:auto;padding:0;overflow:auto;box-shadow:0 12px 48px #0005}.project-dialog:not([open]){display:none}.project-dialog::backdrop{background:#0005}.project-dialog-heading{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.polished-app .project-dialog-heading h2{margin:0;font-size:1.05rem}.project-dialog>p,.project-dialog>.project-button-row{margin:14px}.project-actions-content{padding:14px}.project-actions-content fieldset{border:1px solid var(--ui-border);border-radius:8px;min-width:0;margin:16px 0 0;padding:12px}.project-actions-content legend{font-size:.9rem;font-weight:600}.project-actions-content label{margin-top:8px;font-size:.85rem;display:block}.project-actions-content :is(input:not([type=checkbox]),select){width:100%}.project-title-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.project-title-form label{grid-column:1/-1}.project-button-row{flex-wrap:wrap;gap:8px;margin-block:12px;display:flex}.polished-app .project-help,.polished-app .source-availability{overflow-wrap:anywhere;font-size:.8rem}.polished-app .project-error{background:var(--surface-soft);border-left:4px solid var(--ui-accent);overflow-wrap:anywhere;margin:10px;padding:10px;font-size:.85rem}.polished-app .project-dialog .note-editor{box-shadow:none;border:0;border-radius:0;margin:0;padding:14px}.polished-app .project-dialog .note-editor label{margin:10px 0}.polished-app .project-dialog .note-editor select{flex:150px;min-width:0}.editor-history{padding-inline:14px}#selected-note-editor>.project-help{margin:10px 14px 14px}.project-dialog .editor-actions{flex-wrap:wrap;gap:6px;display:flex}.project-edit-bar{border-top:1px solid var(--ui-border);flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.project-save-status{color:var(--ui-muted);margin-left:auto;font-size:.72rem}.polished-app .check-label{align-items:center;gap:6px;min-height:44px;font-size:.8rem;display:inline-flex}.project-edit-bar label{align-items:center;gap:5px;font-size:.8rem;display:inline-flex}.polished-app .drag-help{margin:0;padding:4px 10px;font-size:.75rem}.pitch-drag-label{z-index:200;background:var(--surface);width:230px;max-width:calc(100vw - 16px);color:var(--ui-ink);border:2px solid var(--ui-accent);pointer-events:none;border-radius:6px;padding:8px;font:13px/1.4 system-ui,sans-serif;position:fixed}.pitch-drag-ghost{color:#0759a9;opacity:.75;pointer-events:none}.engraved-sheet[data-drag-enabled=true] .score-event{cursor:ns-resize}.engraved-sheet{touch-action:pan-x pan-y pinch-zoom}.print-document{display:none}@media (width<=540px){.project-save-status{overflow-wrap:anywhere;flex-basis:100%;margin-left:0}.polished-app .project-dialog .note-editor select{flex:0 auto;width:100%;max-width:100%;min-height:44px}}@media print{html,body,#root{color:#000!important;background:#fff!important;border:0!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.polished-app,.gallery-controls{display:none!important}.print-document{color:#000;background:#fff;margin:0;padding:0;font:12px/1.4 system-ui,sans-serif;display:block!important}.print-document *{box-sizing:border-box}.print-page{break-after:page;break-inside:avoid;color:#000;background:#fff;margin:0;padding:14mm;position:relative}.print-page:last-child{break-after:auto}.print-page-heading{height:14mm;margin:0;padding:0}.first-print-page .print-page-heading{height:32mm}.print-document h1{letter-spacing:0;color:#000;text-align:left;overflow-wrap:anywhere;margin:0 0 3mm;font:600 16px/1.3 system-ui,sans-serif}.print-document p{color:#000;text-align:left;margin:0;font:12px/1.4 system-ui,sans-serif}.print-document .print-continuation{margin-bottom:1mm;font-weight:600}.print-systems{flex-direction:column;align-items:flex-start;gap:6mm;display:flex}.print-system-frame{break-inside:avoid;flex:none;line-height:0}.printed-system{color:#000;fill:currentColor;max-width:none;display:block;overflow:visible}.print-page-footer{color:#000;justify-content:flex-end;align-items:flex-end;height:10mm;font:11px/1.4 system-ui,sans-serif;display:flex;position:absolute;bottom:14mm;left:14mm;right:14mm}.print-document .engraved-staff{opacity:1}.print-document :is(.tempo-mark,.measure-number,.note-letter-label){color:#000;fill:#000}.print-document :is(.note-selection,.note-hit-area){display:none!important}}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-music-music-400-normal-CksxHXl6.woff2)format("woff2"),url(./noto-music-music-400-normal-BOLtuVsm.woff)format("woff");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D126,U+1D129-1D1EA,U+1D200-1D245}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-music-latin-ext-400-normal-VTqZvLoa.woff2)format("woff2"),url(./noto-music-latin-ext-400-normal-OGRwg2jq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-music-latin-400-normal-HxzE7T1U.woff2)format("woff2"),url(./noto-music-latin-400-normal-DWPqNw0z.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.backend-workspace{background:#fff;border:1px solid #d0deec;border-radius:12px;max-width:1280px;margin:2rem auto;padding:1rem}.backend-workspace fieldset,.backend-controls{flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.backend-workspace label{align-items:center;gap:.4rem;display:inline-flex}.backend-workspace input[type=number]{width:8rem}.backend-roll{background:#f4f8fd;max-width:100%;overflow:auto}.backend-workspace table{text-align:left;border-collapse:collapse;width:100%}.backend-workspace td,.backend-workspace th{border-bottom:1px solid #d0deec;padding:.35rem}.backend-workspace tr.selected{background:#dfecfb}.backend-workspace{color:#24364b}.backend-workspace h2,.backend-workspace label,.backend-workspace legend,.backend-workspace span{color:inherit}.backend-workspace button:not(.piano-key){color:#24364b;font:inherit;cursor:pointer;background:#edf4fc;border:1px solid #a5bdd7;border-radius:6px;padding:.45rem .7rem}.backend-workspace button:disabled{opacity:.5;cursor:default}.backend-workspace button:focus-visible,.backend-workspace input:focus-visible{outline-offset:2px;outline:3px solid #9ecaff}.backend-workspace input[type=number]{width:23ch;max-width:100%;font:inherit}.backend-workspace legend{padding:0 .4rem}.backend-shell{box-sizing:border-box;width:100%;min-width:0;max-width:1344px;padding:24px clamp(8px,2.4vw,32px) 32px}.backend-workspace{box-sizing:border-box;max-width:100%}.backend-workspace fieldset{min-inline-size:0}.backend-workspace label{flex-wrap:wrap;max-width:100%}.backend-workspace select{color:#24364b;max-width:100%;font:inherit;background:#edf4fc;border:1px solid #a5bdd7;border-radius:6px;padding:.45rem}.backend-excerpt-events{max-width:100%;overflow-x:auto}.backend-excerpt-events:focus-visible{outline-offset:2px;outline:3px solid #9ecaff}.backend-workspace .hand-notation-wrapper{color:#111;box-sizing:border-box;background:#fff;max-width:100%;margin:1rem 0;padding:.5rem;overflow:auto}.backend-hands-engraving{background:#fff;max-width:100%;max-height:70vh;overflow:auto}.backend-workspace .hands-render-error{color:#9d1515}.backend-keyboard{max-width:100%;margin:.5rem 0 1rem;overflow:hidden}.backend-keyboard .keyboard-dock{max-width:100%;position:relative}@media print{.backend-shell{max-width:none;padding:0}.backend-workspace.print-hands{border:0;max-width:none;margin:0;padding:0;color:#000!important;background:#fff!important}.backend-workspace.print-hands>:not(h2):not(.hand-notation-wrapper){display:none!important}.backend-workspace.print-hands>h2{display:none}.backend-workspace.print-hands .hand-notation-wrapper{margin:0;padding:0;overflow:visible}.backend-workspace.print-hands .backend-hands-engraving{max-height:none;overflow:visible}.backend-workspace.print-hands .hands-render-error{display:none}.backend-workspace.print-hands .hand-playback-cursor{display:none!important}.backend-workspace.print-hands svg{break-inside:avoid;max-width:100%;height:auto}.backend-workspace.print-hands .backend-hands-engraving>[id^=osmdCanvasPage]{break-inside:avoid;break-after:page;width:186mm!important;height:auto!important;margin:0!important}.backend-workspace.print-hands [data-print-paper=Letter] .backend-hands-engraving>[id^=osmdCanvasPage]{width:192mm!important}.backend-workspace.print-hands .backend-hands-engraving>[id^=osmdCanvasPage]:after{content:attr(data-print-page);text-align:center;color:#000;height:7mm;font:10px sans-serif;display:block}}.backend-review-panel{background:#f6faff;border:1px solid #6e9ac4;border-radius:8px}.backend-review-panel input[type=number],.backend-note-editor input{width:7.5em}.backend-note-editor form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.backend-note-editor .backend-controls{margin-top:12px}.backend-roll:focus{outline:2px solid #ffd36a}.backend-workspace .backend-review-panel{margin-top:.5rem;display:block}.backend-workspace .backend-review-panel .backend-controls{gap:.5rem;margin:.5rem 0}.backend-review-panel p{margin:.5rem 0}.backend-review-actions{border-top:1px solid #d0deec;padding-top:.6rem}.backend-correction-grid{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);align-items:start;gap:1rem;display:grid}.backend-passage-list{background:#f6faff;border:1px solid #d0deec;border-radius:8px;min-width:0;padding:.7rem}.backend-passage-list h3{margin:0 0 .5rem}.backend-passage-list p,.backend-passage-list .backend-controls{margin:.5rem 0;font-size:.9rem}.backend-passage-scroll{max-height:270px;overflow:auto}.backend-passage-scroll button{text-align:left;width:100%;min-height:42px;display:block}.backend-passage-scroll small{opacity:.8;font-size:.75rem;display:block}.backend-passage-scroll input[type=checkbox]{width:20px;height:20px}.backend-edit-column{min-width:0}.backend-edit-column>.backend-controls{gap:.4rem;margin:.5rem 0}.backend-edit-column .backend-note-editor{margin:.5rem 0;padding:.6rem;display:block}.backend-note-editor .backend-controls{gap:.4rem;margin:.6rem 0}.backend-note-editor form,.backend-composer form{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.backend-note-editor form>label,.backend-composer form>label{flex-direction:column;align-items:start;gap:.25rem;display:flex}.backend-note-editor input[type=number],.backend-composer input[type=number]{width:8.5rem}.backend-shortcuts summary,.backend-project-details>summary{cursor:pointer;background:#edf4fc;border-radius:6px;padding:.6rem}.backend-shortcuts p{font-size:.9rem;line-height:1.5}.backend-workspace .backend-composer{border-color:#ffd36a;display:block}.backend-composer p{font-size:.9rem}.backend-workspace [data-edit-feedback]{border-left:3px solid #9ecaff;min-height:2.5rem;padding-left:.6rem}@media (width<=880px){.backend-correction-grid{grid-template-columns:1fr}.backend-passage-scroll{max-height:220px}}.backend-workspace h2{margin:.25rem 0 .75rem}.backend-workspace p{text-align:left}.backend-review-panel button{padding:.4rem .6rem}.backend-audio-link{margin:.5rem 0;font-size:.9rem}.backend-audio-link>summary{cursor:pointer;color:#2f649b}.backend-review-panel .backend-review-actions{margin-top:.5rem}.backend-review-panel button[aria-pressed=true]{background:#dceafb;box-shadow:inset 0 0 0 2px #9ecaff}.backend-review-panel [data-review-mode]{background:#edf4fc;border-radius:5px;padding:.4rem .6rem}.backend-workspace .backend-playback-error{color:#fff;background:#fff0ee;border:1px solid #ff9b9b;border-radius:6px;padding:.7rem}.backend-workspace .backend-signal-help{color:#5c6f83;font-size:.85rem}.backend-workspace meter{width:120px;height:20px}.backend-rhythm-controls{border:1px solid #8197b0;border-radius:6px;padding:.5rem .7rem}.backend-rhythm-controls summary{cursor:pointer;font-weight:600}.backend-rhythm-controls p{max-width:85ch;font-size:.9rem;line-height:1.5}.backend-note-advanced{width:100%}.backend-note-advanced[open]{border-top:1px solid #73859b;margin-top:.6rem;padding:.5rem;display:block}.backend-note-advanced p{max-width:55ch;font-size:.85rem}.backend-note-advanced label{margin:.4rem}.backend-note-editor select{min-width:8rem}.backend-hands-engraving{min-height:160px;max-height:55vh}.backend-workspace .backend-arrangement-mode{border:1px solid #8095ad;border-radius:8px;margin:.5rem 0;padding:.7rem}.backend-arrangement-mode button[aria-pressed=true]{background:#dceafb;box-shadow:inset 0 0 0 2px #9ecaff}.simple-chord-editor{border:1px solid #728daf;border-radius:8px;margin:.6rem 0;padding:.7rem}.simple-chord-editor>summary{cursor:pointer;font-weight:600}.simple-chord-editor>p{font-size:.85rem;line-height:1.5}.simple-chord-scroll{max-height:260px;overflow:auto}.simple-chord-editor input{max-width:8rem;font:inherit}.simple-chord-editor input[type=number]{width:5rem}.simple-chord-scroll td{vertical-align:top}.simple-chord-scroll td label{margin:.2rem .4rem}.reference-chord-panel{background:#f6faff;border:1px solid #8ea9c4;border-radius:8px;margin:.6rem 0;padding:.7rem}.reference-chord-panel>summary{cursor:pointer;font-weight:600}.reference-chord-panel>p{max-width:90ch;font-size:.88rem;line-height:1.45}.reference-chord-panel textarea{box-sizing:border-box;color:#24364b;width:min(100%,75ch);font:inherit;background:#edf4fc;border:1px solid #a5bdd7;border-radius:6px;margin:.3rem 0 .7rem;display:block}.reference-chord-panel input[type=url]{width:min(52vw,42rem);max-width:100%}.reference-chord-panel input[type=number]{width:5rem}.reference-sections{flex-wrap:wrap;gap:.5rem 1rem;margin:.6rem 0;display:flex}.reference-changes{border:1px solid #d0deec;max-height:260px;margin:.6rem 0;overflow:auto}.reference-changes table{width:100%}.reference-changes th{background:#edf4fc;position:sticky;top:0}.reference-changes td{vertical-align:top;padding:.2rem .35rem}.backend-workspace .backend-playback-error{color:#8b2822}.practice-workspace{color:#e8edf5;background:#172131;border-radius:12px;max-width:1200px;margin:1rem auto;padding:1.2rem}.practice-workspace h1{color:inherit;font-size:1.6rem}.practice-workspace button:not(.piano-key),.practice-workspace input,.practice-workspace select{font:inherit;color:#e8edf5;background:#24334c;border:1px solid #60728b;border-radius:5px;padding:.45rem .65rem}.practice-workspace button:disabled{opacity:.55}.practice-controls{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.8rem 0;display:flex}.practice-workspace label{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.practice-workspace input[type=number]{width:5.5rem}.practice-workspace select{max-width:100%}.practice-workspace fieldset{min-width:0;margin:.9rem 0}.practice-workspace table{border-collapse:collapse;width:100%}.practice-workspace td,.practice-workspace th{text-align:left;padding:.35rem}.practice-results{font-size:1.1rem}.practice-workspace .keyboard-dock{margin:1rem 0}.practice-workspace details{overflow-wrap:anywhere}@media (width<=600px){.practice-workspace{margin:.3rem;padding:.7rem}.practice-controls label{width:100%}}.practice-workspace{color:#243e5f;background:linear-gradient(145deg,#f8fbff,#eaf3ff);border:1px solid #c7d9ee;box-shadow:0 12px 45px #315b8d12}.practice-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-heading h1{text-align:left;margin:5px 0 10px;font-size:21px;line-height:1.3}.practice-kicker{color:#4875a7;letter-spacing:.13em;font-size:10px;font-weight:650}.practice-workspace button:not(.piano-key),.practice-workspace input,.practice-workspace select{color:#264c76;background:#fff;border-color:#b7cee7}.practice-workspace p{color:#526b88;text-align:left;font-size:12px;line-height:1.6}.practice-workspace .practice-controls{background:#ffffffa6;border:1px solid #cfdff0;border-radius:10px;padding:12px}.practice-workspace .segmented-choice{max-width:280px}.practice-workspace .segmented-choice-title{white-space:normal;font-size:12px}.practice-workspace [role=radio]{flex:1}.practice-workspace [role=radio][aria-checked=true]{background:#d9eafd;border-color:#6492c9}.practice-workspace fieldset{border:1px solid #c2d5eb;border-radius:10px}.practice-workspace legend{color:#365f8b;padding:0 7px;font-size:13px;font-weight:650}.practice-workspace input[type=checkbox]{accent-color:#3575b8}.practice-beat-strip{color:#426789;align-items:center;gap:7px;margin:15px 0;font-size:12px;display:flex}.practice-beat-strip i{background:#fff;border:1px solid #c7d8eb;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.practice-beat-strip i.is-current{color:#fff;background:#3575b8;border-color:#3575b8;box-shadow:0 0 0 3px #3575b81c}.practice-beat-strip small{margin-left:6px}.practice-score{background:#e2edf9;border:1px solid #bed3eb;border-radius:8px;max-height:560px;padding:14px;overflow:auto}.practice-score .backend-hands-engraving{background:#fff;max-width:794px;margin:auto}@media (width<=650px){.practice-heading{align-items:start}.practice-heading h1{font-size:17px}.practice-workspace .practice-controls{padding:8px}.practice-score{max-height:380px}.practice-beat-strip{flex-wrap:wrap}}.practice-workspace details>summary{color:#52769b;cursor:pointer;min-height:25px;padding:5px 0;font-size:11px}.practice-workspace .practice-midi fieldset{margin-top:5px}.practice-workspace fieldset[aria-label="Experimental live microphone practice"]{margin:8px 0 12px;padding:8px 12px}.practice-workspace fieldset[aria-label="Experimental live microphone practice"]>button{margin:3px 5px 3px 0}.practice-workspace .keyboard-dock{color:#365678;background:#edf5ff;border-color:#bed2e9}.practice-workspace .keyboard-navigation{color:#496b92;background:#e6f0fc}.omr-workspace{max-width:1200px}.omr-workspace section{border:1px solid var(--ui-border);background:var(--surface);border-radius:10px;margin:1rem 0;padding:1rem}.omr-workspace label{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.45rem;display:inline-flex}.omr-workspace input[type=file],.omr-workspace select{max-width:100%}.omr-workspace fieldset{flex-wrap:wrap;gap:.3rem;min-width:0;display:flex}.omr-workspace input[type=number]{width:7rem}.omr-preview{background:#fff;max-width:700px;margin:1rem auto;line-height:0;position:relative}.omr-preview img{width:100%;display:block}.omr-excerpt{box-sizing:border-box;pointer-events:none;background:#2563eb0f;border:3px solid #2563eb;position:absolute}.omr-native-score{color:#111;background:#fff;max-width:100%;max-height:70vh;margin:1rem 0;padding:.4rem;overflow:auto}.omr-workspace textarea{box-sizing:border-box;width:100%;max-width:100%}.omr-workspace details label{width:100%;margin:0;display:block}.omr-actions{flex-wrap:wrap;gap:.5rem;display:flex}.omr-workspace [role=alert]{color:var(--ui-ink);overflow-wrap:anywhere;border:2px solid #c34434;padding:.7rem}.omr-workspace button{margin:.2rem}.omr-workspace progress{max-width:50%}@media (width<=600px){.omr-workspace section{padding:.5rem}.omr-workspace label{max-width:100%;margin:.3rem}.omr-workspace{padding:1rem}.omr-workspace select{width:100%}}.recording-workspace audio{width:100%;margin:.7rem 0}.recording-workspace input[type=file]{max-width:100%}.recording-workspace input[type=range]{flex:1;min-width:140px;max-width:100%}.recording-waveform{background:#101a29;border:1px solid #60728b;height:90px;position:relative;overflow:hidden}.recording-wave-bars{align-items:center;gap:2px;height:100%;display:flex}.recording-wave-bars i{background:#9ecaff;flex:1;min-width:1px;display:block}.recording-selection{pointer-events:none;background:#ffc96433;border-left:2px solid #ffc964;border-right:2px solid #ffc964;position:absolute;top:0;bottom:0}.recording-workspace section{overflow-wrap:anywhere;min-width:0}.recording-workspace input[type=number]{width:11rem;max-width:100%}:root,:root[data-theme=light]{--surface:#fff;--surface-soft:#f4f8fd;--page-bg:#edf5fc;--ui-ink:#243a53;--ui-muted:#5b7089;--ui-border:#cfdeed;--ui-accent:#356dae;--ui-accent-soft:#e1edfb;--ui-danger:#ab3e45;--bg:var(--surface);--text:var(--ui-muted);--text-h:var(--ui-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}body{background:var(--page-bg);color:var(--ui-ink)}#root{border:0;width:100%;max-width:none}.studio-app.app{max-width:1480px;padding:24px 32px 48px}.studio-app p,.studio-backend p,.studio-review p{color:var(--ui-muted);text-align:left;font-size:13px;line-height:1.6}.studio-brand{align-items:center;gap:12px;display:flex}.studio-brand>span{color:#356dae;background:#e1edfb;border-radius:12px;place-items:center;width:46px;height:46px;font-family:Noto Music,serif;font-size:33px;display:grid}.studio-app .studio-brand h1{letter-spacing:-.5px;font-size:20px;font-weight:650}.studio-brand p{margin:3px 0 0}.studio-app .opening-project{justify-content:flex-start;max-width:940px;margin-inline:auto}.studio-extra-tools{max-width:940px;margin:8px auto;font-size:12px}.studio-extra-tools summary{color:var(--ui-muted);min-height:30px;padding-left:0;font-size:12px}.studio-app .change-audio{border-radius:10px;margin-bottom:18px}.studio-app.has-score .change-audio{max-width:100%}.studio-app .change-audio-toggle{min-height:36px;font-size:12px}.studio-app .guide-section{margin-top:18px}.studio-app .guide-heading{padding:4px 2px 12px}.studio-app .guide-heading h2{letter-spacing:-.6px;font-size:24px;font-weight:550}.studio-app .guide-kicker{letter-spacing:.13em;font-size:10px}.studio-app .guide-meta{font-size:12px}.studio-app.has-score{padding-top:16px}.studio-app.has-score .app-heading{margin-bottom:10px}.studio-app.has-score .studio-brand>span{border-radius:8px;width:32px;height:32px;font-size:25px}.studio-app.has-score .studio-brand h1{font-size:16px}.studio-app.has-score .studio-brand p{display:none}.studio-app.has-score>.recovery-banner{background:0 0;border:0;border-radius:0;max-width:940px;margin:0 auto;padding:0}.studio-app.has-score>.recovery-banner>summary{min-height:24px;padding:4px 0;font-size:11px}.studio-app.has-score>.studio-extra-tools{margin:0 auto}.studio-app.has-score>.studio-extra-tools>summary{min-height:24px;padding:4px 0;font-size:11px}.studio-app.has-score .change-audio{margin-bottom:8px}.studio-app.has-score .change-audio-toggle{min-height:30px}.studio-app.has-score .change-audio-toggle span,.studio-app.has-score .guide-kicker{display:none}.studio-app.has-score .guide-section{margin-top:8px}.studio-app.has-score .guide-heading{padding:2px 2px 8px}.studio-app.has-score .guide-heading h2{font-size:21px}.studio-app.has-score .guide-meta{margin:3px 0;font-size:11px}.studio-app .score-workspace{border-color:var(--ui-border);background:var(--surface);border-radius:12px;height:calc(100dvh - 195px);min-height:600px;box-shadow:0 5px 24px #244b7b07}.studio-app .score-workspace.is-expanded{height:100dvh;min-height:0}.studio-workspace-top{border-bottom:1px solid var(--ui-border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.studio-modes{background:var(--surface-soft);border:1px solid var(--ui-border);border-radius:9px;align-items:center;gap:3px;padding:3px;display:inline-flex}.studio-modes button,.studio-app .studio-modes button{min-width:86px;min-height:34px;color:var(--ui-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:550;display:inline-flex}.studio-modes button[aria-pressed=true],.studio-app .studio-modes button[aria-pressed=true]{background:var(--surface);color:var(--ui-accent);box-shadow:0 1px 4px #244b7b12}.studio-modes button span{font-size:17px;line-height:16px}.studio-document-status{color:var(--ui-muted);font-size:11px}.studio-app .workspace-toolbar{flex-flow:wrap;align-items:center;gap:4px 12px;padding:6px 12px}.studio-app .toolbar-view-group,.studio-app .toolbar-action-group,.studio-app .toolbar-transport-group{border:0;flex-wrap:wrap;flex:0 auto;align-items:center;gap:6px;width:auto;padding:0;display:flex}.studio-app .toolbar-transport-group{margin-left:auto}.studio-app button:not(.piano-key),.studio-app select,.studio-backend button:not(.piano-key),.studio-review button:not(.piano-key){min-height:34px;box-shadow:none;border:1px solid var(--ui-border);background:var(--surface);color:var(--ui-ink);border-radius:6px;padding:7px 10px;font-size:12px}.studio-app button:hover:not(:disabled):not(.piano-key),.studio-backend button:hover:not(:disabled):not(.piano-key),.studio-review button:hover:not(:disabled):not(.piano-key){background:#eaf3fd;border-color:#82a3cb}.studio-app button:disabled,.studio-backend button:disabled,.studio-review button:disabled{opacity:.45;cursor:default}.studio-app input:not([type=checkbox]):not([type=file]),.studio-backend input:not([type=checkbox]):not([type=file]),.studio-review input:not([type=checkbox]):not([type=file]),.studio-backend select,.studio-review select{max-width:100%;min-height:32px;font:inherit;border:1px solid var(--ui-border);background:var(--surface);color:var(--ui-ink);border-radius:5px;padding:6px 8px;font-size:12px}.studio-app input[type=range],.studio-backend input[type=range],.studio-review input[type=range]{accent-color:var(--ui-accent);padding:0}.studio-app input[type=checkbox],.studio-backend input[type=checkbox]{accent-color:var(--ui-accent)}.studio-app .project-save-status{display:none}.studio-app .studio-view-options{position:relative}.studio-view-options>summary{min-height:32px;padding:8px;font-size:12px}.studio-view-options>div{background:var(--surface);border:1px solid var(--ui-border);z-index:60;border-radius:8px;width:300px;padding:14px;position:absolute;top:100%;left:0;box-shadow:0 10px 32px #244b7b1c}.studio-app .studio-staff-drag{font-size:11px}.studio-app .studio-score-context{display:none}.studio-app .score-stage{flex:auto;min-height:300px}.studio-app .score-stage .score-scrollport{background:#e2edf8;padding:28px 20px;scroll-padding-block:24px}.engraved-sheet.a4-sheet{background:0 0;width:794px;min-width:560px;max-width:100%;margin:0 auto;padding:0}.studio-paper-stack{gap:24px;width:100%;display:grid}.studio-score-page{box-sizing:border-box;color:#1d2520;background:#fff;border:1px solid #cfdceb;border-radius:1px;flex-direction:column;width:100%;min-height:1123px;margin:0;padding:54px 52px 45px;display:flex;position:relative;box-shadow:0 3px 12px #244b7b12}.studio-paper-heading{margin:0 0 32px}.studio-app .studio-paper-heading h2,.studio-review .studio-paper-heading h2{color:#252d27;text-align:center;overflow-wrap:anywhere;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;line-height:1.3}.studio-app .studio-paper-heading p,.studio-review .studio-paper-heading p{text-align:center;color:#66768a;font-size:11px}.studio-paper-running{color:#66768a;text-align:center;margin-bottom:24px;font-family:Georgia,serif;font-size:12px}.a4-sheet .score-paper{background:#fff;border-radius:0;width:100%;min-width:0}.a4-sheet .score-paper:after{display:none!important}.a4-sheet .system-frame{flex:none}.studio-paper-footer{text-align:center;color:#66768a;margin-top:auto;padding-top:28px;font:11px Georgia,serif}.studio-app .workspace-transport{font-size:12px}.studio-app .selected-event-status{display:none}.studio-app .toolbar-checkbox{font-size:11px}.studio-mode-score .studio-staff-drag{display:none}.studio-mode-edit .score-workspace{height:auto;max-height:none;overflow:visible}.studio-mode-edit .score-stage{flex:none;height:420px;overflow:auto}.studio-mode-play .score-stage{min-height:360px}.studio-mode-play .keyboard-dock{box-shadow:0 -8px 32px #244b7b18}.studio-edit-layout{border-bottom:1px solid var(--ui-border);flex:none;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:0;min-width:0;display:grid}.studio-roll-panel{background:var(--surface);border:1px solid var(--ui-border);border-radius:9px;min-width:0;margin:0;overflow:hidden}.studio-edit-layout .studio-roll-panel{border:0;border-radius:0}.studio-roll-heading{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;padding:14px 16px;display:flex}.studio-roll-heading>div{margin-right:auto}.studio-roll-heading strong{color:var(--ui-ink);font-size:13px;font-weight:600}.studio-roll-heading p{margin:3px 0 0;font-size:11px}.studio-roll-heading label{color:var(--ui-muted);gap:4px;font-size:10px;display:grid}.studio-roll-heading input{width:90px}.studio-roll-scroll{outline-offset:-3px;touch-action:pan-x pan-y;background:#f7faff;width:100%;height:350px;position:relative;overflow:auto}.studio-roll-grid{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--roll-unit) - 1px), #c7d9ee70 calc(var(--roll-unit) - 1px), #c7d9ee70 var(--roll-unit));background-position-x:52px;position:relative;overflow:hidden}.studio-roll-ruler{z-index:3;color:#647a93;background:#eef5fc;border-bottom:1px solid #d2e0ef;height:30px;font-size:10px;position:absolute;top:0}.studio-roll-ruler span{padding-left:4px;position:absolute;top:8px}.studio-roll-row{border-bottom:1px solid #e1eaf5;height:18px;position:absolute}.studio-roll-row.is-black{background:#2347740a}.studio-roll-row>span{box-sizing:border-box;text-align:right;color:#5c728d;background:#fff;border-right:1px solid #cfdded;width:52px;height:18px;padding-right:9px;font-size:9px;display:block}.studio-roll-row.is-black>span{background:#e6eff9}.studio-roll-note{z-index:4;color:#fff;cursor:grab;box-sizing:border-box;touch-action:none;outline-offset:2px;-webkit-user-select:none;user-select:none;background:#5586c0;border:1px solid #4275b1;border-radius:3px;justify-content:space-between;align-items:center;min-width:12px;font-size:9px;line-height:12px;display:flex;position:absolute}.studio-roll-note>span:first-child{white-space:nowrap;pointer-events:none;padding-left:4px;overflow:hidden}.studio-roll-note.is-left{background:#b79059;border-color:#9c773f}.studio-roll-note.is-rest{color:#60758f;background:#e5edf7;border-style:dashed;border-color:#a5b9d1}.studio-roll-note.is-selected{outline-offset:1px;filter:brightness(1.05);z-index:6;outline:2px solid #27578f}.studio-roll-note.is-preview{opacity:.7}.studio-roll-handle{cursor:ew-resize;touch-action:none;border-right:3px solid #ffffff80;border-radius:2px;width:12px;height:20px;position:absolute;top:-3px;right:-3px}.studio-roll-playhead{z-index:8;pointer-events:none;background:#dc8c57;width:2px;position:absolute;top:0}.studio-roll-status{border-top:1px solid var(--ui-border);min-height:32px;padding:7px 16px;margin:0!important;font-size:11px!important}.studio-inspector{border-left:1px solid var(--ui-border);background:var(--surface);min-width:0;max-height:480px;padding:16px;overflow:auto}.studio-inspector .note-editor{box-shadow:none;background:0 0;border:0;gap:9px;margin:0;padding:0;display:grid}.studio-inspector h3{text-align:left;margin:0 0 5px;font-size:13px}.studio-inspector label{color:var(--ui-muted);gap:4px;font-size:11px;display:grid}.studio-inspector select{width:100%}.studio-inspector .editor-actions{flex-wrap:wrap;gap:5px;display:flex}.studio-inspector p{font-size:10px!important}.studio-inspector .backend-note-editor{border:0;margin:0;padding:0}.studio-inspector .backend-note-editor form{gap:9px;display:grid}.studio-inspector .backend-note-editor legend{font-size:13px;font-weight:600}.studio-backend.backend-workspace,.studio-review.backend-workspace{box-sizing:border-box;background:var(--surface);width:100%;max-width:1400px;color:var(--ui-ink);border:1px solid var(--ui-border);border-radius:12px;margin:24px auto;padding:0;overflow:hidden}.studio-backend>h2,.studio-review>h1{text-align:left;padding:24px 24px 0;font-size:22px;font-weight:550}.studio-core-toolbar{border-bottom:1px solid var(--ui-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.studio-core-toolbar .studio-toolbar-spacer{flex:1}.studio-score-canvas{background:#e2edf8;min-height:400px;max-height:850px;padding:28px 20px;overflow:auto}.studio-backend .backend-hands-engraving{background:0 0;width:794px;max-width:100%;margin:auto}.studio-backend .hand-notation-wrapper{background:0 0;width:794px;max-width:100%;margin:auto;padding:0;overflow:visible}.studio-backend .backend-hands-engraving>div{background:#fff;border:1px solid #cfdceb;margin-bottom:24px;box-shadow:0 3px 12px #244b7b12}.studio-tools{border-top:1px solid var(--ui-border);margin:0}.studio-tools>summary{cursor:pointer;color:var(--ui-muted);padding:14px 16px;font-size:12px}.studio-tools-body{border-top:1px solid var(--ui-border);padding:20px}.studio-tools-body .backend-keyboard{display:none}.studio-tools-body h2{text-align:left;font-size:20px}.studio-tools-body fieldset{border-color:var(--ui-border);border-radius:8px;margin:14px 0}.studio-tools-body .backend-controls{justify-content:flex-start;gap:8px}.studio-tools-body .backend-controls label{color:var(--ui-ink);font-size:12px}.studio-empty-score{text-align:center;border:1px solid var(--ui-border);background:#fff;border-radius:2px;max-width:794px;margin:auto;padding:60px 24px}.studio-empty-score h3{color:var(--ui-ink);font:24px Georgia,serif}.studio-empty-score p{text-align:center;max-width:420px;margin:16px auto}.studio-hand-label{color:var(--ui-muted);font-size:11px}.studio-note-warning{background:#fbf8ee;border-bottom:1px solid #e8dfbf;margin:0;padding:10px 16px;font-size:11px}.studio-play-keyboard{z-index:30;background:var(--surface);border-top:1px solid var(--ui-border);padding:12px;position:sticky;bottom:0;box-shadow:0 -6px 24px #244b7b12}.studio-play-keyboard .keyboard-dock{position:relative;inset:auto}.studio-backend.studio-mode-play .studio-score-canvas,.studio-review.studio-mode-play .studio-score-canvas{min-height:260px;max-height:max(260px,100dvh - 450px)}@media (width<=850px){.studio-app.app{padding:16px 12px 32px}.studio-app .workspace-toolbar{gap:8px}.studio-app .toolbar-transport-group{margin-left:0}.studio-edit-layout{grid-template-columns:1fr}.studio-inspector{border-left:0;border-top:1px solid var(--ui-border)}.studio-inspector .note-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-inspector h3,.studio-inspector p,.studio-inspector .editor-actions{grid-column:1/-1}.studio-workspace-top{gap:8px;padding:10px}.studio-document-status{display:none}.studio-app .score-stage .score-scrollport,.studio-score-canvas{padding:18px 12px}.studio-app .score-workspace{min-height:570px}.studio-modes button,.studio-app .studio-modes button{min-width:72px;padding:8px 10px}.studio-backend.backend-workspace,.studio-review.backend-workspace{margin-block:12px}}@media print{.studio-workspace-top,.studio-core-toolbar,.studio-modes,.studio-edit-layout,.studio-tools,.studio-note-warning,.studio-play-keyboard,.studio-extra-tools{display:none!important}.studio-score-canvas,.studio-score-page{max-height:none;box-shadow:none;background:#fff;border:0;overflow:visible}.studio-score-page{break-after:page}.backend-workspace.studio-backend.print-hands>.studio-score-canvas{padding:0;display:block!important}.backend-workspace.studio-backend.print-hands{overflow:visible}}.studio-app .upload-panel{box-shadow:none}.studio-app .file-picker{border-color:var(--ui-border);background:var(--surface);min-width:0}.studio-app .file-picker-button{background:var(--ui-accent-soft,var(--surface-soft));color:var(--ui-accent);border-right:1px solid var(--ui-border);font-weight:600}.studio-app .file-picker-name{max-width:none;color:var(--ui-muted);flex:1}.studio-app .file-picker:focus-within{outline:2px solid var(--ui-accent);outline-offset:3px}.studio-app .audio-drop-zone-active{background:var(--ui-accent-soft,var(--surface-soft));border-color:var(--ui-accent);box-shadow:none}.studio-app .audio-drop-zone-active .audio-drop-prompt{color:var(--ui-accent)}.studio-app button.create-guide-button,.studio-app button.create-guide-button:hover:not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.studio-app .upload-status{color:var(--ui-muted)}.studio-app .upload-error,.studio-app .technical-upload-error{color:var(--ui-danger,#ab3e45)}.studio-app .upload-success{color:var(--ui-accent)}.studio-app .transcription-progress{background:var(--ui-border)}.studio-app .transcription-progress span{background:var(--ui-accent)}.segmented-choice{text-align:left;gap:8px;width:100%;min-width:0;display:grid}.segmented-choice-label{color:var(--ui-ink);font-size:14px;font-weight:600}.segmented-choice-strip{background:#eaf2fc;border:1px solid #c4d7ec;border-radius:9px;gap:4px;min-width:0;padding:4px;display:flex}.studio-app .segmented-choice-strip button{min-width:0;min-height:68px;color:var(--ui-muted);text-align:left;white-space:normal;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:5px;padding:12px 14px;display:flex}.studio-app .segmented-choice-strip button[aria-checked=true]{color:#24558f;background:#fff;border-color:#aac5e5;box-shadow:0 1px 4px #244b7b12}.studio-app .segmented-choice-strip button:focus-visible{outline-offset:1px;outline:2px solid #356dae}.segmented-choice-title{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.35}.segmented-choice-description{color:var(--ui-muted);font-size:12px;font-weight:400;line-height:1.4}.advanced-controls .segmented-choice{margin:12px 0}.studio-app .advanced-controls .segmented-choice-strip button{text-align:center;align-items:center;min-height:42px;padding:8px 10px}.advanced-controls .segmented-choice-title{font-size:12px}@media (width<=550px){.studio-app .segmented-choice-strip button{min-height:84px;padding:10px 7px}.segmented-choice-title{font-size:12px}.segmented-choice-description{font-size:11px}}.studio-app .upload-intent-note{text-align:left;width:100%;color:var(--ui-muted);margin:0;font-size:13px;line-height:1.5}.source-comparison{border-bottom:1px solid var(--ui-border);color:var(--ui-ink);background:#fff;padding:14px 18px}.source-compare-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.source-compare-heading strong{font-size:14px}.source-compare-heading p,.source-note-link{text-align:left;line-height:1.5;margin:5px 0!important;font-size:12px!important}.source-compare-heading [role=group]{gap:5px;display:flex}.source-comparison button[aria-pressed=true]{color:#244f86;background:#e0edfd;border-color:#6b98ce}.source-time-readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;font-size:12px;display:flex}.source-time-readout small{color:var(--ui-muted)}.source-waveform{cursor:crosshair;touch-action:none;border:1px solid #d5e3f4;border-radius:4px;width:100%;height:116px;display:block}.source-waveform text{fill:#536d8b;font:10px system-ui}.source-wave-ink{stroke:#7095c3;stroke-width:1px;fill:none}.source-time-grid{stroke:#d8e5f5;stroke-width:1px}.source-note-marker line{stroke:#4c77ad;stroke-width:1.5px}.source-note-marker{cursor:pointer}.source-note-marker.is-selected line{stroke:#bb670b;stroke-width:4px}.source-loop-range{fill:#b9d7fc;opacity:.5}.source-playhead{stroke:#174e96;stroke-width:2px;pointer-events:none}.source-scrub{align-items:center;gap:12px;margin:6px 0;font-size:11px;display:flex}.source-scrub input{flex:1}.source-note-link{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.source-attach{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.score-note-link{cursor:pointer}.score-note-link.is-linked-selected path{fill:#215fa6!important;stroke:#215fa6!important}.score-note-link:focus{outline-offset:5px;outline:2px solid #5285c3}.studio-backend .studio-score-canvas{max-height:max(320px,100dvh - 470px)}.piano-model-status{box-sizing:border-box;border:1px solid var(--ui-border);background:#fff;border-radius:7px;width:100%;padding:12px 14px;font-size:13px;line-height:1.5}.piano-model-auto{color:var(--ui-muted);margin-left:9px;font-size:12px}.piano-model-status p{margin:5px 0}.studio-compare-options{border-bottom:1px solid var(--ui-border);background:#fff}.studio-compare-options>summary{color:var(--ui-accent);cursor:pointer;padding:10px 18px;font-size:12px}.studio-draft-notice{color:var(--ui-muted);border-bottom:1px solid var(--ui-border);background:#f2f7fd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 18px;font-size:12px;display:flex}.studio-score-detail{flex-basis:100%;align-items:center;gap:16px;display:flex}.studio-score-detail .segmented-choice{flex-shrink:0;width:300px}.studio-score-detail .segmented-choice-label{font-size:12px}.studio-app .studio-score-detail .segmented-choice-strip button{text-align:center;align-items:center;min-height:34px;padding:6px 10px}.studio-score-detail p{margin:0;line-height:1.5}@media (width<=640px){.studio-score-detail{flex-direction:column;align-items:stretch;gap:8px}.studio-score-detail .segmented-choice{width:100%}}.studio-backend .studio-score-canvas{box-sizing:border-box;max-height:max(360px,100dvh - 390px)}.studio-backend.studio-mode-play .studio-score-canvas{box-sizing:border-box;max-height:max(280px,100dvh - 570px)}.studio-backend .backend-hands-engraving{max-height:none;overflow:visible}.studio-backend .hand-notation-wrapper{width:794px;max-width:100%;margin:0 auto;padding:0;overflow:visible}.studio-backend .hand-notation-wrapper,.studio-backend .backend-hands-engraving{background:0 0}.studio-backend .backend-hands-engraving>[id^=osmdCanvasPage]{background:#fff;margin:0 auto 24px;box-shadow:0 1px 6px #244b7b26}@media print{.studio-backend .backend-hands-engraving>[id^=osmdCanvasPage]{box-shadow:none}}.studio-backend .piano-key.white-key{color:#182331;background:linear-gradient(#fff,#f8fafc 88%,#e8edf4);border:1px solid #b5bfcb;border-top:0;border-radius:0 0 4px 4px}.studio-backend .piano-key.black-key{color:#fff;background:linear-gradient(#252b34,#090c11);border:1px solid #06090c;border-top:0;border-radius:0 0 4px 4px}.studio-backend .piano-key.active-white-key,.studio-backend .piano-key.sounding-piano-key.white-key{background:linear-gradient(#eef6ff,#c7def8);box-shadow:inset 0 0 0 2px #4b83bf}.studio-backend .piano-key.active-black-key,.studio-backend .piano-key.sounding-piano-key.black-key{background:linear-gradient(#4778ac,#27517e)}.backend-shell:has(.studio-backend){box-sizing:border-box;width:100%;max-width:none;height:100dvh;min-height:460px;margin:0;padding:6px}.studio-backend.backend-workspace{border-radius:7px;flex-direction:column;width:100%;max-width:none;height:100%;min-height:0;margin:0;display:flex;position:relative}.studio-backend .studio-workspace-top{flex:none;gap:12px;padding:6px 12px}.studio-backend .studio-workspace-top h2{text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.studio-backend .studio-modes{margin-left:auto}.studio-backend .studio-modes button{min-width:68px;min-height:29px;padding:4px 10px}.studio-backend .studio-core-toolbar{flex:none;gap:5px;padding:5px 10px}.studio-backend button:not(.piano-key),.studio-backend .studio-export-menu>summary{min-height:29px;padding:5px 8px;font-size:12px}.studio-backend .studio-score-canvas,.studio-backend.studio-mode-play .studio-score-canvas{flex:1 1 0;min-height:0;max-height:none;padding:12px;scroll-padding-block:12px}.studio-backend .studio-draft-notice{flex:none;justify-content:flex-start;gap:6px 12px;min-height:32px;padding:4px 12px}.studio-backend .studio-draft-notice>span{font-size:11px}.studio-backend .studio-draft-notice small{font-size:10px}.studio-backend .studio-draft-notice .segmented-choice{width:230px;position:relative}.studio-backend .studio-draft-notice .segmented-choice-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.studio-backend .studio-draft-notice .segmented-choice-strip{gap:2px;padding:2px}.studio-backend .studio-draft-notice .segmented-choice-strip button{align-items:center;min-height:25px;padding:3px 6px}.studio-backend .studio-draft-notice .segmented-choice-title{font-size:11px}.studio-audio-controls{align-items:center;gap:5px;display:flex}.studio-backend .studio-audio-controls input[type=range]{width:65px;min-height:20px}.studio-audio-controls meter{width:32px;height:12px}.studio-playback-status{min-width:52px;color:var(--ui-muted);font-variant-numeric:tabular-nums;font-size:10px}.studio-export-menu{position:relative}.studio-export-menu>summary{cursor:pointer;border:1px solid var(--ui-border);box-sizing:border-box;border-radius:6px;list-style:none}.studio-export-menu>div{z-index:100;border:1px solid var(--ui-border);background:#fff;border-radius:7px;gap:7px;width:170px;padding:10px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 6px 24px #244b7b24}.studio-backend>.studio-compare-options{display:none}.studio-backend>.studio-compare-options[open]{z-index:80;border:1px solid var(--ui-border);border-radius:7px;max-height:calc(100% - 125px);display:block;position:absolute;top:90px;left:12px;right:12px;overflow:auto;box-shadow:0 6px 24px #244b7b24}.studio-backend>.studio-compare-options>summary{display:none}.studio-panel-close{float:right;margin:8px}.studio-backend>p.studio-note-warning:not([role=alert]){display:none}.studio-backend>p[role=alert],.studio-backend>.studio-tools{flex:none}.studio-backend>.studio-tools>summary{padding:5px 12px;font-size:11px}.studio-backend>.studio-tools[open]{z-index:85;border:1px solid var(--ui-border);background:#fff;border-radius:8px;position:absolute;inset:85px 12px 10px;overflow:auto;box-shadow:0 6px 24px #244b7b24}.studio-backend>.studio-tools[open]>summary{z-index:1;background:#f1f7fe;padding:10px 12px;position:sticky;top:0}.studio-backend .studio-play-keyboard{box-shadow:none;flex:none;padding:4px 8px;position:relative}.studio-backend .studio-edit-layout{flex:0 0 35%;min-height:180px;overflow:auto}@media (width<=700px){.studio-backend .studio-workspace-top{flex-wrap:wrap;gap:4px}.studio-backend .studio-workspace-top h2{max-width:38%}.studio-backend .studio-draft-notice{gap:4px}.studio-backend .studio-draft-notice small{display:none}}@media print{.studio-backend.backend-workspace{height:auto;min-height:0;padding:0;display:block}.backend-shell:has(.studio-backend){height:auto;min-height:0;padding:0;display:block}.studio-backend .studio-score-canvas{padding:0;display:block;overflow:visible}.studio-backend>.studio-compare-options,.studio-export-menu{display:none!important}}.studio-notation-options{z-index:90;box-sizing:border-box;border:1px solid var(--ui-border);background:#fff;border-radius:8px;width:min(580px,100% - 24px);max-height:calc(100% - 165px);padding:16px;font-size:12px;position:absolute;top:145px;right:12px;overflow:auto;box-shadow:0 6px 24px #244b7b24}.studio-notation-options header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.studio-notation-options p{color:var(--ui-muted);margin:7px 0 12px;line-height:1.45}.studio-notation-options .segmented-choice{width:100%}.studio-notation-options fieldset{border:1px solid var(--ui-border);border-radius:5px;margin:10px 0;padding:8px}.studio-key-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.studio-notation-options button[aria-pressed=true]{color:#153f6b;background:#deecfc;border-color:#5a89bb}@media (width<=700px){.studio-notation-options{max-height:calc(100% - 140px);top:120px}.studio-key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.studio-notation-options{display:none!important}}.studio-backend .studio-project-heading{flex:1;min-width:0}.studio-backend .studio-project-heading .studio-document-status{margin-top:2px;font-size:10px;display:block}.studio-backend .studio-workspace-top .studio-modes{margin-left:0}.studio-backend .studio-notation-view{flex:1;justify-content:flex-end;display:flex}.studio-backend .studio-notation-view .segmented-choice{align-items:center;gap:8px;width:auto;display:flex}.studio-backend .studio-notation-view .segmented-choice-label{margin:0;font-size:11px}.studio-backend .studio-notation-view .segmented-choice-strip{gap:2px;padding:2px}.studio-backend .studio-notation-view button{align-items:center;min-width:65px;padding:4px 10px}.studio-backend .studio-notation-view .segmented-choice-title{font-size:12px}.studio-backend .studio-core-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:7px 12px;display:grid}.studio-toolbar-left,.studio-toolbar-right{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.studio-toolbar-right{justify-content:flex-end}.studio-transport{grid-template-columns:auto auto;justify-items:center;gap:5px 10px;display:grid}.studio-listen-choice{background:#edf4fc;border:1px solid #d5e1ee;border-radius:7px;grid-column:1/-1;gap:2px;padding:2px;display:flex}.studio-backend .studio-listen-choice button{background:0 0;border-color:#0000;min-width:91px;min-height:23px;padding:2px 10px}.studio-backend .studio-listen-choice button[aria-pressed=true]{color:#214e80;background:#fff;border-color:#b9cee5;box-shadow:0 1px 2px #244b7b12}.studio-transport-buttons{grid-column:1/-1;align-items:center;gap:9px;display:flex}.studio-backend .studio-transport button svg{fill:currentColor;flex:none;width:18px;height:18px}.studio-backend .studio-transport .studio-primary-play{color:#fff;background:#2f6ba9;border-color:#2f6ba9;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:112px;min-height:41px;padding:8px 18px;font-size:15px;font-weight:600;display:flex}.studio-backend .studio-transport .studio-primary-play:hover{background:#265c94}.studio-backend .studio-transport .studio-transport-secondary{color:#41648b;background:#f3f7fd;border-color:#c8d8e9;border-radius:7px;place-items:center;width:35px;height:35px;padding:7px;display:grid}.studio-backend .studio-transport .studio-playback-status{font-variant-numeric:tabular-nums;grid-column:1/-1;min-width:0;font-size:10px;line-height:1}.studio-sound-menu{position:relative}.studio-backend .studio-sound-menu>summary{cursor:pointer;padding:2px 5px;font-size:20px;line-height:1;list-style:none}.studio-sound-menu>div{z-index:100;background:#fff;border:1px solid #d5e1ee;border-radius:6px;width:110px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 5px 18px #244b7b20}.studio-backend button:focus-visible,.piano-resize-grip:focus-visible{outline-offset:2px;outline:2px solid #387fc2}.studio-backend .piano-resize-dock{box-sizing:border-box;background:#f7faff;border-top:1px solid #b9cde2;flex:none;min-height:24px;padding:0;position:relative;overflow:hidden}.piano-resize-grip{box-sizing:border-box;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;color:#536e8c;background:#edf4fc;align-items:center;gap:10px;height:24px;padding:0 10px;display:flex;position:relative}.piano-grip-title{font-size:10px;font-weight:600}.piano-grip-handle{background:#9fb8d1;border-radius:3px;width:48px;height:4px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.piano-grip-hint{margin-left:auto;font-size:10px}.studio-backend .piano-resize-grip button{color:#41648b;background:0 0;border:0;width:26px;min-height:20px;padding:0;font-size:18px}.studio-backend .piano-resize-dock .keyboard-dock{box-sizing:border-box;background:#f7faff;border:0;padding:4px 8px 0}.studio-backend .piano-resize-dock .keyboard{min-height:var(--keyboard-height);height:var(--keyboard-height)}.studio-backend .piano-resize-dock .white-key{height:var(--keyboard-height)}.studio-backend .piano-resize-dock .black-key{height:var(--black-key-height)}.studio-backend .piano-resize-dock .keyboard-control-bar{box-sizing:border-box;justify-content:space-between;align-items:center;height:26px;min-height:26px;margin:0;padding:2px 0;display:flex}.studio-backend .piano-resize-dock .keyboard-range-controls{align-items:center;gap:6px;font-size:10px;display:flex}.studio-backend .piano-resize-dock .keyboard-range-controls button{min-height:21px;padding:1px 7px;font-size:10px}.studio-backend .piano-resize-dock .keyboard-window-notice{font-size:10px}.studio-backend .piano-resize-dock .middle-c-key.white-key:not(.active-white-key){background:linear-gradient(#fff,#eff6ff 88%,#dce8f6)}.studio-backend .piano-resize-dock .middle-c-key.white-key:after{background:#9fbede}.score-note-letter{pointer-events:none;fill:#fff;stroke:none;font-family:Arial,sans-serif;font-style:normal;font-weight:700;display:none}.backend-hands-engraving[data-letter-guide=true] .score-note-letter{display:block}.score-note-letter[data-hollow=true]{fill:#17212e}.score-letter-hollow-head{fill:#fff;stroke:#17212e;stroke-width:1.15px;pointer-events:none;display:none}.backend-hands-engraving[data-letter-guide=true] .score-note-link[data-letter-hollow=true]>path{visibility:hidden}.backend-hands-engraving[data-letter-guide=true] .score-letter-hollow-head{display:block}.backend-hands-engraving[data-letter-guide=true] .is-linked-selected .score-letter-hollow-head{stroke:#356dae}.studio-score-choices{gap:9px;margin-top:10px;display:grid}.studio-score-choices .segmented-choice-label{color:var(--ui-muted);font-size:11px;font-weight:600}.studio-score-choices .segmented-choice-title{white-space:nowrap}.studio-score-choices small{color:var(--ui-muted);font-size:10px;line-height:1.5}.studio-cleanup-help summary{color:var(--ui-accent);cursor:pointer;min-height:24px;padding:5px 0;font-size:10px}.studio-backend .studio-cleanup-help p{margin:3px 0 7px;font-size:11px}@media (width<=900px){.studio-backend .studio-core-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.studio-toolbar-right .studio-audio-controls{flex-wrap:wrap;justify-content:flex-end}.studio-backend .studio-toolbar-right input[type=range]{width:48px}.studio-backend .studio-toolbar-right meter,.studio-backend .studio-notation-view .segmented-choice-label{display:none}}@media (width<=600px){.studio-backend .studio-workspace-top{flex-wrap:wrap}.studio-backend .studio-project-heading{flex-basis:100%}.studio-backend .studio-project-heading h2{max-width:none}.studio-backend .studio-notation-view{flex:1}.studio-backend .studio-core-toolbar{grid-template-columns:1fr 1fr}.studio-transport{grid-area:1/1/auto/-1}.studio-toolbar-left{grid-column:1}.studio-toolbar-right{grid-column:2}.studio-toolbar-right .studio-audio-controls{display:none}.piano-grip-hint{font-size:9px}.piano-grip-handle{width:28px;left:37%}}.studio-backend .studio-project-heading h2{text-align:left}.studio-backend .piano-resize-dock .middle-c-key.white-key:not(.active-white-key){border-color:#afc4da;box-shadow:inset 0 0 0 1px #c3d7ec}.studio-backend .piano-resize-dock .keyboard-wrapper{scrollbar-width:thin}:is(.studio-backend:has(>.studio-tools[open])>.studio-score-canvas,.studio-backend:has(>.studio-tools[open])>.studio-edit-layout,.studio-backend:has(>.studio-tools[open])>.studio-play-keyboard){display:none}.studio-backend>.studio-tools[open]{flex:1 1 0;min-height:0;margin:8px 12px;position:relative;inset:auto}.studio-backend.backend-workspace{--studio-rail-width:172px}.studio-backend .studio-commandbar{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);box-sizing:border-box;background:#fff;gap:0;height:64px;min-height:64px;padding:0;display:grid}.studio-backend .studio-commandbar .studio-project-heading{padding:0 12px}.studio-backend .studio-commandbar h2{text-align:left;font-size:15px;line-height:1.3}.studio-backend .studio-header-controls{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;height:100%;padding:5px 14px;display:grid}.studio-backend .studio-header-controls .studio-listen-choice{grid-area:1/1;justify-self:start}.studio-backend .studio-header-controls .studio-listen-choice button{min-width:76px;min-height:27px;font-size:11px}.studio-backend .studio-header-controls .studio-transport{grid-area:1/2;gap:3px}.studio-backend .studio-header-controls .studio-modes{grid-area:1/3;justify-self:end;width:auto;margin:0}.studio-backend .studio-header-controls .studio-modes button{min-width:60px;min-height:29px;padding:4px 8px;font-size:11px}.studio-backend .studio-transport .studio-primary-play{min-width:94px;min-height:35px;padding:6px 14px;font-size:13px}.studio-backend .studio-transport .studio-transport-secondary{width:30px;height:30px;min-height:30px;padding:6px}.studio-backend .studio-transport-buttons{gap:7px}.studio-backend .studio-playback-status{font-size:9px}.studio-workarea{flex:1 1 0;min-width:0;min-height:0;display:flex}.studio-sidebar{width:var(--studio-rail-width);flex:0 0 var(--studio-rail-width);box-sizing:border-box;scrollbar-width:thin;background:#f8fbff;border-right:1px solid #dce6f1;padding:10px;overflow:hidden auto}.studio-sidebar-section{border-bottom:1px solid #e1eaf4;align-content:start;gap:8px;margin-bottom:13px;padding:2px 0 13px;display:grid}.studio-sidebar-section:last-child{border-bottom:0;margin-bottom:0}.studio-backend .studio-sidebar h3{color:#6f8299;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.studio-main{background:#e6eff9;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-backend .studio-main .studio-score-canvas{padding:12px}.studio-backend .studio-sidebar button:not(.piano-key){border-color:#d2e0ee;border-radius:6px;min-height:29px;padding:5px 7px;font-size:11px;line-height:1.35}.studio-backend .studio-letter-toggle{text-align:left;color:#304e70;background:0 0;border:0;justify-content:space-between;align-items:center;gap:5px;display:flex;padding:5px 0!important}.studio-switch-track{box-sizing:border-box;background:#c2d1e2;border-radius:12px;flex:none;align-items:center;width:28px;height:17px;padding:2px;transition:background .16s;display:flex}.studio-switch-track>span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .16s;box-shadow:0 1px 3px #244b7b24}.studio-letter-toggle[aria-checked=true] .studio-switch-track{background:#3c78b7}.studio-letter-toggle[aria-checked=true] .studio-switch-track>span{transform:translate(11px)}.studio-backend .studio-sidebar .studio-draft-notice{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:7px;min-height:0;padding:0;display:flex}.studio-backend .studio-sidebar .studio-draft-notice>span{color:#71839a;font-size:10px;line-height:1.5}.studio-backend .studio-sidebar .studio-draft-notice small{color:#71839a;font-size:9px;line-height:1.5}.studio-backend .studio-sidebar .segmented-choice{width:100%}.studio-backend .studio-sidebar .segmented-choice-strip{box-sizing:border-box;width:100%}.studio-backend .studio-sidebar .segmented-choice-strip button{flex:1 1 0;min-width:0;min-height:31px;padding:3px}.studio-backend .studio-sidebar .segmented-choice-title{font-size:10px}.studio-backend .studio-sidebar .segmented-choice-strip button[aria-checked=true]{color:#1f4d7e;background:#dceafd;border-color:#78a1cf}.studio-backend .studio-sidebar .studio-toolbar-left{grid-template-columns:1fr 1fr;gap:7px;display:grid}.studio-backend .studio-sidebar .studio-toolbar-left>.studio-hand-label,.studio-backend .studio-sidebar .studio-toolbar-left>button:last-child{grid-column:1/-1}.studio-backend .studio-sidebar .studio-hand-label{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex}.studio-backend .studio-sidebar .studio-hand-label label{align-items:center;gap:4px;display:flex}.studio-backend .studio-sidebar .studio-toolbar-right{justify-content:stretch;align-items:stretch;gap:8px;display:grid}.studio-backend .studio-sidebar .studio-audio-controls{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.studio-backend .studio-sidebar .studio-audio-controls>button{text-align:left;background:#fff;grid-column:1/-1}.studio-backend .studio-sidebar .studio-audio-controls input[type=range]{box-sizing:border-box;order:-2;width:100%;min-width:0;height:24px;min-height:24px;margin:0;padding:0;display:block}.studio-backend .studio-sidebar .studio-audio-controls meter{box-sizing:border-box;order:-1;width:100%;height:8px;min-height:8px;margin:0 0 2px;display:block}.studio-backend .studio-sidebar .studio-sound-menu{grid-column:1/-1}.studio-backend .studio-sidebar .studio-sound-menu>summary{color:#6c839c;padding:3px 0;font-size:10px;list-style:none}.studio-backend .studio-sidebar .studio-sound-menu>div,.studio-backend .studio-sidebar .studio-export-menu>div{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:7px 0 0;position:static}.studio-backend .studio-sidebar .studio-export-menu>summary{text-align:center;background:#fff;min-height:29px;padding:5px 7px;font-size:11px}.studio-backend .studio-sidebar .studio-advanced-toggle{text-align:left;background:0 0;align-items:center;gap:7px;display:flex}.studio-advanced-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:15px;height:15px}.studio-save-status{color:#7c8da1;font-size:9px;line-height:1.45}.studio-main>.studio-note-warning:not([role=alert]){display:none}.studio-main>.studio-note-warning[role=alert]{color:#8b3029;background:#fff4f3;border-color:#edc1bb;flex:none;margin:5px 10px}.studio-main>.studio-tools:not([open]),.studio-main>.studio-compare-options:not([open]){display:none}.studio-main>.studio-tools[open],.studio-main>.studio-compare-options[open]{background:#fff;border:1px solid #d4e1ef;border-radius:7px;flex:1 1 0;min-height:0;max-height:none;margin:10px;position:relative;inset:auto;overflow:auto;box-shadow:0 2px 12px #244b7b0c}.studio-main>.studio-tools[open]>summary{z-index:1;background:#f5f9fe;padding:10px 12px;position:sticky;top:0}.studio-main>.studio-compare-options[open]>summary{padding:12px;font-size:13px}:is(.studio-main:has(>.studio-tools[open])>.studio-score-canvas,.studio-main:has(>.studio-tools[open])>.studio-edit-layout,.studio-main:has(>.studio-tools[open])>.studio-play-keyboard,.studio-main:has(>.studio-compare-options[open])>.studio-score-canvas,.studio-main:has(>.studio-compare-options[open])>.studio-edit-layout,.studio-main:has(>.studio-compare-options[open])>.studio-play-keyboard){display:none}.studio-main>.studio-notation-options{max-height:calc(100% - 24px);top:12px;right:12px}.studio-backend button:not(.piano-key),.studio-backend summary{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.studio-backend .studio-primary-play:active{transform:scale(.97)}.studio-backend .studio-sidebar button:hover:not(:disabled):not([role=switch]){background:#edf5ff;border-color:#91b3d7}.studio-backend .piano-resize-dock[data-resizing=false]{transition:height .18s cubic-bezier(.2,.7,.3,1)}.studio-main>.studio-tools[open],.studio-main>.studio-compare-options[open],.studio-main>.studio-notation-options{animation:.17s ease-out both studio-panel-arrive}@keyframes studio-panel-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.studio-backend.backend-workspace{--studio-rail-width:152px}.studio-backend .studio-header-controls{gap:7px;padding-inline:9px}.studio-backend .studio-header-controls .studio-modes button{min-width:47px;padding:4px 5px}.studio-backend .studio-header-controls .studio-listen-choice button{min-width:58px;padding:3px 5px}.studio-sidebar{padding-inline:8px}}@media (width<=650px){.studio-backend.backend-workspace{--studio-rail-width:126px}.studio-backend .studio-commandbar{grid-template-columns:1fr;height:auto;min-height:92px}.studio-backend .studio-commandbar .studio-project-heading{padding:6px 10px 0}.studio-backend .studio-commandbar h2{max-width:none;font-size:14px}.studio-backend .studio-commandbar .studio-document-status{display:none}.studio-backend .studio-header-controls{gap:4px;min-height:62px;padding:4px 8px}.studio-backend .studio-header-controls .studio-modes button{min-width:35px;padding:3px;font-size:10px}.studio-backend .studio-header-controls .studio-listen-choice button{min-width:48px;font-size:10px}.studio-backend .studio-primary-play{min-width:72px;padding-inline:8px}.studio-backend .studio-transport-secondary{width:25px}.studio-backend .studio-sidebar button:not(.piano-key){padding-inline:4px;font-size:10px}.studio-sidebar{padding-inline:7px}.studio-backend .studio-sidebar .studio-draft-notice small{display:block}.studio-backend .studio-main .studio-score-canvas{padding:8px}}@media (prefers-reduced-motion:reduce){.studio-backend *,.studio-backend :before,.studio-backend :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.studio-workarea,.studio-main{overflow:visible;display:block!important}.studio-sidebar,.studio-commandbar,.studio-main>.studio-tools,.studio-main>.studio-compare-options{display:none!important}.studio-main .studio-score-canvas{padding:0!important}}.studio-rail-toggle{display:none}@media (width<=650px){.studio-workarea{position:relative}.studio-backend .studio-commandbar .studio-project-heading{align-items:center;gap:8px;display:flex}.studio-backend .studio-commandbar .studio-project-heading h2{flex:1;min-width:0}.studio-backend .studio-commandbar .studio-rail-toggle{min-height:25px;margin-left:auto;padding:3px 7px;font-size:10px;display:block}.studio-sidebar{z-index:110;visibility:hidden;width:172px;transition:transform .18s,visibility .18s;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:4px 0 18px #244b7b16}.studio-backend[data-sidebar-open=true] .studio-sidebar{visibility:visible;transform:translate(0)}.studio-backend .studio-header-controls .studio-modes{gap:2px;padding:2px}.studio-backend .studio-header-controls .studio-modes button{gap:0;min-width:31px;padding:3px;font-size:9px}.studio-backend .studio-header-controls .studio-modes button>span{display:none}}@media (width<=400px){.studio-backend .studio-commandbar{min-height:116px}.studio-backend .studio-header-controls{grid-template-rows:31px 47px;grid-template-columns:1fr 1fr;gap:4px;min-height:86px}.studio-backend .studio-header-controls .studio-listen-choice{grid-area:1/1}.studio-backend .studio-header-controls .studio-modes{grid-area:1/2}.studio-backend .studio-header-controls .studio-transport{grid-area:2/1/auto/-1;justify-self:center}}.studio-backend .studio-sidebar .studio-back-projects{color:#71859d;background:0 0;border:0;align-items:center;gap:8px;min-height:24px;margin-bottom:9px;padding:2px 0 10px;font-size:10px;display:flex}.studio-back-projects>span{font-size:21px;line-height:14px}.studio-prepared-examples{box-sizing:border-box;background:#f8fbff;border:1px solid #d8e4f0;border-radius:9px;gap:10px;width:100%;margin:14px auto 8px;padding:14px 16px;display:grid}.studio-app .studio-prepared-examples h3{color:#304f72;margin:0 0 4px;font-size:13px;font-weight:600}.studio-app .studio-prepared-examples p{color:#74869c;margin:0;font-size:11px;line-height:1.5}.studio-example-buttons{flex-wrap:wrap;gap:7px;display:flex}.studio-app .studio-example-buttons button{color:#355f8b;background:#fff;border:1px solid #cbdced;border-radius:6px;align-items:center;gap:20px;min-height:33px;padding:6px 11px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.studio-example-buttons button:hover:not(:disabled){background:#eef6ff;border-color:#8eafd2}.studio-example-buttons button>span{color:#8aa1bb}@media (prefers-reduced-motion:reduce){.studio-example-buttons button{transition:none}}@media print{.backend-workspace.studio-backend.print-hands>.studio-workarea{display:block!important}.backend-workspace.studio-backend.print-hands .studio-main{background:0 0;overflow:visible;display:block!important}.backend-workspace.studio-backend.print-hands .studio-main>.studio-score-canvas{min-height:0;overflow:visible;padding:0!important;display:block!important}.backend-workspace.studio-backend.print-hands .studio-main>:not(.studio-score-canvas){display:none!important}.backend-workspace.studio-backend.print-hands .score-note-link.is-linked-selected path{fill:#000!important;stroke:none!important}.backend-workspace.studio-backend.print-hands .score-note-letter[data-hollow=true]{fill:#000}.backend-workspace.studio-backend.print-hands .score-letter-hollow-head{stroke:#000!important}}.studio-app:not(.has-score){box-sizing:border-box;background:radial-gradient(at 16% 12%,#a9d6ff5e,#0000 44%),radial-gradient(at 92% 54%,#c6cfff6b,#0000 42%);min-height:100dvh}.studio-app:not(.has-score) .app-heading{max-width:940px;margin:0 auto 20px}.studio-app:not(.has-score) .studio-brand>span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(140deg,#fff9,#bddbfa8c);border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,0 5px 18px #3672ae17}.studio-app:not(.has-score) .opening-upload{max-width:880px;margin:24px auto;padding:0}.opening-intro{text-align:left;padding:6px 2px 24px}.opening-eyebrow{letter-spacing:.15em;color:#4977a7;font-size:10px;font-weight:650}.studio-app .opening-intro .opening-upload-title{text-align:left;letter-spacing:-1px;color:#203e63;max-width:620px;margin:9px 0 10px;font-size:34px;font-weight:550;line-height:1.18}.studio-app .opening-intro p{color:#587492;margin:0;font-size:14px}.studio-app:not(.has-score) .upload-panel{-webkit-backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(135deg,#ffffffd1,#f4f9ffab);border:1px solid #ffffffdc;border-radius:19px;padding:25px;position:relative;box-shadow:inset 0 1px #fff,0 18px 50px #315c9020,0 2px 7px #315c9010}.studio-app:not(.has-score) .source-card-heading{border-bottom:1px solid #b9d0e657;margin-bottom:20px;padding-bottom:17px}.studio-app:not(.has-score) .source-card-heading strong{color:#294a70;font-size:17px;font-weight:600}.studio-app:not(.has-score) .source-card-heading span{color:#5b7693}.studio-app:not(.has-score) .source-status{color:#3d6b9b;background:#e7f2ffe6;border:1px solid #c3d9f0;box-shadow:inset 0 1px #fff}.studio-app:not(.has-score) .upload-panel .segmented-choice-strip{background:#cfe1f361;border-color:#b3cce6;border-radius:13px;gap:6px;padding:5px;box-shadow:inset 0 1px 4px #315c9008}.studio-app:not(.has-score) .upload-panel .segmented-choice-strip button{border-radius:9px;min-height:76px;padding:13px 17px;transition:background .16s,border-color .16s,box-shadow .16s}.studio-app:not(.has-score) .audio-drop-zone{box-sizing:border-box;background:linear-gradient(140deg,#f9fcff9c,#dfedff80);border:1px dashed #94b5d9;border-radius:13px;flex-direction:column;align-items:center;gap:9px;width:100%;margin:5px 0 0;padding:23px 16px;transition:background .16s,border-color .16s;display:flex;box-shadow:inset 0 0 28px #fff8}.audio-upload-symbol{background:linear-gradient(145deg,#fff,#d6e9fe);border:1px solid #bfd6ee;border-radius:14px;place-items:center;width:47px;height:47px;display:grid;box-shadow:inset 0 1px #fff,0 4px 10px #356dae14}.audio-upload-symbol svg{fill:none;stroke:#447ebc;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.studio-app:not(.has-score) .audio-drop-prompt{color:#355b84;font-size:14px;font-weight:550}.studio-app:not(.has-score) .audio-drop-or{color:#6683a1;letter-spacing:.07em;font-size:10px}.studio-app:not(.has-score) .file-picker{background:#ffffffdc;border-color:#bfd4eb;border-radius:7px;max-width:100%}.studio-app:not(.has-score) .file-picker-button{color:#3269a4;background:#fff}.studio-app:not(.has-score) button.create-guide-button{background:linear-gradient(110deg,#367bbe,#3866a9);border-color:#3267a4;border-radius:8px;min-height:43px;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff38,0 4px 12px #3165a222}.studio-app:not(.has-score) button.create-guide-button:disabled{opacity:1;color:#71879f;background:#dce7f3;border-color:#c9d8e9;box-shadow:inset 0 1px #fff9}.studio-app:not(.has-score) .piano-model-status{background:#e8f2fecc;border-color:#b9d0e8;border-radius:9px}.studio-app:not(.has-score) .upload-actions{gap:14px}.studio-app:not(.has-score) .upload-status:empty{display:none}@media (width<=650px){.studio-app:not(.has-score){padding:18px 14px 35px}.studio-app:not(.has-score) .opening-upload{margin:18px auto}.studio-app .opening-intro .opening-upload-title{max-width:430px;font-size:28px}.studio-app:not(.has-score) .upload-panel{border-radius:15px;padding:17px}.studio-app:not(.has-score) .upload-panel .segmented-choice-strip button{min-height:80px;padding:10px}}.studio-sidebar-resizer{touch-action:none;cursor:col-resize;background:#e6eff9;border-right:1px solid #ccdcec;outline:none;flex:0 0 9px;justify-content:center;align-items:center;width:9px;display:flex}.studio-sidebar-resizer span{background:#aac3dc;border-radius:3px;width:3px;height:42px;transition:height .16s,background .16s}.studio-sidebar-resizer:hover span,.studio-sidebar-resizer:focus-visible span{background:#5187bd;height:64px}.studio-sidebar-resizer:focus-visible{box-shadow:inset 0 0 0 2px #5187bd}.studio-backend .studio-commandbar{grid-template-columns:calc(var(--studio-rail-width) + 10px) minmax(0,1fr)}.studio-backend .studio-sidebar .segmented-choice-title{white-space:normal;overflow-wrap:normal;font-size:11px;line-height:1.35}.studio-backend .studio-sidebar .segmented-choice-strip button{white-space:normal;overflow-wrap:normal;min-height:34px}.studio-backend .studio-sidebar .studio-practice-button{color:#285c94;background:linear-gradient(135deg,#e6f1ff,#d7e9fd);border-color:#9bbce0;font-size:12px}.studio-practice-hint{color:#71839a;margin-top:-3px;font-size:10px}.studio-chord-preview{flex-wrap:wrap;gap:4px;display:flex}.studio-chord-preview span{color:#496f98;background:#f1f7ff;border:1px solid #d0e0ef;border-radius:4px;padding:3px 5px;font-size:10px}.studio-sidebar{scrollbar-color:#b3c9df transparent}.studio-backend .studio-sidebar .studio-draft-notice>span{font-size:10px}@media (width<=650px){.studio-sidebar-resizer{display:none}.studio-backend .studio-commandbar{grid-template-columns:1fr}.studio-sidebar{width:224px;max-width:calc(100vw - 36px)}}@media print{.studio-sidebar-resizer{display:none!important}}@media (prefers-reduced-motion:reduce){.studio-sidebar-resizer span,.studio-app:not(.has-score) .upload-panel .segmented-choice-strip button{transition:none}}.studio-app:not(.has-score) .change-audio.opening-upload{background:0 0;border:0}.studio-app:not(.has-score) .audio-source-container{max-width:880px}.studio-app:not(.has-score) .app-heading{max-width:880px;margin-bottom:14px}.studio-app:not(.has-score)>.opening-project{max-width:880px;margin:8px auto}.studio-app:not(.has-score)>details.recovery-banner{width:100%;max-width:880px;box-shadow:none;background:0 0;border:0;margin:0 auto;padding:0}.studio-app:not(.has-score)>details.recovery-banner>summary{color:#5c7794;min-height:26px;padding:5px 0;font-size:11px;font-weight:500}.studio-app:not(.has-score)>.studio-extra-tools{width:100%;max-width:880px;margin:0 auto}.studio-app:not(.has-score) .opening-upload{margin-top:18px}.studio-app:not(.has-score) .upload-panel .source-card-heading{margin-bottom:8px;padding-bottom:12px}.studio-app:not(.has-score) .upload-actions{gap:12px;padding-top:8px}.studio-app:not(.has-score) .upload-panel .advanced-controls{background:0 0;border:0}.studio-app:not(.has-score) .upload-panel .advanced-controls>summary{color:#5a7a9c;min-height:23px;padding:2px 0;font-size:11px;font-weight:500}.studio-app:not(.has-score) .audio-drop-zone{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:47px minmax(0,1fr);align-items:center;gap:4px 14px;padding:17px;display:grid}.studio-app:not(.has-score) .audio-upload-symbol{grid-area:1/1/3}.studio-app:not(.has-score) .audio-drop-prompt{grid-area:1/2;align-self:end}.studio-app:not(.has-score) .audio-drop-or{grid-area:2/2;align-self:start}.studio-app:not(.has-score) .audio-drop-zone .file-picker{grid-area:3/1/auto/-1;margin-top:9px}@media (width<=650px){.studio-app:not(.has-score) .audio-drop-zone{column-gap:10px;padding:13px}.studio-app:not(.has-score) .audio-drop-prompt{font-size:12px}.studio-app:not(.has-score) .opening-project{gap:6px}}.studio-app:not(.has-score){background:radial-gradient(at 10% 5%,#9bc9ff88,#0000 48%),radial-gradient(at 98% 65%,#aac3ff70,#0000 46%),#eaf3fd;padding-top:30px}.studio-app:not(.has-score) .home-glass-shell{-webkit-backdrop-filter:blur(26px)saturate(145%);background:linear-gradient(135deg,#ffffffc9,#f0f7ff9c);border:1px solid #ffffffed;border-radius:25px;width:100%;max-width:900px;margin:0 auto;padding:30px;box-shadow:inset 0 1px 1px #fff,0 20px 60px #21569922,0 2px 5px #315d9610}.studio-app:not(.has-score) .home-glass-shell .app-heading{width:100%;max-width:none;margin:0 0 16px}.studio-app:not(.has-score) .home-glass-shell .studio-brand>span{background:linear-gradient(150deg,#ffffffed,#b9dbffb0);border-color:#a5c7ed;border-radius:15px;width:49px;height:58px;font-size:42px;line-height:1;overflow:hidden}.studio-app:not(.has-score) .home-glass-shell .opening-project{flex-wrap:wrap;gap:8px;max-width:none;margin:0 0 14px;display:flex}.studio-app:not(.has-score) .home-glass-shell .opening-upload{max-width:none;margin:0}.studio-app:not(.has-score) .opening-intro{padding:8px 0 20px}.studio-app:not(.has-score) .opening-intro .opening-upload-title{max-width:660px;margin:0 0 9px;font-size:30px;line-height:1.18}.studio-app:not(.has-score) .home-glass-shell .upload-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fafdffe6,#e7f2ffbd);border:1px solid #a7c9ed;border-radius:18px;padding:21px;box-shadow:inset 0 1px #fff,0 5px 20px #2b63a51a}.home-draft-recovery{background:#e7f1fd70;border:1px solid #bdd2e9;border-radius:9px;margin:0 0 14px;padding:0 12px}.studio-app .home-draft-recovery>summary{color:#476e9b;min-height:29px;padding:6px 0;font-size:11px;font-weight:550}.studio-app .home-draft-recovery p{margin:0 0 8px;font-size:11px}.studio-app .home-draft-recovery .project-button-row{margin:0 0 10px}.studio-app .home-record-action{text-align:left;background:linear-gradient(120deg,#d4e8ffbd,#f2f8ffb8);border-color:#a7c7eb;border-radius:11px;align-items:center;gap:11px;width:100%;margin:0 0 12px;padding:11px 15px;display:flex}.home-record-action>span:last-child{color:#3066a3;margin-left:auto;font-size:19px}.home-record-action>span:nth-child(2){gap:2px;display:grid}.home-record-action strong{font-size:12px;font-weight:600}.home-record-action small{color:#5c789a;font-size:11px}.home-record-icon{color:#347cc5;background:#c6dffc;border:1px solid #9dbfe4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid;box-shadow:inset 0 1px #fff}.home-utility-footer{border-top:1px solid #b8cfe7;width:100%;max-width:900px;margin:26px auto 0;padding:18px 3px 0}.home-footer-heading{color:#496d94;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:11px;display:flex}.home-footer-heading small{color:#7288a1;font-size:10px}.studio-app .home-utility-footer details{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.studio-app .home-utility-footer details>summary{color:#627c99;min-height:28px;padding:5px 0;font-size:11px;font-weight:500}.studio-app .home-utility-footer .recovery-banner{max-width:none}.studio-app .home-utility-footer .project-button-row{flex-wrap:wrap;gap:6px;margin:0;padding:4px 0;display:flex}.studio-app .home-utility-footer .project-button-row>span{flex:250px;font-size:10px}.studio-app .home-utility-footer p,.studio-app .home-utility-footer .opening-project>span{font-size:11px}.studio-app .home-utility-footer button{min-height:27px;font-size:10px}.studio-app:not(.has-score) .upload-panel .segmented-choice-strip{background:linear-gradient(135deg,#a8cdf56b,#d1e3fa8c);border-color:#87b2e2;box-shadow:inset 0 1px 3px #376ba51c}.studio-app:not(.has-score) .upload-panel .segmented-choice-strip button[aria-checked=true]{color:#fff;background:linear-gradient(130deg,#3c89d5,#3266b2);border-color:#376cb1;box-shadow:inset 0 1px #ffffff7a,0 3px 9px #285b9630}.studio-app:not(.has-score) .upload-panel [aria-checked=true] .segmented-choice-description{color:#e4f0ff}.studio-app .audio-drop-zone[data-drag-active=true]{border:2px solid #287cce;transform:translateY(-2px);background:linear-gradient(130deg,#badfffef,#a7cdffdd)!important;box-shadow:inset 0 0 0 3px #ffffff9c,0 0 0 5px #4b96df27,0 9px 30px #2d72b536!important}.studio-app .audio-drop-zone[data-drag-active=true] .audio-drop-prompt{color:#174d87;font-size:16px;font-weight:700}.studio-app .audio-drop-zone[data-drag-active=true] .audio-upload-symbol{color:#2675bd;background:#fff;box-shadow:0 0 0 7px #ffffff62}.studio-app input[type=range],.studio-backend input[type=range]{accent-color:#397fc6}@media (width<=650px){.studio-app:not(.has-score){padding:14px 10px 30px}.studio-app:not(.has-score) .home-glass-shell{border-radius:18px;padding:18px 14px}.studio-app:not(.has-score) .home-glass-shell .upload-panel{padding:14px}.studio-app:not(.has-score) .opening-intro .opening-upload-title{font-size:25px}.home-footer-heading{flex-wrap:wrap;gap:3px}}@media (prefers-reduced-motion:reduce){.studio-app .audio-drop-zone[data-drag-active=true]{transform:none}}.score-quick-controls{z-index:9;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);color:#234568;background:linear-gradient(135deg,#fafdffcf,#cce4f6a6);border:1px solid #ffffffdc;border-radius:20px;width:174px;position:absolute;top:16px;right:18px;overflow:hidden;box-shadow:0 9px 30px #1a589526,inset 0 1px #fff}.studio-backend .quick-controls-heading{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;font-size:12px;font-weight:750;display:flex}.quick-controls-body{gap:7px;padding:0 12px 12px;animation:.16s ease-out studio-panel-arrive;display:grid}.studio-backend .glass-toggle{width:100%;box-shadow:none;color:#254563;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:11px;display:flex}.glass-toggle-track{background:linear-gradient(#aac4d78c,#d3e3eea8);border:1px solid #7f9bb64d;border-radius:15px;flex:0 0 35px;width:35px;height:21px;padding:2px;transition:background .18s;display:block;box-shadow:inset 0 1px 3px #284c7030}.glass-toggle-track i{background:linear-gradient(160deg,#fff,#e1edf6);border:1px solid #fff;border-radius:50%;width:15px;height:15px;transition:transform .18s;display:block;box-shadow:0 2px 5px #163b633d}.glass-toggle[aria-checked=true] .glass-toggle-track{background:linear-gradient(135deg,#5dafef,#176de0);border-color:#528fd4;box-shadow:inset 0 1px 2px #fff5,0 2px 8px #2e83d536}.glass-toggle[aria-checked=true] .glass-toggle-track i{transform:translate(13px)}.quick-speed{border-block:1px solid #aac7df69;padding:9px 0;font-size:11px}.quick-speed label,.quick-speed>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.quick-speed output{font-variant-numeric:tabular-nums;font-weight:700}.quick-speed input{accent-color:#277de2;width:100%;margin:10px 0}.studio-backend .quick-speed button{background:#ffffff70;border-color:#b5ccdf80;padding:2px 5px;font-size:10px}.quick-beat{color:#56708b;align-items:center;gap:7px;font-size:10px;display:flex}.quick-beat i{background:#9bb3ca;border-radius:50%;width:7px;height:7px}.quick-beat[data-playing=true] i{background:#317ed8;box-shadow:0 0 0 4px #6eb4ed35}.quick-beat[data-playing=true][data-beat="1"] i{background:#d9a72c}.quick-hand-legend{color:#267cd8;justify-content:space-between;padding-top:5px;font-size:10px;display:flex}.quick-hand-legend span+span{color:#d36562}.studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-right:204px}:is(.studio-main:has(>.studio-tools[open])>.score-quick-controls,.studio-main:has(>.studio-compare-options[open])>.score-quick-controls){display:none}.studio-backend .score-preset-grid{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px;display:grid}.studio-backend .score-preset-grid button{text-align:left;background:linear-gradient(150deg,#fff9,#d9eafa80);border:1px solid #aac8e171;border-radius:12px;min-height:64px;padding:10px 7px;box-shadow:inset 0 1px #fff}.score-preset-grid strong,.score-preset-grid small{display:block}.score-preset-grid strong{font-size:11px;line-height:1.3}.score-preset-grid small{opacity:.8;margin-top:4px;font-size:9px;line-height:1.4}.studio-backend .score-preset-grid button[aria-pressed=true]{color:#fff;background:linear-gradient(145deg,#61b2f1b8,#246edee8);border-color:#3c8be5;box-shadow:0 4px 11px #3c83c924,inset 0 1px #ffffff7a}.score-expert-settings{border-top:1px solid #b8cde24d;padding-top:7px;font-size:10px}.score-expert-settings summary{cursor:pointer;padding:5px 0}.score-expert-settings>.segmented-choice{margin-block:10px}.backend-hands-engraving[data-edit-bars=true]{touch-action:pan-y;-webkit-user-select:none;user-select:none}.score-bar-area{fill:#5aa6eb00;stroke:#0000;stroke-width:1.5px;pointer-events:none}.score-bar-area.is-bar-hovered{fill:#5aa6eb1d;stroke:#71aceb8a}.score-bar-area.is-bar-selected{fill:#388be82b;stroke:#398be7b3}.backend-hands-engraving[data-edit-bars=true] .score-note-link:not(.is-in-selected-bar){cursor:crosshair}.backend-hands-engraving[data-edit-bars=true] .score-note-link.is-in-selected-bar:hover{filter:drop-shadow(0 0 3px #247eea);fill:#247eea}.score-bar-area:focus{stroke:#247eea;stroke-width:2px;outline:none}.studio-edit-layout{flex-wrap:wrap;max-height:38%;position:relative}.score-bar-edit-status{color:#466583;background:#ecf5ff;flex:0 0 100%;grid-column:1/-1;padding:7px 12px;font-size:11px;line-height:1.6}.studio-backend .score-bar-edit-status button{margin-left:5px;padding:3px 7px;font-size:10px}.studio-edit-layout .studio-roll-heading p{margin:3px 0;font-size:10px}.studio-edit-layout .studio-roll-heading{padding:6px 10px}.studio-edit-layout .studio-roll-scroll{max-height:160px}.studio-backend .piano-resize-dock{z-index:7;overflow:visible}.falling-notes-overlay{pointer-events:none;z-index:5;width:100%;position:absolute;left:0;-webkit-mask-image:linear-gradient(#0000,#000 12%,#000);mask-image:linear-gradient(#0000,#000 12%,#000)}.studio-backend .piano-resize-dock .piano-key.white-key.middle-c-key:not(.active-white-key):not(.sounding-piano-key){background:linear-gradient(#fffdf4,#f9f1d7);border-color:#d1be82;box-shadow:inset 0 -4px #d5b9682b}@media (width<=1000px){.score-quick-controls{width:150px;top:12px;right:12px}.studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-right:174px}}@media (width<=650px){.score-quick-controls{width:144px;top:8px;right:8px}.studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-top:335px;padding-right:8px}.quick-controls-heading{font-size:11px}.studio-edit-layout{max-height:45%}.studio-inspector{display:none}}@media (prefers-reduced-motion:reduce){.glass-toggle-track,.glass-toggle-track i{transition:none}.quick-controls-body{animation:none}}.studio-backend .score-quick-controls .glass-toggle{min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0;font-size:11px}.studio-backend .score-quick-controls .quick-controls-heading{background:0 0;border:0;border-radius:0;min-height:38px;padding:12px 14px;font-size:12px}.studio-backend .score-quick-controls input[type=range]{appearance:none;box-sizing:border-box;width:100%;height:16px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:8px;margin:10px 0;padding:0}.studio-backend .score-quick-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#b0cee2a8,#e9f4fca8);border:1px solid #7cadd044;border-radius:9px;height:7px;box-shadow:inset 0 1px 3px #284f722b,0 1px #fff}.studio-backend .score-quick-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(140deg,#7bc3f5,#2478df);border:1px solid #ffffffba;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 2px 6px #315e9552,inset 0 1px 1px #fff8}.studio-backend .score-quick-controls .quick-speed button{min-height:22px;padding:2px 5px;font-size:10px}.studio-main:has(.score-quick-controls[data-open=true])>.studio-edit-layout{margin-right:204px}@media (width<=1000px){.studio-main:has(.score-quick-controls[data-open=true])>.studio-edit-layout{margin-right:174px}}@media (width<=650px){.studio-main:has(.score-quick-controls[data-open=true])>.studio-edit-layout{margin-right:0}.studio-mode-edit .score-quick-controls{top:auto;bottom:10px}.studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-top:8px}.studio-mode-edit .studio-score-canvas{padding-bottom:320px}}.studio-backend .score-custom-status{color:#5c7591;margin:9px 0 3px;font-size:10px;display:block}.app .home-resume-score{box-shadow:none;background:#e5f1fc99;border-color:#abc9e380;padding:5px 10px;font-size:12px}@media print{.score-bar-area{display:none!important}}.studio-backend .score-preset-grid button[aria-pressed=true] small{color:#f3faff;opacity:1}.studio-backend .studio-primary-play:hover{color:#fff!important;background:linear-gradient(#448cce,#2668a8)!important;border-color:#236bae!important}.studio-backend .studio-edit-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 230px;align-items:stretch;min-height:220px;overflow:hidden}.studio-edit-layout .studio-roll-panel{flex-direction:column;min-height:0;display:flex}.studio-edit-layout .studio-roll-heading{flex:none;grid-template-columns:minmax(0,1fr) 70px 100px;align-items:center;gap:8px;padding:8px 10px;display:grid}.studio-edit-layout .studio-roll-heading>div{margin:0}.studio-edit-layout .studio-roll-heading p{font-size:10px;line-height:1.35}.studio-backend .studio-roll-heading input[type=range]{box-sizing:border-box;background:0 0;border:0;width:90px;height:16px;min-height:16px;padding:0}.studio-edit-layout .studio-roll-scroll{flex:auto;min-height:70px;max-height:none}.studio-edit-layout .studio-roll-status{flex:none;min-height:22px;margin:0;padding:5px 10px;font-size:10px}.studio-edit-layout .studio-inspector{max-height:none;padding:10px;overflow:auto}@media (width<=850px){.studio-backend .studio-edit-layout{grid-template-columns:minmax(0,1fr) 180px}.studio-edit-layout .studio-roll-heading{grid-template-columns:minmax(0,1fr) 64px}.studio-edit-layout .studio-roll-heading>label:last-child{display:none}}@media (width<=650px){.studio-backend .studio-edit-layout{grid-template-columns:minmax(0,1fr);min-height:210px}}.studio-backend .studio-inspector-close{margin:0 0 8px;padding:3px 7px;font-size:10px}@media (width<=650px){.studio-edit-layout .studio-inspector:has(.backend-note-editor){z-index:6;background:linear-gradient(140deg,#fbfdff,#e7f2ff);border:0;max-height:none;display:block;position:absolute;inset:43px 0 0;overflow:auto}.studio-edit-layout .studio-inspector-close{z-index:1;position:sticky;top:0}}.studio-backend .inline-mic-launch{z-index:3;flex:none;padding:4px 12px 6px;position:relative}.studio-backend .inline-mic-launch button{color:#225a91;background:#eef7ffb8;border:1px solid #9fc5ec;border-radius:20px;padding:7px 14px}.studio-backend .inline-playalong{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fffe,#e0effbd9);border:1px solid #a9c9e8;border-radius:18px;flex:none;margin:0 204px 8px 10px;padding:10px 14px;font-size:12px;box-shadow:0 6px 20px #477aa712}.mic-title,.mic-actions,.mic-level,.mic-target{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mic-title{justify-content:space-between}.mic-title strong{align-items:center;gap:8px;font-size:14px;display:flex}.mic-title i{background:#a2b1bf;border-radius:50%;width:8px;height:8px}.mic-title i[data-live=true]{background:#348ddc;box-shadow:0 0 0 4px #398fe41a}.studio-backend .inline-playalong p{margin:4px 0 8px}.studio-backend .inline-playalong .mic-start{color:#fff;background:#2d79be}.mic-actions [role=status]{flex:1;min-width:180px}.mic-level{color:#53718b;margin-top:8px}.mic-level meter{width:90px}.mic-target{border-top:1px solid #b8d0e5;margin-top:8px;padding-top:8px}.studio-backend .quick-speed input[type=number]{background:#fff9;border:1px solid #afcbe6;border-radius:7px;width:62px;min-width:0;padding:2px 4px;font-size:12px}.studio-backend .speed-stops{gap:4px;display:flex}.studio-backend .speed-stops button{flex:1;padding:5px 1px;font-size:11px}.studio-backend .keyboard-range-controls button{touch-action:manipulation;min-width:36px;min-height:34px}@media (width<=1180px){.studio-backend .studio-workspace-top{flex-wrap:wrap;gap:4px;padding:8px 12px}.studio-backend .studio-project-heading h2{font-size:17px}.studio-backend .inline-playalong{margin-right:12px}.studio-backend .score-quick-controls{width:164px;top:5px;right:10px}.studio-backend .score-quick-controls[data-open=false]{width:146px}.studio-backend .studio-score-stage,.studio-backend.studio-mode-edit .studio-score-stage{padding-right:0!important}.studio-backend .studio-sidebar{z-index:20;width:min(var(--studio-rail-width),70vw);visibility:hidden;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:10px 0 30px #244f7620}.studio-backend[data-sidebar-open=true] .studio-sidebar{visibility:visible;transform:translate(0)}.studio-backend .studio-rail-toggle{min-height:40px;display:inline-flex}.studio-backend .studio-workarea{position:relative}.studio-backend .studio-sidebar-resizer{display:none}}@media (pointer:coarse){.studio-backend button:not(.piano-key){min-height:40px}.studio-backend .keyboard-range-controls button{min-width:42px;min-height:42px}.studio-backend .studio-transport button{min-width:46px;min-height:46px}.studio-backend input[type=range]{min-height:34px}.studio-backend .inline-playalong{font-size:13px}}@media (width>=651px) and (width<=1180px){.studio-backend .studio-commandbar{grid-template-columns:minmax(0,1fr);height:auto;min-height:100px}.studio-backend .studio-project-heading{align-items:center;gap:10px;min-height:40px;padding:4px 12px;display:flex}.studio-backend .studio-project-heading h2{flex:1;max-width:none}.studio-backend .studio-header-controls{justify-content:center;min-height:52px}.studio-backend .studio-sidebar{z-index:110}.studio-backend .inline-mic-launch{padding-right:170px}.studio-backend .studio-main:has(.score-quick-controls[data-open=true])>.studio-edit-layout{margin-right:0}.studio-backend .studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-right:8px}.studio-backend .studio-mode-edit .score-quick-controls{top:auto;bottom:8px}}@media (width<=1180px){.studio-backend .score-quick-controls[data-open=true]{flex:none;width:auto;margin:0 10px 8px;position:relative;top:auto;right:auto}.studio-backend .score-quick-controls[data-open=true] .quick-controls-body{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px 14px;display:grid}.studio-backend .score-quick-controls[data-open=true] .quick-speed{grid-column:1/-1;padding:5px 0}.studio-backend .score-quick-controls[data-open=true] .quick-speed input[type=range]{margin:7px 0}.studio-backend .score-quick-controls .quick-speed input[type=number]{margin:0}.studio-backend .score-quick-controls[data-open=true] .quick-speed .speed-stops{max-width:210px}}@media (width<=650px){.studio-backend .score-quick-controls[data-open=true] .quick-controls-body{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-backend .inline-playalong{margin-right:10px}}@media (width>=900px) and (width<=1180px) and (height<=850px){.studio-backend .score-quick-controls[data-open=true]{width:164px;margin:0;position:absolute;top:6px;right:10px}.studio-backend .score-quick-controls[data-open=true] .quick-controls-body{flex-direction:column;align-items:stretch;gap:8px;display:flex}.studio-backend .studio-main:has(.score-quick-controls[data-open=true])>.studio-score-canvas{padding-right:190px}.studio-backend .studio-main:has(.score-quick-controls[data-open=true])>.studio-edit-layout{margin-right:190px}.studio-backend .studio-main:has(.score-quick-controls[data-open=true])>.inline-playalong{margin-right:190px}}.studio-app:not(.has-score) .home-glass-shell .studio-brand>span{align-items:center;font-size:28px;line-height:1.5;overflow:hidden}.studio-backend .score-quick-controls .glass-toggle{justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 0;line-height:20px;display:flex}.studio-backend .score-quick-controls .glass-toggle-track{box-sizing:border-box;border-width:1px;flex:0 0 36px;width:36px;min-width:36px;height:22px;padding:0;display:block;position:relative}.studio-backend .score-quick-controls .glass-toggle-track i{box-sizing:border-box;width:16px;height:16px;margin:0;position:absolute;top:2px;left:2px;transform:translate(0)}.studio-backend .score-quick-controls .glass-toggle[aria-checked=true] .glass-toggle-track i{transform:translate(14px)}.studio-backend .quick-hand-legend{color:#d36562}.studio-backend .quick-hand-legend span+span{color:#267cd8}.quick-beats{justify-content:space-between;gap:7px;padding:4px 0;display:flex}.quick-beats i{color:#68839b;background:#e3edf680;border:1px solid #adc8df;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;transition:background 60ms;display:grid}.quick-beats i[data-lit=true]{color:#fff;background:#328ae0;border-color:#4c9be2;box-shadow:0 0 0 3px #69ade425}.quick-beats i:first-child[data-lit=true]{background:#1e65ae}.studio-backend .quick-speed>label>span{white-space:nowrap;align-items:center;gap:2px;display:flex}.studio-backend .quick-speed .tempo-relative{font-size:10px}.studio-backend .score-preset-grid button[data-preset=all]{opacity:.72;background:#edf4fa80;grid-column:1/-1;font-weight:400}.falling-icicle{pointer-events:visiblePainted;cursor:pointer;stroke:#e0f5ff;stroke-width:.65px;filter:drop-shadow(0 0 2px #228de755)}.falling-icicle[data-hand=left]{stroke:#ffe4ea;filter:drop-shadow(0 0 2px #ee617855)}.falling-icicle:hover,.falling-icicle:focus{stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 0 4px #288beaaa);outline:none}.keyboard-dock[data-narrow-keys=true] .piano-key-name{font-size:8px}.keyboard-dock[data-narrow-keys=true] .black-key .piano-key-name{display:none}.studio-backend .studio-roll-row{box-sizing:border-box}.studio-backend .studio-roll-ruler{z-index:9;position:absolute}.studio-backend .studio-roll-ruler .roll-bar-marker{color:#3e648b;white-space:nowrap;background:0 0;border:0;border-left:1px solid #b3cce4;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-width:0;height:40px;min-height:0;padding:3px 5px;font-size:10px;line-height:13px;display:flex;position:absolute;top:0}.studio-backend .roll-bar-marker small{color:#7a8fa3;font-size:9px}.studio-backend .roll-bar-marker:hover{background:#dbeeff}.roll-bar-gridline{z-index:2;pointer-events:none;background:#9bbde277;width:1px;position:absolute}.studio-backend .studio-roll-row .roll-pitch-key{z-index:7;box-sizing:border-box;color:#4c6c8c;text-align:right;touch-action:manipulation;min-width:0;min-height:0;box-shadow:none;background:linear-gradient(90deg,#f5f9fd,#fff);border-top:0;border-bottom:1px solid #d8e4ef;border-left:0;border-right:1px solid #b6cce0;border-radius:0;padding:0 8px 0 0;font-size:10px;line-height:22px;display:block;position:sticky;left:0}.studio-backend .studio-roll-row.is-black .roll-pitch-key{color:#fff;background:linear-gradient(90deg,#456382,#263f59);border-radius:0 3px 3px 0;width:54px!important}.studio-backend .studio-roll-row.is-pitch-selected .roll-pitch-key{color:#1a5b95;background:#d9ebfc;box-shadow:inset -3px 0 #2d80d4}.studio-backend .studio-roll-row.is-pitch-sounding .roll-pitch-key{color:#fff;background:#3189dc;box-shadow:inset 0 0 0 1px #7ebcfa}.studio-backend .studio-roll-note{box-sizing:border-box;border-radius:3px;min-width:12px;min-height:0;padding:0;font-size:10px;line-height:16px}.studio-backend .studio-roll-note.is-left{background:#cf7282;border-color:#bd6073}.studio-backend .studio-roll-grid{background-position-x:64px;overflow:visible}.studio-backend .studio-roll-ruler{position:sticky;top:0}.studio-backend .studio-roll-row:has(.roll-pitch-key:hover){background-color:#75afe520}.backend-hands-engraving .score-playhead{fill:#268c59;opacity:.43;stroke:none;pointer-events:none}.backend-hands-engraving .score-note-link.is-score-sounding[data-score-hand=right]>path{fill:#2678bf!important;stroke:#2678bf!important}.backend-hands-engraving .score-note-link.is-score-sounding[data-score-hand=left]>path{fill:#bf435e!important;stroke:#bf435e!important}.backend-hands-engraving .score-note-link.is-score-sounding .score-note-letter{fill:#173b57!important}.backend-hands-engraving .score-note-link.is-score-sounding[data-score-hand=left] .score-note-letter{fill:#542c39!important}.backend-hands-engraving .score-note-link.is-score-sounding[data-score-hand=right] .score-letter-hollow-head{fill:#d9eafa;stroke:#2678bf}.backend-hands-engraving .score-note-link.is-score-sounding[data-score-hand=left] .score-letter-hollow-head{fill:#f9dfe5;stroke:#bf435e}.studio-backend .piano-resize-dock .piano-key.hand-right{color:#2d516c;background:linear-gradient(#e4f2ff,#a4cbed)!important;border-color:#92b7d6!important;box-shadow:inset 0 -3px #709bc52a,0 0 9px #9ccaf12e!important}.studio-backend .piano-resize-dock .piano-key.hand-left{color:#65414b;background:linear-gradient(#fff0f1,#edbdc7)!important;border-color:#d4a1ae!important;box-shadow:inset 0 -3px #b67b8b25,0 0 9px #e8b7c42e!important}.studio-backend .piano-resize-dock .piano-key.black-key.hand-right{background:linear-gradient(#adcde7,#78a5ca)!important}.studio-backend .piano-resize-dock .piano-key.black-key.hand-left{background:linear-gradient(#edc8d0,#c58f9e)!important}.studio-backend .piano-resize-dock .piano-key.hand-both{background:linear-gradient(120deg,#d7eafa,#eec5ce)!important;border-color:#b3bbcf!important}@media print{.score-playhead{display:none!important}.backend-hands-engraving .score-note-link.is-score-sounding>path{fill:#000!important;stroke:none!important}.backend-hands-engraving .score-note-link.is-score-sounding .score-note-letter{fill:#fff!important}.backend-hands-engraving .score-note-link.is-score-sounding .score-note-letter[data-hollow=true]{fill:#000!important}}.backend-hands-engraving .score-note-link.is-linked-selected[data-score-hand=left]>path{fill:#bf435e!important;stroke:#bf435e!important}.backend-hands-engraving[data-letter-guide=true] .is-linked-selected[data-score-hand=left] .score-letter-hollow-head{stroke:#bf435e}.backend-hands-engraving[data-letter-guide=true] .is-linked-selected[data-score-hand=right] .score-letter-hollow-head{stroke:#2678bf}.backend-hands-engraving[data-playing=true] .score-note-link.is-linked-selected:not(.is-score-sounding)>path{fill:#151b23!important;stroke:none!important}.backend-hands-engraving[data-playing=true][data-letter-guide=true] .is-linked-selected:not(.is-score-sounding) .score-letter-hollow-head{stroke:#242f3d}.quick-beats i:first-child{color:#8b6a19;background:#fff4cf80;border-color:#cfad58}.quick-beats i:first-child[data-lit=true]{color:#443306;background:#edbd39;border-color:#c89b22;box-shadow:0 0 0 3px #e8c04b35}.studio-backend .quick-speed .tempo-reset-row{margin-top:10px}.studio-audio-timing{color:#395d7c;padding:5px 0;font-size:11px;line-height:1.4;display:block}.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true]{opacity:1;color:#fff;background:linear-gradient(145deg,#4a9cddd9,#286cb9);border-color:#377cbd}.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true] small{color:#f3faff;opacity:1}.score-bar-seek{fill:#0000;stroke:none;pointer-events:all;cursor:pointer}.score-bar-seek:hover,.score-bar-seek:focus-visible{fill:#3d8edb30;stroke:#337fbd;stroke-width:1px;outline:none}@media print{.score-bar-seek{display:none!important}}.studio-backend .resizable-note-editor{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);max-height:none;padding-bottom:16px;position:relative}.studio-edit-layout .studio-roll-heading{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.studio-edit-layout .studio-roll-heading .roll-editor-title{flex:1 0 100%}.studio-edit-layout .studio-roll-heading>label,.studio-edit-layout .studio-roll-heading>label:last-child{gap:2px;font-size:10px;display:grid}.roll-edit-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.studio-backend .roll-edit-actions button,.studio-backend .studio-roll-heading button{min-height:24px;padding:3px 7px;font-size:10px}.studio-backend .roll-edit-actions button[aria-pressed=true]{color:#fff;background:#377dbd;border-color:#2866a0}.studio-backend .roll-edit-actions select{width:52px;min-width:0;padding:3px;font-size:10px}.studio-backend .studio-roll-heading input[type=range]{cursor:ew-resize;width:95px;min-width:60px;max-width:100%}.studio-backend .studio-roll-heading label>span{align-items:center;gap:5px;font-size:9px;display:flex}.studio-backend .studio-roll-note{touch-action:none}.studio-roll-insertion{pointer-events:none;z-index:2;background:#3884c659;width:1px;position:absolute}.note-editor-resize{z-index:15;cursor:ns-resize;touch-action:none;color:#547391;background:linear-gradient(#e9f4fc,#d8eafb);border-top:1px solid #aac8e1;justify-content:center;align-items:center;gap:8px;height:15px;display:flex;position:absolute;bottom:0;left:0;right:0}.note-editor-resize span{background:#98b9d4;border-radius:4px;width:45px;height:3px}.note-editor-resize small{font-size:8px}.note-editor-resize:hover,.note-editor-resize:focus-visible{outline-offset:-2px;background:#c9e4fa;outline:2px solid #669fcd}.studio-backend .note-pitch-stepper{align-items:center;gap:7px;display:flex}.studio-backend .note-pitch-stepper button{min-width:30px;padding:4px;font-size:16px}.note-pitch-stepper output{text-align:center;min-width:40px;font-weight:600}.note-duration-presets{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.studio-backend .note-duration-presets button{padding:3px 6px;font-size:10px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quick-metronome-volume{color:#456781;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:grid}.quick-metronome-volume input{accent-color:#3c91d5;grid-column:1/-1;width:100%}.quick-metronome-volume output{font-variant-numeric:tabular-nums;color:#59788e}.mic-level meter{accent-color:#3699d6;width:150px;height:13px}.mic-device{color:#52718b;align-items:center;gap:9px;margin-top:8px;font-size:12px;display:flex}.mic-device select{color:#284f70;background:#ffffffa8;border:1px solid #cfdfed;border-radius:9px;max-width:300px;padding:5px 9px}.mic-help{color:#98642c;font-size:13px}.backend-rhythm-controls .backend-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:16px;display:grid}.backend-rhythm-controls label{flex-direction:column;align-items:stretch;gap:6px;display:flex}.backend-rhythm-controls label small{color:#73879a;font-size:12px;font-weight:400}.backend-rhythm-controls button{align-self:end}.timing-diagnostics{color:#6b8297;margin:12px 0;font-size:12px}.focused-timing-panel{background:#fafdffdf;border:1px solid #c8dfee;border-radius:16px;max-height:50vh;margin:10px 12px;padding:14px 18px;overflow:auto}.focused-timing-panel .backend-rhythm-controls{border:0;margin:0;padding:0}.focused-timing-panel .studio-panel-close{float:right}@media (width>=1101px){.focused-timing-panel{margin-right:210px}}.mic-level meter::-webkit-meter-bar{background:#e3edf5;border:0;border-radius:8px}.mic-level meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#a7d8f6,#399bd8);border-radius:8px}.mic-replay-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.mic-replay-controls button{color:#285776;background:#f7fcffe6;border:1px solid #c3dced;border-radius:10px;padding:7px 11px}.mic-replay-controls small{color:#6e8599;font-size:12px}.studio-backend .score-preset-grid button[aria-pressed=true],.studio-backend .score-preset-grid button[aria-pressed=true]:hover:not(:disabled),.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true]:hover:not(:disabled){color:#183f64;background:linear-gradient(145deg,#ddedfc,#bedbf6);border-color:#79a9d2;box-shadow:inset 0 1px #fff,0 1px 4px #366f9f16}.studio-backend .score-preset-grid button[aria-pressed=true] small,.studio-backend .score-preset-grid button[aria-pressed=true]:hover small,.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true] small{color:#3d6281;opacity:1}.studio-backend .studio-modes button[aria-pressed=true]:hover:not(:disabled),.studio-app .studio-modes button[aria-pressed=true]:hover:not(:disabled){color:#245888;background:#deedfc}.studio-backend .roll-edit-actions button[aria-pressed=true]:hover:not(:disabled){color:#fff;background:#286ca9}.studio-backend .score-preset-grid button{border-radius:9px;min-height:48px;padding:7px 8px}.studio-backend .score-preset-grid small{margin-top:2px;font-size:9px;line-height:1.3}.studio-backend .resizable-note-editor{grid-template-rows:auto minmax(0,1fr);padding-bottom:12px}.studio-backend .score-bar-edit-status{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;min-height:31px;padding:3px 9px;display:flex}.studio-backend .score-bar-edit-status>span{white-space:nowrap;text-overflow:ellipsis;order:-1;font-size:11px;overflow:hidden}.editor-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.studio-backend .editor-actions button{justify-content:center;align-items:center;gap:4px;min-width:28px;height:27px;margin:0;padding:3px 6px;font-size:11px;display:inline-flex}.editor-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.studio-backend .studio-edit-layout .studio-roll-heading{justify-content:flex-start;gap:4px 9px;padding:4px 7px}.studio-backend .studio-edit-layout .studio-roll-heading .roll-editor-title{display:none}.studio-backend .studio-edit-layout .studio-roll-heading>label{white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.studio-backend .studio-edit-layout .studio-roll-heading>label>span{gap:3px;display:inline-flex}.studio-backend .studio-edit-layout .studio-roll-heading input[type=range]{width:64px;min-width:48px;height:18px;margin:0}.studio-backend .studio-edit-layout .studio-roll-heading select{width:auto;height:25px;min-height:0;margin:0;padding:2px 4px;font-size:10px}.studio-backend .studio-edit-layout .studio-roll-heading button{height:25px;min-height:0;padding:2px 6px}.studio-backend .studio-edit-layout .studio-roll-status{box-sizing:border-box;min-height:20px;padding:3px 8px}.studio-backend .studio-edit-layout .studio-inspector{padding:6px 8px}.studio-backend .studio-inspector-close{min-height:24px;margin-bottom:4px;padding:2px 5px;font-size:11px}.studio-backend .studio-inspector .backend-note-editor legend{margin-bottom:4px;font-size:11px;line-height:1.4}.studio-backend .studio-inspector .backend-note-editor form{gap:5px}.studio-backend .studio-inspector .backend-note-editor form>label{grid-template-columns:83px minmax(0,1fr);align-items:center;gap:4px;font-size:10px;display:grid}.studio-backend .studio-inspector .backend-note-editor input:not([type=checkbox]),.studio-backend .studio-inspector .backend-note-editor select{box-sizing:border-box;width:100%;height:27px;min-height:0;margin:0;padding:3px 5px;font-size:11px}.studio-backend .studio-inspector .backend-note-editor button{min-height:25px;padding:3px 5px;font-size:10px}.studio-backend .studio-inspector .note-pitch-stepper{justify-content:space-between;gap:3px}.studio-backend .studio-inspector .note-pitch-stepper button{min-width:26px;height:27px;font-size:15px}.studio-backend .studio-inspector .note-pitch-stepper output{min-width:28px;font-size:11px}.studio-backend .note-more-actions>summary,.studio-backend .backend-note-advanced>summary,.studio-backend .backend-shortcuts>summary{cursor:pointer;padding:4px 0;font-size:10px}.studio-backend .note-duration-presets{gap:3px}.studio-backend .note-duration-presets button{font-size:9px!important}.note-editor-resize{height:12px}.editor-exit-dialog{box-sizing:border-box;color:#244765;background:linear-gradient(135deg,#fff,#e5f2ff);border:1px solid #b4d2e9;border-radius:16px;width:calc(100vw - 48px);max-width:380px;padding:22px;box-shadow:0 20px 65px #153c6c3a}.editor-exit-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b426544}.editor-exit-dialog h3{margin:0 0 10px;font-size:17px}.editor-exit-dialog p{margin:0 0 18px;font-size:13px;line-height:1.5}.editor-exit-dialog>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.editor-exit-dialog button{color:#244765;cursor:pointer;background:#ffffffc0;border:1px solid #abc9e0;border-radius:8px;padding:7px 9px;font-size:12px}.editor-exit-dialog .editor-save-close{color:#fff;background:#327db8;border-color:#327db8}@media (pointer:coarse){.studio-backend .editor-actions button{min-width:34px;height:32px}.studio-backend .studio-edit-layout .studio-roll-heading button,.studio-backend .studio-edit-layout .studio-roll-heading select{min-height:30px}}.studio-backend .studio-inspector .backend-note-editor{min-width:0;max-width:100%;display:block}.studio-backend .studio-inspector .backend-note-editor form{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.studio-backend .studio-inspector .backend-note-editor form>label,.studio-backend .studio-inspector .backend-note-editor details{min-width:0;max-width:100%}.studio-backend .studio-inspector .backend-note-editor select,.studio-backend .studio-inspector .backend-note-editor input{min-width:0}.mic-clip-summary{color:#295879;margin:6px 0;font-size:12px}.mic-input-check{color:#56748a;margin-top:6px;font-size:11px}.mic-input-check summary{cursor:pointer}.mic-input-check p{margin:6px 0;font-size:11px;line-height:1.5}.mic-input-check button{padding:4px 8px;font-size:11px}.mic-check-file{flex-wrap:wrap;align-items:center;gap:8px;margin:7px 0;display:flex}.mic-check-file input{max-width:240px;font-size:11px}.mic-summary strong{color:#294d6b;font-weight:600}.mic-summary span{color:#58738b}.mic-scope-note{color:#6b8194;margin:4px 0;font-size:11px}.backend-hands-engraving .score-note-link.is-practice-target>path{fill:#c1ddf7!important;stroke:#287db8!important;stroke-width:1.1px!important}.backend-hands-engraving .score-note-link.is-practice-target{filter:drop-shadow(0 0 2px #2783c46b)}.backend-hands-engraving .is-practice-target .score-letter-hollow-head{fill:#edf6ff!important;stroke:#287db8!important;stroke-width:1.3px!important}.backend-hands-engraving .is-practice-target .score-note-letter{fill:#225477!important}.falling-icicle.is-guide-target{stroke:#4498da;stroke-width:1.1px}.falling-live-strike{fill:#65b5edbd;stroke:#c4eaff;stroke-width:.8px;filter:drop-shadow(0 0 4px #268ee8a0);pointer-events:none}.falling-live-strike[data-correct=false]{fill:#e6b46aa8;stroke:#ffe5b9;filter:drop-shadow(0 0 3px #dc9a3f80)}@media print{.backend-hands-engraving .score-note-link.is-practice-target>path{fill:#000!important;stroke:none!important}.falling-live-strike{display:none!important}}:is(#root,.editor-exit-dialog) button:not(.piano-key):not([role=switch]):not(:is(.active,.is-active,[aria-pressed=true],[aria-checked=true])):is(:hover,:focus-visible):not(:disabled){color:#1c3e5b!important;background:#e2effb!important;border-color:#7b9fbf!important}:is(#root,.editor-exit-dialog) button:not(.piano-key):not([role=switch]):is(:hover,:focus-visible):not(:disabled) :is(span,small,strong,em,b,i):not(.segmented-choice-badge){opacity:1;color:inherit!important}:is(#root,.editor-exit-dialog) button:focus-visible{outline-offset:2px;outline:2px solid #367db4}.studio-backend .inline-playalong .mic-title{margin-bottom:7px}.studio-backend .inline-playalong .mic-title>button{width:28px;min-height:26px;padding:0}.studio-backend .inline-playalong .mic-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:12px 22px;display:grid}.studio-backend .inline-playalong .mic-input-tools{border-left:1px solid #b8cee280;min-width:0;padding-left:18px}.studio-backend .inline-playalong .mic-summary{margin:0 0 1px;line-height:1.4}.studio-backend .inline-playalong .mic-scope-note{margin:2px 0 7px;font-size:11px;line-height:1.4}.studio-backend .inline-playalong .mic-status{margin:5px 0 0;font-size:12px;line-height:1.45}.studio-backend .inline-playalong .mic-actions{gap:6px}.studio-backend .inline-playalong button{border-radius:9px;min-height:30px;padding:4px 9px}.studio-backend .inline-playalong .mic-level{grid-template-columns:auto minmax(55px,85px) minmax(0,1fr);gap:6px;margin:0 0 6px;font-size:11px;line-height:1.3;display:grid}.studio-backend .inline-playalong .mic-level meter{width:100%}.studio-backend .inline-playalong .mic-device{align-items:center;gap:8px;font-size:11px;display:flex}.studio-backend .inline-playalong .mic-device select{width:100%;min-width:0;min-height:28px;padding:3px 6px}.studio-backend .inline-playalong .mic-replay-controls{flex-wrap:wrap;gap:6px;margin:7px 0 0;display:flex}.studio-backend .inline-playalong .mic-target{justify-content:space-between;margin-top:6px;padding-top:5px}.studio-backend .inline-playalong .mic-input-check{margin-top:6px}.falling-live-strike[data-hand=left][data-correct=true]{fill:#ec91a2bd;stroke:#ffe0e8;filter:drop-shadow(0 0 4px #d45b7d90)}.backend-hands-engraving .score-note-link.is-practice-target[data-score-hand=left]>path{fill:#f6d0db!important;stroke:#ba526c!important}.backend-hands-engraving .is-practice-target[data-score-hand=left] .score-letter-hollow-head{fill:#fff0f4!important;stroke:#ba526c!important}.backend-hands-engraving .is-practice-target[data-score-hand=left] .score-note-letter{fill:#853c50!important}@media (width<=760px){.studio-backend .inline-playalong .mic-columns{grid-template-columns:minmax(0,1fr);gap:10px}.studio-backend .inline-playalong .mic-input-tools{border-top:1px solid #b8cee280;border-left:0;padding-top:8px;padding-left:0}}@media (pointer:coarse){.studio-backend .inline-playalong button{min-height:40px}.studio-backend .inline-playalong .mic-device select{min-height:38px}}:is(#root,.editor-exit-dialog) button:not(.piano-key):not([role=switch]){transition-property:border-color,box-shadow,transform!important}.studio-backend .studio-sidebar .studio-audio-row{order:-2;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.studio-backend .studio-sidebar .studio-signal-row{order:-1}.studio-audio-row>svg{fill:none;stroke:#617f9e;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.studio-backend .studio-sidebar .studio-audio-row input[type=range],.studio-backend .studio-sidebar .studio-audio-row meter{order:initial;margin:0}.studio-backend .score-preset-grid button[data-preset=duet]{grid-column:1/-1}.studio-backend .score-preset-grid button[data-preset=all]{opacity:1;grid-column:auto}.studio-backend .score-preset-grid button{min-width:0}.studio-app:not(.has-score) .home-glass-shell{animation:.55s cubic-bezier(.2,.8,.2,1) both home-arrive}@keyframes home-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.piano-guide-expander{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .62s cubic-bezier(.22,.8,.2,1),opacity .4s;display:grid}.piano-guide-expander[data-open=true]{opacity:1;grid-template-rows:1fr}.piano-guide-expander>div{min-height:0;overflow:hidden}.piano-upload-guide{border-top:1px solid #bbd2e57a;margin:22px 0 0;padding:18px 0 2px}.piano-upload-guide ol{counter-reset:steps;grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.piano-upload-guide li{counter-increment:steps;background:linear-gradient(120deg,#ffffff96,#dceef95e);border:1px solid #bad5e678;border-radius:15px;grid-template-columns:112px minmax(0,1fr);align-content:center;column-gap:18px;min-width:0;padding:14px 16px;transition:transform .35s,box-shadow .35s;display:grid}.piano-upload-guide li>strong{color:#244e72;align-self:end;font-size:13px;display:block}.piano-upload-guide li>strong:before{content:counter(steps)". ";color:#3a83b9}.piano-upload-guide svg{stroke:#76a5c9;fill:#f4faff;stroke-width:1.6px;grid-row:span 2;align-self:center;width:112px;height:auto;display:block}.piano-upload-guide svg text{fill:#456d8b;stroke:none;font:11px system-ui}.piano-upload-guide p{color:#5a7288;grid-column:2;line-height:1.6;margin:5px 0 0!important;font-size:12px!important}.piano-upload-guide small{color:#718699;margin-left:4px;font-size:10px;display:inline}.piano-upload-guide a{color:#286ea5;text-underline-offset:3px}.piano-upload-guide[data-reveal-ready=true] li{opacity:0;filter:blur(3px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s,box-shadow .35s;transform:translateY(30px)}.piano-upload-guide[data-reveal-ready=true] li[data-revealed=true],.piano-upload-guide[data-reveal-ready=true] li:focus-within{opacity:1;filter:blur();transform:translateY(0)}@keyframes guide-step-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.home-more-ways{border-top:1px solid #bed5e878;margin:24px 0 0;padding-top:20px}.home-more-ways h2{color:#496985;font-weight:600;margin:0 0 12px!important;font-size:13px!important}.home-more-ways>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-app .home-more-ways button{text-align:left;background:linear-gradient(145deg,#ffffff9c,#e0effb75);border:1px solid #b6d0e583;border-radius:14px;align-items:center;gap:12px;width:100%;margin:0;display:flex;padding:15px!important}.home-more-ways button>span:nth-child(2){flex:1}.home-more-ways strong{color:#2d5271;font-size:12px;display:block}.home-more-ways button small{color:#667f94;margin-top:3px;font-size:10px;line-height:1.5;display:block}.home-more-ways .home-record-icon{color:#438abd;font-size:20px}.home-more-ways .experimental-badge{border:1px solid #afc9df;border-radius:4px;margin-left:4px;padding:2px 4px;font-size:8px;font-weight:400;display:inline}@media (width<=650px){.home-more-ways>div{grid-template-columns:1fr}.piano-upload-guide li{grid-template-columns:88px 1fr;column-gap:12px;display:grid}.piano-upload-guide svg{grid-row:span 2;margin:0}.piano-upload-guide li p{grid-column:2}}@media (prefers-reduced-motion:reduce){.studio-app:not(.has-score) .home-glass-shell,.piano-guide-reveal{animation:none}}.chord-coverage{color:#526f87;margin:0 0 10px;font-size:10px;line-height:1.5}.chord-coverage span{color:#6f879a;display:block}.meter-proposal{color:#3a6384;flex-basis:100%;font-size:12px;line-height:1.5}.backend-rhythm-controls .backend-controls{align-items:end}.hands-render-status{z-index:3;color:#496a85;background:#f3f9ffed;border:1px solid #c0d9ed;border-radius:20px;padding:8px 15px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #608bac17}.hand-notation-wrapper{position:relative}.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true]{color:#183f64;background:linear-gradient(145deg,#ddedfc,#bedbf6);border-color:#79a9d2;box-shadow:inset 0 1px #fff,0 1px 4px #366f9f16}.studio-backend .score-preset-grid button[data-preset=all][aria-pressed=true] small{color:#3d6281}.score-chord-link{cursor:pointer;outline:none}.score-chord-hit{fill:#0000;stroke:#0000;pointer-events:all}.score-chord-link:hover .score-chord-hit,.score-chord-link:focus .score-chord-hit{fill:#cfe6fa88;stroke:#79add3;stroke-width:1px}.score-chord-link[data-chord-inferred=true]{fill:#39769f;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.score-chord-unknown{fill:#6285a0;font-family:Georgia,serif}.chord-coverage button{margin-top:6px}.chord-choice-popover{z-index:200;box-sizing:border-box;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#244865;background:linear-gradient(145deg,#ffffffed,#e4f2fde8);border:1px solid #b8d3e7;border-radius:17px;width:290px;max-height:calc(100dvh - 24px);padding:14px;font-size:12px;position:fixed;overflow:auto;box-shadow:0 16px 55px #355f842b}.chord-choice-popover header{justify-content:space-between;align-items:center;gap:12px;display:flex}.chord-choice-popover header>button{color:#698ba5;background:0 0;border:0;width:25px;height:25px;min-height:25px;padding:0;font-size:20px}.chord-choice-popover>p{color:#658099;margin:6px 0 12px;font-size:11px;line-height:1.5}.chord-choice-options{gap:5px;display:grid}.chord-choice-popover .chord-choice-options>button{text-align:left;color:#2f5878;background:#ffffff8a;border:1px solid #c7ddec;border-radius:9px;grid-template-columns:40px 1fr 14px;align-items:center;gap:6px;min-height:40px;padding:8px;display:grid}.chord-choice-options>button[aria-pressed=true]{color:#234c6b;background:#d4eafa;border-color:#90b9d8}.chord-choice-options strong{font-family:Georgia,serif;font-size:16px}.chord-choice-options span{font-size:10px;line-height:1.4}.chord-choice-options i{font-style:normal}.chord-choice-popover .chord-leave-empty{color:#607e97;background:0 0;border:0;margin:9px 0;padding:4px 0;font-size:11px}.chord-choice-popover>small{color:#7890a3;margin-top:12px;font-size:10px;line-height:1.5;display:block}.chord-choice-popover summary{cursor:pointer;font-size:11px}.chord-choice-popover form{gap:6px;margin-top:8px;display:flex}.chord-choice-popover input{border:1px solid #b7d1e4;border-radius:7px;width:100%;min-width:0;padding:7px}.chord-choice-popover form button{background:#dceefb;border:1px solid #b7d1e4;border-radius:7px;padding:5px 9px}@media print{.chord-choice-popover,.score-chord-unknown{display:none}.score-chord-hit{fill:none!important;stroke:none!important}.score-chord-link{fill:#000!important;text-decoration:none!important}}.studio-app:not(.has-score) .home-glass-shell{animation-duration:.8s}.studio-app:not(.has-score) .source-card-heading,.studio-app:not(.has-score) .audio-drop-zone{animation:.7s cubic-bezier(.2,.8,.2,1) .12s both guide-step-arrive}.studio-app:not(.has-score) .audio-drop-zone{animation-delay:.22s}.studio-app .audio-drop-zone{transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.studio-app .audio-drop-zone[data-drag-active=true]{transform:translateY(-3px);box-shadow:0 10px 35px #3488c72b}.studio-backend .score-quick-controls,.chord-choice-popover{animation:.42s cubic-bezier(.2,.8,.2,1) both guide-step-arrive}.studio-app [role=switch],.studio-app [role=switch]:after,.studio-app [role=switch]:before{transition-duration:.28s!important;transition-timing-function:cubic-bezier(.22,.8,.2,1)!important}.transcription-engine-badge{vertical-align:baseline;color:#526f86;white-space:nowrap;background:#eaf4fc;border:1px solid #bdd6e9;border-radius:8px;margin-left:5px;padding:1px 6px;font-size:9px;line-height:1.5;display:inline-block}@media (hover:hover){.piano-upload-guide li:hover{transform:translate(3px);box-shadow:0 5px 18px #467d9c10}}@media (width<=650px){.piano-upload-guide li{grid-template-columns:88px minmax(0,1fr);gap:6px 12px;padding:12px}.piano-upload-guide svg{width:88px}.piano-upload-guide li>strong{font-size:12px}.transcription-engine-badge{margin-left:0}}@media (prefers-reduced-motion:reduce){.studio-app *,.chord-choice-popover{transition-duration:.01ms!important;animation:none!important}}.quick-controls-body{animation-duration:.4s}.timing-tempo-options{gap:5px;display:flex}.segmented-choice-option-heading{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.segmented-choice-badge{color:#66400a;letter-spacing:.025em;white-space:nowrap;background:#ffdf9e;border:1px solid #cf9f50;border-radius:6px;align-items:center;padding:3px 6px;font-size:10px;font-weight:750;line-height:1.15;display:inline-flex;box-shadow:inset 0 1px #fff8}.studio-backend .studio-commandbar .studio-project-heading{align-items:center;gap:9px;display:flex}.studio-project-details{flex:1;min-width:0}.studio-backend .studio-project-details h2{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:none;overflow:hidden}.studio-backend .studio-home-logo{color:#356dae;background:linear-gradient(145deg,#fafdff,#c4e0f8);border:1px solid #a8c8e5;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:43px;min-height:43px;margin:0;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff,0 3px 12px #457ba51a}.studio-home-logo>span{font-family:Noto Music,serif;font-size:25px;line-height:1.5}.studio-backend .studio-home-logo:hover{background:linear-gradient(145deg,#fff,#b5d8f5);border-color:#7ba6cb;transform:translateY(-1px)}.studio-backend .studio-home-logo:focus-visible{outline-offset:3px;outline:2px solid #4d91c2}@media (prefers-reduced-motion:reduce){.piano-upload-guide li{opacity:1!important;filter:none!important;transform:none!important}}#root .studio-backend .studio-home-logo{color:#356dae!important;background:linear-gradient(145deg,#fafdff,#c4e0f8)!important}#root .studio-backend .studio-home-logo>span{font-size:22px;font-weight:400;color:#356dae!important}#root .segmented-choice-badge{color:#66400a!important;background:#ffdf9e!important}.studio-sidebar-section:empty{display:none}.studio-showcase{color:#345779;margin:24px 0 14px}.studio-app .studio-showcase-heading h3{letter-spacing:-.02em;margin:0 0 14px;font-size:17px;font-weight:600}.studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.studio-showcase-card{background:linear-gradient(140deg,#ffffffcf,#e8f4ffb8);border:1px solid #bad4ec;border-radius:18px;flex-direction:column;align-items:stretch;min-width:0;padding:20px;display:flex;box-shadow:0 8px 28px #658db00b,inset 0 1px #fff}.studio-showcase-type{color:#5d7fa3;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:600}.studio-app .studio-showcase-card h4{color:#2e527b;letter-spacing:-.03em;margin:8px 0 3px;font-size:23px;font-weight:600}.studio-app .studio-showcase-card p{color:#64819d;margin:0 0 15px;font-size:12px}.studio-showcase-card audio{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;height:38px;margin:0 0 16px}#root .studio-showcase-card button{color:#315d8a;background:#ffffffbf;border:1px solid #b7d0e9;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:8px 13px;font-size:13px;transition:background .2s,transform .2s;display:flex}#root .studio-showcase-card button:hover:not(:disabled),#root .studio-showcase-card button:focus-visible{color:#234a75;background:#deedfc;border-color:#85acd2}.studio-showcase-card small{color:#607b95;margin-top:9px;font-size:11px;line-height:1.5}.studio-showcase-error{color:#9d3547;font-size:12px}@media (width<=600px){.studio-showcase-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#root .studio-showcase-card button{transition:none}}.studio-end-example{color:#627e9a;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin:24px auto 10px;font-size:12px;display:flex}#root .studio-end-example-link{color:#315c8a;background:#ffffffb8;border:1px solid #b8d2ee;border-radius:11px;justify-content:space-between;align-items:center;gap:25px;min-height:46px;padding:10px 14px;font-size:13px;display:inline-flex}#root .studio-end-example-link:hover:not(:disabled),#root .studio-end-example-link:focus-visible{color:#234c7a;background:#e0effe;border-color:#8aafd5;transform:translateY(-1px)}.studio-end-example-link small{text-align:left;color:#6a829b;margin-top:2px;font-size:10px;font-weight:400;display:block}.studio-end-example-engine{color:#476c90;font-size:11px}.studio-end-example-engine small{color:#7389a0;margin-top:2px;font-size:10px;display:block}.studio-end-example p{text-align:center;color:#9d3547;flex-basis:100%}.studio-project-meta{flex-wrap:wrap;align-items:center;gap:4px 7px;margin-top:4px;display:flex}.studio-backend .studio-project-meta .studio-document-status{margin:0;line-height:1.4;display:inline}.studio-backend .studio-project-meta .transcription-engine-badge{border-radius:7px;flex:none;align-items:center;margin:0;padding:2px 7px;font-size:9px;line-height:1.2;display:inline-flex}.studio-backend .studio-commandbar .studio-project-details{padding-block:4px}.transcription-visual{background:linear-gradient(135deg,#fafdffed,#deeffcbe);border:1px solid #b9d7ef;border-radius:17px;margin-top:18px;padding:16px;box-shadow:inset 0 1px #fff,0 10px 30px #577fa00a}.transcription-visual-heading{color:#67839e;justify-content:space-between;gap:15px;margin-bottom:10px;font-size:11px;display:flex}.transcription-visual-heading>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.transcription-visual-heading strong{color:#3c73ab;font-variant-numeric:tabular-nums}.transcription-visual-field{color:#428ac0;background:linear-gradient(#f1faff77,#dceffc77),repeating-linear-gradient(90deg,#0000 0 39px,#7badd217 39px 40px);border:1px solid #c7deee;border-radius:11px;height:156px;position:relative;overflow:hidden}.transcription-visual-field svg{width:calc(100% - 24px);height:calc(100% - 28px);position:absolute;inset:8px 12px 20px}.transcription-wave{fill:#73b6de66;stroke:#4b94c4;stroke-width:.8px}.transcription-real-notes{fill:#396fb4;animation:.45s ease-out both real-note-arrival}.transcription-scan{mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffffa6 90%,#8bcde090 100%);border-right:1px solid #70b8d3;width:18%;animation:4.8s linear infinite source-scan;position:absolute;top:0;bottom:0;left:-20%}.transcription-field-caption{color:#68829b;letter-spacing:.025em;font-size:9px;position:absolute;bottom:6px;right:10px}.transcription-awaiting{text-align:center;color:#7591ab;font-size:12px;position:absolute;top:43%;left:0;right:0}.transcription-step-list{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 12px;padding:0;list-style:none;display:grid}.transcription-step-list li{color:#8496a7;align-items:center;gap:6px;font-size:10px;transition:color .3s;display:flex}.transcription-step-list li>span.legacy-step-icon{border:1px solid #c6d8e7;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:9px;display:inline-grid}.transcription-step-list li[data-state=active]{color:#2e6ea6}.transcription-step-list li[data-state=active]>span.legacy-step-icon{background:#d3eafd;border-color:#86b9de;box-shadow:0 0 0 4px #70afdb12}.transcription-step-list li[data-state=done]{color:#5682a1}.transcription-visual-progress{background:#cbdfea;border-radius:4px;height:3px;overflow:hidden}.transcription-visual-progress>span{width:var(--analysis-progress);background:linear-gradient(90deg,#81b8e1,#3b83bd);height:100%;transition:width .6s ease-out;display:block}.studio-app .transcription-visual>p{color:#557792;min-height:16px;margin:10px 0 0;font-size:11px}@keyframes source-scan{to{transform:translate(680%)}}@keyframes real-note-arrival{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.transcription-step-list{grid-template-columns:repeat(2,1fr);gap:10px}.studio-end-example{gap:10px}}@media (prefers-reduced-motion:reduce){.transcription-scan{animation:none;display:none}.transcription-real-notes{animation:none}.transcription-visual-progress>span{transition:none}#root .studio-end-example-link{transform:none}}@media (width>=1181px){.studio-backend .studio-commandbar{grid-template-columns:max(270px,calc(var(--studio-rail-width) + 10px)) minmax(0,1fr)}}#root .studio-app:not(.has-score) .upload-panel .segmented-choice-strip button[aria-checked=true],#root .studio-app:not(.has-score) .upload-panel .segmented-choice-strip button[aria-checked=true]:is(:hover,:focus-visible){color:#fff;background:linear-gradient(130deg,#3c89d5,#3266b2);border-color:#376cb1;box-shadow:inset 0 1px #ffffff7a,0 3px 9px #285b9630}#root .upload-panel .segmented-choice-strip button[aria-checked=true] :is(.segmented-choice-title,.segmented-choice-description){color:inherit}#root .studio-modes button[aria-pressed=true]:is(:hover,:focus-visible){background:var(--surface);color:var(--ui-accent)}#root .roll-edit-actions button[aria-pressed=true]:is(:hover,:focus-visible){color:#fff;background:#377dbd}#root .segmented-choice-strip button[aria-checked=true]:hover{filter:brightness(1.025)}.transcription-step-list li .analysis-step-icon{flex:0 0 24px;width:24px;height:24px;display:block;overflow:visible}.analysis-step-icon circle{fill:#f1f8fd;stroke:#b7d1e3;stroke-width:1.2px}.analysis-step-icon text{fill:#6e8fa8;letter-spacing:0;font:500 10px system-ui,sans-serif}.analysis-step-icon path{fill:none;stroke:#5683a2;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.transcription-step-list li[data-state=active] .analysis-step-icon circle{fill:#d7ecfc;stroke:#6eadd8}.transcription-step-list li[data-state=active] .analysis-step-icon text{fill:#2b72a8}.transcription-step-list li .analysis-step-label{width:auto;height:auto;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0;line-height:1.25;display:block}.transcription-visual-field{height:204px}.transcription-visual-field .analysis-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.transcription-visual-field .transcription-awaiting{font-size:11px;top:60%}@media (width<=600px){.transcription-visual-field{height:176px}.transcription-step-list{row-gap:12px}.transcription-step-list li{gap:7px}}.benchmark-app{color:#e5e7eb;max-width:880px;margin:0 auto;padding:48px 24px 80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.benchmark-app header span{color:#60a5fa;letter-spacing:1px;text-align:center;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.benchmark-app header h1{margin-top:8px;font-size:42px}.benchmark-app header p{max-width:720px;margin:16px auto 0;font-size:16px;line-height:1.6}.benchmark-card,.benchmark-instructions{background:#0f172ac7;border:1px solid #334155;border-radius:16px;gap:16px;margin-top:32px;padding:22px;display:grid}.benchmark-card label{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;font-weight:800;display:grid}.benchmark-card select,.benchmark-card button,.benchmark-result button{color:#e5e7eb;min-height:42px;font:inherit;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:0 12px}.benchmark-card button,.benchmark-result button{cursor:pointer;background:#2563eb;border-color:#2563eb;font-weight:900}.benchmark-card button:disabled{cursor:not-allowed;opacity:.55}.benchmark-progress{gap:8px;display:grid}.benchmark-progress div{color:#94a3b8;justify-content:space-between;gap:16px;font-size:13px;display:flex}.benchmark-progress progress{width:100%;height:10px}.benchmark-result{border-top:1px solid #334155;gap:12px;padding-top:16px;display:grid}.benchmark-result p,.benchmark-instructions p,.benchmark-error{color:#cbd5e1;text-align:left;margin:0;font-size:14px;line-height:1.5}.benchmark-error{color:#fca5a5}.benchmark-instructions h2{margin:0}.benchmark-instructions pre{color:#bfdbfe;background:#020617;border-radius:10px;margin:0;padding:14px;overflow-x:auto}@media (width<=620px){.benchmark-card label{grid-template-columns:1fr}}