@font-face{font-family:alphaTab;src:url(/alphatab/font/Bravura.woff2) format("woff2"),url(/alphatab/font/Bravura.woff) format("woff"),url(/alphatab/font/Bravura.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.notation-widget{position:relative;width:100%;display:flex;flex-direction:column;gap:.5rem;background:var(--background);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--radius);overflow:hidden;padding:.5rem}.notation-widget--transparent{background:transparent;border:none;padding:0}.notation-widget-factory-wrapper .notation-widget{padding:0;gap:0;border:none;border-radius:0;background:transparent;overflow:visible}.notation-widget-factory-wrapper .notation-widget-header{display:none}.notation-widget--compact{padding:0!important;gap:0!important;border:none!important;border-radius:0!important;background:transparent!important}.notation-widget--compact .notation-widget-header{display:none}.notation-widget--compact .notation-controls-wrapper{padding:4px}.notation-widget--compact .notation-controls{padding:6px 12px;gap:6px}.notation-widget--compact .notation-controls__btn{width:32px;height:32px}.notation-widget--compact .notation-controls__icon{width:16px;height:16px}.notation-widget--compact .notation-controls__tempo{display:none}.notation-widget-header{display:flex;justify-content:space-between;align-items:center}.notation-widget-title{font-size:1.125rem;font-weight:600;margin:0}.notation-widget--transparent .notation-widget-header,.notation-widget--transparent .notation-widget-title{display:none}.notation-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--background-rgb),.95);z-index:10}.notation-widget--transparent .notation-overlay{background:rgba(var(--background-rgb),.8)}.notation-collapse-header,.notation-collapse-trigger{display:flex;align-items:center}.notation-collapse-trigger{gap:.5rem;width:100%;padding:.5rem .75rem;background:rgba(var(--background-rgb),.7);border:1px solid rgba(var(--border-rgb),.25);border-radius:9999px;color:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.notation-collapse-trigger:hover{background:rgba(var(--background-rgb),.85);border-color:rgba(var(--border-rgb),.35)}.notation-collapse-icon{opacity:.7}.notation-collapse-title{flex:1;text-align:left}.notation-collapse-chevron{opacity:.6;transition:transform .2s ease}.notation-collapse-content{overflow:hidden}.notation-widget--collapsed{gap:0}.notation-widget--collapsed .notation-container-wrapper{display:none}.notation-widget--error{display:flex;align-items:center;justify-content:center;min-height:150px}.notation-container-wrapper{position:relative;width:100%;overflow:hidden}.notation-container-wrapper[data-layout-mode=page] .notation-container svg{width:100%!important;max-width:none!important;height:auto!important;display:block}.notation-container-wrapper[data-layout-mode=page] .notation-container .at-main,.notation-container-wrapper[data-layout-mode=page] .notation-container .at-surface,.notation-container-wrapper[data-layout-mode=page] .notation-container .at-viewport{width:100%!important;max-width:none!important}.notation-container-wrapper[data-layout-mode=horizontal]{overflow-x:auto;overflow-y:hidden}.notation-container-wrapper[data-layout-mode=horizontal] .notation-container svg{width:auto!important;max-width:none!important}.notation-container{width:100%;background:transparent;unicode-bidi:isolate!important}.notation-container,.notation-container svg{direction:ltr!important}.notation-container svg text{direction:ltr!important;unicode-bidi:bidi-override!important}.notation-widget__container{width:100%;min-height:150px}.notation-widget--transparent .notation-container,.notation-widget--transparent .notation-container-wrapper{min-height:auto}.notation-compact-mobile .notation-container,.notation-compact-mobile .notation-container-wrapper,.notation-compact-mobile .notation-widget,.notation-compact-mobile .notation-widget__container{min-height:0!important;padding-top:0!important;padding-bottom:0!important}.notation-compact-mobile .notation-widget{gap:0!important;border:none!important;background:transparent!important}.notation-widget__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--background);z-index:10}.notation-controls-wrapper{padding:8px}.notation-controls-wrapper--sticky{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:12px 16px;display:flex;justify-content:center}.notation-controls{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--background-rgb),.8);backdrop-filter:blur(8px);border-radius:9999px;border:1px solid rgba(var(--border-rgb),.2)}.notation-controls__btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notation-controls__btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.notation-controls__btn--play{background:var(--primary);color:var(--primary-foreground)}.notation-controls__btn--play:hover:not(:disabled){background:var(--primary);opacity:.9}.notation-controls__icon{width:18px;height:18px}.notation-controls__tempo{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid rgba(var(--border-rgb),.3)}.notation-controls__tempo-label{font-size:12px;font-weight:500;min-width:32px;text-align:center}.notation-controls__tempo-slider{width:80px}.notation-loader{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted-foreground)}.notation-loader__spinner{width:32px;height:32px;animation:spin 1s linear infinite}.notation-loader__text{font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notation-error{display:flex;align-items:flex-start;gap:12px;padding:16px;background:rgba(var(--destructive-rgb),.1);border:1px solid rgba(var(--destructive-rgb),.2);border-radius:var(--radius);color:var(--destructive)}.notation-error__icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.notation-error__content{flex:1}.notation-error__title{font-size:14px;font-weight:600;margin:0 0 4px}.notation-error__message{font-size:13px;margin:0;opacity:.8}.assembly-notation-skeleton{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.assembly-notation-skeleton__pulse{width:60%;height:100px;background:linear-gradient(90deg,rgba(var(--muted-rgb),.3) 25%,rgba(var(--muted-rgb),.5) 50%,rgba(var(--muted-rgb),.3) 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.notation-widget .at-main,.notation-widget .at-surface,.notation-widget .at-viewport{background:transparent!important}.notation-hide-watermark .at-footer,.notation-hide-watermark .at-main svg text[y="0"],.notation-hide-watermark .at-surface svg text[y="0"],.notation-hide-watermark .at-viewport svg text[y="0"],.notation-hide-watermark .notation-container svg text[y="0"],.notation-hide-watermark [class*=rendered-by],.notation-hide-watermark div[style*="position: absolute"][style*="bottom: 0"],.notation-hide-watermark svg text[y="0"],.notation-widget:not(.notation-widget--show-watermark) .at-footer,.notation-widget:not(.notation-widget--show-watermark) .notation-container svg text[y="0"],.notation-widget:not(.notation-widget--show-watermark) [class*=rendered-by],.notation-widget:not(.notation-widget--show-watermark) div[style*="position: absolute"][style*="bottom: 0"],.notation-widget:not(.notation-widget--show-watermark) svg text[y="0"]{display:none!important;visibility:hidden!important;opacity:0!important}:root,[data-theme=light]{--widget-notation-notes:#1A1D35;--widget-notation-secondary:#6B7280;--widget-notation-staff:#B0BBE8;--widget-notation-bar:#4A5080;--widget-notation-text:#6B7280;--widget-notation-clef:#1A1D35;--widget-notation-bg:transparent}[data-theme=dark]{--widget-notation-notes:#E0E4F7;--widget-notation-secondary:#8892B0;--widget-notation-staff:#2D3468;--widget-notation-bar:#4A5080;--widget-notation-text:#8892B0;--widget-notation-clef:#C8CCE8;--widget-notation-bg:transparent}[data-theme=ocean-sunset]{--widget-notation-notes:#C8E8F0;--widget-notation-secondary:#94D2BD;--widget-notation-staff:#003E4D;--widget-notation-bar:#0A9396;--widget-notation-text:#94D2BD;--widget-notation-clef:#A8D8E0;--widget-notation-bg:transparent}[data-theme=sage-stone]{--widget-notation-notes:#2D2218;--widget-notation-secondary:#525D45;--widget-notation-staff:#C8A880;--widget-notation-bar:#80A8AD;--widget-notation-text:#525D45;--widget-notation-clef:#2D2218;--widget-notation-bg:transparent}[data-theme=coastal-heritage]{--widget-notation-notes:#D0DDE4;--widget-notation-secondary:#A5BFAA;--widget-notation-staff:#162840;--widget-notation-bar:#2599C2;--widget-notation-text:#A5BFAA;--widget-notation-clef:#B8CCD4;--widget-notation-bg:transparent}[data-theme=dark-crimson]{--widget-notation-notes:#F5F0EE;--widget-notation-secondary:#87A39D;--widget-notation-staff:#280808;--widget-notation-bar:#6B1B1B;--widget-notation-text:#87A39D;--widget-notation-clef:#E0D8D6;--widget-notation-bg:transparent}.notation-container .at-viewport,.notation-widget .at-viewport,[data-theme=coastal-heritage] .notation-container .at-viewport,[data-theme=coastal-heritage] .notation-widget .at-viewport,[data-theme=dark-crimson] .notation-container .at-viewport,[data-theme=dark-crimson] .notation-widget .at-viewport,[data-theme=dark] .notation-container .at-viewport,[data-theme=dark] .notation-widget .at-viewport,[data-theme=ocean-sunset] .notation-container .at-viewport,[data-theme=ocean-sunset] .notation-widget .at-viewport{background:transparent!important}@media (max-width:1024px){.notation-widget{padding:.375rem}.notation-controls__tempo-slider{width:60px}}@media (max-width:767px){.notation-widget{padding:0;gap:0;border:none;border-radius:0;background:transparent}.notation-widget-header{display:none}.notation-widget-title{font-size:.875rem}.notation-controls-wrapper{padding:4px}.notation-controls{padding:6px 12px;gap:6px}.notation-controls__btn{width:32px;height:32px}.notation-controls__icon{width:16px;height:16px}.notation-controls__tempo{display:none}.notation-collapse-trigger{padding:.375rem .625rem;font-size:.8125rem}.notation-controls-wrapper--sticky{padding:8px 12px}}