style(sw): viewer popup typography, 전체 레이어 title and options layout

- Property popup: row labels 14px 500, read-only values 14px in the panel text
  color, monospace removed; 일반 정보 / 기하 속성 groups 20px apart
  (--hm-sw-viewer-panel-spacing on the second section).
- Layer popup: 전체 레이어 is a plain SWViewerSection title (existing
  .hm-sw-viewer-section__title) with the all-layers switch on the same row;
  layer names 14px 500, no monospace.
- Options popup follows the user image: 표시 (LWDISPLAY), 표시 배율 with the
  px/mm unit on the input row, updated lineweight hints.
- Remove stray monospace font-family from SW Story CSS.
- VIEWER.md §4.1 / new §4.2, DESIGN_RULES §11, Example H aligned.

src/sw/sw-stories.css

@@ -26,7 +26,7 @@
 .sw-story-stages { display: grid; grid-template-columns: repeat(auto-fill, minmax(480px, 1fr)); gap: 16px; }
 .sw-story-stage { margin: 0; }
 .sw-story-stage figcaption { margin-top: 6px; font-size: 13px; color: #3d4a45; }
-.sw-story-layer-state { margin: 0 0 8px; font-size: 12px; color: #3d4a45; font-family: ui-monospace, monospace; white-space: pre-wrap; }
+.sw-story-layer-state { margin: 0 0 8px; font-size: 12px; color: #3d4a45; white-space: pre-wrap; }
 .sw-story-dynamic { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
 .sw-story-property-room { min-height: 820px; }
 /* Property panel states (2026-10-16): standalone panels at their natural size; the comparison wraps. */