:root{--score-paper:#171c16;--score-ink:#ddd4bd;--score-muted:#c5bda8;--score-line:#7a806b}
:root[data-score-theme=light]{--score-paper:#f3efdf;--score-ink:#383b30;--score-muted:#575b49;--score-line:#9c9c82}
#score-wrap,#score,.score-surface,.reference-page{background:var(--score-paper);color:var(--score-ink)}
#score-status{color:var(--score-muted)}
.score-appearance-options{border:1px solid #c8a66e35;border-radius:9px;padding:14px;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.score-appearance-options legend{font:18px var(--brand-serif,Georgia);color:#d7c5a4;padding:0 6px}.score-appearance-options label{margin:0!important;display:grid;gap:7px;font-size:12px}.score-appearance-options select{width:100%;font-size:12px;min-height:40px;padding:8px}.score-appearance-options p{grid-column:1/-1;font-size:11px;line-height:1.6;margin:0;color:var(--muted)}
:root[data-score-layout=horizontal] #score{min-width:0;width:max-content;min-height:100%}
:root[data-score-layout=horizontal] #score-wrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#ad9263 var(--score-paper);touch-action:pan-x pan-y}
:root[data-score-layout=horizontal] .score-surface{width:max-content;min-width:650px}
:root[data-score-layout=horizontal] #score-wrap svg{display:block}
:root[data-score-theme=dark] .reference-page>img{filter:invert(1) sepia(.18) brightness(.85)}
:root[data-score-theme=light] .reference-page>img{filter:sepia(.16)}
.reference-measure-number{background:var(--score-paper)!important;color:var(--score-ink)!important}
.reference-bar{border-color:#c8a66e88;background:#c8a66e14}.reference-cursor{background:#c8a66ecc}
@media(max-width:500px){.score-appearance-options{grid-template-columns:1fr;gap:12px}}
:root[data-score-layout=horizontal] body:not(.immersive) .stage{height:auto;min-height:0}
:root[data-score-layout=horizontal] body:not(.immersive) #score-wrap{height:var(--score-ribbon-height,340px);min-height:var(--score-ribbon-height,340px);flex:none}
:root[data-score-layout=horizontal] #score{padding-bottom:8px}
:root[data-score-theme=dark] .reference-hand-tint{mix-blend-mode:multiply}