:root{--mdc-theme-primary: #eb6201;--mdc-theme-secondary: #eb6201;--user-button-text-color: #ffffff;--osmd-premium-toolbar-border-color: #888888;--osmd-premium-toolbar-padding: 8px;--osmd-premium-shell-background: #ffffff;--osmd-premium-shell-border-color: rgba(17, 24, 39, 0.14);--osmd-premium-shell-radius: 14px;--osmd-premium-shell-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);--osmd-premium-shell-pane-padding: 16px;--osmd-premium-shell-footer-padding: 14px 16px;--osmd-premium-pane-min-height: 220px;--osmd-premium-pane-default-height: clamp(320px, 70vh, 720px);--osmd-premium-pane-height-preset-compact: clamp(280px, 50dvh, 420px);--osmd-premium-pane-height-preset-standard: clamp(320px, 70dvh, 720px);--osmd-premium-pane-height-preset-tall: clamp(420px, 82dvh, 920px);--osmd-premium-toolbar-gap: 12px;--osmd-premium-toolbar-divider-color: rgba(148, 163, 184, 0.28);--osmd-premium-control-button-height: 36px;--osmd-premium-control-border-color: rgba(148, 163, 184, 0.34);--osmd-premium-control-border-color-strong: rgba(100, 116, 139, 0.46);--osmd-premium-control-radius: 12px;--osmd-premium-control-background: rgba(248, 250, 252, 0.92);--osmd-premium-control-background-hover: rgba(241, 245, 249, 1);--osmd-premium-control-text-color: #475569;--osmd-premium-control-text-color-strong: #0f172a;--osmd-premium-control-text-color-soft: #64748b;--osmd-premium-control-icon-size: 18px;--osmd-premium-primary-button-size: 48px;--osmd-premium-primary-button-hover: #d85700;--osmd-premium-primary-icon-size: 24px;--osmd-premium-secondary-button-size: 36px;--osmd-premium-section-label-color: #64748b;--osmd-premium-popover-border-color: rgba(148, 163, 184, 0.3);--osmd-premium-popover-radius: 16px;--osmd-premium-popover-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);--osmd-premium-menu-divider-color: rgba(148, 163, 184, 0.22);--osmd-premium-heading-color: #0f172a;--osmd-premium-control-inline-gap: 5px;--osmd-premium-control-stack-gap: 5px;--osmd-premium-half-container-width: 49.2%;--osmd-premium-spacer-height: 20px;--osmd-premium-controls-panel-width: 350px;--osmd-premium-controls-panel-gutter: 5px;--osmd-premium-controls-panel-inner-padding: 10px;--osmd-premium-controls-panel-toggle-active-bg: rgba(241, 154, 92, 0.25);--osmd-premium-controls-column-width: 33%;--osmd-premium-zoom-label-padding: 2px;--osmd-premium-transpose-input-width: 64px;--osmd-premium-transpose-outline-color: black;--osmd-premium-transpose-background: white;--osmd-premium-slider-gap: 10px;--osmd-premium-floating-bottom: 50px;--osmd-premium-disabled-button-background: #888888;--osmd-premium-mobile-fab-size: 40px}[data-md-tooltip]{position:relative}[data-md-tooltip]:before{content:attr(data-md-tooltip);position:absolute;bottom:8px;left:50%;padding:1px 8px;transform:translateX(-50%) scale(0);transition:transform .3s ease-in-out;transition-delay:.7s;transform-origin:top;background:#616161;color:#fff;border-radius:2px;font-size:12px;font-family:Roboto,sans-serif;font-weight:400;z-index:99999}.mdc-tab--active[data-md-tooltip]:before{background:var(--mdc-theme-primary)}[data-md-tooltip]:hover:before{transform:translateX(-50%) scale(1)}.left{text-align:left}.right{text-align:right}.center{text-align:center;margin-left:auto;margin-right:auto}.justify{text-align:justify}.d-inline-block{display:inline-block}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.v-align-middle{vertical-align:middle}.v-align-top{vertical-align:top}.v-align-bottom{vertical-align:bottom}.container{width:90%;margin-left:auto;margin-right:auto}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1{width:6.3333%}.col-2{width:14.6666%}.col-3{width:23%}.col-4{width:31.3333%}.col-5{width:39.6666%}.col-6{width:48%}.col-7{width:56.3333%}.col-8{width:64.6666%}.col-9{width:73%}.col-10{width:81.3333%}.col-11{width:89.6666%}.col-12{width:98%}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{display:inline-block}.mdc-touch-target-wrapper{z-index:99}.toolbar{padding:var(--osmd-premium-toolbar-padding);border-bottom:solid 1px var(--osmd-premium-toolbar-border-color)}.text-center{text-align:center}.half-container{display:inline-block;width:var(--osmd-premium-half-container-width);vertical-align:middle}.phonicscore_opensheetmusicdisplay_spacer{height:var(--osmd-premium-spacer-height)}.color-picker-label{margin-bottom:5px;display:inline-block}.slider-container{margin-left:var(--osmd-premium-slider-gap)}.playback-ui-container{position:relative;bottom:auto;margin-left:auto;margin-right:auto}.sticky{position:relative}.absolute{position:absolute}.mdc-fab:hover,.mdc-fab:focus{text-decoration:none}.invisible{visibility:hidden}.invisible-force{visibility:hidden !important;display:none !important}button.mdc-fab[disabled]{background-color:var(--osmd-premium-disabled-button-background)}.osmd-premium-layout-container,.osmd-premium-layout-host,.premium_render,.phonicscore-opensheetmusicdisplay.osmd-premium-layout-host{overflow:visible !important;height:auto !important}.osmd-premium-shell{display:flex;flex-direction:column;width:100%;max-width:100%;background:var(--osmd-premium-shell-background);border:1px solid var(--osmd-premium-shell-border-color);border-radius:var(--osmd-premium-shell-radius);box-shadow:var(--osmd-premium-shell-shadow);overflow:visible}.osmd-premium-shell__pane{position:relative;min-height:0;height:auto;max-height:none;padding:var(--osmd-premium-shell-pane-padding);border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:visible;scrollbar-gutter:auto;background:var(--osmd-premium-shell-background)}.osmd-premium-shell--scrollable{overflow:hidden}.osmd-premium-shell--scrollable>.osmd-premium-shell__pane{min-height:var(--osmd-premium-pane-min-height);height:var(--osmd-premium-pane-default-height);overflow-x:auto;overflow-y:scroll;scrollbar-gutter:stable both-edges}.osmd-premium-shell__pane .phonicscore-opensheetmusicdisplay__render-block{width:100% !important;max-width:100% !important}.osmd-premium-shell__pane .phonicscore-opensheetmusicdisplay__loading-spinner{margin:80px auto}.phonicscore-opensheetmusicdisplay__loading-spinner.hide,.phonicscore-opensheetmusicdisplay__full-loading-spinner.hide{display:none !important}.osmd-premium-shell__footer{border-top:1px solid var(--osmd-premium-shell-border-color);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;padding:var(--osmd-premium-shell-footer-padding);background:linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.98))}.playback-controls,.osmd-premium-controls{width:100%;box-sizing:border-box;position:relative !important;top:unset !important;bottom:unset !important;overflow-x:auto;overflow-y:visible;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.osmd-premium-toolbar{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;min-width:100%;gap:var(--osmd-premium-toolbar-gap)}.osmd-premium-toolbar__slot,.osmd-premium-controls__popover-trigger,.osmd-premium-controls__transport{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}.osmd-premium-toolbar__slot[hidden],.osmd-premium-controls__popover-trigger[hidden],.osmd-premium-controls__transport[hidden],.osmd-premium-toolbar__separator[hidden]{display:none !important}.osmd-premium-toolbar__separator{width:1px;height:32px;flex:0 0 auto;background:var(--osmd-premium-toolbar-divider-color)}.osmd-premium-toolbar.has-single-slot .osmd-premium-toolbar__separator{display:none}.osmd-premium-toolbar__inline-host{display:inline-flex;align-items:center;min-width:0}.osmd-premium-controls__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--osmd-premium-control-button-height);padding:0 12px;border:1px solid var(--osmd-premium-control-border-color);border-radius:var(--osmd-premium-control-radius);background:var(--osmd-premium-control-background);color:var(--osmd-premium-control-text-color);cursor:pointer;line-height:1;font:inherit;font-size:13px;font-weight:500;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.osmd-premium-controls__button:hover,.osmd-premium-controls__button:focus-visible{background:var(--osmd-premium-control-background-hover);border-color:var(--osmd-premium-control-border-color-strong);color:var(--osmd-premium-control-text-color-strong);text-decoration:none;outline:none}.osmd-premium-controls__button:active{transform:translateY(1px)}.osmd-premium-controls__button[disabled]{opacity:.55;cursor:not-allowed;background-color:var(--osmd-premium-disabled-button-background);border-color:var(--osmd-premium-disabled-button-background)}.osmd-premium-controls__button.is-muted{color:var(--osmd-premium-control-text-color-soft)}.osmd-premium-controls__button-icon{font-size:var(--osmd-premium-control-icon-size)}.osmd-premium-controls__button-text{white-space:nowrap}.osmd-premium-controls__button--primary{width:var(--osmd-premium-primary-button-size);height:var(--osmd-premium-primary-button-size);min-height:var(--osmd-premium-primary-button-size);min-width:var(--osmd-premium-primary-button-size);padding:0;border-color:rgba(0,0,0,0);border-radius:999px;background:var(--mdc-theme-primary);color:var(--user-button-text-color);box-shadow:0 10px 22px rgba(235,98,1,.22)}.osmd-premium-controls__button--primary:hover,.osmd-premium-controls__button--primary:focus-visible{background:var(--osmd-premium-primary-button-hover);color:var(--user-button-text-color)}.osmd-premium-controls__button--primary .osmd-premium-controls__button-icon{font-size:var(--osmd-premium-primary-icon-size)}.osmd-premium-controls__button--secondary,.osmd-premium-controls__button--ghost,.osmd-premium-controls__button--zoom{min-width:var(--osmd-premium-secondary-button-size);min-height:var(--osmd-premium-secondary-button-size);padding:0}.osmd-premium-controls__button--ghost{background:rgba(0,0,0,0)}.osmd-premium-controls__button--menu{padding-right:14px}.osmd-premium-controls__button--menu::after{content:"expand_more";font-family:"Material Icons";font-size:18px;line-height:1}.playpause-button .pause-icon{display:none}.playpause-button.playing .pause-icon{display:block}.playpause-button.playing .play-icon{display:none}.osmd-premium-controls__transport{gap:10px}.osmd-premium-controls__section-content{display:inline-flex;align-items:center;gap:10px;min-width:0}.osmd-premium-controls__section-label{color:var(--osmd-premium-section-label-color);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.osmd-premium-controls__section-items{display:inline-flex;align-items:center;gap:10px;min-width:0}.osmd-premium-controls__popover-trigger.is-open>.osmd-premium-controls__button{background:var(--osmd-premium-control-background-hover);border-color:var(--osmd-premium-control-border-color-strong);color:var(--osmd-premium-control-text-color-strong)}.osmd-premium-controls__popover{position:absolute;top:auto;bottom:calc(100% + 10px);left:0;min-width:280px;z-index:30}.osmd-premium-controls__popover.is-below{top:calc(100% + 10px);bottom:auto}.osmd-premium-controls__popover[hidden]{display:none !important}.osmd-premium-controls__popover-content{display:flex;flex-direction:column;gap:14px;min-width:min(340px,100vw - 48px);padding:16px;border:1px solid var(--osmd-premium-popover-border-color);border-radius:var(--osmd-premium-popover-radius);background:var(--osmd-premium-shell-background);box-shadow:var(--osmd-premium-popover-shadow)}.osmd-premium-controls__popover--more{left:auto;right:0}.osmd-premium-controls__popover-content--more{min-width:min(360px,100vw - 32px)}.osmd-premium-controls__popover-content .osmd-premium-controls__section-content,.osmd-premium-controls__menu-section-content .osmd-premium-controls__section-content{display:flex;flex-direction:column;align-items:stretch;width:100%}.osmd-premium-controls__popover-content .osmd-premium-controls__section-label,.osmd-premium-controls__menu-section-content .osmd-premium-controls__section-label{margin-bottom:2px}.osmd-premium-controls__popover-content .osmd-premium-controls__section-items,.osmd-premium-controls__menu-section-content .osmd-premium-controls__section-items{display:flex;flex-direction:column;align-items:stretch}.osmd-premium-controls__menu-section{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--osmd-premium-menu-divider-color)}.osmd-premium-controls__menu-section:first-child{padding-top:0;border-top:0}.osmd-premium-controls__menu-section-title{margin:0;color:var(--osmd-premium-heading-color);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.osmd-premium-controls__menu-section-content{display:flex;flex-direction:column;gap:10px}.osmd-premium-controls__control,.osmd-premium-controls__button-row,.osmd-premium-controls__button-wrap{display:inline-flex;align-items:center}.osmd-premium-controls__button-row--zoom{gap:10px}.osmd-premium-controls__zoom-display{min-width:54px;color:var(--osmd-premium-control-text-color);font-size:13px;font-weight:600;text-align:center}.transpose-button-container,.osmd-premium-controls__control--transpose{gap:8px}.transpose-input,.osmd-premium-controls__input--transpose{width:var(--osmd-premium-transpose-input-width);min-height:var(--osmd-premium-control-button-height);padding:0 10px;border:1px solid var(--osmd-premium-control-border-color);border-radius:var(--osmd-premium-control-radius);background:var(--osmd-premium-shell-background);color:var(--osmd-premium-control-text-color-strong);font:inherit;font-size:13px}.transpose-input:focus,.osmd-premium-controls__input--transpose:focus{outline:2px solid rgba(235,98,1,.18);border-color:var(--osmd-premium-control-border-color-strong)}.osmd-premium-controls__playback-panel{display:flex;flex-direction:column;gap:14px}.osmd-premium-controls__playback-row{display:flex;flex-direction:column;gap:10px}.osmd-premium-controls__playback-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.osmd-premium-controls__playback-title{color:var(--osmd-premium-heading-color);font-size:13px;font-weight:700}.osmd-premium-controls__playback-value,.osmd-premium-controls__slider-value{color:var(--osmd-premium-control-text-color);font-size:12px;font-weight:600;white-space:nowrap}.osmd-premium-controls__slider-row{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:10px}.osmd-premium-controls__slider-group{display:flex;flex-direction:column;gap:6px;min-width:0}.osmd-premium-controls__slider-label{color:var(--osmd-premium-control-text-color);font-size:12px;font-weight:600}.osmd-premium-controls__slider{width:100%;accent-color:var(--mdc-theme-primary)}.osmd-premium-controls__parts{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--osmd-premium-menu-divider-color)}.osmd-premium-controls__parts-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:rgba(0,0,0,0);color:var(--osmd-premium-heading-color);cursor:pointer;font:inherit;text-align:left}.osmd-premium-controls__parts-toggle-label{flex:1 1 auto;font-size:13px;font-weight:700}.osmd-premium-controls__parts-toggle-count{color:var(--osmd-premium-section-label-color);font-size:11px;font-weight:700}.osmd-premium-controls__parts-toggle-icon{transition:transform .18s ease}.osmd-premium-controls__parts.is-expanded .osmd-premium-controls__parts-toggle-icon{transform:rotate(180deg)}.osmd-premium-controls__parts-content{display:flex;flex-direction:column;gap:10px}.osmd-premium-controls__parts-empty{color:var(--osmd-premium-control-text-color-soft);font-size:12px}.osmd-premium-controls__dialog-content{overflow-y:scroll}.mdc-fab:hover,.mdc-fab:focus{text-decoration:none}.invisible-force{visibility:hidden !important;display:none !important}.osmd-premium-controls__dialog{width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--osmd-premium-shell-border-color);border-radius:var(--osmd-premium-shell-radius);background:var(--osmd-premium-shell-background);color:var(--osmd-premium-control-text-color-strong);box-shadow:var(--osmd-premium-popover-shadow);font:inherit}.osmd-premium-controls__dialog::backdrop{background:rgba(15,23,42,.5)}.osmd-premium-controls__dialog .hide{display:none}.osmd-premium-controls__dialog-surface{padding:24px}.osmd-premium-controls__dialog-title{margin:0 0 16px;font-size:1.25rem}.osmd-premium-controls__dialog-options{display:grid;gap:10px;margin:0 0 20px;padding:12px;border:1px solid var(--osmd-premium-control-border-color);border-radius:8px}.osmd-premium-controls__dialog-option{display:flex;align-items:center;gap:8px;cursor:pointer}.osmd-premium-controls__dialog-option input{margin:0;accent-color:var(--mdc-theme-primary)}.osmd-premium-controls__dialog-zoom-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.osmd-premium-controls__dialog-zoom-field input{width:85px;padding:6px;font:inherit}.osmd-premium-controls__dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.osmd-premium-controls__dialog-action{padding:8px 16px;border:1px solid var(--osmd-premium-control-border-color);border-radius:8px;background:var(--osmd-premium-control-background);color:var(--osmd-premium-control-text-color-strong);cursor:pointer;font:inherit}.osmd-premium-controls__dialog-action--save{border-color:var(--mdc-theme-primary);background:var(--mdc-theme-primary);color:var(--user-button-text-color)}.osmd-premium-controls__dialog-action:disabled{cursor:wait;opacity:.6}.osmd-premium-controls__dialog-spinner{width:36px;height:36px;margin:48px auto;border:4px solid var(--osmd-premium-control-border-color);border-top-color:var(--mdc-theme-primary);border-radius:50%;animation:osmd-premium-pdf-progress .8s linear infinite}@keyframes osmd-premium-pdf-progress{to{transform:rotate(360deg)}}@media(min-width: 575px){.invisible-sm{display:none}}@media(max-width: 959px){.osmd-premium-shell--scrollable>.osmd-premium-shell__pane{height:clamp(280px,64vh,620px)}.osmd-premium-shell__footer{padding:12px 14px}.osmd-premium-toolbar{gap:10px}.osmd-premium-toolbar[data-layout-mode=tablet] .osmd-premium-controls__section-label,.osmd-premium-toolbar[data-layout-mode=compact] .osmd-premium-controls__section-label,.osmd-premium-toolbar[data-layout-mode=minimal] .osmd-premium-controls__section-label{display:none}.osmd-premium-toolbar[data-layout-mode=tablet] .osmd-premium-controls__section-content,.osmd-premium-toolbar[data-layout-mode=compact] .osmd-premium-controls__section-content{gap:8px}.osmd-premium-toolbar[data-layout-mode=tablet] .osmd-premium-controls__section-items,.osmd-premium-toolbar[data-layout-mode=compact] .osmd-premium-controls__section-items{gap:8px}.osmd-premium-controls__popover-content{min-width:min(320px,100vw - 32px)}}@media(max-width: 719px){.osmd-premium-shell__pane{padding:12px}.osmd-premium-shell--scrollable>.osmd-premium-shell__pane{height:clamp(250px,60vh,520px)}.osmd-premium-shell__footer{padding:12px}.osmd-premium-toolbar{justify-content:space-between;gap:8px}.osmd-premium-controls__button{font-size:12px}.osmd-premium-controls__popover{left:auto;right:0}.osmd-premium-controls__popover-content{min-width:min(300px,100vw - 24px);padding:14px}.osmd-premium-controls__slider-row{grid-template-columns:32px minmax(0, 1fr) auto;gap:8px}}@media(max-width: 574px){.osmd-premium-shell__pane{padding:10px}.osmd-premium-shell--scrollable>.osmd-premium-shell__pane{height:clamp(240px,58vh,480px)}.osmd-premium-shell__footer{padding:10px}.osmd-premium-shell{border-radius:12px}.osmd-premium-toolbar{gap:6px}.osmd-premium-toolbar__separator{height:28px}.osmd-premium-controls__transport{gap:8px}.osmd-premium-controls__zoom-display{min-width:46px;font-size:12px}.osmd-premium-controls__popover-content--more{min-width:min(280px,100vw - 20px)}}@media(max-width: 375px){.osmd-premium-shell__pane{padding:8px}.osmd-premium-shell--scrollable>.osmd-premium-shell__pane{height:clamp(220px,54vh,400px)}.osmd-premium-toolbar{gap:5px}.osmd-premium-toolbar__separator{display:none}.osmd-premium-controls__transport{gap:6px}.osmd-premium-controls__button--menu{padding-inline:10px}.osmd-premium-controls__button-text{font-size:12px}.osmd-premium-controls__popover-content{min-width:min(260px,100vw - 16px);padding:12px}.osmd-premium-controls__slider-row{grid-template-columns:minmax(0, 1fr);gap:6px}.osmd-premium-controls__slider-row>.osmd-premium-controls__button{justify-self:start}.osmd-premium-controls__slider-value{justify-self:end}}
