feat(abut): 교대 벽체·흉벽 삽도와 수축줄눈·흉벽 Level 입력 추가

- 벽체·흉벽 개략 단면 SVG(src/view/abut-section-svg.ts)를 형상 카드 맨 위에 추가. 치수 글자는 카드 입력값을 mm로 표시하고, 값을 바꾸면 다시 그림
- 형상 입력에 수축줄눈 개수(정수 0 이상)와 흉벽 상단 Level 좌·우(450·995, 계산 미사용·QA-4)를 추가. 기하 계산에는 쓰지 않음
- 테스트 619건 통과, 타입 검사·빌드 통과

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>

src/style.css

@@ -867,3 +867,12 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif;
 .copy-panel .cp-chips .chk:has(input:disabled) { color: #8a94a3; background: #f4f6f9; }
 
 .quantity-total { margin-bottom: 16px; }
+
+/* 교대 삽도 (벽체·흉벽 개략 단면): fills the panel width; the labels follow the card's values. */
+.abut-section { margin-bottom: 12px; background: #f6f8fa; border: 1px solid #d5dbe2; border-radius: 6px; padding: 8px; }
+.abut-section svg { display: block; width: 100%; height: auto; }
+.abut-section text { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; fill: #18212b; }
+.abut-section rect { stroke: #55606e; stroke-width: 1; }
+.abut-section .abut-footing { fill: #b9c3ce; }
+.abut-section .abut-wall { fill: #d8dee6; }
+.abut-section .abut-parapet { fill: #9aa7b5; }