#coordinate-display{z-index:200;background:#fffffff2;border:2px solid #0064ff;border-radius:5px;max-width:160px;max-height:400px;padding:7px;font-family:monospace;font-size:12px;display:none;position:fixed;top:10px;right:10px;overflow-y:auto;box-shadow:5px 5px 10px #0000004d}#coordinate-display>div:first-child{color:#0064ff;font-size:14px;font-weight:700}#coordinate-content{cursor:pointer;-webkit-user-select:all;user-select:all;background:#f5f5f5;border-radius:4px;margin:0;padding:10px}
.pq-transcription{--pq-ink:#211f1c;--pq-ink-soft:#5b574f;--pq-ink-faint:#8c8779;--pq-paper:#fdfcf9;--pq-paper-ink:#14120f;--pq-paper-line:#b9b3a3;--pq-surface:#fff;--pq-surface-2:#eae6dc;--pq-line:#ddd7c8;--pq-line-strong:#c7c0ac;--pq-accent:#7d1f26;--pq-accent-ink:#fff;--pq-accent-soft:#f6e6e3;--pq-gold:#8a6a1f;--pq-ok:#3c7a5e;--pq-serif:"Source Serif 4", Georgia, "Iowan Old Style", serif;--pq-sans:"IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--pq-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--pq-shadow:0 1px 2px #1e190f0f, 0 6px 20px -12px #1e190f40;--pq-radius:10px;color:var(--pq-ink);font-family:var(--pq-sans)}.pq-panel{background:var(--pq-surface);color:var(--pq-ink);border:1px solid var(--pq-line);border-radius:var(--pq-radius);box-shadow:var(--pq-shadow);margin-bottom:22px;padding:20px 22px}.pq-panel h2{font-family:var(--pq-serif);color:var(--pq-ink);margin:0 0 4px;font-size:1.35rem;font-weight:700}.pq-desc{font-family:var(--pq-sans);color:var(--pq-ink-soft);margin:0 0 14px;font-size:.88rem}.pq-staff{background:var(--pq-paper,#fdfcf9);border:1px solid var(--pq-paper-line,#b9b3a3);border-radius:4px;min-height:140px;overflow-x:auto}.pq-note-focus{fill:none;stroke:#c4c0b8;stroke-width:1px;pointer-events:none}.pq-note-focus-active{stroke:#8a857c;stroke-width:1.5px}.pq-note-hit{fill:#0000;stroke:none}.pq-chord-well{fill:none;stroke:#c4c0b8;stroke-width:1px}.pq-chord-well-active{stroke:#8a857c;stroke-width:1.5px}.pq-chord-label{font-family:var(--pq-mono,ui-monospace, SFMono-Regular, Menlo, monospace);fill:var(--pq-ink,#211f1c);pointer-events:none;font-size:12px;font-weight:600}.pq-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.pq-palette-row{margin-top:10px}.pq-palette-label{width:4.75rem;font-family:var(--pq-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pq-ink-faint);flex-shrink:0;font-size:.72rem}.pq-chip-mod{min-width:2.75rem;font-weight:600}.pq-chip{font-family:var(--pq-sans);border:1px solid var(--pq-line-strong);background:var(--pq-surface-2);color:var(--pq-ink);cursor:pointer;border-radius:5px;padding:8px 14px;font-size:13px;transition:transform 80ms,background .15s}.pq-chip:hover:not(:disabled){border-color:var(--pq-accent)}.pq-chip:active:not(:disabled){transform:translateY(1px)}.pq-chip:disabled{opacity:.35;cursor:not-allowed}.pq-chip-danger{border-color:var(--pq-accent);color:var(--pq-accent);background:var(--pq-accent-soft)}.pq-chip-selected{background:var(--pq-accent);color:var(--pq-accent-ink);border-color:var(--pq-accent)}.pq-chip-nav{padding:6px 14px;font-size:16px}.pq-chip-octave{width:40px;padding-left:0;padding-right:0}.pq-octave-arrow{width:16px;height:16px}.pq-chip-icon{width:5rem;height:5rem;padding:.25rem}.pq-chip-icon-wide{width:8rem}.pq-chip-icon-host{width:100%;height:100%;display:block;overflow:hidden}.pq-chip-icon-host svg{pointer-events:none;width:100%;height:100%;display:block}.pq-beats{font-family:var(--pq-mono);color:var(--pq-ink-faint);margin-top:10px;font-size:12px}.pq-labeled-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pq-nav-stack{flex-direction:column;gap:8px;margin-top:1rem;display:flex}.pq-slot-meta{font-family:var(--pq-mono);color:var(--pq-ink-faint);font-size:12px}.pq-root-grid{grid-template-columns:repeat(12,44px);grid-auto-rows:40px;gap:6px;margin-top:6px;display:grid}.pq-root-grid .pq-chip{padding:0;font-weight:600}.pq-tag{font-family:var(--pq-mono);background:var(--pq-surface-2);color:var(--pq-ink);border-radius:3px;padding:3px 8px;font-size:12px}.pq-error{color:var(--pq-accent)}.pq-atlas-section{margin-top:1.4rem}.pq-atlas-cat-head{border-bottom:1px solid var(--pq-line-strong,#c7c0ac);align-items:baseline;gap:.8rem;margin-bottom:.9rem;padding-bottom:.5rem;display:flex}.pq-atlas-cat-head h2,.pq-atlas-cat-title{font-family:var(--pq-serif,"Source Serif 4", Georgia, serif);color:var(--pq-ink,#211f1c);margin:0;font-size:1.15rem;font-weight:700}.pq-atlas-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.9rem;display:grid}.pq-atlas-card{appearance:none;text-align:left;cursor:pointer;background:var(--pq-surface,#fff);color:var(--pq-ink,#211f1c);border:1px solid var(--pq-line,#ddd7c8);border-radius:var(--pq-radius,10px);box-shadow:var(--pq-shadow,0 1px 2px #1e190f0f, 0 6px 20px -12px #1e190f40);font:inherit;flex-direction:column;padding:0;display:flex;overflow:hidden}.pq-atlas-card:hover:not(:disabled){border-color:var(--pq-accent,#7d1f26)}.pq-atlas-card:disabled{opacity:.35;cursor:not-allowed}.pq-atlas-card-selected{border-color:var(--pq-accent,#7d1f26);box-shadow:0 0 0 1px var(--pq-accent,#7d1f26)}.pq-atlas-glyph{background:var(--pq-paper,#fdfcf9);border-bottom:1px solid var(--pq-paper-line,#b9b3a3);justify-content:center;align-items:center;min-height:96px;padding:.4rem;display:flex;position:relative}.pq-atlas-glyph svg{pointer-events:none;width:100%;height:86px;display:block}.pq-atlas-glyph[data-vf=true]:after{content:"VexFlow";font-family:var(--pq-mono,"IBM Plex Mono", ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--pq-gold,#8a6a1f);background:color-mix(in srgb, var(--pq-paper,#fdfcf9) 82%, transparent);border:1px solid var(--pq-paper-line,#b9b3a3);border-radius:4px;padding:.1rem .35rem;font-size:.58rem;position:absolute;top:4px;right:6px}.pq-atlas-body{flex-direction:column;flex:1;gap:.25rem;padding:.75rem .85rem .9rem;display:flex}.pq-atlas-name{font-family:var(--pq-serif,"Source Serif 4", Georgia, serif);margin:0;font-size:1.03rem;font-weight:700;line-height:1.25}.pq-atlas-alt{font-family:var(--pq-serif,"Source Serif 4", Georgia, serif);color:var(--pq-ink-faint,#8c8779);margin:0;font-size:.83rem;font-style:italic}.dark .pq-atlas-card{--pq-surface:#201c16;--pq-ink:#ece7db;--pq-ink-faint:#837c6c;--pq-line:#3a3327;--pq-accent:#e08b86;--pq-gold:#d9b869;--pq-paper:#fbf9f4;--pq-paper-line:#b9b3a3;--pq-shadow:0 1px 2px #0006, 0 10px 30px -14px #0009}.dark .pq-atlas-cat-title,.dark .pq-atlas-name{color:#ece7db}