#siteMode-audio { padding:1.3rem 0; }
.audio-midi-page { width:100%; max-width:960px; margin-inline:auto; padding:0 1rem 1.5rem; }
.audio-midi-heading,.audio-midi-card-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; }
.audio-midi-heading h2 { margin:0; font-size:1.5rem; }
.audio-midi-badge { padding:.2rem .65rem; border:1px solid var(--border); border-radius:20px; font-size:.72rem; color:var(--ink-soft); }
.audio-midi-intro { color:var(--ink-soft); margin:.65rem 0 1.5rem; font-size:.9rem; }
.audio-midi-card { border:1px solid var(--border); border-radius:14px; background:var(--card); padding:1.3rem; margin-bottom:1rem; min-width:0; }
.audio-midi-card h3 { font-size:.95rem; margin:0 0 1rem; }
.audio-midi-card-heading { margin-bottom:1rem; }.audio-midi-card-heading h3 { margin:0; }.audio-midi-card-heading button { font-size:.78rem; }
.audio-midi-drop { border:1px dashed var(--border); border-radius:12px; background:var(--field); }
.audio-midi-drop.is-dragging { border-color:var(--accent); background:var(--panel-soft); }
.audio-midi-drop>button { width:100%; min-height:145px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; border:0; background:transparent; padding:1.3rem; }
.audio-midi-drop svg { width:27px; height:27px; color:var(--accent); }
.audio-midi-drop span { overflow-wrap:anywhere; max-width:100%; }
.audio-midi-drop small { font-size:.75rem; color:var(--ink-soft); font-weight:400; }
.audio-midi-help,.audio-midi-credit { font-size:.76rem; color:var(--ink-soft); line-height:1.6; }
.audio-midi-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.audio-midi-fields label,.audio-midi-threshold { display:grid; gap:.4rem; font-size:.8rem; min-width:0; }
.audio-midi-fields input,.audio-midi-threshold select { width:100%; min-width:0; }
.audio-midi-threshold { max-width:350px; }
.audio-midi-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.2rem; }
#audioMidiStatus { font-size:.82rem; margin:1rem 0 0; color:var(--ink-soft); }#audioMidiStatus.is-error { color:var(--danger); }
#audioMidiProgress { width:100%; height:9px; accent-color:var(--accent); }#audioMidiProgressArea { margin-top:1rem; }
.audio-midi-card audio { display:block; width:100%; margin:.65rem 0; height:42px; }.audio-midi-card label { font-size:.8rem; }
#audioMidiSource { margin-top:1rem; }#audioMidiSummary { font-size:.85rem; color:var(--ink-soft); }
#audioMidiRoll { display:block; width:100%; height:150px; border:1px solid var(--border); border-radius:8px; margin:1rem 0; }
.site-tabs button { white-space:nowrap; }
@media(max-width:800px) { #siteMode-audio { padding:.8rem 0; }.audio-midi-page { padding:0 .35rem 1rem; }.audio-midi-card { padding:1rem; }.audio-midi-heading h2 { font-size:1.25rem; }.audio-midi-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }.audio-midi-fields label:last-child { grid-column:1/-1; } }
@media(min-width:801px) {
  body[data-page=studio][data-mode=audio] #siteStudio { height:auto; min-height:0; grid-template-rows:auto auto auto auto auto auto; }
  #siteStudio>#siteMode-audio { overflow:visible; }
}
body[data-mode=audio] #siteEditorNotice { display:none; }