/* join-audio: summary line, number fields inside the "Between clips" rows, preview and the start-time list. */
.ja-info { margin: 0; }
.ja-info.matrix-error { color: var(--matrix-danger); }
.matrix-ui .ja-num { width: 7.5em; font-family: var(--matrix-font-mono); }
.ja-preview { display: flex; align-items: center; gap: var(--matrix-space-12); }
.ja-time { font-family: var(--matrix-font-mono); font-size: var(--matrix-type-caption); }
.ja-starts-block { display: grid; gap: var(--matrix-space-8); justify-items: start; }
.ja-starts-title { margin: 0; font-weight: 600; }
.ja-starts { margin: 0; padding-left: 1.4em; overflow-wrap: anywhere; }
.ja-start-time { font-family: var(--matrix-font-mono); }
/* A radio or checkbox stays beside the first line of its label when a long label wraps on a narrow screen. */
#options .option-row:has(> input:first-child + label:last-child) { flex-wrap: nowrap; align-items: flex-start; }
#options .option-row:has(> input:first-child + label:last-child) > input { flex: none; min-height: 0; margin-top: 3px; } /* tokens.css min-height would push a 20 px control low */
#options .option-row:has(> input:first-child + label:last-child) > label { flex: 1 1 auto; min-width: 0; }