.gth-text-diff-checker .gth-diff-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gth-space-4); margin-bottom: var(--gth-space-4); }
.gth-text-diff-checker .gth-diff-actions { display: flex; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-text-diff-checker .gth-diff-stats { display: flex; gap: var(--gth-space-4); margin-bottom: var(--gth-space-3); }
.gth-text-diff-checker .gth-stat { padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-size: var(--gth-text-sm); }
.gth-text-diff-checker .gth-stat.gth-added { background: #dcfce7; color: #166534; }
.gth-text-diff-checker .gth-stat.gth-removed { background: #fee2e2; color: #991b1b; }
.gth-text-diff-checker .gth-diff-output { background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); padding: var(--gth-space-4); font-family: monospace; font-size: var(--gth-text-sm); white-space: pre-wrap; max-height: 400px; overflow-y: auto; }
.gth-text-diff-checker .gth-diff-line { padding: var(--gth-space-1) 0; }
.gth-text-diff-checker .gth-diff-line.gth-added { background: #dcfce7; }
.gth-text-diff-checker .gth-diff-line.gth-removed { background: #fee2e2; text-decoration: line-through; }
.gth-text-diff-checker .gth-diff-line.gth-unchanged { color: var(--gth-text-secondary); }
.gth-text-diff-checker .gth-diff-marker { display: inline-block; width: 20px; color: var(--gth-text-secondary); }
@media (max-width: 768px) { .gth-text-diff-checker .gth-diff-inputs { grid-template-columns: 1fr; } }