add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신

전체 401 files (397 추가 + 4 수정), 14304 insertions.

추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
  각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
  _renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
  (일부 frame)}.
  Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
  partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.

수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
  변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.

Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

figma_to_html_agent/blocks/1171281204/flat.md

@@ -0,0 +1,78 @@
+# Frame 1171281204 — 실측 기록 (flat)
+
+> 원본: 1869 × 1926 px (node 145:8223)
+> 패턴: compare-table-3col (3열 S/W 비교 표)
+> Scale: 1280 / 1869 = 0.68511
+
+## 구조
+
+```
+Frame 145:8223 (1869 × 1926)
+├── 타이틀
+│   ├── 145:8229 아이콘 IMG (0, 22.5) 50×50
+│   └── 145:8230 TEXT "Engn. S/W의 구성 과 특징" (65, 0) — mixed gradient
+│
+├── 열 헤더 (y=128~208, 높이 ~80)
+│   ├── 145:8231 bar (70, 207.74) 734×80 — bg:#589e8d
+│   ├── 145:8232 bar (804.31, 207.74) 533×80 — bg:rgba(62,53,35,0.9)
+│   ├── 145:8233 bar (1337, 208.72) 532×80 — bg:#ef7a26
+│   ├── 145:8234 TEXT "구 분" center(171.67, 168.05) — 40px Bold white
+│   ├── 145:8235 TEXT "상용 S/W" center(539.02, 168.05)
+│   ├── 145:8236 TEXT "3rd Party (기생 S/W)" center(1070.75, 168.05)
+│   └── 145:8237 TEXT "전문ㆍ전용 S/W" center(1602.3, 168.05)
+│
+├── 행 배경 4개 (교대 white/rgba(253,198,158,0.16))
+│   ├── 145:8225 (69, 209~721) white
+│   ├── 145:8228 (70, 721~1092) rgba(253,198,158,0.16)
+│   ├── 145:8226 (70, 1092~1358) white → 실제 (1088~1358)
+│   └── 145:8227 (70, 1358~1914) rgba(253,198,158,0.16)
+│
+├── 그리드 라인 (모두 CSS, SVG 불필요)
+│   ├── 수평선: y=720.64, 1089.81, 1357.58, 1913.80
+│   └── 수직선: x=273.36, 804.91, 1336.46 (전체 높이) + x=804.98 (부분)
+│
+├── 행 라벨 (좌측 열)
+│   ├── 145:8253 "개 념" center(171.68, 265.82) — 35px Bold
+│   ├── 145:8257 "개발주체" center(171.19, 778.39)
+│   ├── 145:8261 "성 과 품" center(171.07, 1162.32)
+│   └── 145:8265 "S/W의 사용" center(171.07, 1422.86)
+│
+└── 셀 콘텐츠 (12개: 4행 × 3열)
+    ├── 145:8250 개념/상용 (273.59, 230.38) 532×392 — 35px Medium, bullet list
+    ├── 145:8251 개념/3rd (804.31, 233.34) 532×392
+    ├── 145:8252 개념/전용 (1336.02, 230.38) 532×470
+    ├── 145:8254 개발주체/상용 (273.59, 750.06) 532×318
+    ├── 145:8255 개발주체/3rd (805.30, 743.72) 531×320
+    ├── 145:8256 개발주체/전용 (1336.01, 743.72) 532×320
+    ├── 145:8258 성과품/상용 (273.59, 1126.24) 532×231
+    ├── 145:8259 성과품/3rd (805.30, 1121.31) 531×232
+    ├── 145:8260 성과품/전용 (1336.02, 1121.31) 532×232
+    ├── 145:8262 사용/상용 (273.59, 1387.69) 532×538
+    ├── 145:8263 사용/3rd (805.30, 1387.69) 531×538
+    └── 145:8264 사용/전용 (1336.02, 1387.69) 532×538
+```
+
+## 에셋
+
+| hash | 의미 | CSS |
+|------|------|-----|
+| b0e9fad5...png | 아이콘 | 이미지 |
+| 8개 line SVG | 테두리선 | ✓ 전부 CSS border |
+
+## 색상
+
+| 요소 | 값 |
+|------|------|
+| 헤더1 (구분+상용) | #589e8d |
+| 헤더2 (3rd Party) | rgba(62,53,35,0.9) |
+| 헤더3 (전용) | #ef7a26 |
+| 행 배경 교대 | white / rgba(253,198,158,0.16) |
+| 강조 텍스트 | #a14101 Bold |
+| 본문 | black, 35px Medium |
+
+## 변형 가능 축
+
+- columns[N=2~4] (required)
+- rows[N=3~6] (required)
+- header_colors[N] (required)
+- highlight_color (optional, default #a14101)