.tool-tuner .tool-grid-2{margin-bottom:var(--space-md);align-items:center}.tool-tuner__readout-col{gap:var(--space-sm);text-align:center;flex-direction:column;align-items:stretch;display:flex}.tool-tuner [data-tuner-error]{text-align:left}.tool-tuner__targets{margin-top:var(--space-sm)}.tool-tuner__targets-row{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.tool-tuner__targets-row>.tool-chips{border-left:1px solid var(--color-border);padding-left:.75rem}.tool-tuner__string{position:relative}.tool-tuner__check{color:var(--color-sage-deep);min-width:.9em;font-weight:700;display:inline-block}.tool-tuner__string[aria-pressed=true] .tool-tuner__check{color:var(--color-paper)}.tool-tuner__string.is-locked-in{box-shadow:0 0 0 2px var(--color-sage-deep) inset}.tool-tuner [data-action=replay]{margin-top:var(--space-sm)}.tool-metronome__main{margin-bottom:var(--space-md);align-items:center}.tool-metronome__readout-col{gap:var(--space-sm);flex-direction:column;align-items:stretch;display:flex}.tool-metronome [data-metronome-dial]{cursor:ns-resize;touch-action:none}.tool-metronome [data-metronome-dial]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:50%}.tool-metronome__bpm-controls{justify-content:center;align-items:center;gap:.35rem;display:flex}.tool-metronome__bpm-controls .tool-input{text-align:center;width:4.5rem}.tool-metronome__beats{margin:var(--space-md) 0;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tool-metronome__beat{background:var(--color-paper-deep);border:1px solid var(--color-border);border-radius:50%;width:1.1rem;height:1.1rem;transition:background-color 80ms,transform 80ms}.tool-metronome__toggle{align-items:center;gap:.5rem;min-height:2.5rem;font-size:.9375rem;display:flex}.tool-metronome__toggle label{cursor:pointer}.tool-metronome__toggle input{accent-color:var(--color-accent);width:1.1rem;height:1.1rem}.tool-metronome__beat.is-group{border-color:var(--color-accent-light)}.tool-metronome__beat.is-current.is-group{background:var(--color-accent-light)}.tool-metronome__beat.is-accent{border-color:var(--color-accent)}.tool-metronome__beat.is-current{background:var(--color-sage-deep);transform:scale(1.2)}.tool-metronome__beat.is-current.is-accent{background:var(--color-accent)}.tool-metronome [data-action=playpause]{min-width:12rem;margin:0 auto;display:block}.tool-metronome [data-action=tap]{align-self:center}@media (prefers-reduced-motion:reduce){.tool-metronome__beat{transition:none}.tool-metronome__beat.is-current{transform:none}}.tool-chords__result,.tool-chords .tool-chords__mode,.tool-chords .tool-chord-grid{margin-top:var(--space-md)}.tool-chords .tool-chord>.tool-btn{margin-top:.5rem}.tool-chords [data-role=neighbors]{margin-top:var(--space-lg)}.tool-chords [data-role=neighbors] h3{margin-bottom:var(--space-sm)}.tool-chords [data-role=neighbors] .tool-label{margin:var(--space-sm) 0 .35rem;display:block}.tool-scales__checkbox-field{justify-content:flex-end}.tool-scales__layout{gap:var(--space-md);display:grid}.tool-scales__panel{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}.tool-scales__panel .tool-panel+.tool-panel{margin-top:0}.tool-scales__checkbox{color:var(--color-ink);align-items:center;gap:.5rem;min-height:2.5rem;font-size:.9375rem;display:flex}.tool-scales__checkbox input{accent-color:var(--color-accent);width:1.1rem;height:1.1rem}.tool-scales__related-group{margin-top:var(--space-sm)}.tool-scales__related-group:first-child{margin-top:0}.tool-scales__panel button.tool-chip{cursor:pointer;font:inherit;border:none}.tool-scales__panel button.tool-chip:hover,.tool-scales__panel button.tool-chip:focus-visible{background:var(--color-accent);color:var(--color-paper)}.tool-prog__palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem;display:grid}.tool-prog__deg{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);grid-template-columns:minmax(0,1fr) 1.6rem;min-width:0;display:grid;overflow:hidden}.tool-prog__deg.is-open{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.tool-prog__deg-add,.tool-prog__deg-more,button.tool-prog__deg{font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.tool-prog__deg-add{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.45rem .2rem;transition:background-color .12s,color .12s;display:flex}.tool-prog__deg-add:hover,.tool-prog__deg-add:focus-visible,button.tool-prog__deg:hover,button.tool-prog__deg:focus-visible{background:var(--color-accent);color:var(--color-paper);outline:none}.tool-prog__deg-add:disabled{opacity:.5;cursor:not-allowed}.tool-prog__deg-roman{font-family:var(--font-display);font-size:1.05rem;font-weight:650;line-height:1.1}.tool-prog__deg-name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.tool-prog__deg-more{border-left:1px solid var(--color-border);color:var(--color-ink-soft);font-size:1rem;line-height:1}.tool-prog__deg-more:hover,.tool-prog__deg-more:focus-visible,.tool-prog__deg.is-open .tool-prog__deg-more{background:var(--color-paper-deep);color:var(--color-accent-deep);outline:none}button.tool-prog__deg--other{border:1px dashed var(--color-border);color:var(--color-ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.45rem .2rem;display:flex}button.tool-prog__deg--other.is-open{border-style:solid}.tool-prog__drawer{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.tool-prog__drawer>.tool-label{margin-bottom:.4rem;display:block}.tool-prog__drawer .tool-field+.tool-controls{margin-top:var(--space-sm);margin-bottom:0}.tool-prog__other-row{grid-template-columns:minmax(0,1fr) auto}.tool-progressions .tool-chip small{opacity:.75;margin-left:.35rem;font-weight:500}.tool-prog__head{justify-content:space-between;align-items:baseline;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.tool-prog__head h3{margin:0}.tool-prog__summary{font-family:var(--font-sans);color:var(--color-ink-soft);margin-left:.5rem;font-size:.8125rem;font-weight:500}.tool-prog__transport{flex-wrap:wrap;gap:.35rem;display:flex}.tool-prog__chart{grid-template-columns:repeat(var(--beats-per-line), minmax(0, 1fr));background:repeating-linear-gradient(to right, var(--color-ink-soft) 0 1px, transparent 1px calc(100% / (var(--beats-per-line) / 4)));border-right:1px solid var(--color-ink-soft);background-clip:content-box;gap:.3rem 0;padding:.3rem 0;display:grid}.tool-prog__cell{grid-column:span var(--beats,4);font:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);min-height:3.6rem;color:var(--color-ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;min-width:0;margin:0 .15rem 0 .2rem;padding:.35rem .2rem;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex;overflow:hidden}.tool-prog__cell:hover{border-color:var(--color-accent-light)}.tool-prog__cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.tool-prog__cell.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.tool-prog__cell.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.tool-prog__cell.is-foreign{border-style:dashed}.tool-prog__cell.is-continued{border-right-style:dotted;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.tool-prog__cell.is-continuation{color:var(--color-ink-soft);border-left-style:dotted;border-top-left-radius:0;border-bottom-left-radius:0}.tool-prog__cell.is-continuation .tool-prog__cell-main:before{content:"⌒ ";font-family:var(--font-sans);opacity:.6;font-weight:400}.tool-prog__cell.is-new{animation:.5s ease-out tool-prog-pop}@keyframes tool-prog-pop{0%{box-shadow:0 0 0 4px var(--color-accent-light)}to{box-shadow:0 0 #0000}}.tool-prog__cell-main{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.05rem;font-weight:650;line-height:1.1;overflow:hidden}.tool-prog__cell-sub{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.tool-prog__cell[data-beats="1"] .tool-prog__cell-sub,.tool-prog__cell[data-beats="2"] .tool-prog__cell-sub{display:none}.tool-prog__cell[data-beats="1"] .tool-prog__cell-main{font-size:.8rem}.tool-prog__cell[data-beats="1"]{padding-inline:.05rem}.tool-prog__steptools{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm)}.tool-prog__steptools-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.tool-prog__steptools-head strong{font-family:var(--font-display);font-size:1.1rem}.tool-prog__steptools-head small{font-family:var(--font-sans);color:var(--color-ink-soft);font-size:.8rem;font-weight:500}.tool-prog__steptools-actions{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.tool-prog__steptools>.tool-label{margin-bottom:.35rem;display:block}.tool-prog__danger:hover{color:var(--color-rust);border-color:var(--color-rust)}.tool-prog__playbar{margin-top:var(--space-md);margin-bottom:0}.tool-progressions .tool-prog__fab{right:calc(2rem + env(safe-area-inset-right,0px));bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:50;background:var(--color-ink);min-height:0;color:var(--color-paper);box-shadow:var(--shadow-lg);border:0;border-radius:999px;gap:.7rem;padding:.45rem 1.4rem .45rem .45rem;font-size:1rem;font-weight:650;transition:box-shadow .15s,transform .15s;position:fixed}.tool-progressions .tool-prog__fab:hover{color:var(--color-paper);box-shadow:var(--shadow-lg), 0 0 0 4px #b4452f2e;transform:translateY(-1px)}.tool-progressions .tool-prog__fab:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.tool-prog__fab-icon{background:var(--color-accent);width:2.4rem;height:2.4rem;color:var(--color-paper);border-radius:50%;place-items:center;font-size:.95rem;transition:background-color .15s,color .15s;display:grid}.tool-prog__fab-icon:before{content:"▶";margin-left:.15em}.tool-progressions .tool-prog__fab[aria-pressed=true],.tool-progressions .tool-prog__fab[aria-pressed=true]:hover{background:var(--color-ink);color:var(--color-paper);animation:1.6s ease-in-out infinite tool-prog-fab-pulse}.tool-prog__fab[aria-pressed=true] .tool-prog__fab-icon{background:var(--color-paper);color:var(--color-accent)}.tool-prog__fab[aria-pressed=true] .tool-prog__fab-icon:before{content:"■";margin-left:0}.tool-progressions .tool-prog__fab:disabled{opacity:.55;box-shadow:var(--shadow-sm);transform:none}@keyframes tool-prog-fab-pulse{0%,to{box-shadow:var(--shadow-lg), 0 0 0 5px #b4452f59}50%{box-shadow:var(--shadow-lg), 0 0 0 10px #b4452f00}}.tool-prog__diagrams:not(:empty){margin-top:var(--space-lg)}.tool-prog__diagrams h3{margin-bottom:var(--space-sm)}.tool-prog__listen{cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:0;width:100%;padding:0;display:block}.tool-prog__listen:hover{background:var(--color-surface)}.tool-prog__listen:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tool-progressions .tool-chord__label{font-weight:650;font-family:var(--font-display);color:var(--color-ink);font-size:.95rem;display:block}.tool-progressions .tool-chord__roman{color:var(--color-ink-soft);font-size:.75rem;display:block}.tool-progressions .tool-chord__link{color:var(--color-accent-deep);margin-top:.15rem;font-size:.75rem;text-decoration:none;display:block}.tool-progressions .tool-chord__link:hover{text-decoration:underline}.tool-prog__flags{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.tool-prog__check{cursor:pointer;align-items:center;gap:.4rem;min-height:2.5rem;font-size:.9rem;display:inline-flex}.tool-prog__check input{accent-color:var(--color-accent);width:1rem;height:1rem}.tool-prog__brushes .tool-btn{min-width:2.4rem;font-family:var(--font-display);font-weight:700}.tool-prog__brush--d,.tool-prog__brush--u{opacity:.8;font-weight:400!important}.tool-prog__cells{grid-template-columns:repeat(var(--cells,8), minmax(0, 1fr));margin-top:var(--space-sm);gap:.25rem;display:grid}.tool-prog__cellbtn{font:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-ink);cursor:pointer;flex-direction:column;align-items:center;gap:.15rem;min-width:0;padding:.35rem .1rem .45rem;transition:border-color .12s,background-color .12s;display:flex}.tool-prog__cellbtn.is-beat{border-color:var(--color-ink-soft)}.tool-prog__cellbtn:hover{border-color:var(--color-accent-light)}.tool-prog__cellbtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.tool-prog__cellbtn.is-playing{background:var(--color-paper-deep);border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.tool-prog__cell-beat{color:var(--color-ink-soft);letter-spacing:.04em;font-size:.7rem;font-weight:650}.tool-prog__cellbtn.is-beat .tool-prog__cell-beat{color:var(--color-ink)}.tool-prog__cell-glyphs{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:1.4rem;line-height:1;display:flex}.tool-prog__glyph{font-family:var(--font-display);color:var(--color-accent);font-size:1.05rem;font-weight:700}.tool-prog__glyph--d,.tool-prog__glyph--u{opacity:.7;font-weight:400}.tool-prog__glyph--B,.tool-prog__glyph--b{color:var(--color-ink)}.tool-prog__glyph--i,.tool-prog__glyph--m,.tool-prog__glyph--a{color:var(--color-sage-deep);font-size:.95rem;font-style:italic}.tool-prog__glyph--x{color:var(--color-ink-soft)}.tool-prog__glyph--rest{color:var(--color-border)}.tool-prog__improv summary{cursor:pointer;align-items:center;gap:.5rem;list-style:none;display:flex}.tool-prog__improv summary::-webkit-details-marker{display:none}.tool-prog__improv summary:before{content:"▸";color:var(--color-accent);font-size:.9rem;transition:transform .15s}.tool-prog__improv[open] summary:before{transform:rotate(90deg)}.tool-prog__improv summary h3{margin:0}.tool-prog__improv summary:hover h3{color:var(--color-accent-deep)}.tool-prog__improv .tool-chips{margin:var(--space-sm) 0}.tool-prog__improv .tool-svg--scroll{margin-top:var(--space-sm)}@media (width<=768px){.tool-prog__palette{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-prog__deg{grid-template-columns:minmax(0,1fr) 1.25rem}.tool-prog__deg-add{padding-inline:.1rem}.tool-prog__deg-name{font-size:.7rem}.tool-prog__cell{min-height:3.2rem}.tool-prog__cell-main{font-size:.95rem}.tool-prog__cell[data-beats="2"] .tool-prog__cell-main{font-size:.8rem}.tool-prog__other-row{grid-template-columns:1fr}.tool-prog__cells{gap:.15rem}.tool-prog__cellbtn{padding-inline:0}.tool-prog__glyph{font-size:.95rem}.tool-progressions{padding-bottom:5rem}.tool-progressions .tool-prog__fab{right:calc(1.25rem + env(safe-area-inset-right,0px));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.tool-prog__cell.is-new,.tool-progressions .tool-prog__fab[aria-pressed=true]{animation:none}.tool-progressions .tool-prog__fab,.tool-prog__fab-icon{transition:none}.tool-progressions .tool-prog__fab:hover{transform:none}}.tool-calculators h4{margin:var(--space-md) 0 var(--space-xs);color:var(--color-ink-soft);font-size:.95rem}.tool-calculators .tool-scale-other{gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.tool-calculators .tool-scale-other[hidden]{display:none}.tool-calculators .tool-note ul,.tool-calculators ul.tool-note{margin:0;padding-left:1.2rem;list-style:outside}@media (width<=768px){.tool-calculators .tool-grid-3{grid-template-columns:1fr}}.tool-circle-of-fifths [data-circle-board] .cof-slice:focus-visible path{stroke:var(--color-accent);stroke-width:2px}.tool-circle-of-fifths__panel h4{margin:var(--space-sm) 0 .35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.8125rem;font-weight:650}.tool-circle-of-fifths__links{flex-wrap:wrap;gap:.5rem;display:flex}