.tool[data-tool=chord-finder] .chord-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.tool[data-tool=chord-finder] .chord-grid>p{grid-column:1/-1;margin:0}.tool[data-tool=chord-finder] .chord-card{padding:var(--space-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);text-align:center;margin:0}.tool[data-tool=chord-finder] .chord-card svg{block-size:auto;inline-size:100%;max-inline-size:150px}.tool[data-tool=chord-finder] .chord-card figcaption{font-family:var(--font-mono,monospace);font-size:var(--fs-sm);color:var(--c-text-2)}.tool[data-tool=chord-finder] .fretline,.tool[data-tool=chord-finder] .stringline{stroke:var(--c-border-strong);stroke-width:1px}.tool[data-tool=chord-finder] .nut{stroke:var(--c-text);stroke-width:4px}.tool[data-tool=chord-finder] .dot{fill:var(--c-primary)}.tool[data-tool=chord-finder] .open{fill:none;stroke:var(--c-text-2);stroke-width:1.4px}.tool[data-tool=chord-finder] .mark,.tool[data-tool=chord-finder] .fretno{fill:var(--c-text-2);font-size:11px}.tool[data-tool=chord-finder] .piano{margin:0}.tool[data-tool=chord-finder] .piano svg{block-size:auto;inline-size:100%}.tool[data-tool=chord-finder] .piano .white{fill:var(--c-surface);stroke:var(--c-border-strong)}.tool[data-tool=chord-finder] .piano .black{fill:var(--c-text)}.tool[data-tool=chord-finder] .piano .white.on{fill:var(--c-primary)}.tool[data-tool=chord-finder] .piano .black.on{fill:var(--c-primary);stroke:var(--c-text)}.tool[data-tool=chord-finder] .piano .on.root{fill:var(--c-accent)}.tool[data-tool=chord-finder] .keyname{fill:var(--c-on-primary);font-size:6px;font-weight:600}