fix(sw): restore object snap tracking outline and selected colors

src/sw/sw-footer-fixture.tsx

@@ -50,7 +50,9 @@ export const AUX_ITEMS: SWFooterAuxItem[] = [
  * Labels, categories and the extra command are program data; WIPEOUT and 객체스냅추적 have no Figma icon, so the
  * Story passes its own (lucide) icons the way a program would.
  */
-const lucide = (node: ReactNode) => <span className="sw-footer-story-lucide">{node}</span>
+const lucide = (node: ReactNode, outlined = false) => (
+  <span className={outlined ? "sw-footer-story-lucide sw-footer-story-lucide--outlined" : "sw-footer-story-lucide"}>{node}</span>
+)
 export const REFERENCE_TOOLS: SWFooterTool[] = [
   { id: "line", label: "LINE", ...swFooterToolIcons.line },
   { id: "pline", label: "PLINE", ariaLabel: "Polyline", ...swFooterToolIcons.pline },
@@ -74,7 +76,7 @@ export const REFERENCE_AUX: SWFooterAuxItem[] = [
   { id: "lineWeight", label: "선가중치", icon: swFooterAuxIcons.lineWeight, pressed: false },
   { id: "gridBackground", label: "격자배경", icon: swFooterAuxIcons.gridBackground, pressed: true },
   { id: "gridSnap", label: "격자스냅", icon: swFooterAuxIcons.gridSnap, pressed: false },
-  { id: "objectTrack", label: "객체스냅추적", icon: lucide(<PenLine size={14} />), pressed: true },
+  { id: "objectTrack", label: "객체스냅추적", icon: lucide(<PenLine size={14} />, true), pressed: true },
 ]
 export const REFERENCE_HISTORY = [
   "Raster image support loaded.",

src/sw/sw-footer-stories.css

@@ -27,6 +27,11 @@
 .sw-footer-story-guide-frame { display: block; width: 194px; height: 111px; background-repeat: no-repeat; background-size: 250px 1179px; }
 .sw-footer-story-guide-text { display: grid; place-items: center; height: 100%; padding: 8px; font-size: 12px; color: #d4cbbd; text-align: center; }
 .sw-footer-story-lucide { display: grid; place-items: center; }
+/* Aux icons carry a 1px OUTSIDE black 90% outline (AuxIcon); a stroke icon has none, so the same outline is drawn around its alpha. */
+.sw-footer-story-lucide--outlined svg {
+  filter: drop-shadow(1px 0 0 rgba(0, 0, 0, .9)) drop-shadow(-1px 0 0 rgba(0, 0, 0, .9))
+    drop-shadow(0 1px 0 rgba(0, 0, 0, .9)) drop-shadow(0 -1px 0 rgba(0, 0, 0, .9));
+}
 .sw-footer-story-status { padding: 0 12px; font-size: 12px; color: #d4cbbd; }
 .sw-footer-story-row { display: flex; align-items: flex-start; gap: 16px; }
 .sw-footer-story-row--tight { gap: 0; }