.score-viewer[data-v-cf7b9538]{flex-direction:column;gap:10px;display:flex}.playback-bar[data-v-cf7b9538]{background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.14);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pb-btn[data-v-cf7b9538]{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.pb-btn[data-v-cf7b9538]:disabled{opacity:.5;cursor:not-allowed}.pb-btn.play[data-v-cf7b9538]{background:var(--accent,#4a90e2);color:#fff}.pb-btn.play[data-v-cf7b9538]:hover:not(:disabled){filter:brightness(1.1)}.pb-btn.pause[data-v-cf7b9538]{background:rgba(var(--accent-rgb),.12);color:var(--accent,#4a90e2);border-color:rgba(var(--accent-rgb),.3)}.pb-btn.pause[data-v-cf7b9538]:hover{background:rgba(var(--accent-rgb),.2)}.pb-btn.stop[data-v-cf7b9538]{color:var(--muted,#888);border-color:var(--line,#ddd);background:0 0}.pb-btn.stop[data-v-cf7b9538]:hover{color:var(--danger,#e74c3c);border-color:var(--danger,#e74c3c)}.pb-hint[data-v-cf7b9538]{color:var(--muted,#aaa);font-size:12px}.state-hint[data-v-cf7b9538]{color:var(--muted,#888);padding:12px 16px;font-size:14px}.state-hint.error[data-v-cf7b9538]{color:var(--danger,#e74c3c)}.score-canvas[data-v-cf7b9538]{background:#fff;border:1px solid #0000000f;border-radius:10px;width:100%;min-width:560px;min-height:300px;overflow-x:auto}.score-canvas-scroll[data-v-cf7b9538]{border-radius:10px;min-width:0;max-width:100%;overflow-x:auto}.score-canvas-scroll[data-v-cf7b9538]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.score-scroll-hint[data-v-cf7b9538]{color:var(--muted);margin:0;font-size:.78rem;display:none}@media (max-width:600px){.score-scroll-hint[data-v-cf7b9538]{display:block}}.score-canvas[data-v-cf7b9538] svg{max-width:100%;height:auto;display:block}