.ox-cmp-drops { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 12px; }
.ox-cmp-page { margin-top: 16px; }
.ox-cmp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ox-cmp-col { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; min-width: 0; }
.ox-cmp-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .92rem; line-height: 1.55; max-height: 420px; overflow: auto; }
.ox-cmp-del { background: color-mix(in srgb, var(--err) 28%, transparent); color: inherit; text-decoration: line-through; border-radius: 3px; }
.ox-cmp-add { background: color-mix(in srgb, var(--ok) 28%, transparent); color: inherit; border-radius: 3px; }
@media (max-width: 720px) { .ox-cmp-drops, .ox-cmp-cols { grid-template-columns: 1fr; } }