.NoteToFrequency-module__6VgXfa__wrapper{flex-direction:column;gap:40px;display:flex}.NoteToFrequency-module__6VgXfa__referenceRow{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:10px;padding:20px;display:flex}.NoteToFrequency-module__6VgXfa__fieldLabel{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--faint)}.NoteToFrequency-module__6VgXfa__refInputWrap{align-items:center;gap:10px;display:flex}.NoteToFrequency-module__6VgXfa__refInput{font-family:var(--font-mono);font-size:var(--text-md);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-md);width:100px;transition:border-color var(--transition-fast);background:0 0;outline:none;padding:8px 12px;font-weight:700}.NoteToFrequency-module__6VgXfa__refInput:focus{border-color:var(--accent)}.NoteToFrequency-module__6VgXfa__refUnit{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--muted)}.NoteToFrequency-module__6VgXfa__refPresets{flex-wrap:wrap;gap:8px;display:flex}.NoteToFrequency-module__6VgXfa__refPreset{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 12px;font-size:11px}.NoteToFrequency-module__6VgXfa__refPreset:hover,.NoteToFrequency-module__6VgXfa__refPresetActive{border-color:var(--accent);color:var(--accent)}.NoteToFrequency-module__6VgXfa__converters{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.NoteToFrequency-module__6VgXfa__converter{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:12px;padding:20px;display:flex}.NoteToFrequency-module__6VgXfa__converterLabel{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--faint)}.NoteToFrequency-module__6VgXfa__input{font-family:var(--font-sans);font-size:var(--text-base);color:var(--heading);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.NoteToFrequency-module__6VgXfa__input:focus{border-color:var(--accent)}.NoteToFrequency-module__6VgXfa__result{flex-direction:column;gap:4px;display:flex}.NoteToFrequency-module__6VgXfa__resultVal{font-family:var(--font-mono);color:var(--accent);font-size:24px;font-weight:700;line-height:1}.NoteToFrequency-module__6VgXfa__resultUnit,.NoteToFrequency-module__6VgXfa__resultHz{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.NoteToFrequency-module__6VgXfa__resultHz{color:var(--accent)}.NoteToFrequency-module__6VgXfa__resultCents{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.NoteToFrequency-module__6VgXfa__resultMeta{font-family:var(--font-mono);color:var(--faint);font-size:11px}.NoteToFrequency-module__6VgXfa__error{font-family:var(--font-sans);color:var(--muted);font-size:12px;font-style:italic}.NoteToFrequency-module__6VgXfa__refTable{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.NoteToFrequency-module__6VgXfa__tableLabel{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--faint);background:var(--surface);border-bottom:1px solid var(--border);padding:14px 20px}.NoteToFrequency-module__6VgXfa__refGrid{flex-direction:column;display:flex}.NoteToFrequency-module__6VgXfa__refRow{border-bottom:1px solid var(--border);transition:background var(--transition-fast);grid-template-columns:2fr 1fr 1fr;align-items:center;gap:12px;padding:12px 20px;display:grid}.NoteToFrequency-module__6VgXfa__refRow:last-child{border-bottom:none}.NoteToFrequency-module__6VgXfa__refRow:hover{background:var(--surface-hover)}.NoteToFrequency-module__6VgXfa__refNote{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--heading)}.NoteToFrequency-module__6VgXfa__refMidi{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted)}.NoteToFrequency-module__6VgXfa__refHz{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);font-weight:700}@media (max-width:768px){.NoteToFrequency-module__6VgXfa__converters{grid-template-columns:1fr}}