.chords-module__0Hko4q__workspace{margin-bottom:70px}.chords-module__0Hko4q__controls{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:1.8fr 1fr 1.3fr;gap:22px;padding:26px;display:grid}.chords-module__0Hko4q__controls label{margin-bottom:10px;font-size:12px;font-weight:650;display:block}.chords-module__0Hko4q__controls input,.chords-module__0Hko4q__controls select{background:var(--bg);width:100%;height:48px;color:var(--text);font:inherit;border:1px solid #3b3f49;border-radius:7px;padding:10px 14px}.chords-module__0Hko4q__controls input::placeholder{color:var(--muted)}.chords-module__0Hko4q__search p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.7}.chords-module__0Hko4q__popular{flex-wrap:wrap;align-items:center;gap:22px;margin:26px 0;display:flex}.chords-module__0Hko4q__popular h2{color:var(--muted);font-size:12px;font-weight:600}.chords-module__0Hko4q__popular>div{flex-wrap:wrap;gap:8px;display:flex}.chords-module__0Hko4q__popular button{background:var(--surface);border:1px solid var(--border);min-width:48px;min-height:44px;color:var(--text);cursor:pointer;border-radius:7px;padding:8px 15px;font-weight:700}.chords-module__0Hko4q__popular button:hover{border-color:var(--amber)}.chords-module__0Hko4q__popular button[aria-pressed=true]{border-color:var(--amber);color:var(--amber);background:#e6a63717}.chords-module__0Hko4q__result{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.chords-module__0Hko4q__diagramPanel{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:30px;display:flex}.chords-module__0Hko4q__chordHeading{justify-content:space-between;align-self:stretch;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chords-module__0Hko4q__chordHeading h2{letter-spacing:-2px;font-size:48px;font-weight:750;line-height:1.2}.chords-module__0Hko4q__chordHeading p{color:var(--muted);margin-top:7px;font-size:13px}.chords-module__0Hko4q__positionTag{color:var(--muted);letter-spacing:.5px;border:1px solid var(--border);border-radius:5px;max-width:145px;padding:7px;font-size:8px;line-height:1.7}.chords-module__0Hko4q__positionNav{justify-content:center;align-items:center;gap:24px;margin-top:20px;display:flex}.chords-module__0Hko4q__positionNav button{cursor:pointer;border:1px solid var(--border);background:var(--bg);width:46px;height:44px;color:var(--amber);border-radius:7px;font-size:21px}.chords-module__0Hko4q__positionNav button:hover:not(:disabled){border-color:var(--amber)}.chords-module__0Hko4q__positionNav button:disabled{opacity:.35;cursor:not-allowed}.chords-module__0Hko4q__positionNav span{color:var(--muted);font-size:12px}.chords-module__0Hko4q__guide{border:1px solid var(--border);border-radius:14px;padding:30px}.chords-module__0Hko4q__guide h3{letter-spacing:-.6px;margin-bottom:14px;font-size:23px;font-weight:700}.chords-module__0Hko4q__guide p{color:var(--muted);font-size:12px;line-height:1.9}.chords-module__0Hko4q__guide dl{flex-direction:column;gap:17px;margin:22px 0;display:flex}.chords-module__0Hko4q__guide dl>div{align-items:center;gap:16px;display:flex}.chords-module__0Hko4q__guide dt{text-align:center;min-width:35px;color:var(--amber);font-weight:700}.chords-module__0Hko4q__guide dd{color:var(--muted);font-size:12px;line-height:1.8}.chords-module__0Hko4q__barreLegend{font-size:24px}.chords-module__0Hko4q__fingerToggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:12px;display:flex}.chords-module__0Hko4q__fingerToggle input{width:18px;height:18px;accent-color:var(--amber)}.chords-module__0Hko4q__guide .chords-module__0Hko4q__fretsText{border-top:1px solid var(--border);margin-top:18px;padding-top:20px}.chords-module__0Hko4q__fretsText strong{color:var(--text);margin-top:7px;font-family:ui-monospace,monospace;font-size:15px;display:block}.chords-module__0Hko4q__guide .chords-module__0Hko4q__tuning{margin-top:14px;font-size:10px}.chords-module__0Hko4q__empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-column:1/-1;padding:60px 24px}.chords-module__0Hko4q__empty h2{margin-bottom:15px;font-size:23px;font-weight:700}.chords-module__0Hko4q__empty p{color:var(--muted);font-size:13px;line-height:1.9}.chords-module__0Hko4q__source{color:var(--muted);margin-top:22px;font-size:10px;line-height:1.9}.chords-module__0Hko4q__source a{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.chords-module__0Hko4q__controls{grid-template-columns:1fr 1fr;gap:20px;padding:22px}.chords-module__0Hko4q__search{grid-column:1/-1}.chords-module__0Hko4q__result{grid-template-columns:1fr}.chords-module__0Hko4q__diagramPanel,.chords-module__0Hko4q__guide{padding:26px}}@media (max-width:400px){.chords-module__0Hko4q__controls{gap:14px;padding:18px}.chords-module__0Hko4q__controls input,.chords-module__0Hko4q__controls select{padding-inline:9px;font-size:12px}.chords-module__0Hko4q__diagramPanel,.chords-module__0Hko4q__guide{padding:20px}.chords-module__0Hko4q__positionTag{max-width:120px;font-size:7px}.chords-module__0Hko4q__popular{gap:12px}}