.compare-dropzones { display: flex; gap: 16px; }
.compare-dropzones > .compare-slot { flex: 1; min-width: 0; }
.compare-slot .field-label { display: block; font-size: 13.5px; font-weight: 700; color: var(--ink-800); margin-bottom: 8px; }
.compare-slot .dropzone { padding: 22px 14px; }
@media (max-width: 720px) {
  .compare-dropzones { flex-direction: column; }
}

.diff-view {
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.6;
  max-height: 420px;
  overflow: auto;
  border: 1px solid var(--ink-200);
  border-radius: 8px;
  padding: 14px;
  margin-top: 16px;
  text-align: left;
}
.diff-added { background: #d4f7dc; color: #0a5c2b; }
.diff-removed { background: #fde2e2; color: #a11414; text-decoration: line-through; }