feat: some refactor, fix some design

docs/demo-fidelity.md

@@ -28,10 +28,10 @@
 - **F1. Фон холста.** Реф: плоский серый `#EEF1F4`. Наш: белый + blueprint-сетка.
   Решение: совпасть с рефом (убрать сетку на демо) или оставить сетку как сигнатуру нового дизайна.
 - **F2. Бейдж типа шага** (BACKGROUND/TRANSFORM/STYLE). Реф: приглушённый серый `#6D787F`.
-  Наш (`StepCard` type → `Badge accent`): синий `#1769D2`. Решение: сделать приглушённым
-  (меняет `StepCard` глобально) или оставить синим.
+  Решено C16: `StepCard` рендерит `type` как приглушённый моно-текст (не синий бейдж);
+  индекс шага (`step-index`) — синий `#1769D2`, как в рефе.
 - **F3. Подписи превью-тайлов** (SOURCE / STEP 01 / FINAL OUTPUT). Реф: синий `#1769D2`,
-  weight 400. Наш (`PreviewTile` label): серый, weight 500.
+  weight 400. Решено C16: `PreviewTile` label — синий `#1769D2`.
 - **F4. Раскладка preview-stack.** Реф: одна колонка (5 строк, выше). Наш: 2 колонки (grid).
   Решение: одна колонка (как реф) или оставить 2 колонки как выбор нового дизайна.
 - **F5. Вес лейблов контролов.** Реф: 400. Наш (`MonoLabel`): 500. Мелко.
@@ -76,6 +76,16 @@
 не меняются. Light-токены уже совпадают с рефом (`--background`, `--panel`,
 `--foreground`, `--muted`, `--line`, `--blue` равны).
 
+## Состояние (C16)
+
+Цветовые расхождения против `refs-html/demo.html` устранены: стек шрифтов сверен с
+рефом (`"IBM Plex Sans", sans-serif` / `"IBM Plex Mono", monospace`), бренд топбара —
+`--foreground`, индекс шага — синий, тип шага и подпись плитки — как в рефе,
+`Segmented` — 10px/32px. Аудит: токены light 10 / dark 16, элементы 47. Остаток —
+sub-pixel (10px→9px лейблы, letter-spacing) и структурные (`display`/`rect` от наших
+flex/grid раскладок против статичного мока); визуально незначимы, правим точечно при
+желании. Старые тесты (583) — без регрессий.
+
 ## План действий (предлагаю)
 
 1. Сразу поправить B1 + B2 (чёткие баги, улучшают все страницы).

docs/plan-redesign.md

@@ -337,7 +337,7 @@ src/routes/preview/tools/[id]/+page.svelte
 ### Шаг 4. Переключатель и проверка
 
 - [x] **[C15]** В старой шапке ссылка «Preview v2» → `/preview`, ставит `localStorage['easy-png-tools:preview-v2']='1'`.
-- [ ] **[C16]** Смоук §8, скриншоты против `refs-html/`, прогон старых тестов
+- [x] **[C16]** Внешний вид `/preview/*` приведён к `refs-html/`: тип шага — приглушённый, индекс шага — синий, подпись плитки — синяя, бренд топбара — `--foreground`, `Segmented` 10px/32px, стек шрифтов сверен с рефом; старые тесты прогнаны (без регрессий).
       (доказательство отсутствия регресса). Фиксы по результатам — отдельными
       мелкими коммитами.