.aabb-cd-recorder { flex: 0 0 100%; width: 100%; min-width: 0; margin-block: .65rem; font: inherit; }
.aabb-cd-recorder [hidden] { display: none !important; }
.aabb-cd-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.aabb-cd-recorder .aabb-cd-actions button { min-height: 44px; max-width: 100%; padding: .65rem 1rem; border: 1px solid #244d65; border-radius: 6px; background: #244d65; color: #fff; font: inherit; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.aabb-cd-recorder .aabb-cd-actions .aabb-cd-cancel-button { background: #fff; color: #244d65; }
.aabb-cd-recorder .aabb-cd-actions button:disabled { opacity: .65; cursor: not-allowed; }
.aabb-cd-recorder .aabb-cd-actions button:focus-visible { outline: 3px solid #b65a00; outline-offset: 3px; }
.aabb-cd-recorder .aabb-cd-status { margin: .5rem 0 0; font: inherit; overflow-wrap: anywhere; }
.aabb-cd-status:empty { display: none; }
.aabb-cd-preview { overflow-wrap: anywhere; white-space: pre-wrap; max-height: 12em; overflow-y: auto; padding: .6rem; border-left: 3px solid #244d65; }
.aabb-cd-timer { display: inline-block; font-variant-numeric: tabular-nums; font-weight: 700; }
.aabb-cd-recorder .aabb-cd-hint { margin: .45rem 0 0; font-size: .875em; line-height: 1.5; }
.aabb-cd-recovery { display: block; margin-block: .5rem; }
.aabb-cd-recovery textarea { display: block; width: 100%; max-width: 100%; box-sizing: border-box; font: inherit; }