pptx-react-viewer 4.30.0 → 4.30.1

package/dist/{chunk-XKV2QDAO.js → chunk-M2AKDETN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkMFGD7XVJ_js = require('./chunk-MFGD7XVJ.js');
-var chunkRHNJ4IU2_js = require('./chunk-RHNJ4IU2.js');
+var chunk355ICDU6_js = require('./chunk-355ICDU6.js');
+var chunkXRFJ7TAF_js = require('./chunk-XRFJ7TAF.js');
 var pptx = require('ooxml-ui/pptx');
 var React97 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -307,7 +307,7 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMFGD7XVJ_js.StaticElementRenderer,
+            chunk355ICDU6_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
@@ -376,7 +376,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React97.useState(null);
   const dialogRef = React97.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -459,7 +459,7 @@ function SlideTemplateGalleryDialog({
                         onInsert(spec.id);
                         onClose();
                       },
-                      className: chunkRHNJ4IU2_js.cn(
+                      className: chunkXRFJ7TAF_js.cn(
                         "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
                         selected === spec.id ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
                       ),
@@ -723,7 +723,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React97.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -1056,7 +1056,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunkMFGD7XVJ_js.playAnimationSound(url);
+            chunk355ICDU6_js.playAnimationSound(url);
           }
           break;
         }
@@ -1215,7 +1215,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.30.0" ;
+  const version = "4.30.1" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -1255,7 +1255,7 @@ function AccountPage() {
           "aria-label": color,
           "aria-pressed": profile.avatarColor === color,
           onClick: () => updateProfile({ avatarColor: color }),
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "size-7 rounded-full border-2 transition-transform",
             profile.avatarColor === color ? "border-foreground scale-110" : "border-transparent hover:scale-105"
           ),
@@ -1478,7 +1478,7 @@ function FileSection(p) {
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React97.useState("");
   const [recent, setRecent] = React97.useState([]);
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   React97.useEffect(() => {
     void pptx.listBackstageRecentFiles(t, p.recentPresentationsCount).then(setRecent);
@@ -1708,7 +1708,7 @@ function RibbonMenu({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkRHNJ4IU2_js.cn("fixed z-50", className),
+      className: chunkXRFJ7TAF_js.cn("fixed z-50", className),
       style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
       children
     }
@@ -1734,7 +1734,7 @@ function LayoutGalleryMenu(p) {
               type: "button",
               "aria-current": isCurrent ? "true" : void 0,
               title: isCurrent ? `${layout.name} (${t("pptx.layoutGallery.current")})` : layout.name,
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "relative flex min-w-0 flex-col items-center gap-1 rounded border-2 p-1 text-xs text-foreground transition-colors hover:bg-muted",
                 isCurrent ? "border-primary bg-primary/10" : "border-transparent"
               ),
@@ -1808,7 +1808,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMFGD7XVJ_js.StaticElementRenderer,
+    chunk355ICDU6_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -2370,7 +2370,7 @@ function CustomShowsControls({
             {
               type: "button",
               onClick: onToggleCurrentSlideInActiveShow,
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "px-2 py-1 rounded text-[11px] transition-colors",
                 isCurrentSlideInActiveShow ? "bg-primary text-white" : "bg-muted hover:bg-accent"
               ),
@@ -2425,7 +2425,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = reactI18next.useTranslation();
-  const supplied = React97.useContext(chunkMFGD7XVJ_js.ViewerOptionsStoreContext);
+  const supplied = React97.useContext(chunk355ICDU6_js.ViewerOptionsStoreContext);
   const fallback = React97.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -2459,7 +2459,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(p.hiddenActions);
   const [showsOpen, setShowsOpen] = React97.useState(false);
   const showsRef = React97.useRef(null);
   React97.useEffect(() => {
@@ -2540,7 +2540,7 @@ function extractFontInfo(element, themeFonts) {
     fontFamily: pptx.resolveDefaultFontFamily(placeholderType, themeFonts),
     fontSize: "24"
   };
-  if (!element || !(0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element)) {
+  if (!element || !(0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element)) {
     return defaults;
   }
   const segStyle = element.textSegments?.[0]?.style;
@@ -2561,7 +2561,7 @@ function getEffectiveTextStyle(element, tableEditorState) {
   if (!element) {
     return void 0;
   }
-  if ((0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element)) {
+  if ((0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element)) {
     return element.textStyle;
   }
   if (element.type === "table" && tableEditorState && element.tableData) {
@@ -2574,7 +2574,7 @@ function isTextDecorationFlag(id) {
   return pptx.TEXT_DECORATION_FLAGS.includes(id);
 }
 function textSectionFlags(element, tableEditorState, readSelection) {
-  if (element && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element)) {
+  if (element && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element)) {
     const result = readSelection ? pptx.getInlineEditorSelectionResult(element.textSegments) : null;
     const current = result?.kind === "supported" && (!result.snapshot || result.snapshot.elementId === element.id) ? result : null;
     return pptx.getSelectionTextStyleFlags(
@@ -2590,7 +2590,7 @@ function textSectionFlags(element, tableEditorState, readSelection) {
   );
 }
 function textSectionBulletKind(element, tableEditorState) {
-  if (element && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element)) {
+  if (element && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element)) {
     const result = pptx.getInlineEditorSelectionResult(element.textSegments, { preserveCaret: true });
     return result.kind === "supported" && (!result.snapshot || result.snapshot.elementId === element.id) ? pptx.selectionBulletKind(element, result.selection, result.snapshot?.textSegments) : pptx.elementBulletKind(element);
   }
@@ -2827,7 +2827,7 @@ function subscribe(onChange) {
 }
 function useParagraphListKind(element) {
   const read = React97.useCallback(() => {
-    if (!element || !(0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element)) {
+    if (!element || !(0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element)) {
       return "none";
     }
     const result = pptx.getInlineEditorSelectionResult(element.textSegments, { preserveCaret: true });
@@ -2850,7 +2850,7 @@ function TextSection(p) {
   const hasSel = Boolean(p.selectedElement);
   const canMut = hasSel && p.canEdit;
   const { fontFamily, fontSize } = extractFontInfo(p.selectedElement, p.themeFonts);
-  const isTextEl = hasSel && p.selectedElement !== null && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement);
+  const isTextEl = hasSel && p.selectedElement !== null && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement);
   const isTable = hasSel && p.selectedElement?.type === "table";
   const canFormat = isTextEl || isTable;
   const effectiveTs = getEffectiveTextStyle(p.selectedElement, p.tableEditorState);
@@ -2860,15 +2860,15 @@ function TextSection(p) {
     if (!p.canEdit || !canFormat || !p.selectedElement) {
       return;
     }
-    if ((0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement)) {
+    if ((0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement)) {
       p.onToggleBullets(kind);
       return;
     }
     p.onUpdateTextStyle({ listType: effectiveTs?.listType === kind ? "none" : kind });
   };
-  const currentColor = isTextEl && p.selectedElement && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.color ?? p.selectedElement.textStyle?.color ?? "#000000" : effectiveTs?.color ?? "#000000";
-  const currentColorThemeRef = isTextEl && p.selectedElement && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.colorRef ?? p.selectedElement.textStyle?.colorRef : void 0;
-  const currentHighlight = isTextEl && p.selectedElement && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.highlightColor ?? p.selectedElement.textStyle?.highlightColor ?? "#ffff00" : "#ffff00";
+  const currentColor = isTextEl && p.selectedElement && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.color ?? p.selectedElement.textStyle?.color ?? "#000000" : effectiveTs?.color ?? "#000000";
+  const currentColorThemeRef = isTextEl && p.selectedElement && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.colorRef ?? p.selectedElement.textStyle?.colorRef : void 0;
+  const currentHighlight = isTextEl && p.selectedElement && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.highlightColor ?? p.selectedElement.textStyle?.highlightColor ?? "#ffff00" : "#ffff00";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.font"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "font-controls", children: [
@@ -2883,7 +2883,7 @@ function TextSection(p) {
             customFonts: p.customFontFamilies,
             onFamily: (family) => p.onUpdateTextStyle({ fontFamily: family }),
             onSize: (size) => p.onUpdateTextStyle({
-              fontSize: p.selectedElement && (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(p.selectedElement) ? pptx.textFontSizePtToPx(size) : size
+              fontSize: p.selectedElement && (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(p.selectedElement) ? pptx.textFontSizePtToPx(size) : size
             })
           }
         ),
@@ -2993,7 +2993,7 @@ function MobileSheet({
 }) {
   const sheetRef = React97.useRef(null);
   const { t } = reactI18next.useTranslation();
-  const { dragY, dragging, handlers } = chunkMFGD7XVJ_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunk355ICDU6_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -3017,7 +3017,7 @@ function MobileSheet({
         "aria-modal": "true",
         "aria-label": typeof title === "string" ? title : t("pptx.mobileSheet.ariaLabel"),
         tabIndex: -1,
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
           "animate-in slide-in-from-bottom duration-200",
           className
@@ -3081,7 +3081,7 @@ function MobileMenuSheet(props) {
   const { t } = reactI18next.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React97.useState("home");
-  const { isTabVisible } = chunkMFGD7XVJ_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunk355ICDU6_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -3095,7 +3095,7 @@ function MobileMenuSheet(props) {
           {
             type: "button",
             onClick: () => setActive(active === key ? null : key),
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
               active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
             ),
@@ -3362,7 +3362,7 @@ function MobileToolbar(props) {
   const { t } = reactI18next.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React97.useState(false);
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -3427,7 +3427,7 @@ function DrawingGroup(p) {
   const { recentColors, pushColor } = useRecentColors();
   const themeColors = useThemeColorMap();
   const commands = useRibbonGalleryCommands();
-  const style = p.selectedElement && (0, chunkRHNJ4IU2_js.dist_exports.hasShapeProperties)(p.selectedElement) ? p.selectedElement.shapeStyle : void 0;
+  const style = p.selectedElement && (0, chunkXRFJ7TAF_js.dist_exports.hasShapeProperties)(p.selectedElement) ? p.selectedElement.shapeStyle : void 0;
   const { onMoveLayer, onMoveLayerToEdge, onSetNewShapeType, onAddShape, onUpdateElementStyle } = p;
   const hasSelection = Boolean(p.selectedElement);
   const controls = React97.useMemo(
@@ -3530,7 +3530,7 @@ var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap t
 var TAB_UNDERLINE = "after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary";
 function RibbonTabBar(p) {
   const { t } = reactI18next.useTranslation();
-  const viewerOptions = chunkMFGD7XVJ_js.useViewerOptionsContext();
+  const viewerOptions = chunk355ICDU6_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3538,7 +3538,7 @@ function RibbonTabBar(p) {
       "data-pptx-chrome": "ribbon-tabs",
       className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
       children: [
-        chunkRHNJ4IU2_js.TOOLBAR_SECTIONS.filter((s) => p.isTabVisible(s.id)).map((s) => {
+        chunkXRFJ7TAF_js.TOOLBAR_SECTIONS.filter((s) => p.isTabVisible(s.id)).map((s) => {
           const selected = p.activeSection === s.id;
           return /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -3548,7 +3548,7 @@ function RibbonTabBar(p) {
               "aria-selected": selected,
               title: pptx.resolveScreenTip(viewerOptions, t(s.labelKey)),
               onClick: () => p.onSelectSection(s.id),
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 TAB_BASE,
                 selected ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : `text-foreground ${TAB_UNDERLINE}` : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
               ),
@@ -3569,7 +3569,7 @@ function RibbonTabBar(p) {
               ...{ [pptx.RIBBON_CONTEXTUAL_TAB_ATTR]: id },
               title: pptx.resolveScreenTip(viewerOptions, label),
               onClick: () => p.onSelectContextual(id),
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 TAB_BASE,
                 "text-primary",
                 selected ? TAB_UNDERLINE : "hover:bg-primary/10"
@@ -3587,9 +3587,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   const isCollaborating = collab && collab.status === "connected";
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 pr-1", children: [
     p.onEnterRehearsalMode && !isHidden("record") && /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -3610,7 +3610,7 @@ function TabRowActions(p) {
       {
         type: "button",
         onClick: p.onOpenShareDialog,
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "relative inline-flex items-center gap-1 px-2.5 py-1 rounded-sm text-[11px] font-medium transition-colors whitespace-nowrap",
           isCollaborating ? "bg-green-600 hover:bg-green-500 text-white" : "bg-primary hover:bg-primary/90 text-white"
         ),
@@ -3626,7 +3626,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = reactI18next.useTranslation();
-  const options = chunkMFGD7XVJ_js.useViewerOptionsContext();
+  const options = chunk355ICDU6_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React97.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -3699,7 +3699,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: onPresent,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "px-2 py-1 transition-colors",
             isActive ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -3712,7 +3712,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: () => setOpen((prev) => !prev),
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "inline-flex items-center px-1 transition-colors border-l border-border",
             open ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -3915,7 +3915,7 @@ function OverflowMenu(p) {
       {
         type: "button",
         onClick: () => p.onSetOverflowMenuOpen(!p.isOverflowMenuOpen),
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "p-1.5 rounded transition-colors",
           p.isOverflowMenuOpen ? "bg-primary/80 text-white" : "bg-muted hover:bg-accent"
         ),
@@ -3962,7 +3962,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -3981,7 +3981,7 @@ function ToolbarPrimaryRow(p) {
           {
             type: "button",
             onClick: onToggleSidebar,
-            className: chunkRHNJ4IU2_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
+            className: chunkXRFJ7TAF_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
             title: t("pptx.toolbar.toggleSlidesPanel"),
             "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelLeft, { className: ic })
@@ -3993,7 +3993,7 @@ function ToolbarPrimaryRow(p) {
           {
             type: "button",
             onClick: p.onToggleComments,
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               qab,
               "relative max-md:hidden",
               p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
@@ -4060,7 +4060,7 @@ function ToolbarPrimaryRow(p) {
           {
             type: "button",
             onClick: onToggleInspector,
-            className: chunkRHNJ4IU2_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
+            className: chunkXRFJ7TAF_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
             title: t("pptx.toolbar.toggleInspector"),
             "aria-label": t("pptx.toolbar.toggleInspector"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelRight, { className: ic })
@@ -4071,7 +4071,7 @@ function ToolbarPrimaryRow(p) {
           {
             type: "button",
             onClick: p.onToggleAiPanel,
-            className: chunkRHNJ4IU2_js.cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
+            className: chunkXRFJ7TAF_js.cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
             title: t("pptx.toolbar.toggleAiAssistant"),
             "aria-label": t("pptx.toolbar.toggleAiAssistant"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSparkles, { className: ic })
@@ -4082,7 +4082,7 @@ function ToolbarPrimaryRow(p) {
           {
             type: "button",
             onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-            className: chunkRHNJ4IU2_js.cn(qab, "text-muted-foreground"),
+            className: chunkXRFJ7TAF_js.cn(qab, "text-muted-foreground"),
             title: t("pptx.toolbar.settingsShortcuts"),
             "aria-label": t("pptx.toolbar.settings"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: ics })
@@ -4279,8 +4279,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = reactI18next.useTranslation();
-  const { isTabVisible } = chunkMFGD7XVJ_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunkMFGD7XVJ_js.useViewerOptionsContext();
+  const { isTabVisible } = chunk355ICDU6_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunk355ICDU6_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React97.useMemo(
     () => ({
@@ -4362,7 +4362,7 @@ function Toolbar(p) {
                 {
                   type: "button",
                   onClick: p.onToggleCompactToolbar,
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "px-2 py-1 rounded text-[11px] transition-colors mr-1",
                     isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
                   ),
@@ -4388,7 +4388,7 @@ function Toolbar(p) {
           {
             ref: attachOverflow,
             "data-pptx-chrome": "ribbon-content",
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               // Plain controls stay compact; labelled RibbonGroups opt into stretching.
               // `RibbonGroupScope` wraps controls in a `display: contents` div, so its
               // children are this row's flex items too and must not shrink (a shrunk
@@ -5241,7 +5241,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunkMFGD7XVJ_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunk355ICDU6_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -5256,7 +5256,7 @@ function DrawingOverlaySvg({
     }
   );
 }
-function GridOverlay({ canvasSize, gridSpacingPx = chunkRHNJ4IU2_js.GRID_SIZE, visible }) {
+function GridOverlay({ canvasSize, gridSpacingPx = chunkXRFJ7TAF_js.GRID_SIZE, visible }) {
   const spacing = Math.max(gridSpacingPx, 2);
   const patternId = React97.useMemo(() => `grid-dot-pattern-${Math.random().toString(36).slice(2, 8)}`, []);
   if (!visible) {
@@ -5820,7 +5820,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunkMFGD7XVJ_js.imgSrc(element);
+  const src = chunk355ICDU6_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6233,10 +6233,10 @@ function SelectionHandleOverlay({
         position: "absolute",
         left: element.x,
         top: element.y,
-        width: Math.max(element.width, chunkRHNJ4IU2_js.MIN_ELEMENT_SIZE),
-        height: Math.max(element.height, chunkRHNJ4IU2_js.MIN_ELEMENT_SIZE),
-        ["--pptx-selection-width"]: `${Math.max(element.width, chunkRHNJ4IU2_js.MIN_ELEMENT_SIZE)}px`,
-        ["--pptx-selection-height"]: `${Math.max(element.height, chunkRHNJ4IU2_js.MIN_ELEMENT_SIZE)}px`,
+        width: Math.max(element.width, chunkXRFJ7TAF_js.MIN_ELEMENT_SIZE),
+        height: Math.max(element.height, chunkXRFJ7TAF_js.MIN_ELEMENT_SIZE),
+        ["--pptx-selection-width"]: `${Math.max(element.width, chunkXRFJ7TAF_js.MIN_ELEMENT_SIZE)}px`,
+        ["--pptx-selection-height"]: `${Math.max(element.height, chunkXRFJ7TAF_js.MIN_ELEMENT_SIZE)}px`,
         // Every slide element carries an explicit numeric `zIndex` (see
         // `getContainerStyle`), so a sibling with no z-index at all paints
         // at the CSS "z-index: 0" level regardless of DOM order: any
@@ -6248,7 +6248,7 @@ function SelectionHandleOverlay({
         // (marquee z-50, connector overlay z-55/56) to match, well clear of
         // any realistic per-slide element count.
         zIndex: 58,
-        transform: chunkRHNJ4IU2_js.getElementTransform(element),
+        transform: chunkXRFJ7TAF_js.getElementTransform(element),
         transformOrigin: "center",
         // Transparent everywhere a handle button is not, so a click that
         // misses every handle still reaches the shape (or whatever is
@@ -6260,14 +6260,14 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMFGD7XVJ_js.ResizeHandles,
+        chunk355ICDU6_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
           onResizePointerDown,
           onAdjustmentPointerDown,
           rotation: element.rotation,
-          nonRotationTransform: chunkRHNJ4IU2_js.getElementTransformWithoutRotation(element),
+          nonRotationTransform: chunkXRFJ7TAF_js.getElementTransformWithoutRotation(element),
           onRotate: allow.rotatable ? onRotate : void 0,
           forcePointerEvents: true
         }
@@ -6970,7 +6970,7 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -7211,6 +7211,8 @@ function SlideCanvasContent({
                   width: canvasSize.width,
                   height: canvasSize.height,
                   transform: `scale(${zoom.editorScale})`,
+                  // One device pixel in slide px: thin strokes stay visible on screen.
+                  ...pptx.deviceStrokeStageStyle(zoom.editorScale),
                   transformOrigin: "top left",
                   ["--pptx-handle-inverse-scale"]: 1 / zoom.editorScale,
                   // Motion-path keyframes translate by a fraction of the SLIDE, so
@@ -7237,7 +7239,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7249,7 +7251,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkMFGD7XVJ_js.ElementRenderer,
+                    chunk355ICDU6_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7271,7 +7273,7 @@ function SlideCanvasContent({
                       ),
                       renderInk: false,
                       renderGroups: true,
-                      adjustmentHandles: isEditableCanvas && selectedElement?.id === element.id ? chunkRHNJ4IU2_js.getShapeAdjustmentHandleDescriptors(element) : EMPTY_ADJUSTMENT_HANDLES,
+                      adjustmentHandles: isEditableCanvas && selectedElement?.id === element.id ? chunkXRFJ7TAF_js.getShapeAdjustmentHandleDescriptors(element) : EMPTY_ADJUSTMENT_HANDLES,
                       onResizePointerDown: stableResizePointerDown,
                       onAdjustmentPointerDown: stableAdjustmentPointerDown,
                       onRotate: stableRotate,
@@ -7293,7 +7295,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkMFGD7XVJ_js.ElementRenderer,
+                    chunk355ICDU6_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7315,7 +7317,7 @@ function SlideCanvasContent({
                       ),
                       renderInk: true,
                       renderGroups: true,
-                      adjustmentHandles: isEditableCanvas && selectedElement?.id === element.id ? chunkRHNJ4IU2_js.getShapeAdjustmentHandleDescriptors(element) : EMPTY_ADJUSTMENT_HANDLES,
+                      adjustmentHandles: isEditableCanvas && selectedElement?.id === element.id ? chunkXRFJ7TAF_js.getShapeAdjustmentHandleDescriptors(element) : EMPTY_ADJUSTMENT_HANDLES,
                       onResizePointerDown: stableResizePointerDown,
                       onAdjustmentPointerDown: stableAdjustmentPointerDown,
                       onRotate: stableRotate,
@@ -7359,7 +7361,7 @@ function SlideCanvasContent({
                   editingMember && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-element-id="${cssAttr(editingMember.parentId)}"] [data-element-id="${cssAttr(editingMember.member.id)}"]{visibility:hidden}` }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkMFGD7XVJ_js.ElementRenderer,
+                      chunk355ICDU6_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -7394,11 +7396,11 @@ function SlideCanvasContent({
                       `group-member-edit-${editingMember.member.id}`
                     )
                   ] }),
-                  selectedElement && selectedElement.id !== cropElement?.id && pptx.shouldShowElementHandles(isEditableCanvas, true, selectedElementIdSet.size) && !chunkRHNJ4IU2_js.isConnectorOrLineElement(selectedElement) && outlineAuthoring?.editPointsElementId !== selectedElement.id && /* @__PURE__ */ jsxRuntime.jsx(
+                  selectedElement && selectedElement.id !== cropElement?.id && pptx.shouldShowElementHandles(isEditableCanvas, true, selectedElementIdSet.size) && !chunkXRFJ7TAF_js.isConnectorOrLineElement(selectedElement) && outlineAuthoring?.editPointsElementId !== selectedElement.id && /* @__PURE__ */ jsxRuntime.jsx(
                     SelectionHandleOverlay,
                     {
                       element: selectedElement,
-                      adjustmentHandles: chunkRHNJ4IU2_js.getShapeAdjustmentHandleDescriptors(selectedElement),
+                      adjustmentHandles: chunkXRFJ7TAF_js.getShapeAdjustmentHandleDescriptors(selectedElement),
                       onResizePointerDown: stableResizePointerDown,
                       onAdjustmentPointerDown: stableAdjustmentPointerDown,
                       onRotate: stableRotate,
@@ -7512,7 +7514,7 @@ function LoadingState({ className }) {
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true",
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "h-full w-full flex items-center justify-center text-muted-foreground",
         className
       ),
@@ -7535,7 +7537,7 @@ function ErrorState({ className, error }) {
     {
       role: "alert",
       "aria-live": "assertive",
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "h-full w-full flex items-center justify-center p-6 text-center text-red-400",
         className
       ),
@@ -7566,7 +7568,7 @@ function ShortcutPanel({ isOpen, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunkRHNJ4IU2_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunkXRFJ7TAF_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "flex items-center justify-between gap-3 rounded bg-muted/80 px-2 py-1.5",
@@ -7626,14 +7628,14 @@ function AccessibilityPanel({
               "aria-label": t("pptx.accessibility.reduceMotion"),
               "aria-checked": reducedMotion ?? false,
               onClick: onToggleReducedMotion,
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
                 reducedMotion ? "bg-primary" : "bg-muted-foreground/30"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
                     reducedMotion ? "translate-x-4" : "translate-x-0.5"
                   )
@@ -7652,7 +7654,7 @@ function AccessibilityPanel({
               "div",
               {
                 role: "listitem",
-                className: chunkRHNJ4IU2_js.cn(
+                className: chunkXRFJ7TAF_js.cn(
                   "flex items-start gap-2 rounded px-2 py-1.5 text-xs",
                   /* Severity-based background and text colouring */
                   issue.severity === "error" ? "bg-red-900/30 text-red-300" : issue.severity === "warning" ? "bg-amber-900/30 text-amber-300" : "bg-muted/50 text-muted-foreground"
@@ -7812,7 +7814,7 @@ function ResizeHandle({
     {
       role: "separator",
       "aria-orientation": direction,
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         // Outer container: generous hit area for easy clicking.
         // The visible indicator is rendered via the inner pseudo-element (::after).
         "relative flex-shrink-0 z-20 group",
@@ -7823,7 +7825,7 @@ function ResizeHandle({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "absolute transition-colors",
             direction === "horizontal" ? "top-0 bottom-0 left-1/2 -translate-x-1/2 w-0.5 group-hover:w-1 group-hover:bg-primary/40 group-active:w-1 group-active:bg-primary/60" : "left-0 right-0 top-1/2 -translate-y-1/2 h-0.5 group-hover:h-1 group-hover:bg-primary/40 group-active:h-1 group-active:bg-primary/60"
           )
@@ -7842,14 +7844,14 @@ function SlideThumbnailImpl({
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const width = previewWidth ?? chunkRHNJ4IU2_js.SLIDE_NAV_THUMBNAIL_WIDTH;
+  const width = previewWidth ?? chunkXRFJ7TAF_js.SLIDE_NAV_THUMBNAIL_WIDTH;
   const scale = width / safeCanvasWidth;
   const previewHeight = pptx.editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, width);
   const previewElements = pptx.buildPreviewElements(slide, templateElements);
   const slideFieldContext = pptx.deriveSlideFieldContext(fieldContext, slide);
   const { t } = reactI18next.useTranslation();
   const transitionLabel = slide.transition ? (() => {
-    const opt = chunkRHNJ4IU2_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
+    const opt = chunkXRFJ7TAF_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
     return opt ? t(opt.i18nKey) : slide.transition.type;
   })() : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -7871,10 +7873,11 @@ function SlideThumbnailImpl({
             width: safeCanvasWidth,
             height: safeCanvasHeight,
             transform: `scale(${scale})`,
-            transformOrigin: "top left"
+            transformOrigin: "top left",
+            ...pptx.deviceStrokeStageStyle(scale)
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.SlideBackgroundImageLayer, { slide }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.SlideBackgroundImageLayer, { slide }),
             slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -7884,7 +7887,7 @@ function SlideThumbnailImpl({
               }
             ),
             previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMFGD7XVJ_js.StaticElementRenderer,
+              chunk355ICDU6_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -8440,7 +8443,7 @@ function SectionHeader({
         /* @__PURE__ */ jsxRuntime.jsx(
           lu.LuChevronDown,
           {
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "h-3 w-3 flex-shrink-0 transition-transform",
               isCollapsed ? "-rotate-90" : "rotate-0"
             )
@@ -8591,7 +8594,7 @@ function LazyThumbnailInner({
 }
 var LazyThumbnail = React97__default.default.memo(LazyThumbnailInner);
 function declaredSectionFacts(groups, sectionId) {
-  const declared = groups.filter((group) => group.id !== chunkRHNJ4IU2_js.DEFAULT_SECTION_GROUP_ID && group.id !== chunkRHNJ4IU2_js.UNGROUPED_SECTION_ID).map((group) => group.id);
+  const declared = groups.filter((group) => group.id !== chunkXRFJ7TAF_js.DEFAULT_SECTION_GROUP_ID && group.id !== chunkXRFJ7TAF_js.UNGROUPED_SECTION_ID).map((group) => group.id);
   return {
     isDeclared: declared.includes(sectionId),
     index: declared.indexOf(sectionId),
@@ -8676,7 +8679,7 @@ function SlideItemInner({
       "data-pptx-chrome": "slide-row",
       "aria-describedby": cue.labelId,
       "data-pptx-slide-hidden": cue.marker,
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
         isSelected && !isActive && "bg-accent/20 ring-1 ring-inset ring-primary/50",
@@ -8698,7 +8701,7 @@ function SlideItemInner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "text-[10px] tabular-nums text-right select-none w-full",
                     isActive ? "text-primary font-medium" : "text-muted-foreground"
                   ),
@@ -8721,7 +8724,7 @@ function SlideItemInner({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "relative shrink-0 overflow-hidden border transition-colors bg-white",
               isActive ? "border-primary/60" : "border-transparent group-hover:border-border/40"
             ),
@@ -8920,7 +8923,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   const slideRefs = React97.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React97.useRef(null);
   const slidePresenceMap = React97.useMemo(() => {
@@ -8945,7 +8948,7 @@ function SlidesPaneSidebar({
     () => estimateSlideItemHeight(canvasSize.width, canvasSize.height, previewWidth),
     [canvasSize.width, canvasSize.height, previewWidth]
   );
-  const showSectionHeaders = sectionGroups.some((group) => group.id !== chunkRHNJ4IU2_js.DEFAULT_SECTION_GROUP_ID);
+  const showSectionHeaders = sectionGroups.some((group) => group.id !== chunkXRFJ7TAF_js.DEFAULT_SECTION_GROUP_ID);
   const {
     collapsedSections,
     renamingSectionId,
@@ -9015,7 +9018,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkMFGD7XVJ_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunk355ICDU6_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -9272,7 +9275,7 @@ function HandoutMasterPanel({
         {
           type: "button",
           "aria-pressed": slidesPerPage === count,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "px-2 py-1.5 rounded text-[11px] font-medium transition-colors",
             slidesPerPage === count ? "bg-primary text-white" : "bg-accent/50 text-muted-foreground hover:bg-accent/70 hover:text-foreground"
           ),
@@ -9390,7 +9393,7 @@ function SlideMastersList({
             ref: isMasterActive ? activeRef : void 0,
             "aria-pressed": isMasterActive,
             "aria-label": master.name || t("pptx.master.master"),
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "group relative block w-full cursor-pointer rounded-lg border-2 p-1 text-left transition-all",
               isMasterActive ? "border-amber-500 bg-amber-500/10" : "border-border bg-background/40 hover:border-border"
             ),
@@ -9407,7 +9410,7 @@ function SlideMastersList({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 px-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "text-[10px] font-medium",
                     isMasterActive ? "text-amber-400" : "text-muted-foreground"
                   ),
@@ -9426,7 +9429,7 @@ function SlideMastersList({
               ref: isLayoutActive ? activeRef : void 0,
               "aria-pressed": isLayoutActive,
               "aria-label": layout.name || t("pptx.master.layout"),
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "group relative block w-full cursor-pointer rounded-md border-2 p-0.5 text-left transition-all",
                 isLayoutActive ? "border-primary bg-primary/10" : "border-border bg-background/40 hover:border-border"
               ),
@@ -9443,7 +9446,7 @@ function SlideMastersList({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 px-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: chunkRHNJ4IU2_js.cn(
+                    className: chunkXRFJ7TAF_js.cn(
                       "text-[9px]",
                       isLayoutActive ? "text-primary" : "text-muted-foreground"
                     ),
@@ -9535,7 +9538,7 @@ function MasterViewSidebar({
                 type: "button",
                 role: "tab",
                 "aria-selected": masterViewTab === tab.key,
-                className: chunkRHNJ4IU2_js.cn(
+                className: chunkXRFJ7TAF_js.cn(
                   "flex-1 px-1 py-1.5 text-[10px] font-medium transition-colors border-b-2",
                   masterViewTab === tab.key ? "border-amber-500 text-amber-400" : "border-transparent text-muted-foreground hover:text-foreground"
                 ),
@@ -10038,7 +10041,7 @@ function SectionBlock({
           /* @__PURE__ */ jsxRuntime.jsx(
             lu.LuChevronDown,
             {
-              className: chunkRHNJ4IU2_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
+              className: chunkXRFJ7TAF_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-left", children: section.label }),
@@ -10087,7 +10090,7 @@ function SlideCardImpl({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "group relative cursor-pointer rounded-lg border-2 p-1 transition-all",
         isDragTarget ? "border-primary bg-primary/20" : isSelected ? "border-primary bg-primary/10 ring-1 ring-primary/50" : isActive ? "border-primary/50 bg-primary/5" : "border-border bg-background/50 hover:border-border",
         slide.hidden && "opacity-40"
@@ -10110,7 +10113,7 @@ function SlideCardImpl({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "text-[11px] font-medium px-0.5",
                 isSelected ? "text-primary" : isActive ? "text-primary/70" : "text-muted-foreground"
               ),
@@ -10852,7 +10855,7 @@ function ReadingViewStage({
           "div",
           {
             className: "absolute inset-0",
-            style: { backgroundColor: chunkRHNJ4IU2_js.normalizeHexColor(slide.backgroundColor, "#ffffff") }
+            style: { backgroundColor: chunkXRFJ7TAF_js.normalizeHexColor(slide.backgroundColor, "#ffffff") }
           }
         ),
         slide.backgroundImage && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10869,9 +10872,9 @@ function ReadingViewStage({
           "div",
           {
             className: "absolute left-0 top-0 origin-top-left",
-            style: { width, height, transform: `scale(${scale})` },
+            style: { width, height, transform: `scale(${scale})`, ...pptx.deviceStrokeStageStyle(scale) },
             children: elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMFGD7XVJ_js.StaticElementRenderer,
+              chunk355ICDU6_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -11083,7 +11086,7 @@ function renderRichNotesSegments(segments) {
       if (segment.style.fontFamily) {
         style.fontFamily = segment.style.fontFamily;
       }
-      if (segment.style.hyperlink && chunkRHNJ4IU2_js.isUrlSafe(segment.style.hyperlink)) {
+      if (segment.style.hyperlink && chunkXRFJ7TAF_js.isUrlSafe(segment.style.hyperlink)) {
         const safeHref = segment.style.hyperlink;
         style.color = "#4a9eff";
         style.textDecoration = "underline";
@@ -11096,7 +11099,7 @@ function renderRichNotesSegments(segments) {
               style,
               onClick: (e) => {
                 e.preventDefault();
-                chunkRHNJ4IU2_js.safeOpenUrl(safeHref);
+                chunkXRFJ7TAF_js.safeOpenUrl(safeHref);
               },
               children: segment.text
             },
@@ -11445,7 +11448,7 @@ function useSlideNotes({
     const href = target.getAttribute("data-hyperlink") || target.getAttribute("href");
     if (href && (e.ctrlKey || e.metaKey)) {
       e.preventDefault();
-      chunkRHNJ4IU2_js.safeOpenUrl(href);
+      chunkXRFJ7TAF_js.safeOpenUrl(href);
     }
   }, []);
   return {
@@ -11526,7 +11529,7 @@ function SlideNotesPanel({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunkMFGD7XVJ_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunk355ICDU6_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -11542,7 +11545,7 @@ function SlideNotesPanel({
       {
         ref: rootRef,
         "data-pptx-chrome": "notes",
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "flex flex-col border-t border-border/60 bg-background select-none",
           // On mobile, hide the entire notes strip when collapsed: the
           // MobileBottomBar's Notes button is the entry point instead.
@@ -11906,7 +11909,7 @@ function SlideDiffRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "rounded-lg border transition-colors",
         isResolved ? "border-border/60 bg-card/40 opacity-60" : "border-border bg-background/70"
       ),
@@ -11920,7 +11923,7 @@ function SlideDiffRow({
             children: [
               expanded ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground", children: t("pptx.compare.slideNumber", { number: slideNumber }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkRHNJ4IU2_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXRFJ7TAF_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
               diff.changes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
                 diff.changes.length,
                 " ",
@@ -11930,7 +11933,7 @@ function SlideDiffRow({
               isResolved && /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "text-[10px] font-medium",
                     accepted ? "text-green-400" : "text-muted-foreground"
                   ),
@@ -11958,7 +11961,7 @@ function SlideDiffRow({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkRHNJ4IU2_js.cn(
+                  className: chunkXRFJ7TAF_js.cn(
                     "rounded border overflow-hidden",
                     diff.status === "added" ? "border-green-700/60" : diff.status === "changed" ? "border-amber-700/60" : "border-border"
                   ),
@@ -12663,7 +12666,7 @@ function DocumentPropertiesDialog({
   const handleClose = React97.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13260,7 +13263,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = reactI18next.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunkMFGD7XVJ_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunk355ICDU6_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React97.useState("");
@@ -13428,7 +13431,7 @@ function ScaledSlidePreviewImpl({
           {
             className: "absolute inset-0",
             style: {
-              backgroundColor: chunkRHNJ4IU2_js.normalizeHexColor(slide.backgroundColor, "#ffffff")
+              backgroundColor: chunkXRFJ7TAF_js.normalizeHexColor(slide.backgroundColor, "#ffffff")
             }
           }
         ),
@@ -13450,10 +13453,11 @@ function ScaledSlidePreviewImpl({
               width: safeCanvasWidth,
               height: safeCanvasHeight,
               transform: `scale(${scale})`,
-              transformOrigin: "top left"
+              transformOrigin: "top left",
+              ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMFGD7XVJ_js.StaticElementRenderer,
+              chunk355ICDU6_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -14170,7 +14174,7 @@ function getElementDisplayName(element, index) {
   if (element.name && element.name.trim().length > 0) {
     return element.name.trim();
   }
-  if ((0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element) && element.text && element.text.trim().length > 0) {
+  if ((0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element) && element.text && element.text.trim().length > 0) {
     return element.text.trim().slice(0, 32);
   }
   const label = TYPE_LABELS[element.type] ?? "Object";
@@ -14343,7 +14347,7 @@ function SelectionPane({
                 setDragIndex(null);
                 setDragOverIndex(null);
               },
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "flex items-center gap-1.5 px-2 py-1 text-xs cursor-pointer transition-colors",
                 isSelected ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground",
                 dragOverIndex === realIndex ? "border-t-2 border-primary" : ""
@@ -14397,13 +14401,13 @@ function SelectionPane({
 }
 var INPUT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px] max-md:min-h-[44px]!";
 var SELECT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px] max-md:min-h-[44px]!";
-var ENTRANCE_PRESETS = chunkRHNJ4IU2_js.ANIMATION_PRESET_OPTIONS.filter(
+var ENTRANCE_PRESETS = chunkXRFJ7TAF_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeIn" || o.value === "flyIn" || o.value === "zoomIn"
 );
-var EXIT_PRESETS = chunkRHNJ4IU2_js.ANIMATION_PRESET_OPTIONS.filter(
+var EXIT_PRESETS = chunkXRFJ7TAF_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeOut" || o.value === "flyOut" || o.value === "zoomOut"
 );
-var EMPHASIS_PRESETS = chunkRHNJ4IU2_js.ANIMATION_PRESET_OPTIONS.filter(
+var EMPHASIS_PRESETS = chunkXRFJ7TAF_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "spin" || o.value === "pulse" || o.value === "colorWave" || o.value === "bounce" || o.value === "flash" || o.value === "growShrink" || o.value === "teeter"
 );
 var TIMING_CURVE_OPTIONS = [
@@ -14569,7 +14573,7 @@ function AnimationTimelineSection({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-6 rounded bg-muted/50 border border-border overflow-hidden", children: timelineBarData.map((bar) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "absolute top-0.5 bottom-0.5 rounded-sm transition-colors",
             animationTypeColor(bar.anim),
             bar.anim.elementId === selectedElementId && "ring-1 ring-primary"
@@ -14598,7 +14602,7 @@ function AnimationTimelineSection({
               onDragLeave: handleDragLeave,
               onDrop: (e) => handleDrop(index, e),
               title: t("pptx.animation.nativeEffectHint"),
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "flex items-center gap-1 px-1 py-0.5 rounded text-[10px] italic",
                 "bg-muted/20 text-muted-foreground/70",
                 isDragOver && "border-t-2 border-primary"
@@ -14637,7 +14641,7 @@ function AnimationTimelineSection({
             onDragEnd: handleDragEnd,
             onMouseEnter: () => handleAnimationHover(anim),
             onMouseLeave: handleAnimationHoverEnd,
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "flex items-center gap-1 px-1 py-0.5 rounded text-[10px] cursor-grab transition-colors",
               isSelected ? "bg-primary/30 text-primary" : "bg-muted/50 text-muted-foreground",
               isDragging && "opacity-40",
@@ -14769,7 +14773,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunkMFGD7XVJ_js.playAnimationSound(asset.dataUrl);
+      chunk355ICDU6_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -14944,7 +14948,7 @@ function useAnimationPreview({
 }) {
   const handleAnimationHover = React97.useCallback((anim) => {
     if (anim.motionPath) {
-      chunkRHNJ4IU2_js.startMotionPathPreview(anim.elementId, anim.motionPath, {
+      chunkXRFJ7TAF_js.startMotionPathPreview(anim.elementId, anim.motionPath, {
         durationMs: anim.durationMs,
         delayMs: anim.delayMs,
         timingCurve: anim.timingCurve
@@ -14955,19 +14959,19 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunkRHNJ4IU2_js.startPreviewAnimation(anim.elementId, preset, {
+    chunkXRFJ7TAF_js.startPreviewAnimation(anim.elementId, preset, {
       direction: anim.direction,
       durationMs: anim.durationMs ?? 500,
       timingCurve: anim.timingCurve
     });
   }, []);
-  const handleAnimationHoverEnd = React97.useCallback(() => chunkRHNJ4IU2_js.stopPreviewAnimation(), []);
+  const handleAnimationHoverEnd = React97.useCallback(() => chunkXRFJ7TAF_js.stopPreviewAnimation(), []);
   const handlePreviewClick = React97.useCallback(() => {
     if (!selectedElementAnimation) {
       return;
     }
     if (selectedElementAnimation.motionPath) {
-      chunkRHNJ4IU2_js.startMotionPathPreview(selectedElementId, selectedElementAnimation.motionPath, {
+      chunkXRFJ7TAF_js.startMotionPathPreview(selectedElementId, selectedElementAnimation.motionPath, {
         durationMs: selectedElementAnimation.durationMs,
         delayMs: selectedElementAnimation.delayMs,
         timingCurve: selectedElementAnimation.timingCurve
@@ -14978,7 +14982,7 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunkRHNJ4IU2_js.startPreviewAnimation(selectedElementId, preset, {
+    chunkXRFJ7TAF_js.startPreviewAnimation(selectedElementId, preset, {
       direction: selectedElementAnimation.direction,
       durationMs: selectedElementAnimation.durationMs ?? 500,
       timingCurve: selectedElementAnimation.timingCurve
@@ -15212,8 +15216,8 @@ function useAnimationHandlers({
       if (!el) {
         return anim.elementId.slice(0, 8);
       }
-      const text = (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(el) ? el.text : void 0;
-      return text || chunkRHNJ4IU2_js.getElementLabel(el);
+      const text = (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(el) ? el.text : void 0;
+      return text || chunkXRFJ7TAF_js.getElementLabel(el);
     },
     [activeSlide.elements]
   );
@@ -15223,8 +15227,8 @@ function useAnimationHandlers({
       if (!el) {
         return id.slice(0, 8);
       }
-      const text = (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(el) ? el.text : void 0;
-      return text || chunkRHNJ4IU2_js.getElementLabel(el);
+      const text = (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(el) ? el.text : void 0;
+      return text || chunkXRFJ7TAF_js.getElementLabel(el);
     }).join(", "),
     [activeSlide.elements]
   );
@@ -15281,7 +15285,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -15409,7 +15413,7 @@ function AnimationPanel({
                 type: "button",
                 disabled: !canEdit,
                 style: { minWidth: directionBtnPx, minHeight: directionBtnPx },
-                className: chunkRHNJ4IU2_js.cn(
+                className: chunkXRFJ7TAF_js.cn(
                   "flex items-center justify-center rounded border transition-colors",
                   isActive ? "border-primary bg-primary/20 text-primary" : "border-border bg-muted text-muted-foreground hover:bg-accent"
                 ),
@@ -15487,7 +15491,7 @@ function AnimationPanel({
             style: fieldStyle,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("pptx.animation.trigger.selectShape") }),
-              activeSlide.elements.filter((el) => el.id !== selectedElement.id).map((el) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: el.id, children: chunkRHNJ4IU2_js.getElementLabel(el) }, el.id))
+              activeSlide.elements.filter((el) => el.id !== selectedElement.id).map((el) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: el.id, children: chunkXRFJ7TAF_js.getElementLabel(el) }, el.id))
             ]
           }
         )
@@ -15635,7 +15639,7 @@ function ActionTargetFields({
         type: "text",
         disabled: !canEdit,
         "aria-label": t(urlLabelKey),
-        className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+        className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
         placeholder: "https://...",
         value: url ?? "",
         onChange: (e) => onChange({ url: e.target.value })
@@ -15649,7 +15653,7 @@ function ActionTargetFields({
         type: "number",
         disabled: !canEdit,
         "aria-label": t("pptx.action.gotoSlide"),
-        className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+        className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
         placeholder: t("pptx.action.slideNumberPlaceholder"),
         min: 1,
         max: slideCount,
@@ -15671,7 +15675,7 @@ function ActionTargetFields({
           "data-testid": "pptx-action-custom-show",
           disabled: !canEdit,
           "aria-label": t("pptx.hyperlink.customShowLabel"),
-          className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+          className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
           value: customShowId ?? "",
           onChange: (e) => onChange({ customShowId: e.target.value, returnAfter }),
           children: [
@@ -15704,11 +15708,11 @@ function ActionSettingsPanel({
   onUpdateElement
 }) {
   const { t } = reactI18next.useTranslation();
-  const clickAction = selectedElement.actionClick ? (0, chunkRHNJ4IU2_js.dist_exports.pptxActionToElementAction)(selectedElement.actionClick, "click") : void 0;
-  const hoverAction = selectedElement.actionHover ? (0, chunkRHNJ4IU2_js.dist_exports.pptxActionToElementAction)(selectedElement.actionHover, "hover") : void 0;
+  const clickAction = selectedElement.actionClick ? (0, chunkXRFJ7TAF_js.dist_exports.pptxActionToElementAction)(selectedElement.actionClick, "click") : void 0;
+  const hoverAction = selectedElement.actionHover ? (0, chunkXRFJ7TAF_js.dist_exports.pptxActionToElementAction)(selectedElement.actionHover, "hover") : void 0;
   const updateAction = (trigger, type, patch) => {
     const ea = { trigger, type, ...patch };
-    const pa = (0, chunkRHNJ4IU2_js.dist_exports.elementActionToPptxAction)(ea);
+    const pa = (0, chunkXRFJ7TAF_js.dist_exports.elementActionToPptxAction)(ea);
     if (trigger === "click") {
       onUpdateElement({ actionClick: pa });
     } else {
@@ -15793,7 +15797,7 @@ function ActionTriggerSection({
       {
         disabled: !canEdit,
         "aria-label": label,
-        className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+        className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
         value: effectiveType,
         onChange: (e) => changeType(e.target.value),
         children: pptx.ELEMENT_ACTION_TYPE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.labelKey) }, o.value))
@@ -16181,7 +16185,7 @@ function ChartDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const highlightRef = React97.useRef(null);
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const rowHeaderClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10 bg-card" : "";
@@ -17538,8 +17542,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunkMFGD7XVJ_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunkMFGD7XVJ_js.useChartPartSelection();
+  const followDataPoint = chunk355ICDU6_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunk355ICDU6_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -17753,40 +17757,40 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
     [chartData, selectedElement, replaceChartData]
   );
   const setAxisLogScale = React97.useCallback(
-    (axisType, opts) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartAxisLogScale)(el, axisType, opts)),
+    (axisType, opts) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartAxisLogScale)(el, axisType, opts)),
     [applyChartOp]
   );
   const setAxisTitleStyle = React97.useCallback(
-    (axisType, edit) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartAxisTitleStyle)(el, axisType, edit)),
+    (axisType, edit) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartAxisTitleStyle)(el, axisType, edit)),
     [applyChartOp]
   );
   const setGridlineStyle = React97.useCallback(
-    (axisType, which, edit) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartAxisGridlineStyle)(el, axisType, which, edit)),
+    (axisType, which, edit) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartAxisGridlineStyle)(el, axisType, which, edit)),
     [applyChartOp]
   );
   const setSeriesMarker = React97.useCallback(
-    (index, marker) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartSeriesMarker)(el, index, marker)),
+    (index, marker) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartSeriesMarker)(el, index, marker)),
     [applyChartOp]
   );
   const setSeriesType = React97.useCallback(
-    (index, seriesType) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartSeriesChartType)(el, index, seriesType)),
+    (index, seriesType) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartSeriesChartType)(el, index, seriesType)),
     [applyChartOp]
   );
   const setPointFill = React97.useCallback(
-    (seriesIndex, pointIndex, color) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartDataPointFill)(el, seriesIndex, pointIndex, color)),
+    (seriesIndex, pointIndex, color) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartDataPointFill)(el, seriesIndex, pointIndex, color)),
     [applyChartOp]
   );
   const setPointExplosion = React97.useCallback(
-    (seriesIndex, pointIndex, explosion) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartDataPointExplosion)(el, seriesIndex, pointIndex, explosion)),
+    (seriesIndex, pointIndex, explosion) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartDataPointExplosion)(el, seriesIndex, pointIndex, explosion)),
     [applyChartOp]
   );
   const setPointMarker = React97.useCallback(
-    (seriesIndex, pointIndex, marker) => applyChartOp((el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartDataPointMarker)(el, seriesIndex, pointIndex, marker)),
+    (seriesIndex, pointIndex, marker) => applyChartOp((el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartDataPointMarker)(el, seriesIndex, pointIndex, marker)),
     [applyChartOp]
   );
   const setPointLabel = React97.useCallback(
     (seriesIndex, pointIndex, text) => applyChartOp(
-      (el) => (0, chunkRHNJ4IU2_js.dist_exports.setChartDataPointLabel)(el, seriesIndex, pointIndex, text !== null ? { text } : null)
+      (el) => (0, chunkXRFJ7TAF_js.dist_exports.setChartDataPointLabel)(el, seriesIndex, pointIndex, text !== null ? { text } : null)
     ),
     [applyChartOp]
   );
@@ -18054,17 +18058,17 @@ function OleEditorDialog({
     const kind = descriptor.contentTab.kind;
     const load = async () => {
       if (kind === "sheet") {
-        const value = await (0, chunkRHNJ4IU2_js.dist_exports.getOleSheetGrid)(element);
+        const value = await (0, chunkXRFJ7TAF_js.dist_exports.getOleSheetGrid)(element);
         if (!cancelled) {
           setGrid(value);
         }
       } else if (kind === "document") {
-        const value = await (0, chunkRHNJ4IU2_js.dist_exports.getOleDocumentParagraphs)(element);
+        const value = await (0, chunkXRFJ7TAF_js.dist_exports.getOleDocumentParagraphs)(element);
         if (!cancelled) {
           setParagraphs(value);
         }
       } else if (kind === "deck") {
-        const value = await (0, chunkRHNJ4IU2_js.dist_exports.getOleNestedDeckDetail)(element);
+        const value = await (0, chunkXRFJ7TAF_js.dist_exports.getOleNestedDeckDetail)(element);
         if (!cancelled) {
           setDeckSlides(value);
         }
@@ -18090,9 +18094,9 @@ function OleEditorDialog({
   const handleCellEdit = React97.useCallback(
     async (row, col, value) => {
       try {
-        const updated = await (0, chunkRHNJ4IU2_js.dist_exports.applyOleSheetCellEdit)(element, { row, col, value });
+        const updated = await (0, chunkXRFJ7TAF_js.dist_exports.applyOleSheetCellEdit)(element, { row, col, value });
         commit(updated);
-        const refreshed = await (0, chunkRHNJ4IU2_js.dist_exports.getOleSheetGrid)(updated);
+        const refreshed = await (0, chunkXRFJ7TAF_js.dist_exports.getOleSheetGrid)(updated);
         if (mountedRef.current) {
           setGrid(refreshed);
         }
@@ -18107,9 +18111,9 @@ function OleEditorDialog({
   const handleParagraphEdit = React97.useCallback(
     async (index, text) => {
       try {
-        const updated = await (0, chunkRHNJ4IU2_js.dist_exports.applyOleDocumentParagraphEdit)(element, index, text);
+        const updated = await (0, chunkXRFJ7TAF_js.dist_exports.applyOleDocumentParagraphEdit)(element, index, text);
         commit(updated);
-        const refreshed = await (0, chunkRHNJ4IU2_js.dist_exports.getOleDocumentParagraphs)(updated);
+        const refreshed = await (0, chunkXRFJ7TAF_js.dist_exports.getOleDocumentParagraphs)(updated);
         if (mountedRef.current) {
           setParagraphs(refreshed);
         }
@@ -18124,14 +18128,14 @@ function OleEditorDialog({
   const handleDeckElementEdit = React97.useCallback(
     async (slideIndex, deckElementId, text) => {
       try {
-        const updated = await (0, chunkRHNJ4IU2_js.dist_exports.applyOleNestedDeckElementTextEdit)(
+        const updated = await (0, chunkXRFJ7TAF_js.dist_exports.applyOleNestedDeckElementTextEdit)(
           element,
           slideIndex,
           deckElementId,
           text
         );
         commit(updated);
-        const refreshed = await (0, chunkRHNJ4IU2_js.dist_exports.getOleNestedDeckDetail)(updated);
+        const refreshed = await (0, chunkXRFJ7TAF_js.dist_exports.getOleNestedDeckDetail)(updated);
         if (mountedRef.current) {
           setDeckSlides(refreshed);
         }
@@ -18147,7 +18151,7 @@ function OleEditorDialog({
     async (file) => {
       try {
         const bytes = new Uint8Array(await file.arrayBuffer());
-        const updated = await (0, chunkRHNJ4IU2_js.dist_exports.replaceOleFile)(element, bytes, file.name);
+        const updated = await (0, chunkXRFJ7TAF_js.dist_exports.replaceOleFile)(element, bytes, file.name);
         commit(updated);
         if (mountedRef.current) {
           onClose();
@@ -18296,7 +18300,7 @@ function ConnectorArrowsSection({
             },
             disabled: !canEdit,
             className: SELECT_CLS2,
-            children: chunkRHNJ4IU2_js.CONNECTOR_ARROW_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
+            children: chunkXRFJ7TAF_js.CONNECTOR_ARROW_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
           }
         )
       ] }, end);
@@ -18320,7 +18324,7 @@ function ConnectorArrowsSection({
               },
               disabled: !canEdit,
               className: SELECT_CLS2,
-              children: chunkRHNJ4IU2_js.ARROW_SIZE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
+              children: chunkXRFJ7TAF_js.ARROW_SIZE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
             }
           )
         ] }),
@@ -18339,7 +18343,7 @@ function ConnectorArrowsSection({
               },
               disabled: !canEdit,
               className: SELECT_CLS2,
-              children: chunkRHNJ4IU2_js.ARROW_SIZE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
+              children: chunkXRFJ7TAF_js.ARROW_SIZE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
             }
           )
         ] })
@@ -18419,7 +18423,7 @@ function OlePropertiesPanel({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t("pptx.ole.type") }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground truncate", children: (0, chunkRHNJ4IU2_js.dist_exports.getOleObjectTypeLabel)(ole.oleObjectType) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground truncate", children: (0, chunkXRFJ7TAF_js.dist_exports.getOleObjectTypeLabel)(ole.oleObjectType) })
       ] }),
       ole.fileName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: t("pptx.ole.fileName") }),
@@ -18430,7 +18434,7 @@ function OlePropertiesPanel({
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium",
               ole.isLinked ? "bg-blue-500/20 text-blue-400" : "bg-green-500/20 text-green-400"
             ),
@@ -18498,7 +18502,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunkRHNJ4IU2_js.cn("flex-1", BTN2),
+        className: chunkXRFJ7TAF_js.cn("flex-1", BTN2),
         disabled: !canEdit,
         onClick: () => onMoveLayer("forward"),
         children: "\u2191 Forward"
@@ -18508,7 +18512,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunkRHNJ4IU2_js.cn("flex-1", BTN2),
+        className: chunkXRFJ7TAF_js.cn("flex-1", BTN2),
         disabled: !canEdit,
         onClick: () => onMoveLayer("backward"),
         children: "\u2193 Backward"
@@ -18532,7 +18536,7 @@ function ArtisticEffectsGallery({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-0.5 hover:bg-accent/50",
             isActive ? "border-primary bg-primary/10" : "border-border"
           ),
@@ -18594,7 +18598,7 @@ function ColorChangeSection({
           DebouncedColorInput,
           {
             disabled: !canEdit,
-            value: chunkRHNJ4IU2_js.normalizeHexColor(cc.clrFrom, "#ffffff"),
+            value: chunkXRFJ7TAF_js.normalizeHexColor(cc.clrFrom, "#ffffff"),
             className: "h-6 w-8 rounded border border-border bg-transparent cursor-pointer",
             onCommit: (hex) => updateEffects({
               clrChange: {
@@ -18612,7 +18616,7 @@ function ColorChangeSection({
           DebouncedColorInput,
           {
             disabled: !canEdit || Boolean(cc.clrToTransparent),
-            value: chunkRHNJ4IU2_js.normalizeHexColor(cc.clrTo, "#000000"),
+            value: chunkXRFJ7TAF_js.normalizeHexColor(cc.clrTo, "#000000"),
             className: "h-6 w-8 rounded border border-border bg-transparent cursor-pointer",
             onCommit: (hex) => updateEffects({
               clrChange: {
@@ -18672,7 +18676,7 @@ function ColorWashSection({
           DebouncedColorInput,
           {
             disabled: !canEdit,
-            value: chunkRHNJ4IU2_js.normalizeHexColor(wash.color, "#0066cc"),
+            value: chunkXRFJ7TAF_js.normalizeHexColor(wash.color, "#0066cc"),
             className: "h-6 w-8 rounded border border-border bg-transparent cursor-pointer",
             onCommit: (hex) => updateEffects({
               colorWash: { color: hex, opacity: wash.opacity ?? 40 }
@@ -18775,8 +18779,8 @@ function DuotonePanel({
       }
     });
   }, [effects, onUpdateElement]);
-  const shadowColor = chunkRHNJ4IU2_js.normalizeHexColor(effects?.duotone?.color1, "#000000");
-  const highlightColor = chunkRHNJ4IU2_js.normalizeHexColor(effects?.duotone?.color2, "#ffffff");
+  const shadowColor = chunkXRFJ7TAF_js.normalizeHexColor(effects?.duotone?.color1, "#000000");
+  const highlightColor = chunkXRFJ7TAF_js.normalizeHexColor(effects?.duotone?.color2, "#ffffff");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-[11px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-medium", children: t("pptx.image.duotone") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -18807,7 +18811,7 @@ function DuotonePanel({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-[10px]", children: t("pptx.image.duotonePresets") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkMFGD7XVJ_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunk355ICDU6_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -18945,7 +18949,7 @@ function ImageCropSection({
   onUpdateElement
 }) {
   const { t } = reactI18next.useTranslation();
-  if (!(0, chunkRHNJ4IU2_js.dist_exports.isImageLikeElement)(selectedElement)) {
+  if (!(0, chunkXRFJ7TAF_js.dist_exports.isImageLikeElement)(selectedElement)) {
     return null;
   }
   const croppable = pptx.cropResetState(selectedElement, canEdit, true).enabled;
@@ -18962,7 +18966,7 @@ function ImageCropSection({
             max: MAX_CROP_PERCENT,
             disabled: !croppable,
             className: "accent-primary",
-            value: Math.round(chunkRHNJ4IU2_js.clampCropValue(selectedElement[key]) * 100),
+            value: Math.round(chunkXRFJ7TAF_js.clampCropValue(selectedElement[key]) * 100),
             onChange: (e) => onUpdateElement({
               [key]: Number(e.target.value) / 100
             })
@@ -19026,7 +19030,7 @@ function ImagePropertiesPanel({
           {
             rows: 2,
             disabled: !canEdit,
-            className: chunkRHNJ4IU2_js.cn(INPUT2, "resize-none text-[11px]"),
+            className: chunkXRFJ7TAF_js.cn(INPUT2, "resize-none text-[11px]"),
             value: selectedElement.altText ?? "",
             onChange: (e) => onUpdateElement({
               altText: e.target.value
@@ -19966,7 +19970,7 @@ function AccessibilityTextSection({
           rows: 2,
           disabled: !canEdit,
           placeholder: t("pptx.elementAccessibility.altTextPlaceholder"),
-          className: chunkRHNJ4IU2_js.cn(INPUT2, "resize-none text-[11px]"),
+          className: chunkXRFJ7TAF_js.cn(INPUT2, "resize-none text-[11px]"),
           value: fields.altText,
           onChange: (e) => onUpdateElement({ altText: e.target.value })
         }
@@ -19980,7 +19984,7 @@ function AccessibilityTextSection({
           type: "text",
           disabled: !canEdit,
           placeholder: t("pptx.elementAccessibility.titlePlaceholder"),
-          className: chunkRHNJ4IU2_js.cn(INPUT2, "text-[11px]"),
+          className: chunkXRFJ7TAF_js.cn(INPUT2, "text-[11px]"),
           value: fields.title,
           onChange: (e) => onUpdateElement({ title: e.target.value })
         }
@@ -20096,7 +20100,7 @@ var SHADOW_EFFECT_CONFIGS = [
         angle = (Math.atan2(offsetY, offsetX) * 180 / Math.PI + 360) % 360;
       }
       return {
-        shadowColor: chunkRHNJ4IU2_js.normalizeHexColor(s?.shadowColor, "#000000"),
+        shadowColor: chunkXRFJ7TAF_js.normalizeHexColor(s?.shadowColor, "#000000"),
         shadowOpacity: s?.shadowOpacity ?? 0.35,
         shadowBlur: s?.shadowBlur ?? 6,
         shadowAngle: angle,
@@ -20112,7 +20116,7 @@ var SHADOW_EFFECT_CONFIGS = [
         key: "sc",
         label: "Shadow Color",
         type: "color",
-        read: (s) => chunkRHNJ4IU2_js.normalizeHexColor(s?.shadowColor, "#000000"),
+        read: (s) => chunkXRFJ7TAF_js.normalizeHexColor(s?.shadowColor, "#000000"),
         write: (v) => ({ shadowColor: String(v) })
       },
       {
@@ -20248,7 +20252,7 @@ var SHADOW_EFFECT_CONFIGS = [
     label: "Inner Shadow",
     isOn: (s) => Boolean(s?.innerShadowColor) && s?.innerShadowColor !== "transparent",
     onEnable: (s) => ({
-      innerShadowColor: chunkRHNJ4IU2_js.normalizeHexColor(s?.innerShadowColor, "#000000"),
+      innerShadowColor: chunkXRFJ7TAF_js.normalizeHexColor(s?.innerShadowColor, "#000000"),
       innerShadowOpacity: s?.innerShadowOpacity ?? 0.5,
       innerShadowBlur: s?.innerShadowBlur ?? 5,
       innerShadowOffsetX: s?.innerShadowOffsetX ?? 0,
@@ -20260,7 +20264,7 @@ var SHADOW_EFFECT_CONFIGS = [
         key: "isc",
         label: "Color",
         type: "color",
-        read: (s) => chunkRHNJ4IU2_js.normalizeHexColor(s?.innerShadowColor, "#000000"),
+        read: (s) => chunkXRFJ7TAF_js.normalizeHexColor(s?.innerShadowColor, "#000000"),
         write: (v) => ({ innerShadowColor: String(v) })
       },
       {
@@ -20770,7 +20774,7 @@ function ColorPickerRow({
     pushColor(color);
   };
   const handleEyedropper = async () => {
-    const color = await chunkRHNJ4IU2_js.openNativeEyeDropper();
+    const color = await chunkXRFJ7TAF_js.openNativeEyeDropper();
     if (color) {
       commit(color);
     }
@@ -20853,9 +20857,9 @@ function GradientStopRow({
         "input",
         {
           type: "color",
-          value: chunkRHNJ4IU2_js.normalizeHexColor(stop2.color, "#3b82f6"),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(stop2.color, "#3b82f6"),
           onChange: (e) => {
-            const hex = chunkRHNJ4IU2_js.normalizeHexColor(e.target.value, "#3b82f6");
+            const hex = chunkXRFJ7TAF_js.normalizeHexColor(e.target.value, "#3b82f6");
             patchStop({ color: hex, colorRef: void 0 });
             pushColor(hex);
           },
@@ -20980,7 +20984,7 @@ function FillAdvancedControls({
             onClick: () => onUpdateGradientStops([
               ...gradientStops,
               {
-                color: chunkRHNJ4IU2_js.normalizeHexColor(style?.fillColor, chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR),
+                color: chunkXRFJ7TAF_js.normalizeHexColor(style?.fillColor, chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR),
                 position: 50,
                 opacity: 1
               }
@@ -20994,9 +20998,9 @@ function FillAdvancedControls({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COL2} flex flex-col gap-2`, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: LBL, children: "Pattern" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-8 gap-1 max-h-48 overflow-y-auto rounded border border-border p-2", children: PATTERN_PRESET_OPTIONS.map((opt) => {
-          const fgColor = chunkRHNJ4IU2_js.normalizeHexColor(style?.fillColor, chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR);
-          const bgColor = chunkRHNJ4IU2_js.normalizeHexColor(style?.fillPatternBackgroundColor, "#ffffff");
-          const svgPattern = chunkRHNJ4IU2_js.getPatternSvg(opt.value, fgColor, bgColor);
+          const fgColor = chunkXRFJ7TAF_js.normalizeHexColor(style?.fillColor, chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR);
+          const bgColor = chunkXRFJ7TAF_js.normalizeHexColor(style?.fillPatternBackgroundColor, "#ffffff");
+          const svgPattern = chunkXRFJ7TAF_js.getPatternSvg(opt.value, fgColor, bgColor);
           const isSelected = (style.fillPatternPreset || "pct20") === opt.value;
           return /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -21029,7 +21033,7 @@ function FillAdvancedControls({
         {
           label: t("pptx.fillAdvanced.foregroundColor"),
           prefix: "pattern-fg",
-          value: chunkRHNJ4IU2_js.normalizeHexColor(style?.fillColor, chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(style?.fillColor, chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR),
           disabled: isLine,
           onChange: (color) => onUpdateShapeStyle({ fillMode: "pattern", fillColor: color })
         }
@@ -21039,7 +21043,7 @@ function FillAdvancedControls({
         {
           label: t("pptx.fillAdvanced.backgroundColor"),
           prefix: "pattern-bg",
-          value: chunkRHNJ4IU2_js.normalizeHexColor(style?.fillPatternBackgroundColor, "#ffffff"),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(style?.fillPatternBackgroundColor, "#ffffff"),
           disabled: isLine,
           onChange: (color) => onUpdateShapeStyle({
             fillMode: "pattern",
@@ -21106,11 +21110,11 @@ function QuickStylesGallery({
   onUpdateShapeStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const swatchMinHeight = pptx.getDensePanelTouchTargetPx(viewportWidth);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: LBL, children: t("pptx.shape.quickStyles") }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-6 gap-1", children: chunkRHNJ4IU2_js.SHAPE_QUICK_STYLES.map((qs, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-6 gap-1", children: chunkXRFJ7TAF_js.SHAPE_QUICK_STYLES.map((qs, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
@@ -21137,7 +21141,7 @@ function StrokeEffectsSection({
       {
         label: t("pptx.inspector.stroke"),
         prefix: "stroke",
-        value: chunkRHNJ4IU2_js.normalizeHexColor(style?.strokeColor, chunkRHNJ4IU2_js.DEFAULT_STROKE_COLOR),
+        value: chunkXRFJ7TAF_js.normalizeHexColor(style?.strokeColor, chunkXRFJ7TAF_js.DEFAULT_STROKE_COLOR),
         selectedRef: style?.strokeColorRef,
         onChange: onSetStrokeColor
       }
@@ -21200,7 +21204,7 @@ function StrokeEffectsSection({
             strokeDash: e.target.value
           }),
           className: SEL,
-          children: chunkRHNJ4IU2_js.STROKE_DASH_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
+          children: chunkXRFJ7TAF_js.STROKE_DASH_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
         }
       )
     ] }),
@@ -21290,10 +21294,10 @@ function FillStrokeProperties({
       return;
     }
     if (nextMode === "gradient") {
-      const existing = chunkRHNJ4IU2_js.sanitizeGradientStops(style?.fillGradientStops);
+      const existing = chunkXRFJ7TAF_js.sanitizeGradientStops(style?.fillGradientStops);
       const stops = existing.length >= 2 ? existing : [
         {
-          color: chunkRHNJ4IU2_js.normalizeHexColor(style?.fillColor, chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR),
+          color: chunkXRFJ7TAF_js.normalizeHexColor(style?.fillColor, chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR),
           position: 0,
           opacity: 1
         },
@@ -21318,7 +21322,7 @@ function FillStrokeProperties({
     onUpdateShapeStyle({ fillMode: "solid" });
   };
   const gradientStops = selectedGradientStops.length > 0 ? selectedGradientStops : [
-    { color: chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR, position: 0 },
+    { color: chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR, position: 0 },
     { color: "#ffffff", position: 100 }
   ];
   const showGradient = style?.fillMode === "gradient" || selectedGradientStops.length > 0;
@@ -21345,7 +21349,7 @@ function FillStrokeProperties({
         {
           label: t("pptx.fill.fill"),
           prefix: "fill",
-          value: chunkRHNJ4IU2_js.normalizeHexColor(style?.fillColor, chunkRHNJ4IU2_js.DEFAULT_FILL_COLOR),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(style?.fillColor, chunkXRFJ7TAF_js.DEFAULT_FILL_COLOR),
           selectedRef: style?.fillColorRef,
           disabled: line,
           onChange: onSetFillColor
@@ -21429,7 +21433,7 @@ function Text3DProperties({
             "input",
             {
               type: "color",
-              value: chunkRHNJ4IU2_js.normalizeHexColor(t3d?.extrusionColor, "#888888"),
+              value: chunkXRFJ7TAF_js.normalizeHexColor(t3d?.extrusionColor, "#888888"),
               onChange: (e) => {
                 update3d({ extrusionColor: e.target.value });
                 pushColor(e.target.value);
@@ -21620,7 +21624,7 @@ function AdvancedTextFormatting({
         "input",
         {
           type: "color",
-          value: chunkRHNJ4IU2_js.normalizeHexColor(ts?.highlightColor, "#ffff00"),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(ts?.highlightColor, "#ffff00"),
           onChange: (e) => {
             onUpdateTextStyle({ highlightColor: e.target.value });
             pushColor(e.target.value);
@@ -21924,7 +21928,7 @@ function TextEffectsPanel({
             "input",
             {
               type: "color",
-              value: chunkRHNJ4IU2_js.normalizeHexColor(ts?.textShadowColor, "#000000"),
+              value: chunkXRFJ7TAF_js.normalizeHexColor(ts?.textShadowColor, "#000000"),
               onChange: (e) => {
                 onUpdateTextStyle({ textShadowColor: e.target.value });
                 pushColor(e.target.value);
@@ -22031,7 +22035,7 @@ function TextEffectsPanel({
             "input",
             {
               type: "color",
-              value: chunkRHNJ4IU2_js.normalizeHexColor(ts?.textGlowColor, "#ffff00"),
+              value: chunkXRFJ7TAF_js.normalizeHexColor(ts?.textGlowColor, "#ffff00"),
               onChange: (e) => {
                 onUpdateTextStyle({ textGlowColor: e.target.value });
                 pushColor(e.target.value);
@@ -22130,7 +22134,7 @@ function TextAdvancedSections({
   canEdit,
   onUpdateTextStyle
 }) {
-  if (!(0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(selectedElement)) {
+  if (!(0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(selectedElement)) {
     return null;
   }
   const ts = selectedElement.textStyle;
@@ -22159,22 +22163,22 @@ function ShapeTextPanels({
 }) {
   const { t } = reactI18next.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    (0, chunkRHNJ4IU2_js.dist_exports.hasShapeProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, children: [
+    (0, chunkXRFJ7TAF_js.dist_exports.hasShapeProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.shape.type", "Shape Type") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         WebSelect,
         {
           value: selectedElement.shapeType || "rect",
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+          className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
           onChange: (e) => onUpdateElement({
             shapeType: e.target.value
           }),
-          children: chunkRHNJ4IU2_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
+          children: chunkXRFJ7TAF_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
         }
       )
     ] }),
-    (0, chunkRHNJ4IU2_js.dist_exports.hasShapeProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, "data-pptx-fill-stroke": true, "data-pptx-inspector-section": "fill-stroke", children: [
+    (0, chunkXRFJ7TAF_js.dist_exports.hasShapeProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, "data-pptx-fill-stroke": true, "data-pptx-inspector-section": "fill-stroke", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.shape.fillStroke", "Fill & Stroke") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         FillStrokeProperties,
@@ -22182,7 +22186,7 @@ function ShapeTextPanels({
           selectedElement,
           selectedShapeStyle: selectedElement.shapeStyle,
           selectedShapeType: selectedElement.shapeType,
-          selectedGradientStops: chunkRHNJ4IU2_js.sanitizeGradientStops(
+          selectedGradientStops: chunkXRFJ7TAF_js.sanitizeGradientStops(
             selectedElement.shapeStyle?.fillGradientStops
           ),
           canEdit,
@@ -22192,7 +22196,7 @@ function ShapeTextPanels({
         }
       )
     ] }),
-    (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, "data-pptx-text-card": true, children: [
+    (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, "data-pptx-text-card": true, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.text.title", "Text") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -22218,7 +22222,7 @@ function ShapeTextPanels({
             {
               disabled: !canEdit,
               ariaLabel: "Text Color",
-              value: chunkRHNJ4IU2_js.normalizeHexColor(selectedElement.textStyle?.color, "#000000"),
+              value: chunkXRFJ7TAF_js.normalizeHexColor(selectedElement.textStyle?.color, "#000000"),
               className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
               onCommit: (hex) => onUpdateTextStyle({ color: hex, colorRef: void 0 })
             }
@@ -22310,7 +22314,7 @@ function TextFormatToggle({
     {
       type: "button",
       disabled,
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "px-2 py-1 rounded text-[11px] transition-colors max-md:min-w-[44px]! max-md:min-h-[44px]!",
         italic && "italic",
         underline && "underline",
@@ -22468,7 +22472,7 @@ var THUMB_COMPONENTS = {
   chevron: ChevronThumb,
   bending: BendingThumb
 };
-var LAYOUT_DESCRIPTORS = chunkRHNJ4IU2_js.dist_exports.SWITCHABLE_LAYOUT_TYPES.map((type) => ({
+var LAYOUT_DESCRIPTORS = chunkXRFJ7TAF_js.dist_exports.SWITCHABLE_LAYOUT_TYPES.map((type) => ({
   type,
   i18nKey: `pptx.smartart.category.${type}`
 }));
@@ -22496,7 +22500,7 @@ function SmartArtLayoutSwitcher({
           type: "button",
           "data-testid": `smartart-layout-${type}`,
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-1.5 transition-colors",
             "text-[9px] leading-tight",
             isActive ? "border-primary bg-primary/15 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground",
@@ -22575,7 +22579,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Bold ${label}`,
             "aria-pressed": bold,
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               EMPHASIS_BTN,
               "font-bold",
               bold ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -22591,7 +22595,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Italic ${label}`,
             "aria-pressed": italic,
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               EMPHASIS_BTN,
               "italic",
               italic ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -22630,7 +22634,7 @@ function SmartArtNodeRow({
     "div",
     {
       role: "listitem",
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "rounded border bg-background/60 p-1.5",
         isChild ? "border-border/60 ml-4" : "border-border"
       ),
@@ -22645,7 +22649,7 @@ function SmartArtNodeRow({
               "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
-              className: chunkRHNJ4IU2_js.cn(INPUT2, "flex-1 text-[11px] py-0.5"),
+              className: chunkXRFJ7TAF_js.cn(INPUT2, "flex-1 text-[11px] py-0.5"),
               value: text,
               onChange: (e) => onChangeText(nodeId, e.target.value),
               onKeyDown: (e) => onKeyDown(e, nodeId),
@@ -22694,7 +22698,7 @@ function SmartArtNodeRow({
               {
                 type: "button",
                 disabled: !canEdit || removeDisabled,
-                className: chunkRHNJ4IU2_js.cn(MINI_BTN, "hover:text-red-400"),
+                className: chunkXRFJ7TAF_js.cn(MINI_BTN, "hover:text-red-400"),
                 onClick: () => onRemove(nodeId),
                 "aria-label": `Remove ${label}`,
                 title: removeDisabled ? t("pptx.smartArt.layoutMinimum") : t("pptx.smartArt.remove"),
@@ -22737,7 +22741,7 @@ function SmartArtStyleControls({
           disabled: !canEdit,
           "data-testid": "smartart-color-scheme",
           "aria-label": t("pptx.smartart.colorScheme"),
-          className: chunkRHNJ4IU2_js.cn(INPUT2, "w-full"),
+          className: chunkXRFJ7TAF_js.cn(INPUT2, "w-full"),
           value: colorScheme,
           onChange: (e) => onChangeColorScheme(e.target.value),
           children: colorSchemes.map((cs) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: cs, children: pptx.schemaLabel(pptx.SMARTART_COLOR_SCHEME_LABEL_KEYS, cs, translate) }, cs))
@@ -22752,7 +22756,7 @@ function SmartArtStyleControls({
           type: "button",
           disabled: !canEdit,
           "aria-pressed": style === s,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "flex-1 px-2 py-1 text-[10px] rounded border transition-colors",
             style === s ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground hover:bg-muted"
           ),
@@ -22798,7 +22802,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkMFGD7XVJ_js.resolveSmartArtDataPalette(newData),
+      chunk355ICDU6_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -22809,10 +22813,10 @@ function SmartArtPropertiesPanel({
     applySmartArtData({ ...smartArtData, ...patch });
   };
   const handleUpdateNodeText = (nodeId, text) => {
-    applySmartArtData((0, chunkRHNJ4IU2_js.dist_exports.updateSmartArtNodeText)(smartArtData, nodeId, text));
+    applySmartArtData((0, chunkXRFJ7TAF_js.dist_exports.updateSmartArtNodeText)(smartArtData, nodeId, text));
   };
   const handleChangeNodeStyle = (nodeId, patch) => {
-    const next = (0, chunkRHNJ4IU2_js.dist_exports.setSmartArtNodeStyle)(smartArtData, nodeId, patch);
+    const next = (0, chunkXRFJ7TAF_js.dist_exports.setSmartArtNodeStyle)(smartArtData, nodeId, patch);
     if (next !== smartArtData) {
       applySmartArtData(next);
     }
@@ -22821,17 +22825,17 @@ function SmartArtPropertiesPanel({
     if (!pptx.canAddTopLevelNode(layout, topLevelCount)) {
       return;
     }
-    applySmartArtData((0, chunkRHNJ4IU2_js.dist_exports.addSmartArtNodeAsChild)(smartArtData));
+    applySmartArtData((0, chunkXRFJ7TAF_js.dist_exports.addSmartArtNodeAsChild)(smartArtData));
   };
   const addSubItem = (parentId) => {
-    applySmartArtData((0, chunkRHNJ4IU2_js.dist_exports.addSmartArtNodeAsChild)(smartArtData, parentId, "Sub-item"));
+    applySmartArtData((0, chunkXRFJ7TAF_js.dist_exports.addSmartArtNodeAsChild)(smartArtData, parentId, "Sub-item"));
   };
   const removeNode = (nodeId) => {
     const isTopLevel = !nodes.find((n) => n.id === nodeId)?.parentId;
     if (isTopLevel && !pptx.canRemoveTopLevelNode(layout, topLevelCount)) {
       return;
     }
-    applySmartArtData((0, chunkRHNJ4IU2_js.dist_exports.removeSmartArtNode)(smartArtData, nodeId));
+    applySmartArtData((0, chunkXRFJ7TAF_js.dist_exports.removeSmartArtNode)(smartArtData, nodeId));
   };
   const moveNode = (nodeId, direction) => {
     const next = pptx.reorder(smartArtData, nodeId, direction);
@@ -22987,7 +22991,7 @@ function TableDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -23399,7 +23403,7 @@ function TableCellColorField({
   disabled,
   onCommit
 }) {
-  const hex = chunkRHNJ4IU2_js.normalizeHexColor(value, fallback);
+  const hex = chunkXRFJ7TAF_js.normalizeHexColor(value, fallback);
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -23510,7 +23514,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cls,
             cs[key] ? "bg-primary text-white" : "bg-muted hover:bg-accent"
@@ -23529,7 +23533,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.align === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -23547,7 +23551,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.vAlign === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -23570,7 +23574,7 @@ function TableCellFormattingPanel({
               DebouncedColorInput,
               {
                 disabled: !canEdit,
-                value: chunkRHNJ4IU2_js.normalizeHexColor(cs[colorKey], "#374151"),
+                value: chunkXRFJ7TAF_js.normalizeHexColor(cs[colorKey], "#374151"),
                 className: "w-7 h-6 rounded border border-border bg-transparent cursor-pointer shrink-0",
                 onCommit: (hex) => updateCellStyle({ [colorKey]: hex })
               }
@@ -23580,7 +23584,7 @@ function TableCellFormattingPanel({
               {
                 type: "number",
                 disabled: !canEdit,
-                className: chunkRHNJ4IU2_js.cn(INPUT2, "w-14"),
+                className: chunkXRFJ7TAF_js.cn(INPUT2, "w-14"),
                 min: 0,
                 max: 10,
                 value: cs[widthKey] ?? 1,
@@ -23596,7 +23600,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkRHNJ4IU2_js.cn(BTN2, "text-center"),
+            className: chunkXRFJ7TAF_js.cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = pptx.computeMergeCellRight(td, rowIndex, columnIndex);
               if (newRows) {
@@ -23611,7 +23615,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkRHNJ4IU2_js.cn(BTN2, "text-center"),
+            className: chunkXRFJ7TAF_js.cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = pptx.computeMergeCellDown(td, rowIndex, columnIndex);
               if (newRows) {
@@ -23626,7 +23630,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunkRHNJ4IU2_js.cn(BTN2, "text-center"),
+            className: chunkXRFJ7TAF_js.cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = pptx.computeSplitCell(td, rowIndex, columnIndex);
               if (newRows) {
@@ -23812,7 +23816,7 @@ function TableStyleEditor({
   const { t } = reactI18next.useTranslation();
   const themeColorMap = useThemeColorMap();
   const [activeStyleId, setActiveStyleId] = React97.useState(
-    styleId ? (0, chunkRHNJ4IU2_js.dist_exports.normalizeTableStyleGuid)(styleId) : ""
+    styleId ? (0, chunkXRFJ7TAF_js.dist_exports.normalizeTableStyleGuid)(styleId) : ""
   );
   const [selectedPart, setSelectedPart] = React97.useState("wholeTbl");
   const entry = activeStyleId ? styleMap?.[activeStyleId] : void 0;
@@ -23833,8 +23837,8 @@ function TableStyleEditor({
       return;
     }
     const nextMap = { ...styleMap ?? {} };
-    const created = (0, chunkRHNJ4IU2_js.dist_exports.createTableStyleEntry)(nextMap, { styleName: name, basedOn: entry });
-    (0, chunkRHNJ4IU2_js.dist_exports.addTableStyleToMap)(nextMap, created);
+    const created = (0, chunkXRFJ7TAF_js.dist_exports.createTableStyleEntry)(nextMap, { styleName: name, basedOn: entry });
+    (0, chunkXRFJ7TAF_js.dist_exports.addTableStyleToMap)(nextMap, created);
     onStyleMapChange(nextMap);
     setActiveStyleId(created.styleId);
     onAssignStyle?.(created.styleId);
@@ -23844,7 +23848,7 @@ function TableStyleEditor({
       return;
     }
     const nextMap = { ...styleMap };
-    (0, chunkRHNJ4IU2_js.dist_exports.deleteTableStyleFromMap)(nextMap, entry.styleId);
+    (0, chunkXRFJ7TAF_js.dist_exports.deleteTableStyleFromMap)(nextMap, entry.styleId);
     onStyleMapChange(nextMap);
     onDeleteStyle(entry.styleId);
     onClose();
@@ -23898,7 +23902,7 @@ function TablePropertiesPanel({
   const updateMergeRows = (rows) => {
     const tableData = { ...td, rows };
     const updates = { tableData };
-    const rawXml = (0, chunkRHNJ4IU2_js.dist_exports.updateMergeAttrsInRawXml)(tableElement, tableData);
+    const rawXml = (0, chunkXRFJ7TAF_js.dist_exports.updateMergeAttrsInRawXml)(tableElement, tableData);
     if (rawXml) {
       updates.rawXml = rawXml;
     }
@@ -23964,7 +23968,7 @@ function TablePropertiesPanel({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.table.stylePresets") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-1.5", children: chunkRHNJ4IU2_js.TABLE_STYLE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-1.5", children: chunkXRFJ7TAF_js.TABLE_STYLE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
@@ -24192,7 +24196,7 @@ function ElementInspectorBody({
         box: { width: selectedElement.width, height: selectedElement.height }
       }
     ),
-    (0, chunkRHNJ4IU2_js.dist_exports.isImageLikeElement)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsx(
+    (0, chunkXRFJ7TAF_js.dist_exports.isImageLikeElement)(selectedElement) && /* @__PURE__ */ jsxRuntime.jsx(
       ImagePropertiesPanel,
       {
         selectedElement,
@@ -24357,7 +24361,7 @@ function CommentMentionTextarea({
             "data-testid": "pptx-comment-mention-option",
             role: "option",
             "aria-selected": index === safeHighlighted,
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "block w-full px-2 py-1 text-left text-[11px] hover:bg-accent",
               index === safeHighlighted && "bg-accent"
             ),
@@ -24480,7 +24484,7 @@ function InspectorCommentRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "rounded border border-border bg-card p-2",
         depth > 0 && "ml-3 border-l-2 border-l-primary/40"
       ),
@@ -24493,7 +24497,7 @@ function InspectorCommentRow({
               t("pptx.comments.resolved")
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground flex-shrink-0", children: chunkRHNJ4IU2_js.formatCommentTimestamp(comment.createdAt) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground flex-shrink-0", children: chunkXRFJ7TAF_js.formatCommentTimestamp(comment.createdAt) })
         ] }),
         comment.elementId && (targetElement ? /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -24501,12 +24505,12 @@ function InspectorCommentRow({
             type: "button",
             className: "mt-1 inline-flex items-center gap-1 rounded bg-primary/20 px-1.5 py-0.5 text-[10px] text-primary hover:bg-primary/30 transition-colors",
             title: t("pptx.comments.commentingOn", {
-              element: chunkRHNJ4IU2_js.getElementLabel(targetElement)
+              element: chunkXRFJ7TAF_js.getElementLabel(targetElement)
             }),
             onClick: () => onSelectElement(targetElement.id),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lu.LuType, { className: "h-2.5 w-2.5" }),
-              chunkRHNJ4IU2_js.getElementLabel(targetElement)
+              chunkXRFJ7TAF_js.getElementLabel(targetElement)
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 inline-flex items-center gap-1 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] text-muted-foreground", children: t("pptx.comments.deletedElement") })),
@@ -24575,7 +24579,7 @@ function InspectorCommentRow({
               "button",
               {
                 type: "button",
-                className: chunkRHNJ4IU2_js.cn(
+                className: chunkXRFJ7TAF_js.cn(
                   "inline-flex items-center justify-center p-1.5 border-l border-border transition-colors",
                   comment.resolved ? "bg-green-900/40 text-green-300 hover:bg-green-900/60" : "hover:bg-accent text-foreground hover:text-foreground"
                 ),
@@ -24718,7 +24722,7 @@ function InspectorCommentsSection({
       selectedElement && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 rounded bg-primary/20 px-1.5 py-0.5 text-[10px] text-primary", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lu.LuType, { className: "h-2.5 w-2.5" }),
         t("pptx.comments.commentingOn", {
-          element: chunkRHNJ4IU2_js.getElementLabel(selectedElement)
+          element: chunkXRFJ7TAF_js.getElementLabel(selectedElement)
         })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -24729,7 +24733,7 @@ function InspectorCommentsSection({
           authors: commentAuthors,
           rows: 2,
           placeholder: selectedElement ? t("pptx.comments.addOnElement", {
-            element: chunkRHNJ4IU2_js.getElementLabel(selectedElement)
+            element: chunkXRFJ7TAF_js.getElementLabel(selectedElement)
           }) : t("pptx.comments.addPlaceholder"),
           className: "w-full bg-muted border border-border rounded px-2 py-1 text-xs resize-y outline-none focus:border-primary",
           onChange: onSetCommentDraft,
@@ -24742,7 +24746,7 @@ function InspectorCommentsSection({
           type: "button",
           onClick: onAddComment,
           disabled: !commentDraft.trim(),
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "w-full inline-flex items-center justify-center gap-1 rounded px-2 py-1 text-[11px] font-medium transition-colors max-md:min-h-[44px]!",
             commentDraft.trim() ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
           ),
@@ -24756,7 +24760,7 @@ function InspectorCommentsSection({
   ] });
 }
 function elementLabel(element) {
-  const text = (0, chunkRHNJ4IU2_js.dist_exports.hasTextProperties)(element) ? (element.text || "").slice(0, 24) : void 0;
+  const text = (0, chunkXRFJ7TAF_js.dist_exports.hasTextProperties)(element) ? (element.text || "").slice(0, 24) : void 0;
   return text || element.type;
 }
 function InspectorElementsTab({
@@ -24783,13 +24787,13 @@ function InspectorElementsTab({
   };
   if (!activeSlide) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRHNJ4IU2_js.cn(HEADING2, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXRFJ7TAF_js.cn(HEADING2, "mb-2"), children: t("pptx.inspector.layerOrder") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground italic", children: t("pptx.inspector.noSlideSelected") })
     ] });
   }
   const elements = activeSlide.elements || [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", "data-pptx-elements-tab": true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkRHNJ4IU2_js.cn(HEADING2, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXRFJ7TAF_js.cn(HEADING2, "mb-2"), children: t("pptx.inspector.layerOrder") }),
     [...elements].reverse().map((el, reversedIndex) => {
       const index = elements.length - 1 - reversedIndex;
       const selected = selectedElementId === el.id || selectedElementIds.includes(el.id);
@@ -24797,7 +24801,7 @@ function InspectorElementsTab({
         "div",
         {
           title: `${el.type} - ${el.id}`,
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "flex items-center gap-2 px-2 py-1 rounded cursor-pointer transition-colors",
             selected ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground"
           ),
@@ -24834,7 +24838,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -24857,7 +24861,7 @@ function InspectorPaneHeader({
                 type: "button",
                 title: t(labelKey),
                 style: touchBtnStyle,
-                className: chunkRHNJ4IU2_js.cn(
+                className: chunkXRFJ7TAF_js.cn(
                   "flex items-center justify-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
                   activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
                 ),
@@ -24971,7 +24975,7 @@ function CustomPropertiesBlock({
         "button",
         {
           type: "button",
-          className: chunkRHNJ4IU2_js.cn(BTN2, "px-1.5 text-red-400 hover:text-red-300"),
+          className: chunkXRFJ7TAF_js.cn(BTN2, "px-1.5 text-red-400 hover:text-red-300"),
           onClick: () => onUpdate(customProperties.filter((_, i) => i !== index)),
           children: "\xD7"
         }
@@ -25299,7 +25303,7 @@ function PresentationSettingsCard({
             min: 1,
             max: 16,
             disabled: !canEdit,
-            className: chunkRHNJ4IU2_js.cn(INPUT2, "w-20"),
+            className: chunkXRFJ7TAF_js.cn(INPUT2, "w-20"),
             value: pptx.printPropertiesSlidesPerPage(presentationProperties.printProperties),
             onChange: (e) => onUpdate({
               printProperties: pptx.withSlidesPerPage(
@@ -25387,14 +25391,14 @@ function SlideThemeOverridePanel({
   const translate = React97.useCallback((key) => t(key), [t]);
   const override = activeSlide?.clrMapOverride;
   const isOverrideActive = override !== void 0;
-  const targetSlotOptions = React97.useMemo(() => [...chunkRHNJ4IU2_js.dist_exports.THEME_COLOR_SCHEME_KEYS], []);
+  const targetSlotOptions = React97.useMemo(() => [...chunkXRFJ7TAF_js.dist_exports.THEME_COLOR_SCHEME_KEYS], []);
   const commitOverride = React97.useCallback(
     (nextOverride) => {
       if (!activeSlide || !theme?.colorScheme) {
         onUpdateSlide({ clrMapOverride: nextOverride });
         return;
       }
-      const nextSlide = (0, chunkRHNJ4IU2_js.dist_exports.applyThemeOverrideToSlide)(activeSlide, theme.colorScheme, nextOverride);
+      const nextSlide = (0, chunkXRFJ7TAF_js.dist_exports.applyThemeOverrideToSlide)(activeSlide, theme.colorScheme, nextOverride);
       onUpdateSlide({
         clrMapOverride: nextSlide.clrMapOverride,
         backgroundColor: nextSlide.backgroundColor,
@@ -25407,8 +25411,8 @@ function SlideThemeOverridePanel({
     (enabled) => {
       if (enabled) {
         const defaultMap = {};
-        for (const key of chunkRHNJ4IU2_js.dist_exports.COLOR_MAP_ALIAS_KEYS) {
-          defaultMap[key] = chunkRHNJ4IU2_js.dist_exports.DEFAULT_COLOR_MAP[key];
+        for (const key of chunkXRFJ7TAF_js.dist_exports.COLOR_MAP_ALIAS_KEYS) {
+          defaultMap[key] = chunkXRFJ7TAF_js.dist_exports.DEFAULT_COLOR_MAP[key];
         }
         commitOverride(defaultMap);
       } else {
@@ -25421,9 +25425,9 @@ function SlideThemeOverridePanel({
     (alias, targetSlot) => {
       const current = override ?? {};
       const next = { ...current, [alias]: targetSlot };
-      for (const key of chunkRHNJ4IU2_js.dist_exports.COLOR_MAP_ALIAS_KEYS) {
+      for (const key of chunkXRFJ7TAF_js.dist_exports.COLOR_MAP_ALIAS_KEYS) {
         if (!next[key]) {
-          next[key] = chunkRHNJ4IU2_js.dist_exports.DEFAULT_COLOR_MAP[key];
+          next[key] = chunkXRFJ7TAF_js.dist_exports.DEFAULT_COLOR_MAP[key];
         }
       }
       commitOverride(next);
@@ -25455,8 +25459,8 @@ function SlideThemeOverridePanel({
       ),
       t("pptx.themeOverride.enableOverride")
     ] }),
-    isOverrideActive && override && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: chunkRHNJ4IU2_js.dist_exports.COLOR_MAP_ALIAS_KEYS.map((alias) => {
-      const currentTarget = override[alias] ?? chunkRHNJ4IU2_js.dist_exports.DEFAULT_COLOR_MAP[alias];
+    isOverrideActive && override && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: chunkXRFJ7TAF_js.dist_exports.COLOR_MAP_ALIAS_KEYS.map((alias) => {
+      const currentTarget = override[alias] ?? chunkXRFJ7TAF_js.dist_exports.DEFAULT_COLOR_MAP[alias];
       const resolvedHex = resolveSlotColor(currentTarget);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-24 truncate text-muted-foreground", title: ALIAS_LABELS[alias], children: ALIAS_LABELS[alias] }),
@@ -25535,7 +25539,7 @@ function TransitionPreview({
   const { t } = reactI18next.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React97.useMemo(
-    () => chunkMFGD7XVJ_js.getSlideTransitionAnimations(
+    () => chunk355ICDU6_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -25604,7 +25608,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkMFGD7XVJ_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunk355ICDU6_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -25621,13 +25625,13 @@ function SlideTransitionSection({
     return null;
   }
   const transitionType = activeSlide.transition?.type ?? "none";
-  const validDirections = chunkRHNJ4IU2_js.dist_exports.TRANSITION_VALID_DIRECTIONS[transitionType];
+  const validDirections = chunkXRFJ7TAF_js.dist_exports.TRANSITION_VALID_DIRECTIONS[transitionType];
   const hasDirections = validDirections !== void 0 && validDirections.length > 0;
   const usesOrientation = pptx.TRANSITION_ORIENTATION_TYPES.has(transitionType);
   const isWheel = transitionType === "wheel";
   const isMorph = transitionType === "morph";
-  const patternOptions = chunkRHNJ4IU2_js.dist_exports.TRANSITION_PATTERN_OPTIONS[transitionType];
-  const hasThruBlk = chunkRHNJ4IU2_js.dist_exports.TRANSITION_THRUBLK_TYPES.has(transitionType);
+  const patternOptions = chunkXRFJ7TAF_js.dist_exports.TRANSITION_PATTERN_OPTIONS[transitionType];
+  const hasThruBlk = chunkXRFJ7TAF_js.dist_exports.TRANSITION_THRUBLK_TYPES.has(transitionType);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -25647,7 +25651,7 @@ function SlideTransitionSection({
                 type: e.target.value
               }),
               className: "bg-muted border border-border rounded px-2 py-1 max-md:min-h-[44px]!",
-              children: chunkRHNJ4IU2_js.SLIDE_TRANSITION_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: t(option.i18nKey) }, option.value))
+              children: chunkXRFJ7TAF_js.SLIDE_TRANSITION_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: t(option.i18nKey) }, option.value))
             }
           )
         ] }),
@@ -25863,7 +25867,7 @@ function TagsSection({
               "button",
               {
                 type: "button",
-                className: chunkRHNJ4IU2_js.cn(BTN2, "px-1.5 text-red-400 hover:text-red-300"),
+                className: chunkXRFJ7TAF_js.cn(BTN2, "px-1.5 text-red-400 hover:text-red-300"),
                 title: t("pptx.tags.deleteTag"),
                 onClick: () => deleteTag(tag.colIdx, tag.tagIdx),
                 children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "w-3 h-3" })
@@ -25992,7 +25996,7 @@ function PresentationPropertiesPanel({
         canEdit
       }
     ),
-    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkRHNJ4IU2_js.cn(CARD2, "space-y-1"), children: [
+    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXRFJ7TAF_js.cn(CARD2, "space-y-1"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: "Slide" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
         activeSlide.elements?.length ?? 0,
@@ -26013,14 +26017,14 @@ function SlideBackgroundPanel({
   const { t } = reactI18next.useTranslation();
   const bgImageInputRef = React97.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkRHNJ4IU2_js.cn(CARD2, "space-y-2"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXRFJ7TAF_js.cn(CARD2, "space-y-2"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.viewer.background") }),
       /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-10 shrink-0", children: t("pptx.slideBackground.colour") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           DebouncedColorInput,
           {
-            value: chunkRHNJ4IU2_js.normalizeHexColor(activeSlide.backgroundColor, "#ffffff"),
+            value: chunkXRFJ7TAF_js.normalizeHexColor(activeSlide.backgroundColor, "#ffffff"),
             disabled: !canEdit,
             className: "h-6 w-8 rounded border border-border bg-muted cursor-pointer",
             onCommit: (hex) => onUpdateSlide({ backgroundColor: hex })
@@ -26059,7 +26063,7 @@ function SlideBackgroundPanel({
             "button",
             {
               type: "button",
-              className: chunkRHNJ4IU2_js.cn(BTN2, "flex-1 text-center"),
+              className: chunkXRFJ7TAF_js.cn(BTN2, "flex-1 text-center"),
               disabled: !canEdit,
               onClick: () => bgImageInputRef.current?.click(),
               children: activeSlide.backgroundImage ? t("pptx.slideBackground.replaceImage") : t("pptx.slideBackground.chooseImage")
@@ -26092,7 +26096,7 @@ function SlideBackgroundPanel({
         "button",
         {
           type: "button",
-          className: chunkRHNJ4IU2_js.cn(BTN2, "w-full text-center text-red-400 hover:text-red-300"),
+          className: chunkXRFJ7TAF_js.cn(BTN2, "w-full text-center text-red-400 hover:text-red-300"),
           disabled: !pptx.slideBackgroundClearState(activeSlide, canEdit).enabled,
           onClick: () => onUpdateSlide(pptx.slideBackgroundClearPatch()),
           children: t("pptx.slideBackground.clearBackground")
@@ -26136,14 +26140,14 @@ function TemplateBackgroundCard({
     t("pptx.master.layout"),
     t("pptx.master.master")
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkRHNJ4IU2_js.cn(CARD2, "space-y-2"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXRFJ7TAF_js.cn(CARD2, "space-y-2"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.slideBackground.templateBackgroundsHeading") }),
     rows.layout && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-14 shrink-0 truncate", title: rows.layout.title, children: t("pptx.master.layout") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         DebouncedColorInput,
         {
-          value: chunkRHNJ4IU2_js.normalizeHexColor(onGetTemplateBackgroundColor(rows.layout.path), "#ffffff"),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(onGetTemplateBackgroundColor(rows.layout.path), "#ffffff"),
           disabled: !canEdit,
           className: "h-6 w-8 rounded border border-border bg-muted cursor-pointer",
           onCommit: (hex) => onSetTemplateBackground(rows.layout.path, hex)
@@ -26156,7 +26160,7 @@ function TemplateBackgroundCard({
       /* @__PURE__ */ jsxRuntime.jsx(
         DebouncedColorInput,
         {
-          value: chunkRHNJ4IU2_js.normalizeHexColor(onGetTemplateBackgroundColor(rows.master.path), "#ffffff"),
+          value: chunkXRFJ7TAF_js.normalizeHexColor(onGetTemplateBackgroundColor(rows.master.path), "#ffffff"),
           disabled: !canEdit,
           className: "h-6 w-8 rounded border border-border bg-muted cursor-pointer",
           onCommit: (hex) => onSetTemplateBackground(rows.master.path, hex)
@@ -26267,7 +26271,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkMFGD7XVJ_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunk355ICDU6_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -26289,7 +26293,7 @@ function InspectorPane(props) {
       "div",
       {
         "data-pptx-chrome": "inspector",
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           // Shared styles
           "bg-background flex flex-col text-xs text-foreground shadow-xl",
           // Mobile: absolute bottom sheet overlay sized via dvh so it
@@ -26680,7 +26684,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunkMFGD7XVJ_js.useIsMobile();
+  const { isTouchDevice } = chunk355ICDU6_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -26985,13 +26989,13 @@ function PrintPreview({
 }) {
   const { t } = reactI18next.useTranslation();
   const pages = React97.useMemo(
-    () => chunkRHNJ4IU2_js.computeHandoutLayout(slideIndices, slidesPerPage, orientation),
+    () => chunkXRFJ7TAF_js.computeHandoutLayout(slideIndices, slidesPerPage, orientation),
     [slideIndices, slidesPerPage, orientation]
   );
-  const printable = React97.useMemo(() => chunkRHNJ4IU2_js.getPrintableArea(orientation), [orientation]);
+  const printable = React97.useMemo(() => chunkXRFJ7TAF_js.getPrintableArea(orientation), [orientation]);
   const visiblePages = pages.slice(0, maxPages);
   const isThreePerPage = slidesPerPage === 3;
-  const noteLineCount = chunkRHNJ4IU2_js.generateNoteLineCount();
+  const noteLineCount = chunkXRFJ7TAF_js.generateNoteLineCount();
   const scaledW = printable.width * PREVIEW_SCALE3;
   const scaledH = printable.height * PREVIEW_SCALE3;
   const noteAreaFraction = 0.5;
@@ -27326,11 +27330,11 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkMFGD7XVJ_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunk355ICDU6_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React97.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React97.useState("landscape");
   const [colorMode, setColorMode] = React97.useState(
@@ -27833,14 +27837,14 @@ function BroadcastDialog({
   defaultServerUrl
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React97.useState("");
   const [userName, setUserName] = React97.useState("");
   const [serverUrl, setServerUrl] = React97.useState("");
   const [copied, setCopied] = React97.useState(false);
   const dialogRef = React97.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React97.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -28143,7 +28147,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = reactI18next.useTranslation(), viewerOptions = chunkMFGD7XVJ_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
+  const { t } = reactI18next.useTranslation(), viewerOptions = chunk355ICDU6_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
     localUserName: activeCollaboration?.userName ?? collab.config.userName,
     localUserInitials: viewerOptions.general.userInitials,
     localUserColor: collab.config.userColor,
@@ -28242,7 +28246,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const tabBtnStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -28376,7 +28380,7 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = reactI18next.useTranslation();
   const [roomId, setRoomId] = React97.useState(defaultRoomId ?? "");
@@ -28386,9 +28390,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React97.useState("");
   const [copied, setCopied] = React97.useState(false);
   const dialogRef = React97.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunk355ICDU6_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -28671,12 +28675,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onCancel);
   const inputRef = React97.useRef(null);
-  const detectedType = chunkMFGD7XVJ_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkMFGD7XVJ_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkMFGD7XVJ_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkMFGD7XVJ_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunk355ICDU6_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunk355ICDU6_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunk355ICDU6_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunk355ICDU6_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React97.useState(detectedType);
   const [url, setUrl] = React97.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -28707,7 +28711,7 @@ function HyperlinkEditDialog({
       actionVerb
     });
   };
-  const tabCls = (active) => chunkRHNJ4IU2_js.cn(
+  const tabCls = (active) => chunkXRFJ7TAF_js.cn(
     "px-3 py-1.5 text-xs rounded-t border-b-2 transition-colors",
     active ? "border-primary text-primary font-medium" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
   );
@@ -28944,7 +28948,7 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -29290,7 +29294,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React97__default.default.useMemo(
-    () => chunkMFGD7XVJ_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunk355ICDU6_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React97.useCallback(() => {
@@ -29694,7 +29698,7 @@ function ViewerToolbarSection(props) {
         isCommentsPanelOpen: s.isInspectorPaneOpen,
         slideCommentCount: activeSlide?.comments?.length ?? 0,
         formatPainterActive: s.formatPainterActive,
-        canActivateFormatPainter: chunkRHNJ4IU2_js.hasCopyableFormat(selectedElement),
+        canActivateFormatPainter: chunkXRFJ7TAF_js.hasCopyableFormat(selectedElement),
         onToggleFormatPainter: onToggleFormatPainterProp ?? (() => s.setFormatPainterActive((p) => !p)),
         isSelectionPaneOpen: s.isSelectionPaneOpen,
         onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p) => !p),
@@ -29781,7 +29785,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
   const initialLatex = React97.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -29903,7 +29907,7 @@ function EquationEditorDialog({
                     {
                       type: "button",
                       onClick: () => handleTemplateClick(tmpl.latex),
-                      className: chunkRHNJ4IU2_js.cn(
+                      className: chunkXRFJ7TAF_js.cn(
                         "flex flex-col items-center gap-1 p-2 rounded-lg border transition-colors",
                         latex === tmpl.latex ? "border-primary bg-primary/10" : "border-border bg-muted/40 hover:bg-accent/60 hover:border-border"
                       ),
@@ -29969,7 +29973,7 @@ function getPreviewForLayout(layout) {
             transform: `scale(${scale})`,
             transformOrigin: "top left"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
         }
       )
     }
@@ -29981,7 +29985,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React97.useState("list");
   const [selectedLayout, setSelectedLayout] = React97.useState(null);
   const dialogRef = React97.useRef(null);
@@ -30062,7 +30066,7 @@ function InsertSmartArtDialog({
                           setActiveCategory(cat.id);
                           setSelectedLayout(null);
                         },
-                        className: chunkRHNJ4IU2_js.cn(
+                        className: chunkXRFJ7TAF_js.cn(
                           "w-full text-left px-3 py-1.5 text-xs transition-colors",
                           activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
                         ),
@@ -30090,7 +30094,7 @@ function InsertSmartArtDialog({
                           onInsert(preset.layout, preset.defaultItems);
                           onClose();
                         },
-                        className: chunkRHNJ4IU2_js.cn(
+                        className: chunkXRFJ7TAF_js.cn(
                           "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
                           selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
                         ),
@@ -30575,6 +30579,8 @@ function PresentationStage({
                       height: safeHeight,
                       transform: `scale(${scale})`,
                       transformOrigin: "top left",
+                      // One device pixel in slide px: thin strokes stay visible on screen.
+                      ...pptx.deviceStrokeStageStyle(scale),
                       // Motion-path keyframes translate by a fraction of the SLIDE, so
                       // the stage publishes its own size for those calc() offsets.
                       "--pptx-slide-w": `${safeWidth}px`,
@@ -30585,11 +30591,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                       /* @__PURE__ */ jsxRuntime.jsx("style", { children: pptx.PRESENTATION_HIT_TEST_CSS }),
                       presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                       templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkMFGD7XVJ_js.ElementRenderer,
+                        chunk355ICDU6_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30626,7 +30632,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkMFGD7XVJ_js.ElementRenderer,
+                        chunk355ICDU6_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30747,8 +30753,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkMFGD7XVJ_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunkMFGD7XVJ_js.useViewerOptionsContext();
+  const { isHidden } = chunk355ICDU6_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunk355ICDU6_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -30777,7 +30783,7 @@ function ViewerCanvasArea(props) {
 ${url}`)) {
         return;
       }
-      chunkRHNJ4IU2_js.safeOpenUrl(url);
+      chunkXRFJ7TAF_js.safeOpenUrl(url);
     },
     [viewerOptions, t]
   );
@@ -30798,9 +30804,9 @@ ${url}`)) {
   );
   const handleHyperlinkClick = React97.useCallback(
     (url) => {
-      if (chunkRHNJ4IU2_js.isPpactionUrl(url)) {
+      if (chunkXRFJ7TAF_js.isPpactionUrl(url)) {
         if (mode === "present") {
-          const parsed = chunkRHNJ4IU2_js.parsePpactionUrl(url);
+          const parsed = chunkXRFJ7TAF_js.parsePpactionUrl(url);
           if (parsed) {
             const action = {
               action: parsed.action,
@@ -30885,7 +30891,7 @@ ${url}`)) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkMFGD7XVJ_js.useSwipeNavigation({
+  const swipe = chunk355ICDU6_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -30959,7 +30965,7 @@ ${url}`)) {
               ),
               children: (stageScale) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkMFGD7XVJ_js.PresentationTransitionOverlay,
+                  chunk355ICDU6_js.PresentationTransitionOverlay,
                   {
                     outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
                     templateElements,
@@ -31070,14 +31076,14 @@ ${url}`)) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkMFGD7XVJ_js.RemoteSelectionOverlay,
+                  chunk355ICDU6_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkMFGD7XVJ_js.CollaborationCursorOverlay,
+                  chunk355ICDU6_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31217,7 +31223,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = React97.lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-6VWCT6NE.js')
+    import('./AiChatPanel-7XZQQZ4P.js')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...props, useChat });
@@ -31378,7 +31384,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers } = chunkMFGD7XVJ_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunk355ICDU6_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -31647,7 +31653,7 @@ function ThemeThumbnail({
     {
       type: "button",
       onClick,
-      className: chunkRHNJ4IU2_js.cn(
+      className: chunkXRFJ7TAF_js.cn(
         "group relative flex flex-col rounded-lg border-2 transition-all overflow-hidden",
         selected ? "border-primary shadow-lg scale-[1.02]" : "border-border hover:border-primary/50 hover:shadow-md"
       ),
@@ -31833,7 +31839,7 @@ function ViewerSidePanels(props) {
   const customization = useViewerCustomizationContext();
   const inspectorOpen = (mode === "edit" || mode === "master") && s.isInspectorPaneOpen && pptx.isPanelVisible(customization, "inspector");
   const currentBuiltInTheme = BUILT_IN_THEMES.find(
-    (candidate) => (0, chunkRHNJ4IU2_js.dist_exports.themeColorSchemesEqual)(s.theme?.colorScheme, candidate.colorScheme)
+    (candidate) => (0, chunkXRFJ7TAF_js.dist_exports.themeColorSchemesEqual)(s.theme?.colorScheme, candidate.colorScheme)
   ) ?? null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     inspectorOpen && onResizeRight && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { direction: "horizontal", onResize: onResizeRight }),
@@ -32119,7 +32125,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React97.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         SlidesPaneSidebar,
@@ -32609,7 +32615,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunkMFGD7XVJ_js.useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunk355ICDU6_js.useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
     s.setIsInspectorPaneOpen(false);
     s.setIsSlideNotesCollapsed(true);
@@ -32815,7 +32821,7 @@ function AddinTable({
       "tr",
       {
         onClick: () => onSelect(row.id),
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "cursor-pointer border-b border-border/40 transition-colors",
           selectedId === row.id ? "bg-primary/10" : "hover:bg-accent"
         ),
@@ -32882,18 +32888,18 @@ function ControlRow({
   onOptionChange: emitChange
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkMFGD7XVJ_js.useIsMobile();
+  const { viewportWidth } = chunk355ICDU6_js.useIsMobile();
   const fieldMinHeight = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const value = readValue(options, control);
   const label = t(control.labelKey);
   const info = control.infoKey ? /* @__PURE__ */ jsxRuntime.jsx(InfoTip, { text: t(control.infoKey) }) : null;
-  const rowClass = chunkRHNJ4IU2_js.cn("flex items-center justify-between gap-3 py-1.5", control.indent && "pl-6");
+  const rowClass = chunkXRFJ7TAF_js.cn("flex items-center justify-between gap-3 py-1.5", control.indent && "pl-6");
   const rowStyle = { minHeight: fieldMinHeight };
   const locked = control.readOnly === true;
   const lockedTitle = locked ? t("pptx.options.lockedByHost") : void 0;
   const onOptionChange = locked ? IGNORE_CHANGE : emitChange;
   if (control.kind === "toggle") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkRHNJ4IU2_js.cn(rowClass, "cursor-pointer select-none"), style: rowStyle, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkXRFJ7TAF_js.cn(rowClass, "cursor-pointer select-none"), style: rowStyle, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
         label,
         info
@@ -33045,7 +33051,7 @@ function CommandList({
               role: "option",
               "aria-selected": selectedId === id,
               onClick: () => onSelect(id),
-              className: chunkRHNJ4IU2_js.cn(
+              className: chunkXRFJ7TAF_js.cn(
                 "flex w-full items-center rounded px-2 py-1.5 text-left text-sm transition-colors",
                 selectedId === id ? "bg-primary/15 text-primary" : "text-foreground hover:bg-accent"
               ),
@@ -33189,7 +33195,7 @@ function OptionsRibbonPane({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "label",
           {
-            className: chunkRHNJ4IU2_js.cn(
+            className: chunkXRFJ7TAF_js.cn(
               "flex items-center gap-2 rounded px-2 py-1.5",
               isFile ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-accent"
             ),
@@ -33223,7 +33229,7 @@ function OptionsRibbonPane({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: pptx.SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunkRHNJ4IU2_js.cn(
+          className: chunkXRFJ7TAF_js.cn(
             "flex items-center justify-between gap-3 rounded px-3 py-2",
             i % 2 === 0 ? "bg-muted/60" : ""
           ),
@@ -33244,7 +33250,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunkMFGD7XVJ_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunk355ICDU6_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -33352,7 +33358,7 @@ function SettingsAppearanceTab({
         type: "button",
         onClick: () => onSelectTheme(entry.key),
         "aria-pressed": isActive,
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors",
           isActive ? "border-primary bg-primary/10" : "border-border hover:border-primary/50 hover:bg-accent"
         ),
@@ -33369,7 +33375,7 @@ function SettingsAppearanceTab({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkRHNJ4IU2_js.cn("text-xs font-medium", isActive ? "text-primary" : "text-foreground"),
+              className: chunkXRFJ7TAF_js.cn("text-xs font-medium", isActive ? "text-primary" : "text-foreground"),
               children: t(entry.labelKey)
             }
           )
@@ -33449,7 +33455,7 @@ function SettingsLanguageTab({
         type: "button",
         onClick: () => onSelectLocale(locale.code),
         "aria-pressed": isActive,
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "flex w-full items-center justify-between rounded px-3 py-2.5 text-left transition-colors",
           isActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent"
         ),
@@ -33489,8 +33495,8 @@ function SettingsDialog({
   const [activeTabId, setActiveTabId] = React97.useState("general");
   const { t } = reactI18next.useTranslation();
   const customization = useViewerCustomizationContext();
-  const { panelStyle, handlers: dragHandlers } = chunkMFGD7XVJ_js.useModalDismissDrag(onClose);
-  const { viewportWidth, viewportHeight } = chunkMFGD7XVJ_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunk355ICDU6_js.useModalDismissDrag(onClose);
+  const { viewportWidth, viewportHeight } = chunk355ICDU6_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const navBtnStyle = { minHeight: touchTargetPx, minWidth: touchTargetPx };
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
@@ -33598,7 +33604,7 @@ function SettingsDialog({
                           onClick: () => setActiveTabId(tab.id),
                           "aria-current": currentTabId === tab.id,
                           style: navBtnStyle,
-                          className: chunkRHNJ4IU2_js.cn(
+                          className: chunkXRFJ7TAF_js.cn(
                             "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
                             currentTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
                           ),
@@ -33613,7 +33619,7 @@ function SettingsDialog({
                           onClick: () => setActiveTabId(AI_TAB_ID),
                           "aria-current": aiActive,
                           style: navBtnStyle,
-                          className: chunkRHNJ4IU2_js.cn(
+                          className: chunkXRFJ7TAF_js.cn(
                             "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
                             aiActive ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
                           ),
@@ -33759,7 +33765,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React97.useRef(input);
@@ -34080,7 +34086,7 @@ function useMasterViewCrud(input) {
       if (id === "renameLayout" || id === "renameMaster") {
         const master = slideMasters[target.masterIndex];
         const current = id === "renameLayout" ? master?.layouts?.[target.layoutIndex ?? -1]?.name ?? "" : master?.name ?? "";
-        const next = chunkMFGD7XVJ_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
+        const next = chunk355ICDU6_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
         if (!next) {
           return;
         }
@@ -34539,7 +34545,7 @@ var PowerPointViewer = React97.forwardRef(
         }
       })();
     }, []);
-    const { optionsStore, options: viewerOptions } = chunkMFGD7XVJ_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunk355ICDU6_js.useViewerOptions();
     const custom = useViewerCustomization(customization, legacyHiddenActions, optionsStore);
     const { resolved: customizationResolved, hiddenActions } = custom;
     const aiEnabled = Boolean(ai) && pptx.isFeatureEnabled(customizationResolved, "ai");
@@ -34553,8 +34559,8 @@ var PowerPointViewer = React97.forwardRef(
     const handleEnableEditing = React97.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunkMFGD7XVJ_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunkMFGD7XVJ_js.useCompatibilityToastsState();
+    const readOnlyRec = chunk355ICDU6_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunk355ICDU6_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React97.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React97.useState(Boolean(collaboration));
@@ -34569,8 +34575,8 @@ var PowerPointViewer = React97.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React97.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkMFGD7XVJ_js.useReducedMotion();
-    const state = chunkMFGD7XVJ_js.useViewerState({ content, canEdit });
+    const { reducedMotion, toggleReducedMotion } = chunk355ICDU6_js.useReducedMotion();
+    const state = chunk355ICDU6_js.useViewerState({ content, canEdit });
     const {
       containerRef,
       mode,
@@ -34594,7 +34600,7 @@ var PowerPointViewer = React97.forwardRef(
       [state.recentColors, pushColor]
     );
     const themeColorMapValue = React97.useMemo(
-      () => state.theme?.colorScheme ? (0, chunkRHNJ4IU2_js.dist_exports.buildThemeColorMap)(state.theme.colorScheme) : void 0,
+      () => state.theme?.colorScheme ? (0, chunkXRFJ7TAF_js.dist_exports.buildThemeColorMap)(state.theme.colorScheme) : void 0,
       [state.theme?.colorScheme]
     );
     const settings = React97.useMemo(
@@ -34681,16 +34687,16 @@ var PowerPointViewer = React97.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache2 = useAutosaveCacheMaintenance(viewerOptions);
-    const mobile = chunkMFGD7XVJ_js.useIsMobile();
+    const mobile = chunk355ICDU6_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkMFGD7XVJ_js.useResizablePanels();
+    const resizablePanels = chunk355ICDU6_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunkMFGD7XVJ_js.useDerivedSlideState({
+    } = chunk355ICDU6_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -34715,7 +34721,7 @@ var PowerPointViewer = React97.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunkMFGD7XVJ_js.useZoomViewport({
+    const zoom = chunk355ICDU6_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
@@ -34725,7 +34731,7 @@ var PowerPointViewer = React97.forwardRef(
     const markDocumentDirty = React97.useCallback(() => {
       setIsDirty(true);
     }, [setIsDirty]);
-    const history = chunkMFGD7XVJ_js.useEditorHistory({
+    const history = chunk355ICDU6_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -34751,7 +34757,7 @@ var PowerPointViewer = React97.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkMFGD7XVJ_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunk355ICDU6_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -34793,7 +34799,7 @@ var PowerPointViewer = React97.forwardRef(
       onSetActiveCustomShowId: state.setActiveCustomShowId,
       onAddRunProgramNotice: runProgramNoticesState.addNotice
     });
-    chunkMFGD7XVJ_js.useTouchGestures({
+    chunk355ICDU6_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -34815,7 +34821,7 @@ var PowerPointViewer = React97.forwardRef(
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkMFGD7XVJ_js.useViewerDialogs({
+    const dialogs = chunk355ICDU6_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -34864,7 +34870,7 @@ var PowerPointViewer = React97.forwardRef(
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkMFGD7XVJ_js.useEditorOperations({
+    const editorOps = chunk355ICDU6_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -34906,7 +34912,7 @@ var PowerPointViewer = React97.forwardRef(
       setIsEncryptedDialogOpen,
       handlerRef,
       loadVersion
-    } = chunkMFGD7XVJ_js.useViewerIntegration({
+    } = chunk355ICDU6_js.useViewerIntegration({
       transformCommittedText: (text) => pptx.applyAutoCorrect(text, viewerOptions.proofing),
       state,
       zoom,
@@ -34980,7 +34986,7 @@ var PowerPointViewer = React97.forwardRef(
       updateThemeFontScheme: themeHandlers.handleUpdateThemeFontScheme
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunkMFGD7XVJ_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunk355ICDU6_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -35018,7 +35024,7 @@ var PowerPointViewer = React97.forwardRef(
       },
       [state]
     );
-    const layoutSwitching = chunkMFGD7XVJ_js.useLayoutSwitching({
+    const layoutSwitching = chunk355ICDU6_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -35114,7 +35120,7 @@ var PowerPointViewer = React97.forwardRef(
         "data-pptx-editor-chrome": "",
         ...{ [pptx.RIBBON_SCOPE_ATTR]: ribbonScope },
         "aria-busy": loading,
-        className: chunkRHNJ4IU2_js.cn(
+        className: chunkXRFJ7TAF_js.cn(
           "h-full w-full bg-background text-foreground relative",
           ...pptx.resolveOptionRootClasses(viewerOptions, "pptx")
         ),
@@ -35505,8 +35511,8 @@ var PowerPointViewer = React97.forwardRef(
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMFGD7XVJ_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkMFGD7XVJ_js.CollaborationProvider,
+      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunk355ICDU6_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunk355ICDU6_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -35564,7 +35570,7 @@ var PowerPointViewer = React97.forwardRef(
 );
 PowerPointViewer.displayName = "PowerPointViewer";
 function CollaborationStatusStrip() {
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
+  const collab = chunk355ICDU6_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -35588,8 +35594,8 @@ function CollaborationDocumentSync({
   deckSaveState,
   onReadOnlyChange
 }) {
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
-  chunkMFGD7XVJ_js.useCollaborationDocumentSync({
+  const collab = chunk355ICDU6_js.useCollaboration();
+  chunk355ICDU6_js.useCollaborationDocumentSync({
     collaboration: collab,
     slides,
     templateElementsBySlideId,
@@ -35608,14 +35614,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunkMFGD7XVJ_js.useCollaboration();
-  const { followedClientId, followUser } = chunkMFGD7XVJ_js.useFollowMode({
+  const collab = chunk355ICDU6_js.useCollaboration();
+  const { followedClientId, followUser } = chunk355ICDU6_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkMFGD7XVJ_js.useBroadcastFollower({
+  chunk355ICDU6_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,