.styles-module__nG7m_W__noteRow{flex-wrap:wrap;align-items:flex-end;gap:0;display:flex}.styles-module__nG7m_W__noteGroup{flex-direction:column;gap:6px;display:flex}.styles-module__nG7m_W__subLabel{font-size:var(--mantine-font-size-sm);color:var(--color-text);font-weight:500}.styles-module__nG7m_W__noteGroupDivider{background:var(--color-border);align-self:flex-end;width:1px;height:36px;margin:0 12px}.styles-module__nG7m_W__noteButtons{gap:4px;display:flex}.styles-module__nG7m_W__noteBtn{border:1px solid var(--color-border);border-radius:var(--mantine-radius-sm);width:36px;height:36px;color:var(--color-text);font-size:var(--mantine-font-size-sm);cursor:pointer;background:0 0;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s,color .15s}.styles-module__nG7m_W__noteBtn:hover{background:var(--color-bg-alt)}.styles-module__nG7m_W__noteBtnActive{background:var(--color-accent-gn)!important;border-color:var(--color-accent-gn)!important;color:#000!important}.styles-module__nG7m_W__accidentalButtons{gap:4px;display:flex}.styles-module__nG7m_W__accBtn{border:1px solid var(--color-border);border-radius:var(--mantine-radius-sm);width:36px;height:36px;color:var(--mantine-color-dimmed);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:background .15s,border-color .15s,color .15s;display:flex}.styles-module__nG7m_W__accBtn:hover{background:var(--color-bg-alt);color:var(--color-text)}.styles-module__nG7m_W__accBtnActive{background:var(--color-accent-gn)!important;border-color:var(--color-accent-gn)!important;color:#000!important}.styles-module__nG7m_W__result{border-top:1px solid var(--mantine-color-default-border);flex-direction:column;gap:20px;padding-top:16px;display:flex}.styles-module__nG7m_W__section{flex-direction:column;gap:10px;display:flex}.styles-module__nG7m_W__sectionLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem;font-weight:600}.styles-module__nG7m_W__noteList{flex-wrap:wrap;gap:6px;display:flex}.styles-module__nG7m_W__notePill{border-radius:var(--mantine-radius-sm);background:var(--color-bg-raised);border:1px solid var(--color-border);font-size:var(--mantine-font-size-sm);font-family:var(--font-geist-mono), monospace;padding:4px 10px;font-weight:500}.styles-module__nG7m_W__chordGrid{grid-template-columns:auto auto auto;place-items:center start;gap:6px 16px;display:grid}.styles-module__nG7m_W__chordColHeader{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);align-self:end;padding-bottom:2px;font-size:.65rem;font-weight:600}.styles-module__nG7m_W__chordBtn{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--mantine-radius-sm);font-family:inherit;font-size:var(--mantine-font-size-sm);color:var(--color-text);cursor:pointer;align-items:center;padding:4px 10px;transition:background .15s,border-color .15s;display:inline-flex}.styles-module__nG7m_W__chordBtn:hover{background:var(--color-bg-alt)}.styles-module__nG7m_W__chordBtnActive{background:var(--color-accent-gn)!important;border-color:var(--color-accent-gn)!important;color:#000!important}.styles-module__nG7m_W__notePillActive{background:var(--color-accent-gn);border-color:var(--color-accent-gn);color:#000;font-weight:700}.styles-module__nG7m_W__chordGrade{font-family:var(--font-geist-mono), monospace;font-size:var(--mantine-font-size-sm);color:var(--color-text);padding:5px 0;font-weight:600}.styles-module__nG7m_W__chordSymbol{font-size:var(--mantine-font-size-sm);color:var(--color-text);padding:5px 0}.styles-module__nG7m_W__customToggle{cursor:pointer;font-size:var(--mantine-font-size-sm);color:var(--mantine-color-dimmed);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;display:inline-flex}.styles-module__nG7m_W__customToggle:hover{color:var(--color-text)}.styles-module__nG7m_W__tuningStringRow{align-items:center;gap:8px;display:flex}.styles-module__nG7m_W__tuningStringRow label{text-align:right;width:20px;font-size:var(--mantine-font-size-sm);color:var(--mantine-color-dimmed);font-family:var(--font-geist-mono), monospace;display:inline-block}.styles-module__nG7m_W__noteInput{width:50px}.styles-module__nG7m_W__noteInput input{text-align:center}.styles-module__nG7m_W__modBtn{border:1px solid var(--color-border);border-radius:var(--mantine-radius-sm);width:32px;height:32px;color:var(--mantine-color-dimmed);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.styles-module__nG7m_W__modBtn:hover{background:var(--color-bg-alt);color:var(--color-text)}.styles-module__nG7m_W__modBtnActive{background:var(--color-accent-gn)!important;border-color:var(--color-accent-gn)!important;color:#000!important}.styles-module__nG7m_W__pickerWrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-bottom:4px;overflow-x:auto}.styles-module__nG7m_W__fretboard{flex-direction:column;min-width:max-content;display:flex}.styles-module__nG7m_W__stringRow{align-items:center;height:46px;display:flex}.styles-module__nG7m_W__leftCol{flex-shrink:0;justify-content:flex-end;align-items:center;width:38px;padding-right:8px;display:flex}.styles-module__nG7m_W__tuningLabel{color:var(--color-muted);font-size:.8rem;font-weight:600}.styles-module__nG7m_W__fretCell{border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.styles-module__nG7m_W__openCell{border-right:3px solid color-mix(in srgb, var(--color-muted) 55%, transparent)}.styles-module__nG7m_W__stringLine{background:var(--color-border);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.styles-module__nG7m_W__noteDot{background:var(--color-accent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.styles-module__nG7m_W__noteText{color:var(--color-bg);font-size:.65rem;font-weight:700;line-height:1}.styles-module__nG7m_W__noteDotChord{background:var(--color-accent-gn);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.styles-module__nG7m_W__noteTextChord{color:#000;font-size:.65rem;font-weight:700;line-height:1}.styles-module__nG7m_W__fretNumRow{align-items:flex-start;margin-top:6px;display:flex}.styles-module__nG7m_W__fretNumCell{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:46px;display:flex}.styles-module__nG7m_W__fretNum{color:var(--color-muted);font-size:.6rem;line-height:1}.styles-module__nG7m_W__markerWrap{align-items:center;gap:3px;display:flex}.styles-module__nG7m_W__marker{background:var(--color-muted);opacity:.45;border-radius:50%;width:5px;height:5px}.styles-module__nG7m_W__vWrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.styles-module__nG7m_W__vBoard{flex-direction:column;display:flex}.styles-module__nG7m_W__vHeaderRow{background:var(--mantine-color-body);z-index:2;flex-direction:row;align-items:flex-end;padding-bottom:6px;display:flex;position:sticky;top:0}.styles-module__nG7m_W__vStringHeader{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:46px;display:flex}.styles-module__nG7m_W__vFretRow{flex-direction:row;align-items:center;display:flex}.styles-module__nG7m_W__vNutRow .styles-module__nG7m_W__vFretCell{border-bottom:3px solid color-mix(in srgb, var(--color-muted) 55%, transparent)}.styles-module__nG7m_W__vFretLabel{flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;width:20px;padding-right:6px;display:flex}.styles-module__nG7m_W__vMarker{background:var(--color-muted);opacity:.45;border-radius:50%;flex-shrink:0;width:5px;height:5px}.styles-module__nG7m_W__vFretCell{border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.styles-module__nG7m_W__vStringLine{background:var(--color-border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}