.tool-head[data-astro-cid-osbkownk]{padding:clamp(3.5rem,8vw,6rem) 0 2.5rem}.tool-head[data-astro-cid-osbkownk] h1[data-astro-cid-osbkownk]{margin:.35rem 0 .8rem}.tool-head[data-astro-cid-osbkownk]>p[data-astro-cid-osbkownk]:last-child{max-width:48rem;color:var(--ink-soft);font-size:1.15rem}.workbench[data-astro-cid-osbkownk]{grid-template-columns:minmax(18rem,23rem) minmax(0,1fr);gap:1.5rem;display:grid}.left-stack[data-astro-cid-osbkownk],.right-stack[data-astro-cid-osbkownk]{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.tool-panel[data-astro-cid-osbkownk],.advice[data-astro-cid-osbkownk]{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffbf;padding:1.4rem}.panel-label[data-astro-cid-osbkownk],.neck-head[data-astro-cid-osbkownk],.progression-head[data-astro-cid-osbkownk],.transport[data-astro-cid-osbkownk],.legend[data-astro-cid-osbkownk],.neck-controls[data-astro-cid-osbkownk]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-label[data-astro-cid-osbkownk]>span[data-astro-cid-osbkownk]:first-child{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.segmented[data-astro-cid-osbkownk]{background:var(--paper-deep);border-radius:999px;padding:.2rem;display:flex}.segmented[data-astro-cid-osbkownk] button[data-astro-cid-osbkownk]{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .65rem}.segmented[data-astro-cid-osbkownk] button[data-astro-cid-osbkownk].active{background:var(--accent);color:#fff}.circle[data-astro-cid-osbkownk]{aspect-ratio:1;width:min(100%,20rem);margin:1rem auto;position:relative}.circle[data-astro-cid-osbkownk]:before,.circle[data-astro-cid-osbkownk]:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:12%}.circle[data-astro-cid-osbkownk]:after{inset:32%}.hint[data-astro-cid-osbkownk]{color:var(--ink-soft);font-size:.85rem}.tool-panel[data-astro-cid-osbkownk] h2[data-astro-cid-osbkownk],.progression-panel[data-astro-cid-osbkownk] h2[data-astro-cid-osbkownk],.advice[data-astro-cid-osbkownk] h2[data-astro-cid-osbkownk]{margin:.25rem 0}.diatonic[data-astro-cid-osbkownk]{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.progression-panel[data-astro-cid-osbkownk]{border-radius:var(--radius);background:var(--night);color:var(--cream);padding:1.5rem}.progression-head[data-astro-cid-osbkownk] .eyebrow[data-astro-cid-osbkownk]{margin:0}.progression-head[data-astro-cid-osbkownk] select[data-astro-cid-osbkownk],.neck-head[data-astro-cid-osbkownk] select[data-astro-cid-osbkownk]{border:1px solid var(--line);max-width:100%;color:var(--ink);background:#fff;border-radius:999px;padding:.6rem .8rem}.progression[data-astro-cid-osbkownk]{grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.25rem 0;display:grid}.transport[data-astro-cid-osbkownk]{justify-content:flex-start}.transport[data-astro-cid-osbkownk] label[data-astro-cid-osbkownk]{align-items:center;gap:.45rem;font-size:.85rem;display:flex}.play-button[data-astro-cid-osbkownk],.legend[data-astro-cid-osbkownk] button[data-astro-cid-osbkownk]{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:700}.tempo[data-astro-cid-osbkownk] input[data-astro-cid-osbkownk]{width:7rem}.fretboard-wrap[data-astro-cid-osbkownk]{margin-top:1.2rem;padding-bottom:.4rem;overflow-x:auto}.fretboard[data-astro-cid-osbkownk]{border-top:1px solid var(--line);border-right:1px solid var(--line);grid-template-rows:repeat(4,3.25rem);grid-template-columns:3rem repeat(12,1fr);min-width:44rem;display:grid}.legend[data-astro-cid-osbkownk]{justify-content:flex-start;margin-top:1rem}.legend[data-astro-cid-osbkownk] span[data-astro-cid-osbkownk]{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend[data-astro-cid-osbkownk] i[data-astro-cid-osbkownk]{border:2px solid var(--accent);background:#fff;border-radius:50%;width:1rem;height:1rem;display:inline-block}.legend[data-astro-cid-osbkownk] .root-dot[data-astro-cid-osbkownk]{background:var(--accent)}.legend[data-astro-cid-osbkownk] button[data-astro-cid-osbkownk]{margin-left:auto}.advice[data-astro-cid-osbkownk]{background:var(--paper-deep)}@media (width<=850px){.workbench[data-astro-cid-osbkownk]{grid-template-columns:1fr}}@media (width<=520px){.diatonic[data-astro-cid-osbkownk]{grid-template-columns:repeat(3,1fr)}.progression[data-astro-cid-osbkownk]{grid-template-columns:repeat(2,1fr)}.legend[data-astro-cid-osbkownk] button[data-astro-cid-osbkownk]{width:100%;margin-left:0}}