:root{--paper:#ffffff;--bg:#eeeeee;--ink:#111111;--muted:#555555;--line:#cccccc;--green:#111111;--gold:#111111;--sidebar:224px}*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:7px 12px;background:#ffffff;color:var(--ink);white-space:nowrap}button:hover{background:#f0f0f0}button:disabled{opacity:.36;cursor:default}input,select,textarea{color:var(--ink);border:1px solid var(--line);border-radius:6px;background:#ffffff;padding:7px 9px;min-width:0}input[type=range]{padding:0;accent-color:var(--green)}input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #aaaaaa;outline-offset:3px}[hidden]{display:none!important}.primary,.primary:hover{background:var(--green);border-color:var(--green);color:#ffffff}.primary:hover{background:#4c4c4c}.danger{color:#5c5c5c}.text-button{border:0;background:transparent;font-size:12px;padding:4px}.icon-button{border:0;background:transparent;font-size:19px;padding:3px 8px;min-width:30px}.toggle{background:transparent;border-color:transparent;font-size:13px}.toggle.active{background:#ededed;color:var(--green);border-color:#d3d3d3}#library{width:var(--sidebar);height:100vh;position:fixed;left:0;top:0;background:#f7f7f7;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 18px 18px;z-index:5}.library-brand{display:flex;align-items:center;gap:9px;margin-bottom:27px}.mark{font:32px Georgia;color:var(--green)}.library-brand strong{font-size:18px;font-weight:650;letter-spacing:2px}.library-brand button{margin-left:auto}.library-actions{display:flex;gap:7px}.library-actions .primary{flex:1}.library-actions button{font-size:13px}.search{display:flex;align-items:center;gap:5px;margin:22px 0 16px;background:#ececec55;border-bottom:1px solid var(--line);color:var(--muted)}.search input{border:0;background:transparent;width:100%;padding:9px 3px}.search span{font-size:22px}.song-card{position:relative;width:100%;text-align:left;border-color:transparent;background:transparent;border-radius:9px;padding:14px 12px;margin-bottom:5px;white-space:normal}.song-card.active{background:#eaeaea;color:var(--green)}.song-card strong{display:block;font-weight:600;font-size:14px;word-break:break-word}.song-card span{display:block;font-size:11px;color:#909090;margin-top:4px}.song-card .restore{display:block;margin-top:7px;color:var(--green)}#song-list{overflow-y:auto;flex:1}.library-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}#workspace{margin-left:var(--sidebar);height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:78px;min-height:78px;padding:0 30px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#f9f9f9;position:relative}.document-heading{display:flex;align-items:center;gap:13px;flex:1;min-width:0}h1{font-size:18px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#save-state{font-size:11px;color:#939393;white-space:nowrap}#save-state.error{color:#5c5c5c}.mode-switch{display:flex;background:#eaeaea;border-radius:8px;padding:3px;gap:2px}.mode-switch button{border:0;background:transparent;padding:6px 20px;font-size:13px}.mode-switch .active{background:#ffffff;box-shadow:0 1px 4px #2e2e2e17;color:var(--green)}.menu{position:absolute;right:27px;top:65px;z-index:20;background:#ffffff;box-shadow:0 6px 30px #3737371a;border:1px solid var(--line);border-radius:9px;padding:6px;min-width:155px}.menu button{display:block;border:0;width:100%;text-align:left}.transport{min-height:66px;display:flex;align-items:center;gap:18px;padding:10px 30px;border-bottom:1px solid var(--line);background:#f8f8f8;flex-wrap:wrap}.play-controls{display:flex;align-items:center;gap:10px}.play-button{height:36px;width:36px;border-radius:50%;background:var(--green);border:0;color:white;font-size:15px;display:grid;place-items:center;padding:0}.play-button:hover{background:#4c4c4c}#position{font:13px ui-monospace,Consolas,monospace;min-width:56px;color:#676767}.tempo-label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.tempo-label input{width:65px;border:0;background:transparent;font-size:16px;padding:5px}.volume-label{display:flex;gap:8px;align-items:center;color:#727272}.volume-label input{width:66px;height:3px}.toolbar-spacer{flex:1}.chord-display-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#6d6d6d}.chord-display-label select{border:0;background:transparent;font-size:13px;padding:5px}.scroll-control{display:flex;gap:3px;align-items:center}.scroll-control label{display:flex;align-items:center;font-size:10px;color:var(--muted)}.scroll-control input{width:48px;border:0;background:transparent;padding:5px;font-size:13px}.content-layout{flex:1;min-height:0;display:flex}#score-scroll{flex:1;overflow:auto;scrollbar-gutter:stable;padding:40px 36px 90px;position:relative}#score-paper{max-width:1050px;margin:0 auto;min-height:100%;background:var(--paper);border:1px solid #e2e2e2;box-shadow:0 5px 28px #3f3f3f06;padding:46px 45px 45px}.score-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:15px}.score-heading h2{font-family:"Microsoft YaHei",sans-serif;font-size:30px;font-weight:600;letter-spacing:2px;margin:0}#score-meta{display:flex;align-items:center;gap:16px;color:#7e7e7e;font-size:12px}.info-dot{cursor:help;border:1px solid #c9c9c9;border-radius:50%;display:inline-grid;place-items:center;width:17px;height:17px;font:11px Georgia;flex:none}.score-section{font-size:12px;color:#909090;letter-spacing:2px;margin:24px 0 12px}.score-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;margin-bottom:26px}.score-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.score-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.measure{min-width:0;border-radius:5px;position:relative;outline:1px solid transparent;padding:3px 0 5px;transition:background .15s;scroll-margin-top:30px}.measure.selected{background:#f2f2f270;outline-color:#e1e1e1}.measure svg{width:100%;display:block;user-select:none}.measure .bar-number{position:absolute;left:8px;top:0;color:#989898;font:11px Georgia;z-index:1;display:flex;gap:6px;align-items:center}.candidate-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a0a0a0;cursor:help}.tab-hit{fill:transparent;stroke:none;cursor:crosshair}.tab-hit:hover{fill:#111111;fill-opacity:.05}.chord-hit{fill:transparent;stroke:none;cursor:pointer}.chord-hit:hover{fill:#111111;fill-opacity:.07}.playhead{stroke:#717171;stroke-width:1.8;pointer-events:none}.playhead-dot{fill:#717171;pointer-events:none}.bar-lyrics{padding:0 28px 5px 54px;font-size:14px;line-height:1.8;min-height:25px;word-break:break-word;color:#535353;white-space:pre-wrap}.bar-lyrics.empty{color:#aeaeae;font-size:12px}.edit-mode .bar-lyrics{cursor:text}.add-bar{width:100%;border-style:dashed;background:transparent;color:#878787;margin-top:10px;padding:14px}#editor{width:320px;min-width:320px;border-left:1px solid var(--line);background:#f8f8f8;overflow:auto;padding:20px 20px 35px}.editor-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}.editor-heading strong{font-size:12px;font-weight:500}.editor-heading .icon-button{font-size:20px}.editor-tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;margin-bottom:19px}.editor-tabs button{flex:1;border:0;border-radius:0;background:transparent;font-size:13px;padding:9px 0}.editor-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}#editor section>label,.score-settings label,.pattern-actions label{display:grid;gap:6px;font-size:12px;color:#868686;margin-bottom:15px}#editor input,#editor select,#editor textarea{width:100%}#chord-edit-tools{display:flex;align-items:center;gap:5px;margin-top:10px}#chord-edit-tools button{font-size:11px;padding:4px 7px;background:transparent;border-color:transparent}#chord-edit-tools button.active{background:#e8e8e8;color:var(--green)}#fret-range{font-size:11px;color:#878787;white-space:nowrap}#chord-editor-svg{height:218px;display:flex;justify-content:center}#chord-editor-svg svg{height:100%;max-width:100%}.finger-hit{fill:transparent;stroke:transparent;cursor:pointer}.finger-hit:hover,.finger-hit:focus-visible{fill:#111111;fill-opacity:.15;stroke:#11155;outline:0}.chord-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chord-actions button{font-size:12px;padding:7px 9px}.preset-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:10px;font-size:13px}.preset-heading strong{font-weight:600}#preset-search{font-size:12px;margin-bottom:12px}#preset-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:340px;overflow:auto}.preset-button{min-width:0;white-space:normal;padding:5px 3px 1px;border-color:#e4e4e4;background:#ffffff}.preset-button strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preset-button svg{width:100%;height:66px}textarea{resize:vertical;line-height:1.8;min-height:130px}.inline-controls{display:flex;gap:6px;justify-content:space-between;margin-top:12px}.inline-controls button{font-size:12px;padding:7px 9px}.score-settings{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}.score-settings summary{font-size:12px;color:#7d7d7d;cursor:pointer;margin-bottom:15px}.string-picks{border:0;padding:0;margin:0 0 18px}.string-picks legend{font-size:12px;color:#868686;margin-bottom:8px}#string-picks{display:flex;gap:5px}#string-picks label{cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:12px}#string-picks label:has(input:checked){background:#e8e8e8;color:var(--green);border-color:#bababa}#string-picks input{position:absolute;opacity:0;width:1px!important}#string-picks label:has(input:focus-visible){outline:2px solid var(--green)}.pattern-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.pattern-actions button{font-size:12px}.pattern-actions label{margin-bottom:9px}#delete-bar{margin-top:22px}#show-library{display:none}.library-hidden #library{display:none}.library-hidden #workspace{margin-left:0}.library-hidden #show-library{display:block}.message{padding:9px 30px;background:#f3f3f3;color:#5a5a5a;font-size:12px}.message a{color:inherit}.message button{margin-left:12px;font-size:12px}.menu .danger:hover{background:#f4f4f4}dialog{border:1px solid var(--line);border-radius:13px;padding:27px;width:380px;max-width:92vw;box-shadow:0 20px 80px #2a2a2a29}dialog::backdrop{background:#2424245c}dialog h2{font-size:19px;margin:0 0 20px}dialog label{display:grid;gap:7px;font-size:12px;color:#7d7d7d}dialog p{color:#737373;font-size:13px;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#414141;color:white;border-radius:8px;padding:10px 19px;z-index:50;font-size:13px;max-width:90vw}#empty-state{text-align:center;padding:100px 20px}#empty-state h2{font-size:22px;font-weight:500;color:#959595}.edit-mode #score-scroll{padding:30px 23px 70px}.edit-mode #score-paper{padding:35px 25px}.edit-mode .score-heading h2{font-size:25px}.edit-mode .score-heading{margin-bottom:25px}.edit-mode .score-row{grid-template-columns:1fr}.edit-mode .bar-lyrics.empty:hover{color:var(--green)}.playing #play{background:#626262}
@media(min-width:1600px){.edit-mode .score-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){:root{--sidebar:195px}.topbar{padding:0 20px}.transport{gap:10px;padding:10px 20px}.volume-label{display:none}#score-scroll{padding:27px 20px 70px}#score-paper{padding:35px 25px}.score-heading h2{font-size:26px}#editor{width:285px;min-width:285px;padding:18px 15px}#score-meta{gap:9px}.heading-right{flex-wrap:wrap}}
@media(max-width:850px){#library{box-shadow:8px 0 30px #30303015}#workspace{margin-left:0}body:not(.library-hidden)::after{content:"";position:fixed;inset:0 0 0 var(--sidebar);background:#1e1e1e35;z-index:4}#show-library{display:block}.topbar{height:64px;min-height:64px;padding:0 16px;gap:8px}.mode-switch button{padding:6px 12px}#save-state{font-size:10px}.transport{padding:10px 16px;gap:12px}.toolbar-spacer{display:none}.transport .scroll-control{margin-left:auto}.chord-display-label{margin-left:auto}.score-row,.score-row.three,.score-row.four{grid-template-columns:1fr}#score-paper{padding:26px 18px}.content-layout{position:relative}.edit-mode #editor{position:absolute;right:0;top:0;bottom:0;z-index:3;width:290px;min-width:290px;box-shadow:-5px 0 20px #35353510}.edit-mode #score-scroll{padding-right:305px;min-width:630px}.edit-mode .content-layout{overflow:auto}.score-heading{align-items:flex-start}.score-heading h2{font-size:24px}#score-meta{flex-wrap:wrap;justify-content:flex-end;font-size:11px}.bar-lyrics{font-size:13px}#position{min-width:44px}.tempo-label input{width:55px;font-size:14px}}
@media(max-width:520px){.document-heading{gap:7px}h1{font-size:16px}#save-state{max-width:45px;overflow:hidden}.transport{gap:8px}.play-controls{gap:4px}.play-button{width:33px;height:33px}.transport .chord-display-label{margin-left:auto}.scroll-control{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:6px}.transport .scroll-control label input{width:53px}#score-scroll{padding:18px 10px 60px}#score-paper{padding:24px 11px}.score-heading{margin-bottom:22px}.score-heading h2{font-size:23px}#score-meta{gap:6px}.score-row{margin-bottom:15px}.edit-mode .content-layout{display:block;overflow-y:auto}.edit-mode #editor{position:relative;top:auto;right:auto;width:100%;min-width:0;border-left:0;border-top:1px solid var(--line);height:auto;box-shadow:none}.edit-mode #score-scroll{padding:16px 10px 25px;min-width:0;max-height:44vh}.edit-mode #score-paper{padding:22px 12px}.edit-mode .score-heading{display:none}.edit-mode #preset-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:200px}.edit-mode #chord-editor-svg{height:185px}.edit-mode #editor{padding:15px 20px}.edit-mode .editor-heading{margin-bottom:5px}.edit-mode .editor-tabs{margin-bottom:10px}.edit-mode .score-settings{margin-top:20px}#song-menu{right:10px}}
@media print{body{height:auto;overflow:visible;background:white}#library,.topbar,.transport,#editor,.message,.add-bar,#toast,dialog,.bar-lyrics.empty{display:none!important}#workspace{margin:0;height:auto;display:block}.content-layout,#score-scroll{display:block;overflow:visible;padding:0!important;height:auto;max-height:none!important;min-width:0!important}#score-paper{box-shadow:none;border:0;padding:12mm!important;max-width:none}.measure{break-inside:avoid;outline:0!important;background:none!important}.score-row{break-inside:avoid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.playhead,.playhead-dot{display:none}.score-section{break-after:avoid}.score-heading h2{font-size:25px}}
@media(max-width:520px){.transport{gap:6px}.play-controls{gap:3px}#position{min-width:36px;font-size:12px}.play-controls .icon-button{min-width:28px;padding:3px 5px;font-size:16px}.tempo-label{gap:3px}.tempo-label input{width:44px;padding:4px 1px}.chord-display-label{gap:2px}.chord-display-label select{padding:4px 2px}.transport #lyrics-toggle{padding:6px 8px}.transport .scroll-control{padding-top:5px}}

/* Direct score editing, monochrome. */
:root{--paper:#fff;--bg:#eee;--ink:#111;--muted:#555;--line:#ccc;--green:#111;--gold:#111}
.score-row.one{grid-template-columns:1fr!important}.measure>svg{width:100%}.measure svg svg{width:255px!important;height:auto}.measure.selected{background:#fafafa;outline-color:#999}.measure .bar-number{color:#333;font:13px ui-monospace,monospace}.score-section,#score-meta,#save-state{color:#555}.playhead{stroke:#111;stroke-width:2}.playhead-dot{fill:#111}.candidate-dot{background:#333}.bar-lyrics{fill:#111;font-size:23px;pointer-events:auto}.lyric-placeholder{pointer-events:none}.time-hit,.string-hit,.lyric-hit,.chord-hit{fill:transparent;stroke:none;touch-action:none}.time-hit{cursor:crosshair}.time-hit:hover{fill:#000;fill-opacity:.035}.string-hit{cursor:cell}.string-hit:hover{fill:#000;fill-opacity:.18}.lyric-hit{cursor:text}.lyric-hit:hover{fill:#000;fill-opacity:.04}.chord-add{cursor:pointer}.chord-add:hover{font-weight:bold}.chord-hit:hover{fill:#000;fill-opacity:.05}.played-note{pointer-events:none}.beat-label{pointer-events:none}.range-shade{fill:#000;fill-opacity:.1;pointer-events:none}.lyric-snap-target{fill:#111;pointer-events:none}.lyric-snap-line{stroke:#111;stroke-width:1.5;stroke-dasharray:4 4;pointer-events:none}.snap-note rect{fill:#111}.snap-note text{fill:white}.tab-svg{touch-action:pan-y}.in-range{outline-color:#777}.score-popover{position:fixed;z-index:80;width:370px;max-width:calc(100vw - 16px);max-height:70vh;overflow:auto;background:white;border:1px solid #333;border-radius:10px;box-shadow:0 8px 32px #0003;padding:14px}.popover-head{display:flex;gap:8px;align-items:center;margin-bottom:12px}.popover-head strong,.popover-head label{flex:1;font-size:14px}.popover-head button{padding:4px 8px}.picker-tabs{display:flex;gap:6px;margin-bottom:10px}.picker-tabs button{flex:1}.picker-tabs .active{color:white;background:#111}.score-popover input{width:100%;margin-bottom:10px}#picker-chords{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;margin-bottom:10px}#picker-chords button{padding:6px 1px;min-width:0}#picker-chords strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}#picker-chords svg{width:100%;height:auto}#picker-search{position:sticky;top:0}.picker-empty{grid-column:1/-1;padding:15px;text-align:center;color:#555}.lyric-input-row{display:flex;gap:8px}.lyric-input-row input{margin:0;flex:1;width:0}.range-actions{display:grid;gap:8px}.range-actions button{text-align:left}#range-tools{display:flex;align-items:center;gap:8px;padding:8px 28px;border-bottom:1px solid #ccc;background:white;flex-wrap:wrap}#range-tools strong{font:13px ui-monospace,monospace;margin-right:6px}#range-tools button{padding:5px 9px;font-size:12px}#range-loop.active{background:#111;color:white}#range-clear{margin-left:auto}#fret-drag-value{position:fixed;z-index:90;background:#111;color:white;padding:6px 12px;border-radius:5px;pointer-events:none;font-size:17px;font-weight:600}.inline-edit-options{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:15px}.inline-edit-options label{display:flex;align-items:center;gap:5px;font-size:12px}.inline-edit-options select{width:auto!important;font-size:12px;padding:5px}.inline-edit-options button{font-size:11px;padding:5px}.inline-edit-options .info-dot{margin-left:auto}#preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}#preset-list .preset-button svg{height:auto;width:100%}#preset-list .preset-button strong{font-size:13px}#chord-editor-svg{height:240px}.score-heading{margin-bottom:22px}#score-paper{padding-left:26px;padding-right:26px}.score-row{margin-bottom:24px}.edit-mode .score-row{grid-template-columns:1fr!important}.edit-mode #score-paper{padding-left:14px;padding-right:14px}
@media(max-width:520px){#range-tools{padding:7px 12px;gap:5px}.measure>svg{min-width:520px}.measure{overflow-x:auto}.measure .bar-number{position:sticky;left:6px;height:0}.edit-mode #preset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.score-popover{max-height:65vh}.edit-mode #score-scroll{max-height:50vh}.score-row{min-width:0}#score-paper{padding-left:7px;padding-right:7px}.score-heading{gap:8px}}
@media print{#range-tools,.score-popover,#fret-drag-value,.chord-add,.time-hit,.string-hit,.lyric-hit,.beat-label,.range-shade,.lyric-snap-target,.lyric-snap-line{display:none!important}.measure>svg{min-width:0}.measure{overflow:visible}.score-row{grid-template-columns:1fr!important}}
/* Native-size continuous systems: horizontal layout never scales the staff. */
#score-scroll{min-width:0;overflow:auto}#score-paper{width:max-content;min-width:100%;max-width:none;padding-left:24px;padding-right:24px}#score{overflow:visible}.score-row,.edit-mode .score-row,.score-row.one,.score-row.three,.score-row.four{display:flex!important;gap:0!important;align-items:flex-start;margin:0 0 26px}.score-row .measure{flex:none;min-width:0;width:max-content;margin:0;padding:0;overflow:visible;border-radius:0;outline:0;transition:none}.measure>svg.tab-svg{width:auto!important;min-width:0!important;max-width:none;height:auto;display:block}.measure .bar-number{position:absolute;top:0;left:7px;height:auto;color:#444;font:11px ui-monospace,monospace}.measure.selected{background:#fafafa;outline:none}.measure.in-range{outline:none}.staff-line{shape-rendering:crispEdges}.bar-lyrics{font-size:17px!important}.chord-add{font-size:18px}.beat-label{font-size:13px}.grid-guide{pointer-events:none;opacity:0}.edit-mode .grid-guide,.hovering-grid .grid-guide{opacity:.045}.edit-mode .grid-guide[data-level=bar],.hovering-grid .grid-guide[data-level=bar]{opacity:.25;stroke-width:1.2}.edit-mode .grid-guide[data-level=quarter],.hovering-grid .grid-guide[data-level=quarter]{opacity:.18;stroke-width:1.1}.edit-mode .grid-guide[data-level=eighth],.hovering-grid .grid-guide[data-level=eighth]{opacity:.09}.edit-mode .grid-guide[data-level=sixteenth],.hovering-grid .grid-guide[data-level=sixteenth]{opacity:.065}.time-hit:hover,.string-hit:hover,.lyric-hit:hover{fill:transparent}.range-shade,.hover-segment{fill:#111;stroke:none;pointer-events:none;fill-opacity:.045}.range-shade[data-level=sixteenth],.hover-segment[data-level=sixteenth]{fill-opacity:.07}.range-shade[data-level=eighth],.hover-segment[data-level=eighth]{fill-opacity:.105}.range-shade[data-level=quarter],.hover-segment[data-level=quarter]{fill-opacity:.17}.range-shade[data-level=bar],.hover-segment[data-level=bar]{fill-opacity:.21}.hover-segment[data-level=bar],.hover-segment[data-level=quarter]{stroke:#111;stroke-opacity:.2;stroke-width:1}.pointer-cursor{stroke:#111;stroke-width:1;pointer-events:none}.pointer-cursor[data-level=quarter],.pointer-cursor[data-level=bar]{stroke-width:2}.pointer-dot{fill:#111;pointer-events:none}.pointer-time{fill:#111;font-weight:600;pointer-events:none;paint-order:stroke;stroke:white;stroke-width:3}.row-count-label{display:flex;gap:4px;align-items:center;font-size:12px}.row-count-label select{padding:5px 6px;border:0;background:transparent;min-width:40px}.row-count-label span{color:#555}#range-tools{position:fixed;z-index:75;left:auto;right:24px;top:auto;bottom:20px;width:max-content;max-width:calc(100vw - 16px);height:38px;display:flex;align-items:center;gap:2px;flex-wrap:nowrap;background:#fff;padding:3px;border:1px solid #aaa;border-radius:8px;box-shadow:0 4px 18px #0002}#range-tools[style*="left"]{right:auto;bottom:auto}#range-tools .range-icon{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;background:transparent;border-radius:5px;margin:0}#range-tools .range-icon:hover{background:#eee}#range-tools .range-icon.active{background:#111;color:white}#range-tools .range-icon svg{display:block;pointer-events:none}.range-icon:focus-visible{outline:2px solid #111;outline-offset:1px}.edit-mode #score-paper{padding-left:18px;padding-right:18px}.measure svg svg{height:auto}#editor{width:300px;min-width:300px}
@media(max-width:850px){.edit-mode #score-scroll{min-width:0;padding-right:20px}.edit-mode #editor{position:relative;box-shadow:none;width:270px;min-width:270px}.edit-mode .content-layout{overflow:hidden}.row-count-label{margin-left:auto}.chord-display-label{margin-left:0}.transport{gap:8px}}
@media(max-width:520px){#score-paper,.edit-mode #score-paper{padding-left:12px;padding-right:12px}.measure>svg.tab-svg{min-width:0!important}.edit-mode #editor{width:100%;min-width:0}.edit-mode .content-layout{overflow:auto;display:block}.edit-mode #score-scroll{max-height:50vh;padding-right:10px}.row-count-label{font-size:11px;gap:1px}.row-count-label select{min-width:30px;padding:4px 2px}.row-count-label span{display:none}.measure .bar-number{position:absolute}#range-tools .range-icon{width:30px;height:30px}}
@media print{#score-paper{min-width:0;width:max-content;max-width:none}.score-row{display:flex!important}.grid-guide,.pointer-cursor,.pointer-dot,.pointer-time,.hover-segment,#range-tools{display:none!important}.measure>svg.tab-svg{width:auto!important;height:auto}}
/* Directly editable score labels retain the reading layout. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-name-button,.score-title-button,.meta-text-button{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;border:0;border-radius:4px;padding:0;background:transparent;text-align:inherit}.section-name-button:hover,.score-title-button:hover,.meta-text-button:hover{background:#eee;box-shadow:0 0 0 4px #eee}.bar-number{z-index:2}.bar-info-button{font:inherit;color:inherit;background:transparent;border:0;border-radius:3px;min-width:18px;height:20px;padding:1px 3px;margin:-2px 0}.bar-info-button:hover{background:#e5e5e5}.review-note-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:-2px 0;border:0;background:transparent;border-radius:4px}.review-note-button:hover{background:#ddd}.review-note-button .candidate-dot{pointer-events:none;cursor:pointer}.metadata-note-button{padding:0;background:transparent;color:inherit}.metadata-note-button:hover{background:#eee}#metadata-form>label{display:block;margin-bottom:5px;font-size:12px;color:#444}#metadata-form>input,#metadata-form>select,#metadata-form>textarea{display:block;width:100%;margin:0 0 13px}#metadata-form>textarea{min-height:64px;line-height:1.6}#metadata-form .popover-head{margin-bottom:14px}#metadata-form .range-icon{display:inline-grid;place-items:center;width:31px;height:31px;padding:5px;border:0;background:transparent}#metadata-form .range-icon:hover{background:#eee}#metadata-form .range-icon svg{width:18px;height:18px}#metadata-form .metadata-actions{display:flex;align-items:center;gap:6px;margin-top:16px}#metadata-form .metadata-actions>span{flex:1}#metadata-form .popover-head .range-icon{margin-left:auto}
@media print{.section-name-button,.score-title-button,.meta-text-button{background:none;border:none;box-shadow:none}.bar-info-button,.review-note-button{border:0;background:none}}