.demo-page{font:1.0625rem/1.5 system-ui,sans-serif;background:var(--brand-cream);color:var(--brand-dark);margin:0}.demo-page *{box-sizing:border-box}.demo-main{max-width:1040px;margin:24px auto;padding:0 20px 32px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--brand-border);border-bottom:3px solid var(--brand-orange);border-radius:18px;background:var(--brand-surface,#fff);box-shadow:0 8px 24px #1b3a6b0a}.demo-brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:1.35rem;text-decoration:none}.demo-badge{font-size:.75rem;padding:3px 9px;border-radius:20px;color:var(--brand-blue);background:var(--brand-blue-pale)}.demo-menu{position:relative}.demo-menu>summary{list-style:none;display:flex;gap:10px;align-items:center;border:1px solid var(--brand-border);border-radius:12px;padding:9px 14px;min-height:44px;cursor:pointer;color:var(--brand-blue)}.demo-menu>summary::-webkit-details-marker{display:none}.demo-menu nav{position:absolute;z-index:30;left:0;top:calc(100% + 10px);min-width:240px;padding:8px;border:1px solid var(--brand-border);border-radius:14px;background:var(--brand-surface,#fff);box-shadow:0 12px 30px #0002}.demo-menu nav a{display:block;text-decoration:none;color:var(--brand-dark);padding:12px 14px;border-radius:9px}.demo-menu nav a[aria-current],.demo-menu nav a:hover{color:var(--brand-blue);background:var(--brand-blue-pale)}.demo-page-heading{display:flex;align-items:center;gap:12px;margin:28px 0 10px}.demo-page h1{font-size:1.75rem;margin:0;line-height:1.2}.demo-page h2{font-size:1.25rem;margin:0 0 12px}.demo-page p{margin:6px 0}.demo-eyebrow{font-size:.82rem;color:var(--brand-muted);font-weight:600}.demo-notice{font-size:.88rem;color:var(--brand-muted);margin-bottom:22px!important}.demo-page section{padding:26px;background:var(--brand-surface,#fff);border:1px solid var(--brand-border);border-radius:18px;margin:18px 0;box-shadow:0 8px 24px #1b3a6b0a}.demo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-entry{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.demo-entry p{color:var(--brand-muted);flex:1;margin:0 0 14px}.demo-entry-icon,.demo-song-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--brand-blue-pale);color:var(--brand-blue);font-size:2rem}.demo-page button,.demo-page .demo-action{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;min-height:46px;background:var(--brand-surface,#fff);color:var(--brand-blue);border:1px solid var(--brand-border);border-radius:12px;cursor:pointer;text-decoration:none}.demo-page .demo-primary{background:var(--brand-orange);color:#0e1f3d;border-color:transparent;font-weight:650}.demo-song>.demo-primary{min-width:230px}.demo-song-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.demo-song-heading h2{margin:3px 0;font-size:1.45rem}.demo-song-icon{flex-shrink:0}.demo-muted{color:var(--brand-muted);font-size:.9rem}.demo-part-picker{padding:20px 0;margin:16px 0 20px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}.demo-part-picker label{display:block;font-weight:600;margin-bottom:10px}.demo-part-picker>div{display:flex;gap:10px}.demo-page select{font:inherit;min-height:46px;min-width:180px;max-width:100%;padding:8px 14px;color:var(--brand-dark);background:var(--brand-surface,#fff);border:1px solid var(--brand-border);border-radius:10px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-session{margin-top:22px}.demo-section-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px}.demo-section-heading h2{margin:0}.demo-preference{display:flex;align-items:center;gap:12px;min-height:48px}.demo-preference input{width:22px;height:22px;accent-color:var(--brand-blue)}.demo-appearance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.demo-appearance button{flex-direction:column;padding:18px 8px}.demo-appearance button>span{font-size:1.7rem}.demo-appearance button[aria-pressed=true]{background:var(--brand-blue-pale);border-color:var(--brand-blue);box-shadow:inset 0 0 0 1px var(--brand-blue)}.demo-languages{display:flex;gap:12px;flex-wrap:wrap}.demo-languages a{padding:10px 16px;border:1px solid var(--brand-border);border-radius:10px;text-decoration:none}.demo-languages a[aria-current]{background:var(--brand-blue-pale);font-weight:650}.demo-help{position:relative}.demo-help>summary{list-style:none;cursor:pointer;color:var(--brand-blue);font-size:1.3rem;min-width:36px;min-height:36px;display:grid;place-items:center}.demo-help>p{position:absolute;z-index:25;left:0;top:100%;width:280px;max-width:calc(100vw - 60px);padding:14px;background:var(--brand-surface,#fff);border:1px solid var(--brand-border);border-radius:12px;font-size:.9rem;box-shadow:0 8px 24px #0002}.demo-song-info{margin-top:18px;font-size:.88rem;color:var(--brand-muted)}.demo-song-info summary{cursor:pointer}.demo-page footer{color:var(--brand-muted);font-size:.8rem;text-align:center;margin-top:32px}.demo-error{border-left:3px solid var(--brand-orange);padding:12px;background:var(--brand-orange-pale)}.demo-banner{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 12px;background:var(--brand-blue-pale,#dbeafb);color:var(--brand-blue,#193b70);font:13px/1.4 system-ui,sans-serif;z-index:20}.demo-banner a{color:inherit}.demo-banner .demo-actions{margin:0}.demo-banner button{min-height:36px;padding:4px 9px;background:var(--brand-surface,#fff);color:var(--brand-blue,#193b70);border:1px solid var(--brand-border,#adcafa)}.demo-banner form{margin:0}[data-demo-player] :is(#annotationToggle,#rehearsalPanel,[data-open-panel="rehearsalPanel"],.offline-save-status){display:none!important}@media(max-width:680px){.demo-main{margin:12px auto;padding:0 12px 24px}.demo-header{padding:10px 12px}.demo-page h1{font-size:1.5rem}.demo-page section{padding:20px}.demo-choices{grid-template-columns:1fr;gap:0}.demo-song-heading{align-items:flex-start;gap:12px}.demo-song-heading h2{font-size:1.2rem}.demo-part-picker>div{flex-wrap:wrap}.demo-part-picker select{flex:1;min-width:120px}.demo-song>.demo-primary{width:100%}.demo-banner{font-size:12px}}@media print{.demo-banner{display:none}}

.demo-page-heading,.demo-section-heading{position:relative}.demo-help{position:static}.demo-help>p{top:calc(100% + 8px)}.demo-menu-languages{border-top:1px solid var(--brand-border);margin-top:8px;padding-top:8px;display:flex;flex-wrap:wrap;gap:4px}.demo-menu-languages>span{width:100%;padding:4px 14px;color:var(--brand-muted);font-size:.8rem}.demo-menu .demo-menu-languages a{font-size:.88rem;padding:10px 12px}

.demo-entry-languages{display:flex;gap:16px;margin:18px 0}.demo-entry-languages a{font-size:.9rem;text-underline-offset:4px}.demo-entry-languages a[aria-current]{font-weight:700}

[data-demo-player] .demo-guided-unavailable{display:none!important}
[hidden]{display:none!important}.demo-part-picker select{flex:1}.demo-part-status{font-size:.85rem;color:var(--brand-muted);padding-top:8px}.demo-action[aria-disabled=true]{opacity:.5;cursor:wait}