@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{background:var(--background);border:1px solid rgba(var(--border-rgb), .2);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}.notation-widget--transparent{background:0 0;border:none;padding:0}.notation-widget-factory-wrapper .notation-widget{background:0 0;border:none;border-radius:0;gap:0;padding:0;overflow:visible}.notation-widget-factory-wrapper .notation-widget-header{display:none}.notation-widget--compact{background:0 0!important;border:none!important;border-radius:0!important;gap:0!important;padding:0!important}.notation-widget--compact .notation-widget-header{display:none}.notation-widget--compact .notation-controls-wrapper{padding:4px}.notation-widget--compact .notation-controls{gap:6px;padding:6px 12px}.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{justify-content:space-between;align-items:center;display:flex}.notation-widget-title{margin:0;font-size:1.125rem;font-weight:600}.notation-widget--transparent .notation-widget-title,.notation-widget--transparent .notation-widget-header{display:none}.notation-overlay{background:rgba(var(--background-rgb), .95);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.notation-widget--transparent .notation-overlay{background:rgba(var(--background-rgb), .8)}.notation-collapse-header{align-items:center;display:flex}.notation-collapse-trigger{background:rgba(var(--background-rgb), .7);border:1px solid rgba(var(--border-rgb), .25);width:100%;color:inherit;cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.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{text-align:left;flex:1}.notation-collapse-chevron{opacity:.6;transition:transform .2s}.notation-collapse-content{overflow:hidden}.notation-widget--collapsed{gap:0}.notation-widget--collapsed .notation-container-wrapper{display:none}.notation-widget--error{justify-content:center;align-items:center;min-height:150px;display:flex}.notation-container-wrapper{width:100%;position:relative;overflow:hidden}.notation-container-wrapper[data-layout-mode=page] .notation-container svg{display:block;width:100%!important;max-width:none!important;height:auto!important}.notation-container-wrapper[data-layout-mode=page] .notation-container .at-main,.notation-container-wrapper[data-layout-mode=page] .notation-container .at-viewport,.notation-container-wrapper[data-layout-mode=page] .notation-container .at-surface{width:100%!important;max-width:none!important}.notation-container-wrapper[data-layout-mode=horizontal]{overflow:auto hidden}.notation-container-wrapper[data-layout-mode=horizontal] .notation-container svg{width:auto!important;max-width:none!important}.notation-container-wrapper[data-running-line]{scrollbar-width:none}.notation-container-wrapper[data-running-line]::-webkit-scrollbar{display:none}.notation-container{background:0 0;width:100%;direction:ltr!important;unicode-bidi:isolate!important}.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-wrapper,.notation-widget--transparent .notation-container{min-height:auto}.notation-compact-mobile .notation-widget,.notation-compact-mobile .notation-widget__container,.notation-compact-mobile .notation-container-wrapper,.notation-compact-mobile .notation-container{min-height:0!important;padding-top:0!important;padding-bottom:0!important}.notation-compact-mobile .notation-widget{background:0 0!important;border:none!important;gap:0!important}.notation-widget__loading{background:var(--background);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.notation-controls-wrapper{padding:8px}.notation-controls-wrapper--sticky{z-index:100;justify-content:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.notation-controls{background:rgba(var(--background-rgb), .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--border-rgb), .2);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;display:flex}.notation-controls__btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.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{border-left:1px solid rgba(var(--border-rgb), .3);align-items:center;gap:8px;margin-left:8px;padding-left:8px;display:flex}.notation-controls__tempo-label{text-align:center;min-width:32px;font-size:12px;font-weight:500}.notation-controls__tempo-slider{width:80px}.notation-loader{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:12px;display:flex}.notation-loader__spinner{width:32px;height:32px;animation:1s linear infinite spin}.notation-loader__text{font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notation-error{background:rgba(var(--destructive-rgb), .1);border:1px solid rgba(var(--destructive-rgb), .2);border-radius:var(--radius);color:var(--destructive);align-items:flex-start;gap:12px;padding:16px;display:flex}.notation-error__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notation-error__content{flex:1}.notation-error__title{margin:0 0 4px;font-size:14px;font-weight:600}.notation-error__message{opacity:.8;margin:0;font-size:13px}.assembly-notation-skeleton{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.assembly-notation-skeleton__pulse{background:linear-gradient(90deg, rgba(var(--muted-rgb), .3) 25%, rgba(var(--muted-rgb), .5) 50%, rgba(var(--muted-rgb), .3) 75%);border-radius:var(--radius);background-size:200% 100%;width:60%;height:100px;animation:1.5s ease-in-out infinite pulse}@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:0 0!important}.notation-hide-watermark .at-footer,.notation-hide-watermark [class*=rendered-by],.notation-hide-watermark div[style*="position: absolute"][style*="bottom: 0"],.notation-hide-watermark svg text[y="0"],.notation-hide-watermark .notation-container 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 .at-main svg text[y="0"],.notation-widget:not(.notation-widget--show-watermark) .at-footer,.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"],.notation-widget:not(.notation-widget--show-watermark) .notation-container svg text[y="0"]{visibility:hidden!important;opacity:0!important;display:none!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-widget .at-viewport,.notation-container .at-viewport,[data-theme=dark] .notation-widget .at-viewport,[data-theme=dark] .notation-container .at-viewport,[data-theme=ocean-sunset] .notation-widget .at-viewport,[data-theme=ocean-sunset] .notation-container .at-viewport,[data-theme=coastal-heritage] .notation-widget .at-viewport,[data-theme=coastal-heritage] .notation-container .at-viewport,[data-theme=dark-crimson] .notation-widget .at-viewport,[data-theme=dark-crimson] .notation-container .at-viewport{background:0 0!important}@media (max-width:1024px){.notation-widget{padding:.375rem}.notation-controls__tempo-slider{width:60px}}@media (max-width:767px){.notation-widget{background:0 0;border:none;border-radius:0;gap:0;padding:0}.notation-widget-header{display:none}.notation-widget-title{font-size:.875rem}.notation-controls-wrapper{padding:4px}.notation-controls{gap:6px;padding:6px 12px}.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}[data-testid=block-notation],.notation-widget,.notation-widget__container,.notation-container-wrapper,.notation-container{min-width:0;max-width:100%}.notation-container-wrapper[data-layout-mode=page]{-webkit-overflow-scrolling:touch;overflow-x:auto}}