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-info-products_flat.md

@@ -0,0 +1,27 @@
+# Frame 1171281180 — 시공상세 정보물 (stacked arrow list)
+
+> 원본: 1153 × 591.92 px
+> Scale: × 1.11014 → 1280 × 657 px (슬라이드 720 내에 fit)
+> Node ID: 45:5 (Figma)
+> 패턴 ID: `stacked-arrow-list`
+
+## 구조
+
+- 타이틀 (gradient text "시공상세 정보물" highlighted, 배경 bar)
+- 5개 pill-row: 각각 다른 색 border-bottom + 화살표 마커 + 텍스트
+- 좌측 원호 장식 SVG ("시공 상세 정보물" 세로 텍스트)
+- 각 row의 width와 left가 계단식으로 변화 (indent)
+
+## 변형 가능 축
+
+- items[N=3~8]: { text, border_color }
+- title_segments[]: { text, highlight? }
+- left_decoration (optional, SVG arc)
+- left_label (optional, 세로 텍스트)
+
+## 자산
+
+| hash | 의미 |
+|------|------|
+| ff649c28... | left_arc_decoration (SVG) |
+| 29c778b5... | arrow_marker (SVG) |