chore(sw): organize Storybook components and documentation

First-pass cleanup only; no design, behavior, public API or Story ID change.
- Stories: correct stale Text Stroke / Colorize / "latest" texts, reuse
  parseSWHeaderColor, derive the field fixture from PROPERTY_FIXTURE
- Comments: date the "Latest request" notes in sw.css and the color menu
- Docs: fix removed text-stroke tokens in spec/usage/README, add spec §18
  (property fields), current-state index banners, Storybook 33 pointer
- Add docs/sw/sw-first-pass-cleanup-review-2026-10-19.md (Story table,
  structure, SAFE / REVIEW list for the second pass)

Checks: SW + app typecheck, SW build, Storybook build, 33 Story IDs
unchanged, property fields 77/77, detail-buttons verify 257 checks, 111 doc
links 0 broken.

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

packages/sw/src/theme/sw.css

@@ -121,7 +121,7 @@
   /* Figma text strokes (26:8944 and its menus, Plugin API 2026-10-16), all OUTSIDE:
      14 / 16px text = black 1.3px under the text + 0.3px of its own color; 12px labels = black 1px;
      "... 상세" pills = 0.4px of their own color, no black. Outline: 16 shadows on a 1.3px / 1px circle
-     (never clipped by the glyph like a centered -webkit-text-stroke). Latest request removes the
+     (never clipped by the glyph like a centered -webkit-text-stroke). The 2026-10-16 additional fix removed the
      own-color stroke, including the detail pills. Black text-shadow remains unchanged. */
   --hm-sw-header-text-outline-color: #000;
   --hm-sw-header-text-outline:
@@ -773,7 +773,7 @@ button.hm-sw-header__layer-toggle[data-on="false"] > .hm-sw-header__layer-toggle
 /* Row hover (26:10695): brown background, orange name. Size and icon positions stay. */
 .hm-sw-header__layer-row:is(:hover, [data-active="true"]):not([data-disabled]) { background: var(--hm-sw-header-layer-row-hover-background); }
 .hm-sw-header__layer-row:is(:hover, [data-active="true"]):not([data-disabled]) .hm-sw-header__layer-name { color: var(--hm-sw-header-layer-row-hover-color); }
-/* Latest request: selected layer rows use the same emphasis as hover. */
+/* 2026-10-16 additional fix: selected layer rows use the same emphasis as hover (rule above). */
 .hm-sw-header__layer-footer {
   position: relative;
   display: flex;
@@ -941,7 +941,7 @@ div.hm-sw-header__menu-row { justify-content: space-between; gap: 8px; padding-l
 .hm-sw-header__menu-row:is(:hover, [data-active="true"]):not([data-disabled]) .hm-sw-header__line-preview > i { background: var(--hm-sw-header-layer-row-hover-color); }
 .hm-sw-header__menu-row:is(:hover, [data-active="true"]):not([data-disabled]) .hm-sw-header__menu-dimension-default { visibility: hidden; }
 .hm-sw-header__menu-row:is(:hover, [data-active="true"]):not([data-disabled]) .hm-sw-header__menu-dimension-hover { visibility: visible; }
-/* Latest request: selected style rows use the same emphasis as hover. */
+/* 2026-10-16 additional fix: selected style rows use the same emphasis as hover (rules above). */
 
 /* Footer (40px, "... 상세" pill). Border / padding / alignment per Figma menu. */
 .hm-sw-header__menu-footer {