feat(sw): viewer follow-up — SVG icon outline, shared SW popup frame, story grid, green layer buttons

- A: SWViewerIcon draws the SWHeader black outline as SVG stroke on a copy behind the icon (no CSS filter)
- B: SWViewerPanel renders the common SWPopup frame (same DOM / CSS) and adds drag, corner resize,
  collapse, bounds and modal; SWPopup gains optional titleActions / footer; title art spans any width
- C: shared Story canvas grid (--sw-story-canvas) behind the SW Header work area and dropdown room
- D: SWViewerButton tone="green" for 전체 켜기 / 전체 끄기: default kept, hover = primary (확인) hover
  token, pressed = primary face
- AI guide, verification scripts (76 checks, element regression) and evidence updated

docs/sw/viewer-qa/report.json

@@ -374,7 +374,7 @@
     {
       "name": "corner resize changes size",
       "result": "PASS",
-      "detail": "320x420 → 263x323"
+      "detail": "314x420 → 257x323"
     },
     {
       "name": "drag moves panel",
@@ -396,13 +396,18 @@
       "result": "PASS",
       "detail": ""
     },
+    {
+      "name": "전체 켜기: default kept, green hover / active, back after release",
+      "result": "PASS",
+      "detail": "rgb(255, 255, 255) rgb(18, 51, 40) | rgb(38, 102, 81) rgb(255, 255, 255) | rgb(18, 51, 40) rgb(255, 255, 255) | rgb(38, 102, 81) rgb(255, 255, 255) | rgb(255, 255, 255) rgb(18, 51, 40)"
+    },
     {
       "name": "panel content callback",
       "result": "PASS",
       "detail": ""
     },
     {
-      "name": "close hover #E40000 / white X",
+      "name": "close hover = SWPopup hover asset",
       "result": "PASS",
       "detail": ""
     },
@@ -414,7 +419,12 @@
     {
       "name": "last touched panel on top",
       "result": "PASS",
-      "detail": "layer z 37, options z 36"
+      "detail": "layer z 47, options z 46"
+    },
+    {
+      "name": "전체 켜기 hover = 라이선스 확인 hover (same token)",
+      "result": "PASS",
+      "detail": "rgb(38, 102, 81) rgb(255, 255, 255) / rgb(38, 102, 81) rgb(255, 255, 255)"
     },
     {
       "name": "modal popup opens with backdrop",
@@ -582,9 +592,9 @@
       "detail": "rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.92px 0.38px 0px, rg"
     },
     {
-      "name": "icon outline: 4 x 1px black drop-shadows + #061A14 glow",
+      "name": "icon outline: SVG stroke copy, no CSS filter",
       "result": "PASS",
-      "detail": "drop-shadow(rgb(0, 0, 0) 1px 0px 0px) drop-shadow(rgb(0, 0, 0) -1px 0px 0px) drop-shadow(r"
+      "detail": "{\"filter\":\"none\",\"copyStroke\":\"rgb(0, 0, 0)\",\"copyWidth\":5,\"glyphStroke\":\"rgb(255, 255, 255)\",\"glyphWidth\":2}"
     },
     {
       "name": "fill / size / weight / spacing kept",