@font-face{font-family:Bravura;src:url(https://unpkg.com/vexflow-fonts@1.0.3/bravura/Bravura_1.392.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--color-bg-gradient-start: #455A64;--color-bg-gradient-end: #263238;--color-surface: rgba(0, 0, 0, .35);--color-popup-backdrop: rgba(0, 0, 0, .45);--color-popup-panel: #323c44;--color-popup-panel-header: #282f36;--color-text: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .6);--color-accent: #4fc3f7;--color-accent-on: #0f172a;--color-accent-border: rgba(79, 195, 247, .5);--color-accent-bg: rgba(79, 195, 247, .15);--color-accent-hover: rgba(79, 195, 247, .25);--audio-waveform-progress: #4fc3f7;--audio-waveform-wave: rgba(79, 195, 247, .4);--audio-waveform-cursor: rgba(79, 195, 247, .5);--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-menu: "Plus Jakarta Sans", var(--font-sans);--app-sidebar-width: 210px}*,*:before,*:after{box-sizing:border-box}button:focus{outline:none;box-shadow:none}html{font-size:14px;height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;font-family:var(--font-sans);background:linear-gradient(135deg,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 100%);color:var(--color-text);-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}#app>.transport-bar,#app>footer.transport-bar,#transport-bar{flex-shrink:0;order:1;margin-left:var(--app-sidebar-width)}.piano-keyboard-panel{order:1;flex-shrink:0;margin-left:var(--app-sidebar-width);max-height:0;overflow:hidden;background:#12181deb;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 26px #00000038;transition:max-height .18s ease,border-color .18s ease}.piano-keyboard-panel--open{max-height:12rem;border-color:#4fc3f742}.piano-keyboard-panel__inner{padding:.65rem .85rem .85rem}.piano-keyboard-panel__rail{overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.sample-sound-status{position:fixed;right:18px;bottom:92px;z-index:2200;max-width:min(520px,calc(100vw - 36px));padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(148,163,184,.32);background:#0f172af0;color:#e5eef8;font:600 .82rem/1.25 var(--font-menu);box-shadow:0 8px 24px #00000057;pointer-events:none}.sample-sound-status--ok{border-color:#4caf5094;color:#d8ffe1}.sample-sound-status--warn{border-color:#ffc107ad;color:#ffe7a3}.sample-sound-status--error{border-color:#f44336b3;color:#ffc7c1}.piano-keyboard{position:relative;height:8.6rem;min-width:max-content}.piano-keyboard__key{position:absolute;top:0;border:1px solid rgba(0,0,0,.55);border-radius:0 0 6px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:var(--font-menu);transition:transform 80ms ease,background 80ms ease,box-shadow 80ms ease}.piano-keyboard__key--white{z-index:1;width:34px;height:8.5rem;padding:0 0 .45rem;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(#fff,#e7edf2);color:#18232b;font-size:.72rem;font-weight:700;box-shadow:inset 0 -8px 12px #00000014}.piano-keyboard__key--middle-c{background:linear-gradient(#fff4e8,#f2dfcb);box-shadow:inset 0 -8px 12px #ad5b191f}.piano-keyboard__key--black{z-index:2;width:21px;height:5.4rem;background:linear-gradient(#27323a,#050708);box-shadow:0 3px 8px #00000059,inset 0 -7px 10px #ffffff0a}.piano-keyboard__key:hover{box-shadow:0 0 0 2px #4fc3f742,inset 0 -8px 12px #00000014}.piano-keyboard__key--black:hover{box-shadow:0 0 0 2px #4fc3f757,0 3px 8px #00000059}.piano-keyboard__key--active{transform:translateY(2px);background:linear-gradient(#73d5ff,#4fc3f7)}.piano-keyboard__key--playback-active{background:linear-gradient(#ffbe7a,#ff9f43);box-shadow:0 0 0 2px #ff9f436b,0 0 14px #ff9f435c;transform:translateY(2px)}.piano-keyboard__key--playback-alto{background:linear-gradient(#a5c7ff,#5e8cff);box-shadow:0 0 0 2px #5e8cff6b,0 0 14px #5e8cff5c}.piano-keyboard__key--playback-mixed{background:linear-gradient(135deg,#ffbe7a 0,#ffbe7a 49%,#5e8cff 51%,#5e8cff)}.notation-area .header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;width:100%;box-sizing:border-box;padding:.52rem 0;margin-bottom:.25rem;position:relative;z-index:500;isolation:isolate}.notation-area .header-actions .header-toolbar{flex:1 1 auto;min-width:0}.notation-area .header-actions .remote-input-host{margin-left:auto;margin-right:0;max-width:min(36rem,100%)}.notation-area .header-actions .header-quick-save-btn{flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:5px 12px;white-space:nowrap;text-align:center;border-radius:999px;border:1px solid rgba(255,152,0,.55);background:linear-gradient(180deg,#ffb74d59,#e67e0038);color:#fff4e8;font-family:var(--font-menu);font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;margin:0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.notation-area .header-actions .header-quick-save-btn:hover{border-color:#ffb74dd9;background:linear-gradient(180deg,#ffb74d7a,#e67e0059);box-shadow:0 0 0 1px #ff98002e}.notation-area .header-actions .header-quick-save-btn:active{transform:translateY(1px)}.notation-area .header-actions .header-quick-save-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.notation-area .header-actions .header-quick-save-btn:disabled:hover{border-color:#ff98008c;background:linear-gradient(180deg,#ffb74d59,#e67e0038)}.remote-input-host{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem .65rem;margin-left:.65rem;padding:0;vertical-align:middle;border:none;background:none;border-radius:0}.remote-input-host .remote-input-toggle,button.remote-input-toggle.header-interaction-mode-toggle,button.remote-input-toggle.header-file-browser-btn{flex-shrink:0;box-sizing:border-box;max-width:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:5px 12px;white-space:nowrap;text-align:center;border-radius:999px;border:1px solid var(--color-accent-border);background:linear-gradient(180deg,rgba(79,195,247,.22) 0%,var(--color-accent-bg) 100%);color:var(--color-text);font-family:var(--font-menu);font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.remote-input-host .remote-input-toggle{width:fit-content}.remote-input-host .remote-input-toggle:hover,button.remote-input-toggle.header-interaction-mode-toggle:hover{background:var(--color-accent-hover);border-color:#4fc3f78c}.remote-input-host .remote-input-toggle.is-on,button.remote-input-toggle.header-interaction-mode-toggle.is-on{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px #4fc3f733}.remote-input-host .remote-input-show-code{flex:0 0 100%;width:100%;margin:0;padding:0;border:none;background:none;font-family:var(--font-menu);font-size:.72rem;font-weight:600;color:var(--color-accent);text-align:right;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.remote-input-host .remote-input-show-code:hover{color:var(--color-text)}.remote-input-host .remote-input-show-code[hidden]{display:none!important}.remote-input-host .remote-input-status{flex:0 0 100%;box-sizing:border-box;width:100%;max-width:100%;font-size:.78rem;line-height:1.35;color:var(--color-text-muted);text-align:right;word-break:break-word}.remote-input-host .remote-input-status strong{color:var(--color-accent);letter-spacing:.08em;font-weight:600}.remote-input-host .remote-input-status.is-error{color:#ffb4a8}.header-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.notation-area .header-actions .header-account-link{text-decoration:none;display:inline-flex;align-items:center}.notation-area .header-actions .toolbar-btn{padding:8px 14px;background:none;border:none;cursor:pointer;font-size:.88rem;color:#fffc;transition:all .3s ease;border-radius:16px}.notation-area .header-actions .toolbar-btn:hover:not(:disabled){color:var(--color-accent);background:#4fc3f726}.notation-area .header-actions .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.header-new-dropdown{position:relative;display:inline-block;flex-shrink:0}.notation-area .header-actions .header-new-dropdown .header-new-btn,.notation-area .header-actions .header-new-btn{padding:8px 14px;background:none;border:none;cursor:pointer;font-size:.88rem;color:#fffc;transition:all .3s ease;border-radius:16px}.notation-area .header-actions .header-new-dropdown .header-new-btn:hover,.notation-area .header-actions .header-new-btn:hover{color:var(--color-accent);background:#4fc3f726}.notation-area .header-actions .header-file-browser-btn{border-color:#ff9800b8;background:transparent;color:#ffb74d;font-weight:700}.notation-area .header-actions .header-file-browser-btn:hover{border-color:#ffb74de6;background:#ff980021;color:#ffd180}.header-new-panel{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;padding:.25rem 0;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100}.header-new-panel[hidden]{display:none}.notation-area .header-actions .header-file-dropdown.header-file-dropdown--open,.notation-area .header-actions .header-view-dropdown.header-view-dropdown--open{z-index:1}.header-new-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;color:#ffffffe6;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.header-new-item:hover{background:#4fc3f726;color:var(--color-accent)}.header-new-item:disabled{opacity:.45;cursor:not-allowed;color:#ffffff6b}.header-new-item:disabled:hover{background:none;color:#ffffff6b}.edit-mode-ribbon{flex-shrink:0;width:100%;box-sizing:border-box;padding:.25rem 0 0;margin:0;display:flex;justify-content:flex-end;position:relative;z-index:100}.edit-mode-ribbon[hidden]{display:none!important}.edit-mode-ribbon-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.28rem;width:fit-content;max-width:100%;box-sizing:border-box;padding:.22rem calc(.38rem - 1.5px) .22rem calc(.72rem - 5.5px);background:transparent;border:none;border-radius:0;transition:transform .2s ease}.edit-mode-ribbon-inner.edit-mode-ribbon-inner--voice-slots-on{transform:translate(-18px)}.edit-ribbon-voices-cluster{display:inline-flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap}.edit-ribbon-voices-cluster--slots-on #edit-ribbon-voices-trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.edit-ribbon-voice-extensions{display:none;flex-direction:row;align-items:stretch}.edit-ribbon-voices-cluster--slots-on .edit-ribbon-voice-extensions{display:inline-flex}.edit-ribbon-voice-extensions[hidden]{display:none!important}.notation-area .edit-mode-ribbon .edit-ribbon-voice-ext{min-width:1.75rem;padding:5px 10px;font-size:.82rem;font-weight:600;line-height:1.2;background:transparent;color:#ffffffd1;border:1px solid rgba(255,255,255,.18);border-left:none;border-radius:0;cursor:pointer;margin:0;transition:color .2s ease,background .2s ease,border-color .2s ease}.notation-area .edit-mode-ribbon .edit-ribbon-voice-ext:hover:not(:disabled){color:var(--color-accent);background:#4fc3f71f;border-color:#4fc3f759}.notation-area .edit-mode-ribbon .edit-ribbon-voice-ext.edit-ribbon-voice-ext--selected{color:var(--color-accent);background:#4fc3f71a;border-color:#4fc3f766}#edit-ribbon-voice-slot-2{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.notation-area .edit-mode-ribbon .edit-mode-ribbon-btn{padding:5px 11px;font-size:.82rem;background:transparent;color:#ffffffd1;border:1px solid rgba(255,255,255,.18);border-radius:9999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.notation-area .edit-mode-ribbon .edit-mode-ribbon-btn:hover:not(:disabled){color:var(--color-accent);background:#4fc3f71f;border-color:#4fc3f759}.notation-area .edit-mode-ribbon .header-new-dropdown{position:relative;z-index:1}.notation-area .edit-mode-ribbon .header-new-dropdown.header-file-dropdown--open{z-index:120}#edit-ribbon-voices-panel.header-new-panel{left:auto;right:0}.header-view-item.header-view-item--active{color:var(--color-accent);background:#4fc3f71f}#notation-container.notation-view-mode--paged{--notation-paged-gutter-px: 48px;--notation-paged-paper-min-h: 297mm;--notation-paged-gutter-surface: transparent;background:transparent}#notation-container.notation-view-mode--paged .notation-sheet-zoom-root{min-width:210mm;background:transparent;padding-bottom:0;isolation:isolate;min-height:max(var(--notation-paged-paper-min-h, 297mm),var(--notation-paged-page-inner-h-px, 0px))}#notation-container.notation-view-mode--paged .notation-sheet-zoom-root>*:not(.notation-paged-stripe-layer){position:relative;z-index:1}#notation-container.notation-view-mode--paged .notation-sheet-zoom-root .notation-paged-stripe-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit;box-sizing:border-box}#notation-container.notation-view-mode--paged #notation-canvas-wrap,#notation-container.notation-view-mode--paged #notation-canvas{background:transparent}body.app--notation-view-mode{background:#f2f4f7;color:#18232b}body.app--notation-view-mode #app{background:#f2f4f7}body.app--file-browser-open{background:#263238}body.app--file-browser-open #app,body.app--file-browser-open .notation-cursor-flyout,body.app--file-browser-open .notation-text-tool-flyout,body.app--file-browser-open .notation-measure-elements-flyout{display:none!important}.file-browser-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:auto;min-height:100vh;box-sizing:border-box;padding:42px 42px 42px calc(var(--app-sidebar-width) + 42px);background:radial-gradient(circle at 20% 12%,rgba(79,195,247,.13),transparent 34%),linear-gradient(145deg,#263238,#1f2b31);color:#ffffffeb}.file-browser-side-menu{font-family:var(--font-menu);width:var(--app-sidebar-width);position:fixed;left:0;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#455a64,#263238);box-shadow:2px 0 10px #0003}.file-browser-page[hidden]{display:none!important}.file-browser-panel{width:min(920px,100%);margin:0 auto}.file-browser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.file-browser-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.file-browser-title{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}.file-browser-subtitle{margin:10px 0 0;color:#ffffffa8}.file-browser-create,.file-browser-import{border:1px solid rgba(129,212,250,.62);border-radius:999px;padding:12px 20px;background:#4fc3f729;color:#d9f4ff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 26px #00000038}.file-browser-import{background:#ffffff14;color:#ffffffd1;border-color:#ffffff2e}.file-browser-create:hover,.file-browser-create:focus-visible,.file-browser-import:hover,.file-browser-import:focus-visible{background:#4fc3f73d;outline:none}.file-browser-list{display:grid;gap:12px}.file-browser-loading{padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff9e;font-size:.95rem}.file-browser-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px}.file-browser-file{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;padding:13px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff13;color:inherit;text-align:left;cursor:pointer}.file-browser-file__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.file-browser-delete{display:inline-flex;align-items:center;justify-content:center;width:48px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0f;color:#ffffff94;cursor:pointer}.file-browser-delete:hover,.file-browser-delete:focus-visible{border-color:#ff8a809e;background:#ff525221;color:#ffc4bd;outline:none}.file-browser-file:hover,.file-browser-file:focus-visible{border-color:#81d4fa8f;background:#ffffff1c;outline:none}.file-browser-file__title{max-width:100%;overflow:hidden;font-size:1.05rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-browser-file__meta{max-width:100%;overflow:hidden;color:#ffffff94;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.file-browser-file__feature-icons{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:56px}.file-browser-file__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(129,212,250,.26);border-radius:10px;background:#ffffff12;color:#d9f4ffdb}.file-browser-file__feature-icon--notation{color:#d9f4ff}.file-browser-file__feature-icon--audio{color:#ffcc80;border-color:#ffb74d42}.file-browser-file__feature-icon--stems{color:#c5e1a5;border-color:#c5e1a547}.file-browser-empty{padding:22px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#ffffff94}body.app--notation-view-mode #toolbar-container,body.app--notation-view-mode .side-menu,body.app--notation-view-mode .edit-mode-ribbon,body.app--notation-view-mode #audio-panel,body.app--notation-view-mode #audio-lists-wrap,body.app--notation-view-mode .piano-keyboard-panel,body.app--notation-view-mode .sample-sound-status{display:none!important}body.app--notation-view-mode .app-main-row{gap:0}body.app--notation-view-mode .notation-area{flex:1 1 auto;max-width:none;background:#f2f4f7}body.app--notation-view-mode .notation-area .header-actions{justify-content:flex-start;padding:.35rem .75rem;min-height:0}body.app--notation-view-mode .notation-area .header-actions .header-toolbar{justify-content:flex-start}body.app--notation-view-mode .notation-area .header-actions>:not(.header-toolbar){display:none!important}body.app--notation-view-mode .notation-area .header-actions .header-toolbar>:not(.header-interaction-mode-toggle):not(.header-file-browser-btn){display:none!important}body.app--notation-view-mode #app>.transport-bar,body.app--notation-view-mode #app>footer.transport-bar,body.app--notation-view-mode #transport-bar{margin-left:0;background:#151c22;border-top-color:#00000059;box-shadow:0 -8px 22px #0000002e}body.app--notation-view-mode #notation-container{background:#f2f4f7}body.app--notation-view-mode .notation-sheet-zoom-root{box-shadow:0 2px 8px #0f172a14,0 10px 26px #0f172a1f}body.app--notation-view-mode #notation-container.notation-view-mode--paged .notation-sheet-zoom-root{box-shadow:none}body.app--notation-view-mode #notation-container.notation-view-mode--paged .notation-paged-stripe-layer>div{box-shadow:0 2px 8px #0f172a14,0 10px 26px #0f172a1f}.app-main{flex:1;padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:1rem}.app-main-row{display:flex;flex-direction:row;gap:1rem;align-items:stretch;flex:1;min-height:0}.transport-bar{--transport-scale: .88;flex-shrink:0;position:relative;height:calc((56px + 1.5rem) * var(--transport-scale));min-height:0;padding:0;background:#00000059;border-top:1px solid rgba(255,255,255,.08);overflow:visible;box-sizing:border-box}.transport-bar-scale{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem 1.25rem .75rem .35rem;min-height:56px;box-sizing:border-box;transform:scale(var(--transport-scale));transform-origin:bottom center;width:100%}.transport-bar .transport-left{justify-self:start;position:relative;z-index:2}.transport-bar .transport-center{justify-self:center;position:relative;z-index:2}.transport-left{display:flex;align-items:center;gap:.5rem}.transport-input-modes{position:absolute;left:12px;top:50%;z-index:4;display:inline-flex;align-items:center;gap:.35rem;margin-left:0;transform:translateY(-50%)}.transport-input-modes[hidden]{display:none!important}.transport-bar .transport-input-mode-btn{width:44px;height:44px;padding:0;position:relative;border-radius:50%;background:#37474f;border:1px solid transparent;color:#84a9bad1;box-shadow:none;overflow:hidden;isolation:isolate}.transport-bar .transport-input-mode-btn:hover:not(:disabled){background:#455a64;color:#e1f4fcfa}.transport-bar .transport-input-mode-btn .side-menu-input-mode-icon{width:42px;height:42px;display:block;object-fit:contain;position:relative;z-index:1;opacity:.94;filter:brightness(0) saturate(100%) invert(67%) sepia(14%) saturate(704%) hue-rotate(153deg) brightness(94%) contrast(87%)}.transport-bar .transport-input-mode-btn:hover:not(:disabled) .side-menu-input-mode-icon{opacity:1;filter:brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(498%) hue-rotate(161deg) brightness(102%) contrast(96%)}.transport-bar .transport-input-mode-btn[data-input-mode=drums] .side-menu-input-mode-icon{width:42px;height:42px;opacity:.88;filter:brightness(0) saturate(100%) invert(60%) sepia(13%) saturate(690%) hue-rotate(153deg) brightness(91%) contrast(86%)}.transport-bar .transport-input-mode-btn.active,.transport-bar .toolbar-btn.transport-input-mode-btn.active{background:#4fc3f721;border-color:transparent;color:#9ec9e8;box-shadow:0 0 0 2px #4fc3f7b8,0 0 12px #4fc3f757,0 0 24px #29b6f633}.transport-bar .transport-input-mode-btn.active:hover:not(:disabled),.transport-bar .toolbar-btn.transport-input-mode-btn.active:hover:not(:disabled){background:#4fc3f72e;color:#c5e2f2;box-shadow:0 0 0 2px #81d4fac7,0 0 14px #4fc3f761,0 0 26px #29b6f63d}.transport-bar .transport-input-mode-btn.active .side-menu-input-mode-icon{opacity:1;filter:brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(498%) hue-rotate(161deg) brightness(102%) contrast(96%)}.transport-bar .transport-input-mode-btn[data-input-mode=drums]:hover:not(:disabled) .side-menu-input-mode-icon,.transport-bar .transport-input-mode-btn[data-input-mode=drums].active .side-menu-input-mode-icon{filter:brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(498%) hue-rotate(161deg) brightness(98%) contrast(94%)}.transport-bar .transport-new-dropdown{position:relative;flex-shrink:0}.transport-bar .transport-new-dropdown .header-new-panel{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.transport-bar .toolbar-btn{padding:8px 16px;font-size:.9rem;background:transparent;color:#4fc3f7;border:none;border-radius:20px;cursor:pointer;transition:background .2s ease}.transport-bar .toolbar-btn.transport-input-mode-btn{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#37474f;color:#fffffff2;border:1px solid transparent;overflow:hidden}.transport-bar .toolbar-btn.transport-input-mode-btn:hover:not(:disabled){background:#455a64;color:#fff}.transport-bar .toolbar-btn-transport-round{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#37474f;color:#fffffff2;border:none;overflow:hidden}.transport-bar .toolbar-btn-transport-round svg{display:block;color:currentColor}.transport-bar .toolbar-btn-count-in{min-width:48px;width:auto;padding:0 6px;border-radius:22px;font-family:var(--font-sans);font-weight:600;line-height:1;letter-spacing:-.04em}.transport-bar .toolbar-count-in-digits{display:inline-flex;align-items:baseline;justify-content:center;gap:0}.transport-bar .toolbar-count-in-digit{display:inline-block;color:#fff;font-variant-numeric:tabular-nums}.transport-bar .toolbar-count-in-digit--1{font-size:.5rem}.transport-bar .toolbar-count-in-digit--2{font-size:.68rem}.transport-bar .toolbar-count-in-digit--3{font-size:.88rem}.transport-bar .toolbar-count-in-digit--4{font-size:1.05rem}.transport-bar .toolbar-btn-count-in.toolbar-btn-transport-round.active{background:var(--color-accent-bg);border-color:var(--color-accent);box-shadow:0 0 0 1px #4fc3f759}.transport-bar .toolbar-btn-count-in.active .toolbar-count-in-digit{color:#fff}.transport-bar .toolbar-btn-count-in.count-in-armed{box-shadow:0 0 0 2px #ffc107d9,0 0 10px #ffc1074d}.transport-bar .toolbar-btn-count-in.count-in-on:not(.count-in-off){box-shadow:0 0 0 2px #ffc107d9,0 0 10px #ffc1074d}.transport-bar .toolbar-btn-count-in.count-in-on.count-in-always:not(.count-in-off){box-shadow:0 0 0 2px #4fc3f7c7,0 0 0 5px #ffc107e0,0 0 14px #ffc10759}.transport-bar .toolbar-btn-count-in.count-in-off{opacity:.42;filter:grayscale(.35)}.transport-bar .toolbar-btn-count-in.count-in-off .toolbar-count-in-digit{color:#fff}.count-in-popup-anchor{position:fixed;z-index:12001;transform:translate(-50%,-100%);margin:0;padding:0;border:none;background:transparent;pointer-events:auto;min-width:186px;max-width:200px}.count-in-popup-inner{padding:18px 12px 20px;min-height:148px;box-sizing:border-box;background:var(--color-popup-panel);border:1px solid rgba(79,195,247,.45);border-radius:12px;box-shadow:0 8px 32px #00000073;font-family:var(--font-sans)}.count-in-popup-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.count-in-popup-title{margin:0;flex:1;min-width:0;font-size:1.02rem;font-weight:600;letter-spacing:.02em;color:#fffffff2}.count-in-switch{flex-shrink:0;width:44px;height:26px;padding:0;border:none;border-radius:13px;background:transparent;cursor:pointer;position:relative}.count-in-switch:focus-visible{outline:2px solid rgba(79,195,247,.85);outline-offset:2px}.count-in-switch-track{display:block;width:100%;height:100%;border-radius:13px;background:#ffffff2e;transition:background .2s ease;position:relative;box-shadow:inset 0 1px 3px #00000040}.count-in-switch[aria-checked=true] .count-in-switch-track{background:#4fc3f78c;box-shadow:inset 0 1px 2px #00000026,0 0 0 1px #4fc3f759}.count-in-switch-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000059;transition:transform .2s ease}.count-in-switch[aria-checked=true] .count-in-switch-thumb{transform:translate(18px)}.count-in-popup-inner--off .count-in-popup-menus{opacity:.55}.count-in-popup-menus{display:flex;flex-direction:column;gap:12px}.count-in-menu-block{position:relative;z-index:0}.count-in-menu-block--open{z-index:100}.count-in-menu-trigger{display:flex;align-items:center;width:100%;gap:8px;padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#252c32;color:#ffffffeb;font-family:inherit;font-size:.86rem;cursor:pointer;text-align:left}.count-in-menu-trigger:hover{border-color:#4fc3f759;background:#4fc3f714}.count-in-menu-trigger-value{flex:1;font-weight:500;color:var(--color-accent)}.count-in-menu-chev{opacity:.7;font-size:.75rem}.count-in-flyout{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:5;flex-direction:column;gap:2px;padding:5px 6px;background:#1c2429;border:1px solid rgba(79,195,247,.4);border-radius:7px;box-shadow:0 8px 22px #00000073}.count-in-flyout[hidden]{display:none!important}.count-in-flyout:not([hidden]){display:flex}.count-in-flyout-btn{padding:5px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#2a333a;color:#ffffffeb;font-family:inherit;font-size:.8rem;line-height:1.25;cursor:pointer;text-align:left}.count-in-flyout-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.transport-bar .toolbar-btn-transport-round .toolbar-loop-icon{display:block;margin:0 auto;color:#ffffffeb}.transport-bar .toolbar-btn-loop.active .toolbar-loop-icon{color:var(--color-accent)}.transport-bar .toolbar-btn-transport-round .toolbar-metronome-icon{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.2);transition:transform .06s ease}.transport-bar .toolbar-btn-metronome.metronome-flipped .toolbar-metronome-icon{transform:scale(1.2) scaleX(-1)}.transport-bar .toolbar-btn-transport-round:hover:not(:disabled){background:#455a64;color:#fff}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round:not(:disabled):not([aria-label=Pause]){background:linear-gradient(165deg,#2a3530,#354039 48%,#3d4a44);color:#fff;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 6px #00000047,0 2px 8px #00000047}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round:not(:disabled):not([aria-label=Pause]):hover{background:linear-gradient(165deg,#323e38,#3d4a43,#45524c);color:#fff;box-shadow:inset 0 1px #ffffff17,inset 0 -2px 6px #0000003d,0 2px 10px #00000042}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round:not(:disabled):not([aria-label=Pause]) svg{color:#fff}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round[aria-label=Pause]{background:linear-gradient(160deg,#256628,#43a047 40%,#4caf50);box-shadow:0 0 0 2px #a5d6a7eb,0 0 14px #66bb6a85,0 0 28px #4caf5061,0 0 40px #388e3c2e,0 2px 10px #00000040}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round[aria-label=Pause]:hover:not(:disabled){box-shadow:0 0 0 2px #c8e6c9fa,0 0 18px #81c78499,0 0 36px #66bb6a6b,0 0 48px #4caf5038,0 4px 14px #0003}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round[aria-label=Pause] svg{filter:drop-shadow(0 0 6px rgba(200,230,201,.6))}.transport-bar .toolbar-btn-play.toolbar-btn-transport-round:disabled{background:#37474f;box-shadow:none;color:#ffffff73;opacity:.55}.transport-bar .toolbar-btn-metronome.toolbar-btn-transport-round:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45);box-shadow:none;pointer-events:none}.transport-bar .transport-metronome-volume-wrap--disabled{opacity:.42;pointer-events:none;filter:grayscale(.35)}.transport-bar .transport-metronome-volume-wrap--disabled .transport-volume-slider{cursor:not-allowed}.transport-bar .toolbar-btn-transport-round.active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.transport-bar .toolbar-btn-loop.toolbar-btn-transport-round.active{background:#4fc3f729;border-color:#64d2ffbf;color:#b3e5fc;box-shadow:0 0 0 2px #4fc3f7eb,0 0 12px #4fc3f773,0 0 24px #29b6f647}.transport-bar .toolbar-btn-loop.toolbar-btn-transport-round.active .toolbar-loop-icon{color:#b3e5fc;filter:drop-shadow(0 0 6px rgba(79,195,247,.65))}.transport-bar .toolbar-btn-metronome.toolbar-btn-transport-round.active{border-color:#ff9800b3;background:#ff980024;box-shadow:0 0 0 2px #ff9800e0,0 0 14px #ff980059}.transport-bar .toolbar-btn-transport-round.active .toolbar-metronome-icon{filter:brightness(0) saturate(100%) invert(55%) sepia(98%) saturate(1200%) hue-rotate(360deg)}.transport-bar .toolbar-btn:hover:not(:disabled){background:#4fc3f733}.transport-bar .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.transport-center{display:flex;align-items:center;justify-content:center;gap:1rem;min-width:0}.transport-window{display:flex;align-items:stretch;gap:0;background:#37474f;border-radius:8px;padding:.2rem .75rem;box-shadow:0 2px 8px #0003}.transport-window-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem .9rem;min-width:3.5rem;color:#ffffffeb;border-right:1px solid rgba(255,255,255,.12)}.transport-window-segment:last-of-type{border-right:none}.transport-window-value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:400;line-height:1.1;display:block;color:#4fc3f7}.transport-window-sub{font-size:.65rem;text-transform:none;color:#ffffffbf;margin-top:.05rem}.transport-window-label{font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;margin-top:.08rem}.transport-window-segment.transport-window-tempo{flex:0 0 auto;min-width:6.25rem;padding-left:.5rem;padding-right:.85rem;overflow:visible}.transport-window-tempo .transport-window-value{margin-top:0;min-width:4.5ch;text-align:center}.transport-window-tempo .transport-window-label{min-width:0;margin-top:0;text-align:center}.transport-tempo-label-row{display:grid;grid-template-columns:1.75rem 1fr 1.75rem;align-items:center;width:100%;margin-top:.06rem;min-height:1.05rem}.transport-tempo-runner-slot{display:flex;justify-content:flex-start;align-items:center;width:1.75rem;min-width:1.75rem;margin-left:-.35rem}.transport-tempo-label-spacer{width:1.75rem;min-width:1.75rem;flex-shrink:0}.transport-tempo-runner{flex-shrink:0;display:flex;align-items:center;line-height:0;color:#a5d6a7;opacity:.95;filter:drop-shadow(0 0 2px rgba(129,199,132,.35))}@keyframes transport-tempo-runner-beat-pulse{0%{opacity:.14;transform:scale(.94)}22%{opacity:1;transform:scale(1.06)}48%{opacity:.88;transform:scale(1)}to{opacity:.14;transform:scale(.94)}}.transport-tempo-runner.transport-tempo-runner--beat-pulse{animation:transport-tempo-runner-beat-pulse .4s ease-out forwards}@media (prefers-reduced-motion: reduce){.transport-tempo-runner.transport-tempo-runner--beat-pulse{animation:none;opacity:.95;transform:none}}.transport-tempo-runner--hidden{visibility:hidden;pointer-events:none}.transport-window-tempo .transport-tempo-label-row .transport-window-label{text-align:center;justify-self:stretch}.transport-window-tempo--interactive{cursor:pointer;border-radius:6px;outline-offset:2px;transition:background .15s ease}.transport-window-tempo--interactive:hover{background:#4fc3f71a}.transport-window-tempo--interactive:focus-visible{outline:none}.tempo-stretch-popup-anchor{position:fixed;z-index:12001;transform:translate(-50%,-100%);margin:0;padding:0;border:none;background:transparent;pointer-events:auto;min-width:220px;max-width:280px}.tempo-stretch-popup-inner{padding:10px 11px 11px;box-sizing:border-box;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 6px 24px #0000006b;font-family:var(--font-sans);font-size:.8rem}.tempo-stretch-popup-inner--with-slider{padding:9px 12px 11px}.tempo-stretch-popup-speed-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.88rem}.tempo-stretch-popup-speed-panel[hidden]{display:none!important;margin:0;padding:0;border:none}.tempo-stretch-popup-field-row{margin:0}.tempo-stretch-popup-field-label{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:.88rem;color:#ffffffe0;cursor:default}.tempo-stretch-popup-field-label span{flex:1;min-width:0}.tempo-stretch-popup-field-input{width:4.5rem;flex-shrink:0;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:#1f252a;color:#fffffff2;font-size:.92rem;font-variant-numeric:tabular-nums;font-family:inherit}.tempo-stretch-popup-field-input:focus{outline:none;border-color:#ffffff47}.tempo-stretch-popup-field-suffix{flex-shrink:0;font-size:.86rem;color:#ffffff9e;min-width:1.1em}.tempo-stretch-popup-field-suffix--word{min-width:0;margin-left:2px;text-transform:lowercase}.tempo-stretch-popup-speed-btn{display:block;width:100%;margin:0 0 8px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff12;color:#ffffffeb;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit}.tempo-stretch-popup-speed-btn:hover{background:#ffffff1c}.tempo-stretch-popup-check-row--after-train{margin-top:0}.tempo-stretch-popup-check-row{display:flex;align-items:center;gap:8px;margin:0 0 2px;cursor:pointer;color:#ffffffeb;font-size:.78rem;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}.tempo-stretch-popup-divider{height:1px;margin:8px 0 7px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 10%,rgba(255,255,255,.14) 90%,transparent)}.tempo-stretch-popup-playback{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:4px}.tempo-stretch-popup-value.tempo-stretch-popup-value--above{text-align:center;width:100%;margin:0 0 4px;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;color:#a5d6a7;line-height:1.2}.tempo-stretch-popup-playback .tempo-stretch-popup-range{width:100%;height:28px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tempo-stretch-popup-playback .tempo-stretch-popup-range::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(90deg,#ffffff24,#ffffff24 calc(50% - 1px),#a5d6a78c 50%,#ffffff24 calc(50% + 1px),#ffffff24)}.tempo-stretch-popup-playback .tempo-stretch-popup-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-4px;border-radius:50%;background:#81c784;border:2px solid rgba(0,0,0,.2);box-shadow:0 1px 5px #00000059}.tempo-stretch-popup-playback .tempo-stretch-popup-range::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(90deg,#ffffff24,#ffffff24 calc(50% - 1px),#a5d6a78c 50%,#ffffff24 calc(50% + 1px),#ffffff24)}.tempo-stretch-popup-playback .tempo-stretch-popup-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#81c784;border:2px solid rgba(0,0,0,.2);cursor:pointer}.tempo-stretch-popup-step-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:6px;gap:16px}.tempo-stretch-popup-step-btn{flex:1;max-width:56px;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff12;color:#ffffffeb;font-size:1.15rem;font-weight:600;line-height:1;cursor:pointer;font-family:inherit}.tempo-stretch-popup-step-btn:hover{background:#81c78429;border-color:#81c78447}.tempo-stretch-popup-presets{display:flex;align-items:center;justify-content:stretch;gap:6px;margin-top:10px}.tempo-stretch-popup-preset-btn{flex:1;min-width:0;padding:5px 4px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#ffffff0f;color:#ffffffe0;font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;font-family:inherit}.tempo-stretch-popup-preset-btn:hover{background:#81c78426;border-color:#81c7844d}.tempo-stretch-popup-check{width:14px;height:14px;flex-shrink:0;accent-color:#81c784}.tempo-stretch-popup-check:focus,.tempo-stretch-popup-check:focus-visible{outline:none;box-shadow:none}.tempo-stretch-popup-check-label{line-height:1.2}.transport-window-chevron{font-size:.45rem;color:#fff9;margin-top:.08rem}.transport-window-sig{flex-direction:column;align-items:center}.transport-window-timer .transport-window-value{font-size:1.6rem}.transport-window-sig .transport-window-value{font-size:.9rem}.transport-window-sig .transport-window-sub{font-size:.7rem}.transport-timer{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:300;color:#ffffffbf}.transport-mixer-host{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.transport-bar .transport-mixer-host{position:absolute;right:10px;bottom:6px;top:auto;transform:none;margin:0;z-index:80;align-self:auto}.transport-mixer{position:relative;display:flex;flex-direction:column;align-items:flex-end}.transport-score-settings{position:relative;display:inline-flex;align-items:center;z-index:82}.transport-bar .transport-mixer .transport-mixer-toggle.toolbar-btn,.transport-mixer-toggle{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;width:44px;height:44px;min-width:44px;min-height:44px;border:none!important;border-radius:50%!important;line-height:0;font-size:0!important;color:#6994a8ad!important;--score-settings-icon-cutout: #37474f;background:#37474f!important;box-shadow:none!important;overflow:hidden;transition:background .2s ease,color .15s ease,box-shadow .2s ease,opacity .15s ease}.transport-bar .transport-mixer .transport-mixer-toggle.toolbar-btn:hover:not(:disabled),.transport-mixer-toggle:hover:not(:disabled){background:#455a64!important;--score-settings-icon-cutout: #455a64;color:#c8e4f0e0!important}.transport-bar .transport-score-settings-toggle.toolbar-btn:hover:not(:disabled){background:#4fc3f721!important;--score-settings-icon-cutout: #273f4b;color:#9ec9e8!important;box-shadow:0 0 0 2px #4fc3f7b8,0 0 12px #4fc3f757,0 0 24px #29b6f633!important}.transport-bar .transport-score-settings-toggle.toolbar-btn.transport-score-settings-toggle--open{background:#4fc3f721!important;--score-settings-icon-cutout: #273f4b;color:#9ec9e8!important;box-shadow:0 0 0 2px #4fc3f7b8,0 0 12px #4fc3f757,0 0 24px #29b6f633!important}.transport-score-settings-menu{position:fixed;right:14px;bottom:76px;width:min(280px,calc(100vw - 28px));box-sizing:border-box;padding:14px;border-radius:18px;background:#e7ebef;color:#24323b;box-shadow:0 16px 34px #0000004d;opacity:0;pointer-events:none;transform:translate(calc(100% + 24px));transform-origin:right center;transition:opacity .14s ease,transform .18s ease;z-index:12002}.transport-score-settings--open .transport-score-settings-menu{opacity:1;pointer-events:auto;transform:translate(0)}.transport-score-settings-menu__title{padding:2px 4px 10px;color:#1f2b33;font:800 .92rem/1.2 var(--font-menu)}.transport-score-settings-menu__section{padding:0 4px 7px;color:#24323b9e;font:700 .68rem/1.2 var(--font-menu);letter-spacing:.06em;text-transform:uppercase}.transport-score-settings-menu__accordion{margin-left:-14px;margin-right:-14px;overflow:hidden}.transport-score-settings-menu__accordion+.transport-score-settings-menu__accordion{margin-top:4px}.transport-score-settings-menu__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 26px;border:0;border-radius:0;background:transparent;color:inherit;font:700 .86rem/1.2 var(--font-menu);text-align:left;cursor:pointer}.transport-score-settings-menu__item:hover,.transport-score-settings-menu__item:focus-visible{background:#24323b1f;outline:none}.transport-score-settings-menu__accordion--open .transport-score-settings-menu__item{background:#4fc3f726}.transport-score-settings-menu__chevron{font-size:.9rem;line-height:1;opacity:.65;transform:rotate(0);transition:transform .14s ease}.transport-score-settings-menu__accordion--open .transport-score-settings-menu__chevron{transform:rotate(180deg)}.transport-score-settings-menu__panel{display:none;padding:5px 4px 8px 10px}.transport-score-settings-menu__accordion--open .transport-score-settings-menu__panel{display:grid;gap:4px}.transport-score-settings-menu__instruments{display:grid;gap:2px}.transport-score-settings-menu__instrument{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:8px 26px;box-sizing:border-box;color:#24323be0;cursor:pointer}.transport-score-settings-menu__instrument:hover{background:#24323b1f}.transport-score-settings-menu__instrument input{margin:0;accent-color:#4fc3f7}.transport-score-settings-menu__instrument--disabled{opacity:.48;cursor:not-allowed}.transport-score-settings-menu__instrument-text{display:grid;min-width:0}.transport-score-settings-menu__instrument-title{overflow:hidden;font:700 .8rem/1.2 var(--font-menu);text-overflow:ellipsis;white-space:nowrap}.transport-score-settings-menu__instrument-subtitle{overflow:hidden;color:#24323b94;font:600 .68rem/1.25 var(--font-menu);text-overflow:ellipsis;white-space:nowrap}.transport-score-settings-menu__empty{padding:8px 26px;color:#24323b94;font:650 .76rem/1.25 var(--font-menu)}.transport-score-settings-menu__option{width:100%;padding:8px 26px 8px 42px;border:0;border-radius:0;background:transparent;color:#24323be0;font:650 .78rem/1.25 var(--font-menu);text-align:left;cursor:pointer;position:relative}.transport-score-settings-menu__option:before{content:"";position:absolute;left:26px;top:50%;width:7px;height:7px;border-radius:50%;border:1px solid rgba(36,50,59,.5);transform:translateY(-50%)}.transport-score-settings-menu__option[aria-checked=true]:before{background:#4fc3f7;border-color:#178bb8}.transport-score-settings-menu__option:hover,.transport-score-settings-menu__option:focus-visible{background:#24323b1f;outline:none}.transport-bar .transport-mixer .transport-mixer-toggle.toolbar-btn:focus-visible,.transport-bar .transport-score-settings-toggle.toolbar-btn:focus-visible{outline:2px solid rgba(79,195,247,.75)!important;outline-offset:3px;box-shadow:none!important}.transport-mixer-toggle__icon{display:block;width:34px;height:34px;flex-shrink:0;pointer-events:none}.transport-score-settings-toggle__icon{width:37px;height:37px;color:currentColor}.transport-bar .transport-mixer .transport-mixer-toggle.toolbar-btn.transport-mixer-toggle--open{background:#4fc3f721!important;color:#9ec9e8!important;box-shadow:0 0 0 2px #4fc3f7b8,0 0 12px #4fc3f757,0 0 24px #29b6f633!important}.transport-bar .transport-mixer .transport-mixer-toggle.toolbar-btn.transport-mixer-toggle--open:hover:not(:disabled){background:#4fc3f72e!important;color:#c5e2f2!important;box-shadow:0 0 0 2px #81d4fac7,0 0 14px #4fc3f761,0 0 26px #29b6f63d!important}.transport-mixer-panel{position:absolute;right:-12px;bottom:calc(100% + 8px);z-index:90;padding:12px 12px 14px;background:linear-gradient(165deg,#1c2328fa,#12161afc);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 -8px 28px #00000073;width:max-content;max-width:calc(100vw - 24px);min-width:0;user-select:none;-webkit-user-select:none;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px);transition:opacity .22s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s}.transport-mixer-panel.transport-mixer-panel--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .26s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}@media (prefers-reduced-motion: reduce){.transport-mixer-panel,.transport-mixer-panel.transport-mixer-panel--open{transition-duration:.01ms;transition-delay:0s!important}.transport-mixer-panel:not(.transport-mixer-panel--open){transform:translateY(0)}}.transport-mixer-stripes{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:6px;width:max-content;max-width:100%}.transport-mixer-channel{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 44px;min-width:0}.transport-mixer-channel--audio{order:0;flex-basis:58px}.transport-mixer-channel--audio:before{content:"";position:absolute;top:-7px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:5px;background:#4fc3f72e;pointer-events:none}.transport-mixer-channel--stem{order:10;background:transparent}.transport-mixer-channel--stem:before{content:"";position:absolute;top:-5px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:5px;background:#84d4ff21;pointer-events:none}.transport-mixer-channel--audio-group-active:before{top:-9px;right:-3px;bottom:-6px;left:-6px;border:1px solid rgba(79,195,247,.7);border-right:0;border-radius:7px 0 0 7px;background:#4fc3f742}.transport-mixer-channel--stem-group-active:before{top:-7px;right:-3px;bottom:-6px;left:-3px;border-top:1px solid rgba(79,195,247,.7);border-bottom:1px solid rgba(79,195,247,.7);border-radius:0;background:#84d4ff29}.transport-mixer-channel--stem-group-last:before{inset-right:-6px;border-right:1px solid rgba(79,195,247,.7);border-radius:0 7px 7px 0}.transport-mixer-channel--audio>*,.transport-mixer-channel--stem>*{position:relative;z-index:1}.transport-mixer-channel--audio .transport-mixer-channel-label{color:#beebfff2}.transport-mixer-channel--stem .transport-mixer-channel-label{color:#e0f2ffd1}.transport-mixer-channel--score{order:20}.transport-mixer-channel--instrument{order:21;background:transparent}.transport-mixer-channel--timing{order:40}.transport-mixer-channel--instrument:before{content:"";position:absolute;top:-5px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:5px;background:#d2c4ff1b;pointer-events:none}.transport-mixer-channel--score:before{content:"";position:absolute;top:-5px;right:-4px;bottom:-4px;left:-4px;z-index:0;border-radius:5px;background:#9e74ff38;pointer-events:none}.transport-mixer-channel--score-group-active:before{top:-7px;right:-3px;bottom:-6px;left:-6px;border:1px solid rgba(180,145,255,.72);border-right:0;border-radius:7px 0 0 7px;background:#9e74ff47}.transport-mixer-channel--instrument-group-active:before{top:-7px;right:-3px;bottom:-6px;left:-3px;border-top:1px solid rgba(180,145,255,.72);border-bottom:1px solid rgba(180,145,255,.72);border-radius:0;background:#d2c4ff21}.transport-mixer-channel--instrument-group-last:before{inset-right:-6px;border-right:1px solid rgba(180,145,255,.72);border-radius:0 7px 7px 0}.transport-mixer-channel--score>*,.transport-mixer-channel--instrument>*{position:relative;z-index:1}.transport-mixer-channel--score .transport-mixer-channel-label,.transport-mixer-channel--instrument .transport-mixer-channel-label{color:#dfd3ffe6}.transport-mixer-channel--instrument .transport-mixer-channel-label{color:#eeeef2d1}.transport-mixer--audio-muted .transport-mixer-channel--stem{opacity:.42;filter:grayscale(1) saturate(.2)}.transport-mixer--audio-muted .transport-mixer-channel--stem:before{background:#ffffff09}.transport-mixer-channel[hidden]{display:none!important}.transport-mixer-channel-label{font-size:.62rem;font-weight:600;letter-spacing:.02em;color:#ffffff8c;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-mixer-fader-row{display:flex;flex-direction:row;align-items:stretch;gap:6px;height:152px}.transport-mixer-meter{width:13px;flex:0 0 13px;height:144px;min-height:144px;max-height:144px;align-self:flex-end;border-radius:3px;background:#0000008c;border:1px solid rgba(255,255,255,.12);padding:1px;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;box-shadow:inset 0 1px 3px #00000080;transform:translateZ(0);backface-visibility:hidden}.transport-mixer-meter-track{position:relative;align-self:flex-end;width:100%;max-width:8px;height:144px;border-radius:2px;background:#121418;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.transport-mixer-meter-fill{position:absolute;left:0;right:0;bottom:0;height:0;min-height:0;background:linear-gradient(to top,#1b5e20,#7cb342 38%,#ffca28 65%,#e65100 88%,#c62828);pointer-events:none}.transport-mixer-meter-peak{position:absolute;left:0;right:0;height:2px;bottom:0;margin:0;padding:0;background:#ffffffeb;border-radius:1px;pointer-events:none}.transport-mixer-fader-rot-wrap{position:relative;width:24px;height:146px;flex:0 0 24px;align-self:flex-end}.transport-mixer-fader{position:absolute;left:50%;top:50%;width:140px;height:22px;margin:0;padding:0;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer}.transport-mixer-fader::-webkit-slider-runnable-track{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px}.transport-mixer-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--audio-waveform-progress);cursor:pointer;border:1px solid var(--audio-waveform-wave);box-shadow:0 1px 4px #00000052}.transport-mixer-fader::-moz-range-track{width:100%;height:4px;background:#fff3;border-radius:2px;border:none}.transport-mixer-fader::-moz-range-progress{background:#fff3;border-radius:2px}.transport-mixer-fader::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--audio-waveform-progress);cursor:pointer;border:1px solid var(--audio-waveform-wave);box-shadow:0 1px 4px #00000052}.transport-mixer-fader--audio-master::-webkit-slider-runnable-track{background:#4fc3f78a}.transport-mixer-fader--audio-master::-moz-range-track,.transport-mixer-fader--audio-master::-moz-range-progress{background:#4fc3f78a}.transport-mixer-fader--audio-master::-webkit-slider-thumb{background:#4fc3f7;border-color:#beebffeb}.transport-mixer-fader--audio-master::-moz-range-thumb{background:#4fc3f7;border-color:#beebffeb}.transport-mixer-fader--stem-mix::-webkit-slider-runnable-track{background:#84d4ff57}.transport-mixer-fader--stem-mix::-moz-range-track,.transport-mixer-fader--stem-mix::-moz-range-progress{background:#84d4ff57}.transport-mixer-fader--stem-mix::-webkit-slider-thumb{background:#a9def7;border-color:#dcf6ffd1}.transport-mixer-fader--stem-mix::-moz-range-thumb{background:#a9def7;border-color:#dcf6ffd1}.transport-mixer-fader--score::-webkit-slider-runnable-track{background:#9e74ff8a}.transport-mixer-fader--score::-moz-range-track,.transport-mixer-fader--score::-moz-range-progress{background:#9e74ff8a}.transport-mixer-fader--score::-webkit-slider-thumb{background:#9e74ff;border-color:#dfd3ffeb}.transport-mixer-fader--score::-moz-range-thumb{background:#9e74ff;border-color:#dfd3ffeb}.transport-mixer-fader--instrument::-webkit-slider-runnable-track{background:#dad0ff47}.transport-mixer-fader--instrument::-moz-range-track,.transport-mixer-fader--instrument::-moz-range-progress{background:#dad0ff47}.transport-mixer-fader--instrument::-webkit-slider-thumb{background:#d8d1ee;border-color:#efe9ffc7}.transport-mixer-fader--instrument::-moz-range-thumb{background:#d8d1ee;border-color:#efe9ffc7}.transport-mixer-fader--timing::-webkit-slider-thumb{background:#ff9800;border-color:#ffcc80bf}.transport-mixer-fader--timing::-moz-range-thumb{background:#ff9800;border-color:#ffcc80bf}.transport-mixer-fader:disabled{opacity:.35;cursor:not-allowed}.transport-mixer-channel-controls{display:flex;align-items:center;justify-content:center}.transport-mixer-channel-controls--audio{flex-direction:column;gap:2px;width:100%}.transport-mixer-channel-text-btn{width:48px;min-height:16px;padding:0 5px;border-radius:6px;border:1px solid rgba(179,214,231,.58);background:#21313ab8;color:#ffffffc7;font-size:.64rem;font-weight:700;line-height:1;cursor:pointer}.transport-mixer-channel-text-btn--mute{color:#25d10e}.transport-mixer-channel-text-btn--solo{color:#ff8740}.transport-mixer-channel-text-btn--active{border-color:#81d4fae6;background:#305365e6;box-shadow:0 0 0 1px #81d4fa40}.transport-mixer-channel-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:36px;min-height:36px;padding:6px 7px;border-radius:8px;border:1px solid transparent;background:#1e1e208c;color:#ffffff73;cursor:pointer;line-height:0;box-shadow:none}.transport-mixer-channel-toggle--on{border-color:var(--color-accent-border);background:var(--color-accent-bg);color:#81d4fa;box-shadow:none}.transport-mixer-channel-toggle__icon{display:flex;align-items:center;justify-content:center;line-height:0}.transport-mixer-channel-toggle__svg-power{display:block;flex-shrink:0}.transport-mixer-channel-toggle--off{border-color:#ffffff1f;background:#1e1e20d9;color:#ffffff6b;box-shadow:none}.transport-mixer-channel-toggle--on:hover:not(:disabled){border-color:#81d4fad9;background:var(--color-accent-hover);color:#b3e5fc;box-shadow:none}.transport-mixer-channel-toggle--off:hover:not(:disabled){border-color:#fff3;color:#ffffff8c;filter:brightness(1.06)}.transport-mixer-channel-toggle:disabled{opacity:.32;cursor:not-allowed;filter:none}.transport-volume-wrap{display:flex;align-items:center;gap:.5rem;min-width:100px}.transport-volume-icon{display:flex;align-items:center;justify-content:center;color:#fffc;flex-shrink:0}.transport-volume-icon svg{display:block}.transport-volume-slider{flex:1;min-width:80px;max-width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none}.transport-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#4fc3f7;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.transport-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4fc3f7;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.transport-tempo{font-size:1rem;color:#ffffffe6}.audio-panel{flex-shrink:0;width:100%;margin-bottom:-6px;padding-left:12px;padding-right:12px;position:relative;overflow-x:hidden}.audio-panel-slot{position:relative;height:240px;min-height:240px;width:100%;max-width:1080px;margin-left:auto;margin-right:auto}.audio-stem-job-status{box-sizing:border-box;margin:0;padding:0;border-radius:0;font-size:.72rem;line-height:1.4;font-weight:400;letter-spacing:.01em;pointer-events:none}.audio-stem-job-status__text{display:block}.audio-stem-job-status__progress{position:relative;display:block;height:3px;margin-top:6px;overflow:hidden;border-radius:999px;background:#ffffff14}.audio-stem-job-status__progress>span{position:absolute;top:0;bottom:0;left:-38%;width:38%;border-radius:inherit;background:linear-gradient(90deg,#4fc3f700,#4fc3f7d9,#ff9800d9);animation:audioStemJobProgress 1.15s ease-in-out infinite}@keyframes audioStemJobProgress{0%{transform:translate(0)}to{transform:translate(365%)}}@media (prefers-reduced-motion: reduce){.audio-stem-job-status__progress>span{animation:none;left:0;width:100%}}.audio-stem-job-status--in-track-panel{margin:2px 0 8px;padding:4px 0 6px;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffff73}.audio-stem-job-status--overlay{position:absolute;top:6px;left:8px;right:8px;z-index:25;padding:5px 9px;border-radius:5px;font-size:.75rem;box-shadow:0 1px 3px #0003}.audio-stem-job-status--info.audio-stem-job-status--in-track-panel{color:#ffffff80}.audio-stem-job-status--info.audio-stem-job-status--overlay{background:#0f1418c7;color:#ffffffa6;border:1px solid rgba(79,195,247,.15)}.audio-stem-job-status--ok.audio-stem-job-status--in-track-panel{color:#a5d6a7bf}.audio-stem-job-status--ok.audio-stem-job-status--overlay{background:#1b281ee6;color:#c8e6c9eb;border:1px solid rgba(129,199,132,.25)}.audio-stem-job-status--error.audio-stem-job-status--in-track-panel{color:#ef9a9ae0}.audio-stem-job-status--error.audio-stem-job-status--overlay{background:#281416eb;color:#ffcdd2f2;border:1px solid rgba(239,83,80,.28)}.stem-separation-options-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10055;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 30%,rgba(79,195,247,.14),transparent 34%),#0a0f129e}.audio-stem-load-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 30%,rgba(79,195,247,.14),transparent 34%),#0a0f129e}.stem-separation-options-dialog,.audio-stem-load-dialog{box-sizing:border-box;min-width:300px;width:min(440px,92vw);padding:1.45rem;border:1px solid rgba(129,212,250,.22);border-radius:16px;background:linear-gradient(145deg,#455a64f5,#263238fa);color:#ffffffeb;box-shadow:0 24px 64px #0000006b,inset 0 1px #ffffff14}.stem-separation-options-title,.audio-stem-load-dialog-title{margin:0 0 .5rem;color:#d9f4ff;font-size:1.15rem;font-weight:700}.stem-separation-options-intro,.audio-stem-load-dialog-intro{margin:0 0 1rem;color:#ffffffad;font-size:.9rem;line-height:1.45}.stem-separation-options-all,.stem-separation-options-row{display:flex;align-items:center;gap:.55rem;cursor:pointer}.stem-separation-options-all{margin:0 0 .85rem;color:#ffcc80;font-size:.95rem;font-weight:700}.stem-separation-options-fieldset{margin:0 0 1.15rem;padding:.65rem .75rem;border:1px solid rgba(255,152,0,.28);border-radius:10px;background:#ffffff0b}.stem-separation-options-legend{padding:0 .35rem;color:#d9f4ffc7;font-size:.82rem}.stem-separation-options-row{margin:.35rem 0;color:#ffffffdb;font-size:.92rem}.stem-separation-options-overlay input[type=checkbox]{accent-color:#ff9800}.stem-separation-options-actions,.audio-stem-load-dialog-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.stem-separation-options-actions .toolbar-btn,.audio-stem-load-dialog-actions .toolbar-btn{border-color:#81d4fa70;background:#4fc3f71f;color:#d9f4ff}.stem-separation-options-actions .toolbar-btn:last-child,.audio-stem-load-dialog-actions .toolbar-btn:last-child{border-color:#ff980094;background:#ff980029;color:#ffe0b2}.audio-panel-dropzone,.audio-panel-waveform-wrap{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;transition:opacity .25s ease,visibility .25s ease}.audio-panel-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;border:2px dashed rgba(79,195,247,.5);background:#4fc3f714;cursor:pointer;z-index:1}.audio-panel-dropzone[hidden],.audio-panel-waveform-wrap[hidden]{display:none}.audio-panel-dropzone:hover,.audio-panel-dropzone--over{background:#4fc3f726;border-color:#4fc3f7}.audio-panel-dropzone-text{color:#ffffffd9;font-size:.95rem;margin:8px 0}.audio-panel-input{display:none}.audio-panel-waveform-wrap{display:flex;flex-direction:column;padding:12px;background:transparent;z-index:0;min-height:0;overflow:hidden}.audio-waveform-toolbar{flex-shrink:0;display:flex;align-items:center;gap:8px;margin-top:8px}.audio-waveform-option{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.audio-waveform-option input[type=checkbox]{margin:0;cursor:pointer}.audio-waveform-option[hidden]{display:none!important}.audio-lists-wrap{flex-shrink:0;width:100%;box-sizing:border-box;padding:12px;margin-bottom:-6px;background:transparent;border-radius:12px}.audio-lists-wrap[hidden]{display:none}.audio-waveform-lists{flex-shrink:0;display:flex;gap:20px;max-width:1080px;width:100%;margin-left:auto;margin-right:auto;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);box-sizing:border-box}.audio-list-panel{flex:1 1 200px;min-width:0;background:transparent;border-radius:8px;padding:12px 14px}.audio-list-section{flex:1;min-width:0}.audio-list-title{margin:0 0 10px;font-size:.95rem;font-weight:500;color:var(--color-accent)}.audio-list-empty{color:#ffffff73;font-size:13px;margin:8px 0 0}.marker-list,.loop-list,.audio-track-list{margin:0;padding:0;list-style:none;max-height:200px;overflow-y:auto;font-size:13px}.marker-list li,.loop-list li,.audio-track-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff0f;border-radius:6px;margin-bottom:6px;font-size:13px;transition:background .2s}.marker-list li .time,.loop-list li .range,.audio-track-list li .audio-track-kind{font-variant-numeric:tabular-nums;color:#ffffffb3;margin-right:10px;flex-shrink:0}.marker-list li .marker-name,.loop-list li .loop-name,.audio-track-list li .audio-track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-list li .audio-track-kind{font-variant:normal;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;opacity:.8;min-width:2.5rem}.marker-list li .marker-actions,.audio-track-list li .marker-actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:4px}.marker-list li button,.loop-list li button,.audio-track-list li button{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--color-accent);cursor:pointer;font-size:12px}.marker-list li button:hover,.loop-list li button:hover,.audio-track-list li button:hover{background:#4fc3f726}.marker-list li .btn-icon-edit,.marker-list li .btn-icon-delete,.audio-track-list li .btn-icon-edit,.audio-track-list li .btn-icon-delete{padding:0 10px;min-width:34px;font-size:16px;line-height:1.15}.marker-list li{cursor:pointer}.marker-list li:hover{background:#ff980026}.marker-list li.active{background:#ff980059;color:#ffe0b2;border-left:3px solid #ff9800}.loop-list li,.audio-track-list li{cursor:pointer}.loop-list li:hover,.audio-track-list li:hover{background:#4fc3f724}.loop-list li.active,.audio-track-list li.active{background:#4fc3f76b;color:#fff;border-left:4px solid #4fc3f7;box-shadow:inset 0 0 0 1px #bae6fd99}.loop-list li.active .range,.loop-list li.active .loop-name,.audio-track-list li.active .audio-track-kind,.audio-track-list li.active .audio-track-name{color:#e3f7ffeb}.audio-track-list li.audio-track-list-item--stem{background:#ff98001a}.audio-track-list li.audio-track-list-item--stem:hover{background:#ff980026}.audio-track-list li.audio-track-list-item--stem.active{background:#ff980059;color:#ffe0b2;border-left:3px solid #ff9800}.audio-track-list li.audio-track-list-item--stem.active .audio-track-kind,.audio-track-list li.audio-track-list-item--stem.active .audio-track-name{color:#ffe0b2eb}.audio-track-list li.audio-track-list-item--stem button:hover{background:#ff980038}.audio-track-list li.audio-track-list-item--separate-stems{cursor:pointer;border:1px dashed rgba(255,152,0,.42)}.audio-track-list li.audio-track-list-item--separate-stems:focus-visible{outline:2px solid rgba(79,195,247,.75);outline-offset:2px}.audio-track-list li.audio-track-list-item--separate-stems .audio-track-name{font-style:italic}.loop-list-item{position:relative;overflow:hidden}.loop-list-progress-track{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.loop-list-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#bae6fd80,#7dd3fc61 45%,#4fc3f738);border-radius:0 5px 5px 0;will-change:width}.loop-list-item-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:4px}.loop-list-item .loop-name{flex:1;min-width:0}.loop-list li .btn-icon-edit{padding:0 10px;min-width:34px;font-size:16px;line-height:1.15;color:var(--color-accent)}.loop-list li .btn-icon-edit:hover{background:#4fc3f72e;color:var(--color-accent)}.loop-list li .audio-list-remove{padding:0 8px;min-width:30px;width:auto;height:auto;border-radius:4px;font-size:18px;line-height:1.1;font-weight:500;color:var(--color-accent);background:transparent}.loop-list li .audio-list-remove:hover{background:#4fc3f726;color:var(--color-accent)}.marker-list li .marker-name-edit,.audio-track-list li .marker-name-edit{flex:1;min-width:60px;padding:2px 6px;font-size:13px;background:#0000004d;border:1px solid rgba(79,195,247,.4);border-radius:4px;color:inherit}.audio-list-item--draft{opacity:.7;font-style:italic}.audio-list-remove{flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:#c8505066;color:#fff;font-size:14px;line-height:1;cursor:pointer}.audio-list-remove:hover{background:#c85050b3}.audio-waveform-btn{padding:6px 14px;font-size:13px;font-family:inherit;border-radius:20px;border:none;background:transparent;color:#4fc3f7;cursor:pointer;transition:background .2s ease}.audio-waveform-btn:hover{background:#4fc3f733}.audio-waveform-btn:focus{outline:none;box-shadow:none}.audio-waveform-scroll-wrap{flex:1;min-height:0;position:relative;display:flex}.audio-waveform-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;border-radius:8px;position:relative;background:transparent;scrollbar-color:rgba(255,255,255,.35) rgba(0,0,0,.25);scrollbar-width:thin}.audio-waveform-scroll::-webkit-scrollbar{height:10px}.audio-waveform-scroll::-webkit-scrollbar-track{background:#00000040;border-radius:4px}.audio-waveform-scroll::-webkit-scrollbar-track:hover,.audio-waveform-scroll::-webkit-scrollbar-track:active{background:#0000004d}.audio-waveform-scroll::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.audio-waveform-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.audio-waveform-scroll-inner{min-height:100%;position:relative;background:transparent}#audio-waveform-container.audio-waveform{display:block;width:100%;min-width:0;height:180px;min-height:180px;border-radius:8px;flex-shrink:0;overflow:hidden;background:transparent}#audio-waveform-container.audio-waveform>div{min-width:0;overflow-x:auto}.audio-waveform-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4}.audio-waveform-markers:not(.audio-waveform-markers--fixed){z-index:15}.audio-waveform-song-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.audio-song-marker{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;pointer-events:none;display:flex;flex-direction:column;align-items:center;overflow:visible}.audio-song-marker-label{position:absolute;left:100%;margin-left:6px;top:-2px;font-size:11px;color:#ff9800;white-space:nowrap;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.8)}.audio-song-marker-head{flex-shrink:0;width:0;height:0;order:-1;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ff9800;pointer-events:auto;cursor:ew-resize}.audio-song-marker:hover .audio-song-marker-head,.audio-song-marker.selected .audio-song-marker-head{border-top-color:#ffa726;border-left-width:6px;border-right-width:6px;border-top-width:7px;margin-left:-1px}.audio-song-marker:before{content:"";width:1px;flex:1;min-height:0;background:#ff9800}.audio-song-marker:hover:before,.audio-song-marker.selected:before{background:#ffa726;width:1.5px}.audio-song-marker-delete{pointer-events:auto;display:none;position:absolute;top:2px;right:-6px;width:14px;height:14px;border:none;border-radius:50%;background:#c44;color:#fff;font-size:12px;line-height:1;cursor:pointer;padding:0}.audio-song-marker.selected .audio-song-marker-delete{display:flex;align-items:center;justify-content:center}.audio-waveform-markers--fixed>*{pointer-events:none}.audio-waveform-markers:not(.audio-waveform-markers--fixed)>*{pointer-events:auto}.audio-waveform-loop-overlay{position:absolute;top:0;bottom:0;left:0;width:0;pointer-events:none;background:#4fc3f740;border:none}.audio-waveform-scroll-inner>.audio-waveform-loop-overlay{z-index:18}.audio-waveform-scroll-inner>.audio-waveform-cursor{z-index:22}.audio-waveform-loop-overlay.loop-overlay--draggable{pointer-events:auto;cursor:grab;touch-action:none}.audio-waveform-loop-overlay.loop-overlay--wave-backing{background:#4fc3f74d;border-left:2px solid rgba(129,212,250,.95);border-right:2px solid rgba(129,212,250,.95);box-shadow:inset 0 0 0 1px #bae6fd73}.audio-waveform-loop-overlay.loop-overlay--notation-measure{pointer-events:none;cursor:default}.audio-waveform-loop-overlay.loop-overlay--notation-measure .loop-resize-handle{display:none!important}.audio-waveform-loop-overlay.loop-overlay--draggable:active{cursor:grabbing}.audio-waveform-loop-overlay .loop-resize-handle{position:absolute;top:0;bottom:0;width:10px;max-width:32%;z-index:3;cursor:ew-resize;box-sizing:border-box;touch-action:none}.audio-waveform-loop-overlay .loop-resize-handle--start{left:0;border-left:1.5px solid rgba(255,255,255,.55);background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 70%)}.audio-waveform-loop-overlay .loop-resize-handle--end{right:0;border-right:1.5px solid rgba(255,255,255,.55);background:linear-gradient(270deg,rgba(255,255,255,.06),transparent 70%)}.audio-waveform-loop-overlay .loop-resize-handle:hover{border-left-color:#ffffffc7;border-right-color:#ffffffc7;background-image:linear-gradient(90deg,rgba(255,255,255,.1),transparent 75%)}.audio-waveform-loop-overlay .loop-resize-handle--end:hover{background-image:linear-gradient(270deg,rgba(255,255,255,.1),transparent 75%)}.audio-waveform-loop-overlay.selecting{z-index:18;background:#4fc3f738}.audio-waveform-loop-overlay.selecting .loop-resize-handle{display:none}.audio-position-line{position:absolute;top:0;bottom:0;left:0;width:1px;pointer-events:none;z-index:8;background:#4fc3f7}.audio-waveform-loop-overlay.draft{background:#4fc3f740;border:none}.audio-waveform-btn.active,.audio-waveform-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-on)}.audio-waveform-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.audio-sync-marker{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;cursor:ew-resize;display:flex;flex-direction:column;align-items:center}.audio-waveform-markers--fixed .audio-sync-marker{opacity:.28;cursor:default}.audio-waveform-markers--fixed .audio-sync-marker:before{background:#ffffff80}.audio-waveform-markers--fixed .audio-sync-marker:after{border-top-color:#ffffff80}.audio-waveform-markers:not(.audio-waveform-markers--fixed) .audio-sync-marker{z-index:11}.audio-sync-marker:after{content:"";flex-shrink:0;width:0;height:0;order:-1;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(255,200,80,.9)}.audio-sync-marker:before{content:"";width:1px;flex:1;min-height:0;background:#ffc850e6}.audio-sync-marker:hover:before,.audio-sync-marker.selected:before{background:#ffdc64;width:1.5px}.audio-sync-marker:hover:after,.audio-sync-marker.selected:after{border-top-color:#ffdc64;border-left-width:6px;border-right-width:6px;border-top-width:7px;margin-left:-1px}.audio-sync-marker-delete{display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:18px;height:18px;border:none;border-radius:50%;background:#c44;color:#fff;font-size:11px;line-height:1;cursor:pointer;padding:0;z-index:12}.audio-sync-marker.audio-sync-marker-delete-visible .audio-sync-marker-delete{display:flex;align-items:center;justify-content:center}.audio-sync-marker-num{flex-shrink:0;margin-top:auto;position:relative;z-index:12;width:18px;height:18px;border-radius:50%;background:#ffc850f2;color:#1a1a1a;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:auto;cursor:pointer}.audio-waveform-markers--fixed .audio-sync-marker-num{display:none}.audio-sync-marker.selected .audio-sync-marker-num{background:#ffdc64;color:#1a1a1a}.audio-waveform-cursor{position:absolute;top:0;bottom:0;left:0;transform:translate(-50%);width:2px;margin-left:0;background:var(--color-accent);pointer-events:none}#toolbar-container{flex-shrink:0;align-self:stretch;width:var(--app-sidebar-width);min-width:var(--app-sidebar-width)}.side-menu{font-family:var(--font-menu);width:var(--app-sidebar-width);position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#455a64,#263238);box-shadow:2px 0 10px #0003}.side-menu-header{flex-shrink:0;padding:16px 20px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;isolation:isolate}.side-menu-header .logo{max-width:220px;width:100%;height:auto;display:block;margin:0 auto;opacity:1;filter:none}.side-menu-header .logo-text{color:#fffffff2;font-size:1.15rem;font-weight:600;letter-spacing:.02em}.side-menu-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.side-menu-body[hidden]{display:none!important}.side-menu-input-modes{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.35rem;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001f}.side-menu-input-mode-btn[data-input-mode=keyboard]{order:1}.side-menu-input-mode-btn[data-input-mode=piano]{order:2}.side-menu-input-mode-btn[data-input-mode=drums]{order:3}.side-menu-input-mode-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:rgba(255,160,80,.45);transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.side-menu-input-mode-btn:hover{color:#fffffff2;background:#ffffff14;border-color:#ffffff59}.side-menu-input-mode-btn:active{transition:none;background:#4fc3f72e;border-color:#64d2ff8c;color:#fff;box-shadow:0 0 0 1px #81d4fa6b}.side-menu-input-mode-btn.active:active{background:#4fc3f73d;border-color:#64d2ffa6;box-shadow:0 0 0 1px #81d4fa80}.side-menu-input-mode-btn:focus-visible{outline:2px solid rgba(129,212,250,.8);outline-offset:2px}.side-menu-input-mode-btn.active{color:var(--color-accent);background:#4fc3f726;border-color:var(--color-accent-border)}.notation-cursor-flyout{position:fixed;z-index:99;box-sizing:border-box;width:56px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:none;border-radius:0;box-shadow:none;transform:translate(-100%);transition:transform .22s ease;pointer-events:none}.notation-cursor-flyout--open{transform:translate(0);box-shadow:none;pointer-events:auto}.notation-cursor-flyout[hidden],#app.app--notation-view-mode .notation-cursor-flyout,body.app--notation-view-mode .notation-cursor-flyout,body.app--notation-view-mode .notation-text-tool-flyout,body.app--notation-view-mode .notation-measure-elements-flyout{display:none!important}.notation-format-flyout{position:fixed;z-index:99;box-sizing:border-box;width:min(320px,calc(100vw - 226px));max-height:none;padding:0;display:flex;flex-direction:column;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 8px 8px 0;box-shadow:none;transform:translate(-100%);transition:transform .22s ease,box-shadow .22s ease;pointer-events:none;overflow:hidden}.notation-format-flyout--open{transform:translate(0);box-shadow:0 8px 24px #0006;pointer-events:auto}.notation-format-flyout__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .7rem .45rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.notation-format-flyout__title{margin:0;font-size:.95rem;font-weight:600;color:#fffffff2;font-family:var(--font-menu)}.notation-format-flyout__close{flex-shrink:0;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:6px;background:transparent;color:#ffffffa6;font-size:1.35rem;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease}.notation-format-flyout__close:hover{color:var(--color-text);background:#ffffff14}.notation-format-flyout__body{padding:.75rem 1.7rem .9rem;overflow:visible;flex:0 0 auto;min-height:auto}.notation-format-flyout__paper-block{margin-bottom:.35rem}.notation-format-flyout__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.45rem}.notation-format-flyout__field-label{font-size:.82rem;font-weight:500;color:#ffffff94;letter-spacing:.02em}.notation-format-flyout__select-wrap{position:relative}.notation-format-flyout__select-trigger{width:100%;box-sizing:border-box;padding:.45rem .55rem;border-radius:6px;border:1px solid rgba(255,255,255,.28);background:#00000059;color:#fffffff2;font-size:.86rem;font-family:var(--font-menu, inherit);text-align:left;cursor:pointer}.notation-format-flyout__select-trigger:focus{outline:2px solid rgba(79,195,247,.45);outline-offset:1px}.notation-format-flyout__select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:180px;padding:.25rem 0;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:101}.notation-format-flyout__select-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;color:#ffffffe6;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.notation-format-flyout__select-item:hover{background:#4fc3f726;color:var(--color-accent)}.notation-format-flyout__select-item--active{color:var(--color-accent);background:#4fc3f71f}.notation-format-flyout__section-rule{border:none;border-top:1px solid rgba(255,255,255,.16);margin:.35rem 0 .55rem}.notation-format-flyout__margin-row{display:flex;flex-direction:column;gap:.22rem;margin-bottom:.35rem}.notation-format-flyout__margin-controls{display:flex;align-items:center;gap:.45rem}.notation-format-flyout__range{flex:1 1 auto;min-width:0;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:2px;outline:none;cursor:pointer}.notation-format-flyout__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#fff3}.notation-format-flyout__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#4fc3f7;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.notation-format-flyout__range::-moz-range-track{height:4px;border-radius:2px;background:#fff3}.notation-format-flyout__range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4fc3f7;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.notation-format-flyout__range:focus-visible{outline:2px solid rgba(79,195,247,.55);outline-offset:2px}.notation-format-flyout__range-value{flex:0 0 auto;min-width:44px;font-size:.76rem;color:#ffffffd1;text-align:right}.notation-format-flyout__row{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;font-size:.9rem;line-height:1.35;color:#ffffffeb}.notation-format-flyout__row input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.notation-format-flyout__hint{margin:0 0 .65rem;font-size:.78rem;line-height:1.4;color:var(--color-text-muted)}.notation-format-flyout__body>.notation-format-flyout__hint:first-child{margin-top:0}.notation-format-flyout__body>.notation-format-flyout__hint:last-child{margin-bottom:0}.notation-cursor-flyout__btn{flex:0 0 auto;width:48px;height:48px;min-width:48px;min-height:48px;margin:0;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffbf;-webkit-tap-highlight-color:rgba(255,160,80,.35);transition:background .15s ease,color .15s ease,border-color .15s ease}.notation-cursor-flyout__btn:hover{background:#ffffff14;color:#fffffffa}.notation-cursor-flyout__btn--active{background:#4fc3f733;color:var(--color-accent);box-shadow:inset 0 0 0 1px #4fc3f773}.notation-cursor-flyout__btn:focus-visible{outline:2px solid rgba(255,183,77,.95);outline-offset:-2px}.notation-cursor-flyout__btn:before{content:"";width:36px;height:38px;flex-shrink:0;background-image:var(--flyout-icon);background-position:center;background-repeat:no-repeat;background-size:contain}.notation-cursor-flyout__btn--text-icon:before{width:26px;height:26px;mix-blend-mode:normal;filter:none}.notation-text-tool-flyout{position:fixed;z-index:100;box-sizing:border-box;min-width:132px;padding:.35rem;display:flex;flex-direction:column;gap:.25rem;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 24px #00000061;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.notation-text-tool-flyout--open{opacity:1;transform:translate(0);pointer-events:auto}.notation-text-tool-flyout__btn{width:100%;min-height:32px;padding:.35rem .55rem;border:none;border-radius:6px;background:transparent;color:#ffffffe0;font-family:var(--font-menu, inherit);font-size:.86rem;text-align:left;cursor:pointer}.notation-text-tool-flyout__btn:hover{background:#ffffff14;color:#fffffffa}.notation-text-tool-flyout__btn--active{background:#4fc3f72e;color:var(--color-accent)}.side-menu-input-mode-icon{display:block;width:54px;height:54px;object-fit:contain;pointer-events:none;mix-blend-mode:lighten;filter:contrast(1.38) brightness(1.12);transform:translateZ(0);backface-visibility:hidden}.side-menu-input-mode-btn .side-menu-input-mode-icon,.side-menu-input-mode-btn.active .side-menu-input-mode-icon{opacity:1}.side-menu-input-mode-btn[data-input-mode=drums] .side-menu-input-mode-icon{width:60px;height:60px}.side-menu-note-attributes[hidden]{display:none!important}.side-menu-note-attributes .notation-note-attrs-toolbox{margin:.35rem 0 .75rem;padding:.5rem .45rem;border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.side-menu-note-attributes .notation-note-attrs-toolbox__title{font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#ffffffe0;margin-bottom:.4rem}.side-menu-note-attributes .notation-note-attrs-toolbox__label{font-size:.68rem;color:#ffffff9e;margin:.45rem 0 .25rem}.side-menu-note-attributes .notation-note-attrs-toolbox__grid{display:flex;flex-wrap:wrap;gap:.28rem}.side-menu-note-attributes .notation-note-attrs-toolbox__grid--dur .notation-note-attrs-toolbox__icon-btn{min-width:2.35rem}.side-menu-note-attributes .notation-note-attrs-toolbox__grid--heads .notation-note-attrs-toolbox__icon-btn{min-width:2.1rem}.side-menu-note-attributes .notation-note-attrs-toolbox__icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .28rem;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#00000047;color:#fffffff2;cursor:pointer;line-height:1}.side-menu-note-attributes .notation-note-attrs-toolbox__icon-btn:hover{border-color:#4fc3f773;background:#4fc3f71f}.side-menu-note-attributes .notation-note-attrs-toolbox__icon-btn.is-active{border-color:#4fc3f7bf;background:#4fc3f738;box-shadow:0 0 0 1px #4fc3f759}.side-menu-note-attributes .notation-note-attrs-toolbox__glyph{font-family:Bravura,Noto Music,serif;font-size:1.35rem;line-height:1}.side-menu-note-attrs-head-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.18rem;margin:.15rem 0 .65rem}.side-menu-note-attrs-head-btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:2rem;padding:.15rem .2rem;border:1px solid rgba(255,255,255,.12);border-radius:.45rem;background:#ffffff0a;color:#ffffffdb;cursor:pointer}.side-menu-note-attrs-head-btn:hover{border-color:#4fc3f773;background:#4fc3f71f;color:#fff}.side-menu-note-attrs-head-btn.active{border-color:var(--color-accent);background:#4fc3f72e;color:#fff}.side-menu-note-attrs-head-icon{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;font-family:Noto Music,Bravura,serif;font-size:1.2rem;line-height:1}.side-menu-note-attrs-head-btn[data-notehead=n] .side-menu-note-attrs-head-icon{font-size:1.85rem;transform:translateY(-.16rem)}.side-menu-note-attrs-head-btn[data-notehead=cs] .side-menu-note-attrs-head-icon,.side-menu-note-attrs-head-btn[data-notehead=rs] .side-menu-note-attrs-head-icon,.side-menu-note-attrs-head-btn[data-notehead=ci] .side-menu-note-attrs-head-icon{font-size:1.35rem}.side-menu-note-attrs-head-icon svg{display:block}.side-menu-note-attributes .notation-note-attrs-toolbox__chip{padding:.18rem .38rem;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:#ffffffeb;font-size:.68rem;font-weight:600;cursor:pointer}.side-menu-note-attributes .notation-note-attrs-toolbox__chip:hover{border-color:#4fc3f773;background:#4fc3f71a}.side-menu-note-attributes .notation-note-attrs-toolbox__chip.is-active{border-color:#4fc3f7b3;background:#4fc3f733}.side-menu-note-attributes .notation-note-attrs-toolbox__chip--stem{min-width:2rem;font-size:1rem;font-weight:700}.side-menu-note-attributes .notation-note-attrs-toolbox__pitch-scroll{display:flex;flex-wrap:wrap;gap:.22rem;max-height:7.5rem;overflow-y:auto;padding:.15rem .1rem .15rem 0}.side-menu-note-attributes .title-format-modal-select::placeholder{color:#ffffff59}.side-menu-note-attributes .notation-note-attr-scale-wrap{display:inline-flex;align-items:center;gap:.35rem}.side-menu-note-attributes .notation-note-attr-scale-btn{min-width:2rem;padding:.25rem .4rem;font-size:1rem;line-height:1;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#ffffffeb;cursor:pointer}.side-menu-note-attributes .notation-note-attr-scale-btn:hover{background:#ffffff1a;border-color:#4fc3f773}.side-menu-note-attributes .notation-note-attr-scale-value{min-width:1.5rem;text-align:center;font-size:.9rem;font-weight:600;color:#ffffffe6}.side-menu-note-attributes .side-menu-note-attrs-text--lyric{min-height:3.1rem;resize:vertical;font-family:inherit;max-width:none}.side-menu-note-attrs-scale-section .side-menu-title-position-inputs{align-items:center}.side-menu-bar-attributes[hidden]{display:none!important}.side-menu-bar-attributes{background-color:var(--color-popup-panel-header)!important;background-image:none!important}.side-menu-bar-attributes .side-menu-bar-attrs-factor-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.55rem;padding:.15rem 0}.side-menu-bar-attributes .side-menu-bar-attrs-barline-glyph{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:.12rem .28rem;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#00000047;box-sizing:border-box;line-height:0}.side-menu-bar-attributes .side-menu-bar-attrs-barline-glyph img{display:block;width:auto;height:auto;max-width:26px;max-height:26px;object-fit:contain;pointer-events:none;mix-blend-mode:screen}.side-menu-bar-attributes .side-menu-bar-attrs-barline-glyph--measure-width{padding:.1rem .22rem}.side-menu-bar-attributes .side-menu-bar-attrs-barline-glyph--measure-width img{max-width:40px;max-height:30px}.side-menu-bar-attributes .side-menu-bar-attrs-width-controls{display:inline-flex;align-items:center;gap:0;flex:0 1 auto;min-width:0;padding:.45rem .55rem;border-radius:6px}.side-menu-bar-attributes .side-menu-bar-attrs-rail{flex-shrink:0;align-self:stretch;min-height:2rem;position:relative;pointer-events:none}.side-menu-bar-attributes .side-menu-bar-attrs-rail--lead{width:.65rem}.side-menu-bar-attributes .side-menu-bar-attrs-rail--lead:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#ffffffe0,#ffffffe0) 2px 50% / calc(100% - 2px) 2px no-repeat,linear-gradient(#ffffffe0,#ffffffe0) 0 50% / 2px 55% no-repeat}.side-menu-bar-attributes .side-menu-bar-attrs-rail--gap{width:.35rem}.side-menu-bar-attributes .side-menu-bar-attrs-rail--gap:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#ffffffe0}.side-menu-bar-attributes .side-menu-bar-attrs-rail--trail{width:.65rem}.side-menu-bar-attributes .side-menu-bar-attrs-rail--trail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#ffffffe0,#ffffffe0) 0 50% / calc(100% - 2px) 2px no-repeat,linear-gradient(#ffffffe0,#ffffffe0) 100% 50% / 2px 55% no-repeat}.side-menu-bar-attributes .notation-note-attr-scale-btn{min-width:1.65rem;padding:.16rem .28rem;font-size:.85rem;line-height:1;border-radius:5px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#ffffffeb;cursor:pointer}.side-menu-bar-attributes .notation-note-attr-scale-btn:hover{background:#ffffff1a;border-color:#4fc3f773}.side-menu-bar-attributes .side-menu-bar-attrs-width-input{width:2.85rem;max-width:3.35rem;margin:0;text-align:center;padding:.22rem .25rem;font-size:.78rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--color-text);box-sizing:border-box;-moz-appearance:textfield}.side-menu-bar-attributes .side-menu-bar-attrs-width-input::-webkit-outer-spin-button,.side-menu-bar-attributes .side-menu-bar-attrs-width-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.side-menu-bar-attributes .side-menu-bar-attrs-width-input:focus{outline:none;border-color:#4fc3f78c}.side-menu-text-format{flex-shrink:0;max-height:min(42vh,380px);overflow-x:hidden;overflow-y:auto;padding:.65rem .85rem .85rem;border-bottom:1px solid rgba(255,255,255,.1);background:var(--color-popup-panel-header);-webkit-overflow-scrolling:touch}.side-menu>.side-menu-text-format,.side-menu>.side-menu-note-attributes,.side-menu>.side-menu-bar-attributes,.side-menu>.side-menu-staff-free-text-panel,.side-menu>.side-menu-text-tools-panel{background:var(--color-popup-panel-header)!important}.side-menu-text-format[hidden]{display:none!important}.side-panel-section-title{margin:0 0 .45rem;font-size:.8rem;font-weight:600;color:#ffffffeb;letter-spacing:.02em}.side-panel-text-tool-mode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.side-panel-text-tool-mode-btn{position:relative;min-height:2.2rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#00000029;color:#ffffffd1;cursor:pointer}.side-panel-text-tool-mode-btn:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background-position:center;background-repeat:no-repeat;background-size:contain}.side-panel-text-tool-mode-btn--text:before{background-image:url(../icons/cursor-flyout-text.png)}.side-panel-text-tool-mode-btn--lyrics:before{content:"Ly";top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:none;font-family:var(--font-menu, inherit);font-size:.78rem;font-weight:800;letter-spacing:-.02em}.side-panel-text-tool-mode-btn--chord-diagram:before{content:"G";top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:none;font-family:var(--font-menu, inherit);font-size:.8rem;font-weight:850}.notation-chord-diagram-modal{width:min(340px,calc(100vw - 32px))}.notation-chord-diagram-field{display:grid;gap:.35rem;margin-top:.75rem;font-size:.82rem;color:#ffffffe0}.notation-chord-diagram-field input{min-height:2.1rem;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#00000047;color:#fff}.notation-chord-diagram-string-grid{display:flex;justify-content:center;gap:.28rem}.notation-chord-diagram-string-cell{display:grid;gap:.22rem;width:1.65rem;text-align:center;font-size:.72rem;color:#ffffffb3}.notation-chord-diagram-string-cell input{width:1.65rem;min-height:1.75rem;padding:.25rem .1rem;text-align:center;font-weight:700;text-transform:lowercase}.notation-chord-diagram-hint{margin-top:.55rem;font-size:.74rem;color:#ffffffa3}.notation-chord-diagram-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:1rem}.notation-chord-diagram-actions .danger{margin-right:auto}.side-panel-chord-diagram-editor{margin-top:.65rem}.side-panel-chord-diagram-delete-btn{width:100%;min-height:2rem;margin-top:.65rem;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#00000038;color:#ffffffdb;cursor:pointer}.side-panel-chord-diagram-delete-btn:hover{background:#ff50502e;color:#fff}.notation-lyric-input{transform:translate(-50%);text-align:center;padding:1px 4px;border-color:#4fc3f78c;background:#fffffff5;color:#111}.side-panel-text-tool-mode-btn--text-rect:before{top:9px;right:7px;bottom:9px;left:7px;border:2px solid currentColor;border-radius:2px}.side-panel-text-tool-mode-btn--text-circle:before{width:18px;height:18px;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid currentColor;border-radius:999px}.side-panel-text-tool-mode-btn--text-freehand:before{top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19 C10 6 15 25 21 14 S31 9 35 17' fill='none' stroke='rgba(255,255,255,0.88)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:28px 22px}.side-panel-text-tool-mode-btn:hover{background:#ffffff17;color:#fff}.side-panel-text-tool-mode-btn--active{border-color:#4fc3f78c;background:#4fc3f733;color:var(--color-accent)}.side-panel-lyric-verse-wrap{margin-top:.65rem}.side-panel-chord-diagram-hint{margin-top:.7rem;font-size:.74rem;line-height:1.35;color:#ffffffad}.side-panel-lyric-verse-label{margin-bottom:.35rem;font-size:.72rem;font-weight:650;color:#ffffffc7}.side-panel-lyric-verse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.side-panel-lyric-verse-btn{min-height:2.05rem;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#00000029;color:#ffffffd6;font-size:.82rem;font-weight:750;cursor:pointer}.side-panel-lyric-verse-btn:hover{background:#ffffff17;color:#fff}.side-panel-lyric-verse-btn--active{border-color:#4fc3f78c;background:#4fc3f733;color:var(--color-accent)}.side-panel-text-tool-controls-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:.35rem;margin-top:.65rem}.side-panel-text-tool-color-row{display:contents;margin-top:0}.side-panel-text-tool-color-row input[type=color]{width:100%;height:30px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0000002e;cursor:pointer}.side-panel-text-tool-stroke-row{display:contents;align-items:center;margin-top:0}.side-panel-text-tool-stroke-value{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:0 .3rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0000006b;color:#fff;font-family:var(--font-menu, inherit);font-size:.78rem;font-weight:600}.side-panel-text-tool-stroke-stepper{display:flex;flex-direction:column;justify-self:start;align-self:center;gap:1px}.side-panel-text-tool-stroke-btn{width:18px;height:12px;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:3px;background:#fffffff5;color:#263238;font-size:.74rem;line-height:1;cursor:pointer}.side-panel-text-tool-stroke-btn:hover{background:#fff;color:#000}.side-menu-panel-dismiss-row{display:flex;justify-content:flex-end;padding:0 16px 10px;margin:0 0 4px;border-bottom:1px solid rgba(255,255,255,.08)}.side-menu-panel-dismiss-btn{padding:.25rem .65rem!important;font-size:.8rem!important;min-height:auto!important;color:#ffffffbf!important;background:#0003!important;border-radius:6px!important}.side-menu-panel-dismiss-btn:hover:not(:disabled){color:#fff!important;background:#ffffff1f!important}.side-menu-title-format-header{margin:0 0 .35rem;font-size:.8rem;font-weight:600;color:#ffffffeb;letter-spacing:.02em}.side-menu-title-format-hint{margin:0 0 .6rem;font-size:.72rem;line-height:1.4;color:#ffffff8c}.side-menu-text-format .title-format-modal-preview-wrap{margin-top:.65rem;padding-top:.65rem}.side-menu-text-format .title-format-modal-row{grid-template-columns:minmax(0,6.75rem) 1fr;gap:.45rem .55rem}.side-menu-text-format .title-format-modal-row--presentation-icons{grid-template-columns:minmax(0,1fr);min-width:0}.side-menu-text-format .title-format-modal-select,.side-menu-text-format .title-format-modal-number,.side-menu-text-format .title-format-modal-color{max-width:none}.side-menu-title-position{margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.1)}.side-menu-title-element-row{margin:0 0 .6rem}.side-menu-title-element-select{width:100%;max-width:100%;padding:.4rem .45rem;font-size:.8125rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--color-text);box-sizing:border-box;cursor:pointer}.side-menu-title-element-select:focus{outline:none;border-color:#4fc3f78c}.side-menu-title-position-label{margin:0 0 .35rem;font-size:.72rem;color:#ffffff8c;letter-spacing:.02em}.side-menu-title-position-inputs{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem .65rem}.side-menu-title-position-inputs--cross{flex-direction:column;align-items:stretch;gap:.45rem}.side-menu-title-position--panel-match .side-menu-title-position-inputs--staff-free{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.35rem .45rem}.side-menu-title-position--panel-match .side-menu-title-position-side-actions{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;gap:5px;flex:0 0 2.55rem;width:2.55rem;min-width:2.55rem;min-height:0}.side-menu-title-position--panel-match .side-menu-title-position-side-actions>button{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.side-menu-title-position-cross{display:grid;grid-template-columns:minmax(2rem,2.35rem) minmax(4.5rem,1fr) minmax(2rem,2.35rem);grid-template-rows:auto auto auto auto;align-items:center;justify-items:center;gap:4px 8px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#00000038;box-sizing:border-box;width:100%;max-width:13.5rem;margin:0 auto}.side-menu-title-position-cross__up{grid-column:2;grid-row:1}.side-menu-title-position-cross__left{grid-column:1;grid-row:2 / 4;align-self:center}.side-menu-title-position-cross__stack{grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%;min-width:0}.side-menu-title-position-cross__stack .side-menu-title-position-number{width:100%;min-width:4.25rem;text-align:center}.side-menu-title-position-cross__right{grid-column:3;grid-row:2 / 4;align-self:center}.side-menu-title-position-cross__down{grid-column:2;grid-row:4}.side-menu-title-position-nudge--cross{min-width:2.15rem;min-height:1.65rem;padding:.2rem .45rem;font-size:.72rem;border-radius:6px}.side-menu-title-position-cross .side-menu-title-position-number{-moz-appearance:textfield}.side-menu-title-position-cross .side-menu-title-position-number::-webkit-outer-spin-button,.side-menu-title-position-cross .side-menu-title-position-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.side-menu-title-position--panel-match .side-menu-title-position-cross{flex-shrink:0;align-self:flex-start;max-width:none;width:auto;margin:0;grid-template-columns:minmax(1.65rem,1.85rem) minmax(3rem,4.15rem) minmax(1.65rem,1.85rem);grid-template-rows:auto auto auto auto;padding:7px 8px;gap:3px 5px}.side-menu-title-position--panel-match .side-menu-title-position-cross__stack .side-menu-title-position-number{min-width:0;width:100%;max-width:4.1rem;padding:.22rem .18rem;font-size:.75rem}.side-menu-title-position--panel-match .side-menu-title-position-nudge--cross{min-width:1.72rem;min-height:1.38rem;padding:.12rem .28rem;font-size:.62rem;border-radius:5px}.side-menu-title-position--panel-match.side-menu-title-position--title-side .side-menu-title-position-cross{grid-template-columns:minmax(1.65rem,1.85rem) minmax(3.35rem,5.35rem) minmax(1.65rem,1.85rem)}.side-menu-title-position--panel-match.side-menu-title-position--title-side .side-menu-title-position-cross__stack .side-menu-title-position-number{max-width:5.35rem}.side-menu-title-position--panel-match .side-menu-title-position-side-actions .side-menu-title-position-reset{padding:.12rem .2rem;font-size:.62rem;line-height:1.15;white-space:nowrap}.side-menu-title-position--panel-match .side-menu-title-position-preset{padding:.22rem .32rem;font-size:.64rem;line-height:1.2;text-align:center}.side-menu-title-position--panel-match .side-menu-title-position-side-actions .side-menu-title-position-preset--icon{padding:.1rem;font-size:0;line-height:0;box-sizing:border-box;overflow:visible}.side-menu-title-position--panel-match .side-menu-title-position-side-actions .side-menu-title-position-preset--icon img{display:block;width:auto;height:auto;max-width:82%;max-height:82%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}.side-menu-title-position-field{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin:0}.side-menu-title-position-field-label{font-size:.72rem;color:#ffffff8c;letter-spacing:.02em}.side-menu-title-position-number{width:3.5rem;padding:.3rem .35rem;font-size:.8125rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--color-text);box-sizing:border-box}.side-menu-title-position-number:focus{outline:none;border-color:#4fc3f78c}.side-menu-title-position-vert-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.side-menu-title-position-vert-wrap .side-menu-title-position-number{-moz-appearance:textfield}.side-menu-title-position-vert-wrap .side-menu-title-position-number::-webkit-outer-spin-button,.side-menu-title-position-vert-wrap .side-menu-title-position-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.side-menu-title-position-nudge{flex-shrink:0;padding:.12rem .4rem;min-width:2rem;font-size:.65rem;line-height:1.15;font-family:inherit;border-radius:4px;border:1px solid rgba(255,255,255,.22);background:#00000047;color:#ffffffe0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.side-menu-title-position-nudge:hover{background:#ffffff1a;border-color:#ffffff59;color:#fff}.side-menu-title-position-nudge:focus-visible{outline:2px solid rgba(79,195,247,.55);outline-offset:2px}.side-menu-title-position-nudge-icon{display:inline-block;line-height:1;transform-origin:50% 50%}.side-menu-title-position-nudge-icon--x-left,.side-menu-title-position-nudge-icon--x-right{transform:rotate(-90deg)}.side-menu-title-position-reset{padding:.3rem .5rem;font-size:.75rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#00000040;color:#ffffffd9;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.side-menu-title-position-reset:hover{background:#ffffff1a;border-color:#ffffff59;color:#fff}.side-menu-title-position-reset:focus-visible{outline:2px solid rgba(79,195,247,.55);outline-offset:2px}.side-menu-content{flex:1;min-height:0;padding:20px 0;overflow-y:auto}.side-menu-content .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;border:none;border-radius:0}.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:.5rem;background:var(--color-surface);border-radius:8px;border:1px solid #3B474E}.notation-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;padding-left:2.5rem;padding-right:2.5rem}.notation-area.notation-area--project-opening{position:relative}.project-open-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:all;background:#0f171e61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-open-loading-overlay[hidden]{display:none!important}.project-open-loading-overlay__msg{margin:0;padding:12px 20px;border-radius:12px;background:#263238f5;border:1px solid rgba(79,195,247,.38);color:#ffffffeb;font-family:var(--font-menu);font-size:.95rem;font-weight:600;box-shadow:0 10px 28px #00000047}#notation-container{flex:1;position:relative;z-index:0;display:flex;flex-direction:column;align-items:stretch;overflow:auto;scroll-behavior:auto;background:transparent;padding:0;margin:0;min-width:0;max-width:none;width:100%;min-height:0}#notation-container.notation-container--score-preparing{visibility:hidden}.notation-sheet-zoom-spacer{position:relative;flex:0 0 auto;align-self:center;box-sizing:border-box}.notation-sheet-zoom-root{min-width:210mm;max-width:none;width:max-content;min-height:297mm;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:1rem 2rem 2rem;margin:0;box-sizing:border-box}.notation-sheet-zoom-root #notation-canvas-wrap{flex:0 0 auto;width:max-content;max-width:none;align-self:flex-start;overflow:visible}.notation-sheet-zoom-root .notation-zoom-inner{flex:0 0 auto;width:max-content;max-width:none}.notation-area.notation-area--notation-focused .header-actions,.notation-area.notation-area--notation-focused .edit-mode-ribbon,.notation-area.notation-area--notation-focused #audio-panel,.notation-area.notation-area--notation-focused #audio-lists-wrap,body.app--new-project-welcome #toolbar-container,body.app--new-project-welcome .side-menu{display:none!important}.notation-area.notation-area--new-welcome .header-actions>:not(.header-toolbar),.notation-area.notation-area--new-welcome .header-actions .header-toolbar>:not(.header-file-browser-btn){display:none!important}.notation-area.notation-area--new-welcome .edit-mode-ribbon,.notation-area.notation-area--new-welcome #audio-panel,.notation-area.notation-area--new-welcome #audio-lists-wrap,.notation-area.notation-area--new-welcome #notation-container{display:none!important}.new-project-playground{flex:1;min-height:min(70vh,640px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.new-project-playground[hidden]{display:none!important}.new-project-playground-inner{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:1.25rem;max-width:1100px;width:100%}.new-project-card{flex:1 1 240px;max-width:340px;min-height:200px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.65rem;cursor:pointer;font-family:var(--font-menu);color:var(--color-text);background:linear-gradient(155deg,#455a64b8,#323c44d1 45%,#263238eb);border:1px solid rgba(79,195,247,.14);border-radius:16px;box-shadow:0 12px 40px #151c2073,inset 0 1px #4fc3f714;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease,background .2s ease}.new-project-card:not(.new-project-card--import-bg):not(.new-project-card--audio-bg):not(.new-project-card--empty-bg):hover{border-color:var(--color-accent-border);box-shadow:0 16px 48px #151c208c,0 0 28px #4fc3f71f,inset 0 1px #4fc3f724;transform:translateY(-2px);background:linear-gradient(155deg,#4fc3f724,#455a64c7 28%,#323c44e0 55%,#263238f5)}.new-project-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.new-project-card-title{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.new-project-card-sub{font-size:.88rem;font-weight:400;color:var(--color-text-muted);line-height:1.4;max-width:22rem}.new-project-card--import-bg,.new-project-card--audio-bg,.new-project-card--empty-bg{position:relative;overflow:hidden;min-height:220px;padding:0;justify-content:flex-end;background-color:var(--color-bg-gradient-end);background-size:cover;background-position:center;background-repeat:no-repeat}.new-project-card--import-bg{background-image:linear-gradient(180deg,#4fc3f72e,#4fc3f712 42%,#455a6433),url(../new-project-import-notation.png)}.new-project-card--audio-bg{background-image:linear-gradient(180deg,#4fc3f72e,#4fc3f712 42%,#455a6433),url(../new-project-audio-icon.png)}.new-project-card--empty-bg{background-image:linear-gradient(180deg,#4fc3f72e,#4fc3f712 42%,#455a6433),url(../new-project-empty-score.png)}.new-project-card--import-bg:before,.new-project-card--audio-bg:before,.new-project-card--empty-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,#263238d1,#26323847 44%,#455a640f);pointer-events:none}.new-project-card--import-bg .new-project-card-title--on-image,.new-project-card--audio-bg .new-project-card-title--on-image,.new-project-card--empty-bg .new-project-card-title--on-image{position:relative;z-index:1;margin:0;padding:1.25rem 1.25rem 1.35rem;width:100%;align-self:stretch;text-align:center;color:var(--color-text);text-shadow:0 1px 4px rgba(21,28,32,.9),0 0 18px rgba(79,195,247,.2)}.new-project-card--import-bg:hover{transform:translateY(-2px);border-color:var(--color-accent-border);box-shadow:0 16px 48px #151c208c,0 0 28px #4fc3f724,inset 0 1px #4fc3f71f;background-image:linear-gradient(180deg,#4fc3f742,#4fc3f71a 40%,#455a6424),url(../new-project-import-notation.png);background-color:var(--color-popup-panel)}.new-project-card--audio-bg:hover{transform:translateY(-2px);border-color:var(--color-accent-border);box-shadow:0 16px 48px #151c208c,0 0 28px #4fc3f724,inset 0 1px #4fc3f71f;background-image:linear-gradient(180deg,#4fc3f742,#4fc3f71a 40%,#455a6424),url(../new-project-audio-icon.png);background-color:var(--color-popup-panel)}.new-project-card--empty-bg:hover{transform:translateY(-2px);border-color:var(--color-accent-border);box-shadow:0 16px 48px #151c208c,0 0 28px #4fc3f724,inset 0 1px #4fc3f71f;background-image:linear-gradient(180deg,#4fc3f742,#4fc3f71a 40%,#455a6424),url(../new-project-empty-score.png);background-color:var(--color-popup-panel)}#app.app--notation-view-mode #toolbar-container{pointer-events:none;opacity:1}#app.app--notation-view-mode #toolbar-container .side-menu>*:not(.side-menu-header){opacity:.52}#app.app--notation-view-mode #toolbar-container .side-menu-header,#app.app--notation-view-mode .header-actions{pointer-events:auto;opacity:1}#app.app--notation-view-mode .header-actions .header-toolbar>*:not(.header-interaction-mode-toggle):not(.header-file-browser-btn):not(.header-file-dropdown):not(.header-view-dropdown){opacity:.52;pointer-events:none}#app.app--notation-view-mode .header-actions .header-toolbar .header-file-dropdown,#app.app--notation-view-mode .header-actions .header-toolbar .header-view-dropdown{opacity:.52;pointer-events:auto}#app.app--notation-view-mode .header-actions .header-interaction-mode-toggle{background:transparent;pointer-events:auto;opacity:1}#app.app--notation-view-mode .header-actions .header-file-browser-btn{pointer-events:auto;opacity:1}#app.app--notation-view-mode .header-actions .remote-input-host{opacity:.52;pointer-events:none}#app.app--notation-view-mode .notation-timesig-bar,#app.app--notation-view-mode .audio-waveform-toolbar{pointer-events:none;opacity:.52}#app.app--notation-view-mode .notation-measure-symbols-panel{pointer-events:none;opacity:.45}#notation-container[hidden]{display:none!important}#notation-container:focus,#notation-container:focus-within{outline:none}.notation-head-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13000;background:var(--color-popup-backdrop)}.notation-head-popover{font-family:var(--font-sans);position:fixed;z-index:13001;width:min(340px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 24px));overflow:auto;transform:translate(-50%,-50%);padding:0;border-radius:12px;background:var(--color-popup-panel);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000073;font-size:.9rem;color:var(--color-text)}.notation-head-popover--timesig{width:min(400px,calc(100vw - 24px))}.notation-head-popover--key-signature{width:min(420px,calc(100vw - 24px))}.notation-head-popover-section{display:flex;flex-direction:column;gap:.45rem}.notation-head-popover-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0}.notation-head-popover-ts-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;align-items:end}.notation-head-popover-ts-meta-row--single{grid-template-columns:1fr}.notation-head-popover-labeled-select{display:flex;flex-direction:column;gap:.35rem;min-width:0}.notation-head-popover-inline-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);margin:0}.notation-head-popover-select{width:100%;box-sizing:border-box;padding:.5rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-family:inherit;font-size:.88rem;background:#1f252a;color:var(--color-text);cursor:pointer}.notation-head-popover-select:focus{outline:none;border-color:var(--color-accent)}.notation-head-popover-title{font-weight:600;font-size:1.05rem;margin:0;padding:.85rem 1rem;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.1);background:var(--color-popup-panel-header);color:var(--color-text)}.notation-head-popover-body{display:flex;flex-direction:column;gap:.85rem;padding:1rem}.notation-head-popover-check{display:flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:var(--color-text-muted)}.notation-head-popover-check input{margin:0;accent-color:var(--color-accent)}.notation-head-popover-check.is-disabled,.notation-head-popover-check:has(input:disabled){opacity:.45;cursor:not-allowed}.notation-head-popover-following-ts{margin:0;font-size:.84rem;line-height:1.4;color:var(--color-text);font-weight:500}.notation-head-popover-hint{margin:0;font-size:.85rem;line-height:1.45;color:var(--color-text-muted)}.notation-head-popover-field-label{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;color:var(--color-text-muted)}.notation-head-popover-ts-field{display:flex;flex-direction:column;gap:.35rem}.notation-head-popover-ts-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.notation-head-popover-ts-num{width:4.25rem;min-width:0;box-sizing:border-box;padding:.55rem .5rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-family:inherit;font-size:.95rem;background:#1f252a;color:var(--color-text)}.notation-head-popover-ts-num:focus{outline:none;border-color:var(--color-accent)}.notation-head-popover-ts-num[aria-invalid=true]{border-color:#ef5350}.notation-head-popover-ts-slash{font-size:1.15rem;font-weight:600;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.notation-head-popover-scope{display:flex;flex-direction:column;gap:.45rem;margin-top:.15rem}.notation-head-popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.notation-head-popover-grid--clef{grid-template-columns:1fr}.notation-head-popover-grid--key-signature{grid-template-columns:repeat(3,minmax(0,1fr))}.notation-head-popover-btn{padding:.45rem .55rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#3a4550;color:var(--color-text);font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.notation-head-popover-btn:hover{background:#45525e;border-color:#ffffff47}.notation-head-popover-btn.active{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-text);font-weight:600;box-shadow:0 0 0 1px #4fc3f71f}.notation-head-popover-clef-btn{display:flex;align-items:center;gap:.75rem;text-align:left;padding:.55rem .65rem}.notation-head-popover-clef-icon{font-family:Noto Music,Bravura,serif;font-size:1.85rem;line-height:1;color:var(--color-accent);flex-shrink:0;width:2.6rem;display:flex;align-items:center;justify-content:center}.notation-head-popover-clef-label{flex:1;min-width:0;line-height:1.35}.notation-head-popover-key-btn{display:flex;flex-direction:column;gap:.2rem;min-height:3.35rem;justify-content:center;text-align:center}.notation-head-popover-key-name{font-size:.92rem;font-weight:600}.notation-head-popover-key-hint{font-size:.76rem;color:var(--color-text-muted)}.notation-head-popover-ts-input{width:100%;box-sizing:border-box;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-family:inherit;font-size:.95rem;background:#1f252a;color:var(--color-text)}.notation-head-popover-ts-input::placeholder{color:var(--color-text-muted)}.notation-head-popover-ts-input:focus{outline:none;border-color:var(--color-accent)}.notation-head-popover-ts-input[aria-invalid=true]{border-color:#ef5350;outline:none}.notation-head-popover-btn--apply{width:100%;margin-top:.15rem;padding:.55rem .85rem;font-size:.92rem}.notation-head-popover-btn--primary{background:var(--color-accent);color:var(--color-accent-on);border-color:var(--color-accent);font-weight:600}.notation-head-popover-btn--primary:hover{background:#66c9f7;border-color:#66c9f7;color:var(--color-accent-on)}.notation-title-block{position:relative;flex-shrink:0;width:100%;min-height:0;padding:.1rem 0 .32rem;box-sizing:border-box;overflow:visible;--notation-title-placeholder-color: rgba(0, 0, 0, .38)}.notation-title-block[hidden]{display:none!important}.notation-title-movable{display:flex;justify-content:center;width:100%;min-width:0;overflow:visible}.notation-title-field-movable{position:relative;display:flex;justify-content:center;width:100%;min-width:0;will-change:transform}.notation-title-field-movable[hidden],.notation-title-tempo-wrap[hidden],.notation-title-meta-row[hidden]{display:none!important}.notation-title-meta-col-arranger{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.08rem;overflow:visible;padding-left:.25rem;box-sizing:border-box}.notation-title-meta-col-arranger>.notation-title-field-movable[data-wn-title-field=arranger]{width:100%;max-width:100%;justify-content:flex-start}.notation-title-meta-row>.notation-title-field-movable[data-wn-title-field=composer]{flex:1 1 0;min-width:0;justify-content:flex-end}.notation-title-layout{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;margin:0;gap:.06rem;overflow:visible}.notation-title-meta-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;min-width:0;margin-top:.1rem;padding:0 2rem;box-sizing:border-box;overflow:visible}.notation-title-field-movable .notation-title-credit{flex:0 1 auto;min-width:0;max-width:100%}.notation-title-field-movable>.notation-title-input-wrap,.notation-title-field-movable>.notation-title-subtitle-wrap,.notation-title-field-movable>.notation-title-custom-wrap{position:relative;width:fit-content;max-width:100%;box-sizing:border-box}.notation-title-field-movable>.notation-title-credit{position:relative;width:fit-content;max-width:100%;box-sizing:border-box}.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap:has(.notation-title-input:focus):after,.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap:has(.notation-title-input:focus-visible):after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:.06rem;width:var(--wn-title-line-w, 0px);max-width:calc(100% - .7rem);height:3px;background:#ff803ac7;pointer-events:none}.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap .notation-title-input{width:100%;max-width:100%;min-width:0;text-decoration:none}.notation-title-field-movable>.notation-title-input-wrap .notation-title-input{width:auto;min-width:12rem;max-width:36rem;margin:0}.notation-title-field-movable>.notation-title-subtitle-wrap .notation-title-subtitle-input{width:auto;min-width:10rem;max-width:34rem;margin:0}.notation-title-field-movable>.notation-title-custom-wrap .notation-title-custom-input{width:auto;min-width:10rem;max-width:36rem;margin:0}.notation-title-field-movable[data-wn-title-field=arranger]>.notation-title-credit,.notation-title-field-movable[data-wn-title-field=composer]>.notation-title-credit{width:100%;max-width:100%}.notation-title-field-movable>.notation-title-credit .notation-title-arranger-input,.notation-title-field-movable>.notation-title-credit .notation-title-composer-input{display:block;width:100%;min-width:0;max-width:100%;min-height:calc(2.6em + .28rem);resize:vertical}.notation-title-credit--composer{display:flex;justify-content:flex-end}.notation-title-arranger-input,.notation-title-composer-input{width:100%;max-width:100%;margin:0;padding:.12rem .2rem;box-sizing:border-box;border:none;background:transparent;line-height:1.3;color:#000}.notation-title-arranger-input{text-align:left}.notation-title-composer-input{text-align:right}.notation-title-arranger-input::placeholder,.notation-title-composer-input::placeholder{color:var(--notation-title-placeholder-color, rgba(0, 0, 0, .38))}.notation-title-arranger-input,.notation-title-arranger-input:focus,.notation-title-arranger-input:focus-visible,.notation-title-composer-input,.notation-title-composer-input:focus,.notation-title-composer-input:focus-visible,.notation-title-subtitle-input,.notation-title-subtitle-input:focus,.notation-title-subtitle-input:focus-visible,.notation-title-custom-input,.notation-title-custom-input:focus,.notation-title-custom-input:focus-visible,.notation-title-input,.notation-title-input:focus,.notation-title-input:focus-visible{outline:none;box-shadow:none}.notation-title-arranger-input:focus,.notation-title-arranger-input:focus-visible,.notation-title-composer-input:focus,.notation-title-composer-input:focus-visible,.notation-title-subtitle-input:focus,.notation-title-subtitle-input:focus-visible,.notation-title-custom-input:focus,.notation-title-custom-input:focus-visible{outline:none;caret-color:#dc691c;caret-shape:block;caret-width:3px;field-sizing:content;width:fit-content!important;max-width:100%!important;min-width:7ch;box-sizing:border-box;box-shadow:inset 0 -3px #ff803ac7;text-decoration:none}.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap .notation-title-input:focus,.notation-title-field-movable[data-wn-title-field=title]>.notation-title-input-wrap .notation-title-input:focus-visible{field-sizing:unset;width:100%!important;max-width:100%!important;min-width:0;box-shadow:none!important;text-decoration:none;caret-color:#dc691c;caret-shape:block;caret-width:3px}.notation-title-subtitle-wrap{display:flex;justify-content:center;width:100%;margin:0}.notation-title-tempo-wrap{position:relative;width:100%;margin:calc(20px + .04rem) 0 .06rem;flex-shrink:0;font-size:1.05rem;-webkit-user-select:none;user-select:none;pointer-events:auto;outline:none}.notation-title-tempo-wrap:focus-visible{outline:none;box-shadow:none}.notation-title-tempo-inner{position:relative;display:flex;justify-content:center;align-items:baseline;gap:.12em;width:max-content;max-width:100%;margin:0 auto;flex-shrink:0;color:#000;font-size:inherit}.notation-title-meta-col-arranger .notation-title-tempo-inner{margin-left:0;margin-right:0;justify-content:flex-start}.notation-title-meta-col-arranger .notation-title-tempo-wrap{width:auto;max-width:100%;align-self:flex-start;margin-top:20px}.notation-title-tempo-inner .notation-title-field-position-handle{left:auto;right:100%;margin-right:5px}.notation-title-meta-col-arranger .notation-title-tempo-inner .notation-title-field-position-handle{left:100%;right:auto;margin-left:6px;margin-right:0}.notation-title-tempo-symbol{font-family:Noto Music,Bravura,serif;font-size:1.88em;line-height:1;position:relative;top:.08em}.notation-title-tempo-equals{font-weight:500;opacity:.88}.notation-title-tempo-value{font-family:var(--font-sans);font-weight:600;font-variant-numeric:tabular-nums}.notation-title-subtitle-input{width:100%;max-width:34rem;margin:0 auto;padding:.04rem .35rem;box-sizing:border-box;border:none;background:transparent;line-height:1.28;text-align:center;color:#000}.notation-title-subtitle-input::placeholder{color:var(--notation-title-placeholder-color, rgba(0, 0, 0, .38))}.notation-title-custom-lines{display:flex;flex-direction:column;gap:.15rem;width:100%;margin-top:.06rem}.notation-title-custom-wrap{display:flex;justify-content:center;width:100%}.notation-title-custom-input{width:100%;max-width:36rem;margin:0 auto;padding:.15rem .45rem;box-sizing:border-box;border:none;background:transparent;font-family:var(--font-sans);font-size:22px;font-weight:500;line-height:1.3;text-align:center;color:#000}.notation-title-custom-input::placeholder{color:var(--notation-title-placeholder-color, rgba(0, 0, 0, .38));font-weight:400}.notation-title-field-position-handle{position:absolute;top:50%;z-index:6;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;margin:0;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#ffffffeb;color:#37474fbf;cursor:grab;box-shadow:0 1px 3px #0000000f;transition:color .15s ease,border-color .15s ease,background .15s ease;transform:translateY(-50%)}.notation-title-input-wrap .notation-title-field-position-handle,.notation-title-subtitle-wrap .notation-title-field-position-handle,.notation-title-custom-wrap .notation-title-field-position-handle,.notation-title-credit--arranger .notation-title-field-position-handle{left:auto;right:100%;margin-right:5px}.notation-title-credit--composer .notation-title-field-position-handle{left:100%;right:auto;margin-left:5px}.notation-title-field-position-handle:hover{color:var(--color-accent, #4fc3f7);border-color:#4fc3f773;background:#fff}.notation-title-field-position-handle:active{cursor:grabbing}.notation-title-field-position-handle[hidden]{display:none!important}.notation-title-input-wrap{display:flex;justify-content:center;width:100%;margin:0 0 .12rem}.notation-title-input{width:100%;max-width:36rem;margin:0 auto;padding:.06rem .35rem;box-sizing:border-box;border:none;background:transparent;font-family:var(--font-sans);font-size:44px;font-weight:600;line-height:1.1;text-align:center;color:#000}.notation-title-input::placeholder{color:var(--notation-title-placeholder-color, rgba(0, 0, 0, .38));font-weight:500}.notation-timesig-bar{position:sticky;top:0;left:0;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem;flex-shrink:0}.notation-timesig-label{font-size:.85rem;color:var(--color-text-muted)}#notation-timesig-select{padding:.25rem .5rem;font-family:inherit;font-size:.9rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-accent-border);border-radius:4px;cursor:pointer}.notation-timesig-bar .notation-timesig-btn{padding:.25rem .5rem;font-family:inherit;font-size:.85rem;background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:4px;cursor:pointer}.notation-timesig-bar .notation-timesig-btn:hover{background:var(--color-accent-bg)}.toolbar-btn{padding:.5rem 1rem;font-family:inherit;font-size:.875rem;background:transparent;color:var(--color-accent);border:none;border-radius:8px;cursor:pointer}.toolbar-btn:hover:not(:disabled){background:var(--color-accent-hover)}.toolbar-drum-btn.active{background:var(--color-accent-hover)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.side-menu-content .toolbar-btn{width:100%;text-align:left;padding:15px 20px;background:transparent;color:#ffffffe6;border:none;border-left:4px solid transparent;border-radius:0;transition:background .3s ease,color .3s ease,transform .3s ease;margin:2px 0}.side-menu-content .toolbar-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:translate(5px)}.side-menu-content .toolbar-drum-btn.active{background:#fff3;border-left-color:var(--color-accent)}.toolbar-measure-buttons-wrap{display:flex;flex-direction:row;gap:0;align-items:stretch;width:100%}.side-menu-content .toolbar-measure-buttons-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;align-items:center;width:100%;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.12)}.toolbar-measure-btn:nth-child(1){margin-right:.35rem}.toolbar-measure-btn:nth-child(3){padding-right:.5rem}.toolbar-measure-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .1rem;background:transparent;color:var(--color-accent);border:none;border-radius:6px}.side-menu-content .toolbar-measure-buttons-wrap .toolbar-measure-btn:nth-child(1){margin-right:.35rem}.side-menu-content .toolbar-measure-buttons-wrap .toolbar-measure-btn:nth-child(3){padding-right:.5rem}.side-menu-content .toolbar-measure-buttons-wrap .toolbar-measure-btn{flex:0 0 auto;width:auto;min-width:0;justify-content:center;gap:.2rem;padding:8px 4px;background:transparent;color:#ffffffe6;border:none;border-left:3px solid transparent;border-radius:8px;transition:background .3s ease,color .3s ease,transform .3s ease}.side-menu-content .toolbar-measure-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:translate(5px);border-radius:8px}.toolbar-measure-btn:hover:not(:disabled){background:var(--color-accent-bg);border-radius:6px}.toolbar-measure-icon{display:inline-flex;align-items:center;gap:.15rem;color:inherit}.toolbar-measure-icon svg{flex-shrink:0}.toolbar-measure-icon .measure-plus{font-size:1.15rem;font-weight:600;line-height:1}.toolbar-label{font-size:.875rem;color:var(--color-text-muted)}.side-menu-content .toolbar-label{display:block;padding:15px 20px;color:#ffffffb3}.toolbar-dropdown{position:relative}.side-menu-content .toolbar-dropdown{width:100%}.toolbar-dropdown-trigger{display:flex;align-items:center;gap:.35rem;width:100%;padding:.4rem .6rem;font-family:inherit;font-size:.875rem;background:transparent;color:var(--color-text);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.side-menu-content .toolbar-dropdown-trigger{position:relative;padding:15px 20px;background:transparent;border:none;border-left:4px solid transparent;border-radius:0;color:#ffffffe6;text-align:left;margin:2px 0;width:100%;box-sizing:border-box}.side-menu-content .toolbar-dropdown-trigger:hover{color:#fff;background:#ffffff1a}.side-menu-content .toolbar-dropdown.is-open .toolbar-dropdown-trigger{background:#0000004d;margin-bottom:0}.side-menu-content .toolbar-dropdown.is-open .toolbar-dropdown-label{color:var(--color-accent)}.toolbar-dropdown-trigger:hover{background:#ffffff14}.toolbar-dropdown-label{font-size:.875rem;color:var(--color-text)}.toolbar-dropdown-chevron{margin-left:auto;font-size:.65rem;opacity:.8}.toolbar-dropdown-panel{margin-top:0;padding:.35rem;background:var(--color-popup-panel-header);border:none;border-radius:0;overflow:hidden}.toolbar-dropdown-panel[hidden]{display:none}.toolbar-text-menu-check-row{display:flex;align-items:center;gap:.55rem;padding:12px 16px;margin:0;cursor:pointer;color:#fffffff2;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar-text-menu-check-row:hover{background:#ffffff0f}.side-menu-content .toolbar-text-menu-check-row input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}.toolbar-text-menu-check-label{-webkit-user-select:none;user-select:none}.toolbar-text-menu-title-row{display:flex;align-items:center;gap:.35rem;padding:12px 16px;margin:0;border-bottom:1px solid rgba(255,255,255,.1);color:#fffffff2;font-size:.875rem}.toolbar-text-menu-title-row:hover{background:#ffffff0f}.toolbar-text-menu-title-row .toolbar-text-menu-check-row--title{flex:1;min-width:0;padding:0;margin:0;border:none;cursor:pointer}.toolbar-text-format-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:6px;background:transparent;color:#fffc;cursor:pointer;transition:color .15s,background .15s}.toolbar-text-format-btn:hover{color:#fff;background:#ffffff1f}.toolbar-text-format-btn svg{display:block}.toolbar-text-menu-text-styles-row{padding:0 12px 12px;margin:0;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar-text-menu-text-styles-btn{width:100%;justify-content:center}.toolbar-bars-measure-row{display:flex;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar-bars-measure-row .toolbar-measure-buttons-wrap{display:flex;gap:.25rem}.toolbar-bars-notation-head-row{display:flex;flex-wrap:nowrap;gap:.35rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar-bars-notation-head-btn{flex:1;min-width:0;justify-content:center;align-items:center;padding:.35rem .4rem!important}.toolbar-bars-ts-bravura{font-family:Bravura,Noto Music,serif;line-height:1}.toolbar-bars-ts-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.02em}.toolbar-bars-ts-digit{font-size:1.35rem;display:block}.toolbar-bars-clef-glyph{font-size:2rem;display:block;transform:translateY(.06em)}.toolbar-bars-mmr-row{display:flex;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar-bars-mmr-btn{flex:1;display:flex;justify-content:center;align-items:center;min-height:2.65rem;padding:.45rem .55rem!important}.toolbar-bars-mmr-glyph{font-size:2.15rem;line-height:1;display:block;text-align:center}.toolbar-popup-section-title{margin:.75rem 0 .35rem;padding:0 20px .35rem;font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar-popup-section-hint{margin:0 0 .45rem;padding:0 .15rem;font-size:.72rem;line-height:1.35;color:#ffffff8c;max-width:22rem}.toolbar-popup-section-title:first-child{margin-top:0}.toolbar-repeats-grid{grid-template-columns:repeat(5,1fr)}.toolbar-repeat-btn{font-size:.8rem;padding:.4rem .5rem;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.toolbar-repeat-symbol{font-family:Noto Music,serif;font-size:2em;line-height:1;display:inline-flex;align-items:center;justify-content:center}.toolbar-repeat-symbol--bravura{font-family:Bravura,serif;font-size:2.2em}.toolbar-repeat-btn--bracket .toolbar-repeat-symbol--bravura{transform:translateY(.42em)}.toolbar-repeat-symbol svg{width:1.2em;height:1.6em;flex-shrink:0}.toolbar-repeat-btn--symbol-only .toolbar-repeat-symbol svg{width:2em;height:2.5em}.toolbar-repeat-btn--symbol-only{justify-content:center;padding:.35rem}.toolbar-dropdown-panel .toolbar-repeat-btn--symbol-only{padding:.35rem}.toolbar-bars-width-row{display:flex;align-items:center;gap:.35rem;padding:.55rem .35rem .3rem;border-top:1px solid rgba(255,255,255,.12)}.toolbar-bars-width-label{min-width:4.6rem;font-size:.78rem;color:#ffffffe6}.toolbar-bars-width-step{min-width:1.7rem;min-height:1.7rem;padding:.1rem .25rem!important}.toolbar-bars-width-input{width:3.05rem;max-width:3.2rem;margin:0;text-align:center;padding:.2rem .25rem;font-size:.78rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#0003;color:var(--color-text);box-sizing:border-box;-moz-appearance:textfield}.toolbar-bars-width-input::-webkit-outer-spin-button,.toolbar-bars-width-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toolbar-bars-width-row--disabled{opacity:.6}.toolbar-articulation-btn{display:flex;align-items:center;justify-content:center}.toolbar-articulation-symbol{display:inline-flex;width:2.1rem;height:1.05rem;align-items:center;justify-content:center}.toolbar-articulation-symbol svg{width:100%;height:100%}.side-menu-content .toolbar-dropdown-panel .toolbar-repeat-btn--bracket{padding:.4rem!important;justify-content:center;text-align:center}.side-menu-content .toolbar-dropdown-panel .toolbar-repeat-btn--bracket .toolbar-repeat-symbol--bravura{transform:translateY(.42em)}.toolbar-popup-placeholder{margin:0;padding:.5rem 0;font-size:.85rem;color:var(--color-text-muted, rgba(255, 255, 255, .7))}.toolbar-popup-btn{display:block;width:100%;margin-top:.25rem;text-align:left;border-radius:0}.toolbar-bars-mmr-btn.toolbar-popup-btn{display:flex;justify-content:center;align-items:center;text-align:center}.side-menu-content .toolbar-dropdown-panel .toolbar-popup-btn,.side-menu-content .toolbar-dropdown-panel .toolbar-repeat-btn{position:relative;padding:10px 20px;font-size:14px;color:#ffffffe6;border-radius:6px;transition:all .3s ease}.side-menu-content .toolbar-dropdown-panel .toolbar-popup-btn:hover:not(:disabled),.side-menu-content .toolbar-dropdown-panel .toolbar-repeat-btn:hover:not(:disabled){color:#fff;background:transparent}.side-menu-content .toolbar-dropdown-panel .toolbar-popup-btn:hover:not(:disabled):before,.side-menu-content .toolbar-dropdown-panel .toolbar-repeat-btn:hover:not(:disabled):before{content:"";position:absolute;left:5px;right:5px;top:4px;bottom:4px;background:#ffffff1a;border-radius:6px;z-index:-1}.toolbar-dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-bottom:.25rem}.toolbar-dropdown-grid.toolbar-repeats-grid{grid-template-columns:repeat(5,1fr);gap:.08rem}.toolbar-dropdown-grid.toolbar-articulation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}.toolbar-dropdown-grid.toolbar-articulation-grid .toolbar-popup-btn{width:100%;margin-top:0;text-align:center}.toolbar-dropdown-grid.toolbar-dynamics-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.04rem;row-gap:0}.toolbar-dropdown-grid.toolbar-dynamics-grid .toolbar-dynamics-btn{min-height:1.28rem;padding-top:0;padding-bottom:0}.toolbar-dropdown-grid.toolbar-dynamics-grid .toolbar-dynamics-btn--hairpin{grid-column:span 1;min-height:1.12rem;padding-top:0;padding-bottom:0}.toolbar-dropdown-grid.toolbar-dynamics-grid .toolbar-popup-btn{width:100%;margin-top:0;text-align:center}.toolbar-dynamics-btn{font-family:Bravura,Noto Music,IBM Plex Sans,system-ui,sans-serif;font-weight:700;letter-spacing:.01em}.toolbar-dynamics-symbol{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:Bravura,Noto Music,IBM Plex Sans,system-ui,sans-serif;font-size:1.62rem;line-height:.72;letter-spacing:-.01em;transform:translateY(-.05em);opacity:.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.toolbar-dynamics-symbol.toolbar-dynamics-symbol--hairpin svg{width:100%;max-width:3rem;height:.78rem;display:block;color:var(--color-accent, #4fc3f7);overflow:visible}.toolbar-duration-grid{grid-template-columns:repeat(3,1fr)}.toolbar-duration-grid .toolbar-duration-icon{font-size:1.75rem}.toolbar-duration-grid .toolbar-dot-btn--inline{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.toolbar-duration-grid .toolbar-dot-btn--inline .toolbar-duration-icon{font-family:Bravura,Noto Music,serif;font-size:2.65rem;line-height:.72;transform:translateY(-.04rem)}.toolbar-notes-panel-section-title{margin-top:.55rem}.toolbar-rests-grid .toolbar-duration-icon{font-family:Bravura,Noto Music,serif;font-size:1.65rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.toolbar-tuplets-row{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:.5rem;padding:.12rem 0 .2rem}.toolbar-tuplets-row--under-notes{margin-top:.15rem}.toolbar-tuplets-row .toolbar-tuplet-btn{flex:1 1 0;min-width:0;max-width:5.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:transparent;color:var(--color-text-muted);border:none;border-radius:6px;cursor:pointer}.toolbar-tuplets-row .toolbar-tuplet-btn:hover{background:#ffffff0f;color:var(--color-text)}.toolbar-tuplets-row .toolbar-tuplet-btn--feedback-ok{outline:1px solid rgba(79,195,247,.9);box-shadow:0 0 0 2px #4fc3f738 inset}.toolbar-tuplets-row .toolbar-tuplet-btn--feedback-fail{outline:1px solid rgba(255,99,99,.9);box-shadow:0 0 0 2px #ff63632e inset}.toolbar-tuplet-symbol{display:inline-flex;align-items:center;justify-content:center}.toolbar-tuplet-symbol__svg{display:block;width:2.65rem;height:auto;max-height:1.05rem;color:inherit}.toolbar-beam-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0 .25rem}.toolbar-beam-toggle-btn{min-width:5.5rem;font-size:.82rem;font-weight:600}.toolbar-beam-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:1.85rem;color:inherit}.toolbar-beam-toggle-note{font-family:Noto Music,Bravura,serif;font-size:1.85rem;line-height:1;transform:translateY(.03rem)}.toolbar-beam-toggle-arrow{width:1.65rem;height:.8rem;margin-left:-.28rem;transform:translate(2px,calc(-.78rem - 1px));color:inherit}.toolbar-beam-toggle-btn--feedback-ok{outline:1px solid rgba(79,195,247,.9);box-shadow:0 0 0 2px #4fc3f738 inset}.toolbar-beam-toggle-btn--feedback-fail{outline:1px solid rgba(255,99,99,.9);box-shadow:0 0 0 2px #ff63632e inset}.toolbar-ntuplet-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12050;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-popup-backdrop)}.toolbar-ntuplet-modal{width:min(92vw,360px);box-sizing:border-box;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:var(--color-popup-panel);color:var(--color-text);box-shadow:0 18px 50px #00000059}.toolbar-ntuplet-modal h3{margin:0 0 .45rem;font-size:1.05rem}.toolbar-ntuplet-modal-hint{margin:0 0 .85rem;font-size:.88rem;line-height:1.4;color:var(--color-text-muted)}.toolbar-ntuplet-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.85rem}.toolbar-ntuplet-preset-btn,.toolbar-ntuplet-modal-btn{min-height:2.25rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:var(--color-text);font:inherit;cursor:pointer}.toolbar-ntuplet-preset-btn:hover,.toolbar-ntuplet-modal-btn:hover{background:#ffffff1a}.toolbar-ntuplet-preset-btn.selected{border-color:var(--color-accent);background:#4fc3f72e}.toolbar-ntuplet-custom-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.65rem}.toolbar-ntuplet-custom-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--color-text-muted)}.toolbar-ntuplet-custom-row input{width:100%;box-sizing:border-box;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#00000038;color:var(--color-text);font:inherit}.toolbar-ntuplet-custom-row input:focus{outline:none;border-color:var(--color-accent)}.toolbar-ntuplet-modal-error{margin:-.2rem 0 .65rem;font-size:.82rem;color:#ffb4b4}.toolbar-ntuplet-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.toolbar-ntuplet-modal-apply{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-on)}.toolbar-ntuplet-modal-apply:hover{background:#66c9f7}.toolbar-notehead-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:0;min-width:max-content}.toolbar-notehead-panel .toolbar-duration-btn{padding:.1rem .15rem}.toolbar-notehead-panel .toolbar-duration-icon{font-size:1.5rem}.toolbar-notehead-panel [data-notehead=n] .toolbar-duration-icon{font-size:2.4rem;transform:translateY(-10px)}.toolbar-notehead-panel [data-notehead=d] .toolbar-duration-icon{font-size:1.4rem}.toolbar-notehead-panel [data-notehead=x] .toolbar-duration-icon{font-size:1.2rem}.toolbar-notehead-panel [data-notehead=h] .toolbar-duration-icon{font-size:1.4rem}.toolbar-notehead-panel [data-notehead=m] .toolbar-duration-icon{font-size:1.6rem}.toolbar-notehead-panel [data-notehead=g] .toolbar-duration-icon{font-size:1.2rem}.toolbar-notehead-panel [data-notehead=s] .toolbar-duration-icon{font-size:1.5rem;display:inline-flex;align-items:center}.toolbar-notehead-panel [data-notehead=sq] .toolbar-duration-icon{font-size:2.1rem;transform:translateY(-4px)}.toolbar-notehead-panel [data-notehead=tu] .toolbar-duration-icon,.toolbar-notehead-panel [data-notehead=td] .toolbar-duration-icon{font-size:1.1rem}.toolbar-notehead-panel [data-notehead=ci] .toolbar-duration-icon{font-size:1.2rem;display:inline-flex;align-items:center;transform:translateY(4px)}.toolbar-notehead-panel [data-notehead=cx] .toolbar-duration-icon{font-size:1.4rem}.toolbar-notehead-panel [data-notehead=sf] .toolbar-duration-icon,.toolbar-notehead-panel [data-notehead=sb] .toolbar-duration-icon{font-size:1.5rem}.toolbar-dropdown-dot-row{display:flex;gap:3rem;margin-top:.25rem;padding-top:.2rem;border-top:1px solid rgba(255,255,255,.08)}.toolbar-dropdown-dot-row:not(.toolbar-accidental-row){position:relative;z-index:2;margin-top:.12rem;padding-top:.06rem;padding-bottom:.08rem;align-items:center}.toolbar-accidental-row{justify-content:center;align-items:center;gap:.6rem;position:relative;z-index:1;margin-top:.55rem;padding-top:.3rem}.toolbar-accidental-btn{box-sizing:border-box;height:2.9rem;max-height:2.9rem;padding:0 .35rem;min-width:0;width:auto;align-items:center;justify-content:center;display:inline-flex;overflow:hidden;flex-shrink:0}.toolbar-duration-btn{padding:.4rem .5rem;font-family:inherit;font-size:.8rem;font-weight:500;background:transparent;color:var(--color-text-muted);border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.toolbar-duration-icon{font-family:Noto Music,serif;font-size:1.35rem;line-height:1;display:inline-block}.toolbar-dropdown-dot-row .toolbar-dot-btn{box-sizing:border-box;padding:.06rem .55rem;min-width:0;max-height:3.35rem;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.toolbar-dropdown-dot-row:not(.toolbar-accidental-row)>.toolbar-dot-btn:first-child{margin-left:2.3rem;padding-left:.55rem}.toolbar-dropdown-dot-row:not(.toolbar-accidental-row)>.toolbar-dot-btn:last-child{padding-right:1.35rem;min-width:max-content}.toolbar-dropdown-dot-row .toolbar-dot-btn .toolbar-duration-icon{font-family:Bravura,Noto Music,serif;font-size:3.1rem;line-height:1;display:inline-block;white-space:nowrap}.toolbar-accidental-row .toolbar-accidental-icon.toolbar-duration-icon{font-family:Bravura,Noto Music,serif;font-size:2.5rem;line-height:1;display:flex;align-items:center;justify-content:center;max-height:100%}.toolbar-enharmonic-btn{min-width:5.5rem}.toolbar-enharmonic-btn .toolbar-accidental-icon.toolbar-duration-icon{font-family:Bravura,Noto Music,serif;font-size:1.65rem;gap:.1rem}.toolbar-enharmonic-btn--feedback-ok{outline:1px solid rgba(79,195,247,.9);box-shadow:0 0 0 2px #4fc3f738 inset}.toolbar-enharmonic-btn--feedback-fail{outline:1px solid rgba(255,99,99,.9);box-shadow:0 0 0 2px #ff63632e inset}.toolbar-notehead-box .toolbar-duration-btn{padding:.2rem .25rem}.toolbar-notehead-box .toolbar-duration-icon{font-size:1rem}.toolbar-duration-btn:hover{background:#ffffff0f;color:var(--color-text)}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn:hover{background:transparent;position:relative}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn:hover:before{content:"";position:absolute;left:12px;right:12px;top:2px;bottom:2px;background:#ffffff14;border-radius:6px;z-index:-1}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn.toolbar-dot-btn:hover{background:#ffffff14}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn.toolbar-dot-btn:hover:before{content:none}.toolbar-duration-btn.active{background:var(--color-accent);color:var(--color-bg)}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn.active,.side-menu-content .toolbar-dropdown-panel .toolbar-notehead-btn.active{position:relative;background:transparent;color:#ffffffe6;border-bottom:none}.side-menu-content .toolbar-dropdown-panel .toolbar-duration-btn.active:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:var(--color-accent)}.side-menu-content .toolbar-dropdown-panel .toolbar-notehead-btn.active:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;background:var(--color-accent)}.toolbar-select{padding:.35rem .5rem;font-family:inherit;font-size:.875rem;background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer}.toolbar-audio{cursor:pointer;font-size:.875rem;color:var(--color-text-muted)}.side-menu-content .toolbar-audio{display:block;padding:15px 20px;color:#ffffffe6;margin:2px 0;transition:background .3s ease,color .3s ease,transform .3s ease}.side-menu-content .toolbar-audio:hover{background:#ffffff1a;color:#fff;transform:translate(5px)}.toolbar-audio:hover{color:var(--color-accent)}.toolbar-audio-input{display:none}.notation-overflow-hint{display:none;margin-top:.75rem;padding:.6rem .9rem;font-size:.875rem;color:#b4532a;background:#fef3ed;border:1px solid #f0c9b0;border-radius:6px}.notation-overflow-hint.visible{display:block}#notation-canvas-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:auto;min-height:120px;cursor:default;scrollbar-width:none;-ms-overflow-style:none}#notation-canvas-wrap::-webkit-scrollbar{display:none;width:0;height:0}html.notation-rubber-band-drag,html.notation-rubber-band-drag body{user-select:none;-webkit-user-select:none}#notation-canvas-wrap .notation-measure-symbols-panel{position:absolute;top:2px;left:2px;z-index:20;display:flex!important;flex-direction:column!important;flex-wrap:nowrap;align-items:flex-start;gap:4px;padding:2px 6px;background:transparent;border:1px solid var(--color-accent-border);border-radius:6px;font-family:Bravura,sans-serif;font-size:1.75rem;max-width:calc(100% - 16px)}#notation-canvas-wrap .notation-measure-symbols-panel[hidden]{display:none}#notation-canvas-wrap .notation-measure-symbols-panel-btn{display:flex!important;align-items:center;width:100%;box-sizing:border-box;min-height:1.4em;padding:0 8px;background:transparent;border:none;color:var(--color-accent);border-radius:4px;cursor:pointer;font:inherit;font-size:1.75rem;line-height:1;text-align:left;vertical-align:middle}#notation-canvas-wrap .notation-measure-symbols-panel-btn:hover{color:#6dd5fa}#notation-canvas-wrap .notation-measure-symbols-panel-btn--bracket{transform:translateY(.42em)}#notation-canvas-wrap .notation-measure-symbols-panel-btn--mmr{flex-direction:column;align-items:flex-start;padding:2px 8px 4px}#notation-canvas-wrap .notation-measure-symbols-mmr-inner{display:flex;flex-direction:row;align-items:center;width:100%}#notation-canvas-wrap .notation-measure-symbols-mmr-stack{display:flex;flex-direction:column;align-items:center;line-height:1;gap:.05em}#notation-canvas-wrap .notation-measure-symbols-mmr-count{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.68rem;font-weight:700;color:inherit;line-height:1}#notation-canvas-wrap .notation-measure-symbols-mmr-glyph{font-family:Bravura,Noto Music,sans-serif;font-size:1.65rem;line-height:1}#notation-canvas-wrap .notation-measure-symbols-panel-btn--dots{font-family:Bravura,Noto Music,serif;font-size:1.65rem;letter-spacing:.02em;flex-direction:row;flex-wrap:nowrap;gap:.35em;justify-content:flex-start}#notation-canvas-wrap .notation-measure-symbols-panel-btn--dots-selected{background:#4a9eff38;border-radius:4px}#notation-canvas-wrap .notation-measure-symbols-panel-btn--dots-selected:hover{background:#4a9eff52}#notation-canvas-wrap .notation-measure-symbols-panel-btn--dots:disabled{opacity:.42;cursor:not-allowed;color:var(--color-text-muted)}#notation-canvas-wrap .notation-measure-dots-glyph-cluster{display:inline-flex;flex-direction:row;align-items:center;gap:.28em;flex:0 1 auto;min-width:min-content}#notation-canvas-wrap .notation-measure-dots-selection-marker{display:inline-block;width:4px;height:1em;max-height:1.1em;border-radius:2px;background:var(--color-accent, #4a9eff);box-shadow:0 0 0 1px #ffffff59;flex-shrink:0}#notation-canvas-wrap .notation-measure-dots-btn-inner{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.35em;width:100%;min-width:0}#notation-canvas-wrap .notation-measure-dots-index{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700;line-height:1;min-width:1em;text-align:center;flex-shrink:0;color:var(--color-accent, #4a9eff)}#notation-canvas-wrap .notation-measure-dots-glyphs{flex:0 0 auto;min-width:min-content;white-space:nowrap;line-height:1}#notation-canvas-wrap .notation-measure-dots-glyph-cluster .notation-measure-dots-glyphs{flex:0 0 auto}.side-menu-measure-elements .side-menu-measure-elements-mount,.notation-measure-elements-flyout .side-menu-measure-elements-mount{width:100%}.notation-measure-elements-flyout{position:fixed;z-index:155;width:50px!important;background:#1e242cf5;border:1px solid var(--color-accent-border);border-radius:10px;padding:4px 2px;box-shadow:0 8px 24px #00000059;overflow:hidden}.side-menu-measure-elements .notation-measure-symbols-panel,.notation-measure-elements-flyout .notation-measure-symbols-panel{position:static;z-index:auto;display:flex!important;flex-direction:column!important;flex-wrap:nowrap;align-items:stretch;gap:4px;padding:4px 0 0;background:transparent;border:none;border-radius:0;font-family:Bravura,sans-serif;font-size:1.65rem;max-width:100%}.side-menu-measure-elements .notation-measure-symbols-panel[hidden],.notation-measure-elements-flyout .notation-measure-symbols-panel[hidden]{display:none}.side-menu-measure-elements .notation-measure-symbols-panel-btn,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:1.6rem;padding:0 2px;background:transparent;border:none;color:var(--color-accent);border-radius:0;cursor:pointer;font:inherit;font-size:1.55rem;line-height:1;text-align:center;vertical-align:middle}.side-menu-measure-elements .notation-measure-symbols-panel-btn:hover,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn:hover{color:#6dd5fa;background:transparent}.side-menu-measure-elements .notation-measure-symbols-panel-btn--bracket,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--bracket{transform:translateY(.3em)}.side-menu-measure-elements .notation-measure-symbols-panel-btn--mmr,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--mmr{flex-direction:column;align-items:center;padding:2px 8px 4px;min-width:2.45rem}.side-menu-measure-elements .notation-measure-symbols-mmr-inner,.notation-measure-elements-flyout .notation-measure-symbols-mmr-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto}.side-menu-measure-elements .notation-measure-symbols-mmr-stack,.notation-measure-elements-flyout .notation-measure-symbols-mmr-stack{display:flex;flex-direction:column;align-items:center;line-height:1;gap:.05em}.side-menu-measure-elements .notation-measure-symbols-mmr-count,.notation-measure-elements-flyout .notation-measure-symbols-mmr-count{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.66rem;font-weight:700;color:inherit;line-height:1}.side-menu-measure-elements .notation-measure-symbols-mmr-glyph,.notation-measure-elements-flyout .notation-measure-symbols-mmr-glyph{font-family:Bravura,Noto Music,sans-serif;font-size:1.5rem;line-height:1}.side-menu-measure-elements .notation-measure-symbols-panel-btn--dots,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--dots{font-family:Bravura,Noto Music,serif;font-size:1.5rem;letter-spacing:.02em;flex-direction:row;flex-wrap:nowrap;gap:.3em;justify-content:center}.side-menu-measure-elements .notation-measure-symbols-panel-btn--dots-selected,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--dots-selected{background:#4a9eff38;border-radius:6px}.side-menu-measure-elements .notation-measure-symbols-panel-btn--dots-selected:hover,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--dots-selected:hover{background:#4a9eff52}.side-menu-measure-elements .notation-measure-symbols-panel-btn--dots:disabled,.notation-measure-elements-flyout .notation-measure-symbols-panel-btn--dots:disabled{opacity:.42;cursor:not-allowed;color:var(--color-text-muted)}.notation-measure-symbols-panel-btn .notation-dynamic-symbol{font-family:Bravura,Noto Music,IBM Plex Sans,system-ui,sans-serif;font-size:1.12rem;font-weight:700;line-height:1}.notation-zoom-inner{position:relative;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;flex:1 1 auto;min-height:0}.cursor-overlay{position:absolute!important;left:0!important;z-index:10;pointer-events:none}#notation-canvas-wrap:focus{outline:none;box-shadow:none}#notation-canvas{display:block;width:1000px;height:180px;min-width:1000px;min-height:180px}#notation-canvas-wrap svg{display:block}.playback-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent);pointer-events:none;z-index:10}.add-notation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--color-popup-backdrop)}.notation-start-choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10052;box-sizing:border-box;width:100%;min-height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--color-popup-backdrop)}.notation-start-choice-panel{background:var(--color-popup-panel);border-radius:12px;padding:1.35rem 1.5rem 1.1rem;width:min(680px,100%);max-width:100%;justify-self:center;max-height:min(calc(100dvh - 2.5rem),calc(100vh - 2.5rem));overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.notation-start-choice-title{margin:0 0 1rem;font-size:1.15rem;font-weight:600;text-align:center}.notation-start-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem}@media (max-width: 560px){.notation-start-choice-grid{grid-template-columns:1fr}}button.notation-start-choice-card.new-project-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;width:100%;min-width:0;min-height:138px;max-width:100%;margin:0}.notation-start-choice-footer{display:flex;justify-content:center;margin-top:1rem;padding-top:.35rem}.notation-start-choice-cancel{min-width:6rem}.empty-score-instrument-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10053;box-sizing:border-box;width:100%;min-height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--color-popup-backdrop)}.empty-score-instrument-panel{background:var(--color-popup-panel);border-radius:12px;padding:1.35rem 1.5rem 1.1rem;width:min(720px,100%);max-width:100%;justify-self:center;max-height:min(calc(100dvh - 2.5rem),calc(100vh - 2.5rem));overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.empty-score-instrument-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:600;text-align:center;font-family:var(--font-menu)}.empty-score-instrument-sub{margin:0 0 1rem;font-size:.88rem;line-height:1.4;text-align:center;color:var(--color-text-muted);font-family:var(--font-sans)}.empty-score-instrument-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem .65rem}@media (max-width: 540px){.empty-score-instrument-grid{grid-template-columns:1fr}}button.empty-score-instrument-option{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:.65rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000026;color:var(--color-text);font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}button.empty-score-instrument-option:hover{border-color:var(--color-accent-border);background:#4fc3f71a;box-shadow:0 0 0 1px #4fc3f71f}.empty-score-instrument-option-label{font-family:var(--font-menu);font-size:.88rem;font-weight:600;letter-spacing:.02em}.empty-score-instrument-option-hint{font-size:.72rem;line-height:1.35;color:var(--color-text-muted);font-family:var(--font-sans)}.empty-score-instrument-footer{display:flex;justify-content:center;margin-top:1rem;padding-top:.35rem}.empty-score-instrument-cancel{min-width:6rem}.edit-instruments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10054;box-sizing:border-box;width:100%;min-height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--color-popup-backdrop)}.edit-instruments-panel{background:var(--color-popup-panel);border-radius:12px;padding:1.35rem 1.5rem 1.1rem;width:min(720px,100%);max-width:100%;justify-self:center;max-height:min(calc(100dvh - 2.5rem),calc(100vh - 2.5rem));overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.edit-instruments-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:600;text-align:center;font-family:var(--font-menu)}.edit-instruments-add-title{margin:0 0 .35rem;font-size:1rem;font-weight:600;text-align:center;font-family:var(--font-menu)}.edit-instruments-sub{margin:0 0 .85rem;font-size:.88rem;line-height:1.4;text-align:center;color:var(--color-text-muted);font-family:var(--font-sans)}.edit-instruments-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.edit-instruments-list-item{margin:0;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;font-size:13px;transition:background .2s}.edit-instruments-list-item:hover{background:#ff980026}.edit-instruments-list-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.edit-instruments-reorder{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0;margin-right:2px}.edit-instruments-reorder-grip{font-size:14px;line-height:1;color:var(--color-text-muted);letter-spacing:-2px;-webkit-user-select:none;user-select:none;cursor:default}.edit-instruments-reorder-btns{display:flex;flex-direction:column;gap:1px}.edit-instruments-reorder-btn{padding:0 6px!important;min-width:26px!important;line-height:1.1!important;font-size:10px!important;opacity:.92}.edit-instruments-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.edit-instruments-list-item .marker-actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:4px}.edit-instruments-list-item button{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--color-accent);cursor:pointer;font-size:12px}.edit-instruments-list-item button:hover:not(:disabled){background:#4fc3f726}.edit-instruments-list-item .btn-icon-visibility,.edit-instruments-list-item .btn-icon-edit,.edit-instruments-list-item .btn-icon-delete{padding:0 10px;min-width:34px;font-size:16px;line-height:1.15;display:inline-flex;align-items:center;justify-content:center}.edit-instruments-list-item .btn-icon-visibility svg{display:block;opacity:.95}.edit-instruments-list-item .btn-icon-visibility:hover:not(:disabled) svg{opacity:1}.edit-instruments-list-item .btn-icon-delete:disabled{opacity:.35;cursor:not-allowed;color:#ffffff59}.edit-instruments-list-title{font-family:var(--font-menu);font-size:.92rem;font-weight:600;color:var(--color-text)}.edit-instruments-list-sub{font-size:.78rem;line-height:1.35;color:var(--color-text-muted);font-family:var(--font-sans)}.edit-instruments-hint{margin:0 0 .75rem;font-size:.85rem;line-height:1.45;color:var(--color-text-muted);text-align:center;font-family:var(--font-sans)}.edit-instruments-add-panel{margin-top:.25rem}.edit-instruments-edit-section{margin-top:.15rem}.edit-instruments-edit-header{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.1)}.edit-instruments-edit-back{flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:.35rem .5rem;border:none;border-radius:6px;background:#0003;color:var(--color-text);cursor:pointer;font-size:1.1rem;line-height:1;transition:background .15s ease}.edit-instruments-edit-back:hover{background:#4fc3f726;color:var(--color-accent)}.edit-instruments-edit-back-icon{display:inline-block}.edit-instruments-edit-title{flex:1;margin:0;font-size:1.05rem;font-weight:600;font-family:var(--font-menu);color:var(--color-text);text-align:center}.edit-instruments-edit-header-close{flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:.2rem .55rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:1.35rem;line-height:1;transition:color .15s ease,background .15s ease}.edit-instruments-edit-header-close:hover{color:var(--color-text);background:#ffffff14}.edit-instruments-edit-form-host{display:flex;flex-direction:column;gap:1rem}.instrument-edit-grid-row{display:grid;gap:.65rem .85rem}.instrument-edit-grid-row--3{grid-template-columns:repeat(3,1fr)}.instrument-edit-grid-row--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.instrument-edit-grid-row--3,.instrument-edit-grid-row--2{grid-template-columns:1fr}}.instrument-edit-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.instrument-edit-label-row{display:flex;align-items:center;gap:.35rem}.instrument-edit-label{font-size:.72rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-family:var(--font-sans)}.instrument-edit-help{flex-shrink:0;width:1.1rem;height:1.1rem;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0003;color:var(--color-text-muted);font-size:.65rem;font-weight:600;line-height:1;cursor:help;transition:border-color .15s ease,color .15s ease}.instrument-edit-help:hover{border-color:var(--color-accent-border);color:var(--color-accent)}.instrument-edit-input,.instrument-edit-select{width:100%;box-sizing:border-box;padding:.5rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--color-text);font-size:.88rem;font-family:var(--font-sans);transition:border-color .15s ease,box-shadow .15s ease}.instrument-edit-input::placeholder{color:#ffffff59}.instrument-edit-input:focus,.instrument-edit-select:focus{outline:none;border-color:var(--color-accent-border);box-shadow:0 0 0 1px #4fc3f733}.edit-instruments-edit-footer{display:flex;justify-content:flex-end;margin-top:1.15rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.edit-instruments-btn-apply{min-width:7.5rem}.edit-instruments-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:.35rem}.edit-instruments-btn-add{min-width:6.5rem}.edit-instruments-btn-close,.edit-instruments-btn-back{min-width:5.5rem}.notation-timesig-modal-backdrop,.notation-note-attr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.staff-text-styles-modal-backdrop{z-index:12200}.staff-text-styles-modal-backdrop[hidden]{display:none!important}.staff-text-styles-modal-box{width:min(520px,94vw);max-width:94vw;box-sizing:border-box;overflow-x:hidden}.staff-text-styles-modal-box .title-format-modal-form-root,.staff-text-styles-modal-box .title-format-modal-form{min-width:0;max-width:100%}.staff-text-styles-modal-box .title-format-modal-preview-wrap{min-width:0;max-width:100%;overflow:hidden}.staff-text-styles-modal-box .title-format-modal-preview{max-width:100%;min-width:0;height:5.25rem;min-height:5.25rem;max-height:5.25rem;box-sizing:border-box;overflow:hidden;line-height:1;padding:.4rem .65rem}.notation-note-attr-modal{background:var(--color-popup-panel);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);min-width:280px}.notation-note-attr-modal h3{margin:0 0 1rem;font-size:1.1rem;color:var(--color-text)}.staff-text-styles-modal-main{display:grid;grid-template-columns:11rem 1fr;gap:1rem;align-items:start}@media (max-width: 540px){.staff-text-styles-modal-main{grid-template-columns:1fr}}.staff-text-styles-modal-list-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.staff-text-styles-modal-list-scroll{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;padding:6px;border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.staff-text-styles-modal-list-item{display:block;width:100%;text-align:left;padding:.45rem .5rem;font-family:inherit;font-size:.9rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer}.staff-text-styles-modal-list-item:hover{background:#ffffff14}.staff-text-styles-modal-list-item.selected{border-color:var(--color-accent);background:#ffffff0f}.staff-text-styles-modal-add-btn{width:100%}.staff-text-styles-modal-form-col{min-width:0}.staff-text-styles-modal-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-muted)}.staff-text-styles-modal-name-row{margin-bottom:.75rem}.staff-text-styles-modal-form-actions{margin-top:.75rem;justify-content:flex-start}.staff-text-styles-modal-footer{margin-top:1rem}.notation-note-attr-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.notation-note-attr-row label{min-width:90px;font-size:.95rem;color:var(--color-text-muted)}.notation-note-attr-select{flex:1;padding:.5rem .75rem;font-family:inherit;font-size:1rem;background:#1f252a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text)}.notation-note-attr-select:focus{outline:none;border-color:var(--color-accent)}.notation-note-attr-scale-row .notation-note-attr-scale-wrap{display:flex;align-items:center;gap:.5rem}.notation-note-attr-scale-btn{width:2rem;height:2rem;padding:0;font-size:1.25rem;font-weight:600;line-height:1;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#3a4550;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.notation-note-attr-scale-btn:hover{background:#45525e}.notation-note-attr-scale-value{min-width:1.5rem;text-align:center;font-weight:600}.notation-note-attr-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.notation-note-attr-btn{padding:.5rem 1rem;font-family:inherit;font-size:.95rem;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:#3a4550;color:var(--color-text)}.notation-note-attr-btn:hover{background:#45525e}.notation-note-attr-btn.ok{background:var(--color-accent);color:var(--color-accent-on);border-color:var(--color-accent)}.notation-note-attr-btn.ok:hover{background:#66c9f7;border-color:#66c9f7}.notation-staff-text-modal .stf-modal-lead{margin:0 0 .65rem;font-size:.88rem;line-height:1.4;color:var(--color-text-muted)}.notation-staff-text-modal .stf-modal-lead strong{color:var(--color-text);font-weight:600}.notation-staff-text-modal .stf-modal-lead--second{margin-bottom:1rem}.notation-staff-text-modal .stf-style-create-wrap{margin:0 0 1rem}.notation-staff-text-modal .stf-create-style-btn{width:100%;justify-content:center;background:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent);font-weight:600}.notation-staff-text-modal .stf-create-style-btn:hover{background:var(--color-accent-hover)}.notation-staff-text-modal{min-width:min(420px,92vw)}.notation-staff-text-modal-row--grow{align-items:flex-start}.notation-staff-text-modal-row--grow label{padding-top:.4rem}.notation-staff-text-textarea{min-height:5.5rem;resize:vertical;width:100%;max-width:100%;line-height:1.35;box-sizing:border-box}.notation-staff-text-modal .stf-size{max-width:6rem}.notation-staff-text-modal-actions{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.notation-staff-text-modal-actions-end{display:flex;gap:.5rem;margin-left:auto}.notation-staff-text-delete{border-color:#e74c3c73;color:#ff8a80}.notation-staff-text-delete:hover{background:#e74c3c1f;color:#ffcdd2}.notation-staff-text-color-input{width:3rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;background:transparent}.notation-staff-text-input{position:fixed;z-index:120;box-sizing:border-box;min-width:1ch;width:12ch;max-width:min(320px,90vw);margin:0;padding:0 1px;border:none;border-radius:0;background:transparent;color:#1a1a1a;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.7);caret-color:var(--color-accent, #4fc3f7);box-shadow:none;outline:none;font:14px/1.3 var(--font-sans, system-ui, sans-serif)}.notation-staff-text-input::selection{background:#4fc3f773;color:#0d1f28}.notation-staff-text-input:focus{outline:none}.notation-staff-text-input.notation-lyric-input{z-index:900;min-width:42px;padding:2px 5px;border:1px solid rgba(79,195,247,.62);border-radius:5px;background:#fffffff5;color:#111;caret-color:#0ea5e9;text-align:center;text-shadow:none;box-shadow:0 2px 8px #0f172a2e;transform:translate(-50%)}.notation-staff-text-input.notation-lyric-input:focus{outline:1px solid rgba(79,195,247,.9)}.audio-marker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.notation-delete-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-popup-backdrop)}.notation-delete-confirm{width:min(380px,100%);box-sizing:border-box;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:var(--color-popup-panel);color:var(--color-text);box-shadow:0 18px 48px #0000006b}.notation-delete-confirm h2{margin:0 0 8px;font-size:1.2rem}.notation-delete-confirm p{margin:0 0 18px;color:var(--color-text-muted);line-height:1.45}.notation-delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.notation-delete-confirm-cancel,.notation-delete-confirm-delete{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 13px;font:inherit;cursor:pointer}.notation-delete-confirm-cancel{background:#ffffff14;color:var(--color-text)}.notation-delete-confirm-delete{border-color:#ff8a809e;background:#ff525229;color:#ffc4bd}.audio-marker-modal{background:var(--color-popup-panel);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);min-width:280px}.audio-sync-correction-modal{width:min(460px,calc(100vw - 32px))}.audio-sync-correction-body{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}.audio-sync-correction-warning{margin:0;padding:.55rem .7rem;border:1px solid rgba(255,193,7,.32);border-radius:8px;background:#ffc1071a;color:#ffecb3f2;font-size:.86rem;line-height:1.35}.audio-sync-correction-list{margin:0;padding-left:1.1rem;color:var(--color-text-muted);font-size:.86rem;line-height:1.45}.audio-marker-modal h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.audio-marker-modal-time{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-muted)}.audio-marker-modal-input{width:100%;padding:.6rem .75rem;margin-bottom:1rem;font-family:inherit;font-size:1rem;background:#1f252a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text);box-sizing:border-box}.audio-marker-modal-input:focus{outline:none;border-color:var(--color-accent)}.audio-marker-modal-input::placeholder{color:var(--color-text-muted)}.audio-marker-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.audio-marker-modal-btn{padding:.5rem 1rem;font-family:inherit;font-size:.95rem;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:#3a4550;color:var(--color-text)}.audio-marker-modal-btn:hover{background:#45525e}.audio-marker-modal-ok{background:var(--color-accent);color:var(--color-accent-on);border-color:var(--color-accent)}.audio-marker-modal-ok:hover{background:#66c9f7;border-color:#66c9f7}.notation-timesig-modal{background:var(--color-popup-panel);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);max-width:90vw}.notation-timesig-modal h3{margin:0 0 1rem;font-size:1.1rem;color:var(--color-text)}.notation-timesig-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.notation-timesig-btn{padding:.6rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;background:#3a4550;color:var(--color-text);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.notation-timesig-btn:hover{background:#45525e;border-color:#ffffff40}.notation-timesig-btn.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.notation-timesig-close{display:block;width:100%;padding:.5rem;font-family:inherit;font-size:.9rem;background:transparent;color:var(--color-text-muted);border:none;border-radius:6px;cursor:pointer}.notation-timesig-close:hover{color:var(--color-text);background:#ffffff0f}.todo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:10000;outline:none}.todo-modal-backdrop[hidden]{display:none!important}.todo-modal{background:var(--color-popup-panel);border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.15);min-width:min(95vw,400px);max-width:min(95vw,480px);max-height:85vh;display:flex;flex-direction:column}.todo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.todo-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.todo-modal-close{width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.todo-modal-close:hover{color:var(--color-text);background:#ffffff14}.todo-modal-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto;flex:1 1 auto}.todo-modal.repeat-times-modal{min-width:min(95vw,260px);max-width:min(95vw,300px)}.todo-modal.repeat-times-modal .todo-modal-header{padding:.55rem .85rem;justify-content:center}.todo-modal.repeat-times-modal .todo-modal-title{font-size:.95rem}.todo-modal.repeat-times-modal .todo-modal-body{padding:.65rem .85rem .75rem}.todo-modal.volta-bracket-modal{min-width:min(95vw,280px);max-width:min(95vw,360px)}.todo-modal.remote-pairing-modal{min-width:min(95vw,300px);max-width:min(95vw,420px)}.remote-pairing-modal-body{display:flex;flex-direction:column;gap:.85rem;align-items:stretch}.remote-pairing-modal-hint{margin:0;font-size:.88rem;line-height:1.45;color:var(--color-text-muted)}.remote-pairing-modal-code{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;letter-spacing:.18em;text-align:center;padding:.85rem .5rem;border-radius:10px;background:#00000059;border:1px solid rgba(79,195,247,.35);color:var(--color-accent);-webkit-user-select:all;user-select:all}.remote-pairing-modal-url{margin:0;font-size:.78rem;line-height:1.4;word-break:break-all;color:var(--color-text-muted)}.todo-modal.remote-pairing-modal .remote-pairing-modal-copy{align-self:center;margin-top:.15rem;padding:.55rem 1.25rem;border-radius:999px;border:1px solid var(--color-accent-border);background:linear-gradient(180deg,rgba(79,195,247,.22) 0%,var(--color-accent-bg) 100%);color:var(--color-text);font-family:var(--font-menu);font-size:.85rem;font-weight:600;cursor:pointer}.todo-modal.remote-pairing-modal .remote-pairing-modal-copy:hover{background:var(--color-accent-hover)}.todo-modal.repeat-jump-modal{min-width:min(95vw,320px);max-width:min(95vw,520px)}.todo-modal.repeat-jump-modal .todo-modal-header{padding:.55rem .85rem}.todo-modal.repeat-jump-modal .todo-modal-title{font-size:.92rem}.todo-modal.repeat-jump-modal .todo-modal-body{padding:.6rem .85rem .75rem}.repeat-jump-modal-body{display:flex;flex-direction:column;gap:.5rem;max-height:min(72vh,520px);overflow-y:auto}.repeat-jump-modal-grid{display:grid;grid-template-columns:1fr;gap:.35rem}.repeat-jump-modal-grid--marks{grid-template-columns:1fr 1fr;gap:.5rem .6rem}.repeat-jump-modal-grid--instructions{grid-template-columns:repeat(3,1fr);gap:.5rem .55rem}.todo-modal.repeat-jump-modal .repeat-jump-modal-grid>.repeat-jump-modal-choice{width:100%;text-align:left;justify-content:flex-start;padding:.5rem .65rem;font-size:.8125rem;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0000002e;color:var(--color-text, rgba(255, 255, 255, .92));box-sizing:border-box;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.todo-modal.repeat-jump-modal .repeat-jump-modal-grid>.repeat-jump-modal-choice:hover:not(:disabled){background:#64aae624;border-color:#78beff73;box-shadow:0 2px 10px #00000038;transform:translateY(-1px)}.todo-modal.repeat-jump-modal .repeat-jump-modal-grid>.repeat-jump-modal-choice:focus-visible{outline:2px solid rgba(120,190,255,.9);outline-offset:2px}.todo-modal.repeat-jump-modal .repeat-jump-modal-grid>.repeat-jump-modal-choice:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0003}.repeat-jump-modal-grid--instructions .repeat-jump-modal-choice:not(.repeat-jump-modal-choice--smufl){display:flex;align-items:center;justify-content:flex-start;text-align:left;white-space:normal;line-height:1.28;min-height:3.35rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.repeat-jump-modal-choice--smufl{display:flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.45rem .5rem}.repeat-jump-modal-smufl{font-family:Bravura,Noto Music,serif;font-size:1.6rem;line-height:1;transform:translateY(.08em)}.repeat-jump-modal-smufl--pair{display:inline-flex;align-items:center;gap:.12em}.repeat-jump-modal-smufl-piece{font-family:inherit;font-size:inherit;line-height:1}.todo-modal.repeat-jump-modal .repeat-jump-modal-clear{width:100%;margin-top:.35rem;padding:.5rem .65rem;font-size:.78rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0000001f;color:var(--color-text-muted, rgba(255, 255, 255, .75));opacity:1;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,color .15s ease}.todo-modal.repeat-jump-modal .repeat-jump-modal-clear:hover:not(:disabled){background:#ff64641f;border-color:#ff8c8c59;color:#ffdcdcf2}.repeat-jump-modal-footer{margin-top:.5rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.todo-modal.playback-playlist-modal{min-width:min(95vw,420px);max-width:min(95vw,560px)}.playback-playlist-hint-wrap{margin-bottom:.75rem}.playback-playlist-hint{margin:0 0 .5rem;font-size:.8rem;line-height:1.4;color:var(--color-text-muted)}.playback-playlist-hint:last-child{margin-bottom:0}.playback-playlist-hint--secondary{font-size:.78rem;opacity:.95}.playback-playlist-hint--stats{font-size:.78rem;font-weight:500;color:var(--color-text);opacity:.88}.playback-playlist-table-wrap{max-height:min(60vh,420px);overflow:auto;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.playback-playlist-empty{margin:0;padding:.5rem 0;font-size:.875rem;color:var(--color-text-muted)}.playback-playlist-table{width:100%;border-collapse:collapse;font-size:.8125rem}.playback-playlist-table th,.playback-playlist-table td{padding:.35rem .55rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.06);color:var(--color-text)}.playback-playlist-table th{position:sticky;top:0;z-index:1;background:var(--color-popup-panel);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.playback-playlist-table th:first-child,.playback-playlist-table td.playback-playlist-td-step{text-align:center;width:7.5rem;font-variant-numeric:tabular-nums}.playback-playlist-th-action,.playback-playlist-td-action{text-align:left}.playback-playlist-table tbody tr:hover td{background:#ffffff0a}.playback-playlist-row.playback-playlist-row--current td{background:#64b4ff24;box-shadow:inset 3px 0 #78beffd9}.playback-playlist-row.playback-playlist-row--current:hover td{background:#64b4ff33}.todo-modal.volta-bracket-modal .volta-bracket-modal-hint{font-size:.8rem;line-height:1.35;color:var(--color-text-muted, rgba(255, 255, 255, .62));margin:.35rem 0 .15rem}.todo-modal.volta-bracket-modal .volta-bracket-modal-measures-row .repeat-times-modal-input{width:4.25rem}.todo-modal.repeat-times-modal .repeat-times-modal-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;width:100%}.todo-modal.repeat-times-modal .repeat-times-modal-row label{font-size:.9rem;color:var(--color-text);margin:0}.todo-modal.repeat-times-modal .repeat-times-modal-input-wrap{display:inline-flex;align-items:stretch;flex:0 0 auto}.todo-modal.repeat-times-modal .repeat-times-modal-input-wrap .repeat-times-modal-input{width:3.25rem;padding:.35rem .4rem;border-radius:4px 0 0 4px;border:1px solid rgba(255,255,255,.1);border-right:none;background:#00000038;color:var(--color-text);font-size:.9rem;box-shadow:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.todo-modal.repeat-times-modal .repeat-times-modal-stepper{display:flex;flex-direction:column;flex-shrink:0;width:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:0 4px 4px 0;overflow:hidden}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn{flex:1;min-height:0;padding:0;margin:0;border:none;background:#00000047;color:#ffffff9e;font-size:.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn--up{border-bottom:1px solid rgba(255,255,255,.08)}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn:hover:not(:disabled){background:#ffffff12;color:var(--color-text)}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn:disabled{opacity:.28;cursor:default}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn:focus{outline:none;box-shadow:none}.todo-modal.repeat-times-modal .repeat-times-modal-step-btn:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:-1px;z-index:1}.todo-modal.repeat-times-modal .repeat-times-modal-input::-webkit-outer-spin-button,.todo-modal.repeat-times-modal .repeat-times-modal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.todo-modal.repeat-times-modal .repeat-times-modal-input-wrap .repeat-times-modal-input:focus{outline:none;box-shadow:none;border-color:#ffffff2e}.todo-modal.repeat-times-modal .repeat-times-modal-error{margin:.4rem 0 0;font-size:.8rem;color:#ef9a9a;text-align:center;width:100%}.todo-modal.repeat-times-modal .repeat-times-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.65rem;flex-wrap:wrap}.todo-modal.repeat-times-modal .repeat-times-modal-footer-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-left:auto}.todo-modal-add-row{display:flex;gap:.5rem;margin-bottom:1rem}.todo-modal-input{flex:1;min-width:0;padding:.45rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#1f252a;color:var(--color-text);font-size:.95rem}.todo-modal-input::placeholder{color:var(--color-text-muted)}.todo-modal-add-btn{flex-shrink:0}.todo-modal-list{list-style:none;margin:0;padding:0}.todo-modal-empty{padding:.75rem 0;color:var(--color-text-muted);font-size:.9rem}.todo-modal-item{display:flex;align-items:center;gap:.65rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.todo-modal-item:last-child{border-bottom:none}.todo-modal-item input[type=checkbox]{flex-shrink:0;width:1.1rem;height:1.1rem;cursor:pointer}.todo-modal-item-text{flex:1;min-width:0;font-size:.95rem;color:var(--color-text);word-break:break-word}.todo-modal-item-text--done{text-decoration:line-through;opacity:.55}.todo-modal-delete{flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.todo-modal-delete:hover{color:#ef9a9a;background:#ffffff0f}.default-mode-rights-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:12100;outline:none}.default-mode-rights-modal-backdrop[hidden]{display:none!important}.default-mode-rights-modal{background:var(--color-popup-panel);border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.15);min-width:min(95vw,360px);max-width:min(95vw,520px);max-height:88vh;display:flex;flex-direction:column}.default-mode-rights-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.default-mode-rights-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.default-mode-rights-modal-close{width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.default-mode-rights-modal-close:hover{color:var(--color-text);background:#ffffff14}.default-mode-rights-modal-body{padding:.75rem 1.25rem 1.25rem;overflow-y:auto;flex:1 1 auto;min-height:0}.default-mode-rights-modal-section-title{margin:1rem 0 .4rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.default-mode-rights-modal-body>.default-mode-rights-modal-section-title:first-child{margin-top:0}.default-mode-rights-modal-intro{margin:0 0 .5rem;font-size:.9rem;line-height:1.5;color:var(--color-text)}.default-mode-rights-modal-list{margin:0 0 .75rem;padding-left:1.2rem;font-size:.88rem;line-height:1.5;color:var(--color-text)}.default-mode-rights-modal-list li{margin-bottom:.45rem}.default-mode-rights-modal-list li:last-child{margin-bottom:0}.key-commands-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:10000}.key-commands-modal-backdrop[hidden]{display:none!important}.key-commands-modal{background:var(--color-popup-panel);border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.15);min-width:min(96vw,720px);max-width:min(96vw,820px);max-height:90vh;display:flex;flex-direction:column}.key-commands-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.key-commands-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.key-commands-modal-close{width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.key-commands-modal-close:hover{color:var(--color-text);background:#ffffff14}.key-commands-modal-hint{margin:0;padding:.75rem 1.25rem 0;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.key-commands-table-wrap{padding:.75rem 1.25rem 1rem;overflow:auto;flex:1 1 auto;max-height:min(65vh,520px)}.key-commands-category{margin:1rem 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent)}.key-commands-category:first-child{margin-top:0}.key-commands-table{width:100%;border-collapse:collapse;font-size:.88rem}.key-commands-table th,.key-commands-table td{padding:.45rem .5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.key-commands-table th{color:var(--color-text-muted);font-weight:500;font-size:.8rem}.key-commands-label-cell strong{color:var(--color-text);font-weight:500}.key-commands-desc{margin-top:.2rem;font-size:.78rem;color:var(--color-text-muted);line-height:1.35}.key-commands-key-cell{font-family:ui-monospace,monospace;color:#ffffffd9;white-space:nowrap}.key-commands-actions-cell{white-space:nowrap}.key-commands-actions-cell .toolbar-btn{padding:.25rem .5rem;font-size:.8rem;margin-right:.35rem}.key-commands-capture-btn.is-capturing{background:var(--color-accent-bg);color:var(--color-accent)}.key-commands-help-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.key-commands-modal-footer{padding:.75rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.title-format-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:10000}.title-format-modal-backdrop[hidden]{display:none!important}.title-format-modal{background:var(--color-popup-panel);border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.15);min-width:min(96vw,420px);max-width:min(96vw,480px);max-height:90vh;display:flex;flex-direction:column}.title-format-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.title-format-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.title-format-modal-close{width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.title-format-modal-close:hover{color:var(--color-text);background:#ffffff14}.title-format-modal-body{padding:.75rem 1.25rem 1rem;overflow:auto;flex:1 1 auto}.title-format-modal-hint{margin:0 0 1rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.45}.title-format-modal-main-row{display:flex;gap:1.25rem;align-items:flex-start;min-height:0}.title-format-modal-list-wrap{flex:0 0 auto;width:13.5rem;display:flex;flex-direction:column;gap:.35rem}.title-format-modal-list-label{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.02em}.title-format-modal-list{display:flex;flex-direction:column;gap:.2rem;max-height:14rem;overflow-y:auto;padding:.2rem 0}.title-format-modal-list-row{display:flex;align-items:center;gap:.35rem;width:100%}.title-format-modal-list-visible{flex-shrink:0;width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--color-accent, #4fc3f7)}.title-format-modal-list-row .title-format-modal-list-item{flex:1 1 0;min-width:0;width:auto}.title-format-modal-list-item{display:block;width:100%;padding:.4rem .5rem;font-size:.875rem;font-family:inherit;text-align:left;border:1px solid transparent;border-radius:6px;background:#ffffff0f;color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.title-format-modal-list-item:hover{background:#ffffff1a;border-color:#ffffff1f}.title-format-modal-list-item.selected{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.title-format-modal-list-add,.title-format-modal-list-rename,.title-format-modal-list-delete,.title-format-modal-add-to-score,.title-format-modal-remove-from-score{padding:.35rem .5rem;font-size:.8rem;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#3a4550;color:var(--color-text);cursor:pointer;margin-top:.25rem}.title-format-modal-add-to-score{width:100%;border-color:#4fc3f759;color:var(--color-accent, #4fc3f7)}.title-format-modal-add-to-score:hover{background:var(--color-accent-bg);border-color:var(--color-accent-border)}.title-format-modal-list-add:hover,.title-format-modal-list-rename:hover,.title-format-modal-list-delete:hover{background:#ffffff1a;border-color:#ffffff59}.title-format-modal-remove-from-score{width:100%;border-color:#ffc8b459;color:#ffdcd2f2}.title-format-modal-remove-from-score:hover{background:#c8503c33;border-color:#c8503c66}.title-format-modal-list-delete{color:#ffc8b4f2}.title-format-modal-list-delete:hover{background:#c8503c33;border-color:#c8503c66}.title-format-modal-tempo-hint{margin:0 0 .75rem;font-size:.85rem;line-height:1.45;color:var(--color-text-muted)}.side-menu-text-format .side-menu-title-tempo-typo-hint{margin:0 0 .5rem}.title-format-modal-form-wrap{flex:1 1 0;min-width:0}.title-format-modal-form-wrap .title-format-modal-pixel-position{margin-top:.45rem;padding-top:.45rem}.title-format-modal-form-wrap .title-format-modal-tempo-size{margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.08)}.side-menu-text-format .side-menu-title-tempo-size{margin-top:.45rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.1)}.title-format-modal-pixel-position-score-hint{margin:.35rem 0 0;max-width:22rem}.title-format-modal-form{display:flex;flex-direction:column;gap:.75rem}.title-format-modal-font-row{width:100%;min-width:0}.title-format-modal-font-row .title-format-modal-select--font-family{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;padding:.4rem 1.35rem .4rem .45rem;font-size:.875rem}.title-format-modal-weight-size-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem;width:100%;min-width:0}.title-format-modal-weight-size-row .title-format-modal-select--weight{flex:1 1 0;min-width:0;max-width:none;width:auto;box-sizing:border-box;padding:.4rem 1.35rem .4rem .45rem;font-size:.8125rem}.title-format-modal-weight-size-row .title-format-modal-number{flex:0 0 3.35rem;width:3.35rem;min-width:3.35rem;max-width:3.75rem;padding:.4rem .35rem;font-size:.875rem;box-sizing:border-box;text-align:center}.title-format-modal-style-toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%}.title-format-modal-style-btn{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;margin:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#0003;color:#ffffffa6;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.title-format-modal-style-btn:hover{color:#fffffff2;border-color:#ffffff59;background:#ffffff14}.title-format-modal-style-btn:focus-visible{outline:2px solid rgba(79,195,247,.55);outline-offset:2px}.title-format-modal-style-btn--on{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-bg)}.title-format-modal-style-btn--on:hover{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-hover)}.title-format-modal-style-btn svg{display:block;pointer-events:none}.title-format-modal-presentation-seg{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.title-format-modal-presentation-seg--full-toolbar{flex-wrap:nowrap;align-items:center;width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:1px}.title-format-modal-presentation-seg--full-toolbar>*{flex-shrink:0}.title-format-modal-style-btn--in-presentation-toolbar{margin-inline-start:.25rem}.title-format-modal-presentation-seg .title-format-modal-color--inline{display:block;width:2.35rem;height:2.35rem;min-width:2.35rem;max-width:2.35rem;padding:.2rem;margin:0;flex:0 0 2.35rem;border-radius:6px;box-sizing:border-box;cursor:pointer}.title-format-modal-presentation-btn{padding:.35rem .55rem;font-family:inherit;font-size:.8rem;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:#0003;color:#ffffffbf;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.title-format-modal-presentation-btn:hover{color:#fff;border-color:#ffffff59;background:#ffffff14}.title-format-modal-presentation-btn--on{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-bg)}.title-format-modal-presentation-btn--on:hover{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-hover)}.title-format-modal-presentation-btn:focus-visible{outline:2px solid rgba(79,195,247,.55);outline-offset:2px}.title-format-modal-presentation-btn--icon{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;min-width:2.35rem;padding:0;flex-shrink:0;box-sizing:border-box}.title-format-modal-presentation-btn--icon svg{display:block;pointer-events:none}.title-format-modal-row--presentation-icons{grid-template-columns:minmax(0,1fr);min-width:0}.title-format-modal-style-toggle-row .title-format-modal-color--inline{width:2.35rem;height:2.35rem;min-width:2.35rem;padding:.2rem;margin:0;flex-shrink:0;border-radius:6px;box-sizing:border-box;cursor:pointer}.title-format-modal-row{display:grid;grid-template-columns:8.5rem 1fr;gap:.65rem 1rem;align-items:center}.title-format-modal-row--placeholder{align-items:start}.title-format-modal-label{font-size:.85rem;color:#ffffffbf}.title-format-modal-select,.title-format-modal-number,.title-format-modal-custom-name-input,.title-format-modal-custom-position-select{width:100%;max-width:16rem;padding:.4rem .55rem;font-family:inherit;font-size:.875rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#1f252a;color:var(--color-text)}.title-format-modal-custom-name-input{max-width:20rem}.title-format-modal-custom-position-select,.title-format-modal-number{max-width:6rem}.title-format-modal-color{width:3rem;height:2.25rem;padding:.15rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#1f252a;cursor:pointer}.title-format-modal-range{width:100%;max-width:12rem;margin-top:.35rem}.title-format-modal-inline{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.title-format-modal-check{width:1rem;height:1rem;accent-color:var(--color-accent);cursor:pointer}.title-format-modal-check-label{font-size:.875rem;color:var(--color-text);cursor:pointer}.title-format-modal-appear{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.title-format-modal-ph-controls{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.title-format-modal-subhint{font-size:.75rem;color:var(--color-text-muted);line-height:1.3}.title-format-modal-preview-wrap{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.title-format-modal-preview-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.5rem}.title-format-modal-preview{padding:.75rem 1rem;background:#fffffff5;border-radius:8px;text-align:center;color:#000;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.title-format-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.title-format-modal-btn-cancel{background:transparent;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.2)}.title-format-modal-btn-cancel:hover{color:var(--color-text);background:#ffffff0f}.title-format-modal-btn-apply{background:var(--color-accent);color:var(--color-accent-on);border:1px solid var(--color-accent-border)}.title-format-modal-btn-apply:hover{filter:brightness(1.05)}.drum-mapping-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-popup-backdrop);display:flex;align-items:center;justify-content:center;z-index:10000}.drum-mapping-modal-backdrop[hidden]{display:none!important}.drum-mapping-modal{background:var(--color-popup-panel);border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.15);min-width:480px;max-width:min(95vw,560px);max-height:90vh;display:flex;flex-direction:column}.drum-mapping-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.drum-mapping-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.drum-mapping-modal-close{width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s}.drum-mapping-modal-close:hover{color:var(--color-text);background:#ffffff14}.drum-mapping-modal .drum-mapping-table-wrap{padding:1rem 1.25rem;overflow-x:auto;overflow-y:auto;max-height:70vh;flex:1 1 auto}.drum-mapping-modal .drum-mapping-footer{padding:1rem 1.25rem;flex-shrink:0}.drum-mapping-table-wrap{overflow-x:auto;max-height:85vh}.drum-mapping-table{width:100%;border-collapse:collapse;font-size:.9rem}.drum-mapping-table th,.drum-mapping-table td{padding:.3rem .5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.drum-mapping-table th{color:var(--color-text-muted);font-weight:500;white-space:nowrap}.drum-mapping-table th:not(:first-child),.drum-mapping-table td:not(:first-child){padding-left:.75rem}.drum-mapping-notehead-select{min-width:11rem;max-width:18rem;font-family:Noto Music,Bravura,serif;font-size:.9rem;padding:.25rem .4rem;background:var(--color-bg);color:var(--color-text);border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer}.drum-mapping-notehead-select:focus{outline:none;border-color:var(--color-accent)}.drum-mapping-sound-select{max-width:200px;min-width:120px}.drum-mapping-footer{display:flex;justify-content:flex-start;padding-top:.5rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.drum-mapping-add-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1;background:var(--color-accent-hover);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:6px;cursor:pointer;transition:background .15s}.drum-mapping-add-btn:hover{background:#4fc3f759}.drum-mapping-input,.drum-mapping-select{width:100%;max-width:140px;padding:.25rem .4rem;font-family:inherit;font-size:.9rem;background:var(--color-bg);color:var(--color-text);border:1px solid rgba(255,255,255,.2);border-radius:4px}.drum-mapping-key{max-width:3rem;text-align:center}.drum-mapping-input:focus,.drum-mapping-select:focus{outline:none;border-color:var(--color-accent)}