.delay-workspace { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--space-6); align-items: start; }
.delay-settings, .delay-preview { min-width: 0; display: grid; gap: var(--space-5); }
.delay-settings h2, .delay-preview h2, .delay-message { margin: 0; }
.delay-times { display: grid; gap: var(--space-4); grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; }
.delay-times dt { color: var(--muted); font-size: var(--text-sm); }
.delay-times dd { font-weight: var(--fw-semibold); margin: var(--space-1) 0 0; overflow-wrap: anywhere; }
.delay-number { display: flex; gap: var(--space-3); align-items: center; }
.delay-number input { width: 7rem; max-width: 100%; }
.delay-presets { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.delay-preview-heading { display: flex; gap: var(--space-2); align-items: center; font-weight: var(--fw-semibold); color: var(--brand); }
.delay-eta { font-size: var(--text-2xl); line-height: 1.25; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.delay-message { padding: var(--space-5); background: var(--tint-row); border: 1px solid var(--line); border-radius: var(--r-lg); line-height: 1.6; overflow-wrap: anywhere; white-space: pre-line; }
.delay-preview .btn { justify-self: start; }
@media (max-width: 55rem) { .delay-workspace { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 30rem) { .delay-times { grid-template-columns: minmax(0,1fr); } .delay-preview .btn { width: 100%; justify-content: center; } }