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 (чёткие баги, улучшают все страницы).