.opts { display: flex; flex-wrap: wrap; gap: 4px 16px; }
#sum { margin: 0; font-weight: 600; }
.diff { border: 1px solid var(--line); border-radius: 8px; background: var(--bg); font: .85rem/1.5 ui-monospace, Consolas, "D2Coding", monospace; }
.d-row { display: grid; grid-template-columns: 1.5ch 4.5ch 4.5ch minmax(0, 1fr); column-gap: 6px; padding: 0 8px; }
.d-mark, .d-no { user-select: none; }
.d-no { color: var(--muted); text-align: right; font-variant-numeric: tabular-nums; }
.d-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.d-add { background: color-mix(in srgb, #16a34a 14%, transparent); }
.d-del { background: color-mix(in srgb, #dc2626 14%, transparent); }
.d-add ins { background: color-mix(in srgb, #16a34a 32%, transparent); }
.d-del del { background: color-mix(in srgb, #dc2626 32%, transparent); }