.pitch-diagnostics.svelte-z5lmvm{display:grid;gap:10px;padding:10px 12px;border-radius:16px;background:#fffcf7d1;border:1px solid rgba(215,227,220,.25)}.pitch-grid.svelte-z5lmvm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pitch-stat.svelte-z5lmvm{display:grid;gap:4px;text-align:center}.label.svelte-z5lmvm{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#66756e}.sparkline-shell.svelte-z5lmvm{height:48px}svg.svelte-z5lmvm{width:100%;height:100%}.fingering-panel.svelte-1d306jl{display:flex;flex-direction:column;height:100%;padding:6px 4px;gap:10px}.fingering-header.svelte-1d306jl{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.pitch-block.svelte-1d306jl{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1 1 0}.pitch-label.svelte-1d306jl{margin:0;font-size:9px;text-transform:uppercase;color:#66756e;font-weight:600}.pitch-note.svelte-1d306jl{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--pitch-color, #1F2D27);white-space:nowrap}.pitch-hz.svelte-1d306jl{margin:3px 0 0;font-size:10px;color:var(--pitch-color, #66756E);opacity:.85;white-space:nowrap}.fingering-display.svelte-1d306jl{flex:1;display:grid;align-items:center;justify-items:center;align-content:center;width:100%;gap:12px;padding:4px;overflow:hidden}.fingering-display.single.svelte-1d306jl{grid-template-columns:1fr}.fingering-display.multi.svelte-1d306jl{grid-template-columns:repeat(2,minmax(0,1fr))}.whistle.svelte-1d306jl{aspect-ratio:130 / 906;width:100%;height:100%;max-height:380px}.hole.svelte-1d306jl{stroke:#1f2d27;stroke-width:2}.hole.open.svelte-1d306jl{fill:#fff}.hole.closed.svelte-1d306jl{fill:#1f2d27}@media(max-width:900px){.fingering-panel.svelte-1d306jl{padding:6px 4px;gap:8px}.fingering-header.svelte-1d306jl{gap:6px}.pitch-block.svelte-1d306jl{min-width:0}.pitch-label.svelte-1d306jl{font-size:8px;letter-spacing:.16em}.pitch-note.svelte-1d306jl{font-size:14px}.pitch-hz.svelte-1d306jl{font-size:10px}}@media(max-width:720px){.fingering-panel.svelte-1d306jl{padding:6px 4px}}@media(max-height:520px){.fingering-panel.svelte-1d306jl{padding:6px 4px}}