.ac { display: grid; gap: 20px; }
.ac .kv-msg { margin: 0; }
.ac-work { display: grid; gap: 22px; }
.ac-controls { margin-top: 0; }

.ac-file { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.ac-file p { margin: 0; }
.ac-file-info { min-width: 0; }
.ac-file-name { font-weight: 700; font-size: 1.08rem; overflow-wrap: anywhere; }

.ac-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.ac-clock { font-variant-numeric: tabular-nums; font-weight: 650; color: var(--muted); }
@media (max-width: 420px) { .ac-seg span { padding: 8px 12px; } }
.ac-go { justify-self: start; }

.ac-result { display: grid; gap: 12px; padding-top: 18px; border-top: 2px solid var(--line); }
.ac-result p { margin: 0; }
.ac-done { font-size: 1.15rem; font-weight: 700; }
.ac-result audio { width: 100%; max-width: 520px; }
.ac-result .kv-btn { justify-self: start; }