Figma-to-HTML 에이전트 초기 커밋

- 10단계 변환 프로세스 (PROCESS.md)
- 수학 공식 레퍼런스 (MATH.md, gradient_math.py)
- CSS 보정 규칙 R1~R16 (RULES.md)
- 작업 규율 7개 규칙 (PROCESS-CONTROL.md)
- 8개 Figma 프레임 1:1 HTML 변환물 (block-tests/)
- 8개 Jinja2 템플릿 staging (templates_staging/)
- 변환 완료 도서관 + 디자인 인사이트 (blocks_index.md)
- 사용법 가이드 (README.md)

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

block-tests/bim-future-statement_flat.md

@@ -0,0 +1,58 @@
+# Frame 1171281207 — BIM 미래 선언 메시지 (pill banner)
+
+> 원본: 3547 × 163 px
+> Scale: × 0.36088 → 1280 × 58.8 px (매우 wide & thin)
+> Node ID: 51:170 (Figma)
+> 패턴 ID (잠정): `statement-pill-highlight`
+> 매우 단순한 단일 메시지 배너
+
+## 계층 경로
+
+```
+Frame 51:170 "Frame 1171281207" (3547 × 163)
+├─ 17:2087 image 3668 (0, 0) 3547 × 163 — 배경 PNG, border-radius 97 (= 163/2 → 완전 캡슐)
+└─ 17:2088 TEXT (205, 33) 2933 × 90
+       center (1671.5, 78), font 80 Bold Noto Sans KR, white
+       text-shadow 0 0 4px rgba(0,0,0,0.5)
+       tracking -0.16px
+       inline span 분리:
+         "수행과정 연속화와 관리체계 일원화된 형태의 " (white)
+         "전용ㆍ전문 S/W 개발" (#fe3 yellow)
+         " 없이는 미래가 없다." (white)
+```
+
+## 이상 탐지 결과
+
+| 검사 | 결과 |
+|------|------|
+| 회전 | 없음 |
+| 좁은 박스 | 없음 |
+| 중복 | 없음 |
+| Vector metadata | N/A |
+
+## 패턴 분류
+
+**새 패턴 발견.** 잠정 ID: `statement-pill-highlight`
+
+특징:
+- pill 모양 (border-radius = height/2)
+- 배경 PNG (어두운 그래프 텍스처)
+- 단일 line 메시지, 일부 span만 highlighted color
+- text-shadow로 가독성 강화
+
+## 변형 가능 축
+
+- text_segments[N]: 인라인 span들 (각각 텍스트 + 색상)
+- bg_image (optional, default: dark texture)
+- text_shadow_color (optional)
+- block_w (zone width), block_h (자동 = font_size × 1.1 or fixed)
+
+## Sub-patterns
+
+없음 (atomic 단순 패턴)
+
+## 자산 매핑
+
+| hash | 의미 |
+|------|------|
+| 527bd780... | bg_dark_texture |