:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#6b6f76;margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{z-index:1;color:#fff;background:#24262b;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.toolbar-doc{align-items:baseline;gap:.5rem;display:flex;overflow:hidden}.toolbar-title{white-space:nowrap;font-weight:600}.toolbar-filename{color:#aaa;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.toolbar button{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #888;border-radius:4px;padding:.35rem .9rem}.toolbar button:hover{background:#4a4e57}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar-group{align-items:center;gap:.35rem;display:flex}.speed-select{width:4.6rem}.toolbar-divider{background:#4a4e57;align-self:stretch;width:1px;margin:.3rem 0}.icon-button{justify-content:center;align-items:center;width:2rem;height:2rem;padding:.35rem;display:inline-flex;position:relative}.icon-button svg{flex-shrink:0;width:16px;height:16px}.toolbar-end{align-items:center;gap:1rem;margin-left:auto;display:flex}.icon-light{background:#3ecf5f;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px;box-shadow:0 0 4px #3ecf5fcc}.toolbar-menu{position:relative}.toolbar-popover{z-index:30;background:#24262b;border:1px solid #666;border-radius:8px;width:min(23rem,92vw);padding:.75rem .85rem .6rem;font-size:.85rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #00000073}.sound-menu section+section{border-top:1px solid #3d4048;margin-top:.85rem;padding-top:.7rem}.sound-menu h4{letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin:0 0 .45rem;font-size:.72rem;font-weight:600}.toolbar .sound-menu button{padding:.3rem .6rem;font-size:.85rem}.segmented{margin-bottom:.6rem;display:flex}.toolbar .segmented button{border-radius:0;flex:1}.toolbar .segmented button:first-child{border-radius:4px 0 0 4px}.toolbar .segmented button:last-child{border-left-width:0;border-radius:0 4px 4px 0}.toolbar .sound-menu [aria-pressed=true]{background:#3b6ea8;border-color:#6aa1e0}.preset-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.toolbar .preset-grid .preset{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:.4rem .5rem;display:flex}.preset-name{font-weight:600;line-height:1.2}.preset-blurb{color:#c4c8cf;opacity:.85;font-size:.7rem;line-height:1.25}.menu-field{color:#ddd;align-items:center;gap:.6rem;margin-top:.65rem;display:flex}.menu-field input[type=range]{flex:1}.menu-field select{flex:1;min-width:0}.menu-row{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.menu-note{color:#b4b8bf;margin:.5rem 0 0;font-size:.78rem;line-height:1.35}.menu-row .menu-note{margin:0}.menu-error{color:#ff9b8f}.export-choices{flex-direction:column;gap:.3rem;display:flex}.toolbar .export-choices .menu-choice{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.menu-choice span{color:#c4c8cf;font-size:.75rem;line-height:1.3}.menu-credit{color:#8d919a;margin:.8rem 0 0;font-size:.7rem}.toolbar select,.toolbar input[type=number]{font:inherit;color:#fff;background:#1c1e22;border:1px solid #888;border-radius:4px;padding:.25rem .4rem}.new-score-form{color:#fff;background:#1c1e22;align-items:center;gap:.6rem;padding:.4rem .8rem .8rem;font-size:.85rem;display:flex}.new-score-form label{align-items:center;gap:.3rem;display:flex}.new-score-form .new-score-sample{margin-left:auto}.status-bar{z-index:1;color:#ccc;background:#24262b;border-top:1px solid #444;align-items:center;gap:1rem;padding:.35rem 1rem;font-size:.8rem;display:flex;position:sticky;bottom:0}.status-bar-message{color:#9fd0ff;margin-left:auto}.workspace{flex:1;grid-template-columns:1fr;min-height:0;display:grid;overflow:hidden}.workspace-with-compare{grid-template-columns:1fr minmax(260px,380px)}.workspace main{min-width:0;height:100%;min-height:0;overflow:auto}.page-stack{flex-direction:column;flex:1;align-items:center;gap:24px;padding:24px 0 48px;display:flex}.page-shadow{background:#fff;line-height:0;box-shadow:0 1px 3px #0000004d,0 8px 24px #00000059}.page{-webkit-user-select:none;user-select:none;line-height:0;position:relative}.page svg{display:block}.editor-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.measure-controls{z-index:2;gap:3px;line-height:1;display:flex;position:absolute;transform:translate(-100%,-100%)}.measure-control{color:#333;text-align:center;cursor:pointer;background:#fff;border:1px solid #9aa4b2;border-radius:50%;width:20px;height:20px;padding:0;font:600 14px/18px system-ui,sans-serif;box-shadow:0 1px 2px #00000026}.measure-control:hover{color:#2f7cf6;border-color:#2f7cf6}.measure-control-delete:hover{color:#c0392b;border-color:#c0392b}.measure-control:disabled{opacity:.4;cursor:default}.shortcuts-panel{color:#222;z-index:20;background:#fff;border:1px solid #bbb;border-radius:6px;width:360px;max-height:calc(100vh - 100px);padding:12px 14px;font-size:13px;position:fixed;top:56px;right:16px;overflow-y:auto;box-shadow:0 6px 24px #00000040}.shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.shortcuts-panel h4{text-transform:uppercase;letter-spacing:.04em;color:#666;margin:10px 0 4px;font-size:12px}.shortcuts-panel table{border-collapse:collapse;width:100%}.shortcuts-panel td{vertical-align:top;padding:2px 6px 2px 0}.shortcut-key{white-space:nowrap;color:#1a73e8;width:120px;font-family:ui-monospace,Menlo,monospace}.help-panel{width:420px;line-height:1.45}.help-entry{border-top:1px solid #e3e3e3;padding:6px 0}.help-entry summary{cursor:pointer;font-weight:600}.help-entry p,.help-entry ul{margin:6px 0}.help-entry ul{padding-left:18px}.help-entry li{margin:3px 0}.help-panel kbd{color:#1a3e72;white-space:nowrap;background:#f6f7f9;border:1px solid #c8ccd2;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.help-feedback{border-top:1px solid #e3e3e3;margin-top:10px;padding-top:4px}.help-feedback-hint{color:#666;margin:0 0 6px}.help-feedback form{flex-direction:column;gap:6px;display:flex}.help-feedback textarea,.help-feedback input:not([type=checkbox]){font:inherit;resize:vertical;border:1px solid #c8ccd2;border-radius:4px;padding:5px 7px}.help-feedback button{font:inherit;color:#fff;cursor:pointer;background:#2f7cf6;border:1px solid #2f7cf6;border-radius:4px;align-self:flex-start;padding:4px 14px}.help-feedback button:disabled{opacity:.5;cursor:default}.help-feedback-error{color:#b3261e;margin:0}.help-feedback-trap{position:absolute;left:-9999px}.shortcuts-footnote{color:#666;margin:10px 0 0}.entry-on{color:#7fd67f;font-weight:600}.entry-off{color:#f0b060;font-weight:600}.status-bar-hint{opacity:.8}.lyric-status{color:#e07be0;font-weight:600}.toolbar-hint{color:#bbb;font-size:.8rem}.toolbar-hint-error{color:#ff9b8f}.voice-toggle{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #666;border-radius:3px;padding:.1rem .5rem;font-size:.75rem}.voice-toggle:hover{background:#4a4e57}.palette-row{color:#fff;background:#2c2f36;border-bottom:1px solid #444;flex-wrap:wrap;align-items:flex-start;gap:.9rem;padding:.4rem 1rem;font-size:.8rem;display:flex}.palette-group{border-left:1px solid #4a4e57;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.15rem .5rem;display:flex}.palette-group:first-child{border-left:none}.palette-group-label{color:#9aa0ab;text-transform:uppercase;letter-spacing:.03em;margin-right:.15rem;font-size:.7rem}.palette-group button{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #666;border-radius:4px;padding:.2rem .55rem;line-height:1.3}.palette-group button:hover{background:#4a4e57}.palette-group button[aria-pressed=true]{background:#2f7cf6;border-color:#2f7cf6}.palette-group button:disabled{opacity:.45;cursor:default}.palette-group button:disabled:hover{background:#3a3d44}.palette-inline-form{background:#1c1e22;border-radius:4px;align-items:center;gap:.35rem;margin-left:.2rem;padding:.2rem .4rem;display:flex}.palette-inline-form input,.palette-inline-form select{font:inherit;color:#fff;background:#16181b;border:1px solid #666;border-radius:3px;padding:.15rem .35rem}.palette-inline-form button{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #666;border-radius:4px;padding:.2rem .5rem}.smufl{vertical-align:middle;font-family:Bravura,serif;font-size:1.35em;line-height:1}.clef-icon{flex-direction:column;align-items:center;line-height:.65;display:inline-flex}.clef-icon .smufl{font-size:1em}.staves-panel{color:#222;z-index:20;background:#fff;border:1px solid #bbb;border-radius:6px;width:420px;max-height:calc(100vh - 100px);padding:12px 14px;font-size:13px;position:fixed;top:56px;left:16px;overflow-y:auto;box-shadow:0 6px 24px #00000040}.staves-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.staves-panel-row{align-items:center;gap:.4rem;margin:8px 0;display:flex}.score-info-panel{width:360px;left:50%;right:auto;transform:translate(-50%)}.score-info-row{justify-content:space-between}.score-info-label{flex:none;width:70px}.score-info-row input{flex:auto}.staves-table{border-collapse:collapse;width:100%}.staves-table th,.staves-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:4px 6px}.staves-table input[type=text]{box-sizing:border-box;border:1px solid #ccc;border-radius:3px;width:100%;padding:3px 5px}.staves-row-actions{white-space:nowrap;gap:4px;display:flex}.staves-row-actions button{padding:3px 6px;font-size:12px}.compare-panel{color:#eee;background:#1c1e22;border-left:1px solid #444;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.compare-panel-header{justify-content:space-between;align-items:center;display:flex}.compare-panel-header button{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #666;border-radius:4px}.compare-panel-follow{color:#bbb;align-items:center;gap:.35rem;font-size:12px;display:flex}.compare-panel-page{background:#111;border:1px solid #333;justify-content:center;align-items:flex-start;min-height:120px;display:flex;overflow:hidden}.compare-panel-page canvas{width:100%;height:auto;display:block}.compare-panel-error{color:#f5a3a3;padding:8px;font-size:12px}.compare-panel-nav{justify-content:center;align-items:center;gap:.6rem;font-size:12px;display:flex}.compare-panel-nav button{font:inherit;color:#fff;cursor:pointer;background:#3a3d44;border:1px solid #666;border-radius:4px;padding:.2rem .6rem}.compare-panel-nav button:disabled{opacity:.4;cursor:default}.compare-panel-review{border-top:1px solid #444;padding-top:8px;font-size:12px}.compare-panel-review h4{text-transform:uppercase;letter-spacing:.03em;color:#9aa0ab;margin:0 0 6px;font-size:11px}.compare-panel-review ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.compare-panel-review button{text-align:left;width:100%;font:inherit;color:#ddd;cursor:pointer;background:#2a2d33;border:1px solid #444;border-radius:4px;padding:4px 6px}.compare-panel-review button:hover{background:#383c44}.compare-panel-review-empty{color:#888;margin:0}.import-dialog-overlay{z-index:30;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-dialog{color:#222;background:#fff;border-radius:8px;width:min(480px,92vw);max-height:85vh;padding:16px 20px 20px;font-size:13px;overflow-y:auto;box-shadow:0 12px 40px #0006}.import-dialog-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;display:flex}.import-dialog-header button{font:inherit;cursor:pointer;color:#666;background:0 0;border:none;font-size:18px;line-height:1}.import-dialog-warning{color:#7a5a12;background:#fff4e0;border:1px solid #e8c27a;border-radius:4px;margin:0 0 10px;padding:6px 10px}.import-dialog-code{color:#d8f0d8;background:#1c1e22;border-radius:4px;margin:8px 0;padding:8px 10px;overflow-x:auto}.import-dialog-hint{color:#666;margin:4px 0}.import-dialog-progress{width:100%}.import-dialog-fieldset{border:1px solid #ddd;border-radius:6px;margin:0 0 10px;padding:8px 10px}.import-dialog-fieldset legend{color:#666;padding:0 4px;font-size:12px}.import-dialog-radio{align-items:flex-start;gap:.4rem;margin:6px 0;display:flex}.import-dialog-radio.is-disabled{color:#999}.import-dialog-engine-hint{display:block}.import-dialog-checkbox{align-items:center;gap:.4rem;margin:10px 0;display:flex}.import-dialog-error p{color:#a33}.import-dialog-actions{gap:.5rem;margin-top:12px;display:flex}.import-dialog-actions button{font:inherit;cursor:pointer;background:#f4f4f4;border:1px solid #888;border-radius:4px;padding:.35rem .9rem}.import-dialog-actions button:hover{background:#e8e8e8}.compare-panel>*{flex-shrink:0}@media print{body{background:#fff}.app,.workspace,.workspace main{height:auto;overflow:visible}.shortcuts-panel,.palette-row,.staves-panel,.new-score-form,.toolbar,.compare-panel,.import-dialog-overlay{display:none}.workspace,.workspace-with-compare{display:block}.page-stack{gap:0;padding:0}.page-shadow{box-shadow:none;page-break-after:always;break-after:page}.page-shadow:last-child{page-break-after:auto;break-after:auto}.editor-overlay,.measure-controls,.status-bar{display:none}}