# DOM audit (phase A)

_2026-08-29T02:19:33.867Z_

## Сводка

| route | ref | added | removed | tag | text |
|---|---|---|---|---|---|
| `/preview/demo` | demo.html | 0 | 0 | 0 | 0 |
| `/preview/list-tools` | list-tools.html | 78 | 22 | 5 | 1 |
| `/preview/tools/linear-gradient-png` | gradient.html | 6 | 7 | 2 | 2 |
| `/preview/tools/remove-background-png` | background-remover.html | 8 | 7 | 2 | 2 |

## /preview/demo  (vs demo.html)

- added: **0** (≈0 узл.), removed: **0** (≈0 узл.), tag: **0**, text: **0**

### Расхождения (топ 0)

_расхождений нет_


## /preview/list-tools  (vs list-tools.html)

- added: **78** (≈963 узл.), removed: **22** (≈274 узл.), tag: **5**, text: **1**

### Расхождения (топ 106)

- `body > main:1 > header:1 > a:1 > span:3` **added** (`span` "/ LIST-TOOLS" · 1 узл.)
- `body > main:1 > header:1 > a:1 > span:3` **removed** (`span` "/ CATALOG" · 1 узл.)
- `body > main:1 > header:1 > div:3 > span:1` **text**: ours `AUTO PIPELINE` → ref `LOCAL MODE / READY`
- `body > main:1 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > section:2 > header:1` **added** (`header` · 4 узл.)
- `body > main:1 > section:2 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > section:2 > section:2 > header:1` **added** (`header` · 4 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:1` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:2` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:3` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:4` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:5` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:6` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:7` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:8` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:9` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:10` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:11` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:12` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:13` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:14` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:15` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:16` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:17` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:18` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:19` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:20` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > a:21` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > div:1` **removed** (`div` "EASY-PNG-TOOLS / CATALOG" · 1 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > h1:2` **removed** (`h1` "Tool catalog" · 1 узл.)
- `body > main:1 > section:2 > section:2 > div:2 > p:3` **removed** (`p` "Focused utilities for working with PNG. Inspect, transform, and export — locally in your browser." · 1 узл.)
- `body > main:1 > section:2 > section:2 > div:2` **removed** (`div` · 4 узл.)
- `body > main:1 > section:2 > section:3` **tag**: ours `section` → ref `div`
- `body > main:1 > section:2 > section:3 > header:1` **added** (`header` · 4 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:1` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:2` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:3` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:4` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:5` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:6` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:7` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:8` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:9` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:10` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:11` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:12` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:13` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:14` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:15` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:16` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:17` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:18` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:19` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:20` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > a:21` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > svg:1` **removed** (`svg` · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:2` **removed** (`button` "ALL" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:3` **removed** (`button` "CONVERT" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:4` **removed** (`button` "TRANSPARENCY" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:5` **removed** (`button` "COLOR" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:6` **removed** (`button` "GEOMETRY" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:7` **removed** (`button` "FILTERS" · 1 узл.)
- `body > main:1 > section:2 > section:3 > div:2 > button:8` **removed** (`button` "ANALYZE" · 1 узл.)
- `body > main:1 > section:2 > section:3 > label:1` **removed** (`label` · 3 узл.)
- `body > main:1 > section:2 > section:4` **tag**: ours `section` → ref `div`
- `body > main:1 > section:2 > section:4 > header:1` **added** (`header` · 4 узл.)
- `body > main:1 > section:2 > section:4 > div:2` **tag**: ours `div` → ref `section`
- `body > main:1 > section:2 > section:4 > div:2 > a:1` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:2` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:3` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:4` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:5` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:6` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:7` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:8` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:9` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:10` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:11` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:12` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:13` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:14` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:15` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:16` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:17` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:18` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:19` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:20` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:21` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:22` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:23` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:24` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > a:25` **added** (`a` · 7 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > div:1` **removed** (`div` · 3 узл.)
- `body > main:1 > section:2 > section:4 > div:2 > div:2` **removed** (`div` · 41 узл.)
- `body > main:1 > section:2 > section:4 > section:2` **removed** (`section` · 45 узл.)
- `body > main:1 > section:2 > section:4 > section:3` **removed** (`section` · 45 узл.)
- `body > main:1 > section:2 > section:4 > section:4` **removed** (`section` · 45 узл.)
- `body > main:1 > section:2 > section:4 > section:5` **removed** (`section` · 37 узл.)
- `body > main:1 > section:2 > section:4 > section:6` **removed** (`section` · 37 узл.)
- `body > main:1 > section:2 > section:5` **added** (`section` · 132 узл.)
- `body > main:1 > section:2 > section:6` **added** (`section` · 62 узл.)
- `body > main:1 > section:2 > section:7` **added** (`section` · 27 узл.)
- `body > main:1 > section:2 > section:8` **added** (`section` · 97 узл.)
- `body > main:1 > section:2 > section:9` **added** (`section` · 153 узл.)
- `body > main:1 > section:2 > footer:4` **removed** (`footer` "ALL OPERATIONS RUN LOCALLY YOUR FILES NEVER LEAVE THIS DEVICE" · 2 узл.)
- `body > main:1 > footer:3` **added** (`footer` · 6 узл.)


## /preview/tools/linear-gradient-png  (vs gradient.html)

- added: **6** (≈155 узл.), removed: **7** (≈73 узл.), tag: **2**, text: **2**

### Расхождения (топ 17)

- `body > main:1 > header:1 > a:1 > span:3` **added** (`span` "/ TOOLS / LINEAR-GRADIENT-PNG" · 1 узл.)
- `body > main:1 > header:1 > a:1 > span:3` **removed** (`span` "/ GRADIENT" · 1 узл.)
- `body > main:1 > header:1 > div:3 > span:1` **text**: ours `AUTO PIPELINE` → ref `LIVE PREVIEW`
- `body > main:1 > div:2 > section:1` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:1` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
- `body > main:1 > div:2 > section:1 > section:1` **added** (`section` · 145 узл.)
- `body > main:1 > div:2 > section:1 > span:1` **removed** (`span` "/" · 1 узл.)
- `body > main:1 > div:2 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:2 > header:1` **added** (`header` · 5 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:1` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:2` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > h1:1` **removed** (`h1` "Gradient background." · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > p:2` **removed** (`p` "Create a clean, export-ready gradient with precise control over color, direction and transparency." · 1 узл.)
- `body > main:1 > div:2 > section:2 > span:2` **removed** (`span` "LIVE PREVIEW" · 2 узл.)
- `body > main:1 > div:2 > div:3` **removed** (`div` · 66 узл.)
- `body > main:1 > footer:3 > span:2` **added** (`span` "pipeline is local-only" · 2 узл.)
- `body > main:1 > footer:3 > span:2` **removed** (`span` "gradient tool · local-only" · 1 узл.)


## /preview/tools/remove-background-png  (vs background-remover.html)

- added: **8** (≈153 узл.), removed: **7** (≈78 узл.), tag: **2**, text: **2**

### Расхождения (топ 19)

- `body > main:1 > header:1 > a:1 > span:3` **added** (`span` "/ TOOLS / REMOVE-BACKGROUND-PNG" · 1 узл.)
- `body > main:1 > header:1 > a:1 > span:3` **removed** (`span` "/ BACKGROUND REMOVER" · 1 узл.)
- `body > main:1 > header:1 > div:3 > span:1` **text**: ours `AUTO PIPELINE` → ref `AUTO PROCESSING`
- `body > main:1 > div:2 > section:1` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:1` **text**: ours `` → ref `PNG PROCESSING SINGLE TOOL`
- `body > main:1 > div:2 > section:1 > section:1` **added** (`section` · 138 узл.)
- `body > main:1 > div:2 > section:1 > span:1` **removed** (`span` "/" · 1 узл.)
- `body > main:1 > div:2 > section:2` **tag**: ours `section` → ref `div`
- `body > main:1 > div:2 > section:2 > header:1` **added** (`header` · 5 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:1` **added** (`div` · 4 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:2` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > div:3` **added** (`div` · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > h1:1` **removed** (`h1` "Remove background." · 1 узл.)
- `body > main:1 > div:2 > section:2 > div:2 > p:2` **removed** (`p` "Select a background color and tune the edge detection. Changes are processed automatically in your browser." · 1 узл.)
- `body > main:1 > div:2 > section:2 > span:2` **removed** (`span` "LIVE PREVIEW" · 2 узл.)
- `body > main:1 > div:2 > div:3` **removed** (`div` · 71 узл.)
- `body > main:1 > footer:3 > span:2` **added** (`span` "pipeline is local-only" · 2 узл.)
- `body > main:1 > footer:3 > span:2` **removed** (`span` "background remover · local-only" · 1 узл.)
- `body > div:2` **added** (`div` · 1 узл.)