.scale-position-tools{padding:18px 22px;margin:14px 0;border:1px solid var(--line,#dce1d2);border-radius:14px;background:#edf1e5;}
.scale-position-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.scale-position-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#31564b}.scale-position-controls select{padding:9px 12px;border:1px solid #c9d3c2;border-radius:8px;background:#fffef9;color:#183d36;min-width:150px}.scale-position-tools p{margin:12px 0 0;line-height:1.7;color:#466052;font-size:13px}.scale-position-tools .position-source{font-size:12px;color:#617369}.scale-position-tools a{color:#31564b}.note-dot.chord-tone{background:#345d4d;color:white;box-shadow:0 0 0 2px #fffef9}.fret-cell.position-outside{opacity:.38}.fret-cell.position-outside:focus-visible{opacity:1}.position-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12px}.position-legend span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#cde0d2}.position-legend .position-root::before{background:#df814c}.position-legend .position-chord::before{background:#345d4d}