._panel_197nm_1{min-width:0;color:var(--studio-text,#f3f5f4);flex-direction:column;gap:.8rem;display:flex}._builtins_197nm_9{border:1px solid var(--studio-border,#39423f);background:var(--studio-surface,#1d2421);width:100%;min-width:0;min-height:2.8rem;color:var(--studio-text,#f3f5f4);font:inherit;text-align:left;cursor:pointer;border-radius:.7rem;justify-content:flex-start;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.86rem;font-weight:650;display:flex}._builtins_197nm_9 svg{color:var(--studio-mint,#73d4bc);flex:none}._builtins_197nm_9:hover{border-color:var(--studio-mint,#73d4bc);background:var(--studio-hover,#28332e)}._recentSection_197nm_39{flex-direction:column;gap:.55rem;display:flex}._recentSection_197nm_39 h3,._allHeading_197nm_46{color:var(--studio-muted,#a4afaa);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:700}._allHeading_197nm_46{margin-top:.35rem}._searchLabel_197nm_59{color:var(--studio-muted,#a4afaa);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}._search_197nm_59{border:1px solid var(--studio-border,#39423f);background:var(--studio-input,#151a18);width:100%;min-height:2.6rem;color:inherit;font:inherit;border-radius:.65rem;padding:.55rem .7rem}._list_197nm_78{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}._row_197nm_87{border:1px solid var(--studio-border,#39423f);background:var(--studio-surface,#1d2421);border-radius:.75rem;align-items:stretch;gap:.4rem;min-width:0;display:flex;overflow:hidden}._open_197nm_98{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}._open_197nm_98:hover,._open_197nm_98[aria-current=true]{background:var(--studio-hover,#28332e)}._name_197nm_117{color:var(--studio-text,#f3f5f4);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:650;overflow:hidden}._meta_197nm_126{color:var(--studio-muted,#a4afaa);font-size:.72rem}._delete_197nm_131,._refresh_197nm_132{border:1px solid var(--studio-border,#39423f);color:var(--studio-muted,#c4ceca);font:inherit;cursor:pointer;background:0 0;border-radius:.55rem;align-self:center;padding:.45rem .6rem;font-size:.75rem}._delete_197nm_131{flex:none;margin-right:.4rem}._delete_197nm_131:hover{color:#ffb8ad;border-color:#9b5145}._refresh_197nm_132{align-self:flex-start}._empty_197nm_158,._error_197nm_159{background:var(--studio-surface,#1d2421);color:var(--studio-muted,#a4afaa);border-radius:.65rem;margin:0;padding:.75rem;font-size:.84rem;line-height:1.5}._error_197nm_159{color:#ffb8ad}._content_lwb35_1{min-width:0;color:var(--studio-text,#f3f5f4);flex-direction:column;gap:.85rem;display:flex}._heading_lwb35_9{color:var(--studio-text,#f3f5f4);margin:0;font-size:1rem;font-weight:700}._stageAppearance_lwb35_16{border:1px solid var(--studio-border,#39423f);background:var(--studio-surface,#1d2421);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:.8rem;display:flex}._subheading_lwb35_26{color:var(--studio-text,#f3f5f4);margin:0;font-size:.86rem;font-weight:700}._field_lwb35_33{color:var(--studio-muted,#b2bbb7);flex-direction:column;gap:.4rem;font-size:.78rem;font-weight:650;display:flex}._field_lwb35_33 select,._field_lwb35_33 input{border:1px solid var(--studio-border,#39423f);background:var(--studio-input,#151a18);width:100%;min-height:2.55rem;color:var(--studio-text,#f3f5f4);font:inherit;border-radius:.65rem;padding:.5rem .65rem;font-weight:500}._rangeHeading_lwb35_55{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}._rangeHeading_lwb35_55 output{color:var(--studio-text,#f3f5f4);font-variant-numeric:tabular-nums}._field_lwb35_33 input._rangeInput_lwb35_67{min-height:1.25rem;accent-color:var(--studio-accent,#4c8cca);cursor:pointer;background:0 0;border:0;padding:0}._field_lwb35_33 input._rangeInput_lwb35_67:disabled{cursor:default}._checkboxRow_lwb35_80{color:var(--studio-muted,#b2bbb7);cursor:pointer;justify-content:space-between;align-items:center;gap:.6rem;font-size:.78rem;font-weight:650;display:flex}._checkboxRow_lwb35_80 input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--studio-accent,#2cd682);cursor:pointer}._hint_lwb35_98{color:var(--studio-muted,#9da9a3);margin:0;font-size:.78rem;line-height:1.5}._profileCard_lwb35_105,._audioSummary_lwb35_106{border:1px solid var(--studio-border,#39423f);background:var(--studio-surface,#1d2421);border-radius:.75rem;align-items:center;gap:.7rem;min-width:0;padding:.8rem;display:flex}._profileColor_lwb35_117{border-radius:1rem;flex:none;width:.8rem;height:2.25rem}._profileCopy_lwb35_124,._audioSummary_lwb35_106{flex-direction:column;gap:.2rem;min-width:0;display:flex}._profileCopy_lwb35_124 strong,._audioSummary_lwb35_106 strong{color:var(--studio-text,#f3f5f4);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}._profileCopy_lwb35_124 span,._audioSummary_lwb35_106 span{color:var(--studio-muted,#9da9a3);font-size:.73rem}._primaryButton_lwb35_147,._secondaryButton_lwb35_148{border:1px solid var(--studio-accent-border,#4b8f70);background:var(--studio-accent,#1f6247);color:#f5fff9;min-height:2.5rem;font:inherit;cursor:pointer;border-radius:.65rem;align-self:flex-start;padding:.55rem .8rem;font-size:.8rem;font-weight:700}._secondaryButton_lwb35_148{border-color:var(--studio-border,#39423f);color:var(--studio-text,#f3f5f4);background:0 0}._upload_lwb35_168{border:1px dashed var(--studio-border,#50605a);color:var(--studio-text,#f3f5f4);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.3rem;padding:.9rem;font-size:.84rem;font-weight:700;display:flex;position:relative}._upload_lwb35_168 input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._metrics_lwb35_191{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0;display:grid}._metrics_lwb35_191 div{background:var(--studio-surface,#1d2421);border-radius:.6rem;min-width:0;padding:.55rem}._metrics_lwb35_191 dt{color:var(--studio-muted,#9da9a3);font-size:.67rem}._metrics_lwb35_191 dd{color:var(--studio-text,#f3f5f4);text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.76rem;font-weight:650;overflow:hidden}._diagnostics_lwb35_220{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}._diagnostics_lwb35_220 li{border-left:2px solid var(--studio-border,#39423f);color:var(--studio-muted,#bac2be);flex-direction:column;gap:.18rem;padding:.35rem .55rem;font-size:.74rem;line-height:1.45;display:flex}._diagnostics_lwb35_220 li[data-severity=error]{border-color:#df7668}._diagnostics_lwb35_220 li[data-severity=warning]{border-color:#e0b85c}._diagnostics_lwb35_220 strong{color:var(--studio-text,#f3f5f4);font-size:.72rem}._developer_lwb35_244{border-top:1px solid var(--studio-border,#39423f);padding-top:.7rem}._developer_lwb35_244 summary{color:var(--studio-muted,#bac2be);cursor:pointer;font-size:.78rem;font-weight:700}._developerContent_lwb35_256{flex-direction:column;gap:.65rem;padding-top:.7rem;display:flex}._playabilityCard_lwb35_263{border:1px solid var(--studio-border,#39423f);background:var(--studio-surface,#1d2421);border-radius:.75rem;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}._playabilityHeader_lwb35_273{justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;display:flex}._playabilityBadge_lwb35_281{text-transform:uppercase;letter-spacing:.04em;color:#34d399;background:#10b98129;border:1px solid #10b98161;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:700}._playabilityBadge_lwb35_281[data-status=warning]{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b66}._playabilityBadge_lwb35_281[data-status=error]{color:#f87171;background:#ef444429;border-color:#ef444466}._panel_a887a_1{border:1px solid var(--studio-accent-border,#4b8f70);background:var(--studio-surface,#1d2421);border-radius:.85rem;flex-direction:column;gap:.72rem;padding:.85rem;display:flex}._headingRow_a887a_11,._navigationTop_a887a_12,._navigationButtons_a887a_13,._fieldsRow_a887a_14,._modeButtons_a887a_15,._actionRow_a887a_16{justify-content:space-between;align-items:center;gap:.55rem;display:flex}._headingRow_a887a_11 h3,._presetSection_a887a_24 h4{color:var(--studio-text,#f3f5f4);margin:0;font-size:.9rem}._liveBadge_a887a_30{color:#bff3d2;background:#213f31;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:750}._description_a887a_39,._sourceNote_a887a_40,._hint_a887a_41,._status_a887a_42,._error_a887a_43,._notice_a887a_44{margin:0;font-size:.73rem;line-height:1.45}._description_a887a_39,._sourceNote_a887a_40,._hint_a887a_41{color:var(--studio-muted,#a7b1ac)}._notice_a887a_44{color:#f1d99f;background:#d8ad5614;border-left:2px solid #d8ad56;padding:.42rem .55rem}._navigation_a887a_12,._selection_a887a_62,._presetSection_a887a_24{border:1px solid var(--studio-border,#39423f);border-radius:.68rem;flex-direction:column;gap:.58rem;padding:.68rem;display:flex}._navigationTop_a887a_12 strong,._selection_a887a_62 strong{color:var(--studio-text,#f3f5f4);font-size:.8rem}._navigationTop_a887a_12 span{color:var(--studio-text,#f3f5f4);font-variant-numeric:tabular-nums;font-size:.78rem}._field_a887a_14{min-width:0;color:var(--studio-muted,#b2bbb7);flex-direction:column;flex:1 1 0;gap:.28rem;font-size:.7rem;font-weight:650;display:flex}._field_a887a_14 select,._field_a887a_14 input{border:1px solid var(--studio-border,#39423f);background:var(--studio-input,#151a18);width:100%;min-width:0;min-height:2.25rem;color:var(--studio-text,#f3f5f4);font:inherit;border-radius:.55rem;padding:.4rem .5rem;font-weight:500}._navigationButtons_a887a_13 button{flex:1}._fieldsRow_a887a_14{align-items:stretch}._fieldsRow_a887a_14 select{min-height:2.4rem}._selection_a887a_62 span:first-child,._sourceGrid_a887a_114 span{color:var(--studio-muted,#a7b1ac);font-size:.68rem}._selection_a887a_62 strong{overflow-wrap:anywhere}._modeButtons_a887a_15 button{flex:1}._sourceGrid_a887a_114{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}._sourceGrid_a887a_114 div{background:var(--studio-input,#151a18);border-radius:.5rem;flex-direction:column;gap:.22rem;min-width:0;padding:.45rem;display:flex}._sourceGrid_a887a_114 strong{color:var(--studio-text,#f3f5f4);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.68rem}._actionRow_a887a_16{flex-wrap:wrap}._actionRow_a887a_16 button{flex:28%}._presetSection_a887a_24{margin-top:.1rem}._presetLoad_a887a_149{flex-direction:column;gap:.5rem;display:flex}._presetIdentity_a887a_150{background:var(--studio-input,#151a18);border-radius:.5rem;flex-direction:column;gap:.2rem;min-width:0;padding:.48rem;display:flex}._presetIdentity_a887a_150 span{color:var(--studio-muted,#a7b1ac);font-size:.67rem}._presetIdentity_a887a_150 strong{color:var(--studio-text,#f3f5f4);overflow-wrap:anywhere;font-size:.75rem}._presetIdentity_a887a_150 code{color:var(--studio-muted,#a7b1ac);overflow-wrap:anywhere;font-size:.66rem}._renamePreset_a887a_162{flex-direction:column;gap:.4rem;display:flex}._presetActions_a887a_163{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}._importPreset_a887a_164 input[type=file]{padding:.3rem;font-size:.66rem}._primaryButton_a887a_166,._secondaryButton_a887a_167,._selectedMode_a887a_168{border:1px solid var(--studio-accent-border,#4b8f70);background:var(--studio-accent,#1f6247);color:#f5fff9;min-height:2.3rem;font:inherit;cursor:pointer;border-radius:.55rem;padding:.45rem .6rem;font-size:.72rem;font-weight:700}._secondaryButton_a887a_167{border-color:var(--studio-border,#39423f);color:var(--studio-text,#f3f5f4);background:0 0}._dangerButton_a887a_187{color:#ffe5e1;min-height:2.3rem;font:inherit;cursor:pointer;background:#482824;border:1px solid #874841;border-radius:.55rem;padding:.45rem .6rem;font-size:.72rem;font-weight:700}._selectedMode_a887a_168{background:#275d47}._primaryButton_a887a_166:disabled,._secondaryButton_a887a_167:disabled,._selectedMode_a887a_168:disabled,._dangerButton_a887a_187:disabled{cursor:not-allowed;opacity:.48}._status_a887a_42{color:#bff3d2}._error_a887a_43{color:#ffaaa1}@media (width<=360px){._fieldsRow_a887a_14{flex-direction:column}._navigationTop_a887a_12{flex-direction:column;align-items:flex-start}._presetActions_a887a_163{grid-template-columns:1fr}}:root{--studio-bg:#101216;--studio-panel:#181b20;--studio-raised:#21262d;--studio-border:#303640;--studio-text:#e7ecf2;--studio-muted:#a1aab8;--studio-accent:#73d4bc}body:has(.studio-shell){background:var(--studio-bg);min-width:320px;min-height:100dvh;color:var(--studio-text)}.page-shell:has(.studio-shell){width:100%;min-height:100dvh;margin:0;padding:0;display:block}.studio-shell{isolation:isolate;background:var(--studio-bg);width:100%;height:100dvh;min-height:0;color:var(--studio-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;grid-template-rows:minmax(56px,auto) minmax(0,1fr) auto 24px;grid-template-columns:64px minmax(0,1fr);font:400 14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.studio-shell *,.studio-shell :before,.studio-shell :after{box-sizing:border-box}.studio-shell [hidden]{display:none!important}.studio-developer-tools{gap:8px;min-width:0;padding-top:12px;display:grid}.studio-developer-tools select,.studio-developer-tools button{border:1px solid var(--studio-border);background:var(--studio-raised);max-width:100%;min-height:44px;color:var(--studio-text);border-radius:6px;padding:6px}.studio-developer-tools p{overflow-wrap:anywhere;color:var(--studio-muted);font-size:12px}.studio-shell button,.studio-shell input,.studio-shell select{font:inherit}.studio-shell button{color:inherit}.studio-shell button:focus-visible,.studio-shell [tabindex="0"]:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-header{z-index:10;border-bottom:1px solid var(--studio-border);scrollbar-width:none;white-space:nowrap;background:#15181d;grid-area:1/1/auto/-1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex;overflow:auto hidden}.studio-header::-webkit-scrollbar{display:none}.studio-brand{min-width:0;color:var(--studio-text);letter-spacing:-.02em;flex:none;align-items:center;gap:8px;margin-right:2px;font-size:12px;font-weight:650;display:inline-flex}.studio-brand-mark{width:30px;height:30px;color:var(--studio-accent);background:#1c282b;border:1px solid #3b4b4c;border-radius:7px;flex:none;place-items:center;display:grid}.studio-brand-name{white-space:nowrap}.studio-header-spacer{flex:auto;min-width:4px}.studio-header-addon{flex:none;align-items:center;min-width:max-content;display:flex}.studio-header-addon[hidden]{display:none!important}.studio-menu-group{flex:none;display:inline-flex;position:relative}.studio-fingering-assignment-host,.fingering-assignment-controls,.fingering-assignment-controls__groups{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.studio-header-addon .fingering-assignment-controls,.studio-header-addon .fingering-assignment-controls__groups,.studio-header-addon .fingering-control-group,.studio-header-addon .fingering-assignment-controls [role=group]{flex-wrap:nowrap;min-width:max-content;display:inline-flex!important}.studio-header-addon .fingering-assignment-controls button{white-space:nowrap;flex:none;min-height:44px}.studio-header-addon .fingering-assignment-controls [aria-label=Finger\ assignment] button{min-width:44px}.fingering-toolbar{min-width:0}.fingering-control-group{border:1px solid var(--studio-border);background:#12151a;border-radius:7px;flex-wrap:wrap;align-items:center;gap:3px;min-width:0;max-width:100%;padding:3px;display:inline-flex}.fingering-control-button{box-sizing:border-box;min-width:44px;min-height:44px;color:var(--studio-text);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.fingering-control-button:hover{filter:brightness(1.15)}.fingering-hand-button--left{color:#b9d1ff}.fingering-hand-button--right{color:#a8e6d2}.fingering-hand-button--left.is-selected{color:#fff;background:#315d99}.fingering-hand-button--right.is-selected{color:#fff;background:#187c65}.fingering-finger-button{background:#1a1e24;width:44px;padding:0}.fingering-finger-button.is-selected{background:var(--studio-accent);color:#111714}.fingering-action-button{width:44px;min-width:44px;padding:0}.fingering-action-button--clear{color:#f87171;background:#ef44441f}.fingering-action-button--unplayable{color:#f87171;background:#ef44440f;border-color:#f8717159}.fingering-action-button--glissando{color:#fbbf24;background:#f59e0b26}.fingering-auto-advance{color:#a1aab8;background:#181b20;border-color:#39414b}.fingering-auto-advance.is-enabled{color:#f0bc7c;background:#f0bc7c26;border-color:#e2ad6b}.studio-header-button,.studio-icon-button,.studio-view-switch button{color:#cbd2db;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:0 10px;font-size:12px;font-weight:550;display:inline-flex}.studio-header-button:hover,.studio-icon-button:hover,.studio-view-switch button:hover,.studio-header-button.is-open,.studio-view-switch button.is-active{color:var(--studio-text);background:#222831;border-color:#353d47}.studio-icon-button{width:44px;min-width:44px;color:var(--studio-muted);padding:0}.studio-icon-button:hover{color:var(--studio-accent)}.studio-project-name{color:#d7dce3;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;max-width:min(25vw,300px);margin:0 8px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.studio-project-name>span:last-child{text-overflow:ellipsis;overflow:hidden}.studio-project-dot{background:#56606c;border-radius:50%;flex:none;width:7px;height:7px}.studio-project-dot[data-has-project=true]{background:var(--studio-accent);box-shadow:0 0 0 3px #73d4bc1c}.studio-view-switch{background:#12151a;border:1px solid #303741;border-radius:8px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.studio-view-switch button{color:#9ea8b5;border-radius:6px;min-height:34px;padding:0 10px;font-size:12px}.studio-view-switch button.is-active{color:var(--studio-accent);background:#242b31;border-color:#3c474c}.studio-header-camera-hud{background:#12151a;border:1px solid #303741;border-radius:8px;flex:none;align-items:center;gap:4px;margin:0 10px;padding:2px;display:flex}.studio-header-camera-hud .studio-camera-hud__mode-group,.studio-header-camera-hud .studio-camera-hud__preset-group{background:0 0;border:none;align-items:center;gap:2px;padding:0;display:inline-flex}.studio-header-camera-hud .studio-camera-hud__preset-group{border-left:1px solid #303741;margin-left:2px;padding-left:4px}.studio-header-camera-hud .studio-camera-hud__mobile-preset{display:none}.studio-header-camera-hud .studio-camera-hud__btn{box-sizing:border-box;color:#9ea8b5;min-height:34px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.studio-header-camera-hud .studio-camera-hud__btn:hover{color:var(--studio-text);background:#1e242c}.studio-header-camera-hud .studio-camera-hud__btn.is-active{color:var(--studio-accent);background:#242b31;border-color:#3c474c}.studio-header-camera-hud .studio-camera-hud__btn:focus-visible,.studio-header-camera-hud select:focus-visible{outline:2px solid var(--studio-accent);outline-offset:1px}.studio-header-camera-hud .studio-camera-hud__btn-short{display:none}@media (width<=960px){.studio-header-camera-hud .studio-camera-hud__btn-full{display:none}.studio-header-camera-hud .studio-camera-hud__btn-short{display:inline}.studio-header-camera-hud .studio-camera-hud__btn{padding:0 7px}}.studio-save-state{color:#aab4c0;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.studio-save-state[data-kind=saved]{color:var(--studio-accent)}.studio-save-state[data-kind=warning]{color:#e3bd7d}.studio-save-state[data-kind=error]{color:#f0a5a5}.studio-save-state[data-kind=saving],.studio-save-state[data-kind=calculating],.studio-save-state[data-kind=loading]{color:#e3bd7d}.studio-spin{animation:1.2s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-menu-popover{z-index:50;overscroll-behavior:contain;width:min(256px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--studio-text);box-sizing:border-box;background:#1a1e24;border:1px solid #3a414b;border-radius:9px;gap:2px;padding:6px;font:400 13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 14px 40px #0000006b}.studio-menu-popover *,.studio-menu-popover :before,.studio-menu-popover :after{box-sizing:border-box}.studio-menu-popover button{color:inherit;font:inherit}.studio-menu-popover .studio-menu-item:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-menu-item>span:last-child{flex:auto;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.studio-menu-label{color:#788492;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px 5px;font-size:10px;font-weight:700}.studio-menu-item,.studio-disabled-menu-item>button{color:#d8dee6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 9px;font-size:13px;display:flex}.studio-menu-item:hover:not(:disabled),.studio-disabled-menu-item>button:hover:not(:disabled){color:#fff;background:#252b33}.studio-menu-item:disabled{color:#68717c;cursor:not-allowed}.studio-menu-item-icon{color:#9aa6b3;flex:0 0 18px;place-items:center;width:18px;display:inline-grid}.studio-menu-item-icon svg{width:16px;height:16px}.studio-menu-shortcut{color:#8893a0;white-space:nowrap;margin-left:auto;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.studio-menu-divider{background:#303741;height:1px;margin:4px 5px}.studio-disabled-menu-item>button:disabled{color:#717986;cursor:not-allowed}.studio-disabled-menu-item .studio-menu-item-icon{color:#737c87}.studio-menu-reason{color:#85909d;padding:0 10px 8px 37px;font-size:11px;line-height:1.4;display:block}.studio-shortcuts-overlay{z-index:60;background:#00000094;position:fixed;inset:0}.studio-shortcuts-dialog{z-index:61;width:min(540px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--studio-text);background:#1b2026;border:1px solid #3a424d;border-radius:10px;flex-direction:column;padding:18px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 18px 56px #0000008c}.studio-shortcuts-dialog :focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-shortcuts-dialog__heading{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.studio-shortcuts-dialog__heading h2{margin:0;font-size:17px}.studio-shortcuts-dialog__heading .studio-icon-button{border:1px solid #39414b;flex:0 0 44px}.studio-shortcuts-dialog__description{color:var(--studio-muted);margin:4px 0 12px;font-size:12px}.studio-shortcuts-list{gap:2px;min-width:0;margin:0;display:grid}.studio-shortcuts-list__row{border-bottom:1px solid #2b3139;grid-template-columns:minmax(145px,.9fr) minmax(0,1.4fr);align-items:center;gap:12px;padding:7px 0;display:grid}.studio-shortcuts-list__row dt{min-width:0}.studio-shortcuts-list__row kbd{color:var(--studio-accent);background:#12151a;border:1px solid #39424b;border-radius:4px;padding:3px 5px;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block}.studio-shortcuts-list__row dd{color:#c0c8d2;margin:0;font-size:12px}.studio-tool-rail{z-index:7;overscroll-behavior:contain;border:1px solid var(--studio-border);scrollbar-color:#3c444e #15181d;scrollbar-width:thin;background:#15181d;border-radius:10px;flex-direction:column;grid-area:2/1;align-self:start;align-items:center;gap:7px;min-width:0;min-height:0;max-height:calc(100% - 16px);margin:8px 4px;padding:5px 3px;display:flex;overflow:hidden auto}.studio-tool-rail .studio-menu-group{width:100%}.studio-tool-rail-group{flex-direction:column;flex:none;align-items:stretch;gap:5px;width:100%;min-width:0;display:flex}.studio-tool-rail-divider{background:#303640;flex:0 0 1px;width:24px;height:1px}.studio-tool-rail button{color:#8e99a6;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:100%;min-height:52px;padding:5px 2px;font-size:9px;line-height:1.1;display:flex}.studio-tool-rail button:hover,.studio-tool-rail button.is-active,.studio-tool-rail button.is-open{color:var(--studio-accent);background:#222831;border-color:#343e49}.studio-tool-rail button:disabled{color:#5f6873;cursor:not-allowed;opacity:.66}.studio-tool-rail button span{overflow-wrap:anywhere;max-width:100%}.studio-tool-rail .studio-focus-toggle{margin-top:0}.studio-main{z-index:1;background:var(--studio-bg);grid-area:2/2;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.studio-workspace{overscroll-behavior:contain;scrollbar-color:#3c444e #15181d;scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.studio-workspace-content{min-width:0;min-height:100%;color:var(--studio-text);flex-direction:column;padding:12px;display:flex;position:relative}.studio-workspace-content>.studio-workspace-layout{flex:1 0 auto;width:100%;min-width:0;min-height:100%}.studio-workspace-content.view-performance{min-height:max(100%,360px)}.studio-workspace-content.view-editor{min-height:max(100%,560px)}.studio-workspace-content .player-card{width:100%;max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;margin:0;padding:0}.studio-workspace-content .player-title{color:var(--studio-text);font-size:17px}.studio-workspace-content .player-badges .badge{color:#b4c0cc;background:#1a2026;border-radius:6px}.studio-workspace-content .piano-canvas-container{border-color:var(--studio-border);background:#101216;border-radius:7px;height:auto;min-height:0}.studio-workspace-content .piano-roll-viewport{border-color:var(--studio-border);border-radius:7px;height:auto;min-height:0}.studio-workspace-content .fingering-editor-container,.studio-workspace-content .editor-workspace{gap:8px}.studio-workspace-content .editor-sidebar{width:300px}.studio-workspace-content>.studio-welcome{width:min(100%,520px);color:var(--studio-text);text-align:center;flex-direction:column;flex:0 auto;align-items:center;gap:12px;margin:auto;padding:clamp(18px,4vw,30px);display:flex}.studio-welcome__eyebrow{color:var(--studio-accent);letter-spacing:.12em;margin:0 0 2px;font-size:10px;font-weight:650}.studio-welcome h1{color:#e7ecf2;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.25}.studio-welcome h1 svg,.studio-welcome__actions svg{width:18px;height:18px}.studio-welcome>p:not(.studio-welcome__eyebrow){max-width:50ch;color:var(--studio-muted);margin:0;font-size:13px;line-height:1.55}.studio-welcome__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.studio-welcome__actions button{color:#dce3ea;cursor:pointer;background:#21262d;border:1px solid #3a434d;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;font-size:13px;font-weight:550;display:inline-flex}.studio-welcome__actions button:first-child{color:#101b18;background:#73d4bc;border-color:#73d4bc}.studio-welcome__actions button:hover:not(:disabled){filter:brightness(1.08)}.studio-welcome__actions button:disabled{color:#7b8591;cursor:not-allowed;opacity:.62}.studio-welcome [role=status]{color:#c2cbd5;font-size:12px}.studio-welcome [role=alert]{color:#f0a5a5;font-size:12px}.studio-panel{z-index:2;border-color:var(--studio-border);background:var(--studio-panel);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-panel.side-left{border-right:1px solid var(--studio-border)}.studio-panel.side-right{border-left:1px solid var(--studio-border)}.studio-panel.is-overlay{z-index:5;max-width:min(92vw,440px);position:absolute;top:0;bottom:0;box-shadow:0 12px 40px #0000006b}.studio-panel.is-overlay.side-left{border-right:1px solid #404752;left:0}.studio-panel.is-overlay.side-right{border-left:1px solid #404752;right:0}.studio-panel-heading{border-bottom:1px solid var(--studio-border);background:#1b1f25;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex}.studio-panel-heading h2,.studio-panel-heading [data-radix-dialog-title]{color:var(--studio-text);margin:0;font-size:13px;font-weight:650}.studio-panel-actions{align-items:center;gap:3px;display:flex}.studio-panel-control{color:#aab4c0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:36px;min-width:36px;height:36px;display:grid}.studio-panel-control:hover{color:var(--studio-accent);background:#272d35;border-color:#3b444f}.studio-panel-body{scrollbar-color:#3c444e #181b20;scrollbar-width:thin;flex:1;min-width:0;min-height:0;padding:10px;overflow:auto}.studio-inspector-content{flex-direction:column;gap:10px;min-height:100%;display:flex}.studio-inspector-tabs{background:#13161b;border:1px solid #303741;border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;display:grid}.studio-inspector-tabs button{color:#909aa7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;min-height:40px;padding:0 3px;font-size:11px}.studio-inspector-tabs button:hover{color:var(--studio-text)}.studio-inspector-tabs button.is-active{color:var(--studio-accent);background:#242a31;border-color:#3a454d}.studio-resize-handle{z-index:4;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0}.studio-panel.side-left>.studio-resize-handle{right:-4px}.studio-panel.side-right>.studio-resize-handle{left:-4px}.studio-panel[data-testid=practice-panel] .studio-panel-control{width:44px;min-width:44px;height:44px}.studio-resize-handle:hover,.studio-resize-handle:focus-visible{background:#73d4bc29}.studio-transport{z-index:6;border-top:1px solid var(--studio-border);scrollbar-width:thin;background:#181b20;grid-area:3/1/auto/-1;min-width:0;max-height:124px;overflow:auto}.studio-transport .transport-bar{background:0 0;border:0;border-radius:0;min-height:56px;padding:7px 12px}.studio-transport .transport-btn{border-radius:6px;min-height:40px}.studio-transport .play-btn{color:#e9fff8;background:#23675c}.studio-transport .stop-btn{color:#d5dbe4;background:#2c323a}.studio-transport select,.studio-transport input{accent-color:var(--studio-accent)}.studio-statusbar{z-index:8;color:#a1aab8;background:#101216;border-top:1px solid #292f37;grid-area:4/1/auto/-1;align-items:center;gap:7px;min-width:0;height:24px;padding:0 10px;font-size:11px;line-height:1;display:flex}.studio-statusbar>svg{color:#88939f;flex:none}.studio-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-status-message,.studio-status-details{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;overflow:hidden}.studio-status-message:hover,.studio-status-details:hover{color:var(--studio-text);text-decoration:underline}.studio-status-details{color:#7e8995}.studio-status-progress{background:#323a44;border-radius:999px;flex:none;width:min(112px,13vw);height:4px;overflow:hidden}.studio-status-progress>span{background:var(--studio-accent);height:100%;transition:width .16s;display:block}.studio-preference-warning{color:#e7ba7b;white-space:nowrap}.studio-status-spacer{flex:auto}.studio-status-label{color:#66717d;white-space:nowrap}.studio-footer-addon{align-items:center;min-width:0;display:flex}.studio-release-disclosure{align-items:center;display:flex;position:relative}.studio-release-disclosure>summary{color:#aab5c1;cursor:pointer;white-space:nowrap;background:#1c2229;border:1px solid #39424d;border-radius:5px;align-items:center;gap:4px;min-height:20px;padding:0 6px;font-size:10px;line-height:1;list-style:none;display:inline-flex}.studio-release-disclosure>summary::-webkit-details-marker{display:none}.studio-release-disclosure>summary:hover{color:var(--studio-accent);border-color:#54616d}.studio-release-disclosure[open]>summary svg{transform:rotate(180deg)}.studio-release-popover{z-index:45;color:#bdc6d0;background:#1b2026;border:1px solid #414a55;border-radius:9px;width:min(340px,100vw - 24px);max-height:min(58dvh,420px);padding:14px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 14px 42px #0000007a}.studio-release-popover h2{color:var(--studio-text);margin:0 0 8px;font-size:13px}.studio-release-popover strong{color:var(--studio-accent);font-size:11px}.studio-release-popover p{color:#a4afbb;margin:8px 0 0}.studio-sheet-overlay{z-index:40;background:#0000008c;position:fixed;inset:0}.studio-mobile-sheet{z-index:41;background:var(--studio-panel);max-height:min(82dvh,760px);color:var(--studio-text);border:1px solid #3b424c;border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -18px 48px #00000075}.studio-mobile-sheet .studio-panel-heading{box-sizing:border-box;flex:none;min-height:56px;padding:6px 8px}.studio-mobile-sheet .studio-panel-heading-copy{flex:auto;align-self:center;min-width:0}.studio-mobile-sheet .studio-panel-heading-title{color:var(--studio-text);white-space:nowrap;margin:0;font-size:13px;line-height:16px}.studio-mobile-sheet .studio-panel-heading-description{color:#8994a1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11px;line-height:13px;display:-webkit-box;overflow:hidden}.studio-mobile-sheet .studio-panel-body{overscroll-behavior:contain;padding:12px}.studio-fullscreen-screen{z-index:30;color:var(--studio-text);pointer-events:none;background:0 0;position:fixed;inset:56px 0 24px;overflow:auto}.studio-fullscreen-screen .modal-backdrop{pointer-events:auto;background:var(--studio-bg)!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important;position:absolute!important;inset:0!important}.studio-fullscreen-screen .modal-content{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}.studio-modal-overlay{z-index:50;background:#00000080;position:fixed;inset:0}[role=dialog].studio-fullscreen-screen{z-index:51}.studio-decision-dialog{z-index:51;border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);width:min(480px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--studio-text,#e7ecf2);border-radius:8px;padding:24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 56px #00000073}.studio-decision-dialog h2{margin-top:0;font-size:18px}.studio-decision-dialog p{color:var(--studio-muted,#a1aab8);line-height:1.5}.studio-decision-dialog fieldset{border:1px solid var(--studio-border,#303640);border-radius:6px;gap:12px;margin:16px 0;display:grid}.studio-decision-dialog label{align-items:center;gap:8px;min-height:44px;display:flex}.studio-confirm-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.studio-confirm-actions button{color:#e7ecf2;cursor:pointer;background:#262d35;border:1px solid #39414b;border-radius:6px;min-height:44px;padding:8px 12px}.studio-confirm-actions button:disabled{opacity:.45;cursor:not-allowed}.studio-fullscreen-screen .modal-content{background:var(--studio-panel,#181b20)!important;color:var(--studio-text,#e7ecf2)!important}.studio-fullscreen-screen{--studio-bg:#101216;--studio-panel:#181b20;--studio-text:#e7ecf2;--panel:#181b20;--panel-raised:#21262d;--border:#303640;--muted:#a1aab8;--mint:#73d4bc;font-size:14px}.studio-fullscreen-screen button{min-width:44px;min-height:44px}.studio-fullscreen-screen select,.studio-fullscreen-screen input:not([type=checkbox]):not([type=radio]){min-height:44px}.studio-fullscreen-screen :focus-visible,.studio-decision-dialog :focus-visible{outline-offset:2px;outline:2px solid #73d4bc}.studio-focus-hint{z-index:12;color:#cbd2db;pointer-events:none;background:#15181dd9;border-radius:999px;padding:7px 12px;font-size:12px;animation:3.5s forwards studio-focus-hint-fade;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes studio-focus-hint-fade{0%,65%{opacity:1}to{opacity:0}}.studio-focus-exit{z-index:12;border:1px solid var(--studio-border);cursor:pointer;opacity:0;pointer-events:none;background:#15181dd9;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;right:8px}.studio-focus-exit:focus-visible{opacity:1;pointer-events:auto}@media (any-pointer:coarse){.studio-focus-exit{opacity:.75;pointer-events:auto}}@media (width<=1799px){.studio-header{gap:4px;padding:0 8px}.studio-brand-name,.studio-file-label,.studio-save-state span,.studio-export-button>span{display:none}.studio-save-state{gap:0}.studio-project-name{max-width:120px}.studio-view-switch button{padding:0 5px}.studio-header-button,.fingering-hand-button{padding:0 6px}}@media (width<=1199px){.studio-header{grid-template-rows:56px 44px auto;grid-template-columns:34px 44px minmax(24px,1fr) 44px;gap:3px;padding-left:8px;padding-right:8px;display:grid}.studio-header .studio-brand-name{display:none}.studio-header>.studio-brand{grid-area:1/1}.studio-header>.studio-file-menu{grid-area:1/2}.studio-header>.studio-project-name{grid-area:1/3}.studio-header>.studio-view-switch{grid-area:2/1/auto/-1;justify-self:center}.studio-header>.studio-header-spacer{display:none}.studio-header>.studio-help-menu{grid-area:1/4}.studio-header>.studio-save-state,.studio-header>.studio-pianist-button{display:none}.studio-header>.studio-header-camera-hud{grid-area:3/1/auto/-1;justify-self:stretch;width:100%;min-width:0;margin:0}.studio-header>.studio-header-addon{flex:auto;grid-area:3/1/auto/-1;width:100%;min-width:0;padding-bottom:6px}.studio-file-label,.studio-export-button>span{display:none}.studio-header-button{min-width:44px;padding:0 5px}.studio-icon-button{width:44px;min-width:44px}.studio-header-addon .fingering-assignment-controls,.studio-header-addon .fingering-assignment-controls__groups,.studio-header-addon .fingering-control-group{flex-wrap:wrap;min-width:0}}@media (width<=899px){.studio-header-addon .fingering-assignment-controls [role=group],.studio-header-addon .fingering-control-group{flex-wrap:wrap!important;min-width:0!important}.studio-shell{grid-template-rows:minmax(56px,auto) 60px minmax(0,1fr) auto 24px;grid-template-columns:minmax(0,1fr)}.studio-header{grid-row:1;gap:5px;padding:0 8px}.studio-header-camera-hud .studio-camera-hud__mode-group{flex:1 1 0;min-width:0}.studio-header-camera-hud .studio-camera-hud__btn{flex:1 1 0;min-width:0;min-height:44px}.studio-header-camera-hud .studio-camera-hud__preset-group{display:none}.studio-header-camera-hud .studio-camera-hud__mobile-preset{flex:1 1 0;min-width:0;display:flex}.studio-header-camera-hud .studio-camera-hud__mobile-preset select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;color:var(--studio-text);font:inherit;background:#12151a;border:1px solid #303741;border-radius:6px;padding:0 8px;font-size:12px}.studio-tool-rail{flex-direction:row;grid-area:2/1;justify-content:flex-start;align-self:center;align-items:stretch;gap:8px;max-height:none;margin:0 8px;padding:0 4px;overflow:auto hidden}.studio-tool-rail .studio-menu-group{width:auto}.studio-tool-rail-group{flex-direction:row;align-items:stretch;gap:5px;width:auto}.studio-tool-rail-divider{flex-basis:1px;align-self:center;width:1px;height:26px}.studio-tool-rail button{text-align:center;white-space:normal;flex-direction:column;align-self:center;gap:3px;width:44px;min-width:44px;height:54px;min-height:54px;padding:3px 1px;font-size:9px;line-height:1.1}.studio-tool-rail .studio-focus-toggle{margin-top:0;margin-left:auto}.studio-main{grid-area:3/1}.studio-view-switch button{min-height:44px}.studio-brand-name{display:none}.studio-icon-button{width:44px;min-width:44px}.studio-mobile-sheet .studio-panel-control{width:44px;min-width:44px;height:44px}.studio-mobile-sheet .studio-inspector-tabs button{min-height:44px}.studio-workspace-content{padding:8px}.studio-welcome__actions{flex-direction:column;width:min(100%,320px)}.studio-welcome__actions button{width:100%}.studio-transport{grid-row:4;max-height:112px}.studio-statusbar{grid-row:5}.studio-workspace-content .editor-workspace{flex-direction:column}.studio-workspace-content .editor-sidebar{width:100%}}@media (width<=700px){.studio-file-label,.studio-export-button>span,.studio-pianist-button,.studio-save-state span{display:none}.studio-save-state{gap:0}.studio-menu-trigger{min-width:44px;padding:0 6px}}@media (width<=560px){.studio-header{grid-template-rows:56px 44px auto;grid-template-columns:34px 44px minmax(24px,1fr) 44px;gap:3px;padding:0 6px}.studio-brand{margin-right:0}.studio-brand-name,.studio-pianist-button,.studio-save-state{display:none}.studio-header>.studio-brand{grid-area:1/1}.studio-header>.studio-file-menu{grid-area:1/2}.studio-header>.studio-project-name{grid-area:1/3}.studio-header>.studio-view-switch{grid-area:2/1/auto/-1;justify-self:center}.studio-header>.studio-header-spacer{display:none}.studio-header>.studio-help-menu{grid-area:1/4}.studio-header>.studio-header-addon{grid-area:3/1/auto/-1;padding-bottom:6px}.studio-header-button{min-width:44px;padding:0 5px}.studio-icon-button{width:44px;min-width:44px}.studio-project-name{flex:24px;min-width:24px;max-width:none;margin:0 1px;font-size:12px}.studio-view-switch button{min-width:44px;padding:0 4px;font-size:11px}.studio-file-label,.studio-export-button>span,.studio-status-label,.studio-status-details{display:none}}@media (width<=380px){.studio-header{grid-template-columns:30px 44px minmax(16px,1fr) 44px;gap:2px;padding-left:4px;padding-right:4px}.studio-menu-trigger{min-width:44px}.studio-project-name{min-width:24px}.studio-statusbar{gap:5px;padding:0 6px}}@media (pointer:coarse){.studio-header-camera-hud .studio-camera-hud__btn{min-width:44px;min-height:44px}.studio-header-camera-hud .studio-camera-hud__mobile-preset select{min-height:44px}}@media (height<=560px){.studio-transport{max-height:92px}.studio-transport .transport-bar{min-height:48px;padding:4px 8px}}.studio-shell[data-focus-mode=on]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-shell[data-focus-mode=on] .studio-main{grid-area:1/1}.studio-shell[data-focus-mode=on] .studio-workspace-content{min-height:100%;padding:0}.studio-workspace-layout{--studio-panel:#181b20;--studio-raised:#21262d;--studio-border:#303640;--studio-text:#e7ecf2;--studio-muted:#a1aab8;--studio-accent:#73d4bc;min-width:0;height:100%;min-height:0;color:var(--studio-text);background:#101216;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.studio-workspace-layout__scene-content{background:#101216;flex:auto;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.studio-workspace-layout__scene-content>:not(.studio-workspace-layout__time-anchor):not(.studio-workspace-layout__camera-hud):not(.studio-workspace-layout__top-ribbons){width:100%;min-width:0;height:100%;min-height:0}.studio-workspace-layout__top-ribbons{z-index:8;pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.studio-workspace-layout__scene-content>.player-card{max-width:none;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.studio-workspace-layout .piano-canvas-container{border:0;border-radius:0;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.studio-workspace-layout__scene-content canvas{max-width:100%;display:block}.studio-workspace-layout__scene-content canvas:focus-visible{outline:2px solid var(--studio-accent);outline-offset:-3px}.studio-workspace-layout__editor-state,.studio-workspace-layout__editor-state[hidden]{display:none!important}.studio-workspace-layout__time-anchor{z-index:4;max-width:calc(100% - 20px);color:var(--studio-text);font-variant-numeric:tabular-nums;background:#181b20f0;border:1px solid #3a424c;border-radius:7px;align-items:center;gap:8px;padding:5px 7px 5px 10px;font-size:12px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 12px #00000040}.studio-workspace-layout__time-anchor button{box-sizing:border-box;min-height:44px;color:var(--studio-accent);cursor:pointer;white-space:nowrap;background:#222b31;border:1px solid #3e4c50;border-radius:5px;padding:0 8px}.studio-workspace-layout__time-anchor button:disabled{color:#7d8792;cursor:default}.studio-workspace-layout__playhead-time{color:var(--studio-muted);white-space:nowrap}.studio-workspace-layout__camera-hud{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12151ae0;border:1px solid #3a424cd9;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:4px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px #0006}.studio-camera-hud__mode-group,.studio-camera-hud__preset-group{background:#0c0e12bf;border-radius:6px;flex-wrap:wrap;align-items:center;gap:2px;min-width:0;max-width:100%;padding:2px;display:inline-flex}.studio-camera-hud__preset-group{border-left:1px solid #2e3540;padding-left:6px}.studio-camera-hud__mobile-preset,.studio-camera-hud__btn-short{display:none}.studio-camera-hud__btn{box-sizing:border-box;color:#9ea8b5;min-height:28px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0 10px;font-size:11.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.studio-camera-hud__btn:hover{color:var(--studio-text);background:#222831}.studio-camera-hud__btn:focus-visible,.studio-camera-hud__mobile-preset select:focus-visible{outline:2px solid var(--studio-accent);outline-offset:1px}@media (width<=520px){.studio-workspace-layout__camera-hud{gap:3px;max-width:calc(100% - 12px);padding:2px;top:6px;right:6px}.studio-workspace-layout__camera-hud .studio-camera-hud__mode-group{flex:1 1 0;min-width:0}.studio-workspace-layout__camera-hud .studio-camera-hud__btn{flex:1 1 0;min-width:0;min-height:44px}.studio-workspace-layout__camera-hud .studio-camera-hud__preset-group{display:none}.studio-workspace-layout__camera-hud .studio-camera-hud__mobile-preset{flex:1 1 0;min-width:0;display:flex}.studio-workspace-layout__camera-hud .studio-camera-hud__mobile-preset select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;color:var(--studio-text);font:inherit;background:#12151a;border:1px solid #303741;border-radius:5px;padding:0 8px;font-size:11px}.studio-camera-hud__preset-group{border-left:none;padding-left:2px}.studio-camera-hud__btn-full{display:none}.studio-camera-hud__btn-short{display:inline}.studio-camera-hud__btn{min-height:32px;padding:0 6px;font-size:11px}}@media (pointer:coarse){.studio-camera-hud__btn{min-width:44px;min-height:44px}.studio-camera-hud__mobile-preset select{min-height:44px}}.studio-camera-hud__btn.is-active{color:var(--studio-accent);background:#1c2e2b;border-color:#3c4e4b}.studio-workspace-layout__waveform{border-top:1px solid var(--studio-border);background:var(--studio-panel);flex:none;min-width:0}.studio-workspace-layout__waveform .waveform-canvas-container{display:block}.studio-transport-controls{box-sizing:border-box;width:100%;min-width:0;color:var(--studio-text);background:var(--studio-panel);border-top:1px solid var(--studio-border);grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .75rem;display:grid}.studio-transport-controls__buttons,.studio-transport-controls__options{align-items:center;gap:.45rem;min-width:0;display:flex}.studio-transport-controls__button{box-sizing:border-box;min-width:76px;min-height:44px;color:var(--studio-text);font:inherit;background:var(--studio-raised);cursor:pointer;border:1px solid #39414b;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.86rem;font-weight:650;display:inline-flex}.studio-transport-controls__button svg{width:17px;height:17px}.studio-transport-controls__play{color:#11201d;background:var(--studio-accent);border-color:var(--studio-accent)}.studio-transport-controls__stop{color:#e8d5d3}.studio-transport-controls__button:disabled,.studio-transport-controls input:disabled,.studio-transport-controls select:disabled{opacity:.48;cursor:not-allowed}.studio-transport-controls__seek{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:.55rem;min-width:0;display:grid}.studio-transport-controls__seek-track{align-items:center;width:100%;min-width:70px;min-height:44px;display:flex;position:relative}.studio-transport-controls__seek input[type=range]{z-index:1;width:100%;min-width:70px;min-height:44px;accent-color:var(--studio-accent);background:0 0;margin:0;position:relative}.studio-transport-controls__loop-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.studio-transport-controls__loop-range{pointer-events:auto;border-radius:3px;height:14px;transition:background-color .12s,border-color .12s;position:absolute;top:50%;transform:translateY(-50%)}.studio-transport-controls__loop-range.is-idle{pointer-events:none;background:0 0;border-top:1px dashed #9da9a32e;border-bottom:1px dashed #9da9a32e}.studio-transport-controls__loop-range.is-draft{cursor:pointer;background:#f6b93b24;border-top:1px dashed #f6b93b8c;border-bottom:1px dashed #f6b93b8c}.studio-transport-controls__loop-range.is-enabled{cursor:pointer;background:#2cd68238;border-top:1.5px solid #2cd682cc;border-bottom:1.5px solid #2cd682cc;box-shadow:0 0 10px #2cd6822e}.studio-transport-controls__loop-handle{z-index:3;color:#f6b93b;cursor:ew-resize;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;background:#11181de6;border:1px solid #f6b93b8c;border-radius:4px;justify-content:center;align-items:center;width:18px;height:28px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.98rem;font-weight:800;line-height:1;transition:transform 90ms,border-color .12s,color .12s,box-shadow .12s;display:inline-flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.studio-transport-controls__loop-handle:hover:not(:disabled),.studio-transport-controls__loop-handle.is-dragging{color:#2cd682;z-index:4;border-color:#2cd682;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 10px #2cd68273}.studio-transport-controls__loop-handle.is-enabled{color:#2cd682;background:#0f1f1af0;border-color:#2cd682e6;box-shadow:0 0 8px #2cd6824d}.studio-transport-controls__loop-handle:disabled{opacity:.35;cursor:not-allowed}.studio-transport-controls__loop-bracket{display:inline-block;transform:translateY(-1px)}.studio-transport-controls__loop-tooltip{z-index:1000;visibility:hidden;box-sizing:border-box;text-overflow:ellipsis;color:#e9f7f0;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#0d1216f5;border:1px solid #2cd682a6;border-radius:.35rem;max-width:calc(100vw - 16px);padding:.18rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:650;line-height:1;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000073}.studio-transport-controls__bookmark-pin{z-index:3;cursor:pointer;pointer-events:auto;background:#63b3ed;border:1px solid #12181c;border-radius:1.5px;width:8px;height:8px;padding:0;transition:transform .1s,background-color .1s;position:absolute;top:4px;transform:translate(-50%)rotate(45deg)}.studio-transport-controls__bookmark-pin:hover:not(:disabled){background:#90cdf4;transform:translate(-50%)rotate(45deg)scale(1.35)}.studio-transport-controls__time{color:var(--studio-muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:.78rem}.studio-transport-controls__options{justify-content:flex-end;gap:.65rem}.studio-transport-controls__field,.studio-transport-controls__volume{color:var(--studio-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.studio-transport-controls__field select{box-sizing:border-box;min-width:72px;min-height:44px;color:var(--studio-text);background:var(--studio-raised);border:1px solid #39414b;border-radius:.4rem;padding:.35rem .45rem}.studio-transport-controls__volume input[type=range]{width:94px;min-height:44px;accent-color:var(--studio-accent)}.studio-transport-controls__accompaniment{flex:none;align-items:center;gap:.35rem;min-width:0;display:inline-flex}.studio-transport-controls :focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-transport-controls__button:hover:not(:disabled){filter:brightness(1.1)}.studio-transport-controls__icon-btn{box-sizing:border-box;width:36px;height:36px;color:var(--studio-text);background:var(--studio-raised);cursor:pointer;border:1px solid #39414b;border-radius:.45rem;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-transport-controls__icon-btn:hover:not(:disabled){border-color:var(--studio-accent);color:var(--studio-accent)}.studio-transport-controls__icon-btn:disabled{opacity:.42;cursor:not-allowed}.studio-transport-controls__bar-stepper{align-items:center;gap:.25rem;display:inline-flex}.studio-transport-controls__bar-readout{font-variant-numeric:tabular-nums;color:var(--studio-muted);white-space:nowrap;padding:0 .25rem;font-size:.72rem}.studio-transport-controls__toggle-btn{box-sizing:border-box;min-height:34px;color:var(--studio-muted);background:var(--studio-raised);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #39414b;border-radius:.45rem;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.studio-transport-controls__toggle-btn:hover:not(:disabled){color:var(--studio-text);border-color:#73d4bc73}.studio-transport-controls__toggle-btn.is-active{border-color:var(--studio-accent);color:var(--studio-accent);background:#73d4bc24}@media (width<=1500px) and (width>=581px){.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact){grid-template-columns:auto minmax(150px,1fr)}.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact) .studio-transport-controls__options{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.studio-transport:has(.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact)){max-height:none}}@media (width<=1000px){.studio-transport-controls{grid-template-columns:auto minmax(120px,1fr)}.studio-transport-controls__options{grid-column:1/-1;justify-content:flex-start;padding-left:.1rem}}@media (width<=580px){.studio-transport-controls{grid-template-rows:44px 44px;grid-template-columns:auto minmax(0,1fr);gap:.4rem .55rem;padding:.45rem .55rem}.studio-transport-controls__buttons{grid-area:1/1}.studio-transport-controls__seek{grid-area:2/1/auto/-1;grid-template-columns:40px minmax(36px,1fr) 40px;gap:.35rem}.studio-transport-controls__options{grid-area:1/2;justify-content:flex-end;gap:.35rem}.studio-transport-controls__button{width:44px;min-width:44px;padding:.4rem}.studio-transport-controls__button span,.studio-transport-controls__field>span,.studio-transport-controls__volume>span{display:none}.studio-transport-controls__field select{min-width:60px;min-height:44px;padding:.3rem}.studio-transport-controls__volume input[type=range]{width:min(76px,23vw)}.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact){grid-template-rows:44px 44px auto}.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact) .studio-transport-controls__options{flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:flex-start}.studio-transport:has(.studio-transport-controls.has-accompaniment:not(.studio-transport-controls--compact)){max-height:none}}.studio-transport-controls--compact{grid-template-columns:auto minmax(180px,1fr) auto;gap:.625rem;padding:.375rem .625rem}.studio-transport-controls--compact .studio-transport-controls__buttons,.studio-transport-controls--compact .studio-transport-controls__options{flex-wrap:nowrap;grid-column:auto;gap:.25rem;padding-left:0}.studio-transport-controls--compact .studio-transport-controls__button,.studio-transport-controls--compact .studio-transport-controls__icon-btn,.studio-transport-controls--compact .studio-transport-controls__toggle-btn{flex:0 0 36px;justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;position:relative}.studio-transport-controls--compact .studio-transport-controls__toggle-btn:disabled{opacity:.48;cursor:not-allowed}.studio-transport-controls--compact .studio-transport-controls__count-in-beat{min-width:17px;color:var(--studio-text);background:var(--studio-panel);border:1px solid var(--studio-accent);text-align:center;border-radius:9px;padding:1px 3px;font-size:.65rem;line-height:1.2;display:inline;position:absolute;top:-4px;right:-3px}.studio-transport-controls--compact .studio-transport-controls__seek{grid-template-columns:40px minmax(80px,1fr) 40px;gap:.375rem}.studio-transport-controls--compact .studio-transport-controls__seek-track,.studio-transport-controls--compact .studio-transport-controls__seek input[type=range]{min-height:36px}.studio-transport-controls--compact .studio-transport-controls__field,.studio-transport-controls--compact .studio-transport-controls__volume{gap:.25rem}.studio-transport-controls--compact .studio-transport-controls__field svg,.studio-transport-controls--compact .studio-transport-controls__volume svg{flex:none}.studio-transport-controls--compact .studio-transport-controls__field select{min-width:62px;min-height:36px;padding:.25rem}.studio-transport-controls--compact .studio-transport-controls__volume input[type=range]{width:64px;min-height:36px;margin:0}.studio-transport-controls--compact .studio-transport-controls__volume-readout{font-variant-numeric:tabular-nums;text-align:right;min-width:29px;font-size:.7rem}@media (pointer:coarse),(width<=580px){.studio-transport-controls--compact .studio-transport-controls__button,.studio-transport-controls--compact .studio-transport-controls__icon-btn,.studio-transport-controls--compact .studio-transport-controls__toggle-btn{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.studio-transport-controls--compact .studio-transport-controls__field select,.studio-transport-controls--compact .studio-transport-controls__volume input[type=range],.studio-transport-controls--compact .studio-transport-controls__seek input[type=range],.studio-transport-controls--compact .studio-transport-controls__seek-track{min-height:44px}.studio-transport-controls--compact .studio-transport-controls__loop-handle,.studio-transport-controls--compact .studio-transport-controls__loop-handle:hover:not(:disabled),.studio-transport-controls--compact .studio-transport-controls__loop-handle.is-dragging{width:44px;height:44px;box-shadow:none;background:0 0;border-color:#0000}.studio-transport-controls--compact .studio-transport-controls__loop-bracket{box-sizing:border-box;background:#11181de6;border:1px solid;border-radius:4px;justify-content:center;align-items:center;width:18px;height:28px;display:inline-flex;transform:none}.studio-transport-controls--compact .studio-transport-controls__loop-handle.is-enabled .studio-transport-controls__loop-bracket{background:#0f1f1af0;box-shadow:0 0 8px #2cd6824d}}@media (width<=900px),(pointer:coarse) and (width<=1100px){.studio-transport-controls--compact{grid-template-columns:auto minmax(180px,1fr)}.studio-transport-controls--compact .studio-transport-controls__options{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.studio-transport:has(.studio-transport-controls--compact){max-height:none}}@media (width<=580px){.studio-transport-controls--compact{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:.375rem;padding:.375rem .5rem}.studio-transport-controls--compact .studio-transport-controls__buttons{grid-area:1/1}.studio-transport-controls--compact .studio-transport-controls__seek{grid-area:2/1}.studio-transport-controls--compact .studio-transport-controls__options{grid-area:3/1}.studio-transport-controls--compact .studio-transport-controls__volume-readout{display:inline}}._panel_1yh4n_1{flex-direction:column;gap:14px;min-width:0;display:flex}._section_1yh4n_8{background:#14171c;border:1px solid #303741;border-radius:8px;gap:12px;min-width:0;padding:12px;display:grid}._sectionHeading_1yh4n_18{color:#aab4c0;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}._sectionHeading_1yh4n_18 h3{color:#e7ecf2;margin:0;font-size:13px;font-weight:650}._sectionHeading_1yh4n_18 p{color:#8994a1;margin:4px 0 0;font-size:11px;line-height:1.4}@media (width<=899px){._sectionDescription_1yh4n_42{display:none}}._loopGrid_1yh4n_47{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}._timeField_1yh4n_54,._nameField_1yh4n_55{color:#c2cbd5;align-content:start;gap:6px;min-width:0;font-size:12px;display:grid}._timeField_1yh4n_54 input,._nameField_1yh4n_55 input,._renameEditor_1yh4n_66 input{box-sizing:border-box;color:#e7ecf2;background:#101317;border:1px solid #3a434e;border-radius:6px;width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:14px}._timeField_1yh4n_54 input:focus-visible,._nameField_1yh4n_55 input:focus-visible,._renameEditor_1yh4n_66 input:focus-visible,._panel_1yh4n_1 button:focus-visible{outline-offset:2px;outline:2px solid #73d4bc}._timeField_1yh4n_54 input[aria-invalid=true],._renameEditor_1yh4n_66 input[aria-invalid=true]{border-color:#e58c8c}._timeField_1yh4n_54 input:disabled,._nameField_1yh4n_55 input:disabled,._panel_1yh4n_1 button:disabled{cursor:not-allowed;opacity:.58}._secondaryButton_1yh4n_99,._primaryButton_1yh4n_100,._playAlongButton_1yh4n_101{color:#d6dee8;cursor:pointer;text-align:center;overflow-wrap:anywhere;background:#20262d;border:1px solid #3a444f;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:7px 9px;font-size:11px;line-height:1.25;display:inline-flex}._primaryButton_1yh4n_100,._playAlongButton_1yh4n_101{color:#e7fff8;background:#1d4b43;border-color:#356d61}._secondaryButton_1yh4n_99:hover:not(:disabled),._primaryButton_1yh4n_100:hover:not(:disabled),._playAlongButton_1yh4n_101:hover:not(:disabled),._iconButton_1yh4n_130:hover:not(:disabled),._jumpButton_1yh4n_131:hover:not(:disabled){background:#28323a;border-color:#73d4bc}._primaryButton_1yh4n_100,._playAlongButton_1yh4n_101{width:100%}._toggleRow_1yh4n_141{color:#e0e6ed;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}._toggleRow_1yh4n_141 input{accent-color:#73d4bc;width:20px;height:20px}._toggleRow_1yh4n_141 input:focus-visible{outline-offset:2px;outline:2px solid #73d4bc}._message_1yh4n_161{color:#f0a5a5;margin:0;font-size:12px;line-height:1.4}._emptyHint_1yh4n_168{color:#98a3af;margin:0;font-size:12px;line-height:1.5}._hint_1yh4n_175{color:#c8ad78;margin:0;font-size:11px;line-height:1.4}._addForm_1yh4n_182{gap:9px;min-width:0;display:grid}._bookmarkList_1yh4n_188{gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:grid}._bookmarkItem_1yh4n_197{background:#191d23;border:1px solid #303741;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:4px;display:grid}._jumpButton_1yh4n_131{color:#e3e9ef;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:44px;padding:4px 6px;display:flex}._bookmarkName_1yh4n_226{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}._bookmarkName_1yh4n_226 svg{color:#73d4bc;flex:none}._timestamp_1yh4n_240{color:#97a2ae;font-variant-numeric:tabular-nums;font-size:11px}._bookmarkActions_1yh4n_246{align-items:center;gap:2px;display:flex}._iconButton_1yh4n_130{color:#b6c0cb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:44px;min-width:44px;min-height:44px;display:grid}._renameEditor_1yh4n_66{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:4px;min-width:0;display:grid}._renameEditor_1yh4n_66 ._message_1yh4n_161{grid-column:1/-1}._playAlongButton_1yh4n_101{align-self:stretch}@media (width<=420px){._loopGrid_1yh4n_47{grid-template-columns:minmax(0,1fr)}}._ribbon_1ute2_1{border-bottom:1px solid var(--studio-border,#2a303a);min-height:2.35rem;color:var(--studio-text,#e7ecf2);-webkit-user-select:none;user-select:none;background:#101216eb;flex-shrink:0;align-items:center;gap:.65rem;padding:.25rem .75rem;font-size:.75rem;display:flex;overflow:hidden}._metaGroup_1ute2_16{flex:none;align-items:center;gap:.45rem;display:flex}._keyBadge_1ute2_23{color:var(--studio-mint,#73d4bc);white-space:nowrap;background:#73d4bc1f;border:1px solid #73d4bc4d;border-radius:.38rem;align-items:center;gap:.3rem;padding:.18rem .5rem;font-size:.72rem;font-weight:650;display:inline-flex}._smoothToggle_1ute2_37{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);color:var(--studio-muted,#a1aab8);font:inherit;cursor:pointer;white-space:nowrap;border-radius:.38rem;align-items:center;gap:.28rem;padding:.18rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}._smoothToggle_1ute2_37:hover{color:var(--studio-text,#e7ecf2);border-color:#73d4bc73}._smoothToggleActive_1ute2_58{border-color:var(--studio-mint,#73d4bc);color:var(--studio-mint,#73d4bc);background:#73d4bc24}._activeReadout_1ute2_64{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:.38rem;align-items:center;gap:.35rem;padding:.16rem .55rem;font-size:.72rem;display:inline-flex}._activeSymbol_1ute2_76{color:#f8fafc;font-weight:700}._activeNumeral_1ute2_81{color:var(--studio-mint,#73d4bc);font-weight:600}._activeTones_1ute2_86{color:var(--studio-muted,#94a3b8);font-size:.68rem}._track_1ute2_91{scrollbar-width:none;flex:auto;align-items:center;gap:.3rem;min-width:0;padding:.1rem 0;display:flex;overflow-x:auto}._track_1ute2_91::-webkit-scrollbar{display:none}._cell_1ute2_106{color:var(--studio-muted,#a1aab8);font:inherit;cursor:pointer;white-space:nowrap;background:#181b20d9;border:1px solid #ffffff12;border-radius:.38rem;flex:none;align-items:baseline;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}._cell_1ute2_106:hover{color:var(--studio-text,#e7ecf2);border-color:#73d4bc66}._cellActive_1ute2_128{border-color:var(--studio-mint,#73d4bc);color:#fff;background:#73d4bc2e;font-weight:700}._cellBar_1ute2_135{opacity:.65;font-size:.63rem}._cellSymbol_1ute2_140{font-weight:650}._cellNumeral_1ute2_144{color:var(--studio-mint,#73d4bc);font-size:.66rem}._ribbon_155dj_1{-webkit-user-select:none;user-select:none;z-index:12;background:#080b12f7;border-bottom:1px solid #94a3b82e;align-items:stretch;min-height:120px;transition:height .16s ease-out;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059}._scrollTrack_155dj_14{scrollbar-width:none;-ms-overflow-style:none;cursor:pointer;background:#080b12;flex:1;width:100%;min-width:0;height:100%;position:relative;overflow:auto hidden}._scrollTrack_155dj_14::-webkit-scrollbar{display:none}._sheetStage_155dj_32{align-items:center;min-width:max-content;height:100%;padding:0 16px;display:inline-flex;position:relative}._osmdDark_155dj_42{filter:invert(90%)hue-rotate(180deg)brightness(1.2);align-items:center;min-width:max-content;height:100%;display:flex}._osmdDark_155dj_42 svg path[fill=none]:not(.vf-note *):not(.vf-stavenote *):not(.vf-stem *):not(.vf-notehead *):not(.vf-flag *){stroke:#9ca3af!important;stroke-width:1px!important}._osmdDark_155dj_42 svg rect[width="1"]:not(.vf-note *):not(.vf-stavenote *):not(.vf-stem *):not(.vf-notehead *):not(.vf-flag *){fill:#9ca3af!important;stroke:none!important;stroke-width:0!important;width:1px!important}._osmdDark_155dj_42 svg rect:not([width="1"]):not(.vf-note *):not(.vf-stavenote *):not(.vf-stem *):not(.vf-notehead *):not(.vf-flag *){fill:#9ca3af!important;stroke:none!important;stroke-width:0!important}._playhead_155dj_69{pointer-events:none;will-change:transform;z-index:5;background:#10b981e0;border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:16px;box-shadow:0 0 0 1px #065f468c,0 0 12px #10b981a6}._dialog_bhv37_1{background:var(--studio-bg,#101216);width:100%;min-width:0;height:100%;min-height:0;color:var(--studio-text,#e7ecf2);pointer-events:auto;flex-direction:column;display:flex;overflow:hidden}._header_bhv37_14{border-bottom:1px solid var(--studio-border,#303640);justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:4.25rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex}._titleGroup_bhv37_25{align-items:center;gap:.75rem;min-width:0;display:flex}._titleGroup_bhv37_25 h1{overflow-wrap:anywhere;color:inherit;margin:0;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700}._titleIcon_bhv37_40,._choiceIcon_bhv37_41{color:var(--studio-mint,#73d4bc);flex:none;place-items:center;display:grid}._close_bhv37_48,._actionButton_bhv37_49,._cancelButton_bhv37_50,._retry_bhv37_51{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);min-height:2.65rem;color:var(--studio-text,#e7ecf2);font:inherit;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}._close_bhv37_48{flex:none;width:2.75rem;padding:0;display:grid}._close_bhv37_48:hover,._actionButton_bhv37_49:hover,._cancelButton_bhv37_50:hover,._retry_bhv37_51:hover{border-color:var(--studio-mint,#73d4bc);background:var(--studio-hover,#212a30)}._actionButton_bhv37_49:disabled,._cancelButton_bhv37_50:disabled,._retry_bhv37_51:disabled{cursor:wait;opacity:.6}._sourceBar_bhv37_89{border-bottom:1px solid #ffffff0a;align-items:center;gap:.5rem;min-width:0;padding:.7rem clamp(1rem,4vw,2.5rem);display:flex}._sourceTab_bhv37_98{min-height:2.5rem;color:var(--studio-muted,#a1aab8);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;flex:none;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}._sourceTab_bhv37_98:hover{border-color:var(--studio-border,#303640);color:var(--studio-text,#e7ecf2)}._sourceTabActive_bhv37_120{color:var(--studio-mint,#73d4bc);background:#73d4bc1f;border-color:#73d4bc80}._sourceActions_bhv37_126{flex:auto;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}._sourceSelectBox_bhv37_135{min-width:8rem;max-width:15rem}._sourceSelect_bhv37_135{box-sizing:border-box;border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);width:100%;min-height:2.65rem;color:var(--studio-text,#e7ecf2);font:inherit;border-radius:.65rem;padding:.45rem .65rem;font-size:.82rem}._fileInput_bhv37_153{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._sourceStatus_bhv37_163{border-bottom:1px solid #ffffff09;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.45rem clamp(1rem,4vw,2.5rem);display:flex}._statusText_bhv37_173{min-width:0;color:var(--studio-muted,#a1aab8);align-items:center;gap:.45rem;font-size:.74rem;line-height:1.4;display:inline-flex}._statusText_bhv37_173 svg{color:var(--studio-mint,#73d4bc);flex:none}._controls_bhv37_188{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.65rem;padding:.85rem clamp(1rem,4vw,2.5rem) .7rem;display:flex}._searchRow_bhv37_196{align-items:center;gap:.75rem;display:flex}._searchBox_bhv37_202{flex:auto;min-width:0;position:relative}._searchIcon_bhv37_208{color:var(--studio-muted,#a1aab8);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}._search_bhv37_196{box-sizing:border-box;border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);width:100%;min-width:0;min-height:2.7rem;color:inherit;font:inherit;border-radius:.7rem;padding:.55rem .75rem .55rem 2.55rem}._search_bhv37_196:focus-visible,._sortSelect_bhv37_231:focus-visible,._sourceSelect_bhv37_135:focus-visible,._filterChip_bhv37_233:focus-visible,._sourceTab_bhv37_98:focus-visible{outline:2px solid var(--studio-mint,#73d4bc);outline-offset:2px}._sortBox_bhv37_239{flex:none;align-items:center;display:flex;position:relative}._sortIcon_bhv37_246{pointer-events:none;color:var(--studio-muted,#a1aab8);position:absolute;left:.75rem}._sortSelect_bhv37_231{box-sizing:border-box;border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);min-height:2.7rem;color:var(--studio-text,#e7ecf2);font:inherit;cursor:pointer;border-radius:.7rem;padding:.55rem 1rem .55rem 2.2rem;font-size:.82rem}._filterBar_bhv37_266,._categoryBar_bhv37_267{scrollbar-width:thin;align-items:center;gap:.45rem;padding:.1rem 0 .2rem;display:flex;overflow-x:auto}._filterChip_bhv37_233{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);min-height:2.05rem;color:var(--studio-muted,#a1aab8);font:inherit;cursor:pointer;white-space:nowrap;border-radius:2rem;flex:none;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.76rem;font-weight:550;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}._filterChip_bhv37_233:hover{color:var(--studio-text,#e7ecf2);border-color:#fff3}._filterChipActive_bhv37_300{border-color:var(--studio-mint,#73d4bc);color:var(--studio-mint,#73d4bc);background:#73d4bc1f;font-weight:650}._chipFavouritesIcon_bhv37_307{color:#fbbf24}._chipBeginner_bhv37_311:not(._filterChipActive_bhv37_300){color:var(--studio-mint,#73d4bc)}._chipIntermediate_bhv37_312:not(._filterChipActive_bhv37_300){color:#fbbf24}._chipAdvanced_bhv37_313:not(._filterChipActive_bhv37_300){color:#c4b5fd}._chipVirtuoso_bhv37_314:not(._filterChipActive_bhv37_300){color:#fda4af}._chipCount_bhv37_316{opacity:.8;font-size:.71rem}._count_bhv37_321{color:var(--studio-muted,#a1aab8);white-space:nowrap;margin:0;font-size:.77rem}._visuallyHidden_bhv37_328{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._dropZone_bhv37_340{min-height:2.35rem;color:var(--studio-muted,#a1aab8);background:#73d4bc09;border:1px dashed #73d4bc59;border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;margin:.5rem clamp(1rem,4vw,2.5rem) 0;font-size:.74rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}._dropZone_bhv37_340 svg{color:var(--studio-mint,#73d4bc)}._dropZoneActive_bhv37_356{border-color:var(--studio-mint,#73d4bc);color:var(--studio-text,#e7ecf2);background:#73d4bc1f}._results_bhv37_362{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-width:0;min-height:0;padding:.75rem clamp(1rem,4vw,2.5rem) 2rem;overflow:auto}._list_bhv37_372{grid-template-columns:repeat(auto-fill,minmax(min(100%,23rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}._row_bhv37_381{min-width:0}._itemCard_bhv37_383{box-sizing:border-box;border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);border-radius:.75rem;align-items:center;width:100%;min-width:0;min-height:5.25rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}._itemCard_bhv37_383:hover{border-color:var(--studio-mint,#73d4bc);background:var(--studio-hover,#212a30)}._choice_bhv37_41{box-sizing:border-box;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;gap:.75rem;padding:.75rem .45rem .75rem .8rem;display:flex}._choice_bhv37_41:disabled{cursor:wait;opacity:.62}._choice_bhv37_41:focus-visible,._previewButton_bhv37_423:focus-visible,._favouriteButton_bhv37_424:focus-visible{outline:2px solid var(--studio-mint,#73d4bc);outline-offset:-2px;border-radius:.65rem}._copy_bhv37_430{flex-direction:column;flex:auto;gap:.35rem;min-width:0;display:flex}._name_bhv37_438{overflow-wrap:anywhere;color:var(--studio-text,#e7ecf2);font-size:.9rem;font-weight:650;line-height:1.35}._metaRow_bhv37_446{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.45rem;min-width:0;display:flex}._meta_bhv37_446{overflow-wrap:anywhere;min-width:0;color:var(--studio-muted,#a1aab8);font-size:.7rem;line-height:1.35}._metadata_bhv37_463{color:var(--studio-muted,#a1aab8);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.68rem;line-height:1.35;display:inline-flex}._metadata_bhv37_463>span:not(._badge_bhv37_473):before{content:"·";color:var(--studio-border,#505966);margin-right:.4rem}._badge_bhv37_473{white-space:nowrap;border-radius:.35rem;align-items:center;padding:.15rem .4rem;font-size:.66rem;font-weight:600;line-height:1.2;display:inline-flex}._badgeBeginner_bhv37_490{color:var(--studio-mint,#73d4bc);background:#73d4bc1f;border:1px solid #73d4bc4d}._badgeIntermediate_bhv37_496{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}._badgeAdvanced_bhv37_502{color:#c4b5fd;background:#a78bfa24;border:1px solid #a78bfa59}._badgeVirtuoso_bhv37_508{color:#fda4af;background:#f43f5e24;border:1px solid #f43f5e59}._badgeNeutral_bhv37_514{border:1px solid var(--studio-border,#303640);color:var(--studio-muted,#a1aab8);background:#ffffff0b}._previewButton_bhv37_423,._favouriteButton_bhv37_424{width:2.35rem;height:2.35rem;color:var(--studio-muted,#8d97a4);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;flex:none;place-items:center;margin:0 .25rem;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:grid}._previewButton_bhv37_423:hover{color:var(--studio-mint,#73d4bc);background:#73d4bc1a;border-color:#73d4bc59}._previewButtonActive_bhv37_543{color:var(--studio-mint,#73d4bc)}._previewButton_bhv37_423:disabled{cursor:wait;opacity:.55}._favouriteButton_bhv37_424{margin-right:.5rem}._favouriteButton_bhv37_424:hover{color:#fbbf24;background:#ffffff14;border-color:#fbbf2440}._favouriteButtonActive_bhv37_559{color:#fbbf24}._favouriteButtonActive_bhv37_559:hover{background:#fbbf2424}._message_bhv37_562,._error_bhv37_563,._opening_bhv37_564,._progress_bhv37_565,._scanSummary_bhv37_566{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);color:var(--studio-muted,#a1aab8);border-radius:.75rem;margin:0 0 .65rem;padding:.85rem 1rem;font-size:.83rem;line-height:1.5}._error_bhv37_563{color:#ffc0b8;align-items:flex-start;gap:.6rem;display:flex}._error_bhv37_563 p{overflow-wrap:anywhere;margin:0}._error_bhv37_563 svg{flex:none;margin-top:.1rem}._retry_bhv37_51{min-height:2.5rem;margin-top:.75rem}._error_bhv37_563 ._retry_bhv37_51{margin-top:.2rem}._progress_bhv37_565{min-width:0;color:var(--studio-text,#e7ecf2);align-items:center;gap:.7rem;display:flex}._progress_bhv37_565>span:nth-child(2){overflow-wrap:anywhere;flex:auto;min-width:0}._spinner_bhv37_604{border:2px solid #73d4bc40;border-top-color:var(--studio-mint,#73d4bc);border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite _melodySpin_bhv37_1}@keyframes _melodySpin_bhv37_1{to{transform:rotate(360deg)}}._cancelButton_bhv37_50{background:0 0;flex:none;min-height:2.2rem;padding-block:.3rem}._scanSummary_bhv37_566{color:var(--studio-mint,#73d4bc)}._scanErrors_bhv37_625{color:#ffc0b8;background:#ffb0a50b;border:1px solid #ffb0a540;border-radius:.7rem;margin:0 0 .7rem;font-size:.77rem}._scanErrors_bhv37_625 summary{cursor:pointer;padding:.65rem .8rem;font-weight:650}._scanErrors_bhv37_625 ul{max-height:12rem;margin:0;padding:0 .8rem .75rem 2rem;overflow:auto}._scanErrors_bhv37_625 li{overflow-wrap:anywhere;padding:.25rem 0}._scanErrors_bhv37_625 li strong,._scanErrors_bhv37_625 li span{display:block}._scanErrors_bhv37_625 li span{color:#e4a9a3}._opening_bhv37_564{color:var(--studio-mint,#73d4bc);margin-top:.7rem}._generatorControls_bhv37_657{background:#ffffff04;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.55rem;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex}._generatorRow_bhv37_666{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}._generatorLabel_bhv37_673{color:var(--studio-muted,#a1aab8);min-width:3.6rem;font-size:.74rem;font-weight:600}._tonicBar_bhv37_680{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}._tonicButton_bhv37_687{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);min-width:2.2rem;min-height:1.95rem;color:var(--studio-muted,#a1aab8);font:inherit;cursor:pointer;border-radius:.45rem;justify-content:center;align-items:center;padding:.2rem .5rem;font-size:.76rem;font-weight:650;display:inline-flex}._tonicButton_bhv37_687:hover{color:var(--studio-text,#e7ecf2);border-color:#ffffff40}._tonicButtonActive_bhv37_709{border-color:var(--studio-mint,#73d4bc);color:var(--studio-mint,#73d4bc);background:#73d4bc24}._onlineHint_bhv37_715{color:var(--studio-muted,#a1aab8);margin:0;font-size:.76rem}._externalPortalsDetails_bhv37_721{background:#73d4bc0a;border:1px solid #73d4bc38;border-radius:.65rem;padding:.45rem .75rem}._externalPortalsSummary_bhv37_728{cursor:pointer;color:var(--studio-mint,#73d4bc);-webkit-user-select:none;user-select:none;font-size:.76rem;font-weight:600}._externalPortalsGrid_bhv37_736{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}._externalPortalChip_bhv37_743{border:1px solid var(--studio-border,#303640);background:var(--studio-panel,#181b20);color:var(--studio-text,#e7ecf2);border-radius:.5rem;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.74rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}._externalPortalChip_bhv37_743:hover{border-color:var(--studio-mint,#73d4bc);background:var(--studio-hover,#212a30)}._externalPortalLabel_bhv37_762{font-weight:600}._externalPortalBadge_bhv37_766{color:var(--studio-mint,#73d4bc);background:#73d4bc24;border-radius:.3rem;padding:.1rem .35rem;font-size:.65rem;font-weight:600}._externalPortalsTip_bhv37_775{color:var(--studio-muted,#a1aab8);margin:.55rem 0 .15rem;font-size:.72rem;line-height:1.45}._externalLink_bhv37_782{color:var(--studio-mint,#73d4bc);align-items:center;gap:.25rem;margin-left:.35rem;font-size:.68rem;text-decoration:none;display:inline-flex}._externalLink_bhv37_782:hover{text-decoration:underline}@media (width<=760px){._sourceBar_bhv37_89{flex-wrap:wrap;gap:.35rem}._sourceActions_bhv37_126{flex-wrap:wrap;flex-basis:100%;justify-content:flex-start}._sourceSelectBox_bhv37_135{flex:auto;max-width:none}._sourceStatus_bhv37_163{flex-direction:column;align-items:flex-start}}@media (width<=600px){._header_bhv37_14{gap:.65rem;padding-inline:1rem}._sourceBar_bhv37_89{padding-inline:.75rem}._sourceTab_bhv37_98{flex:auto;justify-content:center;padding-inline:.45rem;font-size:.74rem}._sourceActions_bhv37_126{padding:0 .25rem}._sourceActions_bhv37_126 ._actionButton_bhv37_49{flex:auto}._sourceStatus_bhv37_163,._controls_bhv37_188{padding-inline:1rem}._searchRow_bhv37_196{flex-direction:column;align-items:stretch}._sortBox_bhv37_239,._sortSelect_bhv37_231{width:100%}._count_bhv37_321{white-space:normal}._dropZone_bhv37_340{margin-inline:1rem}._results_bhv37_362{padding-inline:1rem}._list_bhv37_372{grid-template-columns:minmax(0,1fr)}._itemCard_bhv37_383{align-items:stretch}._choice_bhv37_41{gap:.55rem;padding-left:.6rem}._previewButton_bhv37_423,._favouriteButton_bhv37_424{align-self:center;width:2.15rem;height:2.15rem;margin-inline:.1rem}._favouriteButton_bhv37_424{margin-right:.35rem}._progress_bhv37_565{flex-wrap:wrap}._cancelButton_bhv37_50{margin-left:auto}}@media (prefers-reduced-motion:reduce){._spinner_bhv37_604{animation-duration:1.8s}._filterChip_bhv37_233,._itemCard_bhv37_383,._dropZone_bhv37_340{transition:none}}.musical-loading{--ml-ink:#ecf2fb;--ml-muted:#a3b2c6;--ml-accent:#bca8ff;color:var(--ml-ink);z-index:55;pointer-events:none}.musical-loading--prominent{z-index:60;pointer-events:auto;background:radial-gradient(at 50% 40%,#232c3d 0%,#131a25 60%,#0e121b 100%);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.musical-loading--compact{width:min(420px,100vw - 28px);position:fixed;top:clamp(64px,13vh,112px);left:50%;transform:translate(-50%)}.musical-loading__panel{text-align:center;background:linear-gradient(160deg,#252d41fa,#151b28fa);border:1px solid #adbcdb40;border-radius:20px;width:min(525px,100%);margin:auto;padding:29px 34px 26px;position:relative;box-shadow:0 20px 65px #00000052}.musical-loading--compact .musical-loading__panel{background:#161d2af5;border-radius:14px;padding:13px 20px 14px;box-shadow:0 10px 30px #0007}.musical-loading__brand{letter-spacing:.025em;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.musical-loading__brand-note{color:var(--ml-accent);font-size:24px;line-height:1}.musical-loading__score{max-width:360px;margin:9px auto 1px}.musical-loading__score svg{width:100%;height:auto;display:block;overflow:visible}.musical-loading__staff{stroke:#7887a3;stroke-width:1.1px;opacity:.7}.musical-loading__note{fill:var(--ml-accent);stroke:var(--ml-accent);stroke-width:1.4px;transition:opacity .3s}.musical-loading__note--indeterminate{animation:3.3s ease-in-out infinite ml-note-appear}.musical-loading__track{stroke:#414b63;stroke-width:5px;stroke-linecap:round}.musical-loading__track-progress{stroke:var(--ml-accent);stroke-width:5px;stroke-linecap:round}.musical-loading__track-indeterminate{stroke:var(--ml-accent);stroke-width:5px;stroke-linecap:round;animation:2.3s ease-in-out infinite alternate ml-scan}.musical-loading__factual{min-height:48px}.musical-loading__factual h2{margin:0 0 5px;font-size:17px;font-weight:650;line-height:1.35}.musical-loading__factual p{color:var(--ml-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.musical-loading__pianist{color:#d7c9ff;min-height:22px;margin:14px 0 16px;font-size:13px;font-style:italic}.musical-loading__progress{background:#424d62;border-radius:20px;width:100%;height:7px;position:relative;overflow:hidden}.musical-loading__progress>span{background:var(--ml-accent);border-radius:inherit;height:100%;display:block}.musical-loading__indeterminate{width:33%;animation:2.3s ease-in-out infinite alternate ml-progress}.musical-loading__percent{font-variant-numeric:tabular-nums;color:var(--ml-muted);margin-top:8px;font-size:11px;display:inline-block}.musical-loading--compact .musical-loading__brand{font-size:12px}.musical-loading--compact .musical-loading__brand-note{font-size:18px}.musical-loading--compact .musical-loading__score{width:235px;margin:0 auto}.musical-loading--compact .musical-loading__factual h2{font-size:14px}.musical-loading--compact .musical-loading__factual{min-height:32px}.musical-loading--compact .musical-loading__pianist{margin:6px 0 9px;font-size:12px}.musical-loading--compact .musical-loading__progress{height:5px}@keyframes ml-note-appear{0%,10%{opacity:.2}30%,82%{opacity:1}to{opacity:.2}}@keyframes ml-scan{0%{transform:translate(0)}to{transform:translate(245px)}}@keyframes ml-progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (width<=480px){.musical-loading__panel{border-radius:15px;padding:20px 18px}.musical-loading__factual h2{font-size:16px}}@media (prefers-reduced-motion:reduce){.musical-loading__note--indeterminate,.musical-loading__track-indeterminate,.musical-loading__indeterminate{animation:none}.musical-loading__indeterminate{width:40%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#19211d;--panel-raised:#202b25;--border:#33423a;--muted:#9fac9f;--mint:#a9d3bb;--orange:#f0bc7c;background:#111714;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 16% -8%,#59916f26,#0000 39rem),radial-gradient(at 100% 35%,#745b3e14,#0000 30rem),#111714;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #e6b779}.page-shell{flex-direction:column;width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:2.2rem clamp(1rem,4vw,3rem) 1.25rem;display:flex}.masthead{align-items:center;gap:1rem;margin-bottom:2.15rem;display:flex}.brand-mark{color:#c5e6d0;background:linear-gradient(145deg,#2a4938,#1a2c23);border:1px solid #607a69;border-radius:.9rem;place-items:center;width:3rem;height:3rem;font-family:Georgia,serif;font-size:1.55rem;display:grid;box-shadow:0 .5rem 1.4rem #00000038}.eyebrow,.section-kicker{color:#a8cbb5;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700;line-height:1.35}.masthead h1{letter-spacing:-.045em;margin:.18rem 0 0;font-size:clamp(1.55rem,3.5vw,2.25rem);font-weight:620;line-height:1.1}.milestone-badge{color:#b7d7c2;letter-spacing:.03em;white-space:nowrap;background:#202f26ad;border:1px solid #536b5c;border-radius:999px;margin-left:auto;padding:.48rem .7rem;font-size:.72rem;font-weight:650}.workspace-grid{grid-template-columns:minmax(17rem,.82fr) minmax(0,1.18fr);align-items:start;gap:1.15rem;display:grid}.control-card,.result-card,.status-card{border:1px solid var(--border);background:linear-gradient(150deg, #1d2721, var(--panel) 66%);border-radius:1.15rem;box-shadow:0 1.3rem 3rem #0000002b}.control-card,.result-card{padding:clamp(1.1rem,2.2vw,1.55rem)}.card-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-heading h2,.status-card h2{letter-spacing:-.025em;margin:.3rem 0 0;font-size:1.2rem;font-weight:620}.engine-indicator{color:#b8c2b9;white-space:nowrap;background:#202722;border:1px solid #424c44;border-radius:999px;align-items:center;gap:.42rem;padding:.42rem .55rem;font-size:.69rem;display:inline-flex}.engine-indicator>span{background:#7b8b7d;border-radius:50%;width:.42rem;height:.42rem}.engine-indicator.is-ready>span{background:#87c59b}.engine-indicator.is-busy>span{background:#efbd79;box-shadow:0 0 0 .2rem #efbd7921}.intro-copy{color:#bac5bc;margin:1rem 0 1.35rem;font-size:.88rem;line-height:1.62}.form-fields{gap:.53rem;display:grid}.field-label{color:#dfe7df;margin-top:.45rem;font-size:.8rem;font-weight:620}select,input[type=file]{color:#e8eee8;background:#121a16;border:1px solid #425148;border-radius:.65rem;width:100%;min-height:2.8rem}select{padding:.62rem .72rem}input[type=file]{color:#bac5bc;padding:.38rem;font-size:.76rem}input[type=file]::file-selector-button{color:#c7e1ce;min-height:2rem;font:inherit;cursor:pointer;background:#24362a;border:1px solid #4d6455;border-radius:.45rem;margin-right:.65rem;padding:.35rem .62rem}select:disabled,input:disabled{opacity:.58}.field-hint{color:#8d9c90;margin:0 0 .2rem;font-size:.72rem;line-height:1.5}.actions{gap:.65rem;margin-top:1.35rem;display:flex}.actions button{cursor:pointer;border-radius:.68rem;min-height:2.85rem;padding:.65rem 1rem;font-size:.85rem;font-weight:680;transition:transform .12s,background .12s,border-color .12s}.actions button:not(:disabled):hover{transform:translateY(-1px)}.actions button:disabled{opacity:.48;cursor:not-allowed}.button-primary{color:#15251b;background:#b6d9bf;border:1px solid #a9cfb3;flex:1}.button-primary:not(:disabled):hover{background:#c7e5ce}.button-secondary{color:#d2dbd3;background:#202923;border:1px solid #536057}.button-secondary:not(:disabled):hover{border-color:#819589}.privacy-note{color:#849187;margin:.8rem 0 0;font-size:.7rem;line-height:1.45}.inline-error{color:#f0bca3;background:#32231f;border:1px solid #785044;border-radius:.55rem;margin:.85rem 0 0;padding:.7rem;font-size:.78rem}.results-column{gap:.95rem;display:grid}.status-card{box-shadow:none;gap:.85rem;padding:1rem 1.15rem;display:flex}.status-symbol{color:#c1d4c5;background:#28342b;border:1px solid #657568;border-radius:.7rem;flex:none;place-items:center;width:2rem;height:2rem;margin-top:.1rem;font-size:1.05rem;font-weight:700;display:grid}.status-card h2{font-size:.9rem;line-height:1.45}.status-body{flex:1;min-width:0}.status-progress{flex-direction:column;gap:.35rem;margin-top:.65rem;display:flex}.status-progress-track{background:#17211a;border:1px solid #3c4c40;border-radius:999px;width:100%;height:.6rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.status-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .14s ease-out;box-shadow:0 0 8px #10b98159}.status-progress-meta{color:#a8d8b2;justify-content:flex-end;align-items:center;font-size:.72rem;font-weight:600;display:flex}.status-progress-percent{font-variant-numeric:tabular-nums;letter-spacing:.02em}.tone-working .status-symbol{color:#f0c789;background:#382f20;border-color:#806842}.tone-success .status-symbol{color:#a8d8b2;background:#233a29;border-color:#54785d}.tone-warning .status-symbol{color:#f0c789;background:#382f20;border-color:#806842}.tone-error .status-symbol{color:#f2b49b;background:#40271f;border-color:#855646}.tone-error .status-card h2{color:#f1c0ab}.result-state{color:#a6b2a7;margin:.35rem 0 0;font-size:.75rem}.result-card{min-height:20rem}.revision-tag{color:#aab8ac;white-space:nowrap;background:#171f1a;border:1px solid #3b4940;border-radius:999px;padding:.38rem .55rem;font-size:.68rem}.empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:13rem;padding:1rem 2rem;display:flex}.empty-icon{color:#9fc5a9;border:1px solid #3c4c40;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;font-size:1.35rem;display:grid}.empty-result p{color:#8f9c91;max-width:19rem;margin:.8rem 0 0;font-size:.79rem;line-height:1.6}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1.15rem;display:grid}.metric{background:#151e18;border:1px solid #34423a;border-radius:.68rem;flex-direction:column;justify-content:center;gap:.28rem;min-height:4.4rem;padding:.7rem;display:flex}.metric strong{color:#d3e8d7;letter-spacing:-.03em;font-size:1.15rem;font-weight:650}.metric span{color:#8fa095;font-size:.65rem;line-height:1.3}.identity-strip{color:#85958a;border-bottom:1px solid #303e35;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.85rem;padding:.65rem .1rem;font-size:.68rem;display:flex}.identity-strip strong{color:#c2d0c4;font-weight:600}.diagnostic-list{margin-top:.85rem}.diagnostic-list h3{color:#dce5dc;align-items:center;gap:.45rem;margin:0;font-size:.78rem;font-weight:650;display:flex}.diagnostic-list h3 span{color:#aabaae;background:#2a352d;border-radius:50%;place-items:center;min-width:1.25rem;height:1.25rem;font-size:.65rem;display:grid}.no-diagnostics{color:#89978d;margin:.6rem 0 0;font-size:.74rem}.diagnostic-list ul{gap:.55rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.diagnostic-list li{background:#151d18;border:1px solid #3a463e;border-radius:.55rem;gap:.65rem;padding:.65rem;display:flex}.diagnostic-severity{color:#a8c6ad;text-transform:uppercase;flex:0 0 3.1rem;font-size:.65rem}.diagnostic-warning .diagnostic-severity{color:#edc07f}.diagnostic-error .diagnostic-severity{color:#f0a990}.diagnostic-list li strong{color:#d4ded5;font-size:.72rem}.diagnostic-list li p{color:#a4b0a6;overflow-wrap:anywhere;margin:.22rem 0 0;font-size:.73rem;line-height:1.5}.milestone-note{background:#2d261a8c;border:1px solid #544733;border-radius:.8rem;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;display:flex}.note-mark{color:#efc688;letter-spacing:.08em;font-size:.67rem;font-weight:750}.milestone-note p{color:#c1b8a5;margin:0;font-size:.74rem;line-height:1.5}.milestone-note strong{color:#f0cf9d}.page-footer{color:#758279;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:2rem;font-size:.68rem;display:flex}@media (width<=780px){.page-shell{padding-top:1.5rem}.workspace-grid{grid-template-columns:1fr}.control-card{order:0}.results-column{order:1}}@media (width<=430px){.masthead{align-items:flex-start;gap:.7rem}.brand-mark{border-radius:.75rem;width:2.5rem;height:2.5rem}.milestone-badge{align-self:flex-start;padding:.4rem .5rem;font-size:.63rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-strip{display:grid}.page-footer{flex-direction:column;gap:.35rem}}.player-card{border:1px solid var(--border);background:var(--panel);border-radius:.85rem;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.player-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.player-title{color:#edf2ed;margin:.2rem 0 0;font-size:1.25rem;font-weight:600}.player-badges{gap:.5rem;display:flex}.player-badges .badge{color:#9cd1b1;background:#17241c;border:1px solid #3c4f44;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:500}.piano-canvas-container{background:#101014;border:1px solid #2a352f;border-radius:.6rem;width:100%;height:min(60vh,580px);min-height:220px;position:relative;overflow:hidden}.piano-canvas-container canvas{display:block;width:100%!important;height:100%!important}.transport-bar{background:var(--panel-raised);border:1px solid var(--border);border-radius:.65rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.transport-buttons{gap:.5rem;display:flex}.transport-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:opacity .15s}.transport-btn:hover{opacity:.9}.play-btn{color:#ecfdf5;background:#2f7a4e}.stop-btn{color:#d1ded6;background:#39473f}.scrubber-wrapper{flex:1;align-items:center;gap:.6rem;min-width:220px;display:flex}.scrubber-slider{accent-color:var(--mint);cursor:pointer;flex:1}.time-display{color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.transport-extra-controls{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.extra-label{color:var(--muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.extra-label select,.extra-label input[type=range]{border:1px solid var(--border);color:#edf2ed;background:#18221b;border-radius:.35rem;padding:.2rem .4rem;font-size:.75rem}.extra-label input[type=range]{width:70px;accent-color:var(--mint)}.persistence-bar{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.save-status-msg{color:#79ce9f;font-size:.78rem;font-style:italic}.view-mode-tabs{border:1px solid var(--border);background:#141b17;border-radius:.5rem;gap:.35rem;padding:.25rem;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:#edf2ed;background:#ffffff0d}.tab-btn.is-active{background:var(--panel-raised);color:var(--mint);box-shadow:0 1px 3px #0000004d}.fingering-editor-container{flex-direction:column;gap:.75rem;width:100%;display:flex}.editor-status-banner{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:.4rem;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;display:flex}.spinner-dot{background:#60a5fa;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.editor-workspace{align-items:stretch;gap:.75rem;width:100%;display:flex}.piano-roll-viewport{border:1px solid var(--border);touch-action:none;background:#111418;border-radius:.6rem;flex:1;min-width:0;height:min(60vh,620px);min-height:220px;position:relative;overflow:hidden}.piano-roll-viewport canvas{width:100%;height:100%;display:block}.editor-sidebar{flex-direction:column;flex-shrink:0;width:320px;display:flex}@media (width<=900px){.editor-workspace{flex-direction:column}.editor-sidebar{width:100%}}
