.browser-shell[data-astro-cid-uh5ube3x]{position:relative;background:#0f172a8c}.browser-grid[data-astro-cid-uh5ube3x]{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.75rem}.visual-pane[data-astro-cid-uh5ube3x]{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0;min-height:520px}.tab-header[data-astro-cid-uh5ube3x]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.tab-bar[data-astro-cid-uh5ube3x]{display:inline-flex;border-radius:9999px;padding:.35rem;background:#0f172acc;border:1px solid rgba(148,163,184,.3);margin-bottom:0;gap:.35rem}.tab-legend[data-astro-cid-uh5ube3x]{flex:1 1 auto;justify-content:flex-end}.tab-button[data-astro-cid-uh5ube3x]{border:none;border-radius:9999px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;background:transparent;color:#94a3b8;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.tab-button[data-astro-cid-uh5ube3x][aria-selected=true]{background:linear-gradient(135deg,#10b98133,#3b82f640);color:#ecfeff;box-shadow:0 10px 30px #0ea5e92e;transform:translateY(-1px)}.tab-panels[data-astro-cid-uh5ube3x]{margin-top:.5rem}.tab-panel[data-astro-cid-uh5ube3x]{display:flex;flex-direction:column;gap:1rem}.tab-panel[data-astro-cid-uh5ube3x][hidden]{display:none}.diagram-shell[data-astro-cid-uh5ube3x]{min-height:320px;border-radius:1rem;border:1px solid rgba(148,163,184,.25);background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1.25rem}.diagram-placeholder[data-astro-cid-uh5ube3x]{color:#94a3b8;font-size:.9rem;max-width:220px;text-align:center;line-height:1.5}.legend-row[data-astro-cid-uh5ube3x]{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.legend-row-compact[data-astro-cid-uh5ube3x]{justify-content:space-between}.legend-chips[data-astro-cid-uh5ube3x]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.legend-chip[data-astro-cid-uh5ube3x]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:9999px;border:1px solid rgba(148,163,184,.35);background:#0f172a80;color:#cbd5f5;font-size:.75rem}.legend-chip-muted[data-astro-cid-uh5ube3x]{color:#94a3b8;border-style:dashed}.legend-dot[data-astro-cid-uh5ube3x]{width:.65rem;height:.65rem;border-radius:50%}.fretboard-frame[data-astro-cid-uh5ube3x]{position:relative;border-radius:1.15rem;border:1px solid rgba(148,163,184,.3);background:#0f172a8c;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;min-height:620px}.fretboard-svg[data-astro-cid-uh5ube3x]{width:clamp(260px,55vw,360px);height:clamp(520px,65vh,760px)}.control-pane[data-astro-cid-uh5ube3x]{position:relative;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0;min-width:260px}.control-group[data-astro-cid-uh5ube3x]{border-radius:1rem;border:1px solid rgba(148,163,184,.25);background:#0f172a59;overflow:hidden;transition:border-color .25s ease,transform .25s ease}.control-group[data-astro-cid-uh5ube3x][open]{border-color:#10b98173;transform:translateY(-2px)}.control-group[data-astro-cid-uh5ube3x]>summary[data-astro-cid-uh5ube3x]{padding:.85rem 1rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:#e2e8f0;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;background:transparent}.control-group[data-astro-cid-uh5ube3x]>summary[data-astro-cid-uh5ube3x]:after{content:"▾";font-size:.9rem;opacity:.7;transition:transform .2s ease}.control-group[data-astro-cid-uh5ube3x][open]>summary[data-astro-cid-uh5ube3x]:after{transform:rotate(180deg)}.control-body[data-astro-cid-uh5ube3x]{padding:1rem 1.1rem 1.25rem;display:grid;gap:.85rem}.two-col[data-astro-cid-uh5ube3x]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.control-label[data-astro-cid-uh5ube3x]{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:#e2e8f0;text-transform:uppercase;letter-spacing:.08em}.control-input[data-astro-cid-uh5ube3x]{width:100%;padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.25);background-color:#0f172abf;color:#e2e8f0;font-size:.95rem;appearance:none;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.control-input[data-astro-cid-uh5ube3x]:focus{border-color:#10b981b3;box-shadow:0 0 0 3px #10b98140}.control-input[data-astro-cid-uh5ube3x] option[data-astro-cid-uh5ube3x]{background-color:#111827;color:#e2e8f0}.interval-checkboxes[data-astro-cid-uh5ube3x]{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.interval-toggle[data-astro-cid-uh5ube3x]{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.25);background-color:#111827b3;color:#e2e8f0;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.interval-toggle[data-astro-cid-uh5ube3x][data-active=true]{border-color:#10b981b3;background-color:#10b9812e;color:#ecfeff;transform:translateY(-1px)}.ClearButton[data-astro-cid-uh5ube3x]{background:#0f172aa6;border:1px solid rgba(148,163,184,.35);border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;color:#38d1a8;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.ClearButton[data-astro-cid-uh5ube3x]:hover{background:#22d3ee26;color:#ecfeff;border-color:#22d3ee80}@media (min-width: 1024px){.browser-grid[data-astro-cid-uh5ube3x]{flex-direction:row;align-items:stretch}.visual-pane[data-astro-cid-uh5ube3x]{flex:1 1 65%}.control-pane[data-astro-cid-uh5ube3x]{flex:0 0 300px;align-self:stretch}.fretboard-svg[data-astro-cid-uh5ube3x]{width:clamp(280px,24vw,360px);height:clamp(600px,72vh,820px)}}@media (max-width: 768px){.browser-grid[data-astro-cid-uh5ube3x]{padding:1.75rem 1.25rem}.visual-pane[data-astro-cid-uh5ube3x],.control-pane[data-astro-cid-uh5ube3x]{padding:.75rem 0}.two-col[data-astro-cid-uh5ube3x]{grid-template-columns:repeat(1,minmax(0,1fr))}.fretboard-frame[data-astro-cid-uh5ube3x]{min-height:520px;padding:1rem .75rem}.tab-legend[data-astro-cid-uh5ube3x]{justify-content:center}}