#page-score-dialog{width:min(1100px,calc(100vw - 20px));max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #b7adca;border-radius:18px;color:#302444;background:#e8e6e2;box-sizing:border-box;overflow:hidden;font:14px system-ui,sans-serif}
#page-score-dialog[open]{display:flex;flex-direction:column}#page-score-dialog::backdrop{background:#132032b3}
.page-score-toolbar{position:static!important;flex:none;min-height:0;max-width:none;margin:0;height:auto!important;width:auto!important;padding:12px 18px;background:#fffdf6;border-bottom:1px solid #d4ccd9}
.page-score-heading,.page-score-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-score-heading{justify-content:space-between}.page-score-heading h2{font:700 20px system-ui,sans-serif;margin:0 0 8px}
.page-score-toolbar button,.page-score-toolbar select{font:600 14px system-ui,sans-serif;border:1px solid #b4a7cf;border-radius:9px;padding:9px 12px;min-height:40px;background:#f4efff;color:#34245a;cursor:pointer}.page-score-toolbar button[aria-pressed=true]{background:#dcf3e4;border-color:#278142}.page-score-toolbar #page-score-apply{background:#256846;color:#fff;border-color:#256846}
.page-score-toolbar p{font-size:13px;margin:7px 0}.page-score-toolbar small{font-size:11px;color:#645b68}.page-score-scroll{overflow:auto;min-height:0;flex:1;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#page-score-pages{min-width:100%;width:max-content;max-width:none;--page-width:794px}.score-a4-sheet{display:block;width:var(--page-width);height:auto;aspect-ratio:210/297;background:white;box-shadow:0 4px 18px #0002;margin:0 auto 20px;font-family:Georgia,serif;border-radius:0}
.page-note{cursor:pointer;outline:none}.page-note-highlight{fill:transparent}.page-note.selected .page-note-highlight{fill:#dff1e2}.page-note.endpoint .page-note-highlight{fill:#b3e3c5;stroke:#20784b;stroke-width:2}.page-note:focus .page-note-highlight,.page-note:hover .page-note-highlight{stroke:#6942aa;stroke-width:2}.page-note-marker{fill:#206740;font-family:system-ui,sans-serif}
.playback-scope{display:inline-block;white-space:nowrap;border-radius:8px;background:#e5edf6;color:#28465e;padding:4px 7px;font-size:11px}.playback-scope.is-passage{background:#dcf3e4;color:#206740;box-shadow:inset 0 0 0 1px #8fc3a3}.transport-buttons{flex-wrap:wrap}.train-transport{width:max-content}.transport-seek{flex-wrap:wrap}
@media(max-width:650px){#page-score-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.page-score-toolbar{padding:8px}.page-score-heading h2{font-size:17px}.page-score-actions{gap:5px}.page-score-toolbar button,.page-score-toolbar select{padding:8px;font-size:12px}.page-score-scroll{padding:12px}.page-score-toolbar small{display:none}.train-transport{width:calc(100% - 14px);box-sizing:border-box}.transport-buttons{gap:4px}.transport-buttons button{font-size:10px;padding:5px 6px}.playback-scope{font-size:10px;padding:3px 5px}}
@media(max-width:1000px) and (max-height:550px) and (orientation:landscape){.train-transport{width:calc(100% - 14px);justify-content:center}.transport-seek{flex-wrap:nowrap}.playback-scope{font-size:10px}.page-score-toolbar small{display:none}.page-score-toolbar p{margin:3px 0}}
@media(max-width:380px){.stage,.stage.is-playing{padding-bottom:110px!important}}
@media(max-width:650px) and (max-height:550px) and (orientation:landscape){.stage,.stage.is-playing{padding-bottom:85px!important}}

/* Explicit contrast also overrides the global night-mode button text. */
#page-score-dialog .page-score-toolbar button,#page-score-dialog .page-score-toolbar select{color:#34245a;background:#f4efff}
#page-score-dialog .page-score-toolbar button[aria-pressed="true"]{color:#174b30;background:#dcf3e4;border-color:#278142}
#page-score-dialog #page-score-apply{color:#fff;background:#256846}
.page-marker-badge{display:none}.page-note.endpoint .page-marker-badge{display:inline}
.page-marker-background{fill:#fffef7;stroke:#277448;stroke-width:1.5}
.page-note-marker{fill:#174b30!important;stroke:none;font-family:system-ui,sans-serif}

.osmd-page-note .page-note-highlight{fill:transparent;fill-opacity:.22;stroke-width:1}
.osmd-page-note.selected .page-note-highlight{fill:#87d6a4}
.osmd-page-note.endpoint .page-note-highlight{fill:#49b67c;stroke:#20784b;fill-opacity:.28}
.osmd-a4-sheet{overflow:visible}