#score-popover[data-kind=strength-range],#score-popover[data-kind=strength-point]{width:min(860px,calc(100vw - 32px));padding:16px 18px;border-radius:20px}
#score-popover[data-kind=strength-point]{width:300px}
#score-popover[data-strength-window]{position:fixed;right:auto;bottom:auto;z-index:110;max-height:calc(100dvh - 16px);overflow:auto;animation:none}
[data-strength-window] .strength-range-heading{cursor:move;touch-action:none;user-select:none}
.strength-range-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:34px}.strength-range-heading strong{font-size:14px}.strength-range-heading>span{margin-right:auto;color:#888;font-size:11px}
.strength-range-heading .range-icon,.strength-range-zoom button,.strength-scroll-arrow,.strength-key-delete,.strength-step-button{--strength-circle:34px;display:grid;place-items:center;flex:0 0 var(--strength-circle);width:var(--strength-circle);height:var(--strength-circle);min-width:var(--strength-circle);max-width:var(--strength-circle);min-height:var(--strength-circle);max-height:var(--strength-circle);aspect-ratio:1;border:0;border-radius:50%;padding:8px;background:#eee;color:#555}
.strength-range-heading .range-icon svg,.strength-range-zoom svg,.strength-scroll-arrow svg,.strength-key-delete svg,.strength-step-button svg{display:block;width:18px;height:18px;flex:none}
.strength-range-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.strength-range-modes{display:flex;gap:3px;border-radius:18px;padding:3px;background:#eee}.strength-range-modes button{border:0;border-radius:15px;padding:6px 13px;background:transparent;color:#888;font-size:12px}.strength-range-modes button[aria-pressed=true]{background:#fff;color:#222;box-shadow:0 1px 5px #0001}
.strength-range-zoom{display:flex;align-items:center;gap:4px}.strength-range-zoom #strength-zoom-reset{flex:0 0 45px;width:45px;min-width:45px;max-width:45px;border-radius:12px;padding:0;font-size:11px;font-variant-numeric:tabular-nums;background:transparent;aspect-ratio:auto}
.strength-chart-shell{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px;border-top:1px solid #eee;padding-top:6px}.strength-chart-axis{position:relative;color:#999;font:10px ui-monospace,monospace}.strength-chart-axis span{position:absolute;right:3px;transform:translateY(-50%)}
.strength-chart-viewport{min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;outline-offset:0;border-radius:8px}.strength-chart{display:block;overflow:hidden;user-select:none;touch-action:pan-x}
.strength-grid-line{stroke:#ddd;stroke-width:1;stroke-dasharray:3 4;pointer-events:none}.strength-time-line{stroke:#eee;stroke-width:1;pointer-events:none}.strength-time-label{fill:#999;font:10px ui-monospace,monospace;pointer-events:none}
.strength-selected-column{fill:#eee;pointer-events:none}.strength-stem{stroke:#bbb;stroke-width:1;pointer-events:none}.strength-stem.selected{stroke:#555;stroke-width:2}.strength-hit{fill:transparent;stroke:none;touch-action:none;cursor:ns-resize}.strength-handle{fill:#fff;stroke:#888;stroke-width:1.5;cursor:ns-resize;touch-action:none;outline:none}.strength-handle.selected{fill:#222;stroke:#222}.strength-handle:focus-visible{stroke:#111;stroke-width:3}.strength-smooth-path{fill:none;stroke:#444;stroke-width:2;pointer-events:none}.strength-actual-ghost{fill:#bbb;opacity:.6;pointer-events:none}.strength-point-value{fill:#333;font:11px ui-monospace,monospace;pointer-events:none}.strength-ruler-point{cursor:pointer}.strength-ruler-point>rect{fill:transparent}.strength-ruler-dot{fill:#bbb;pointer-events:none}.strength-ruler-dot.selected{fill:#222}
.strength-selection-controls{display:flex;align-items:center;gap:6px;border-top:1px solid #eee;padding-top:8px;margin-top:4px}.strength-selection-controls>span{flex:1;min-width:0;font-size:11px;color:#888;font-variant-numeric:tabular-nums}.strength-selection-controls output{font:12px ui-monospace,monospace;min-width:5ch;text-align:right;margin-right:3px;color:#555}#strength-step-up svg{transform:rotate(180deg)}
.strength-range-footer{display:flex;align-items:center;gap:9px;margin-top:10px}.strength-range-footer #strength-range-status{flex:1;font-size:11px;color:#999}.strength-range-footer #strength-curve-apply{display:flex;align-items:center;gap:5px;border-radius:18px;padding:6px 11px;font-size:12px;min-height:34px}.strength-range-footer #strength-curve-apply svg{width:15px;height:15px}#strength-scroll-right svg{transform:rotate(180deg)}
@media(max-width:760px){.strength-range-controls{gap:6px}.strength-range-modes button{padding:7px 9px;font-size:12px}.strength-range-zoom{gap:1px}.strength-chart-shell{grid-template-columns:25px minmax(0,1fr)}.strength-range-heading .range-icon,.strength-range-zoom button,.strength-scroll-arrow,.strength-key-delete,.strength-step-button{--strength-circle:38px}.strength-range-footer{gap:6px}.strength-range-footer #strength-range-status{font-size:10px}}
#fretboard-inline{position:relative;min-width:0}#fretboard-inline-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:7px}#fretboard-inline-toolbar strong{font-size:12px;font-weight:500;color:#777}#fretboard-inline-toolbar #fretboard-inline-back{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;aspect-ratio:1;padding:7px;background:#eee;border-radius:50%}
#fretboard-inline-body{min-width:0;max-height:min(300px,40dvh);overflow:auto;overscroll-behavior:contain}
#fretboard-inline-body>#score-popover.score-popover,#fretboard-inline-body>#score-popover.score-popover[data-kind]{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;background:transparent!important;overflow:visible!important}
#fretboard-inline-body .annotation-tail{display:none}
#fretboard-inline-body>#score-popover[data-kind=strength]{display:grid;grid-template-columns:minmax(100px,1fr) 46px auto;align-items:center;gap:8px}
#fretboard-inline-body .strength-heading{grid-column:3;grid-row:1;margin:0}#fretboard-inline-body .strength-heading>strong,#fretboard-inline-body .strength-heading>span{display:none}#fretboard-inline-body .strength-value-row{grid-column:2;grid-row:1;margin:0}#fretboard-inline-body .strength-horizontal{grid-column:1;grid-row:1}

#fretboard-inline-body>#score-popover::before{display:none}
.strength-chart[data-mode=smooth]{cursor:crosshair}
#fretboard-inline-body .technique-options,body[data-operation-menu=detailed] #fretboard-inline-body .technique-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;justify-items:stretch}
#fretboard-inline-body .technique-options>.technique-option,body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option{justify-content:center;gap:5px;width:100%;height:38px;min-height:38px;padding:7px;border:0;border-radius:19px;background:#f1f1f1;white-space:nowrap}
#fretboard-inline-body .technique-options .operation-label{font-size:11px;line-height:1;white-space:nowrap}
#fretboard-inline-body .technique-options>.technique-option svg{width:17px;height:17px;flex:0 0 17px}
#fretboard-inline-body .technique-options>.technique-option[aria-pressed=true],body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option[aria-pressed=true]{background:#222;color:#fff}
#fretboard-inline-body #technique-close,#fretboard-inline-body #strength-close{display:none}
#fretboard-inline-body .compact-toolbar{margin-bottom:8px}
#fretboard-inline-body .chord-category-tabs{flex-wrap:nowrap;overflow-x:auto;margin-bottom:4px;padding-bottom:6px}
#fretboard-inline-body .chord-library-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100px;max-height:150px;overflow-x:auto;overflow-y:hidden}
#fretboard-inline-body .chord-library-item>svg{max-height:105px}
#fretboard-inline-body .rhythm-card-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(230px,80%);max-height:none;overflow-x:auto;overflow-y:hidden}
#fretboard-inline-body .rhythm-card .rhythm-tab{max-height:100px}
@media(max-width:760px){#fretboard-inline-body .technique-options>.technique-option,body[data-operation-menu=detailed] #fretboard-inline-body .technique-options>.technique-option{height:40px;min-height:40px;border-radius:20px;gap:4px;padding:6px 3px}#fretboard-inline-body .technique-options .operation-label{font-size:10px}}
@media(pointer:coarse){.strength-handle{r:10px}}

#fretboard-panel[data-selection=range] #fretboard-inline-body{max-height:min(530px,65dvh)}
#fretboard-inline-body [data-kind=strength-range] .strength-range-heading strong,#fretboard-inline-body [data-kind=strength-range] .strength-range-heading>span,#fretboard-inline-body [data-kind=strength-range] #strength-range-close{display:none}
#fretboard-inline-body [data-kind=strength-range] .strength-range-heading{position:absolute;top:0;right:0;margin:0}
.strength-horizontal{position:relative;min-width:0;padding:4px 9px 20px}
.strength-horizontal input{display:block;width:100%;margin:0!important}
.strength-horizontal-ticks{position:relative;margin:0 0;height:0;color:#999;font:9px ui-monospace,monospace}
.strength-horizontal-ticks span{position:absolute;top:7px;transform:translateX(-50%)}
.strength-horizontal-ticks span::before{content:'';position:absolute;width:1px;height:4px;background:#bbb;left:50%;top:-5px}
#fretboard-panel[data-selection=range] .fretboard-footer{margin-top:0;padding-top:8px}
.editor-range-location{font:12px ui-monospace,monospace;letter-spacing:0}