@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/alphatab/feature/new-web-player/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/alphatab/feature/new-web-player/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/alphatab/feature/new-web-player/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/alphatab/feature/new-web-player/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/alphatab/feature/new-web-player/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/alphatab/feature/new-web-player/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}:root{color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{color:var(--text);flex-direction:column;height:100dvh;min-height:480px;display:flex;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--separator);flex:none;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex}.brand-mark{object-fit:contain}.song-title{white-space:nowrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.song-title h1{text-overflow:ellipsis;margin:0;font-size:24px;font-weight:600;line-height:29px;overflow:hidden}.song-title span{font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button:hover,.mini-button:hover,.pin-button:hover{background:var(--control)}.icon-button{background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-button[aria-pressed=true]{background:var(--control)}.icon-button[aria-label=Auto-scroll][aria-pressed=true]:not(:hover){background:0 0}.popover-anchor{position:relative}.popover{z-index:10;background:var(--popup);border:1px solid var(--separator);border-radius:8px;min-width:150px;padding:6px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 6px 20px #2b2b291c}.popover button{text-align:left;width:100%;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:8px;display:block}.popover button:hover{background:var(--panel)}.zoom-menu{text-align:center;align-items:center;min-width:126px;display:flex}.zoom-menu button{text-align:center;font-size:20px}.zoom-menu span{min-width:40px;font-size:12px}.help-menu{width:240px;padding:12px;font-size:12px;line-height:1.5}.workspace{background:var(--workspace);flex:1;min-height:0;display:flex;position:relative}.workspace:before{content:"";flex:0 0 56px}.sidebar{background:var(--panel);z-index:2;border:1px solid var(--panel-border);width:248px;box-shadow:none;border-left:0;border-radius:0 12px 12px 0;flex-direction:column;padding:16px 16px 14px;display:flex;position:absolute;top:30px;bottom:30px;left:0;overflow:hidden}.tracks-heading{justify-content:space-between;align-items:center;height:16px;margin:0 8px 8px;font-size:13px;display:flex}.tracks-heading strong{font-weight:600}.tracks-heading span{color:var(--muted);font-size:11px}.track-list{scrollbar-width:thin;flex-direction:column;flex-shrink:0;gap:4px;max-height:calc(100% - 104px);display:flex;overflow:auto}.track-row{background:var(--control);border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:8px;height:40px;padding:0 8px;display:flex}.track-row.selected{background:var(--selected);border-color:var(--selected-border)}.track-icon{color:var(--text);background:0 0;border:0;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.track-content{flex:1;min-width:0;height:40px;padding-top:10px;position:relative}.track-controls{align-items:center;gap:4px;height:20px;display:flex}.mini-button{border:1px solid var(--border);width:24px;height:20px;color:var(--muted);background:0 0;border-radius:4px;flex:none;padding:0;font-size:11px}.mini-button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mini-button.pan{border-radius:50%;width:20px}.track-volume{flex:none;width:75px;transform:translateY(-7px)}.track-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;width:88px;height:13px;color:var(--text);background:0 0;border:0;padding:0;font-size:11px;font-weight:500;line-height:13px;position:absolute;top:21px;left:80px;overflow:hidden}.selected .track-name{color:var(--strong-muted);font-weight:600}.load-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin:17px 8px 0;font-size:11px;display:flex;overflow:hidden}.load-status.error{color:#a02323}.sidebar-bottom{border-top:1px solid var(--border);height:50px;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding:4px 8px 0;display:flex}.collapse-label{color:inherit;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.pin-button{background:var(--selected);border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.pin-button.on{background:var(--active)}.expand-button{background:0 0;border:0;place-items:center;width:40px;height:32px;display:grid}.is-collapsed .sidebar{width:56px;padding:40px 7px 14px}.is-collapsed .track-row{background:0 0;justify-content:center;width:40px;height:40px;padding:0}.is-collapsed .track-icon{width:40px;height:40px}.is-collapsed .track-list{scrollbar-width:none;overflow-x:hidden}.is-collapsed .track-list::-webkit-scrollbar{display:none}.is-collapsed .track-row.selected{background:var(--selected)}.score-scroller{z-index:0;scrollbar-gutter:stable;flex:1;min-width:0;padding:20px 24px;position:relative;overflow:auto}.score-paper{border:1px solid var(--border);background:var(--paper);border-radius:8px;min-height:100%;padding:22px 32px 40px;box-shadow:0 1px 2px #22222205}.score-header{justify-content:space-between;gap:20px;font-size:14px;display:flex}.score-header strong{font-weight:600}.score-header p{color:var(--muted);margin:6px 0 0;font-size:11px}.score-section{color:var(--muted);white-space:nowrap;font-size:11px}.score-canvas{margin-top:16px}.at-cursor-bar{background:var(--cursor-bar)}.at-cursor-beat{background:#f04444;width:2px}.at-highlight *{fill:var(--accent);stroke:var(--accent)}.player{background:var(--panel);border-top:1px solid var(--separator);flex:none;align-items:center;gap:16px;height:74px;padding:8px 24px;display:flex}.timeline-row{flex:1;align-items:center;gap:12px;min-width:0;height:56px;display:flex}.master-volume{flex:none;align-items:center;gap:12px;display:flex}.master-volume input{width:88px}.time{color:var(--strong-muted);white-space:nowrap;font-size:11px;font-weight:600}.timeline{flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:56px;display:flex}.bar-labels,.sections{color:var(--muted);flex:none;height:14px;font-size:10px;position:relative}.ruler-track{position:absolute;inset:0 5px}.bar-labels span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.bar-labels span:first-child{transform:none}.sections button{height:14px;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;line-height:14px;position:absolute;top:0;overflow:hidden}.sections button:hover{color:var(--accent)}.timeline input{width:100%;margin:0}.timeline-rail{flex:none;height:16px;position:relative}.timeline-rail .ruler-track{pointer-events:none}.section-tick{background:var(--accent);width:2px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport{flex:none;align-items:center;gap:9px;height:58px;display:flex}.transport .icon-button{width:34px}.play-button{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play-button:hover{background:var(--accent-hover)}.play-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--on-accent);width:0;height:0;margin-left:3px}.pause-icon{border-left:4px solid var(--on-accent);border-right:4px solid var(--on-accent);width:14px;height:17px}.current-bar{color:var(--text);flex-direction:column;gap:5px;margin-left:8px;display:flex}.current-bar strong{font-size:13px;font-weight:500}.current-bar span{color:var(--muted);font-size:11px}.speed-menu{min-width:180px;padding:12px;inset:auto auto calc(100% + 10px) 0}.speed-menu label{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.speed-menu input{width:100%}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:4px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--muted);border-radius:50%;width:10px;height:10px;margin-top:-3.5px}input[type=range]::-moz-range-track{background:var(--border);border-radius:4px;height:3px}input[type=range]::-moz-range-thumb{background:var(--muted);border:0;border-radius:50%;width:10px;height:10px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-hidden .topbar{opacity:0;pointer-events:none;margin-top:-64px}@media (width<=900px){.topbar{gap:12px;padding:0 14px}.top-actions{gap:2px}.song-title h1{font-size:18px}.song-title span{display:none}.score-scroller{padding:12px}.score-paper{padding:18px}.player{padding-left:14px;padding-right:14px}.master-volume input{width:48px}.timeline-row{gap:8px}}@media (width<=600px){.top-actions{gap:0}.top-actions .icon-button{width:28px}.sidebar{width:216px;padding-left:8px;padding-right:8px}.track-row{gap:4px;padding:0 4px}.track-controls{gap:2px}.track-volume{width:65px}.track-name{left:74px}.score-paper{min-width:520px}.player{gap:6px}.master-volume{gap:4px}.master-volume input{width:32px}.timeline-row{gap:4px}.transport .icon-button{width:26px}.play-button{width:40px;height:40px}.transport{gap:2px}.current-bar strong{font-size:11px}}.speed-icon{place-items:center;width:20px;height:20px;display:grid;position:relative}.speed-icon img:last-child{position:absolute}.count-in{position:relative}.count-in img{position:absolute}.count-in span{font-size:10px;font-weight:600;position:relative}.exit-fullscreen{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:12px}.brand-mark{mix-blend-mode:multiply;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.brand-mark img{width:76px;max-width:none;height:auto;position:absolute;top:-4px;left:-17px}:root{--panel:#e7e5e1;--paper:#faf9f6;--workspace:#fff;--popup:#fff;--control:#dcdad5;--selected:#f4f3ef;--panel-border:#aaa7a1;--separator:#c9c9c6;--border:#bdbdb9;--text:#292826;--muted:#595751;--strong-muted:#50504d;--selected-border:#6b6862;--accent:#8e2428;--accent-hover:#a02328;--active:#d5d5d2;--cursor-bar:#50504d1a}.settings-menu{width:230px;padding:8px}.settings-heading{color:var(--muted);padding:6px 8px 5px;font-size:11px;font-weight:600}.settings-menu .theme-option{border-radius:6px;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.settings-menu .theme-option[aria-pressed=true]{background:var(--control);font-weight:600}.theme-swatches{flex:none;gap:2px;display:flex}.theme-swatches span{border:1px solid #00000029;border-radius:50%;width:13px;height:13px}.theme-check{color:var(--accent);margin-left:auto}.settings-divider{border-top:1px solid var(--separator);margin:7px 3px}.settings-menu>button{font-size:12px}.app{--control:color-mix(in srgb,var(--panel),var(--text) 10%);--selected:color-mix(in srgb,var(--panel),var(--paper) 65%);--panel-border:color-mix(in srgb,var(--panel),var(--text) 35%);--separator:color-mix(in srgb,var(--panel),var(--text) 22%);--border:color-mix(in srgb,var(--panel),var(--text) 30%);--selected-border:color-mix(in srgb,var(--panel),var(--text) 55%);--accent-hover:color-mix(in srgb,var(--accent),var(--text) 18%);--active:color-mix(in srgb,var(--panel),var(--accent) 18%);--cursor-bar:#ffdc4624}.settings-menu{overscroll-behavior:contain;max-height:min(70vh,520px);overflow-y:auto}.theme-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 3px;font-size:10px;font-weight:600}.app[data-mode=dark] .brand-mark{mix-blend-mode:normal;background:#fff;border-radius:4px}.app[data-mode=dark] .top-actions .icon-button img,.app[data-mode=dark] .track-icon img,.app[data-mode=dark] .sidebar-bottom img,.app[data-mode=dark] .transport .icon-button img,.app[data-mode=dark] .count-in img,.app[data-mode=dark] .master-volume img{filter:brightness(0)invert(.85)}.player-icon{background:var(--text);flex:none;width:20px;height:20px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.count-in{color:var(--text)}.count-in .player-icon{position:absolute}.transport-secondary .player-icon,.transport-secondary .icon-button svg{width:20px;height:20px}.app[data-mode=dark] .theme-swatches span{border-color:#ffffff40}.at-playback-score{isolation:isolate;-webkit-user-select:none;user-select:none;--at-selection:color-mix(in srgb,var(--accent) 12%,transparent);--at-selection-border:color-mix(in srgb,var(--accent) 65%,var(--paper));--at-selection-edge:var(--accent)}.at-playback-score>.at-cursors{z-index:auto!important}.at-playback-score>.at-surface{z-index:1}.at-playback-score .at-selection{visibility:hidden}.app[data-bar-highlight=off] .at-cursor-bar{background:0 0}.at-range-overlay{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.at-range-overlay[hidden]{display:none}.at-range-frame{border-inline:1px solid var(--at-selection-border);background:var(--at-selection);pointer-events:none;position:absolute}.at-range-loop{border:2px solid var(--at-selection-edge);height:7px;color:var(--at-selection-edge);border-bottom:0;position:absolute;top:-11px;left:-1px;right:-1px}.at-range-loop span{background:var(--paper);padding:0 4px;font-size:10px;line-height:12px;position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%)}.at-range-overlay.is-playing .at-range-frame{background:0 0;border-color:#0000}.at-range-overlay.is-playing .at-range-handle{display:none}.pan-popup{z-index:20;background:var(--popup);border:1px solid var(--separator);width:160px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:600;display:flex;position:fixed;box-shadow:0 4px 12px #0002}.pan-slider{flex:1;min-width:0;position:relative}.pan-slider input{width:100%;display:block;position:relative}.pan-slider-center{background:var(--muted);width:1px;height:8px;position:absolute;top:4px;left:50%}.mini-button.pan{position:relative}.pan-indicator{pointer-events:none;width:20px;height:20px;position:absolute;inset:-1px;overflow:visible}.pan-center-tick{fill:none;stroke:var(--muted);stroke-width:1.5px}.pan-indicator-arc{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;transform-origin:50%}.at-range-handle{width:14px;box-shadow:none;cursor:ew-resize;touch-action:none;pointer-events:auto;background:0 0;border:0;border-radius:0;outline:none;padding:0;position:absolute;transform:translate(-50%)}.at-range-handle:after{content:"";background:var(--at-selection-edge);opacity:0;width:3px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.at-range-handle:hover:after,.at-range-handle:focus-visible:after,.at-range-handle.is-dragging:after{opacity:1}.section-tick{background:var(--muted)}.timeline input[type=range]::-webkit-slider-thumb{background:var(--accent)}.timeline input[type=range]::-moz-range-thumb{background:var(--accent)}.app .brand-mark,.app[data-mode=dark] .brand-mark{mix-blend-mode:normal;background:0 0;border-radius:0;display:block;overflow:visible}.brand-mark svg{width:100%;height:100%;display:block}.bar-labels .last-bar-label{transform:translate(-100%)}.sections button{text-align:center;padding:0 2px}.timeline-rail .ruler-track{height:6px;top:50%;bottom:auto;transform:translateY(-50%)}.section-rails{border-radius:4px;position:absolute;inset:0;overflow:hidden}.section-rail{background:color-mix(in srgb,var(--panel),var(--text) 16%);border-right:2px solid var(--panel);height:100%;position:absolute;top:0}.section-rail.alternate{background:color-mix(in srgb,var(--panel),var(--text) 26%)}.section-rail:last-child{border-right:0}.timeline-progress{background:color-mix(in srgb,var(--panel),var(--text) 68%);border-radius:4px;height:100%;position:absolute;top:0;left:0}.timeline-rail input[type=range]{z-index:1;width:100%;height:16px;position:absolute;inset:0}.timeline-rail input[type=range]::-webkit-slider-runnable-track{background:0 0;height:6px}.timeline-rail input[type=range]::-webkit-slider-thumb{background:color-mix(in srgb,var(--panel),var(--text) 75%);width:12px;height:12px;margin-top:-3px}.timeline-rail input[type=range]::-moz-range-track{background:0 0;height:6px}.timeline-rail input[type=range]::-moz-range-thumb{background:color-mix(in srgb,var(--panel),var(--text) 75%);width:12px;height:12px}.transport .icon-button:not(:disabled):hover{background:color-mix(in srgb,var(--panel),var(--text) 9%)}.transport .icon-button[aria-pressed=true],.transport .icon-button[aria-pressed=true]:not(:disabled):hover{background:color-mix(in srgb,var(--panel),var(--text) 19%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel),var(--text) 35%)}.player-settings-menu{background:var(--popup);width:250px;color:var(--text);border-radius:12px;padding:0 12px 8px;inset:auto auto calc(100% + 10px) 0;box-shadow:0 10px 30px #1d29332e}.player-settings-heading{border-bottom:1px solid var(--separator);flex-direction:column;gap:3px;padding:10px 2px 8px;display:flex}.player-settings-heading strong{font-size:14px;font-weight:600}.player-settings-heading span{color:var(--muted);font-size:11px}.player-settings-group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:8px 2px 2px;font-size:10px;font-weight:600}.player-settings-group.display-group{border-top:1px solid var(--separator);margin-top:3px}.player-settings-row{justify-content:space-between;align-items:center;gap:12px;min-height:33px;padding:4px 2px;font-size:13px;display:flex}.player-setting-label{flex-direction:column;gap:2px;display:flex}.player-setting-label small{color:var(--muted);font-size:10px}.player-settings-menu .pitch-control{align-items:center;gap:4px;display:flex}.player-settings-menu .pitch-control button{background:var(--panel);border:1px solid var(--separator);text-align:center;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;font-size:17px;line-height:1;display:grid}.player-settings-menu .pitch-control button:hover{background:var(--control)}.pitch-control output{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:12px;font-weight:600}.player-settings-menu .settings-switch{background:var(--border);border:0;border-radius:11px;flex:none;align-items:center;width:38px;height:22px;padding:3px;display:flex}.player-settings-menu .settings-switch[aria-checked=true]{background:var(--accent);justify-content:flex-end}.settings-switch span{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #0003}.player-settings-row select{border:1px solid var(--separator);background:var(--panel);max-width:140px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:5px 7px;font-size:12px}.player-settings-row.unavailable{color:var(--muted)}.player-settings-row.unavailable span:last-child{background:var(--panel);border-radius:5px;padding:3px 7px;font-size:10px}.topbar{z-index:5;position:relative}.top-actions .icon-button{position:relative}.top-actions .icon-button:after{content:attr(aria-label);z-index:20;border:1px solid var(--separator);background:var(--popup);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 3px 10px #0002}.top-actions .icon-button:hover:after,.top-actions .icon-button:focus-visible:after{opacity:1;visibility:visible}.action-error{z-index:20;border:1px solid var(--separator);background:var(--popup);max-width:min(400px,100vw - 40px);color:var(--text);border-radius:8px;align-items:center;gap:14px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:86px;right:20px;box-shadow:0 4px 18px #0002}.action-error button{color:inherit;background:0 0;border:0;font-size:18px;line-height:1}.configuration-panel{z-index:4;border:1px solid var(--separator);background:var(--popup);width:min(480px,100% - 72px);color:var(--text);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 8px 28px #0002}.configuration-header{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.configuration-header div{flex-direction:column;gap:4px;display:flex}.configuration-header strong{font-size:17px;font-weight:600}.configuration-header span{color:var(--muted);font-size:12px}.configuration-close{width:32px;height:32px;color:var(--text);background:0 0;border:0;border-radius:7px;place-items:center;font-size:24px;line-height:1;display:grid}.configuration-close:hover{background:var(--control)}.configuration-body{overscroll-behavior:contain;padding:18px 20px 24px;overflow-y:auto}.configuration-intro{margin-bottom:9px;font-size:13px;font-weight:600}.configuration-quick{border:1px solid var(--separator);background:var(--panel);border-radius:9px;padding:4px 12px}.configuration-row{justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:13px;display:flex}.configuration-row+.configuration-row{border-top:1px solid var(--separator)}.configuration-row small{color:var(--muted);margin-left:3px;font-size:11px}.configuration-row select{border:1px solid var(--separator);background:var(--popup);max-width:160px;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:12px}.configuration-range{align-items:center;gap:9px;width:155px;display:flex}.configuration-range input{flex:1;min-width:0}.configuration-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px}.configuration-panel .settings-switch{background:var(--border);border:0;border-radius:11px;flex:none;align-items:center;width:38px;height:22px;padding:3px;display:flex}.configuration-panel .settings-switch[aria-checked=true]{background:var(--accent);justify-content:flex-end}.configuration-panel .pitch-control{align-items:center;gap:4px;display:flex}.configuration-panel .pitch-control button{border:1px solid var(--separator);background:var(--popup);width:26px;height:26px;color:var(--text);border-radius:6px;place-items:center;padding:0;font-size:17px;line-height:1;display:grid}.configuration-panel .pitch-control button:hover{background:var(--control)}.configuration-section-heading{justify-content:space-between;align-items:center;margin-top:23px;font-size:13px;display:flex}.configuration-section-heading span,.configuration-preview{background:var(--control);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:10px}.configuration-hint{color:var(--muted);margin:7px 0 12px;font-size:11px;line-height:1.5}.configuration-groups{border:1px solid var(--separator);border-radius:9px;overflow:hidden}.configuration-group{justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.configuration-group+.configuration-group{border-top:1px solid var(--separator)}.configuration-group>span:first-child{flex-direction:column;gap:4px;display:flex}.configuration-group strong{font-size:12px;font-weight:600}.configuration-group small{color:var(--muted);font-size:11px;line-height:1.3}.configuration-preview{flex:none}.configuration-demo{border:1px solid var(--separator);background:var(--panel);color:var(--text);border-radius:6px;margin-top:18px;padding:8px 10px;font-size:12px}.configuration-demo:hover{background:var(--control)}.advanced-search{margin:10px 0;display:block}.advanced-search input{border:1px solid var(--separator);background:var(--panel);width:100%;color:var(--text);font:inherit;border-radius:7px;padding:9px 10px;font-size:12px}.advanced-group+.advanced-group{border-top:1px solid var(--separator)}.advanced-group-heading{width:100%;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.advanced-group-heading:hover{background:var(--control)}.advanced-chevron{color:var(--muted);font-size:19px;line-height:12px;transition:transform .15s;display:inline-block}.advanced-chevron.open{transform:rotate(90deg)}.advanced-score-tag{color:var(--muted);margin-left:auto;font-size:10px}.advanced-group-body{padding:0 12px 9px}.advanced-group-body>.configuration-hint{margin-top:2px}.advanced-row{border-top:1px solid var(--separator);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:7px 0;display:flex}.advanced-label{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.advanced-label small{color:var(--muted);font-size:10px;line-height:1.35}.advanced-control{justify-content:flex-end;align-items:center;gap:5px;min-width:0;max-width:64%;display:flex}.advanced-control select,.advanced-input{border:1px solid var(--separator);background:var(--panel);min-width:0;max-width:185px;color:var(--text);font:inherit;border-radius:6px;padding:6px 7px;font-size:12px}.advanced-input{width:140px}.advanced-input[aria-invalid=true]{border-color:#c54444}.advanced-control input[type=color]{border:1px solid var(--separator);background:var(--panel);border-radius:6px;width:32px;height:27px;padding:2px}.advanced-range{align-items:center;gap:7px;width:145px;display:flex}.advanced-range input{flex:1;min-width:0}.advanced-range output{text-align:right;min-width:35px;font-size:11px}.advanced-reset{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:15px}.advanced-reset:hover{background:var(--control)}.advanced-unavailable{color:var(--muted);font-size:11px}.advanced-reset-all{color:var(--muted);background:0 0;border:0;font-size:11px;text-decoration:underline}.advanced-reset-all:disabled{opacity:.45;text-decoration:none}.topbar{transition:margin-top .45s,opacity .35s}@media (prefers-reduced-motion:reduce){.topbar{transition:none}}.sidebar-bottom{flex:none;justify-content:flex-start;gap:4px;height:36px;margin-left:-8px;padding:2px 0 0}.sidebar-bottom .expand-button{border-radius:6px;flex:none;width:40px;height:32px}.sidebar-bottom .expand-button:hover{background:var(--control)}.sidebar-bottom .expand-button[aria-expanded=true] img{transform:rotate(180deg)}.instruments-label{color:var(--muted);font-size:11px;font-weight:600}.sidebar-bottom .pin-button{margin-left:auto}.is-collapsed .sidebar-bottom{justify-content:flex-start;margin-left:0;margin-right:0;padding:2px 0 0}.workspace:not(.is-collapsed) .sidebar-bottom{margin-left:-9px}.is-collapsed .sidebar .sidebar-bottom{margin-left:0}@media (width<=600px){.workspace:not(.is-collapsed) .sidebar-bottom{margin-left:-1px}.is-collapsed .sidebar .sidebar-bottom{margin-left:0}}.workspace.is-pinned:before{flex-basis:248px}@media (width<=600px){.workspace.is-pinned:before{flex-basis:216px}}.sidebar,.is-collapsed .sidebar{padding-bottom:0}.sidebar-bottom,.is-collapsed .sidebar-bottom{padding-top:0}.tracks-heading{gap:8px}.multi-label{font-weight:600;color:var(--text)!important;font-size:12px!important}.tracks-heading .multi-switch{background:var(--border);border:0;border-radius:10px;flex:none;align-items:center;width:34px;height:20px;padding:2px;display:flex}.tracks-heading .multi-switch[aria-checked=true]{background:var(--accent);justify-content:flex-end}.multi-switch span{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #0003}.track-row{cursor:pointer}.track-icon{position:relative}.track-activity{border:1.5px solid var(--panel);background:#27a65a;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;left:0}.is-collapsed .track-activity{bottom:5px;left:5px}.sidebar-master-volume{height:34px;color:var(--muted);flex:none;align-items:center;gap:6px;margin-top:auto;font-size:11px;font-weight:600;display:flex}.sidebar-master-volume+.sidebar-bottom{margin-top:0}.master-mute-button{background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:relative}.master-mute-button:hover,.master-mute-button[aria-pressed=true]{background:var(--control)}.mute-slash{background:var(--accent);width:21px;height:2px;box-shadow:0 0 0 1px var(--panel);pointer-events:none;border-radius:2px;position:absolute;transform:rotate(-45deg)}.app[data-mode=dark] .sidebar-master-volume img{filter:brightness(0)invert(.85)}.sidebar-master-volume span{white-space:nowrap}.sidebar-master-volume input[type=range]{flex:1;width:80px;min-width:0;margin-left:auto}.transport-secondary .speed-menu,.transport-secondary .player-settings-menu{left:auto;right:0}.transport-secondary{background:color-mix(in srgb,var(--panel) 92%,var(--text));border-radius:9px;gap:3px;height:auto;padding:3px}.transport-secondary .icon-button{border-radius:6px;width:32px;height:32px}.transport-secondary .icon-button:not(:disabled):hover,.transport-secondary .icon-button[aria-pressed=true]{background:color-mix(in srgb,var(--panel) 82%,var(--text))}.player [data-tooltip]{position:relative}.player [data-tooltip]:after{content:attr(data-tooltip);z-index:20;border:1px solid var(--separator);background:var(--popup);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0002}.player [data-tooltip]:not(:disabled):hover:after,.player [data-tooltip]:focus-visible:after{opacity:1;visibility:visible}.player [data-tooltip=""]:after{display:none}.player .transport:first-child>.icon-button:first-child:after{left:0;transform:none}.player .master-mute-button:after{left:auto;right:0;transform:none}.source-anchor{flex:none}.source-switch{align-items:center;gap:2px;display:flex}.source-switch>button,.source-switch .source-choice{width:46px;height:46px;color:var(--strong-muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;font-size:10px;font-weight:600;line-height:1;display:flex}.source-switch>button:not(:disabled):hover,.source-switch .source-choice:not(:disabled):hover,.source-switch>button[aria-pressed=true],.source-switch .source-choice[aria-pressed=true]{background:var(--control);color:var(--text)}.source-config{z-index:2;width:20px;height:20px;color:var(--text);opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.source-config svg{width:19px;height:19px}.source-switch .popover-anchor:hover>.source-config,.source-switch .source-choice:focus-visible+.source-config,.source-switch .source-config:focus-visible,.source-switch .source-config[aria-expanded=true]{opacity:1;pointer-events:auto}@media (hover:hover){.source-switch:has(.popover-anchor:hover) .popover-anchor:not(:hover)>.source-config{opacity:0;pointer-events:none}}@media (hover:none){.source-config{opacity:1;pointer-events:auto}}.player-settings-menu{max-height:calc(100dvh - 100px);overflow-y:auto}.source-menu{width:260px;max-height:calc(100dvh - 100px);padding:8px;inset:auto auto calc(100% + 10px) 0;overflow-y:auto}.source-menu strong{padding:5px 8px;font-size:13px;display:block}.source-menu button{text-overflow:ellipsis;font-size:12px;overflow:hidden}.source-menu button[aria-pressed=true]{background:var(--control);font-weight:600}.video-source-menu form{gap:6px;padding:5px 8px 8px;display:grid}.video-source-menu label{color:var(--muted);font-size:11px;font-weight:600}.video-source-menu input{border:1px solid var(--separator);background:var(--panel);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:8px;font-size:12px}.video-source-menu .source-connect{background:var(--control);text-align:center;font-weight:600}.source-status{color:var(--muted);padding:7px 8px;font-size:11px;line-height:1.4}.media-panel{z-index:3;border:1px solid var(--separator);background:var(--popup);width:min(360px,100% - 80px);color:var(--text);border-radius:10px;padding:8px;position:absolute;bottom:18px;right:24px;box-shadow:0 6px 20px #0002}.media-panel[hidden]{display:none}.media-panel-header{justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 7px;font-size:12px;display:flex}.media-panel-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-panel-header button{color:var(--text);background:0 0;border:0;font-size:20px;line-height:1}.media-panel video{background:#000;border-radius:5px;width:100%;max-height:220px;display:block}.media-panel video[hidden],.youtube-player[hidden]{display:none}.youtube-player{background:#000;border-radius:5px;min-width:200px;height:200px;overflow:hidden}.youtube-player iframe{border:0;width:100%;height:100%;display:block}@media (width<=700px){.player{gap:5px}.transport-secondary{gap:0;padding:2px}.transport-secondary .icon-button{width:29px}.source-switch{gap:0}.source-switch>button,.source-switch .source-choice{width:39px;font-size:10px}.master-volume{gap:3px}.master-volume input{width:30px}.timeline-row{gap:4px}}.score-header>div:first-child{min-width:0}.score-track-details{line-height:1.5}.score-track-details-name{color:var(--text);font-weight:600}.workspace:not(.is-collapsed) .track-icon{transform:translate(-10px)}.workspace:not(.is-collapsed) .track-activity{bottom:-3px;left:-3px}@media (width<=600px){.workspace:not(.is-collapsed) .track-icon{transform:translate(2px)}}.workspace:not(.is-collapsed) .track-list{width:calc(100% + 9px);margin-left:-9px}.workspace:not(.is-collapsed) .track-row{padding-left:17px}@media (width<=600px){.workspace:not(.is-collapsed) .track-list{width:calc(100% + 1px);margin-left:-1px}.workspace:not(.is-collapsed) .track-row{padding-left:5px}}.timeline-waveform{z-index:0;pointer-events:none;width:100%;height:26px;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}.timeline-waveform path{fill:none;stroke:var(--accent);stroke-width:3px;stroke-opacity:.7;stroke-linecap:round;vector-effect:non-scaling-stroke}.timeline-rail .section-rails{z-index:1}.timeline-rail .timeline-progress{z-index:2}.timeline-rail input[type=range]::-webkit-slider-thumb{background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.timeline-rail input[type=range]::-moz-range-thumb{background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.timeline-row>.time{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 6ch}.audio-ruler-line,.audio-section-marker{z-index:1;background:var(--muted);position:absolute}.audio-ruler-line{z-index:3;height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.audio-section-marker{z-index:2;background:0 0;width:3px;height:20px;top:50%;transform:translate(-50%,-50%)}.audio-section-marker:before{content:"";background:var(--panel);position:absolute;inset:-7px -3px -3px}.audio-section-marker:after{content:"";background:var(--muted);border-radius:2px;position:absolute;inset:0}