ui-sniper 3.2.0 → 3.2.2

package/dist/index.js

@@ -3706,7 +3706,7 @@ var styles_module_default4 = classNames5;
 
 // src/components/xray-overlay/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function XRayOverlay({ isActive, isDarkMode }) {
+function XRayOverlay({ isActive, isDarkMode, isFrozen }) {
   const [hoveredNode, setHoveredNode] = (0, import_react4.useState)(null);
   const [stylesData, setStylesData] = (0, import_react4.useState)({});
   const [cursorPos, setCursorPos] = (0, import_react4.useState)({ x: 0, y: 0 });
@@ -3716,6 +3716,7 @@ function XRayOverlay({ isActive, isDarkMode }) {
       return;
     }
     const onMouseMove = (e) => {
+      if (isFrozen) return;
       setCursorPos({ x: e.clientX, y: e.clientY });
       const target = e.target;
       if (target.closest("[data-ui-sniper-toolbar]") || target.closest("[data-ui-sniper-root]") || target.closest("[data-review-panel]")) {
@@ -3739,7 +3740,7 @@ function XRayOverlay({ isActive, isDarkMode }) {
     };
     window.addEventListener("mousemove", onMouseMove);
     return () => window.removeEventListener("mousemove", onMouseMove);
-  }, [isActive]);
+  }, [isActive, isFrozen]);
   if (!isActive || !hoveredNode) return null;
   const rect = hoveredNode.getBoundingClientRect();
   return (0, import_react_dom2.createPortal)(
@@ -7879,20 +7880,6 @@ async function getDomCapture() {
   }
 }
 function findCaptureTarget(captureX, captureY, captureW, captureH) {
-  const cx = captureX + captureW / 2;
-  const cy = captureY + captureH / 2;
-  const elements = document.elementsFromPoint(cx, cy);
-  for (const el of elements) {
-    if (!(el instanceof HTMLElement)) continue;
-    if (el.hasAttribute("data-ui-sniper-root")) continue;
-    if (el.closest?.("[data-ui-sniper-root]")) continue;
-    if (el.tagName === "CANVAS") continue;
-    if (el === document.documentElement || el === document.body) continue;
-    const rect = el.getBoundingClientRect();
-    if (rect.left <= captureX + captureW * 0.1 && rect.top <= captureY + captureH * 0.1 && rect.right >= captureX + captureW * 0.9 && rect.bottom >= captureY + captureH * 0.9) {
-      return el;
-    }
-  }
   return document.body;
 }
 async function captureDomRegion(regionX, regionY, regionW, regionH, strokes, padding = 32, quality = 0.85, piiConfig) {
@@ -7908,8 +7895,6 @@ async function captureDomRegion(regionX, regionY, regionW, regionH, strokes, pad
   const outH = Math.round(captureH * outScale);
   if (outW < 1 || outH < 1) return null;
   const uiSniperRoot = document.querySelector("[data-ui-sniper-root]");
-  const prevVisibility = uiSniperRoot?.style.visibility;
-  if (uiSniperRoot) uiSniperRoot.style.visibility = "hidden";
   let restorePII;
   if (piiConfig?.enabled) {
     const { applyDOMRedaction: applyDOMRedaction2 } = await Promise.resolve().then(() => (init_pii_redaction(), pii_redaction_exports));
@@ -7971,13 +7956,28 @@ async function captureDomRegion(regionX, regionY, regionW, regionH, strokes, pad
     if (strokes && strokes.length > 0) {
       drawStrokesOnCanvas(ctx, strokes, captureX, captureY, outScale);
     }
+    const borderX = (regionX - captureX) * outScale;
+    const borderY = (regionY - captureY) * outScale;
+    const borderW = regionW * outScale;
+    const borderH = regionH * outScale;
+    ctx.fillStyle = "rgba(0, 0, 0, 0.4)";
+    ctx.fillRect(0, 0, outW, outH);
+    ctx.clearRect(borderX, borderY, borderW, borderH);
+    ctx.save();
+    ctx.strokeStyle = "#8B5CF6";
+    ctx.lineWidth = Math.max(3, 4 * outScale);
+    ctx.strokeRect(borderX, borderY, borderW, borderH);
+    ctx.shadowColor = "rgba(139, 92, 246, 0.8)";
+    ctx.shadowBlur = Math.max(10, 20 * outScale);
+    ctx.strokeRect(borderX, borderY, borderW, borderH);
+    ctx.restore();
     return canvas.toDataURL("image/jpeg", quality);
   } catch (err) {
     console.warn("[UI Sniper] DOM capture failed:", err);
     return null;
   } finally {
     restorePII?.();
-    if (uiSniperRoot) uiSniperRoot.style.visibility = prevVisibility ?? "";
+    if (uiSniperRoot) uiSniperRoot.style.visibility = "";
   }
 }
 function drawStrokesOnCanvas(ctx, strokes, originX, originY, scale) {
@@ -8122,8 +8122,8 @@ function useUISniper() {
 var import_react9 = require("react");
 
 // src/components/review-panel/styles.module.scss
-var css6 = '@keyframes styles-module__reviewPanelIn___1sNcb {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.97);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n@keyframes styles-module__reviewPanelOut___7C-Bb {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(12px) scale(0.97);\n  }\n}\n@keyframes styles-module__cardFlipIn___XU-cU {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__reviewPulse___rIvyF {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.15);\n  }\n}\n.styles-module__reviewPanel___z4gdL {\n  position: fixed;\n  bottom: 80px;\n  right: 1.25rem;\n  width: 360px;\n  max-height: calc(100vh - 120px);\n  background: #141414;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  z-index: 99999;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  animation: styles-module__reviewPanelIn___1sNcb 0.28s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n.styles-module__reviewPanel___z4gdL.styles-module__exiting___l4pmU {\n  animation: styles-module__reviewPanelOut___7C-Bb 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;\n  pointer-events: none;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewPanel___z4gdL {\n  background: #ffffff;\n  border-color: rgba(0, 0, 0, 0.08);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__panelHeader___r8Uv9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 12px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n  flex-shrink: 0;\n}\n[data-ui-sniper-theme=light] .styles-module__panelHeader___r8Uv9 {\n  border-bottom-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__panelTitle___8rA2H {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n[data-ui-sniper-theme=light] .styles-module__panelTitle___8rA2H {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__panelTitleIcon___IODxi {\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.7);\n}\n[data-ui-sniper-theme=light] .styles-module__panelTitleIcon___IODxi {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__panelCount___lV7Px {\n  font-size: 11px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  background: rgba(255, 255, 255, 0.06);\n  padding: 2px 8px;\n  border-radius: 100px;\n  margin-left: 2px;\n}\n[data-ui-sniper-theme=light] .styles-module__panelCount___lV7Px {\n  color: rgba(0, 0, 0, 0.4);\n  background: rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__panelHeaderActions___CcGKX {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.styles-module__panelIconBtn___GsW4v {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__panelIconBtn___GsW4v:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__panelIconBtn___GsW4v {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-ui-sniper-theme=light] .styles-module__panelIconBtn___GsW4v:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__modeToggle___CYve- {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 10px 16px 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__modeBtn___Awpty {\n  flex: 1;\n  height: 28px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.35);\n  font-size: 11.5px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s ease, color 0.15s ease;\n  letter-spacing: 0.01em;\n}\n.styles-module__modeBtn___Awpty:hover {\n  color: rgba(255, 255, 255, 0.6);\n  background: rgba(255, 255, 255, 0.04);\n}\n.styles-module__modeBtn___Awpty.styles-module__active___gLEBm {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty {\n  color: rgba(0, 0, 0, 0.35);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty:hover {\n  color: rgba(0, 0, 0, 0.6);\n  background: rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty.styles-module__active___gLEBm {\n  background: rgba(0, 0, 0, 0.08);\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__emptyState___qSyQN {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 24px;\n  gap: 10px;\n  text-align: center;\n}\n\n.styles-module__emptyIcon___OBMKU {\n  width: 40px;\n  height: 40px;\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.2);\n  margin-bottom: 4px;\n}\n[data-ui-sniper-theme=light] .styles-module__emptyIcon___OBMKU {\n  background: rgba(0, 0, 0, 0.05);\n  color: rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__emptyText___u5Rr1 {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n}\n[data-ui-sniper-theme=light] .styles-module__emptyText___u5Rr1 {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__emptySubtext___loWrs {\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__emptySubtext___loWrs {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.styles-module__cardList___UMVAa {\n  flex: 1;\n  overflow-y: auto;\n  padding: 10px 12px 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar-track {\n  background: transparent;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 2px;\n}\n[data-ui-sniper-theme=light] .styles-module__cardList___UMVAa {\n  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;\n}\n[data-ui-sniper-theme=light] .styles-module__cardList___UMVAa::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__reviewCard___LEbPO {\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: 12px;\n  padding: 12px;\n  cursor: pointer;\n  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;\n  animation: styles-module__cardFlipIn___XU-cU 0.2s ease-out both;\n}\n.styles-module__reviewCard___LEbPO:hover {\n  background: rgba(255, 255, 255, 0.07);\n  border-color: rgba(255, 255, 255, 0.12);\n}\n.styles-module__reviewCard___LEbPO:active {\n  transform: scale(0.985);\n}\n.styles-module__reviewCard___LEbPO.styles-module__reviewed___aXsqh {\n  opacity: 0.45;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCard___LEbPO {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.07);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCard___LEbPO:hover {\n  background: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.12);\n}\n\n.styles-module__cardTop___FRDLH {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.styles-module__cardBadge___EZIAJ {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.styles-module__cardContent___LYk3n {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__cardElement___XJpXk {\n  font-size: 11px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.4);\n  margin-bottom: 3px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__cardElement___XJpXk {\n  color: rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__cardComment___w0trE {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  line-height: 1.45;\n  word-break: break-word;\n}\n[data-ui-sniper-theme=light] .styles-module__cardComment___w0trE {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__cardScreenshot___rv0u5 {\n  margin-top: 10px;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__cardScreenshot___rv0u5 img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 120px;\n  object-fit: cover;\n}\n[data-ui-sniper-theme=light] .styles-module__cardScreenshot___rv0u5 {\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__cardSelectedText___8GX1g {\n  margin-top: 8px;\n  padding: 6px 8px;\n  background: rgba(255, 255, 255, 0.04);\n  border-left: 2px solid rgba(255, 255, 255, 0.15);\n  border-radius: 0 6px 6px 0;\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.45);\n  font-style: italic;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__cardSelectedText___8GX1g {\n  background: rgba(0, 0, 0, 0.03);\n  border-left-color: rgba(0, 0, 0, 0.15);\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.styles-module__cardActions___Macsz {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 10px;\n  padding-top: 8px;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActions___Macsz {\n  border-top-color: rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__cardMeta___9ptB7 {\n  font-size: 10.5px;\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__cardMeta___9ptB7 {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.styles-module__cardActionBtns___dMPFQ {\n  display: flex;\n  gap: 4px;\n}\n\n.styles-module__cardActionBtn___2sVfv {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.3);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__cardActionBtn___2sVfv:hover {\n  background: rgba(255, 255, 255, 0.08);\n  color: rgba(255, 255, 255, 0.75);\n}\n.styles-module__cardActionBtn___2sVfv.styles-module__reviewedBtn___0ZT6J {\n  color: var(--ui-sniper-color-green, #22c55e);\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.7);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv.styles-module__reviewedBtn___0ZT6J {\n  color: #16a34a;\n  background: rgba(22, 163, 74, 0.12);\n}\n\n.styles-module__flashcardArea___mDFIj {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 12px 16px 16px;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.styles-module__flashcard___Cczc5 {\n  width: 100%;\n  flex: 1;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.09);\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: styles-module__cardFlipIn___XU-cU 0.22s ease-out both;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcard___Cczc5 {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__flashcardHeader___jQA9j {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 14px 0;\n}\n\n.styles-module__flashcardBadge___oxj9N {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.styles-module__flashcardElement___LRiIM {\n  font-size: 11.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardElement___LRiIM {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__flashcardBody___7OpWs {\n  flex: 1;\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;\n}\n\n.styles-module__flashcardComment___V9CyW {\n  font-size: 15px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.9);\n  line-height: 1.55;\n  word-break: break-word;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardComment___V9CyW {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__flashcardScreenshot___TA8ev {\n  border-radius: 10px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__flashcardScreenshot___TA8ev img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 160px;\n  object-fit: cover;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardScreenshot___TA8ev {\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__flashcardSelectedText___qTc-g {\n  padding: 8px 10px;\n  background: rgba(255, 255, 255, 0.04);\n  border-left: 2px solid rgba(255, 255, 255, 0.15);\n  border-radius: 0 8px 8px 0;\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.45);\n  font-style: italic;\n  line-height: 1.5;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardSelectedText___qTc-g {\n  background: rgba(0, 0, 0, 0.03);\n  border-left-color: rgba(0, 0, 0, 0.15);\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.styles-module__flashcardNav___VJss5 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  flex-shrink: 0;\n  padding: 0 2px;\n}\n\n.styles-module__flashcardNavBtn___6ETeG {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background: rgba(255, 255, 255, 0.04);\n  color: rgba(255, 255, 255, 0.6);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__flashcardNavBtn___6ETeG:hover:not(:disabled) {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n  border-color: rgba(255, 255, 255, 0.18);\n}\n.styles-module__flashcardNavBtn___6ETeG:active:not(:disabled) {\n  transform: scale(0.9);\n}\n.styles-module__flashcardNavBtn___6ETeG:disabled {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardNavBtn___6ETeG {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardNavBtn___6ETeG:hover:not(:disabled) {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__flashcardProgress___Sfspj {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__progressDots___Pf-WJ {\n  display: flex;\n  gap: 5px;\n}\n\n.styles-module__progressDot___Jpqcs {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n.styles-module__progressDot___Jpqcs.styles-module__active___gLEBm {\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  transform: scale(1.2);\n}\n.styles-module__progressDot___Jpqcs.styles-module__reviewed___aXsqh {\n  background: var(--ui-sniper-color-green, #22c55e);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs {\n  background: rgba(0, 0, 0, 0.12);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs.styles-module__active___gLEBm {\n  background: var(--ui-sniper-color-accent, #3c82f7);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs.styles-module__reviewed___aXsqh {\n  background: #16a34a;\n}\n\n.styles-module__progressText___ydmHE {\n  font-size: 11.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.3);\n  min-width: 36px;\n  text-align: center;\n}\n[data-ui-sniper-theme=light] .styles-module__progressText___ydmHE {\n  color: rgba(0, 0, 0, 0.3);\n}\n\n.styles-module__flashcardBottomActions___7C6rZ {\n  display: flex;\n  gap: 6px;\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.styles-module__flashcardActionBtn___-2Zat {\n  flex: 1;\n  height: 34px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.04);\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n}\n.styles-module__flashcardActionBtn___-2Zat:hover {\n  background: rgba(255, 255, 255, 0.09);\n  color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx {\n  color: var(--ui-sniper-color-green, #22c55e);\n  border-color: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 25%, transparent);\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 8%, transparent);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx:hover {\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 16%, transparent);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__jumpBtn___EzLcP {\n  max-width: 40px;\n  flex: none;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat {\n  border-color: rgba(0, 0, 0, 0.08);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx {\n  color: #16a34a;\n  border-color: rgba(22, 163, 74, 0.2);\n  background: rgba(22, 163, 74, 0.07);\n}\n\n.styles-module__reviewComplete___MCWa9 {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 28px 20px;\n  gap: 10px;\n  text-align: center;\n}\n\n.styles-module__reviewCompleteIcon___unw0x {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 15%, transparent);\n  color: var(--ui-sniper-color-green, #22c55e);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: styles-module__reviewPulse___rIvyF 0.6s ease-out both;\n  margin-bottom: 4px;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteIcon___unw0x {\n  background: rgba(22, 163, 74, 0.1);\n  color: #16a34a;\n}\n\n.styles-module__reviewCompleteTitle___MeHeA {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteTitle___MeHeA {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__reviewCompleteSubtitle___9fJNK {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteSubtitle___9fJNK {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__resetReviewBtn___06LuY {\n  margin-top: 8px;\n  height: 30px;\n  padding: 0 14px;\n  border-radius: 8px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background: rgba(255, 255, 255, 0.05);\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__resetReviewBtn___06LuY:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__resetReviewBtn___06LuY {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.45);\n}\n[data-ui-sniper-theme=light] .styles-module__resetReviewBtn___06LuY:hover {\n  background: rgba(0, 0, 0, 0.08);\n  color: rgba(0, 0, 0, 0.8);\n}';
-var classNames6 = { "reviewPanel": "styles-module__reviewPanel___z4gdL", "reviewPanelIn": "styles-module__reviewPanelIn___1sNcb", "exiting": "styles-module__exiting___l4pmU", "reviewPanelOut": "styles-module__reviewPanelOut___7C-Bb", "panelHeader": "styles-module__panelHeader___r8Uv9", "panelTitle": "styles-module__panelTitle___8rA2H", "panelTitleIcon": "styles-module__panelTitleIcon___IODxi", "panelCount": "styles-module__panelCount___lV7Px", "panelHeaderActions": "styles-module__panelHeaderActions___CcGKX", "panelIconBtn": "styles-module__panelIconBtn___GsW4v", "modeToggle": "styles-module__modeToggle___CYve-", "modeBtn": "styles-module__modeBtn___Awpty", "active": "styles-module__active___gLEBm", "emptyState": "styles-module__emptyState___qSyQN", "emptyIcon": "styles-module__emptyIcon___OBMKU", "emptyText": "styles-module__emptyText___u5Rr1", "emptySubtext": "styles-module__emptySubtext___loWrs", "cardList": "styles-module__cardList___UMVAa", "reviewCard": "styles-module__reviewCard___LEbPO", "cardFlipIn": "styles-module__cardFlipIn___XU-cU", "reviewed": "styles-module__reviewed___aXsqh", "cardTop": "styles-module__cardTop___FRDLH", "cardBadge": "styles-module__cardBadge___EZIAJ", "cardContent": "styles-module__cardContent___LYk3n", "cardElement": "styles-module__cardElement___XJpXk", "cardComment": "styles-module__cardComment___w0trE", "cardScreenshot": "styles-module__cardScreenshot___rv0u5", "cardSelectedText": "styles-module__cardSelectedText___8GX1g", "cardActions": "styles-module__cardActions___Macsz", "cardMeta": "styles-module__cardMeta___9ptB7", "cardActionBtns": "styles-module__cardActionBtns___dMPFQ", "cardActionBtn": "styles-module__cardActionBtn___2sVfv", "reviewedBtn": "styles-module__reviewedBtn___0ZT6J", "flashcardArea": "styles-module__flashcardArea___mDFIj", "flashcard": "styles-module__flashcard___Cczc5", "flashcardHeader": "styles-module__flashcardHeader___jQA9j", "flashcardBadge": "styles-module__flashcardBadge___oxj9N", "flashcardElement": "styles-module__flashcardElement___LRiIM", "flashcardBody": "styles-module__flashcardBody___7OpWs", "flashcardComment": "styles-module__flashcardComment___V9CyW", "flashcardScreenshot": "styles-module__flashcardScreenshot___TA8ev", "flashcardSelectedText": "styles-module__flashcardSelectedText___qTc-g", "flashcardNav": "styles-module__flashcardNav___VJss5", "flashcardNavBtn": "styles-module__flashcardNavBtn___6ETeG", "flashcardProgress": "styles-module__flashcardProgress___Sfspj", "progressDots": "styles-module__progressDots___Pf-WJ", "progressDot": "styles-module__progressDot___Jpqcs", "progressText": "styles-module__progressText___ydmHE", "flashcardBottomActions": "styles-module__flashcardBottomActions___7C6rZ", "flashcardActionBtn": "styles-module__flashcardActionBtn___-2Zat", "markDoneBtn": "styles-module__markDoneBtn___8KSUx", "jumpBtn": "styles-module__jumpBtn___EzLcP", "reviewComplete": "styles-module__reviewComplete___MCWa9", "reviewCompleteIcon": "styles-module__reviewCompleteIcon___unw0x", "reviewPulse": "styles-module__reviewPulse___rIvyF", "reviewCompleteTitle": "styles-module__reviewCompleteTitle___MeHeA", "reviewCompleteSubtitle": "styles-module__reviewCompleteSubtitle___9fJNK", "resetReviewBtn": "styles-module__resetReviewBtn___06LuY" };
+var css6 = '@keyframes styles-module__reviewPanelIn___1sNcb {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.97);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n@keyframes styles-module__reviewPanelOut___7C-Bb {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(12px) scale(0.97);\n  }\n}\n@keyframes styles-module__cardFlipIn___XU-cU {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__reviewPulse___rIvyF {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.15);\n  }\n}\n.styles-module__reviewPanel___z4gdL {\n  position: fixed;\n  bottom: 80px;\n  right: 1.25rem;\n  width: 360px;\n  max-height: calc(100vh - 120px);\n  background: #141414;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  z-index: 99999;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  animation: styles-module__reviewPanelIn___1sNcb 0.28s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n.styles-module__reviewPanel___z4gdL.styles-module__exiting___l4pmU {\n  animation: styles-module__reviewPanelOut___7C-Bb 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;\n  pointer-events: none;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewPanel___z4gdL {\n  background: #ffffff;\n  border-color: rgba(0, 0, 0, 0.08);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__panelHeader___r8Uv9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 12px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n  flex-shrink: 0;\n}\n[data-ui-sniper-theme=light] .styles-module__panelHeader___r8Uv9 {\n  border-bottom-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__panelTitle___8rA2H {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n}\n[data-ui-sniper-theme=light] .styles-module__panelTitle___8rA2H {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__panelTitleIcon___IODxi {\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.7);\n}\n[data-ui-sniper-theme=light] .styles-module__panelTitleIcon___IODxi {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__panelCount___lV7Px {\n  font-size: 11px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  background: rgba(255, 255, 255, 0.06);\n  padding: 2px 8px;\n  border-radius: 100px;\n  margin-left: 2px;\n}\n[data-ui-sniper-theme=light] .styles-module__panelCount___lV7Px {\n  color: rgba(0, 0, 0, 0.4);\n  background: rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__panelHeaderActions___CcGKX {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.styles-module__panelIconBtn___GsW4v {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__panelIconBtn___GsW4v:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__panelIconBtn___GsW4v {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-ui-sniper-theme=light] .styles-module__panelIconBtn___GsW4v:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__modeToggle___CYve- {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 10px 16px 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__modeBtn___Awpty {\n  flex: 1;\n  height: 28px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.35);\n  font-size: 11.5px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s ease, color 0.15s ease;\n  letter-spacing: 0.01em;\n}\n.styles-module__modeBtn___Awpty:hover {\n  color: rgba(255, 255, 255, 0.6);\n  background: rgba(255, 255, 255, 0.04);\n}\n.styles-module__modeBtn___Awpty.styles-module__active___gLEBm {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty {\n  color: rgba(0, 0, 0, 0.35);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty:hover {\n  color: rgba(0, 0, 0, 0.6);\n  background: rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__modeBtn___Awpty.styles-module__active___gLEBm {\n  background: rgba(0, 0, 0, 0.08);\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__emptyState___qSyQN {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 24px;\n  gap: 10px;\n  text-align: center;\n}\n\n.styles-module__emptyIcon___OBMKU {\n  width: 40px;\n  height: 40px;\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.2);\n  margin-bottom: 4px;\n}\n[data-ui-sniper-theme=light] .styles-module__emptyIcon___OBMKU {\n  background: rgba(0, 0, 0, 0.05);\n  color: rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__emptyText___u5Rr1 {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n}\n[data-ui-sniper-theme=light] .styles-module__emptyText___u5Rr1 {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__emptySubtext___loWrs {\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__emptySubtext___loWrs {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.styles-module__cardList___UMVAa {\n  flex: 1;\n  overflow-y: auto;\n  padding: 10px 12px 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar-track {\n  background: transparent;\n}\n.styles-module__cardList___UMVAa::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 2px;\n}\n[data-ui-sniper-theme=light] .styles-module__cardList___UMVAa {\n  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;\n}\n[data-ui-sniper-theme=light] .styles-module__cardList___UMVAa::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__reviewCard___LEbPO {\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: 12px;\n  padding: 12px;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;\n  animation: styles-module__cardFlipIn___XU-cU 0.2s ease-out both;\n}\n.styles-module__reviewCard___LEbPO:hover {\n  background: rgba(255, 255, 255, 0.07);\n  border-color: rgba(255, 255, 255, 0.12);\n}\n.styles-module__reviewCard___LEbPO:active {\n  transform: scale(0.985);\n}\n.styles-module__reviewCard___LEbPO.styles-module__reviewed___aXsqh {\n  opacity: 0.45;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCard___LEbPO {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.07);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCard___LEbPO:hover {\n  background: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.12);\n}\n\n.styles-module__cardTop___FRDLH {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.styles-module__cardBadge___EZIAJ {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.styles-module__cardContent___LYk3n {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__cardElement___XJpXk {\n  font-size: 11px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.4);\n  margin-bottom: 3px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__cardElement___XJpXk {\n  color: rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__cardComment___w0trE {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  line-height: 1.45;\n  word-break: break-word;\n}\n[data-ui-sniper-theme=light] .styles-module__cardComment___w0trE {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__cardScreenshot___rv0u5 {\n  margin-top: 10px;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__cardScreenshot___rv0u5 img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 120px;\n  object-fit: cover;\n}\n[data-ui-sniper-theme=light] .styles-module__cardScreenshot___rv0u5 {\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__cardSelectedText___8GX1g {\n  margin-top: 8px;\n  padding: 6px 8px;\n  background: rgba(255, 255, 255, 0.04);\n  border-left: 2px solid rgba(255, 255, 255, 0.15);\n  border-radius: 0 6px 6px 0;\n  font-size: 11.5px;\n  color: rgba(255, 255, 255, 0.45);\n  font-style: italic;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__cardSelectedText___8GX1g {\n  background: rgba(0, 0, 0, 0.03);\n  border-left-color: rgba(0, 0, 0, 0.15);\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.styles-module__cardActions___Macsz {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 10px;\n  padding-top: 8px;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActions___Macsz {\n  border-top-color: rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__cardMeta___9ptB7 {\n  font-size: 10.5px;\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__cardMeta___9ptB7 {\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.styles-module__cardActionBtns___dMPFQ {\n  display: flex;\n  gap: 4px;\n}\n\n.styles-module__cardActionBtn___2sVfv {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.3);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__cardActionBtn___2sVfv:hover {\n  background: rgba(255, 255, 255, 0.08);\n  color: rgba(255, 255, 255, 0.75);\n}\n.styles-module__cardActionBtn___2sVfv.styles-module__reviewedBtn___0ZT6J {\n  color: var(--ui-sniper-color-green, #22c55e);\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 15%, transparent);\n}\n.styles-module__cardActionBtn___2sVfv.styles-module__deleteBtn___CoPUF:hover {\n  color: var(--ui-sniper-color-red, #ef4444);\n  background: color-mix(in srgb, var(--ui-sniper-color-red, #ef4444) 15%, transparent);\n}\n.styles-module__cardActionBtn___2sVfv.styles-module__copyBtn___oTyKC:hover {\n  color: var(--ui-sniper-color-yellow, #eab308);\n  background: color-mix(in srgb, var(--ui-sniper-color-yellow, #eab308) 15%, transparent);\n}\n.styles-module__cardActionBtn___2sVfv.styles-module__markDoneBtn___8KSUx:hover:not(.styles-module__reviewedBtn___0ZT6J) {\n  color: var(--ui-sniper-color-green, #22c55e);\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.7);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv.styles-module__reviewedBtn___0ZT6J {\n  color: #16a34a;\n  background: rgba(22, 163, 74, 0.12);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv.styles-module__deleteBtn___CoPUF:hover {\n  color: #dc2626;\n  background: rgba(220, 38, 38, 0.12);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv.styles-module__copyBtn___oTyKC:hover {\n  color: #ca8a04;\n  background: rgba(202, 138, 4, 0.12);\n}\n[data-ui-sniper-theme=light] .styles-module__cardActionBtn___2sVfv.styles-module__markDoneBtn___8KSUx:hover:not(.styles-module__reviewedBtn___0ZT6J) {\n  color: #16a34a;\n  background: rgba(22, 163, 74, 0.12);\n}\n\n.styles-module__flashcardArea___mDFIj {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 12px 16px 16px;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.styles-module__flashcard___Cczc5 {\n  width: 100%;\n  flex: 1;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.09);\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: styles-module__cardFlipIn___XU-cU 0.22s ease-out both;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcard___Cczc5 {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__flashcardHeader___jQA9j {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 14px 0;\n}\n\n.styles-module__flashcardBadge___oxj9N {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.styles-module__flashcardElement___LRiIM {\n  font-size: 11.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardElement___LRiIM {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__flashcardBody___7OpWs {\n  flex: 1;\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;\n}\n\n.styles-module__flashcardComment___V9CyW {\n  font-size: 15px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.9);\n  line-height: 1.55;\n  word-break: break-word;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardComment___V9CyW {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__flashcardScreenshot___TA8ev {\n  border-radius: 10px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__flashcardScreenshot___TA8ev img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 160px;\n  object-fit: cover;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardScreenshot___TA8ev {\n  border-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__flashcardSelectedText___qTc-g {\n  padding: 8px 10px;\n  background: rgba(255, 255, 255, 0.04);\n  border-left: 2px solid rgba(255, 255, 255, 0.15);\n  border-radius: 0 8px 8px 0;\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.45);\n  font-style: italic;\n  line-height: 1.5;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardSelectedText___qTc-g {\n  background: rgba(0, 0, 0, 0.03);\n  border-left-color: rgba(0, 0, 0, 0.15);\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.styles-module__flashcardNav___VJss5 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  flex-shrink: 0;\n  padding: 0 2px;\n}\n\n.styles-module__flashcardNavBtn___6ETeG {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background: rgba(255, 255, 255, 0.04);\n  color: rgba(255, 255, 255, 0.6);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__flashcardNavBtn___6ETeG:hover:not(:disabled) {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n  border-color: rgba(255, 255, 255, 0.18);\n}\n.styles-module__flashcardNavBtn___6ETeG:active:not(:disabled) {\n  transform: scale(0.9);\n}\n.styles-module__flashcardNavBtn___6ETeG:disabled {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardNavBtn___6ETeG {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardNavBtn___6ETeG:hover:not(:disabled) {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__flashcardProgress___Sfspj {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__progressDots___Pf-WJ {\n  display: flex;\n  gap: 5px;\n}\n\n.styles-module__progressDot___Jpqcs {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n.styles-module__progressDot___Jpqcs.styles-module__active___gLEBm {\n  background: var(--ui-sniper-color-accent, #3c82f7);\n  transform: scale(1.2);\n}\n.styles-module__progressDot___Jpqcs.styles-module__reviewed___aXsqh {\n  background: var(--ui-sniper-color-green, #22c55e);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs {\n  background: rgba(0, 0, 0, 0.12);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs.styles-module__active___gLEBm {\n  background: var(--ui-sniper-color-accent, #3c82f7);\n}\n[data-ui-sniper-theme=light] .styles-module__progressDot___Jpqcs.styles-module__reviewed___aXsqh {\n  background: #16a34a;\n}\n\n.styles-module__progressText___ydmHE {\n  font-size: 11.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.3);\n  min-width: 36px;\n  text-align: center;\n}\n[data-ui-sniper-theme=light] .styles-module__progressText___ydmHE {\n  color: rgba(0, 0, 0, 0.3);\n}\n\n.styles-module__flashcardBottomActions___7C6rZ {\n  display: flex;\n  gap: 6px;\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.styles-module__flashcardActionBtn___-2Zat {\n  flex: 1;\n  height: 34px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.04);\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n}\n.styles-module__flashcardActionBtn___-2Zat:hover {\n  background: rgba(255, 255, 255, 0.09);\n  color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx {\n  color: var(--ui-sniper-color-green, #22c55e);\n  border-color: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 25%, transparent);\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 8%, transparent);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx:hover {\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 16%, transparent);\n}\n.styles-module__flashcardActionBtn___-2Zat.styles-module__jumpBtn___EzLcP {\n  max-width: 40px;\n  flex: none;\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat {\n  border-color: rgba(0, 0, 0, 0.08);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat:hover {\n  background: rgba(0, 0, 0, 0.07);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__flashcardActionBtn___-2Zat.styles-module__markDoneBtn___8KSUx {\n  color: #16a34a;\n  border-color: rgba(22, 163, 74, 0.2);\n  background: rgba(22, 163, 74, 0.07);\n}\n\n.styles-module__reviewComplete___MCWa9 {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 28px 20px;\n  gap: 10px;\n  text-align: center;\n}\n\n.styles-module__reviewCompleteIcon___unw0x {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--ui-sniper-color-green, #22c55e) 15%, transparent);\n  color: var(--ui-sniper-color-green, #22c55e);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: styles-module__reviewPulse___rIvyF 0.6s ease-out both;\n  margin-bottom: 4px;\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteIcon___unw0x {\n  background: rgba(22, 163, 74, 0.1);\n  color: #16a34a;\n}\n\n.styles-module__reviewCompleteTitle___MeHeA {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteTitle___MeHeA {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__reviewCompleteSubtitle___9fJNK {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__reviewCompleteSubtitle___9fJNK {\n  color: rgba(0, 0, 0, 0.35);\n}\n\n.styles-module__resetReviewBtn___06LuY {\n  margin-top: 8px;\n  height: 30px;\n  padding: 0 14px;\n  border-radius: 8px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background: rgba(255, 255, 255, 0.05);\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.styles-module__resetReviewBtn___06LuY:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__resetReviewBtn___06LuY {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.45);\n}\n[data-ui-sniper-theme=light] .styles-module__resetReviewBtn___06LuY:hover {\n  background: rgba(0, 0, 0, 0.08);\n  color: rgba(0, 0, 0, 0.8);\n}';
+var classNames6 = { "reviewPanel": "styles-module__reviewPanel___z4gdL", "reviewPanelIn": "styles-module__reviewPanelIn___1sNcb", "exiting": "styles-module__exiting___l4pmU", "reviewPanelOut": "styles-module__reviewPanelOut___7C-Bb", "panelHeader": "styles-module__panelHeader___r8Uv9", "panelTitle": "styles-module__panelTitle___8rA2H", "panelTitleIcon": "styles-module__panelTitleIcon___IODxi", "panelCount": "styles-module__panelCount___lV7Px", "panelHeaderActions": "styles-module__panelHeaderActions___CcGKX", "panelIconBtn": "styles-module__panelIconBtn___GsW4v", "modeToggle": "styles-module__modeToggle___CYve-", "modeBtn": "styles-module__modeBtn___Awpty", "active": "styles-module__active___gLEBm", "emptyState": "styles-module__emptyState___qSyQN", "emptyIcon": "styles-module__emptyIcon___OBMKU", "emptyText": "styles-module__emptyText___u5Rr1", "emptySubtext": "styles-module__emptySubtext___loWrs", "cardList": "styles-module__cardList___UMVAa", "reviewCard": "styles-module__reviewCard___LEbPO", "cardFlipIn": "styles-module__cardFlipIn___XU-cU", "reviewed": "styles-module__reviewed___aXsqh", "cardTop": "styles-module__cardTop___FRDLH", "cardBadge": "styles-module__cardBadge___EZIAJ", "cardContent": "styles-module__cardContent___LYk3n", "cardElement": "styles-module__cardElement___XJpXk", "cardComment": "styles-module__cardComment___w0trE", "cardScreenshot": "styles-module__cardScreenshot___rv0u5", "cardSelectedText": "styles-module__cardSelectedText___8GX1g", "cardActions": "styles-module__cardActions___Macsz", "cardMeta": "styles-module__cardMeta___9ptB7", "cardActionBtns": "styles-module__cardActionBtns___dMPFQ", "cardActionBtn": "styles-module__cardActionBtn___2sVfv", "reviewedBtn": "styles-module__reviewedBtn___0ZT6J", "deleteBtn": "styles-module__deleteBtn___CoPUF", "copyBtn": "styles-module__copyBtn___oTyKC", "markDoneBtn": "styles-module__markDoneBtn___8KSUx", "flashcardArea": "styles-module__flashcardArea___mDFIj", "flashcard": "styles-module__flashcard___Cczc5", "flashcardHeader": "styles-module__flashcardHeader___jQA9j", "flashcardBadge": "styles-module__flashcardBadge___oxj9N", "flashcardElement": "styles-module__flashcardElement___LRiIM", "flashcardBody": "styles-module__flashcardBody___7OpWs", "flashcardComment": "styles-module__flashcardComment___V9CyW", "flashcardScreenshot": "styles-module__flashcardScreenshot___TA8ev", "flashcardSelectedText": "styles-module__flashcardSelectedText___qTc-g", "flashcardNav": "styles-module__flashcardNav___VJss5", "flashcardNavBtn": "styles-module__flashcardNavBtn___6ETeG", "flashcardProgress": "styles-module__flashcardProgress___Sfspj", "progressDots": "styles-module__progressDots___Pf-WJ", "progressDot": "styles-module__progressDot___Jpqcs", "progressText": "styles-module__progressText___ydmHE", "flashcardBottomActions": "styles-module__flashcardBottomActions___7C6rZ", "flashcardActionBtn": "styles-module__flashcardActionBtn___-2Zat", "jumpBtn": "styles-module__jumpBtn___EzLcP", "reviewComplete": "styles-module__reviewComplete___MCWa9", "reviewCompleteIcon": "styles-module__reviewCompleteIcon___unw0x", "reviewPulse": "styles-module__reviewPulse___rIvyF", "reviewCompleteTitle": "styles-module__reviewCompleteTitle___MeHeA", "reviewCompleteSubtitle": "styles-module__reviewCompleteSubtitle___9fJNK", "resetReviewBtn": "styles-module__resetReviewBtn___06LuY" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("feedback-tool-styles-review-panel-styles");
   if (!style) {
@@ -8256,7 +8256,7 @@ function ReviewPanel({
               "button",
               {
                 type: "button",
-                className: styles_module_default5.cardActionBtn,
+                className: `${styles_module_default5.cardActionBtn} ${styles_module_default5.deleteBtn}`,
                 title: "Delete",
                 onClick: (e) => {
                   e.stopPropagation();
@@ -8274,7 +8274,7 @@ function ReviewPanel({
               "button",
               {
                 type: "button",
-                className: styles_module_default5.cardActionBtn,
+                className: `${styles_module_default5.cardActionBtn} ${styles_module_default5.copyBtn}`,
                 title: "Copy",
                 onClick: (e) => {
                   e.stopPropagation();
@@ -8288,7 +8288,7 @@ function ReviewPanel({
               "button",
               {
                 type: "button",
-                className: `${styles_module_default5.cardActionBtn} ${reviewedIds.has(ann.id) ? styles_module_default5.reviewedBtn : ""}`,
+                className: `${styles_module_default5.cardActionBtn} ${styles_module_default5.markDoneBtn} ${reviewedIds.has(ann.id) ? styles_module_default5.reviewedBtn : ""}`,
                 title: reviewedIds.has(ann.id) ? "Mark unreviewed" : "Mark reviewed",
                 onClick: (e) => {
                   e.stopPropagation();
@@ -8495,7 +8495,7 @@ function ReviewPanel({
 }
 
 // src/components/page-toolbar-css/styles.module.scss
-var css7 = '.styles-module__toolbar___wNsdK svg[fill=none],\n.styles-module__markersLayer___-25j1 svg[fill=none],\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]),\n.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n.styles-module__controlsContent___9GJWU :where(button, input, select, textarea, label) {\n  background: unset;\n  border: unset;\n  border-radius: unset;\n  padding: unset;\n  margin: unset;\n  color: unset;\n  font-family: unset;\n  font-weight: unset;\n  font-style: unset;\n  line-height: unset;\n  letter-spacing: unset;\n  text-transform: unset;\n  text-decoration: unset;\n  box-shadow: unset;\n  outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n  from {\n    opacity: 0;\n    transform: scale(0.5) rotate(90deg);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n  from {\n    opacity: 0;\n    transform: scale(0);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n@keyframes styles-module__slideUp___kgD36 {\n  from {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__slideDown___zcdje {\n  from {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n.styles-module__disableTransitions___EopxO :is(*, *::before, *::after) {\n  transition: none !important;\n}\n\n.styles-module__toolbar___wNsdK {\n  position: fixed;\n  bottom: 1.25rem;\n  right: 1.25rem;\n  width: 337px;\n  z-index: 100000;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  pointer-events: none;\n  transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n:where(.styles-module__toolbar___wNsdK) {\n  bottom: 1.25rem;\n  right: 1.25rem;\n}\n\n.styles-module__toolbarContainer___dIhma {\n  position: relative;\n  user-select: none;\n  margin-left: auto;\n  align-self: flex-end;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #1a1a1a;\n  color: #fff;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n  pointer-events: auto;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n  animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n  animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n  pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n  width: 44px;\n  height: 44px;\n  border-radius: 22px;\n  padding: 0;\n  cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n  margin-top: -1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n  transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n  height: 44px;\n  border-radius: 1.5rem;\n  padding: 0.375rem;\n  width: 297px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n  width: 337px;\n}\n\n.styles-module__toggleContent___0yfyP {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n  opacity: 1;\n  filter: blur(0px);\n  transform: scale(1);\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n  pointer-events: none;\n  opacity: 0;\n  filter: blur(10px);\n  transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n  position: absolute;\n  top: -13px;\n  right: -13px;\n  user-select: none;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background-color: var(--ui-sniper-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n  opacity: 1;\n  transition: transform 0.3s ease, opacity 0.2s ease;\n  transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n  opacity: 0;\n  transform: scale(0);\n  pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n  animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.85);\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n  transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--ui-sniper-color-blue);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-blue) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--ui-sniper-color-red);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n  color: var(--ui-sniper-color-red);\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n  cursor: default;\n  pointer-events: none;\n  background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--ui-sniper-color-green);\n  background: transparent;\n  cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--ui-sniper-color-red);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n}\n\n.styles-module__buttonBadge___NeFWb {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background-color: var(--ui-sniper-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n  pointer-events: none;\n}\n[data-ui-sniper-theme=light] .styles-module__buttonBadge___NeFWb {\n  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-yellow) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ui-sniper-color-yellow) 0%, transparent);\n  }\n}\n.styles-module__mcpIndicator___zGJeL {\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  pointer-events: none;\n  transition: background-color 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n  opacity: 1;\n  transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  transform: scale(0);\n  animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(0.9);\n  }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n  width: 8px;\n  height: 34px;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.3s ease, background-color 0.3s ease;\n  cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n  opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n  background-color: var(--ui-sniper-color-red);\n  animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 1;\n  visibility: visible;\n  transform: translateX(-50%) scale(1);\n  transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  margin-left: -0.375rem;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n  transform: scale(0.8);\n  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n  width: 34px;\n  opacity: 1;\n  overflow: visible;\n  pointer-events: auto;\n  margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n  transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n  position: absolute;\n  bottom: calc(100% + 14px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.95);\n  padding: 6px 10px;\n  background: #1a1a1a;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  font-weight: 500;\n  border-radius: 8px;\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: 100001;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n  transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n  content: "";\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n  width: 8px;\n  height: 8px;\n  background: #1a1a1a;\n  border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n  margin-left: 4px;\n  opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n  bottom: auto;\n  top: calc(100% + 14px);\n  transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n  top: -4px;\n  bottom: auto;\n  border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: translateX(-50%) scale(1) !important;\n  transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n  left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n  left: auto;\n  right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n  width: 1px;\n  height: 12px;\n  background: rgba(255, 255, 255, 0.15);\n  margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n  position: fixed;\n  inset: 0;\n  z-index: 99997;\n  pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n  pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-accent) 50%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-accent) 4%, transparent);\n  pointer-events: none !important;\n  box-sizing: border-box;\n  will-change: opacity;\n  contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n  animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n  position: fixed;\n  border: 2px dashed color-mix(in srgb, var(--ui-sniper-color-green) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-green) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-blue) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-blue) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n  position: fixed;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.85);\n  padding: 0.35rem 0.6rem;\n  border-radius: 0.375rem;\n  pointer-events: none !important;\n  white-space: nowrap;\n  max-width: 280px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n  animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.15rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n  pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n  pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n  position: absolute;\n  width: 22px;\n  height: 22px;\n  background: var(--ui-sniper-color-blue);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  cursor: pointer;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n  user-select: none;\n  will-change: transform, opacity;\n  contain: layout style;\n  z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n  z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n  transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n  animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n  animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n  animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n  transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n  position: fixed;\n  background-color: var(--ui-sniper-color-blue);\n  cursor: default;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n  position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n  background-color: var(--ui-sniper-color-green);\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n  background-color: var(--ui-sniper-color-green);\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n  background-color: var(--ui-sniper-color-red);\n}\n\n.styles-module__renumber___nCTxD {\n  display: block;\n  animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n  0% {\n    transform: translateX(-40%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.styles-module__markerTooltip___aLJID {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.909);\n  z-index: 100002;\n  background: #1a1a1a;\n  padding: 8px 0.75rem;\n  border-radius: 0.75rem;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  font-weight: 400;\n  color: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  min-width: 120px;\n  max-width: 200px;\n  pointer-events: none;\n  cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n  animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n  display: block;\n  font-size: 12px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.3125rem;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #fff;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n  display: block;\n  font-size: 0.625rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  margin-top: 0.375rem;\n  white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  z-index: 1;\n  overflow: hidden;\n  background: #1c1c1c;\n  border-radius: 1rem;\n  padding: 13px 0 16px;\n  min-width: 205px;\n  cursor: default;\n  opacity: 1;\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n  transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  z-index: 2;\n  pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n  left: 0;\n  background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n  right: 0;\n  background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y {\n  background: #1a1a1a;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.6);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12 {\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n  overflow: visible;\n  position: relative;\n  display: flex;\n  padding: 0 1rem;\n}\n\n.styles-module__settingsPage___6YfHH {\n  min-width: 100%;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  transition-delay: 0s;\n  opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n  transform: translateX(-24px);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6 {\n  position: absolute;\n  top: 0;\n  left: 24px;\n  width: 100%;\n  height: 100%;\n  padding: 3px 1rem 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n  transform: translateX(-24px);\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(0, 0, 0, 0.25);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt:hover svg {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 0 12px 0;\n  margin: -6px 0 0.5rem 0;\n  border: none;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  letter-spacing: -0.15px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n  opacity: 0.4;\n  flex-shrink: 0;\n  transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n  opacity: 1;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsBackButton___bIe2j {\n  color: rgba(0, 0, 0, 0.85);\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__automationHeader___InP0r {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n  font-size: 0.6875rem;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.5);\n  margin-top: 2px;\n  line-height: 14px;\n}\n[data-ui-sniper-theme=light] .styles-module__automationDescription___NKlmo {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration: underline dotted;\n  text-decoration-color: rgba(255, 255, 255, 0.2);\n  text-underline-offset: 2px;\n  transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__learnMoreLink___8xv-x {\n  color: rgba(0, 0, 0, 0.6);\n  text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__learnMoreLink___8xv-x:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n  font-size: 0.6875rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: #66b8ff;\n  color: color(display-p3 0.4 0.72 1);\n}\n[data-ui-sniper-theme=light] .styles-module__autoSendLabel___icDc2 {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-ui-sniper-theme=light] .styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: var(--ui-sniper-color-blue);\n}\n\n.styles-module__webhookUrlInput___2375C {\n  display: block;\n  width: 100%;\n  flex: 1;\n  min-height: 60px;\n  box-sizing: border-box;\n  margin-top: 11px;\n  padding: 8px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.03);\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 400;\n  color: #fff;\n  outline: none;\n  resize: none;\n  user-select: text;\n  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.08);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(0, 0, 0, 0.25);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n  margin-bottom: 0.5rem;\n  padding-bottom: 9px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: -0.0094em;\n  color: #fff;\n  text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n  color: var(--ui-sniper-color-accent);\n  transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___TUcFq {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  margin-left: auto;\n  letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n  margin-top: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n  padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n  margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n  position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: #fff;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n  opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #fff;\n  cursor: pointer;\n  letter-spacing: -0.0094em;\n}\n[data-ui-sniper-theme=light] .styles-module__cycleButton___FMKfw {\n  color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n  0% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.styles-module__cycleButtonText___fD1LR {\n  display: inline-block;\n  animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.3);\n  transform: scale(0.667);\n  transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: #fff;\n  transform: scale(1);\n}\n[data-ui-sniper-theme=light] .styles-module__cycleDot___nPgLY {\n  background: rgba(0, 0, 0, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 0.25rem);\n  background: #1a1a1a;\n  border-radius: 0.5rem;\n  padding: 0.25rem;\n  min-width: 120px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n  z-index: 10;\n  animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.625rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n  font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: -0.0094em;\n  color: rgba(255, 255, 255, 0.5);\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n  padding-top: 3px;\n  margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.25rem;\n  padding: 0.375rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.7);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: color-mix(in srgb, var(--ui-sniper-color-blue) 15%, transparent);\n  color: var(--ui-sniper-color-blue);\n}\n\n.styles-module__sliderContainer___ducXj {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  background: white;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n  display: flex;\n  justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n  font-size: 0.625rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.4);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__sliderLabel___U8sPr:hover {\n  color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n  display: flex;\n  gap: 0.5rem;\n  margin-top: 0.375rem;\n  margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n  display: block;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  background-color: var(--swatch);\n  cursor: pointer;\n  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOption___IodiY {\n    background-color: var(--swatch-p3);\n  }\n}\n.styles-module__colorOption___IodiY:hover {\n  transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n  transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n  display: flex;\n  width: 24px;\n  height: 24px;\n  border: 2px solid transparent;\n  border-radius: 50%;\n  transition: border-color 0.3s ease;\n}\n.styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n  border-color: var(--swatch);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n    border-color: var(--swatch-p3);\n  }\n}\n\n.styles-module__settingsToggle___fBrFn {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n  margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n  margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background-color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__customCheckbox___U39ax svg {\n  color: #1a1a1a;\n  opacity: 1;\n  transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgb(255, 255, 255);\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax {\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  background: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n  border-color: #1a1a1a;\n  background: #1a1a1a;\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n  color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  letter-spacing: -0.0094em;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n[data-ui-sniper-theme=light] .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n  position: relative;\n  display: inline-block;\n  width: 24px;\n  height: 16px;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.styles-module__toggleSwitch___l4Ygm input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n  background-color: var(--ui-sniper-color-blue);\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n  transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n  opacity: 0.4;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n  cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n  position: absolute;\n  cursor: pointer;\n  inset: 0;\n  border-radius: 16px;\n  background: #484848;\n}\n[data-ui-sniper-theme=light] .styles-module__toggleSlider___wprIn {\n  background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n  content: "";\n  position: absolute;\n  height: 12px;\n  width: 12px;\n  left: 2px;\n  bottom: 2px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-red) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ui-sniper-color-red) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-red) 0%, transparent);\n  }\n}\n.styles-module__mcpStatusDot___ibgkc {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n  background-color: var(--ui-sniper-color-red);\n  animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__drawCanvas___7cG9U {\n  position: fixed;\n  inset: 0;\n  z-index: 99996;\n  pointer-events: none !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6 {\n  pointer-events: auto !important;\n  cursor: crosshair !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6[data-stroke-hover] {\n  cursor: pointer !important;\n}\n\n.styles-module__dragSelection___kZLq2 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-green) 60%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-green) 8%, transparent);\n  pointer-events: none;\n  z-index: 99997;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--ui-sniper-color-green);\n  color: white;\n  font-size: 0.875rem;\n  font-weight: 600;\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n  min-width: 1.5rem;\n  text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n  position: fixed;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--ui-sniper-color-green) 6%, transparent);\n  pointer-events: none;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n[data-ui-sniper-theme=light] .styles-module__toolbarContainer___dIhma {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #f5f5f5;\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--ui-sniper-color-blue);\n  background: color-mix(in srgb, var(--ui-sniper-color-blue) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--ui-sniper-color-green);\n  background: transparent;\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__buttonTooltip___Burd9 {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__buttonTooltip___Burd9::after {\n  background: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__divider___c--s1 {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px), (pointer: coarse) {\n  .styles-module__toolbarContainer___dIhma {\n    bottom: 24px;\n    top: auto !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    width: max-content;\n    max-width: 90vw;\n  }\n}\n.styles-module__centerCrosshair___UQ3GL {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairDot___YjR0R {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 6px;\n  height: 6px;\n  background-color: var(--ui-sniper-color-accent);\n  border-radius: 50%;\n  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairLineHorizontal___VX9Ks {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 2px;\n  background-color: var(--ui-sniper-color-accent);\n  opacity: 0.5;\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairLineVertical___ZEZ7X {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 2px;\n  height: 20px;\n  background-color: var(--ui-sniper-color-accent);\n  opacity: 0.5;\n}';
+var css7 = '.styles-module__toolbar___wNsdK svg[fill=none],\n.styles-module__markersLayer___-25j1 svg[fill=none],\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]),\n.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n.styles-module__controlsContent___9GJWU :where(button, input, select, textarea, label) {\n  background: unset;\n  border: unset;\n  border-radius: unset;\n  padding: unset;\n  margin: unset;\n  color: unset;\n  font-family: unset;\n  font-weight: unset;\n  font-style: unset;\n  line-height: unset;\n  letter-spacing: unset;\n  text-transform: unset;\n  text-decoration: unset;\n  box-shadow: unset;\n  outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n  from {\n    opacity: 0;\n    transform: scale(0.5) rotate(90deg);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n  from {\n    opacity: 0;\n    transform: scale(0);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n@keyframes styles-module__slideUp___kgD36 {\n  from {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__slideDown___zcdje {\n  from {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n.styles-module__disableTransitions___EopxO :is(*, *::before, *::after) {\n  transition: none !important;\n}\n\n.styles-module__toolbar___wNsdK {\n  position: fixed;\n  bottom: 1.25rem;\n  right: 1.25rem;\n  width: 337px;\n  z-index: 100000;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  pointer-events: none;\n  transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n:where(.styles-module__toolbar___wNsdK) {\n  bottom: 1.25rem;\n  right: 1.25rem;\n}\n\n.styles-module__toolbarContainer___dIhma {\n  position: relative;\n  user-select: none;\n  margin-left: auto;\n  align-self: flex-end;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #1a1a1a;\n  color: #fff;\n  border: 2px solid var(--ui-sniper-color-green);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n  pointer-events: auto;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n  animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n  animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n  pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n  width: 44px;\n  height: 44px;\n  border-radius: 22px;\n  padding: 0;\n  cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n  margin-top: -1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n  transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n  height: 44px;\n  border-radius: 1.5rem;\n  padding: 0.375rem;\n  width: 297px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n  width: 337px;\n}\n\n.styles-module__toggleContent___0yfyP {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n  opacity: 1;\n  filter: blur(0px);\n  transform: scale(1);\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n  pointer-events: none;\n  opacity: 0;\n  filter: blur(10px);\n  transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n  position: absolute;\n  top: -13px;\n  right: -13px;\n  user-select: none;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background-color: var(--ui-sniper-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n  opacity: 1;\n  transition: transform 0.3s ease, opacity 0.2s ease;\n  transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n  opacity: 0;\n  transform: scale(0);\n  pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n  animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.85);\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n  transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--ui-sniper-color-blue);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-blue) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--ui-sniper-color-red);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n  color: var(--ui-sniper-color-red);\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n  cursor: default;\n  pointer-events: none;\n  background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--ui-sniper-color-green);\n  background: transparent;\n  cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--ui-sniper-color-red);\n  background-color: color-mix(in srgb, var(--ui-sniper-color-red) 25%, transparent);\n}\n\n.styles-module__buttonBadge___NeFWb {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background-color: var(--ui-sniper-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n  pointer-events: none;\n}\n[data-ui-sniper-theme=light] .styles-module__buttonBadge___NeFWb {\n  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-yellow) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--ui-sniper-color-yellow) 0%, transparent);\n  }\n}\n.styles-module__mcpIndicator___zGJeL {\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  pointer-events: none;\n  transition: background-color 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n  opacity: 1;\n  transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  transform: scale(0);\n  animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(0.9);\n  }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n  width: 8px;\n  height: 34px;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.3s ease, background-color 0.3s ease;\n  cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n  opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n  background-color: var(--ui-sniper-color-red);\n  animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 1;\n  visibility: visible;\n  transform: translateX(-50%) scale(1);\n  transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  margin-left: -0.375rem;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n  transform: scale(0.8);\n  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n  width: 34px;\n  opacity: 1;\n  overflow: visible;\n  pointer-events: auto;\n  margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n  transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n  position: absolute;\n  bottom: calc(100% + 14px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.95);\n  padding: 6px 10px;\n  background: #1a1a1a;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  font-weight: 500;\n  border-radius: 8px;\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: 100001;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n  transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n  content: "";\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n  width: 8px;\n  height: 8px;\n  background: #1a1a1a;\n  border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n  margin-left: 4px;\n  opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n  bottom: auto;\n  top: calc(100% + 14px);\n  transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n  top: -4px;\n  bottom: auto;\n  border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: translateX(-50%) scale(1) !important;\n  transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n  left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n  left: auto;\n  right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n  width: 1px;\n  height: 12px;\n  background: rgba(255, 255, 255, 0.15);\n  margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n  position: fixed;\n  inset: 0;\n  z-index: 99997;\n  pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n  pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-accent) 50%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-accent) 4%, transparent);\n  pointer-events: none !important;\n  box-sizing: border-box;\n  will-change: opacity;\n  contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n  animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n  position: fixed;\n  border: 2px dashed color-mix(in srgb, var(--ui-sniper-color-green) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-green) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-blue) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-blue) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n  position: fixed;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.85);\n  padding: 0.35rem 0.6rem;\n  border-radius: 0.375rem;\n  pointer-events: none !important;\n  white-space: nowrap;\n  max-width: 280px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n  animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.15rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n  pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n  pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n  position: absolute;\n  width: 22px;\n  height: 22px;\n  background: var(--ui-sniper-color-blue);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  cursor: pointer;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n  user-select: none;\n  will-change: transform, opacity;\n  contain: layout style;\n  z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n  z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n  transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n  animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n  animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n  animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n  transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n  position: fixed;\n  background-color: var(--ui-sniper-color-blue);\n  cursor: default;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n  position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n  background-color: var(--ui-sniper-color-green);\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n  background-color: var(--ui-sniper-color-green);\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n  background-color: var(--ui-sniper-color-red);\n}\n\n.styles-module__renumber___nCTxD {\n  display: block;\n  animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n  0% {\n    transform: translateX(-40%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.styles-module__markerTooltip___aLJID {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.909);\n  z-index: 100002;\n  background: #1a1a1a;\n  padding: 8px 0.75rem;\n  border-radius: 0.75rem;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  font-weight: 400;\n  color: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  min-width: 120px;\n  max-width: 200px;\n  pointer-events: none;\n  cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n  animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n  display: block;\n  font-size: 12px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.3125rem;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #fff;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n  display: block;\n  font-size: 0.625rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  margin-top: 0.375rem;\n  white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  z-index: 1;\n  overflow: hidden;\n  background: #1c1c1c;\n  border-radius: 1rem;\n  padding: 13px 0 16px;\n  min-width: 205px;\n  cursor: default;\n  opacity: 1;\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n  transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  z-index: 2;\n  pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n  left: 0;\n  background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n  right: 0;\n  background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y {\n  background: #1a1a1a;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.6);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12 {\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n[data-ui-sniper-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n  overflow: visible;\n  position: relative;\n  display: flex;\n  padding: 0 1rem;\n}\n\n.styles-module__settingsPage___6YfHH {\n  min-width: 100%;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  transition-delay: 0s;\n  opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n  transform: translateX(-24px);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6 {\n  position: absolute;\n  top: 0;\n  left: 24px;\n  width: 100%;\n  height: 100%;\n  padding: 3px 1rem 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n  transform: translateX(-24px);\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(0, 0, 0, 0.25);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsNavLink___wCzJt:hover svg {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 0 12px 0;\n  margin: -6px 0 0.5rem 0;\n  border: none;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  letter-spacing: -0.15px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n  opacity: 0.4;\n  flex-shrink: 0;\n  transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n  opacity: 1;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsBackButton___bIe2j {\n  color: rgba(0, 0, 0, 0.85);\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__automationHeader___InP0r {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n  font-size: 0.6875rem;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.5);\n  margin-top: 2px;\n  line-height: 14px;\n}\n[data-ui-sniper-theme=light] .styles-module__automationDescription___NKlmo {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration: underline dotted;\n  text-decoration-color: rgba(255, 255, 255, 0.2);\n  text-underline-offset: 2px;\n  transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__learnMoreLink___8xv-x {\n  color: rgba(0, 0, 0, 0.6);\n  text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__learnMoreLink___8xv-x:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n  font-size: 0.6875rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: #66b8ff;\n  color: color(display-p3 0.4 0.72 1);\n}\n[data-ui-sniper-theme=light] .styles-module__autoSendLabel___icDc2 {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-ui-sniper-theme=light] .styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: var(--ui-sniper-color-blue);\n}\n\n.styles-module__webhookUrlInput___2375C {\n  display: block;\n  width: 100%;\n  flex: 1;\n  min-height: 60px;\n  box-sizing: border-box;\n  margin-top: 11px;\n  padding: 8px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.03);\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 400;\n  color: #fff;\n  outline: none;\n  resize: none;\n  user-select: text;\n  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.08);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-ui-sniper-theme=light] .styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(0, 0, 0, 0.25);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n  margin-bottom: 0.5rem;\n  padding-bottom: 9px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: -0.0094em;\n  color: #fff;\n  text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n  color: var(--ui-sniper-color-accent);\n  transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___TUcFq {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  margin-left: auto;\n  letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n  margin-top: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n  padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n  margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n  position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: #fff;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n  opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #fff;\n  cursor: pointer;\n  letter-spacing: -0.0094em;\n}\n[data-ui-sniper-theme=light] .styles-module__cycleButton___FMKfw {\n  color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n  0% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.styles-module__cycleButtonText___fD1LR {\n  display: inline-block;\n  animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.3);\n  transform: scale(0.667);\n  transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: #fff;\n  transform: scale(1);\n}\n[data-ui-sniper-theme=light] .styles-module__cycleDot___nPgLY {\n  background: rgba(0, 0, 0, 0.2);\n}\n[data-ui-sniper-theme=light] .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 0.25rem);\n  background: #1a1a1a;\n  border-radius: 0.5rem;\n  padding: 0.25rem;\n  min-width: 120px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n  z-index: 10;\n  animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.625rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n  font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: -0.0094em;\n  color: rgba(255, 255, 255, 0.5);\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n}\n[data-ui-sniper-theme=light] .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n  padding-top: 3px;\n  margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.25rem;\n  padding: 0.375rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.7);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: color-mix(in srgb, var(--ui-sniper-color-blue) 15%, transparent);\n  color: var(--ui-sniper-color-blue);\n}\n\n.styles-module__sliderContainer___ducXj {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  background: white;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n  display: flex;\n  justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n  font-size: 0.625rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.4);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__sliderLabel___U8sPr:hover {\n  color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n  display: flex;\n  gap: 0.5rem;\n  margin-top: 0.375rem;\n  margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n  display: block;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  background-color: var(--swatch);\n  cursor: pointer;\n  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOption___IodiY {\n    background-color: var(--swatch-p3);\n  }\n}\n.styles-module__colorOption___IodiY:hover {\n  transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n  transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n  display: flex;\n  width: 24px;\n  height: 24px;\n  border: 2px solid transparent;\n  border-radius: 50%;\n  transition: border-color 0.3s ease;\n}\n.styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n  border-color: var(--swatch);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n    border-color: var(--swatch-p3);\n  }\n}\n\n.styles-module__settingsToggle___fBrFn {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n  margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n  margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background-color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__customCheckbox___U39ax svg {\n  color: #1a1a1a;\n  opacity: 1;\n  transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgb(255, 255, 255);\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax {\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  background: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n  border-color: #1a1a1a;\n  background: #1a1a1a;\n}\n[data-ui-sniper-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n  color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  letter-spacing: -0.0094em;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n[data-ui-sniper-theme=light] .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n  position: relative;\n  display: inline-block;\n  width: 24px;\n  height: 16px;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.styles-module__toggleSwitch___l4Ygm input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n  background-color: var(--ui-sniper-color-blue);\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n  transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n  opacity: 0.4;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n  cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n  position: absolute;\n  cursor: pointer;\n  inset: 0;\n  border-radius: 16px;\n  background: #484848;\n}\n[data-ui-sniper-theme=light] .styles-module__toggleSlider___wprIn {\n  background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n  content: "";\n  position: absolute;\n  height: 12px;\n  width: 12px;\n  left: 2px;\n  bottom: 2px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-red) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ui-sniper-color-red) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-sniper-color-red) 0%, transparent);\n  }\n}\n.styles-module__mcpStatusDot___ibgkc {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n  background-color: var(--ui-sniper-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n  background-color: var(--ui-sniper-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n  background-color: var(--ui-sniper-color-red);\n  animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__drawCanvas___7cG9U {\n  position: fixed;\n  inset: 0;\n  z-index: 99996;\n  pointer-events: none !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6 {\n  pointer-events: auto !important;\n  cursor: crosshair !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6[data-stroke-hover] {\n  cursor: pointer !important;\n}\n\n.styles-module__dragSelection___kZLq2 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-green) 60%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--ui-sniper-color-green) 8%, transparent);\n  pointer-events: none;\n  z-index: 99997;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--ui-sniper-color-green);\n  color: white;\n  font-size: 0.875rem;\n  font-weight: 600;\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n  min-width: 1.5rem;\n  text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n  position: fixed;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--ui-sniper-color-green) 50%, transparent);\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--ui-sniper-color-green) 6%, transparent);\n  pointer-events: none;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n[data-ui-sniper-theme=light] .styles-module__toolbarContainer___dIhma {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #f5f5f5;\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--ui-sniper-color-blue);\n  background: color-mix(in srgb, var(--ui-sniper-color-blue) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--ui-sniper-color-green);\n  background: transparent;\n}\n[data-ui-sniper-theme=light] .styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--ui-sniper-color-red);\n  background: color-mix(in srgb, var(--ui-sniper-color-red) 15%, transparent);\n}\n[data-ui-sniper-theme=light] .styles-module__buttonTooltip___Burd9 {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-ui-sniper-theme=light] .styles-module__buttonTooltip___Burd9::after {\n  background: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__divider___c--s1 {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px), (pointer: coarse) {\n  .styles-module__toolbarContainer___dIhma {\n    bottom: 24px;\n    top: auto !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n    width: max-content;\n    max-width: 90vw;\n  }\n}\n.styles-module__centerCrosshair___UQ3GL {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairDot___YjR0R {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 6px;\n  height: 6px;\n  background-color: var(--ui-sniper-color-accent);\n  border-radius: 50%;\n  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairLineHorizontal___VX9Ks {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 20px;\n  height: 2px;\n  background-color: var(--ui-sniper-color-accent);\n  opacity: 0.5;\n}\n.styles-module__centerCrosshair___UQ3GL .styles-module__crosshairLineVertical___ZEZ7X {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 2px;\n  height: 20px;\n  background-color: var(--ui-sniper-color-accent);\n  opacity: 0.5;\n}';
 var classNames7 = { "toolbar": "styles-module__toolbar___wNsdK", "markersLayer": "styles-module__markersLayer___-25j1", "fixedMarkersLayer": "styles-module__fixedMarkersLayer___ffyX6", "controlsContent": "styles-module__controlsContent___9GJWU", "disableTransitions": "styles-module__disableTransitions___EopxO", "toolbarContainer": "styles-module__toolbarContainer___dIhma", "entrance": "styles-module__entrance___sgHd8", "toolbarEnter": "styles-module__toolbarEnter___u8RRu", "hiding": "styles-module__hiding___1td44", "toolbarHide": "styles-module__toolbarHide___y8kaT", "collapsed": "styles-module__collapsed___Rydsn", "expanded": "styles-module__expanded___ofKPx", "serverConnected": "styles-module__serverConnected___Gfbou", "toggleContent": "styles-module__toggleContent___0yfyP", "visible": "styles-module__visible___KHwEW", "hidden": "styles-module__hidden___Ae8H4", "badge": "styles-module__badge___2XsgF", "fadeOut": "styles-module__fadeOut___6Ut6-", "badgeEnter": "styles-module__badgeEnter___mVQLj", "controlButton": "styles-module__controlButton___8Q0jc", "statusShowing": "styles-module__statusShowing___te6iu", "buttonBadge": "styles-module__buttonBadge___NeFWb", "mcpIndicator": "styles-module__mcpIndicator___zGJeL", "connected": "styles-module__connected___7c28g", "mcpIndicatorPulseConnected": "styles-module__mcpIndicatorPulseConnected___EDodZ", "connecting": "styles-module__connecting___uo-CW", "mcpIndicatorPulseConnecting": "styles-module__mcpIndicatorPulseConnecting___cCYte", "connectionIndicatorWrapper": "styles-module__connectionIndicatorWrapper___L-e-3", "connectionIndicator": "styles-module__connectionIndicator___afk9p", "connectionIndicatorVisible": "styles-module__connectionIndicatorVisible___C-i5B", "connectionIndicatorConnected": "styles-module__connectionIndicatorConnected___IY8pR", "connectionPulse": "styles-module__connectionPulse___-Zycw", "connectionIndicatorDisconnected": "styles-module__connectionIndicatorDisconnected___kmpaZ", "connectionIndicatorConnecting": "styles-module__connectionIndicatorConnecting___QmSLH", "buttonWrapper": "styles-module__buttonWrapper___rBcdv", "buttonTooltip": "styles-module__buttonTooltip___Burd9", "tooltipsInSession": "styles-module__tooltipsInSession___-0lHH", "sendButtonWrapper": "styles-module__sendButtonWrapper___UUxG6", "sendButtonVisible": "styles-module__sendButtonVisible___WPSQU", "shortcut": "styles-module__shortcut___lEAQk", "tooltipBelow": "styles-module__tooltipBelow___m6ats", "tooltipsHidden": "styles-module__tooltipsHidden___VtLJG", "tooltipVisible": "styles-module__tooltipVisible___0jcCv", "buttonWrapperAlignLeft": "styles-module__buttonWrapperAlignLeft___myzIp", "buttonWrapperAlignRight": "styles-module__buttonWrapperAlignRight___HCQFR", "divider": "styles-module__divider___c--s1", "overlay": "styles-module__overlay___Q1O9y", "hoverHighlight": "styles-module__hoverHighlight___ogakW", "enter": "styles-module__enter___WFIki", "hoverHighlightIn": "styles-module__hoverHighlightIn___6WYHY", "multiSelectOutline": "styles-module__multiSelectOutline___cSJ-m", "fadeIn": "styles-module__fadeIn___b9qmf", "exit": "styles-module__exit___fyOJ0", "singleSelectOutline": "styles-module__singleSelectOutline___QhX-O", "hoverTooltip": "styles-module__hoverTooltip___bvLk7", "hoverTooltipIn": "styles-module__hoverTooltipIn___FYGQx", "hoverReactPath": "styles-module__hoverReactPath___gx1IJ", "hoverElementName": "styles-module__hoverElementName___QMLMl", "marker": "styles-module__marker___6sQrs", "clearing": "styles-module__clearing___FQ--7", "markerIn": "styles-module__markerIn___5FaAP", "markerOut": "styles-module__markerOut___GU5jX", "pending": "styles-module__pending___2IHLC", "fixed": "styles-module__fixed___dBMHC", "multiSelect": "styles-module__multiSelect___YWiuz", "hovered": "styles-module__hovered___ZgXIy", "renumber": "styles-module__renumber___nCTxD", "renumberRoll": "styles-module__renumberRoll___Wgbq3", "markerTooltip": "styles-module__markerTooltip___aLJID", "tooltipIn": "styles-module__tooltipIn___0N31w", "markerQuote": "styles-module__markerQuote___FHmrz", "markerNote": "styles-module__markerNote___QkrrS", "markerHint": "styles-module__markerHint___2iF-6", "settingsPanel": "styles-module__settingsPanel___OxX3Y", "settingsHeader": "styles-module__settingsHeader___pwDY9", "settingsBrand": "styles-module__settingsBrand___0gJeM", "settingsBrandSlash": "styles-module__settingsBrandSlash___uTG18", "settingsVersion": "styles-module__settingsVersion___TUcFq", "settingsSection": "styles-module__settingsSection___m-YM2", "settingsLabel": "styles-module__settingsLabel___8UjfX", "cycleButton": "styles-module__cycleButton___FMKfw", "cycleDot": "styles-module__cycleDot___nPgLY", "dropdownButton": "styles-module__dropdownButton___16NPz", "toggleLabel": "styles-module__toggleLabel___Xm8Aa", "customCheckbox": "styles-module__customCheckbox___U39ax", "sliderLabel": "styles-module__sliderLabel___U8sPr", "slider": "styles-module__slider___GLdxp", "themeToggle": "styles-module__themeToggle___2rUjA", "settingsOption": "styles-module__settingsOption___UNa12", "selected": "styles-module__selected___OwRqP", "settingsPanelContainer": "styles-module__settingsPanelContainer___Xksv8", "settingsPage": "styles-module__settingsPage___6YfHH", "slideLeft": "styles-module__slideLeft___Ps01J", "automationsPage": "styles-module__automationsPage___uvCq6", "slideIn": "styles-module__slideIn___4-qXe", "settingsNavLink": "styles-module__settingsNavLink___wCzJt", "settingsNavLinkRight": "styles-module__settingsNavLinkRight___ZWwhj", "mcpNavIndicator": "styles-module__mcpNavIndicator___cl9pO", "mcpPulse": "styles-module__mcpPulse___uNggr", "settingsBackButton": "styles-module__settingsBackButton___bIe2j", "automationHeader": "styles-module__automationHeader___InP0r", "automationDescription": "styles-module__automationDescription___NKlmo", "learnMoreLink": "styles-module__learnMoreLink___8xv-x", "autoSendRow": "styles-module__autoSendRow___UblX5", "autoSendLabel": "styles-module__autoSendLabel___icDc2", "active": "styles-module__active___-zoN6", "webhookUrlInput": "styles-module__webhookUrlInput___2375C", "settingsSectionExtraPadding": "styles-module__settingsSectionExtraPadding___jdhFV", "settingsSectionGrow": "styles-module__settingsSectionGrow___h-5HZ", "settingsRow": "styles-module__settingsRow___3sdhc", "settingsRowMarginTop": "styles-module__settingsRowMarginTop___zA0Sp", "dropdownContainer": "styles-module__dropdownContainer___BVnxe", "settingsRowDisabled": "styles-module__settingsRowDisabled___EgS0V", "toggleSwitch": "styles-module__toggleSwitch___l4Ygm", "cycleButtonText": "styles-module__cycleButtonText___fD1LR", "cycleTextIn": "styles-module__cycleTextIn___Q6zJf", "cycleDots": "styles-module__cycleDots___LWuoQ", "dropdownMenu": "styles-module__dropdownMenu___k73ER", "scaleIn": "styles-module__scaleIn___c-r1K", "dropdownItem": "styles-module__dropdownItem___ylsLj", "settingsLabelMarker": "styles-module__settingsLabelMarker___ewdtV", "settingsOptions": "styles-module__settingsOptions___LyrBA", "sliderContainer": "styles-module__sliderContainer___ducXj", "sliderLabels": "styles-module__sliderLabels___FhLDB", "colorOptions": "styles-module__colorOptions___iHCNX", "colorOption": "styles-module__colorOption___IodiY", "colorOptionRing": "styles-module__colorOptionRing___U2xpo", "settingsToggle": "styles-module__settingsToggle___fBrFn", "settingsToggleMarginBottom": "styles-module__settingsToggleMarginBottom___MZUyF", "checked": "styles-module__checked___mnZLo", "toggleSlider": "styles-module__toggleSlider___wprIn", "disabled": "styles-module__disabled___332Jw", "mcpStatusDot": "styles-module__mcpStatusDot___ibgkc", "disconnected": "styles-module__disconnected___cHPxR", "mcpPulseError": "styles-module__mcpPulseError___fov9B", "drawCanvas": "styles-module__drawCanvas___7cG9U", "dragSelection": "styles-module__dragSelection___kZLq2", "dragCount": "styles-module__dragCount___KM90j", "highlightsContainer": "styles-module__highlightsContainer___-0xzG", "selectedElementHighlight": "styles-module__selectedElementHighlight___fyVlI", "centerCrosshair": "styles-module__centerCrosshair___UQ3GL", "crosshairDot": "styles-module__crosshairDot___YjR0R", "crosshairLineHorizontal": "styles-module__crosshairLineHorizontal___VX9Ks", "crosshairLineVertical": "styles-module__crosshairLineVertical___ZEZ7X", "scaleOut": "styles-module__scaleOut___Wctwz", "slideUp": "styles-module__slideUp___kgD36", "slideDown": "styles-module__slideDown___zcdje" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("feedback-tool-styles-page-toolbar-css-styles");
@@ -8935,7 +8935,7 @@ function SettingsPanel({
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { className: styles_module_default11.settingsBrand, href: "https://hara-xy.com", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { width: "72", height: "16", viewBox: "0 0 500 151", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("text", { x: "10", y: "110", fontFamily: "'Arial Black', 'Impact', sans-serif", fontSize: "105", fontWeight: "900", fontStyle: "italic", letterSpacing: "-2", fill: "currentColor", children: "UI SNIPER" }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: styles_module_default11.settingsVersion, children: [
                   "v",
-                  "3.2.0"
+                  "3.2.2"
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   "button",
@@ -9269,8 +9269,123 @@ function SettingsPanel({
   );
 }
 
-// src/components/page-toolbar-css/index.tsx
+// src/components/page-toolbar-css/help-panel/styles.module.scss
+var css13 = ".styles-module__helpPanel___8yQgH {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  z-index: 1;\n  overflow: hidden;\n  background: #1c1c1c;\n  border-radius: 16px;\n  padding: 12px 0;\n  width: 100%;\n  max-width: 380px;\n  min-width: 320px;\n  cursor: default;\n  opacity: 1;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.08);\n  transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__helpPanel___8yQgH.styles-module__enter___75xe5 {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__helpPanel___8yQgH.styles-module__exit___0Sj9Q {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-ui-sniper-theme=dark] .styles-module__helpPanel___8yQgH {\n  background: #1a1a1a;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n\n.styles-module__helpPanelContainer___gEvOn {\n  display: flex;\n  flex-direction: column;\n  max-height: 70vh;\n}\n\n.styles-module__header___ukpzU {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px 12px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n[data-ui-sniper-theme=light] .styles-module__header___ukpzU {\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__title___Oi-AP {\n  font-size: 14px;\n  font-weight: 600;\n  color: #fff;\n  letter-spacing: -0.01em;\n}\n[data-ui-sniper-theme=light] .styles-module__title___Oi-AP {\n  color: #111;\n}\n\n.styles-module__closeBtn___E3Tfn {\n  background: transparent;\n  border: none;\n  color: rgba(255, 255, 255, 0.4);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 0.15s ease;\n}\n.styles-module__closeBtn___E3Tfn:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: #fff;\n}\n[data-ui-sniper-theme=light] .styles-module__closeBtn___E3Tfn {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-ui-sniper-theme=light] .styles-module__closeBtn___E3Tfn:hover {\n  background: rgba(0, 0, 0, 0.06);\n  color: #111;\n}\n\n.styles-module__content___hmu9R {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px 16px;\n  overflow-y: auto;\n  /* Custom Scrollbar */\n}\n.styles-module__content___hmu9R::-webkit-scrollbar {\n  width: 6px;\n}\n.styles-module__content___hmu9R::-webkit-scrollbar-track {\n  background: transparent;\n}\n.styles-module__content___hmu9R::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 3px;\n}\n[data-ui-sniper-theme=light] .styles-module__content___hmu9R::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__card___fuN4Y {\n  display: flex;\n  flex-direction: column;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 12px;\n  padding: 12px;\n}\n[data-ui-sniper-theme=light] .styles-module__card___fuN4Y {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__cardHeader___yL1Y8 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.styles-module__iconWrapper___oCsnb {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.08);\n  color: var(--ui-sniper-color-accent, #3c82f7);\n}\n[data-ui-sniper-theme=light] .styles-module__iconWrapper___oCsnb {\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__cardTitle___BKKbp {\n  font-size: 13px;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.95);\n}\n[data-ui-sniper-theme=light] .styles-module__cardTitle___BKKbp {\n  color: rgba(0, 0, 0, 0.9);\n}\n\n.styles-module__cardBody___DYtqU {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.styles-module__textRow___lLzFz {\n  font-size: 11.5px;\n  line-height: 1.45;\n  color: rgba(255, 255, 255, 0.6);\n}\n.styles-module__textRow___lLzFz strong {\n  color: rgba(255, 255, 255, 0.85);\n  font-weight: 600;\n}\n[data-ui-sniper-theme=light] .styles-module__textRow___lLzFz {\n  color: rgba(0, 0, 0, 0.65);\n}\n[data-ui-sniper-theme=light] .styles-module__textRow___lLzFz strong {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n[data-ui-sniper-theme=light] .styles-module__helpPanel___8yQgH {\n  background: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);\n}";
+var classNames13 = { "helpPanel": "styles-module__helpPanel___8yQgH", "enter": "styles-module__enter___75xe5", "exit": "styles-module__exit___0Sj9Q", "helpPanelContainer": "styles-module__helpPanelContainer___gEvOn", "header": "styles-module__header___ukpzU", "title": "styles-module__title___Oi-AP", "closeBtn": "styles-module__closeBtn___E3Tfn", "content": "styles-module__content___hmu9R", "card": "styles-module__card___fuN4Y", "cardHeader": "styles-module__cardHeader___yL1Y8", "iconWrapper": "styles-module__iconWrapper___oCsnb", "cardTitle": "styles-module__cardTitle___BKKbp", "cardBody": "styles-module__cardBody___DYtqU", "textRow": "styles-module__textRow___lLzFz" };
+if (typeof document !== "undefined") {
+  let style = document.getElementById("feedback-tool-styles-help-panel-styles");
+  if (!style) {
+    style = document.createElement("style");
+    style.id = "feedback-tool-styles-help-panel-styles";
+    document.head.appendChild(style);
+  }
+  style.textContent = css13;
+}
+var styles_module_default12 = classNames13;
+
+// src/components/page-toolbar-css/help-panel/index.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
+function HelpPanel({ isVisible, onClose, toolbarNearBottom, isDarkMode }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: `${styles_module_default12.helpPanel} ${isVisible ? styles_module_default12.enter : styles_module_default12.exit}`,
+      style: toolbarNearBottom ? { bottom: "auto", top: "calc(100% + 0.5rem)" } : void 0,
+      "data-ui-sniper-help-panel": true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.helpPanelContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.title, children: "How to Use UI Sniper" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { className: styles_module_default12.closeBtn, onClick: onClose, "aria-label": "Close help", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconXmarkLarge, { size: 16 }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.card, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardHeader, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTarget, { size: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.cardTitle, children: "Target & Annotate" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardBody, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "How:" }),
+                " Hover and click any element."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Why:" }),
+                " Leave context-aware notes exactly where you spot an issue."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Value:" }),
+                " Developers get the exact DOM path, React component name, and an automatic screenshot of the issue."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.card, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardHeader, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTarget, { size: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.cardTitle, children: "X-Ray Mode (Shortcut: X)" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardBody, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "How:" }),
+                " Click the X-Ray icon or press X."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Why:" }),
+                " Reveal the invisible wireframe and bounding boxes of the page."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Value:" }),
+                " Instantly spot padding, margin, or alignment anomalies to provide precise layout feedback."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.card, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardHeader, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconLayout, { size: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.cardTitle, children: "Layout Mode (Shortcut: L)" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardBody, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "How:" }),
+                " Click the Layout icon or press L."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Why:" }),
+                " Drag, drop, edit text, or draw directly on the screen."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Value:" }),
+                " Show the developer *exactly* how a layout should look by mocking it up live, instead of just trying to explain it."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.card, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardHeader, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconPausePlayAnimated, { size: 16, isPaused: true }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default12.cardTitle, children: "Freeze Animations (Shortcut: P)" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.cardBody, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "How:" }),
+                " Click the Pause icon or press P."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Why:" }),
+                " Pauses all CSS animations, timeouts, and hover states."
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default12.textRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Value:" }),
+                " Capture fleeting tooltips, modals, or spinners perfectly in your feedback screenshots without racing the clock."
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/page-toolbar-css/index.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function identifyElementWithReact(element, reactMode = "filtered") {
   const { name: elementName, path } = identifyElement(element);
   if (reactMode === "off") {
@@ -9458,6 +9573,7 @@ function PageFeedbackToolbarCSS({
   const [showSettings, setShowSettings] = (0, import_react11.useState)(false);
   const [showSettingsVisible, setShowSettingsVisible] = (0, import_react11.useState)(false);
   const [showReviewPanel, setShowReviewPanel] = (0, import_react11.useState)(false);
+  const [showHelpPanel, setShowHelpPanel] = (0, import_react11.useState)(false);
   const [settingsPage, setSettingsPage] = (0, import_react11.useState)(
     "main"
   );
@@ -10668,7 +10784,7 @@ function PageFeedbackToolbarCSS({
     }
   }, [hoveredDrawingIdx, isActive]);
   (0, import_react11.useEffect)(() => {
-    if (!isActive || pendingAnnotation || isDrawMode || isDesignMode || isXRayMode) return;
+    if (!isActive || pendingAnnotation || isDrawMode || isDesignMode || isXRayMode || showReviewPanel) return;
     const handleMouseMove = (e) => {
       const target = e.composedPath()[0] || e.target;
       if (closestCrossingShadow(target, "[data-feedback-toolbar]")) {
@@ -10693,7 +10809,7 @@ function PageFeedbackToolbarCSS({
     };
     document.addEventListener("mousemove", handleMouseMove);
     return () => document.removeEventListener("mousemove", handleMouseMove);
-  }, [isActive, pendingAnnotation, isDrawMode, isDesignMode, effectiveReactMode, drawStrokes]);
+  }, [isActive, pendingAnnotation, isDrawMode, isDesignMode, isXRayMode, effectiveReactMode, drawStrokes, showReviewPanel]);
   const startEditAnnotation = (0, import_react11.useCallback)((annotation) => {
     setEditingAnnotation(annotation);
     setHoveredMarkerId(null);
@@ -10852,7 +10968,7 @@ function PageFeedbackToolbarCSS({
     });
   }, [effectiveReactMode]);
   (0, import_react11.useEffect)(() => {
-    if (!isActive || isDrawMode || isDesignMode || isXRayMode) return;
+    if (!isActive || isDrawMode || isDesignMode || showReviewPanel) return;
     const handleClick = (e) => {
       if (justFinishedDragRef.current) {
         justFinishedDragRef.current = false;
@@ -10973,7 +11089,8 @@ function PageFeedbackToolbarCSS({
     editingAnnotation,
     settings.blockInteractions,
     effectiveReactMode,
-    pendingMultiSelectElements
+    pendingMultiSelectElements,
+    showReviewPanel
   ]);
   (0, import_react11.useEffect)(() => {
     if (!isActive) return;
@@ -11004,7 +11121,7 @@ function PageFeedbackToolbarCSS({
     };
   }, [isActive, pendingMultiSelectElements, createMultiSelectPendingAnnotation]);
   (0, import_react11.useEffect)(() => {
-    if (!isActive || pendingAnnotation || isDrawMode || isDesignMode || isXRayMode) return;
+    if (!isActive || pendingAnnotation || isDrawMode || isDesignMode) return;
     const handleMouseDown = (e) => {
       const target = e.composedPath()[0] || e.target;
       if (closestCrossingShadow(target, "[data-feedback-toolbar]")) return;
@@ -11355,16 +11472,30 @@ function PageFeedbackToolbarCSS({
         }
         if (elToCapture) {
           try {
-            const rect = elToCapture.getBoundingClientRect();
+            let targetRect = elToCapture.getBoundingClientRect();
+            let currentEl = elToCapture;
+            const MAX_W = Math.min(800, window.innerWidth - 40);
+            const MAX_H = Math.min(600, window.innerHeight - 40);
+            for (let i = 0; i < 4; i++) {
+              if (!currentEl || !currentEl.parentElement) break;
+              if (currentEl.parentElement === document.body) break;
+              const parentRect = currentEl.parentElement.getBoundingClientRect();
+              if (parentRect.width <= MAX_W && parentRect.height <= MAX_H) {
+                targetRect = parentRect;
+                currentEl = currentEl.parentElement;
+              } else {
+                break;
+              }
+            }
             const result = await captureDomRegion(
-              rect.left,
-              rect.top,
-              rect.width,
-              rect.height,
+              targetRect.left,
+              targetRect.top,
+              targetRect.width,
+              targetRect.height,
               [],
               // No strokes for standard annotation
-              150,
-              // 150px padding to show surrounding context
+              48,
+              // 48px extra padding around the logical parent
               0.8,
               piiConfig.enabled ? piiConfig : void 0
             );
@@ -12072,7 +12203,7 @@ function PageFeedbackToolbarCSS({
           copyOutput();
         }
       }
-      if (e.key === "x" || e.key === "X") {
+      if ((e.key === "x" || e.key === "X") && e.shiftKey) {
         if (annotations.length > 0 || designPlacements.length > 0 || rearrangeState) {
           e.preventDefault();
           hideTooltipsUntilMouseLeave();
@@ -12080,6 +12211,24 @@ function PageFeedbackToolbarCSS({
           if (designPlacements.length > 0) setDesignPlacements([]);
           if (rearrangeState) setRearrangeState(null);
         }
+      } else if ((e.key === "x" || e.key === "X") && !e.shiftKey) {
+        e.preventDefault();
+        hideTooltipsUntilMouseLeave();
+        setIsXRayMode(!isXRayMode);
+      }
+      if (e.key === "l" || e.key === "L") {
+        e.preventDefault();
+        hideTooltipsUntilMouseLeave();
+        if (isDesignMode) {
+          closeDesignMode();
+        } else {
+          setIsDesignMode(true);
+        }
+      }
+      if (e.key === "p" || e.key === "P") {
+        e.preventDefault();
+        hideTooltipsUntilMouseLeave();
+        toggleFreeze();
       }
       if (e.key === "s" || e.key === "S") {
         const hasValidWebhook = isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "");
@@ -12108,7 +12257,8 @@ function PageFeedbackToolbarCSS({
     toggleFreeze,
     copyOutput,
     clearAll,
-    pendingMultiSelectElements
+    pendingMultiSelectElements,
+    isXRayMode
   ]);
   if (!mounted) return null;
   if (isToolbarHidden) return null;
@@ -12145,7 +12295,7 @@ function PageFeedbackToolbarCSS({
     return styles;
   };
   return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       UISniperContext.Provider,
       {
         value: {
@@ -12164,7 +12314,7 @@ function PageFeedbackToolbarCSS({
             }
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             ref: portalWrapperRef,
@@ -12174,7 +12324,7 @@ function PageFeedbackToolbarCSS({
             "data-ui-sniper-root": "",
             suppressHydrationWarning: suppressDevWarnings || void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   className: `${styles_module_default6.toolbar}${userClassName ? ` ${userClassName}` : ""}`,
@@ -12186,7 +12336,7 @@ function PageFeedbackToolbarCSS({
                     right: "auto",
                     bottom: "auto"
                   } : void 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "div",
                     {
                       className: `${styles_module_default6.toolbarContainer} ${isActive ? styles_module_default6.expanded : styles_module_default6.collapsed} ${showEntranceAnimation ? styles_module_default6.entrance : ""} ${isToolbarHiding ? styles_module_default6.hiding : ""} ${!settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default6.serverConnected : ""}`,
@@ -12204,13 +12354,13 @@ function PageFeedbackToolbarCSS({
                       title: !isActive ? "Start taking notes" : void 0,
                       style: headless && !isActive ? { display: "none" } : void 0,
                       children: [
-                        !headless && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                        !headless && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                           "div",
                           {
                             className: `${styles_module_default6.toggleContent} ${!isActive ? styles_module_default6.visible : styles_module_default6.hidden}`,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconListSparkle, { size: 24 }),
-                              hasVisibleAnnotations && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconListSparkle, { size: 24 }),
+                              hasVisibleAnnotations && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "span",
                                 {
                                   className: `${styles_module_default6.badge} ${isActive ? styles_module_default6.fadeOut : ""} ${showEntranceAnimation ? styles_module_default6.entrance : ""}`,
@@ -12220,35 +12370,35 @@ function PageFeedbackToolbarCSS({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                           "div",
                           {
                             className: `${styles_module_default6.controlsContent} ${isActive ? styles_module_default6.visible : styles_module_default6.hidden} ${toolbarPosition && toolbarPosition.y < 100 ? styles_module_default6.tooltipBelow : ""} ${tooltipsHidden || showSettings ? styles_module_default6.tooltipsHidden : ""} ${tooltipSessionActive ? styles_module_default6.tooltipsInSession : ""}`,
                             onMouseEnter: handleControlsMouseEnter,
                             onMouseLeave: handleControlsMouseLeave,
                             children: [
-                              isMobile && !pendingAnnotation && !editingAnnotation && !isDesignMode && !isXRayMode && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              isMobile && !pendingAnnotation && !editingAnnotation && !isDesignMode && !isXRayMode && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                     "button",
                                     {
                                       className: `${styles_module_default6.controlButton} ${styles_module_default6.snipeButton}`,
                                       onClick: handleSnipeCenterElement,
                                       disabled: !hoverInfo,
                                       "data-active": true,
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTarget, { size: 24 })
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconTarget, { size: 24 })
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Target Element" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Target Element" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.divider })
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.divider })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                                 "div",
                                 {
                                   className: `${styles_module_default6.buttonWrapper} ${toolbarPosition && toolbarPosition.x < 120 ? styles_module_default6.buttonWrapperAlignLeft : ""}`,
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                       "button",
                                       {
                                         className: styles_module_default6.controlButton,
@@ -12258,18 +12408,18 @@ function PageFeedbackToolbarCSS({
                                           toggleFreeze();
                                         },
                                         "data-active": isFrozen,
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconPausePlayAnimated, { size: 24, isPaused: isFrozen })
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconPausePlayAnimated, { size: 24, isPaused: isFrozen })
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                       isFrozen ? "Unfreeze animations" : "Freeze animations",
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "P" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "P" })
                                     ] })
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: `${styles_module_default6.controlButton} ${!isDarkMode ? styles_module_default6.light : ""}`,
@@ -12288,16 +12438,16 @@ function PageFeedbackToolbarCSS({
                                     },
                                     "data-active": isDesignMode,
                                     style: isDesignMode && blankCanvas ? { color: "#f97316", background: "rgba(249, 115, 22, 0.25)" } : void 0,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconLayout, { size: 21 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconLayout, { size: 21 })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                   isDesignMode ? "Exit layout mode" : "Layout mode",
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "L" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "L" })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: `${styles_module_default6.controlButton} ${!isDarkMode ? styles_module_default6.light : ""}`,
@@ -12311,16 +12461,16 @@ function PageFeedbackToolbarCSS({
                                       setIsXRayMode(!isXRayMode);
                                     },
                                     "data-active": isXRayMode,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTarget, { size: 21 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconTarget, { size: 21 })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                   isXRayMode ? "Exit X-Ray mode" : "X-Ray mode",
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "X" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "X" })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: styles_module_default6.controlButton,
@@ -12330,16 +12480,16 @@ function PageFeedbackToolbarCSS({
                                       setShowMarkers(!showMarkers);
                                     },
                                     disabled: !hasAnnotations || isDesignMode || isXRayMode,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconEyeAnimated, { size: 24, isOpen: showMarkers })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconEyeAnimated, { size: 24, isOpen: showMarkers })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                   showMarkers ? "Hide your notes" : "Show your notes",
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "H" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "H" })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: `${styles_module_default6.controlButton} ${copied ? styles_module_default6.statusShowing : ""}`,
@@ -12350,16 +12500,16 @@ function PageFeedbackToolbarCSS({
                                     },
                                     disabled: isDesignMode && blankCanvas ? designPlacements.length === 0 && !rearrangeState?.sections?.length : !hasAnnotations && drawStrokes.length === 0 && designPlacements.length === 0 && !rearrangeState?.sections?.length,
                                     "data-active": copied,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconCopyAnimated, { size: 24, copied, tint: isDesignMode && blankCanvas && (designPlacements.length > 0 || !!rearrangeState?.sections?.length) ? "#f97316" : void 0 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconCopyAnimated, { size: 24, copied, tint: isDesignMode && blankCanvas && (designPlacements.length > 0 || !!rearrangeState?.sections?.length) ? "#f97316" : void 0 })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                   isDesignMode && blankCanvas ? "Copy layout" : "Copy your notes",
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "C" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "C" })
                                 ] })
                               ] }),
-                              hasAnnotations && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                              hasAnnotations && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                                   "button",
                                   {
                                     className: `${styles_module_default6.controlButton} ${showReviewPanel ? "" : ""}`,
@@ -12371,19 +12521,19 @@ function PageFeedbackToolbarCSS({
                                     title: "Review annotations",
                                     "aria-label": "Review annotations",
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconChatEllipsis, { size: 20 }),
-                                      annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.buttonBadge, children: annotations.length })
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconChatEllipsis, { size: 20 }),
+                                      annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.buttonBadge, children: annotations.length })
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Review notes" })
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Review notes" })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                                 "div",
                                 {
                                   className: `${styles_module_default6.buttonWrapper} ${styles_module_default6.sendButtonWrapper} ${isActive && !settings.webhooksEnabled && (isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "")) ? styles_module_default6.sendButtonVisible : ""}`,
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                                       "button",
                                       {
                                         className: `${styles_module_default6.controlButton} ${sendState === "sent" || sendState === "failed" ? styles_module_default6.statusShowing : ""}`,
@@ -12396,8 +12546,8 @@ function PageFeedbackToolbarCSS({
                                         "data-no-hover": sendState === "sent" || sendState === "failed",
                                         tabIndex: isValidUrl(settings.webhookUrl) || isValidUrl(webhookUrl || "") ? 0 : -1,
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconSendArrow, { size: 24, state: sendState }),
-                                          hasAnnotations && sendState === "idle" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconSendArrow, { size: 24, state: sendState }),
+                                          hasAnnotations && sendState === "idle" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                             "span",
                                             {
                                               className: styles_module_default6.buttonBadge,
@@ -12407,15 +12557,15 @@ function PageFeedbackToolbarCSS({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                       "Send to AI",
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "S" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "S" })
                                     ] })
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: styles_module_default6.controlButton,
@@ -12426,16 +12576,16 @@ function PageFeedbackToolbarCSS({
                                     },
                                     disabled: !hasAnnotations && drawStrokes.length === 0 && designPlacements.length === 0 && !rearrangeState?.sections?.length,
                                     "data-danger": true,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconTrashAlt, { size: 24 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconTrashAlt, { size: 24 })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                   "Clear your notes",
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "X" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "Shift+X" })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "button",
                                   {
                                     className: styles_module_default6.controlButton,
@@ -12443,32 +12593,33 @@ function PageFeedbackToolbarCSS({
                                       e.stopPropagation();
                                       hideTooltipsUntilMouseLeave();
                                       if (isDesignMode) closeDesignMode();
+                                      setShowHelpPanel(false);
                                       setShowSettings(!showSettings);
                                     },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconGear, { size: 24 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconGear, { size: 24 })
                                   }
                                 ),
-                                endpoint && connectionStatus !== "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                                endpoint && connectionStatus !== "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                   "span",
                                   {
                                     className: `${styles_module_default6.mcpIndicator} ${styles_module_default6[connectionStatus]} ${showSettings ? styles_module_default6.hidden : ""}`,
                                     title: connectionStatus === "connected" ? "Live AI Connected" : "Connecting to AI..."
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Settings" })
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Settings" })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "div",
                                 {
                                   className: styles_module_default6.divider
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                                 "div",
                                 {
                                   className: `${styles_module_default6.buttonWrapper} ${toolbarPosition && typeof window !== "undefined" && toolbarPosition.x > window.innerWidth - 120 ? styles_module_default6.buttonWrapperAlignRight : ""}`,
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                       "button",
                                       {
                                         className: styles_module_default6.controlButton,
@@ -12477,20 +12628,37 @@ function PageFeedbackToolbarCSS({
                                           hideTooltipsUntilMouseLeave();
                                           deactivate();
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconXmarkLarge, { size: 24 })
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconXmarkLarge, { size: 24 })
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: styles_module_default6.buttonTooltip, children: [
                                       "Close UI Sniper",
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default6.shortcut, children: "Esc" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.shortcut, children: "Esc" })
                                     ] })
                                   ]
                                 }
-                              )
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.buttonWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                  "button",
+                                  {
+                                    className: styles_module_default6.controlButton,
+                                    onClick: (e) => {
+                                      e.stopPropagation();
+                                      hideTooltipsUntilMouseLeave();
+                                      if (isDesignMode) closeDesignMode();
+                                      setShowSettings(false);
+                                      setShowHelpPanel(!showHelpPanel);
+                                    },
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconHelp, { size: 24 })
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default6.buttonTooltip, children: "Help & Shortcuts" })
+                              ] })
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                           DesignPalette,
                           {
                             visible: isDesignMode && isActive,
@@ -12609,7 +12777,7 @@ function PageFeedbackToolbarCSS({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                           SettingsPanel,
                           {
                             settings,
@@ -12625,13 +12793,22 @@ function PageFeedbackToolbarCSS({
                             onSettingsPageChange: setSettingsPage,
                             onHideToolbar: hideToolbarTemporarily
                           }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          HelpPanel,
+                          {
+                            isVisible: showHelpPanel,
+                            onClose: () => setShowHelpPanel(false),
+                            toolbarNearBottom: !!toolbarPosition && toolbarPosition.y < 230,
+                            isDarkMode
+                          }
                         )
                       ]
                     }
                   )
                 }
               ),
-              showReviewPanel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              showReviewPanel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 ReviewPanel,
                 {
                   annotations: visibleAnnotations,
@@ -12653,8 +12830,8 @@ function PageFeedbackToolbarCSS({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(XRayOverlay, { isActive: isXRayMode, isDarkMode }),
-              (isDesignMode || designOverlayExiting) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(XRayOverlay, { isActive: isXRayMode, isDarkMode, isFrozen: !!(pendingAnnotation || editingAnnotation) }),
+              (isDesignMode || designOverlayExiting) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   className: `${styles_module_default3.blankCanvas} ${canvasReady ? styles_module_default3.visible : ""} ${designInteracting ? styles_module_default3.gridActive : ""}`,
@@ -12662,10 +12839,10 @@ function PageFeedbackToolbarCSS({
                   "data-feedback-toolbar": true
                 }
               ),
-              isDesignMode && blankCanvas && canvasReady && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default3.wireframeNotice, "data-feedback-toolbar": true, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default3.wireframeOpacityRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default3.wireframeOpacityLabel, children: "Toggle Opacity" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              isDesignMode && blankCanvas && canvasReady && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default3.wireframeNotice, "data-feedback-toolbar": true, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default3.wireframeOpacityRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default3.wireframeOpacityLabel, children: "Toggle Opacity" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "input",
                     {
                       type: "range",
@@ -12678,10 +12855,10 @@ function PageFeedbackToolbarCSS({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default3.wireframeNoticeTitleRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default3.wireframeNoticeTitle, children: "Wireframe Mode" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: styles_module_default3.wireframeNoticeDivider }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default3.wireframeNoticeTitleRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default3.wireframeNoticeTitle, children: "Wireframe Mode" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: styles_module_default3.wireframeNoticeDivider }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       className: styles_module_default3.wireframeStartOver,
@@ -12697,10 +12874,10 @@ function PageFeedbackToolbarCSS({
                   )
                 ] }),
                 "Drag components onto the canvas.",
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("br", {}),
                 "Copied output will only include the wireframed layout."
               ] }),
-              (isDesignMode || designOverlayExiting) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              (isDesignMode || designOverlayExiting) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 DesignMode,
                 {
                   placements: designPlacements,
@@ -12766,7 +12943,7 @@ function PageFeedbackToolbarCSS({
                   }
                 }
               ),
-              (isDesignMode || designOverlayExiting) && rearrangeState && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              (isDesignMode || designOverlayExiting) && rearrangeState && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 RearrangeOverlay,
                 {
                   rearrangeState,
@@ -12819,7 +12996,7 @@ function PageFeedbackToolbarCSS({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "canvas",
                 {
                   ref: drawCanvasRef,
@@ -12828,8 +13005,8 @@ function PageFeedbackToolbarCSS({
                   "data-feedback-toolbar": true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.markersLayer, "data-feedback-toolbar": true, children: [
-                markersVisible && visibleAnnotations.filter((a) => !a.isFixed).map((annotation, layerIndex, arr) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.markersLayer, "data-feedback-toolbar": true, children: [
+                markersVisible && visibleAnnotations.filter((a) => !a.isFixed).map((annotation, layerIndex, arr) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   AnnotationMarker,
                   {
                     annotation,
@@ -12852,10 +13029,10 @@ function PageFeedbackToolbarCSS({
                   },
                   annotation.id
                 )),
-                markersVisible && !markersExiting && exitingAnnotationsList.filter((a) => !a.isFixed).map((a) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ExitingMarker, { annotation: a }, a.id))
+                markersVisible && !markersExiting && exitingAnnotationsList.filter((a) => !a.isFixed).map((a) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ExitingMarker, { annotation: a }, a.id))
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.fixedMarkersLayer, "data-feedback-toolbar": true, children: [
-                markersVisible && visibleAnnotations.filter((a) => a.isFixed).map((annotation, layerIndex, arr) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.fixedMarkersLayer, "data-feedback-toolbar": true, children: [
+                markersVisible && visibleAnnotations.filter((a) => a.isFixed).map((annotation, layerIndex, arr) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   AnnotationMarker,
                   {
                     annotation,
@@ -12878,16 +13055,16 @@ function PageFeedbackToolbarCSS({
                   },
                   annotation.id
                 )),
-                markersVisible && !markersExiting && exitingAnnotationsList.filter((a) => a.isFixed).map((a) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ExitingMarker, { annotation: a, fixed: true }, a.id))
+                markersVisible && !markersExiting && exitingAnnotationsList.filter((a) => a.isFixed).map((a) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ExitingMarker, { annotation: a, fixed: true }, a.id))
               ] }),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   className: styles_module_default6.overlay,
                   "data-feedback-toolbar": true,
                   style: pendingAnnotation || editingAnnotation ? { zIndex: 99999 } : void 0,
                   children: [
-                    hoverInfo?.rect && !pendingAnnotation && !isScrolling && !isDragging && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    hoverInfo?.rect && !pendingAnnotation && !isScrolling && !isDragging && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         className: `${styles_module_default6.hoverHighlight} ${styles_module_default6.enter}`,
@@ -12904,7 +13081,7 @@ function PageFeedbackToolbarCSS({
                     pendingMultiSelectElements.filter((item) => document.contains(item.element)).map((item, index) => {
                       const rect = item.element.getBoundingClientRect();
                       const isMulti = pendingMultiSelectElements.length > 1;
-                      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "div",
                         {
                           className: isMulti ? styles_module_default6.multiSelectOutline : styles_module_default6.singleSelectOutline,
@@ -12932,7 +13109,7 @@ function PageFeedbackToolbarCSS({
                         if (hoveredTargetElements.length > 0) {
                           return hoveredTargetElements.filter((el) => document.contains(el)).map((el, index) => {
                             const rect2 = el.getBoundingClientRect();
-                            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                               "div",
                               {
                                 className: `${styles_module_default6.multiSelectOutline} ${styles_module_default6.enter}`,
@@ -12948,7 +13125,7 @@ function PageFeedbackToolbarCSS({
                           });
                         }
                         return hoveredAnnotation.elementBoundingBoxes.map(
-                          (bb2, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          (bb2, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             "div",
                             {
                               className: `${styles_module_default6.multiSelectOutline} ${styles_module_default6.enter}`,
@@ -12971,7 +13148,7 @@ function PageFeedbackToolbarCSS({
                         height: hoveredAnnotation.boundingBox.height
                       };
                       const isMulti = hoveredAnnotation.isMultiSelect;
-                      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "div",
                         {
                           className: `${isMulti ? styles_module_default6.multiSelectOutline : styles_module_default6.singleSelectOutline} ${styles_module_default6.enter}`,
@@ -12988,7 +13165,7 @@ function PageFeedbackToolbarCSS({
                         }
                       );
                     })(),
-                    hoverInfo && !pendingAnnotation && !isScrolling && !isDragging && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                    hoverInfo && !pendingAnnotation && !isScrolling && !isDragging && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                       "div",
                       {
                         className: `${styles_module_default6.hoverTooltip} ${styles_module_default6.enter}`,
@@ -13003,17 +13180,17 @@ function PageFeedbackToolbarCSS({
                           )
                         },
                         children: [
-                          hoverInfo.reactComponents && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.hoverReactPath, children: hoverInfo.reactComponents }),
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.hoverElementName, children: hoverInfo.elementName })
+                          hoverInfo.reactComponents && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.hoverReactPath, children: hoverInfo.reactComponents }),
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.hoverElementName, children: hoverInfo.elementName })
                         ]
                       }
                     ),
-                    pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                    pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
                       pendingAnnotation.multiSelectElements?.length ? (
                         // Cmd+shift+click multi-select: show individual boxes with live positions
                         pendingAnnotation.multiSelectElements.filter((el) => document.contains(el)).map((el, index) => {
                           const rect = el.getBoundingClientRect();
-                          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             "div",
                             {
                               className: `${styles_module_default6.multiSelectOutline} ${pendingExiting ? styles_module_default6.exit : styles_module_default6.enter}`,
@@ -13033,7 +13210,7 @@ function PageFeedbackToolbarCSS({
                           // Single-click: use live getBoundingClientRect for consistent positioning
                           (() => {
                             const rect = pendingAnnotation.targetElement.getBoundingClientRect();
-                            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                               "div",
                               {
                                 className: `${styles_module_default6.singleSelectOutline} ${pendingExiting ? styles_module_default6.exit : styles_module_default6.enter}`,
@@ -13050,7 +13227,7 @@ function PageFeedbackToolbarCSS({
                           })()
                         ) : (
                           // Drag selection or fallback: use stored boundingBox
-                          pendingAnnotation.boundingBox && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          pendingAnnotation.boundingBox && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             "div",
                             {
                               className: `${pendingAnnotation.isMultiSelect ? styles_module_default6.multiSelectOutline : styles_module_default6.singleSelectOutline} ${pendingExiting ? styles_module_default6.exit : styles_module_default6.enter}`,
@@ -13071,8 +13248,8 @@ function PageFeedbackToolbarCSS({
                       (() => {
                         const markerX = pendingAnnotation.x;
                         const markerY = pendingAnnotation.isFixed ? pendingAnnotation.y : pendingAnnotation.y - scrollY;
-                        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             PendingMarker,
                             {
                               x: markerX,
@@ -13081,7 +13258,7 @@ function PageFeedbackToolbarCSS({
                               isExiting: pendingExiting
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             AnnotationPopupCSS,
                             {
                               ref: popupRef,
@@ -13121,14 +13298,14 @@ function PageFeedbackToolbarCSS({
                         ] });
                       })()
                     ] }),
-                    editingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                    editingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
                       editingAnnotation.elementBoundingBoxes?.length ? (
                         // Cmd+shift+click: show individual element boxes (use live rects when available)
                         (() => {
                           if (editingTargetElements.length > 0) {
                             return editingTargetElements.filter((el) => document.contains(el)).map((el, index) => {
                               const rect = el.getBoundingClientRect();
-                              return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "div",
                                 {
                                   className: `${styles_module_default6.multiSelectOutline} ${styles_module_default6.enter}`,
@@ -13144,7 +13321,7 @@ function PageFeedbackToolbarCSS({
                             });
                           }
                           return editingAnnotation.elementBoundingBoxes.map(
-                            (bb, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                            (bb, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                               "div",
                               {
                                 className: `${styles_module_default6.multiSelectOutline} ${styles_module_default6.enter}`,
@@ -13170,7 +13347,7 @@ function PageFeedbackToolbarCSS({
                             height: editingAnnotation.boundingBox.height
                           } : null;
                           if (!bb) return null;
-                          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                             "div",
                             {
                               className: `${editingAnnotation.isMultiSelect ? styles_module_default6.multiSelectOutline : styles_module_default6.singleSelectOutline} ${styles_module_default6.enter}`,
@@ -13188,7 +13365,7 @@ function PageFeedbackToolbarCSS({
                           );
                         })()
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         AnnotationPopupCSS,
                         {
                           ref: editPopupRef,
@@ -13232,9 +13409,9 @@ function PageFeedbackToolbarCSS({
                         }
                       )
                     ] }),
-                    isDragging && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: dragRectRef, className: styles_module_default6.dragSelection }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    isDragging && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: dragRectRef, className: styles_module_default6.dragSelection }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "div",
                         {
                           ref: highlightsContainerRef,
@@ -13242,10 +13419,10 @@ function PageFeedbackToolbarCSS({
                         }
                       )
                     ] }),
-                    isMobile && isActive && !pendingAnnotation && !editingAnnotation && !isDrawMode && !isDesignMode && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: styles_module_default6.centerCrosshair, "data-feedback-toolbar": true, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.crosshairDot }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.crosshairLineHorizontal }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: styles_module_default6.crosshairLineVertical })
+                    isMobile && isActive && !pendingAnnotation && !editingAnnotation && !isDrawMode && !isDesignMode && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles_module_default6.centerCrosshair, "data-feedback-toolbar": true, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.crosshairDot }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.crosshairLineHorizontal }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles_module_default6.crosshairLineVertical })
                     ] })
                   ]
                 }
@@ -13261,7 +13438,7 @@ function PageFeedbackToolbarCSS({
 
 // src/components/profiler/index.tsx
 var import_react12 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function UISniperProfiler({ id = "ui-sniper-profiler", children }) {
   const onRender = (id2, phase, actualDuration, baseDuration, startTime, commitTime) => {
     if (typeof window !== "undefined") {
@@ -13271,7 +13448,7 @@ function UISniperProfiler({ id = "ui-sniper-profiler", children }) {
       };
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react12.Profiler, { id, onRender, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react12.Profiler, { id, onRender, children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {