/* MUSIC PROMO - Audio to MIDI page (extends style.css, tools.css, stems.css) */
.midi-settings { display: flex; flex-direction: column; gap: 14px; border-top: 1px solid var(--line); padding-top: 16px; }
.midi-settings .field-hint { font-size: 11.8px; color: var(--ink-faint); line-height: 1.45; }
.range-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.check-row { display: flex; align-items: center; gap: 10px; font-size: 13.4px; color: var(--ink-dim); cursor: pointer; }
.check-row input { accent-color: var(--accent); width: 16px; height: 16px; }
.bpm-mini { width: 100%; background: #101010; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; font-family: "IBM Plex Mono", monospace; font-size: 14.4px; }
.bpm-mini:focus { border-color: var(--accent); outline: none; }
canvas#pianoRoll { width: 100%; height: 280px; display: block; border-radius: 10px; background: var(--chassis-bg); border: 1px solid var(--chassis-line); }
.note-stats { font-size: 12.4px; color: var(--ink-dim); font-family: "IBM Plex Mono", monospace; }
.hint-card { font-size: 13px; color: var(--ink-dim); line-height: 1.55; border: 1px dashed var(--line); border-radius: 10px; padding: 12px 14px; }
.hint-card a { color: var(--accent); }