@font-face{font-family:Bravura Text;src:url(https://cdn.jsdelivr.net/gh/steinbergmedia/bravura@master/redist/woff/BravuraText.woff2)format("woff2");font-display:swap}:root{--ground:#141517;--panel:#1e1f22;--panel-hi:#26282c;--border:#2c2e33;--border-hi:#3a3d43;--text:#e8eaed;--text-2:#9aa0a8;--text-3:#686d75;--accent:#14b8a6;--accent-deep:#0f766e;--accent-dim:#14b8a629;--paper:#fff;--diff-added:#4ade80;--diff-changed:#fbbf24;--diff-removed:#f87171;--added:#1a7f37;--changed:#b58900;--removed:#cf222e;--panel-2:#232529;--backdrop:#00000080;--shadow:0 3px 9px #00000073;--glyph-font:"Bravura Text", "Noto Music", "Symbola", serif}:root[data-theme=light]{--ground:#eceef1;--panel:#f7f8fa;--panel-hi:#fff;--border:#d7dade;--border-hi:#bfc4cb;--text:#1f2328;--text-2:#57606a;--text-3:#868e98;--accent:#0f766e;--accent-deep:#0f766e;--accent-dim:#0f766e1f;--diff-added:#1a7f37;--diff-changed:#9a6700;--diff-removed:#cf222e;--panel-2:#eff1f4;--backdrop:#0f121459;--shadow:0 2px 8px #1f23282e}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);margin:0;font-family:system-ui,DejaVu Sans,sans-serif;font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-main{flex:1;min-height:0;display:flex}button{font:inherit;color:var(--text-2);background:var(--panel-hi);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;height:28px;padding:4px 9px;font-size:11.5px;display:inline-flex}button:hover:not(:disabled){border-color:var(--border-hi);color:var(--text)}button:disabled{color:var(--text-3);cursor:default;opacity:.7}button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent-deep);border-color:var(--accent-deep);color:#e6fffa}button.primary:hover:not(:disabled){color:#fff;background:#0d9488}button.icon-only{justify-content:center;min-width:30px;padding:4px 7px}input[type=text],input[type=number],select,textarea{font:inherit;color:var(--text);background:var(--ground);border:1px solid var(--border);border-radius:5px;height:28px;padding:4px 8px;font-size:11.5px}textarea{height:auto}input[type=checkbox]{accent-color:var(--accent-deep)}.glyph{font-family:var(--glyph-font);font-size:17px;line-height:1}.glyph-lg{font-family:var(--glyph-font);font-size:20px;line-height:1}.section-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);font-size:9px;font-weight:600}.hdr{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.hdr-brand{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.hdr-brand .logo{border-radius:5px;width:22px;height:22px;display:block}.hdr input.doc-title{background:0 0;border-color:#0000;width:140px}.hdr input.doc-title:hover,.hdr input.doc-title:focus{border-color:var(--border);background:var(--ground)}.version-chip{border:1px solid var(--border);background:var(--panel-hi);cursor:pointer;border-radius:13px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:11.5px;display:inline-flex}.version-chip .dot{background:var(--accent);border-radius:4px;width:8px;height:8px}.version-chip .count-added{color:var(--diff-added)}.version-chip .count-changed{color:var(--diff-changed)}.hdr{position:relative}.draft-group{border:1px solid var(--border);background:var(--ground);border-radius:7px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.draft-group .version-chip{background:0 0;border:none}.hdr-search{align-items:center;width:280px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.hdr-search input{background:var(--panel-hi);border:1px solid var(--border);width:100%;height:26px;color:var(--text-2);cursor:pointer;border-radius:13px;padding:0 44px 0 12px;font-size:11.5px}.hdr-search input:hover{border-color:var(--border-hi)}.hdr-search kbd{color:var(--text-3);border:1px solid var(--border);background:var(--panel);pointer-events:none;border-radius:4px;padding:1px 4px;font-family:inherit;font-size:9.5px;position:absolute;right:9px}.profile{flex-shrink:0;position:relative}.profile-btn{background:var(--panel-hi);border:1px solid var(--border-hi);width:30px;height:30px;color:var(--text-2);border-radius:15px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.profile-btn:hover{color:var(--text);border-color:var(--accent)}.avatar{object-fit:cover;border-radius:14px;width:28px;height:28px}.avatar.initial{background:var(--accent-deep);color:#e6fffa;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.avatar.lg{border-radius:18px;flex-shrink:0;width:36px;height:36px}.avatar.initial.lg{font-size:16px}.profile-menu{z-index:60;background:var(--panel-hi);border:1px solid var(--border-hi);min-width:230px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.profile-info{align-items:center;gap:10px;padding:8px;display:flex}.profile-info .name{font-size:12.5px;font-weight:700}.profile-info .email{color:var(--text-3);font-size:11px}.profile-info.signed-out{color:var(--text-3);padding:8px 8px 4px;font-size:11.5px}.menu-sep{background:var(--border);height:1px;margin:3px 2px}.menu-item{background:0 0;border:none;border-radius:5px;justify-content:flex-start;width:100%;height:28px;padding:0 8px;font-size:12px}.menu-item:hover:not(:disabled){background:var(--accent-dim);color:var(--text)}.menu-row{color:var(--text-2);justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.theme-switch{border:1px solid var(--border-hi);background:var(--ground);cursor:pointer;border-radius:11px;flex-shrink:0;align-items:center;width:46px;height:22px;padding:0;display:inline-flex;position:relative}.theme-switch .side{width:50%;color:var(--text-3);z-index:1;justify-content:center;align-items:center;transition:color .15s;display:inline-flex;position:relative}.theme-switch .side.sun{color:var(--text-2)}.theme-switch.dark .side.sun{color:var(--text-3)}.theme-switch.dark .side.moon{color:var(--text)}.theme-switch .knob{background:var(--panel-hi);border:1px solid var(--border-hi);border-radius:9px;width:20px;height:18px;transition:transform .18s;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #00000040}.theme-switch.dark .knob{transform:translate(22px)}@media (prefers-reduced-motion:reduce){.theme-switch .knob{transition:none}}.cmdk-hint{border:1px solid var(--border);background:var(--ground);height:26px;color:var(--text-3);cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:inline-flex}.cmdk-hint kbd{font:inherit;color:var(--text-2);background:var(--panel-hi);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:9.5px}.hdr-spacer{flex:1}.core-bar{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;height:42px;padding:0 12px;display:flex}.core-sep{background:var(--border);width:1px;height:24px;margin:0 4px}.mode-switch{background:var(--ground);border:1px solid var(--border);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.mode-switch button{height:24px;color:var(--text-3);background:0 0;border:none;border-radius:4px}.mode-switch button.active{background:var(--accent-deep);color:#e6fffa}.ribbon-tabs{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:2px;height:30px;padding:0 12px;display:flex}.ribbon-tabs button{background:0 0;border:none;border-bottom:3px solid #0000;border-radius:5px 5px 0 0;height:26px}.ribbon-tabs button.active{background:var(--accent-dim);border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.ribbon-band{background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:14px;min-height:66px;padding:8px 12px 6px;display:flex;overflow-x:auto}.ribbon-group{flex-direction:column;gap:4px;display:flex}.ribbon-group .controls{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.ribbon-group .section-label{padding-left:2px}.ribbon-sep{background:var(--border);align-self:stretch;width:1px}.dyn{font-family:var(--glyph-font);font-size:13px;font-style:italic;font-weight:700}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:14px;width:236px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar section{flex-direction:column;gap:6px;display:flex}.doc-row{cursor:pointer;color:var(--text-2);border-left:3px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:3px 4px 3px 8px;display:flex}.doc-row:hover{background:var(--panel-hi)}.doc-row.current{background:var(--accent-dim);border-left-color:var(--accent);color:var(--text)}.doc-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.doc-row button{background:0 0;border:none;min-width:24px;height:22px;padding:2px 5px}.timeline{padding-left:18px;position:relative}.timeline:before{content:"";background:var(--border-hi);width:1.5px;position:absolute;top:8px;bottom:8px;left:6px}.timeline-node{padding:4px 0 10px;position:relative}.timeline-node:before{content:"";background:var(--text-3);border-radius:5px;width:9px;height:9px;position:absolute;top:8px;left:-16.5px}.timeline-node.draft:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.timeline-node.checkpoint:before{border:1.5px solid var(--text-3);background:0 0;width:7px;height:7px}.timeline-node .title{color:var(--text);font-size:11.5px}.timeline-node .meta{color:var(--text-3);font-size:10px}.timeline-counts{gap:10px;margin:3px 0 6px;font-size:10px;display:flex}.timeline-counts .added{color:var(--diff-added)}.timeline-counts .changed{color:var(--diff-changed)}.timeline-actions{gap:6px;margin-top:4px;display:flex}.diff-chooser{color:var(--text-3);align-items:center;gap:4px;margin-top:6px;display:flex}.diff-chooser select{flex:1;min-width:0;height:24px;font-size:10.5px}.canvas{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:26px 30px 60px;display:flex;overflow:auto}.paper{background:var(--paper);color:#1f2328;box-shadow:var(--shadow);border-radius:4px;min-width:420px;margin:0 auto;padding:34px 40px}.paper:not(.paged){padding-left:56px;padding-right:56px}.paper-title{text-align:center;color:#1f2328;margin:0 0 18px;font-size:17px;font-weight:700}.layout-toggle{background:var(--ground);border:1px solid var(--border);border-radius:5px;gap:2px;padding:2px;display:inline-flex}.layout-toggle button{background:0 0;border:none;height:20px;padding:0 8px;font-size:10px}.layout-toggle button.active{background:var(--accent-dim);color:var(--accent)}.paper.paged{box-shadow:none;background:0 0;padding:0}.paper.paged .verovio-host svg{background:var(--paper);box-shadow:var(--shadow);border-radius:3px}.paper.paged .verovio-host svg+svg{margin-top:20px}.staff-editor,.staff-wrapper{display:inline-block;position:relative}.verovio-host svg{display:block}.overlay{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.staff-wrapper.select-mode{cursor:default}.staff-wrapper.text-mode{cursor:text}.staff-wrapper.frame-dragging{cursor:grabbing}.verovio-host g.textFrame{cursor:grab}.text-frame-input{z-index:5;color:#1f2328;background:var(--paper);border:1px dashed var(--accent);border-radius:2px;outline:none;padding:2px 3px;font-family:Times,serif;position:absolute}.verovio-host g.textFrame text{fill:#1f2328}.verovio-host g.textFrame:hover text{fill:var(--accent-deep)}.mode-hint{color:#6c7178;margin-top:10px;font-size:10.5px}.note-selected,.note-selected *{fill:var(--accent-deep)!important;color:var(--accent-deep)!important}.note-playing,.note-playing *{fill:#0d9488!important;color:#0d9488!important}.selection-bar{color:#3f454c;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.selection-bar button{color:#1f2328;background:#f6f8fa;border-color:#d0d7de;height:24px}.loading,.error{color:var(--text-2);padding:30px}.error{color:var(--diff-removed)}.inspector{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:14px;width:252px;padding:12px;display:flex;overflow-y:auto}.inspector section{border-bottom:1px solid var(--border);flex-direction:column;gap:7px;padding-bottom:12px;display:flex}.inspector section:last-child{border-bottom:none}.insp-title{align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.insp-title .dot{background:var(--accent);border-radius:5px;width:9px;height:9px}.insp-sub{color:var(--text-3);margin-top:-4px;font-size:10px}.field{align-items:center;gap:8px;display:flex}.field label{width:70px;color:var(--text-3);flex-shrink:0;font-size:10px}.field input,.field select{flex:1;min-width:0;height:26px}.field .apply{flex-shrink:0;justify-content:center;min-width:30px}.field-error{color:var(--diff-removed);margin-top:-3px;padding-left:78px;font-size:10px}.toggle-row{flex-wrap:wrap;gap:4px;display:flex}.toggle-row button{justify-content:center;min-width:28px;height:26px;padding:2px 7px}.check-row{color:var(--text-2);align-items:center;gap:7px;font-size:11px;display:flex}.status-bar{background:var(--panel);border-top:1px solid var(--border);height:28px;color:var(--text-2);flex-shrink:0;align-items:center;gap:14px;padding:0 12px;font-size:10.5px;display:flex}.status-bar .saved-dot{background:var(--accent);border-radius:4px;width:7px;height:7px;margin-right:5px;display:inline-block}.status-bar .spacer{flex:1}.zoom-ctl{align-items:center;gap:5px;display:inline-flex}.zoom-ctl button{min-width:22px;height:20px;padding:0 5px}.menu-anchor{display:inline-block;position:relative}.menu{z-index:40;background:var(--panel);border:1px solid var(--border-hi);min-width:240px;box-shadow:var(--shadow);border-radius:8px;padding:5px;position:absolute;top:100%;left:0}.menu .doc-row{border-left:none}.cmdk-backdrop{z-index:90;background:var(--backdrop);justify-content:center;align-items:flex-start;padding-top:96px;display:flex;position:fixed;inset:0}.cmdk{background:var(--panel);border:1px solid var(--border-hi);width:560px;max-height:460px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.cmdk input{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;height:44px;padding:0 16px;font-size:14px}.cmdk-list{padding:6px;overflow-y:auto}.cmdk-item{cursor:pointer;color:var(--text-2);border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.cmdk-item.selected{background:var(--accent-dim);color:var(--text)}.cmdk-empty{color:var(--text-3);padding:14px;font-size:12px}.cmdk-item .home{color:var(--text-3);margin-left:auto;font-size:10px}.diff-view,.publish-view{flex:1;min-width:0;padding:18px 24px;overflow:auto}.diff-view .diff-header,.publish-view .diff-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.publish-view h2{margin:0;font-size:15px}.diff-method,.diff-hint{color:var(--text-3);font-size:11px}.legend{color:var(--text-2);align-items:center;gap:14px;margin:6px 0;font-size:11px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.diff-annotations{color:var(--text-2);margin-top:10px;font-size:11.5px}.diff-annotations ul{margin:6px 0;padding-left:20px}.diff-layout-toggle{background:var(--ground);border:1px solid var(--border);border-radius:5px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.diff-layout-toggle button{background:0 0;border:none;height:20px;padding:0 8px;font-size:10px}.diff-layout-toggle button.active{background:var(--accent-dim);color:var(--accent)}.sbs{align-items:flex-start;gap:18px;display:flex;overflow:auto}.sbs.stacked{flex-direction:column}.sbs-pane{flex-shrink:0}.sbs-label{color:var(--text-2);margin-bottom:6px;font-size:11px;font-weight:700}.sbs-label .old{color:var(--diff-removed);font-weight:400}.sbs-label .new{color:var(--diff-added);font-weight:400}.diff-view .verovio-host,.publish-view .verovio-host,.staging-diff .verovio-host{background:var(--paper);box-shadow:var(--shadow);border-radius:4px;padding:14px;display:inline-block}.diff-added,.diff-added *{fill:var(--added)!important;color:var(--added)!important}.diff-modified,.diff-modified *{fill:var(--changed)!important;color:var(--changed)!important}.diff-reveal-new,.diff-reveal-new *{fill:var(--added)!important;color:var(--added)!important}.publish-columns{align-items:flex-start;gap:22px;display:flex}.staging-list{flex-direction:column;gap:4px;min-width:320px;display:flex}.staged-op{background:var(--panel-hi);border:1px solid var(--border);border-radius:5px;align-items:baseline;gap:8px;padding:4px 6px;font-size:11.5px;display:flex}.staged-op .staged-label{color:var(--text)}.staged-op .staged-deps{color:var(--text-3);font-size:10px}.publish-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.publish-actions input{width:240px}.publish-choice{color:var(--text-2);font-size:11px}.rebase-report{color:var(--text-2);margin-top:8px;font-size:11px}.history-panel{color:var(--text-2);font-size:11.5px}.history-panel ol{margin:6px 0;padding-left:20px}.ref-chip{background:var(--panel-hi);border:1px solid var(--border);height:20px;color:var(--text-2);border-radius:10px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.io-status{color:var(--text-2);font-size:10.5px}.m-shell{background:var(--ground);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.m-top{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.m-top .logo{border-radius:5px;width:24px;height:24px;display:block}.m-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.m-canvas{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;flex:1;padding:10px;overflow:auto}.m-canvas .paper{min-width:0;margin:0;padding:18px 20px}.m-bottom{padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;display:flex}.m-bottom button{justify-content:center;min-width:44px;height:36px;font-size:13px}.m-zoom{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.m-spacer{flex:1}.m-sheet-backdrop{z-index:80;background:var(--backdrop);align-items:flex-end;display:flex;position:fixed;inset:0}.m-sheet{background:var(--panel-hi);border-top:1px solid var(--border-hi);width:100%;max-height:70dvh;padding:8px 14px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.m-sheet-grip{background:var(--border-hi);border-radius:2px;width:38px;height:4px;margin:2px auto 8px}.m-sheet-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:700}.m-doc{background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;height:42px;padding:0 10px;font-size:14px;display:flex}.m-doc.current{background:var(--accent-dim);color:var(--accent)}.m-doc .when,.m-version .when{color:var(--text-3);font-size:11px}.m-version{justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;font-size:13px;display:flex}.m-sheet-note{color:var(--text-3);padding:8px 10px;font-size:12px}.m-diff{z-index:90;background:var(--ground);flex-direction:column;display:flex;position:fixed;inset:0}.m-diff-bar{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.m-diff-body{-webkit-overflow-scrolling:touch;flex:1;padding:10px;overflow:auto}.m-diff-body .diff-view{padding:0}.panel-wrap{flex-shrink:0;min-height:0;display:flex;position:relative}.panel-wrap>.sidebar,.panel-wrap>.inspector{height:100%}.panel-collapse{z-index:4;border:1px solid var(--border);background:var(--panel);width:20px;height:20px;color:var(--text-2);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:6px}.panel-wrap.left .panel-collapse{right:6px}.panel-wrap.right .panel-collapse{left:6px}.panel-collapse:hover,.panel-collapse:focus-visible{color:var(--text);border-color:var(--accent)}.panel-rail{background:var(--panel);width:18px;color:var(--text-2);cursor:pointer;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:flex-start;padding:10px 0 0;font-size:14px;line-height:1;display:flex}.panel-rail.left{border-right:1px solid var(--border)}.panel-rail.right{border-left:1px solid var(--border)}.panel-rail:hover,.panel-rail:focus-visible{color:var(--accent);background:var(--panel-hi)}.gate-splash{background:var(--ground);height:100vh}.gate{background:var(--ground);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.gate-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:14px;width:380px;max-width:100%;padding:28px;display:flex}.gate-brand{align-items:center;gap:10px;display:flex}.gate-brand .logo{width:28px;height:28px}.gate-brand h1{color:var(--text);margin:0;font-size:22px}.gate-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:11px}.gate-notice{background:var(--accent-dim);border:1px solid var(--accent);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}.gate-copy{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.gate-actions{gap:8px;display:flex}.gate-actions button{flex:1}.gate-divider{border-top:1px solid var(--border)}.gate-request{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.gate-row{gap:6px;display:flex}.gate-row input{flex:1;min-width:0}.gate-error{color:var(--diff-removed);font-size:12px}