.compare-container{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.diff-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:2rem;padding:1.5rem}.diff-header{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.diff-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.diff-item{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#0003;border-left:3px solid #0000;gap:1rem;padding:.75rem;font-size:.85rem;display:flex}.diff-item.MISMATCH{border-left-color:var(--warning);background:#f59e0b1a}.diff-item.MISSING{border-left-color:var(--error);background:#ef44441a}.diff-item.EXTRA{border-left-color:var(--success);background:#22c55e1a}.diff-path{color:var(--text-primary);min-width:120px;font-weight:700}.diff-message{color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-tertiary);padding:2rem}@media (max-width:1024px){.compare-container{grid-template-columns:1fr}}