.acf-container { max-width: 800px; margin: 20px auto; font-family: sans-serif; }
.acf-controls { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.acf-btn { padding: 8px 12px; border: none; border-radius: 6px; background: #ccc; cursor: pointer; }
.acf-btn.active { background: #4CAF50; color: white; }
.acf-row { display: flex; align-items: center; margin-bottom: 10px; gap: 10px; }
.acf-waveform { flex-grow: 1; height: 60px; }