Comparing draft iterations of contracts, configuration files, or editorial copy requires pinpointing exact line variations quickly. This browser diff utility aligns two text inputs side by side, detecting line-by-line additions, deletions, and modifications with instant visual highlighting.

### Difference Detection Engine The comparison algorithm evaluates text line arrays synchronously: - **Dual Pane Layout:** Enter baseline text into the **Original** textarea and the updated version into the **Modified** pane. - **Line Alignment:** The engine splits both inputs by newline delimiters (`\n`), evaluates each corresponding line index, and displays matched line numbers. - **Visual Status Badges:** Identical lines render cleanly in standard muted monospace text. Modified lines highlight in soft red (`bg-destructive/10`) and display the replacement transition explicitly formatted as `- original → + modified`. - **Dynamic Array Length Handling:** Handles files of mismatched length by populating empty line placeholders for added or removed trailing content.

### Worked Text Comparison Consider comparing two short editorial lines: - **Original:** `The quick brown fox jumps over the lazy dog.` `Tools run on remote cloud servers.` - **Modified:** `The fast brown fox leaps over the lazy dog!` `Tools run 100% in your browser.` The diff output presents: 1. Line 1: `- The quick brown fox jumps over the lazy dog. → + The fast brown fox leaps over the lazy dog!` 2. Line 2: `- Tools run on remote cloud servers. → + Tools run 100% in your browser.`

### Client-Side Processing Notice All string splitting, array index comparisons, and HTML highlighting render locally in your web browser. Neither the original draft nor the modified text is ever submitted over the network.