.studio-module__Pcwzka__shell{flex-direction:column;gap:clamp(.4rem,1vw,.85rem);block-size:100dvh;inline-size:min(100%,90rem);margin-inline:auto;padding-block:clamp(.6rem,1.6vw,1.25rem) clamp(.4rem,1vw,.7rem);padding-inline:clamp(.75rem,2vw,1.5rem);display:flex;overflow:hidden}.studio-module__Pcwzka__skipLink{z-index:20;border-radius:var(--radius-sm);color:var(--score-surface);background:var(--signal);padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.studio-module__Pcwzka__skipLink:focus{transform:translateY(0)}.studio-module__Pcwzka__rail{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--score-surface) 92%, var(--pale-wash));min-block-size:4.6rem;animation:studio-module__Pcwzka__zoneIn 60ms var(--ease) both;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.35rem .45rem;display:grid;position:relative;box-shadow:0 12px 26px -24px #3f718bb8,inset 0 1px #ffffffeb}.studio-module__Pcwzka__brandBlock{align-content:center;gap:.08rem;min-inline-size:7.8rem;padding-inline:.7rem .85rem;display:grid}.studio-module__Pcwzka__wordmark{letter-spacing:-.04em;color:var(--ink);white-space:nowrap;margin:0;font-size:1.08rem;font-weight:750}.studio-module__Pcwzka__brandContext{color:var(--slate);letter-spacing:.01em;white-space:nowrap;font-size:.68rem;font-weight:550}.studio-module__Pcwzka__railControls{scrollbar-width:thin;justify-content:flex-start;align-items:stretch;min-inline-size:0;display:flex;overflow-x:auto}.studio-module__Pcwzka__toolbarGroup{border-inline-start:1px solid var(--line);grid-template-rows:auto auto;align-content:center;gap:.18rem;min-inline-size:max-content;padding-inline:clamp(.65rem,.9vw,.9rem);display:grid}.studio-module__Pcwzka__toolbarGroupLabel{color:var(--slate);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:650}.studio-module__Pcwzka__toolbarGroupControls{align-items:center;gap:.45rem;display:inline-flex}.studio-module__Pcwzka__importButton{min-block-size:2.75rem;color:var(--signal-strong);background:var(--signal-tint);border-color:#0000;padding:0 .72rem;font-weight:600}.studio-module__Pcwzka__importButton:hover{background:color-mix(in srgb, var(--signal-tint) 75%, var(--signal));border-color:var(--signal);color:var(--score-surface)}.studio-module__Pcwzka__importButton:disabled{color:var(--slate);border-color:var(--disabled);background:0 0}.studio-module__Pcwzka__hiddenInput{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.studio-module__Pcwzka__railLink{min-block-size:2.25rem;min-inline-size:max-content;color:var(--slate);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:border-color .12s var(--ease), color .12s var(--ease), background-color .12s var(--ease), transform .12s var(--ease);background:0 0;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;padding-inline:.35rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.studio-module__Pcwzka__railLink:hover{color:var(--signal);background:0 0;border-color:#0000}.studio-module__Pcwzka__railLink:active{transform:translateY(1px)scale(.98)}.studio-module__Pcwzka__dropdown{position:relative}.studio-module__Pcwzka__dropdownTrigger{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--pale-wash);min-block-size:2.75rem;color:var(--ink);cursor:pointer;transition:border-color .12s var(--ease), background-color .12s var(--ease);align-items:center;gap:.5rem;padding:0 .58rem;font-size:.88rem;font-weight:500;display:inline-flex}.studio-module__Pcwzka__dropdownTrigger:hover{border-color:var(--signal);background:var(--score-surface)}.studio-module__Pcwzka__dropdownTrigger[data-placeholder] .studio-module__Pcwzka__dropdownValue{color:var(--slate)}.studio-module__Pcwzka__dropdownValue{text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;max-inline-size:16rem;overflow:hidden}.studio-module__Pcwzka__dropdownTrigger[data-fixed] .studio-module__Pcwzka__dropdownValue{max-inline-size:none}.studio-module__Pcwzka__dropdownChevron{color:var(--slate);transition:transform .16s var(--ease);flex:none}.studio-module__Pcwzka__dropdownTrigger[aria-expanded=true]{border-color:var(--signal)}.studio-module__Pcwzka__dropdownTrigger[aria-expanded=true] .studio-module__Pcwzka__dropdownChevron{transform:rotate(180deg)}.studio-module__Pcwzka__dropdownMenu{z-index:1000;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--score-surface);inline-size:max-content;animation:studio-module__Pcwzka__menuIn .12s var(--ease) both;margin:0;padding:.3rem;list-style:none;overflow:auto;box-shadow:0 16px 32px -16px #3f718b73,0 1px 2px #c6dde799}.studio-module__Pcwzka__dropdownOption{color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:.35rem;padding:.45rem .65rem;font-size:.86rem}.studio-module__Pcwzka__dropdownOption[aria-disabled=true]{color:var(--slate);opacity:.5;cursor:not-allowed}.studio-module__Pcwzka__dropdownOption[data-active=true]{color:var(--signal);font-weight:600}.studio-module__Pcwzka__dropdownOption:hover,.studio-module__Pcwzka__dropdownOption:focus-visible{background:var(--signal-tint);outline:none}.studio-module__Pcwzka__stepper{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--pale-wash);align-items:stretch;min-block-size:2.75rem;display:inline-flex;overflow:hidden}.studio-module__Pcwzka__stepperButton{min-inline-size:2.25rem;color:var(--signal);background:0 0;border:0;border-radius:0;padding:0 .55rem;font-size:1.05rem;line-height:1}.studio-module__Pcwzka__stepperButton:hover{background:var(--signal-tint)}.studio-module__Pcwzka__stepperButton:active:not(:disabled){transform:scale(.96)}.studio-module__Pcwzka__stepperValue{border-inline:1px solid var(--line);min-inline-size:4.25rem;font-family:var(--font-mono);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;padding-inline:.32rem;font-size:.82rem;display:inline-flex}.studio-module__Pcwzka__segmented{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--pale-wash);gap:.2rem;padding:.2rem;display:inline-flex}.studio-module__Pcwzka__segmentedButton{min-block-size:2.75rem;color:var(--slate);cursor:pointer;transition:background-color .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:.35rem;padding:0 .6rem;font-size:.84rem;font-weight:600}.studio-module__Pcwzka__segmentedButton:hover:not(:disabled){color:var(--ink)}.studio-module__Pcwzka__segmentedButton[data-active=true]{background:var(--signal);color:var(--score-surface)}.studio-module__Pcwzka__segmentedButton:disabled{opacity:.5;cursor:not-allowed}.studio-module__Pcwzka__listenButton{border:1px solid var(--signal);min-block-size:2.75rem;min-inline-size:4.5rem;color:var(--score-surface);background:var(--signal);cursor:pointer;border-radius:.35rem;padding-inline:.7rem;font-size:.84rem;font-weight:650}.studio-module__Pcwzka__listenButton:active:not(:disabled){transform:translateY(1px)}.studio-module__Pcwzka__listenButton:disabled{border-color:var(--disabled);color:var(--slate);background:var(--pale-wash);cursor:not-allowed}.studio-module__Pcwzka__stepGroup{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--pale-wash);align-items:stretch;display:inline-flex;overflow:hidden}.studio-module__Pcwzka__stepButton{min-inline-size:2.25rem;color:var(--signal);background:0 0;border:0;border-radius:0;min-block-size:2.75rem;padding:0 .55rem;font-size:1rem;line-height:1}.studio-module__Pcwzka__stepButton:hover:not(:disabled){background:var(--signal-tint)}.studio-module__Pcwzka__stepButton:disabled{color:var(--slate);opacity:.5}.studio-module__Pcwzka__stepValue{border-inline:1px solid var(--line);min-inline-size:3.75rem;font-family:var(--font-mono);color:var(--ink);justify-content:center;align-items:center;padding-inline:.4rem;font-size:.8rem;display:inline-flex}.studio-module__Pcwzka__score{border:1px solid var(--line);border-radius:var(--radius);background:var(--score-surface);min-block-size:0;animation:studio-module__Pcwzka__zoneIn 60ms var(--ease) both;flex-direction:column;flex:1 1 0;animation-delay:50ms;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #3f718b73,0 1px 2px #c6dde799}.studio-module__Pcwzka__scoreHeader{border-block-end:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.25rem;display:flex}.studio-module__Pcwzka__scoreInfo{gap:.12rem;min-inline-size:0;display:grid}.studio-module__Pcwzka__scoreTitle{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:650}.studio-module__Pcwzka__scoreMeta{font-family:var(--font-mono);color:var(--slate);margin:0;font-size:.8rem}.studio-module__Pcwzka__scoreScroll{flex:1 1 0;min-block-size:0;padding:.75rem 1.5rem 1.25rem;position:relative;overflow:auto}.studio-module__Pcwzka__scoreContainer{min-block-size:12rem}.studio-module__Pcwzka__scoreOverlay{z-index:3;background:var(--score-surface);place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.studio-module__Pcwzka__scoreEmpty{text-align:center;justify-items:center;gap:.4rem;display:grid}.studio-module__Pcwzka__scoreEmptyTitle{color:var(--ink);margin:0;font-size:1.1rem;font-weight:650}.studio-module__Pcwzka__scoreEmptyHint{max-inline-size:38ch;color:var(--slate);margin:0;font-size:.95rem;line-height:1.55}.studio-module__Pcwzka__skeletonRows{gap:1.1rem;inline-size:min(100%,46rem);display:grid}.studio-module__Pcwzka__skeletonLine{background:var(--shimmer);background-size:200% 100%;border-radius:999px;block-size:.7rem;animation:1.4s linear infinite studio-module__Pcwzka__shimmer}.studio-module__Pcwzka__skeletonStaff{border-block:1px solid var(--line);align-items:center;gap:.9rem;block-size:2.6rem;padding-block:.7rem;display:flex}.studio-module__Pcwzka__skeletonClef{background:var(--shimmer);background-size:200% 100%;border-radius:.4rem;block-size:3.4rem;inline-size:2.2rem;animation:1.4s linear infinite studio-module__Pcwzka__shimmer}.studio-module__Pcwzka__skeletonNote{background:var(--shimmer);background-size:200% 100%;border-radius:999px;block-size:.9rem;inline-size:.9rem;animation:1.4s linear infinite studio-module__Pcwzka__shimmer}.studio-module__Pcwzka__scoreError{border:1px solid var(--line);border-inline-start:3px solid var(--signal);border-radius:var(--radius-sm);background:var(--pale-wash);max-inline-size:44ch;color:var(--ink);margin:0;padding:.9rem 1.05rem;font-size:.92rem;line-height:1.55}.studio-module__Pcwzka__keyboardZone{animation:studio-module__Pcwzka__zoneIn 60ms var(--ease) both;flex:none;gap:.35rem;animation-delay:.1s;display:grid}.studio-module__Pcwzka__keyboardShell{border:1px solid var(--line);border-radius:var(--radius);background:var(--score-surface);padding:1.3rem .75rem .6rem;box-shadow:0 12px 30px -22px #3f718b66}.studio-module__Pcwzka__keyboardStage{position:relative}.studio-module__Pcwzka__echoLayer{pointer-events:none;block-size:1.1rem;margin-block-end:.3rem;position:absolute;inset-block-end:100%;inset-inline:0}.studio-module__Pcwzka__keyEcho{background:var(--signal);opacity:.3;block-size:100%;inline-size:3px;animation:studio-module__Pcwzka__echo .9s var(--ease) infinite;border-radius:2px;position:absolute}.studio-module__Pcwzka__keyboard{border-radius:var(--radius-sm);background:var(--line);block-size:10rem;inline-size:100%;position:relative;overflow:hidden}.studio-module__Pcwzka__whiteKey{border-inline-end:1px solid var(--line);background:var(--score-surface);transition:transform .16s var(--ease), background-color .16s var(--ease);border-radius:0 0 4px 4px;position:absolute;inset-block:0;box-shadow:inset 0 -4px 6px -4px #27272a1f}.studio-module__Pcwzka__whiteKey[data-expected=true]{background:var(--signal-tint)}.studio-module__Pcwzka__whiteKey[data-pressed=true]{background:var(--signal);transform:translateY(2px)}.studio-module__Pcwzka__blackKey{background:var(--ink);z-index:2;block-size:62%;transition:transform .16s var(--ease), background-color .16s var(--ease);border-radius:0 0 3px 3px;position:absolute;inset-block-start:0;box-shadow:inset 0 -5px 6px #ffffff0f,0 2px 4px #27272a4d}.studio-module__Pcwzka__blackKey[data-expected=true]{background:#3b4a52}.studio-module__Pcwzka__blackKey[data-pressed=true]{background:var(--signal);transform:translateY(2px)}.studio-module__Pcwzka__keyLabel{text-align:center;font-family:var(--font-mono);color:var(--score-surface);pointer-events:none;font-size:.6rem;position:absolute;inset-block-end:.4rem;inset-inline:0}.studio-module__Pcwzka__keyboardHint{font-family:var(--font-mono);color:var(--slate);margin:0;padding-inline:.25rem;font-size:.72rem}.studio-module__Pcwzka__statusBar{border:1px solid var(--line);border-radius:var(--radius);background:var(--pale-wash);min-block-size:2.1rem;color:var(--slate);font-family:var(--font-mono);animation:studio-module__Pcwzka__zoneIn 60ms var(--ease) both;flex-wrap:wrap;flex:none;align-items:center;gap:.5rem;margin:0;padding:.4rem .9rem;font-size:.78rem;animation-delay:.15s;display:flex}.studio-module__Pcwzka__statusDot{background:var(--signal);border-radius:999px;flex:none;block-size:.5rem;inline-size:.5rem}.studio-module__Pcwzka__statusDot[data-state=off]{background:var(--slate)}@keyframes studio-module__Pcwzka__zoneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes studio-module__Pcwzka__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes studio-module__Pcwzka__echo{0%,to{opacity:.32}50%{opacity:.1}}@keyframes studio-module__Pcwzka__menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:60rem){.studio-module__Pcwzka__rail{grid-template-columns:auto 1fr}.studio-module__Pcwzka__railControls{border-block-start:1px solid var(--line);scrollbar-width:thin;order:3;grid-column:1/-1;padding-block-start:.35rem;overflow-x:auto}}@media (max-width:48rem){.studio-module__Pcwzka__shell{gap:.5rem;padding:.55rem}.studio-module__Pcwzka__rail{gap:.3rem}.studio-module__Pcwzka__brandBlock{min-inline-size:0;padding-inline:.45rem}.studio-module__Pcwzka__brandContext{display:none}.studio-module__Pcwzka__railLink{padding-inline:.6rem}.studio-module__Pcwzka__keyboard{block-size:8rem}}@media (prefers-reduced-motion:reduce){.studio-module__Pcwzka__keyEcho{display:none}.studio-module__Pcwzka__skeletonClef,.studio-module__Pcwzka__skeletonNote,.studio-module__Pcwzka__skeletonLine{background:var(--disabled);animation:none}.studio-module__Pcwzka__dropdownMenu{animation:none}}