.diff-inputs { max-width: 1000px; margin: 0 auto 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.diff-pane .textarea { min-height: 200px; }
.diff-result { max-width: 1000px; margin: 0 auto; }
.diff-table { width: 100%; border-collapse: collapse; font-size: 13px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.diff-table th { text-align: left; padding: 10px 12px; background: var(--bg); border-bottom: 2px solid var(--border); font-size: 12px; color: var(--text-muted); text-transform: uppercase; }
.diff-table td { padding: 6px 12px; border-bottom: 1px solid var(--border); vertical-align: top; white-space: pre-wrap; word-break: break-all; }
.diff-line { width: 40px; text-align: right; color: var(--text-muted); background: var(--bg); }
.diff-add td:nth-child(2) { background: #f0fff0; }
.diff-add td:nth-child(3) { background: #dcffe4; }
.diff-del td:nth-child(2) { background: #ffeef0; }
.diff-del td:nth-child(3) { background: #fff0f0; }
.diff-change td:nth-child(2) { background: #fff8e1; }
.diff-change td:nth-child(3) { background: #fffde7; }
@media (max-width: 768px) { .diff-inputs { grid-template-columns: 1fr; } }