docs: property compare layout, Overview panel clamp, center-graphic shapes

- sw-header-usage: 3-column Property Panel comparison and the Overview
  panel clamped to the preview Stage (no Stage scrollbar)
- center-graphic README: CompactFacilityConnection segmentShape and the
  AdministrativeLabel trailing letter-spacing fix

docs/sw/sw-header-usage.md

@@ -637,6 +637,9 @@ const data = {
 
 Storybook: `Property Panel · 선택 없음 / 전체 선택 / 원 1개 / 모두 펼침` 개별 Story와 `Property Panel · 4개 비교`(디자인 검증용, 실측 크기 표시, 좁으면 줄바꿈). 실제 Header는 현재 선택에 맞는 패널 하나만 표시합니다.
 
+- **4개 비교 배치(2026-10-26):** 화면 폭 1080px 이상은 3열입니다. 짧은 패널(선택 없음·전체 선택)은 1열에 위아래로 쌓고, 긴 패널(원 1개·모두 펼침)은 2·3열에 나란히 둡니다. 그보다 좁으면 2열 × 2행, 720px 미만은 1열입니다. 패널은 항상 원래 크기(314px 폭)이고 가로 스크롤은 만들지 않습니다.
+- **Overview 미리보기(2026-10-26):** 속성창을 열어도 16:9 미리보기 영역에 스크롤바가 생기지 않습니다. 속성창 높이는 미리보기 영역 안으로 제한되고(Story가 넘기는 `--sw-preview-stage-height` 기준), 넘치는 내용은 패널 본문 안에서 스크롤됩니다. 실제 제품이 화면 높이에 맞춰 패널을 줄이는 것과 같은 방식이며, Storybook 배치 전용 예외라 패키지 CSS는 바꾸지 않았습니다.
+
 ### 형상 영역 Slot — `shapeContent`
 
 ```tsx