.heatmap-panel.svelte-xaicy7{gap:var(--space-md);flex-direction:column;display:flex}.panel-header.svelte-xaicy7{gap:var(--space-xs);flex-direction:column;display:flex}.caption.svelte-xaicy7{color:var(--color-text-secondary);margin:0;font-size:.85rem}.more-options.svelte-xaicy7{margin-top:var(--space-xs)}.more-options.svelte-xaicy7 summary:where(.svelte-xaicy7){cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;list-style:none;display:inline-flex}.more-options.svelte-xaicy7 summary:where(.svelte-xaicy7)::-webkit-details-marker{display:none}.more-options.svelte-xaicy7 summary:where(.svelte-xaicy7):before{content:"";width:.4rem;height:.4rem;transition:transform var(--transition-fast);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.more-options[open].svelte-xaicy7 summary:where(.svelte-xaicy7):before{transform:rotate(45deg)}.more-options.svelte-xaicy7 summary:where(.svelte-xaicy7):hover{color:var(--color-text-primary)}.more-options.svelte-xaicy7 summary:where(.svelte-xaicy7):focus-visible{border-radius:var(--radius-sm)}.controls.svelte-xaicy7{padding-top:var(--space-sm);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chip-toggle.svelte-xaicy7{appearance:none;border:1px solid var(--border-hairline);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:.35rem .8rem;font-size:.8rem;font-weight:500;line-height:1.2}.chip-toggle.svelte-xaicy7:hover{color:var(--color-text-primary)}.chip-toggle[aria-pressed=true].svelte-xaicy7{background:var(--hover-overlay-subtle);color:var(--color-text-primary)}.scale-picker.svelte-xaicy7{background:var(--surface-panel);color:var(--color-text-primary);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:.35rem .5rem;font-size:.8rem}.scale-picker.svelte-xaicy7:focus-visible{outline-offset:-1px}.board-scroll.svelte-xaicy7{-webkit-overflow-scrolling:touch;overflow-x:auto}.board-scroll.svelte-xaicy7.masked{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.board.svelte-xaicy7{flex-direction:column;gap:3px;min-width:520px;max-width:720px;display:flex}.board-row.svelte-xaicy7{grid-template-columns:1.6rem repeat(13,minmax(0,1fr));gap:3px;display:grid}.axis-cell.svelte-xaicy7{color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.7rem;display:flex}.fret-number.marker.svelte-xaicy7{color:var(--color-text-secondary);font-weight:600}.string-glyph.svelte-xaicy7,.corner.svelte-xaicy7{z-index:1;background:var(--color-bg-deep);box-shadow:3px 0 0 var(--color-bg-deep);position:sticky;left:0}.string-glyph.svelte-xaicy7{color:var(--color-text-secondary);font-weight:600}.cell.svelte-xaicy7{aspect-ratio:1;border-radius:var(--radius-md);background:var(--fill);border:1px solid var(--border-hairline);min-height:26px;color:var(--color-text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.cell.untested.svelte-xaicy7{background:var(--untested-fill);border-style:dashed}.cell.out-of-scale.svelte-xaicy7{border-color:var(--divider);background:0 0}.legend.svelte-xaicy7{color:var(--color-text-secondary);flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;font-size:.72rem;list-style:none;display:flex}.legend.svelte-xaicy7 li:where(.svelte-xaicy7){align-items:center;gap:.35rem;display:flex}.swatch.svelte-xaicy7{border-radius:3px;width:.7rem;height:.7rem;display:inline-block}.swatch.empty.svelte-xaicy7{background:var(--untested-fill);border:1px dashed var(--border-hairline)}.swatch.off-scale.svelte-xaicy7{border:1px solid var(--divider);background:0 0}@media (width<=768px){.controls.svelte-xaicy7{align-items:stretch}.controls.svelte-xaicy7>*{flex:100%}.cell.svelte-xaicy7{min-height:22px;font-size:.6rem}}.chart-container.svelte-qwwarj{background:0 0;width:100%}.chart-wrapper.svelte-qwwarj{width:100%;height:140px;position:relative}.showcase.svelte-qwwarj .chart-wrapper:where(.svelte-qwwarj){height:clamp(340px,55vh,580px)}@media (width<=768px){.chart-wrapper.svelte-qwwarj{height:120px}.showcase.svelte-qwwarj .chart-wrapper:where(.svelte-qwwarj){height:360px}}