.input-pair{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.input-pair{flex-direction:row}.input-pair .form-group{flex:1}}.input-pair textarea{min-height:200px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical}.diff-stats{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.stat-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium)}.stat-badge.added{background:var(--color-success-light);color:var(--color-success)}.stat-badge.removed{background:var(--color-error-light);color:var(--color-error)}.stat-badge.unchanged{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.diff-output{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}.diff-line{display:flex;border-bottom:1px solid var(--color-border)}.diff-line:last-child{border-bottom:none}.diff-gutter{flex-shrink:0;width:32px;text-align:center;padding:var(--space-1) var(--space-1);color:var(--color-text-tertiary);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none}.diff-line-num{flex-shrink:0;width:40px;text-align:right;padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.diff-text{flex:1;padding:var(--space-1) var(--space-2);white-space:pre-wrap;word-break:break-all;min-width:0}.diff-line.added{background:var(--color-success-light)}.diff-line.added .diff-gutter{color:var(--color-success)}.diff-line.removed{background:var(--color-error-light)}.diff-line.removed .diff-gutter{color:var(--color-error)}.diff-line.unchanged{background:var(--color-surface)}.diff-empty{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary);font-family:var(--font-sans);font-size:var(--text-sm)}