fix(rebar): 길이 단면의 B12 풍선을 왼쪽으로 옮겨 B11 지시선과 구분, 말뚝 개수 테스트 추가

- B12 풍선을 피복선 쪽으로 80 px 옮겨 B11 지시선과 떨어지게 함
- 말뚝 5개 위치 전부 그려지는지 테스트로 확인

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

src/view/footing-section-l-svg.ts

@@ -136,7 +136,7 @@ export function footingSectionLSvg(model: PierModel): string {
   const zB11 = js.length > 0 ? fs.cBottom + js[0] * fs.sV : fs.cBottom;
   const zB12 = zB11 + dB10;
   parts.push(bubble('B5', xa + 12, yTop, xa + 12, y(z.B5), COLOR.b5));
-  parts.push(bubble('B12', xb - 40, yTop, xb, y(zB12), COLOR.b12));
+  parts.push(bubble('B12', xb - 80, yTop, xb, y(zB12), COLOR.b12));
   parts.push(bubble('B11', xb - 12, yTop + 0, x(xsL[xsL.length - 2]), y(zB11), COLOR.b11));
   parts.push(bubble('B10-2', X0 - 18, y(fs.cBottom + (levels - 1) * fs.sV / 2), x(-L / 2 + depth2), y(fs.cBottom + (levels - 1) * fs.sV / 2), COLOR.b10));
 

tests/footing-section-l-svg.test.ts

@@ -38,6 +38,11 @@ describe('확대기초 교각축 단면 (길이 L) (승인 2026-10-27)', () => {
     expect(svg).toContain('8@200=1600');
   });
 
+  it('말뚝은 길이 방향 5개 위치 (모델 s 1.5–10.5 m)로 모두 그려짐', () => {
+    expect(svg.split('class="pile"').length - 1).toBe(new Set(m.piles.map((p) => p.s)).size);
+    expect(new Set(m.piles.map((p) => p.s)).size).toBe(5);
+  });
+
   it('has bubbles for B5, B11, B12 and B10-2', () => {
     for (const name of ['B5', 'B11', 'B12', 'B10-2']) expect(svg).toContain(`data-bubble="${name}"`);
   });