pptx-react-viewer 3.19.2 → 3.20.0

package/dist/{chunk-ATKAU2J4.mjs → chunk-2IBDKMY2.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-NEMPFYZ5.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, LoadingState, ViewerOptionsContext, SmartArt3DContext, SurfaceChart3DContext, BarChart3DContext, LineChart3DContext, AreaChart3DContext, PieChart3DContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, SmartArtRenderer, playAnimationSound, ResizeHandles, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-M5BAPEQL.mjs';
-import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-7XJ7I6TJ.mjs';
-import { SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, buildDeckSaveOptions, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, shouldClearAutosaveCacheOnClose, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, getDensePanelTouchTargetPx, shouldStickyActionRow, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, hasMultipleSelectedTableCells, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, buildFreeformShapeElement, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, hasTiltData, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, hideChartSeries, restoreFilteredSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-GULL4H2I.mjs';
-import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-MQUTXOET.mjs';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-AYH6XSE7.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, LoadingState, ViewerOptionsContext, SmartArt3DContext, SurfaceChart3DContext, BarChart3DContext, LineChart3DContext, AreaChart3DContext, PieChart3DContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, SmartArtRenderer, playAnimationSound, ResizeHandles, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-5PDGHTRJ.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-FE4L26FT.mjs';
+import { SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, buildDeckSaveOptions, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, shouldClearAutosaveCacheOnClose, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, getDensePanelTouchTargetPx, shouldStickyActionRow, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, hasMultipleSelectedTableCells, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, buildFreeformShapeElement, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, hasTiltData, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-N4FLKADC.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-AVTH627G.mjs';
 import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useId, useContext, Fragment as Fragment$1, useDeferredValue, Suspense, useSyncExternalStore, useLayoutEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
+import { LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuFilter, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1811,7 +1811,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "3.19.1" ;
+  const version = "3.19.2" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -6580,6 +6580,308 @@ function SnapLinesOverlay({ snapLines }) {
     i
   )) });
 }
+
+// src/viewer/components/inspector/chart-panel-constants.ts
+var HEADING = "text-[11px] uppercase tracking-wide text-muted-foreground";
+var CARD = "rounded border border-border bg-card p-2 space-y-2";
+var INPUT = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
+var BTN = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]!";
+var CELL_INPUT = "bg-muted border border-border rounded px-1 py-0.5 text-[11px] w-full text-center";
+var GROUPING_OPTIONS = [
+  { value: "clustered", labelKey: "pptx.chart.groupingClustered" },
+  { value: "stacked", labelKey: "pptx.chart.groupingStacked" },
+  { value: "percentStacked", labelKey: "pptx.chart.groupingPercentStacked" }
+];
+var LEGEND_POSITION_OPTIONS = [
+  { value: "t", labelKey: "pptx.chart.legendTop" },
+  { value: "b", labelKey: "pptx.chart.legendBottom" },
+  { value: "l", labelKey: "pptx.chart.legendLeft" },
+  { value: "r", labelKey: "pptx.chart.legendRight" }
+];
+var TICK_LABEL_POSITION_OPTIONS = [
+  { value: "nextTo", labelKey: "pptx.chart.tickNextTo" },
+  { value: "high", labelKey: "pptx.chart.tickHigh" },
+  { value: "low", labelKey: "pptx.chart.tickLow" },
+  { value: "none", labelKey: "pptx.chart.tickNone" }
+];
+var DISPLAY_UNITS_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.unitsNone" },
+  { value: "hundreds", labelKey: "pptx.chart.unitsHundreds" },
+  { value: "thousands", labelKey: "pptx.chart.unitsThousands" },
+  { value: "tenThousands", labelKey: "pptx.chart.unitsTenThousands" },
+  { value: "hundredThousands", labelKey: "pptx.chart.unitsHundredThousands" },
+  { value: "millions", labelKey: "pptx.chart.unitsMillions" },
+  { value: "tenMillions", labelKey: "pptx.chart.unitsTenMillions" },
+  { value: "hundredMillions", labelKey: "pptx.chart.unitsHundredMillions" },
+  { value: "billions", labelKey: "pptx.chart.unitsBillions" },
+  { value: "trillions", labelKey: "pptx.chart.unitsTrillions" }
+];
+var DATA_LABEL_CONTENT_OPTIONS = [
+  { key: "showValue", labelKey: "pptx.chart.labelValue" },
+  { key: "showCategory", labelKey: "pptx.chart.labelCategory" },
+  { key: "showSeriesName", labelKey: "pptx.chart.labelSeriesName" },
+  { key: "showPercent", labelKey: "pptx.chart.labelPercent" },
+  { key: "showLegendKey", labelKey: "pptx.chart.labelLegendKey" }
+];
+var DATA_LABEL_POSITION_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.labelPosDefault" },
+  { value: "ctr", labelKey: "pptx.chart.labelPosCenter" },
+  { value: "inEnd", labelKey: "pptx.chart.labelPosInsideEnd" },
+  { value: "inBase", labelKey: "pptx.chart.labelPosInsideBase" },
+  { value: "outEnd", labelKey: "pptx.chart.labelPosOutsideEnd" },
+  { value: "bestFit", labelKey: "pptx.chart.labelPosBestFit" }
+];
+var TRENDLINE_TYPE_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.trendlineNone" },
+  { value: "linear", labelKey: "pptx.chart.trendlineLinear" },
+  { value: "exponential", labelKey: "pptx.chart.trendlineExponential" },
+  { value: "logarithmic", labelKey: "pptx.chart.trendlineLogarithmic" },
+  { value: "polynomial", labelKey: "pptx.chart.trendlinePolynomial" },
+  { value: "power", labelKey: "pptx.chart.trendlinePower" },
+  { value: "movingAvg", labelKey: "pptx.chart.trendlineMovingAvg" }
+];
+var TRENDLINE_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
+  "bar",
+  "line",
+  "area",
+  "scatter",
+  "bubble"
+]);
+var ERROR_BAR_VALTYPE_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.errorBarNone" },
+  { value: "fixedVal", labelKey: "pptx.chart.errorBarFixed" },
+  { value: "percentage", labelKey: "pptx.chart.errorBarPercentage" },
+  { value: "stdDev", labelKey: "pptx.chart.errorBarStdDev" },
+  { value: "stdErr", labelKey: "pptx.chart.errorBarStdErr" }
+];
+var ERROR_BAR_TYPE_OPTIONS = [
+  { value: "both", labelKey: "pptx.chart.errorBarBoth" },
+  { value: "plus", labelKey: "pptx.chart.errorBarPlus" },
+  { value: "minus", labelKey: "pptx.chart.errorBarMinus" }
+];
+var ERROR_BAR_VALUE_TYPES = /* @__PURE__ */ new Set(["fixedVal", "percentage", "stdDev"]);
+var ERROR_BAR_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
+  "bar",
+  "line",
+  "area",
+  "scatter",
+  "bubble"
+]);
+var GROUPING_SUPPORTED_TYPES = /* @__PURE__ */ new Set(["bar", "line", "area"]);
+var MARKER_SYMBOL_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.markerAuto" },
+  { value: "none", labelKey: "pptx.chart.markerNone" },
+  { value: "circle", labelKey: "pptx.chart.markerCircle" },
+  { value: "square", labelKey: "pptx.chart.markerSquare" },
+  { value: "diamond", labelKey: "pptx.chart.markerDiamond" },
+  { value: "triangle", labelKey: "pptx.chart.markerTriangle" },
+  { value: "x", labelKey: "pptx.chart.markerX" },
+  { value: "star", labelKey: "pptx.chart.markerStar" },
+  { value: "plus", labelKey: "pptx.chart.markerPlus" },
+  { value: "dot", labelKey: "pptx.chart.markerDot" },
+  { value: "dash", labelKey: "pptx.chart.markerDash" }
+];
+var MARKER_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
+  "line",
+  "scatter",
+  "bubble",
+  "radar"
+]);
+var GRIDLINE_DASH_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.dashDefault" },
+  { value: "solid", labelKey: "pptx.chart.dashSolid" },
+  { value: "dash", labelKey: "pptx.chart.dashDash" },
+  { value: "dot", labelKey: "pptx.chart.dashDot" },
+  { value: "dashDot", labelKey: "pptx.chart.dashDashDot" },
+  { value: "lgDash", labelKey: "pptx.chart.dashLong" }
+];
+var COMBO_SERIES_TYPE_OPTIONS = [
+  { value: "", labelKey: "pptx.chart.comboDefault" },
+  { value: "bar", labelKey: "pptx.chart.typeBar" },
+  { value: "line", labelKey: "pptx.chart.typeLine" },
+  { value: "area", labelKey: "pptx.chart.typeArea" },
+  { value: "scatter", labelKey: "pptx.chart.typeScatter" }
+];
+var COMBO_SUPPORTED_TYPES = /* @__PURE__ */ new Set(["bar", "line", "area", "combo"]);
+var EXPLOSION_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
+  "pie",
+  "pie3D",
+  "doughnut",
+  "ofPie"
+]);
+var ICONS3 = {
+  elements: LuPlus,
+  styles: LuPaintbrush,
+  filters: LuFilter
+};
+function ChartQuickActionsOverlay({
+  element,
+  canEdit,
+  onUpdateElement
+}) {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(null);
+  const hostRef = useRef(null);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handler = (e) => {
+      if (hostRef.current && !hostRef.current.contains(e.target)) {
+        setOpen(null);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const descriptor = buildChartQuickActionsDescriptor({
+    isChartSelected: true,
+    chartData: element.chartData,
+    selectionBox: { x: element.x, y: element.y, width: element.width, height: element.height }
+  });
+  if (!descriptor || !element.chartData) {
+    return null;
+  }
+  const chartData = element.chartData;
+  const commit = (updates) => onUpdateElement(element.id, updates);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: hostRef,
+      "data-pptx-chart-quick-actions": "true",
+      "data-export-ignore": "true",
+      style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
+      onMouseDown: (e) => e.stopPropagation(),
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !canEdit,
+            "data-testid": `chart-quick-action-${button.id}`,
+            "aria-label": t(button.labelKey),
+            title: t(button.labelKey),
+            onClick: () => setOpen((prev) => prev === button.id ? null : button.id),
+            style: {
+              position: "absolute",
+              left: button.x,
+              top: button.y,
+              width: button.size,
+              height: button.size,
+              scale: "var(--pptx-handle-inverse-scale, 1)",
+              transformOrigin: "top left"
+            },
+            className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
+            children: React6.createElement(ICONS3[button.id], { className: "size-3.5" })
+          }
+        ),
+        open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": "chart-quick-elements-popover",
+            style: {
+              position: "absolute",
+              left: button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4,
+              top: button.y,
+              scale: "var(--pptx-handle-inverse-scale, 1)",
+              transformOrigin: "top left"
+            },
+            className: `${CARD} w-44 z-10 shadow-lg`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.quickElements") }),
+              descriptor.elements.map((item) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    disabled: !canEdit,
+                    checked: item.checked,
+                    "data-testid": `chart-quick-element-${item.key}`,
+                    onChange: (e) => commit({
+                      chartData: applyChartElementToggle(chartData, item.key, e.target.checked)
+                    }),
+                    className: "accent-primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px]", children: t(item.labelKey) })
+              ] }, item.key))
+            ]
+          }
+        ),
+        open === button.id && button.id === "styles" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-testid": "chart-quick-styles-popover",
+            style: {
+              position: "absolute",
+              left: button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4,
+              top: button.y,
+              scale: "var(--pptx-handle-inverse-scale, 1)",
+              transformOrigin: "top left"
+            },
+            className: `${CARD} w-48 z-10 shadow-lg grid grid-cols-3 gap-1.5`,
+            children: descriptor.styles.presets.map((preset) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                "data-testid": `chart-quick-style-${preset.id}`,
+                "aria-label": t(preset.labelKey),
+                "aria-pressed": preset.applied,
+                title: t(preset.labelKey),
+                onClick: () => {
+                  const next = applyChartStylePreset(chartData, preset.id);
+                  if (next) {
+                    commit({ chartData: next });
+                  }
+                },
+                className: `flex flex-col rounded overflow-hidden border ${preset.applied ? "border-primary ring-1 ring-primary" : "border-border"}`,
+                children: /* @__PURE__ */ jsx("span", { className: "flex h-5 w-full", children: preset.colors.slice(0, 5).map((c, i) => /* @__PURE__ */ jsx("span", { style: { backgroundColor: c }, className: "flex-1" }, i)) })
+              },
+              preset.id
+            ))
+          }
+        ),
+        open === button.id && button.id === "filters" && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": "chart-quick-filters-popover",
+            style: {
+              position: "absolute",
+              left: button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4,
+              top: button.y,
+              scale: "var(--pptx-handle-inverse-scale, 1)",
+              transformOrigin: "top left"
+            },
+            className: `${CARD} w-48 z-10 shadow-lg`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.quickFilters") }),
+              descriptor.filters.series.map((row) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    disabled: !canEdit,
+                    checked: row.visible,
+                    "data-testid": `chart-quick-filter-${row.key}`,
+                    onChange: () => {
+                      const next = row.seriesIndex !== void 0 ? hideChartSeries(chartData, row.seriesIndex) : restoreFilteredSeries(chartData, row.filteredIndex);
+                      if (next) {
+                        commit({ chartData: next });
+                      }
+                    },
+                    className: "accent-primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] truncate", children: row.name })
+              ] }, row.key))
+            ]
+          }
+        )
+      ] }, button.id))
+    }
+  );
+}
 function CommentMarkersOverlay({
   comments,
   canvasSize,
@@ -8393,6 +8695,14 @@ function SlideCanvas({
                       onContextMenu
                     }
                   ),
+                  selectedElement && selectedElement.type === "chart" && shouldShowElementHandles(isEditableCanvas, true, selectedElementIdSet.size) && onUpdateSmartArtElement && /* @__PURE__ */ jsx(
+                    ChartQuickActionsOverlay,
+                    {
+                      element: selectedElement,
+                      canEdit,
+                      onUpdateElement: stableUpdateSmartArtElement
+                    }
+                  ),
                   /* @__PURE__ */ jsx(MarqueeOverlay, { marqueeSelectionState }),
                   activeSlide?.activeXControls && activeSlide.activeXControls.length > 0 && /* @__PURE__ */ jsx(ActiveXControlOverlay, { controls: activeSlide.activeXControls, canvasSize }),
                   showCommentMarkers && comments && comments.length > 0 && /* @__PURE__ */ jsx(
@@ -16755,10 +17065,10 @@ var INSPECTOR_TABS = [
   { key: "properties", labelKey: "pptx.inspector.properties", icon: LuSettings2 },
   { key: "comments", labelKey: "pptx.toolbar.comments", icon: LuMessageSquare }
 ];
-var HEADING = "text-[11px] uppercase tracking-wide text-muted-foreground";
-var CARD = "rounded border border-border bg-card p-2 space-y-2";
-var INPUT = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
-var BTN = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]! max-md:min-w-[44px]!";
+var HEADING2 = "text-[11px] uppercase tracking-wide text-muted-foreground";
+var CARD2 = "rounded border border-border bg-card p-2 space-y-2";
+var INPUT2 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
+var BTN2 = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]! max-md:min-w-[44px]!";
 var POS_FIELDS = [
   ["X", "x"],
   ["Y", "y"],
@@ -16791,7 +17101,7 @@ function ActionTargetFields({
         type: "text",
         disabled: !canEdit,
         "aria-label": t(urlLabelKey),
-        className: cn(INPUT, "w-full"),
+        className: cn(INPUT2, "w-full"),
         placeholder: "https://...",
         value: url ?? "",
         onChange: (e) => onChange({ url: e.target.value })
@@ -16805,7 +17115,7 @@ function ActionTargetFields({
         type: "number",
         disabled: !canEdit,
         "aria-label": t("pptx.action.gotoSlide"),
-        className: cn(INPUT, "w-full"),
+        className: cn(INPUT2, "w-full"),
         placeholder: t("pptx.action.slideNumberPlaceholder"),
         min: 1,
         max: slideCount,
@@ -16827,7 +17137,7 @@ function ActionTargetFields({
           "data-testid": "pptx-action-custom-show",
           disabled: !canEdit,
           "aria-label": t("pptx.hyperlink.customShowLabel"),
-          className: cn(INPUT, "w-full"),
+          className: cn(INPUT2, "w-full"),
           value: customShowId ?? "",
           onChange: (e) => onChange({ customShowId: e.target.value, returnAfter }),
           children: [
@@ -16883,8 +17193,8 @@ function ActionSettingsPanel({
       updateAction(trigger, type, target);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-action-settings": true, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.action.title", "Action") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, "data-pptx-action-settings": true, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.action.title", "Action") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-[11px]", children: [
       /* @__PURE__ */ jsx(
         ActionTriggerSection,
@@ -16950,7 +17260,7 @@ function ActionTriggerSection({
       {
         disabled: !canEdit,
         "aria-label": label,
-        className: cn(INPUT, "w-full"),
+        className: cn(INPUT2, "w-full"),
         value: effectiveType,
         onChange: (e) => changeType(e.target.value),
         children: ELEMENT_ACTION_TYPE_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: t(o.labelKey) }, o.value))
@@ -16972,135 +17282,6 @@ function ActionTriggerSection({
     )
   ] });
 }
-
-// src/viewer/components/inspector/chart-panel-constants.ts
-var HEADING2 = "text-[11px] uppercase tracking-wide text-muted-foreground";
-var CARD2 = "rounded border border-border bg-card p-2 space-y-2";
-var INPUT2 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
-var BTN2 = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]!";
-var CELL_INPUT = "bg-muted border border-border rounded px-1 py-0.5 text-[11px] w-full text-center";
-var GROUPING_OPTIONS = [
-  { value: "clustered", labelKey: "pptx.chart.groupingClustered" },
-  { value: "stacked", labelKey: "pptx.chart.groupingStacked" },
-  { value: "percentStacked", labelKey: "pptx.chart.groupingPercentStacked" }
-];
-var LEGEND_POSITION_OPTIONS = [
-  { value: "t", labelKey: "pptx.chart.legendTop" },
-  { value: "b", labelKey: "pptx.chart.legendBottom" },
-  { value: "l", labelKey: "pptx.chart.legendLeft" },
-  { value: "r", labelKey: "pptx.chart.legendRight" }
-];
-var TICK_LABEL_POSITION_OPTIONS = [
-  { value: "nextTo", labelKey: "pptx.chart.tickNextTo" },
-  { value: "high", labelKey: "pptx.chart.tickHigh" },
-  { value: "low", labelKey: "pptx.chart.tickLow" },
-  { value: "none", labelKey: "pptx.chart.tickNone" }
-];
-var DISPLAY_UNITS_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.unitsNone" },
-  { value: "hundreds", labelKey: "pptx.chart.unitsHundreds" },
-  { value: "thousands", labelKey: "pptx.chart.unitsThousands" },
-  { value: "tenThousands", labelKey: "pptx.chart.unitsTenThousands" },
-  { value: "hundredThousands", labelKey: "pptx.chart.unitsHundredThousands" },
-  { value: "millions", labelKey: "pptx.chart.unitsMillions" },
-  { value: "tenMillions", labelKey: "pptx.chart.unitsTenMillions" },
-  { value: "hundredMillions", labelKey: "pptx.chart.unitsHundredMillions" },
-  { value: "billions", labelKey: "pptx.chart.unitsBillions" },
-  { value: "trillions", labelKey: "pptx.chart.unitsTrillions" }
-];
-var DATA_LABEL_CONTENT_OPTIONS = [
-  { key: "showValue", labelKey: "pptx.chart.labelValue" },
-  { key: "showCategory", labelKey: "pptx.chart.labelCategory" },
-  { key: "showSeriesName", labelKey: "pptx.chart.labelSeriesName" },
-  { key: "showPercent", labelKey: "pptx.chart.labelPercent" },
-  { key: "showLegendKey", labelKey: "pptx.chart.labelLegendKey" }
-];
-var DATA_LABEL_POSITION_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.labelPosDefault" },
-  { value: "ctr", labelKey: "pptx.chart.labelPosCenter" },
-  { value: "inEnd", labelKey: "pptx.chart.labelPosInsideEnd" },
-  { value: "inBase", labelKey: "pptx.chart.labelPosInsideBase" },
-  { value: "outEnd", labelKey: "pptx.chart.labelPosOutsideEnd" },
-  { value: "bestFit", labelKey: "pptx.chart.labelPosBestFit" }
-];
-var TRENDLINE_TYPE_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.trendlineNone" },
-  { value: "linear", labelKey: "pptx.chart.trendlineLinear" },
-  { value: "exponential", labelKey: "pptx.chart.trendlineExponential" },
-  { value: "logarithmic", labelKey: "pptx.chart.trendlineLogarithmic" },
-  { value: "polynomial", labelKey: "pptx.chart.trendlinePolynomial" },
-  { value: "power", labelKey: "pptx.chart.trendlinePower" },
-  { value: "movingAvg", labelKey: "pptx.chart.trendlineMovingAvg" }
-];
-var TRENDLINE_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
-  "bar",
-  "line",
-  "area",
-  "scatter",
-  "bubble"
-]);
-var ERROR_BAR_VALTYPE_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.errorBarNone" },
-  { value: "fixedVal", labelKey: "pptx.chart.errorBarFixed" },
-  { value: "percentage", labelKey: "pptx.chart.errorBarPercentage" },
-  { value: "stdDev", labelKey: "pptx.chart.errorBarStdDev" },
-  { value: "stdErr", labelKey: "pptx.chart.errorBarStdErr" }
-];
-var ERROR_BAR_TYPE_OPTIONS = [
-  { value: "both", labelKey: "pptx.chart.errorBarBoth" },
-  { value: "plus", labelKey: "pptx.chart.errorBarPlus" },
-  { value: "minus", labelKey: "pptx.chart.errorBarMinus" }
-];
-var ERROR_BAR_VALUE_TYPES = /* @__PURE__ */ new Set(["fixedVal", "percentage", "stdDev"]);
-var ERROR_BAR_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
-  "bar",
-  "line",
-  "area",
-  "scatter",
-  "bubble"
-]);
-var GROUPING_SUPPORTED_TYPES = /* @__PURE__ */ new Set(["bar", "line", "area"]);
-var MARKER_SYMBOL_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.markerAuto" },
-  { value: "none", labelKey: "pptx.chart.markerNone" },
-  { value: "circle", labelKey: "pptx.chart.markerCircle" },
-  { value: "square", labelKey: "pptx.chart.markerSquare" },
-  { value: "diamond", labelKey: "pptx.chart.markerDiamond" },
-  { value: "triangle", labelKey: "pptx.chart.markerTriangle" },
-  { value: "x", labelKey: "pptx.chart.markerX" },
-  { value: "star", labelKey: "pptx.chart.markerStar" },
-  { value: "plus", labelKey: "pptx.chart.markerPlus" },
-  { value: "dot", labelKey: "pptx.chart.markerDot" },
-  { value: "dash", labelKey: "pptx.chart.markerDash" }
-];
-var MARKER_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
-  "line",
-  "scatter",
-  "bubble",
-  "radar"
-]);
-var GRIDLINE_DASH_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.dashDefault" },
-  { value: "solid", labelKey: "pptx.chart.dashSolid" },
-  { value: "dash", labelKey: "pptx.chart.dashDash" },
-  { value: "dot", labelKey: "pptx.chart.dashDot" },
-  { value: "dashDot", labelKey: "pptx.chart.dashDashDot" },
-  { value: "lgDash", labelKey: "pptx.chart.dashLong" }
-];
-var COMBO_SERIES_TYPE_OPTIONS = [
-  { value: "", labelKey: "pptx.chart.comboDefault" },
-  { value: "bar", labelKey: "pptx.chart.typeBar" },
-  { value: "line", labelKey: "pptx.chart.typeLine" },
-  { value: "area", labelKey: "pptx.chart.typeArea" },
-  { value: "scatter", labelKey: "pptx.chart.typeScatter" }
-];
-var COMBO_SUPPORTED_TYPES = /* @__PURE__ */ new Set(["bar", "line", "area", "combo"]);
-var EXPLOSION_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
-  "pie",
-  "pie3D",
-  "doughnut",
-  "ofPie"
-]);
 var AXIS_ROWS = [
   { type: "valAx", labelKey: "pptx.chart.valueAxis", hasScale: true },
   { type: "dateAx", labelKey: "pptx.chart.dateAxis", hasScale: true },
@@ -17122,7 +17303,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
       {
         type: "number",
         disabled: !canEdit,
-        className: INPUT2,
+        className: INPUT,
         value: value ?? "",
         placeholder: t("pptx.chart.auto"),
         onChange: (e) => {
@@ -17139,8 +17320,8 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.axes") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.axes") }),
     rows.map(({ type, labelKey, hasScale, axis }) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium", children: t(labelKey) }),
       hasScale && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 ml-2", children: [
@@ -17155,7 +17336,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
             {
               "aria-label": t("pptx.chart.displayUnits"),
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: axis.displayUnits ?? "",
               onChange: (e) => onUpdateAxis(type, {
                 displayUnits: e.target.value || void 0
@@ -17173,7 +17354,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
             {
               type: "text",
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: axis.titleText ?? "",
               placeholder: t("pptx.chart.axisTitlePlaceholder"),
               onChange: (e) => onUpdateAxis(type, { titleText: e.target.value })
@@ -17187,7 +17368,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
             {
               type: "text",
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: axis.numFmt?.formatCode ?? "",
               placeholder: t("pptx.settings.general"),
               onChange: (e) => onUpdateAxis(type, {
@@ -17203,7 +17384,7 @@ function ChartAxisOptions({ axes, canEdit, onUpdateAxis }) {
             {
               "aria-label": t("pptx.chart.tickLabels"),
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: axis.tickLblPos ?? "nextTo",
               onChange: (e) => onUpdateAxis(type, {
                 tickLblPos: e.target.value
@@ -17263,8 +17444,8 @@ function ChartAxisStyleOptions({
   if (rows.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.axisStyling") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.axisStyling") }),
     rows.map(({ type, labelKey, axis }) => {
       const hasScale = type === "valAx" || type === "dateAx";
       return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -17309,7 +17490,7 @@ function ChartAxisStyleOptions({
               {
                 type: "text",
                 disabled: !canEdit,
-                className: INPUT2,
+                className: INPUT,
                 placeholder: t("pptx.chart.auto"),
                 value: axis.fontFamily ?? "",
                 onChange: (e) => onSetTitleStyle(type, { fontFamily: e.target.value || null })
@@ -17413,7 +17594,7 @@ function ChartAxisStyleOptions({
                 {
                   disabled: !canEdit,
                   title: t("pptx.chart.gridlineDash"),
-                  className: INPUT2,
+                  className: INPUT,
                   value: spPr?.strokeDashStyle ?? "",
                   onChange: (e) => onSetGridlineStyle(type, which, { dashStyle: e.target.value || null }),
                   children: GRIDLINE_DASH_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
@@ -17436,15 +17617,15 @@ function ChartComboTypeOptions({
   if (!COMBO_SUPPORTED_TYPES.has(chartType) || series.length < 2) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.comboTypes") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.comboTypes") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: series.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
       /* @__PURE__ */ jsx(
         "select",
         {
           disabled: !canEdit,
-          className: INPUT2,
+          className: INPUT,
           value: s.seriesChartType ?? "",
           onChange: (e) => {
             const value = e.target.value;
@@ -17482,15 +17663,15 @@ function ChartDataGrid({
   const highlightClass = " ring-1 ring-primary";
   const isSeriesHighlight = (si) => highlightCell?.seriesIndex === si && highlightCell.pointIndex === void 0;
   const isValueHighlight = (si, ci) => highlightCell?.seriesIndex === si && highlightCell.pointIndex === ci;
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.data") }),
+      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.data") }),
       canEdit && /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
         /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            className: `${BTN2} inline-flex items-center justify-center`,
+            className: `${BTN} inline-flex items-center justify-center`,
             style: iconBtnStyle,
             title: t("pptx.chart.addCategory"),
             onClick: onAddCategory,
@@ -17504,7 +17685,7 @@ function ChartDataGrid({
           "button",
           {
             type: "button",
-            className: `${BTN2} inline-flex items-center justify-center`,
+            className: `${BTN} inline-flex items-center justify-center`,
             style: iconBtnStyle,
             title: t("pptx.chart.addSeries"),
             onClick: onAddSeries,
@@ -17610,8 +17791,8 @@ function ChartDataLabelOptions({
   }
   const labels = style.dataLabels ?? {};
   const patchLabels = (patch) => onUpdateStyle({ dataLabels: { ...labels, ...patch } });
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.dataLabels") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.dataLabels") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       DATA_LABEL_CONTENT_OPTIONS.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
@@ -17633,7 +17814,7 @@ function ChartDataLabelOptions({
           {
             "aria-label": t("pptx.chart.labelPosition"),
             disabled: !canEdit,
-            className: INPUT2,
+            className: INPUT,
             value: labels.position ?? "",
             onChange: (e) => patchLabels({
               position: e.target.value || void 0
@@ -17661,8 +17842,8 @@ function ChartDataPointMarkerOptions({
   }
   const activeSeries = series[Math.min(seriesIndex, series.length - 1)];
   const pointFor = (idx) => activeSeries.dataPoints?.find((p) => p.idx === idx);
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.pointMarkers") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.pointMarkers") }),
     series.length > 1 && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-12 text-muted-foreground shrink-0", children: t("pptx.chart.series") }),
       /* @__PURE__ */ jsx(
@@ -17771,8 +17952,8 @@ function ChartDataPointOptions({
   const activeSeries = series[Math.min(seriesIndex, series.length - 1)];
   const showExplosion = EXPLOSION_SUPPORTED_TYPES.has(chartType);
   const pointFor = (idx) => activeSeries.dataPoints?.find((p) => p.idx === idx);
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.dataPoints") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.dataPoints") }),
     series.length > 1 && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "w-12 text-muted-foreground shrink-0", children: t("pptx.chart.series") }),
       /* @__PURE__ */ jsx(
@@ -17780,7 +17961,7 @@ function ChartDataPointOptions({
         {
           "aria-label": t("pptx.chart.series"),
           disabled: !canEdit,
-          className: INPUT2,
+          className: INPUT,
           value: Math.min(seriesIndex, series.length - 1),
           onChange: (e) => setSeriesIndex(Number.parseInt(e.target.value, 10)),
           children: series.map((s, i) => /* @__PURE__ */ jsx("option", { value: i, children: s.name }, `${s.name}-${i}`))
@@ -17867,8 +18048,8 @@ function ChartDisplayOptions({
   onToggleGridlines
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.display") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.display") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
@@ -17903,7 +18084,7 @@ function ChartDisplayOptions({
           {
             "aria-label": t("pptx.chart.legendPosition"),
             disabled: !canEdit,
-            className: INPUT2,
+            className: INPUT,
             value: style.legendPosition ?? "b",
             onChange: (e) => onUpdateStyle({
               legendPosition: e.target.value
@@ -17953,8 +18134,8 @@ function ChartErrorBarOptions({
   if (!ERROR_BAR_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.errorBars") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.errorBars") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2", children: series.map((s, i) => {
       const bars = s.errBars?.[0];
       const valType = bars?.valType ?? "";
@@ -17966,7 +18147,7 @@ function ChartErrorBarOptions({
             "select",
             {
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: valType,
               onChange: (e) => {
                 const value = e.target.value;
@@ -17990,7 +18171,7 @@ function ChartErrorBarOptions({
             "select",
             {
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: bars.barType,
               onChange: (e) => onSetErrorBars(i, {
                 ...bars,
@@ -18004,7 +18185,7 @@ function ChartErrorBarOptions({
             {
               type: "number",
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: bars.val ?? "",
               placeholder: t("pptx.chart.errorBarAmount"),
               onChange: (e) => {
@@ -18035,8 +18216,8 @@ function ChartFilteredSeriesOptions({
   if (filteredSeries.length === 0 && seriesWithRange.length === 0 && chartData.series.length <= 1) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.chartFilters") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.chartFilters") }),
     chartData.series.length > 1 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: chartData.series.map((series, index) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -18047,7 +18228,7 @@ function ChartFilteredSeriesOptions({
             "button",
             {
               type: "button",
-              className: BTN2,
+              className: BTN,
               disabled: !canEdit,
               "aria-label": t("pptx.chart.hideSeries", { name: series.name }),
               "data-testid": `chart-series-hide-${index}`,
@@ -18071,7 +18252,7 @@ function ChartFilteredSeriesOptions({
               "button",
               {
                 type: "button",
-                className: BTN2,
+                className: BTN,
                 disabled: !canEdit,
                 "aria-label": t("pptx.chart.showSeries", { name }),
                 "data-testid": `chart-series-show-${index}`,
@@ -18114,8 +18295,8 @@ function ChartMarkerOptions({
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.markers") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.markers") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2", children: series.map((s, i) => {
       const marker = s.marker;
       return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -18125,7 +18306,7 @@ function ChartMarkerOptions({
             "select",
             {
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: marker?.symbol ?? "",
               onChange: (e) => {
                 const value = e.target.value;
@@ -18228,8 +18409,8 @@ function ChartSeriesColorOptions({
   if (series.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.seriesColors") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.seriesColors") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1", children: series.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-muted-foreground shrink-0", children: [
@@ -18277,8 +18458,8 @@ function ChartSubtypeOptions({
   if (chartData.chartType !== "bar3D" && chartData.chartType !== "radar" && chartData.chartType !== "surface") {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.display") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.display") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
       chartData.chartType === "bar3D" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.bar3DShapeLabel") }),
@@ -18288,7 +18469,7 @@ function ChartSubtypeOptions({
             "data-testid": "pptx-chart-bar3d-shape",
             "aria-label": t("pptx.chart.bar3DShapeLabel"),
             disabled: !canEdit,
-            className: INPUT2,
+            className: INPUT,
             value: chartData.barShape ?? "box",
             onChange: (e) => onUpdateChartData(bar3DShapePatch(chartData, e.target.value)),
             children: BAR3D_SHAPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
@@ -18303,7 +18484,7 @@ function ChartSubtypeOptions({
             "data-testid": "pptx-chart-radar-style",
             "aria-label": t("pptx.chart.radarStyleLabel"),
             disabled: !canEdit,
-            className: INPUT2,
+            className: INPUT,
             value: chartData.radarStyle ?? "standard",
             onChange: (e) => onUpdateChartData(
               radarStylePatch(
@@ -18323,7 +18504,7 @@ function ChartSubtypeOptions({
             "data-testid": "pptx-chart-surface-wireframe",
             "aria-label": t("pptx.chart.surfaceWireframeLabel"),
             disabled: !canEdit,
-            className: INPUT2,
+            className: INPUT,
             value: chartData.wireframe ? "true" : "false",
             onChange: (e) => onUpdateChartData(surfaceWireframePatch(chartData, e.target.value === "true")),
             children: SURFACE_WIREFRAME_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
@@ -18343,8 +18524,8 @@ function ChartTrendlineOptions({
   if (!TRENDLINE_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.trendlines") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.trendlines") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2", children: series.map((s, i) => {
       const trendline = s.trendlines?.[0];
       return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
@@ -18354,7 +18535,7 @@ function ChartTrendlineOptions({
             "select",
             {
               disabled: !canEdit,
-              className: INPUT2,
+              className: INPUT,
               value: trendline?.trendlineType ?? "",
               onChange: (e) => {
                 const value = e.target.value;
@@ -18417,8 +18598,8 @@ function ChartTypeSelector({
   const { t } = useTranslation();
   const supportsGrouping = GROUPING_SUPPORTED_TYPES.has(chartType);
   const displayedType = resolveDisplayedChartType(chartData);
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.heading") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.heading") }),
     /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground mb-1", children: [
       seriesCount,
       " ",
@@ -18435,7 +18616,7 @@ function ChartTypeSelector({
         {
           type: "text",
           disabled: !canEdit,
-          className: INPUT2,
+          className: INPUT,
           value: title ?? "",
           onChange: (e) => onTitleChange(e.target.value)
         }
@@ -18448,7 +18629,7 @@ function ChartTypeSelector({
         {
           "aria-label": t("pptx.chart.type"),
           disabled: !canEdit,
-          className: INPUT2,
+          className: INPUT,
           value: displayedType,
           onChange: (e) => onUpdateChartData({
             chartType: e.target.value
@@ -18464,7 +18645,7 @@ function ChartTypeSelector({
         {
           "aria-label": t("pptx.chart.grouping"),
           disabled: !canEdit,
-          className: INPUT2,
+          className: INPUT,
           value: grouping ?? "clustered",
           onChange: (e) => onUpdateChartData({
             grouping: e.target.value
@@ -18484,7 +18665,7 @@ function NumberField({ value, canEdit, fraction, nonNegative, onChange }) {
       min: fraction || nonNegative ? 0 : void 0,
       max: fraction ? 1 : void 0,
       disabled: !canEdit,
-      className: INPUT2,
+      className: INPUT,
       value,
       onChange: (e) => onChange(Number(e.target.value))
     }
@@ -18505,7 +18686,7 @@ function RotationField({
         step: "1",
         "aria-label": t("pptx.chart.userShapeRotation"),
         disabled: !canEdit,
-        className: INPUT2,
+        className: INPUT,
         value: row.rotation ?? 0,
         onChange: (e) => onRotationPatch(row.path, Number(e.target.value) || void 0)
       }
@@ -18706,15 +18887,15 @@ function ChartUserShapeOptions({
       )
     });
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.userShapes") }),
+      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.userShapes") }),
       /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           disabled: !canEdit,
-          className: BTN2,
+          className: BTN,
           onClick: () => onUpdateChartData({
             userShapes: withChartUserShapeAdded(shapes, createDefaultChartUserShape())
           }),
@@ -18739,7 +18920,7 @@ function ChartUserShapeOptions({
               {
                 type: "button",
                 disabled: !canEdit,
-                className: BTN2,
+                className: BTN,
                 onClick: () => addIntoGroup(row.path),
                 children: t("pptx.chart.userShapeAddIntoGroup")
               }
@@ -18750,7 +18931,7 @@ function ChartUserShapeOptions({
                 type: "button",
                 disabled: !canEdit,
                 "aria-label": t("pptx.chart.userShapeDelete"),
-                className: BTN2,
+                className: BTN,
                 onClick: () => onUpdateChartData({
                   userShapes: withChartUserShapeRowRemoved(shapes, row.path)
                 }),
@@ -18766,7 +18947,7 @@ function ChartUserShapeOptions({
                 type: "text",
                 "aria-label": t("pptx.chart.userShapeText"),
                 disabled: !canEdit,
-                className: INPUT2,
+                className: INPUT,
                 value: row.text ?? "",
                 onChange: (e) => onUpdateChartData({
                   userShapes: withChartUserShapeRowTextUpdated(
@@ -18814,7 +18995,7 @@ function ChartUserShapeOptions({
                 type: "text",
                 "aria-label": t("pptx.chart.userShapeAltText"),
                 disabled: !canEdit,
-                className: INPUT2,
+                className: INPUT,
                 value: row.altText ?? "",
                 onChange: (e) => update(row.path, { altText: e.target.value })
               }
@@ -19656,8 +19837,8 @@ function ConnectorPanel({
   if (selectedElement.type !== "connector") {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: "Connector" }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: "Connector" }),
     /* @__PURE__ */ jsx(
       ConnectorArrowsSection,
       {
@@ -19676,8 +19857,8 @@ function GroupInfoPanel({
     return null;
   }
   const group = selectedElement;
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.elementType.group") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.elementType.group") }),
     /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: Array.isArray(group.children) ? t("pptx.group.childCount", { count: group.children.length }) : t("pptx.group.groupedElement") })
   ] });
 }
@@ -19692,8 +19873,8 @@ function OlePropertiesPanel({
     return null;
   }
   const ole = selectedElement;
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.ole.title") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.ole.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
       canEdit && !ole.isLinked && /* @__PURE__ */ jsx(
         "button",
@@ -19711,7 +19892,7 @@ function OlePropertiesPanel({
           {
             type: "text",
             disabled: !canEdit,
-            className: INPUT,
+            className: INPUT2,
             value: ole.oleName ?? "",
             placeholder: t("pptx.ole.objectNamePlaceholder"),
             onChange: (e) => onUpdateElement(buildOleObjectNamePatch(e.target.value))
@@ -19756,8 +19937,8 @@ function TransformPanel({
   canEdit,
   onUpdateElement
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: "Transform" }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: "Transform" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Rotation (\xB0)" }),
@@ -19766,7 +19947,7 @@ function TransformPanel({
           {
             type: "number",
             disabled: !canEdit,
-            className: INPUT,
+            className: INPUT2,
             value: Math.round(selectedElement.rotation || 0),
             onChange: (e) => onUpdateElement({ rotation: Number(e.target.value) })
           }
@@ -19799,7 +19980,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: cn("flex-1", BTN),
+        className: cn("flex-1", BTN2),
         disabled: !canEdit,
         onClick: () => onMoveLayer("forward"),
         children: "\u2191 Forward"
@@ -19809,7 +19990,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: cn("flex-1", BTN),
+        className: cn("flex-1", BTN2),
         disabled: !canEdit,
         onClick: () => onMoveLayer("backward"),
         children: "\u2193 Backward"
@@ -20325,8 +20506,8 @@ function ImagePropertiesPanel({
       imageEffects: { ...fx, ...patch }
     });
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.image.properties") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.image.properties") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.image.altText") }),
@@ -20335,7 +20516,7 @@ function ImagePropertiesPanel({
           {
             rows: 2,
             disabled: !canEdit,
-            className: cn(INPUT, "resize-none text-[11px]"),
+            className: cn(INPUT2, "resize-none text-[11px]"),
             value: selectedElement.altText ?? "",
             onChange: (e) => onUpdateElement({
               altText: e.target.value
@@ -21286,8 +21467,8 @@ function AccessibilityTextSection({
   if (!fields.showAltText && !fields.showTitle) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-accessibility-text": true, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.accessibility.heading", "Accessibility") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, "data-pptx-accessibility-text": true, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.accessibility.heading", "Accessibility") }),
     fields.showAltText && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.elementAccessibility.altText") }),
       /* @__PURE__ */ jsx(
@@ -21296,7 +21477,7 @@ function AccessibilityTextSection({
           rows: 2,
           disabled: !canEdit,
           placeholder: t("pptx.elementAccessibility.altTextPlaceholder"),
-          className: cn(INPUT, "resize-none text-[11px]"),
+          className: cn(INPUT2, "resize-none text-[11px]"),
           value: fields.altText,
           onChange: (e) => onUpdateElement({ altText: e.target.value })
         }
@@ -21310,7 +21491,7 @@ function AccessibilityTextSection({
           type: "text",
           disabled: !canEdit,
           placeholder: t("pptx.elementAccessibility.titlePlaceholder"),
-          className: cn(INPUT, "text-[11px]"),
+          className: cn(INPUT2, "text-[11px]"),
           value: fields.title,
           onChange: (e) => onUpdateElement({ title: e.target.value })
         }
@@ -23425,14 +23606,14 @@ function ShapeTextPanels({
 }) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hasShapeProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.shape.type", "Shape Type") }),
+    hasShapeProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.shape.type", "Shape Type") }),
       /* @__PURE__ */ jsx(
         "select",
         {
           value: selectedElement.shapeType || "rect",
           disabled: !canEdit,
-          className: cn(INPUT, "w-full"),
+          className: cn(INPUT2, "w-full"),
           onChange: (e) => onUpdateElement({
             shapeType: e.target.value
           }),
@@ -23440,8 +23621,8 @@ function ShapeTextPanels({
         }
       )
     ] }),
-    hasShapeProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-fill-stroke": true, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.shape.fillStroke", "Fill & Stroke") }),
+    hasShapeProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD2, "data-pptx-fill-stroke": true, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.shape.fillStroke", "Fill & Stroke") }),
       /* @__PURE__ */ jsx(
         FillStrokeProperties,
         {
@@ -23458,8 +23639,8 @@ function ShapeTextPanels({
         }
       )
     ] }),
-    hasTextProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-text-card": true, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.text.title", "Text") }),
+    hasTextProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD2, "data-pptx-text-card": true, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.text.title", "Text") }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Size" }),
@@ -23468,7 +23649,7 @@ function ShapeTextPanels({
             {
               type: "number",
               disabled: !canEdit,
-              className: INPUT,
+              className: INPUT2,
               min: 6,
               max: 200,
               step: "any",
@@ -23919,7 +24100,7 @@ function SmartArtNodeRow({
               "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
-              className: cn(INPUT, "flex-1 text-[11px] py-0.5"),
+              className: cn(INPUT2, "flex-1 text-[11px] py-0.5"),
               value: text,
               onChange: (e) => onChangeText(nodeId, e.target.value),
               onKeyDown: (e) => onKeyDown(e, nodeId),
@@ -24011,7 +24192,7 @@ function SmartArtStyleControls({
           disabled: !canEdit,
           "data-testid": "smartart-color-scheme",
           "aria-label": t("pptx.smartart.colorScheme"),
-          className: cn(INPUT, "w-full"),
+          className: cn(INPUT2, "w-full"),
           value: colorScheme,
           onChange: (e) => onChangeColorScheme(e.target.value),
           children: colorSchemes.map((cs) => /* @__PURE__ */ jsx("option", { value: cs, children: schemaLabel(SMARTART_COLOR_SCHEME_LABEL_KEYS, cs, translate) }, cs))
@@ -24160,8 +24341,8 @@ function SmartArtPropertiesPanel({
     new Set(extraConnections.map((c) => c.type ?? "unknown"))
   ).join(", ");
   let topDisplayIndex = 0;
-  return /* @__PURE__ */ jsxs("div", { className: CARD, role: "group", "aria-label": t("pptx.smartart.title"), children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.smartart.title") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, role: "group", "aria-label": t("pptx.smartart.title"), children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.smartart.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(
         SmartArtLayoutSwitcher,
@@ -24195,7 +24376,7 @@ function SmartArtPropertiesPanel({
           {
             type: "button",
             disabled: addDisabled,
-            className: BTN,
+            className: BTN2,
             onClick: addNode,
             title: addDisabled ? boundsHint : void 0,
             children: t("pptx.smartart.addItem")
@@ -24275,15 +24456,15 @@ function TableDataGrid({
     }
     onUpdateElement({ tableData: next.tableData, rawXml: next.rawXml });
   };
-  return /* @__PURE__ */ jsx("div", { className: CARD, children: /* @__PURE__ */ jsxs("section", { "aria-label": t("pptx.tableDataEditor.ariaLabel"), children: [
+  return /* @__PURE__ */ jsx("div", { className: CARD2, children: /* @__PURE__ */ jsxs("section", { "aria-label": t("pptx.tableDataEditor.ariaLabel"), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-1 mb-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.inspector.tableData") }),
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.inspector.tableData") }),
       canEdit && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-0.5", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
+            className: `${BTN2} inline-flex items-center justify-center`,
             style: touchBtnStyle,
             title: t("pptx.tableDataEditor.addRowTitle"),
             onClick: () => commit(appendTableElementRow(tableElement)),
@@ -24294,7 +24475,7 @@ function TableDataGrid({
           "button",
           {
             type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
+            className: `${BTN2} inline-flex items-center justify-center`,
             style: touchBtnStyle,
             disabled: !grid.canRemoveRow,
             title: t("pptx.tableDataEditor.removeRowTitle"),
@@ -24306,7 +24487,7 @@ function TableDataGrid({
           "button",
           {
             type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
+            className: `${BTN2} inline-flex items-center justify-center`,
             style: touchBtnStyle,
             title: t("pptx.tableDataEditor.addColumnTitle"),
             onClick: () => commit(appendTableElementColumn(tableElement)),
@@ -24317,7 +24498,7 @@ function TableDataGrid({
           "button",
           {
             type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
+            className: `${BTN2} inline-flex items-center justify-center`,
             style: touchBtnStyle,
             disabled: !grid.canRemoveColumn,
             title: t("pptx.tableDataEditor.removeColumnTitle"),
@@ -24728,8 +24909,8 @@ function TableCellFormattingPanel({
     });
     onUpdateTableData({ rows: newRows });
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.cell", { row: rowIndex + 1, col: columnIndex + 1 }) }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.table.cell", { row: rowIndex + 1, col: columnIndex + 1 }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "w-10 text-muted-foreground", children: t("pptx.table.fontSize") }),
@@ -24738,7 +24919,7 @@ function TableCellFormattingPanel({
           {
             type: "number",
             disabled: !canEdit,
-            className: INPUT,
+            className: INPUT2,
             min: 6,
             max: 200,
             value: cs.fontSize ?? 14,
@@ -24859,7 +25040,7 @@ function TableCellFormattingPanel({
               {
                 type: "number",
                 disabled: !canEdit,
-                className: cn(INPUT, "w-14"),
+                className: cn(INPUT2, "w-14"),
                 min: 0,
                 max: 10,
                 value: cs[widthKey] ?? 1,
@@ -24875,7 +25056,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: cn(BTN, "text-center"),
+            className: cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = computeMergeCellRight(td, rowIndex, columnIndex);
               if (newRows) {
@@ -24890,7 +25071,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: cn(BTN, "text-center"),
+            className: cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = computeMergeCellDown(td, rowIndex, columnIndex);
               if (newRows) {
@@ -24905,7 +25086,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: cn(BTN, "text-center"),
+            className: cn(BTN2, "text-center"),
             onClick: () => {
               const newRows = computeSplitCell(td, rowIndex, columnIndex);
               if (newRows) {
@@ -24927,7 +25108,7 @@ function TableStyleEditorFields({
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.fillSection") }),
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.tableStyleEditor.fillSection") }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx(
           "input",
@@ -24965,13 +25146,13 @@ function TableStyleEditorFields({
     ] }),
     descriptor.hasTextAndBorders && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.textSection") }),
+        /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.tableStyleEditor.textSection") }),
         /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: ["bold", "italic", "underline"].map((flag) => /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             disabled: !canEdit,
-            className: `${BTN} ${descriptor.text[flag] ? "bg-accent" : ""}`,
+            className: `${BTN2} ${descriptor.text[flag] ? "bg-accent" : ""}`,
             onClick: () => onEdit(textFlagEdit(flag, !descriptor.text[flag])),
             children: t(`pptx.format.${flag}`)
           },
@@ -25002,7 +25183,7 @@ function TableStyleEditorFields({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.bordersSection") }),
+        /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.tableStyleEditor.bordersSection") }),
         TABLE_STYLE_BORDER_SIDES.map((side) => /* @__PURE__ */ jsx(
           BorderSideRow,
           {
@@ -25054,7 +25235,7 @@ function BorderSideRow({
         disabled: !canEdit,
         value: state.width,
         onChange: (e) => onEdit({ kind: "borderWidth", side, width: Number(e.target.value) }),
-        className: `${INPUT} w-12`
+        className: `${INPUT2} w-12`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -25063,7 +25244,7 @@ function BorderSideRow({
         disabled: !canEdit,
         value: state.dash,
         onChange: (e) => onEdit({ kind: "borderDash", side, dash: e.target.value }),
-        className: INPUT,
+        className: INPUT2,
         children: TABLE_STYLE_DASH_PRESETS.map((dash) => /* @__PURE__ */ jsx("option", { value: dash, children: dash }, dash))
       }
     ),
@@ -25130,10 +25311,10 @@ function TableStyleEditor({
     onDeleteStyle(entry.styleId);
     onClose();
   }
-  return /* @__PURE__ */ jsxs("div", { className: CARD, "data-testid": "table-style-editor", children: [
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, "data-testid": "table-style-editor", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.title") }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: BTN, onClick: onClose, children: t("pptx.tableStyleEditor.close") })
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.tableStyleEditor.title") }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: BTN2, onClick: onClose, children: t("pptx.tableStyleEditor.close") })
     ] }),
     !entry && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: t("pptx.tableStyleEditor.noStyleSelected") }),
     entry && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: TABLE_STYLE_EDITOR_PARTS.map((part) => /* @__PURE__ */ jsx(
@@ -25141,7 +25322,7 @@ function TableStyleEditor({
       {
         type: "button",
         disabled: !canEdit,
-        className: `${BTN} ${selectedPart === part.id ? "bg-accent" : ""}`,
+        className: `${BTN2} ${selectedPart === part.id ? "bg-accent" : ""}`,
         onClick: () => setSelectedPart(part.id),
         children: t(part.labelKey)
       },
@@ -25149,8 +25330,8 @@ function TableStyleEditor({
     )) }),
     descriptor && /* @__PURE__ */ jsx(TableStyleEditorFields, { descriptor, canEdit, onEdit: edit }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 pt-1 border-t border-border", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: BTN, disabled: !canEdit, onClick: createFromCurrent, children: entry ? t("pptx.tableStyleEditor.newFromCurrent") : t("pptx.tableStyleEditor.newStyle") }),
-      entry && /* @__PURE__ */ jsx("button", { type: "button", className: BTN, disabled: !canEdit, onClick: handleDelete, children: t("pptx.tableStyleEditor.deleteStyle") })
+      /* @__PURE__ */ jsx("button", { type: "button", className: BTN2, disabled: !canEdit, onClick: createFromCurrent, children: entry ? t("pptx.tableStyleEditor.newFromCurrent") : t("pptx.tableStyleEditor.newStyle") }),
+      entry && /* @__PURE__ */ jsx("button", { type: "button", className: BTN2, disabled: !canEdit, onClick: handleDelete, children: t("pptx.tableStyleEditor.deleteStyle") })
     ] })
   ] });
 }
@@ -25186,8 +25367,8 @@ function TablePropertiesPanel({
     onUpdateElement(updates);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.title") }),
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.table.title") }),
       /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground mb-2", children: t("pptx.table.rowsColumns", { rows: rowCount, cols: colCount }) }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: [
         ["bandedRows", "pptx.table.bandedRows"],
@@ -25244,8 +25425,8 @@ function TablePropertiesPanel({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.stylePresets") }),
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.table.stylePresets") }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1.5", children: TABLE_STYLE_PRESETS.map((preset) => /* @__PURE__ */ jsx(
         "button",
         {
@@ -25269,7 +25450,7 @@ function TablePropertiesPanel({
         "button",
         {
           type: "button",
-          className: `${BTN} mt-1.5`,
+          className: `${BTN2} mt-1.5`,
           disabled: !canEdit,
           onClick: () => setShowStyleEditor((v) => !v),
           children: t("pptx.tableStyleEditor.editButton")
@@ -25288,14 +25469,14 @@ function TablePropertiesPanel({
         onClose: () => setShowStyleEditor(false)
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.columnWidths") }),
+        /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.table.columnWidths") }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: BTN,
+            className: BTN2,
             disabled: !canEdit,
             onClick: () => {
               updateTableData({ columnWidths: evenColumnWidths(colCount) });
@@ -25329,14 +25510,14 @@ function TablePropertiesPanel({
         ] })
       ] }, ci)) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.rowHeights") }),
+        /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.table.rowHeights") }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: BTN,
+            className: BTN2,
             disabled: !canEdit,
             onClick: () => {
               updateTableData({ rows: evenRowHeights(td.rows) });
@@ -25352,7 +25533,7 @@ function TablePropertiesPanel({
           {
             type: "number",
             disabled: !canEdit,
-            className: INPUT,
+            className: INPUT2,
             min: 16,
             max: 500,
             value: row.height ?? 32,
@@ -25403,9 +25584,9 @@ function ElementInspectorBody({
     onUpdateElement({ locks: elementLockTogglePatch(!isLocked) });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.inspector.element") }),
+        /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.inspector.element") }),
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -25425,7 +25606,7 @@ function ElementInspectorBody({
           "input",
           {
             type: "number",
-            className: INPUT,
+            className: INPUT2,
             disabled: !canEdit,
             value: Math.round(selectedElement[key] ?? 0),
             onChange: (e) => onUpdateElement({
@@ -26065,13 +26246,13 @@ function InspectorElementsTab({
   };
   if (!activeSlide) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("div", { className: cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+      /* @__PURE__ */ jsx("div", { className: cn(HEADING2, "mb-2"), children: t("pptx.inspector.layerOrder") }),
       /* @__PURE__ */ jsx("div", { className: "text-muted-foreground italic", children: t("pptx.inspector.noSlideSelected") })
     ] });
   }
   const elements = activeSlide.elements || [];
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-pptx-elements-tab": true, children: [
-    /* @__PURE__ */ jsx("div", { className: cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+    /* @__PURE__ */ jsx("div", { className: 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);
@@ -26169,7 +26350,7 @@ function TextFieldRow({
       "input",
       {
         type: "text",
-        className: INPUT,
+        className: INPUT2,
         disabled,
         value,
         onChange: (e) => onChange(e.target.value)
@@ -26190,7 +26371,7 @@ function CustomPropertiesBlock({
         "button",
         {
           type: "button",
-          className: BTN,
+          className: BTN2,
           onClick: () => onUpdate([
             ...customProperties,
             {
@@ -26208,7 +26389,7 @@ function CustomPropertiesBlock({
         "input",
         {
           type: "text",
-          className: INPUT,
+          className: INPUT2,
           disabled: !canEdit,
           value: entry.name,
           onChange: (e) => onUpdate(
@@ -26222,7 +26403,7 @@ function CustomPropertiesBlock({
         "input",
         {
           type: "text",
-          className: INPUT,
+          className: INPUT2,
           disabled: !canEdit,
           value: entry.value,
           onChange: (e) => onUpdate(
@@ -26236,7 +26417,7 @@ function CustomPropertiesBlock({
         "button",
         {
           type: "button",
-          className: cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+          className: cn(BTN2, "px-1.5 text-red-400 hover:text-red-300"),
           onClick: () => onUpdate(customProperties.filter((_, i) => i !== index)),
           children: "\xD7"
         }
@@ -26250,8 +26431,8 @@ function NotesHandoutCard({
   handoutMaster
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.documentProperties.notesHandoutHeading") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.documentProperties.notesHandoutHeading") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-[11px] text-muted-foreground", children: [
       /* @__PURE__ */ jsx(
         InfoRow,
@@ -26287,8 +26468,8 @@ function DocumentPropertiesCard({
   onUpdateCustomProperties
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.documentProperties.documentHeading") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.documentProperties.documentHeading") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-[11px] text-muted-foreground", children: [
       /* @__PURE__ */ jsx(
         TextFieldRow,
@@ -26410,8 +26591,8 @@ function SlideSizeCard({
     onUpdateSlideSize?.(pendingSize, mode);
     setPendingSize(null);
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.slideSize.title") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.slideSize.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.slideSize.presets") }),
@@ -26421,7 +26602,7 @@ function SlideSizeCard({
             "aria-label": t("pptx.slideSize.presets"),
             "data-pptx-slide-size-preset": true,
             disabled: presetDisabled,
-            className: INPUT,
+            className: INPUT2,
             value: selection.preset?.labelKey ?? CUSTOM_PRESET_VALUE,
             onChange: (e) => handlePreset(e.target.value),
             children: [
@@ -26439,7 +26620,7 @@ function SlideSizeCard({
             "aria-label": t("pptx.slideSize.orientation"),
             "data-pptx-slide-size-orientation": true,
             disabled: presetDisabled,
-            className: INPUT,
+            className: INPUT2,
             value: selection.orientation,
             onChange: (e) => handleOrientation(e.target.value),
             children: [
@@ -26458,7 +26639,7 @@ function SlideSizeCard({
           "input",
           {
             type: "number",
-            className: INPUT,
+            className: INPUT2,
             disabled: !canEdit,
             value: canvasSize[key],
             onChange: (e) => onUpdate({ ...canvasSize, [key]: Number(e.target.value) })
@@ -26494,8 +26675,8 @@ function PresentationSettingsCard({
   onUpdate
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.slideInspector.presentation") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.slideInspector.presentation") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.presentationSettings.showType") }),
@@ -26504,7 +26685,7 @@ function PresentationSettingsCard({
           {
             "aria-label": t("pptx.presentationSettings.showType"),
             disabled: !canEdit,
-            className: cn(INPUT, "w-28"),
+            className: cn(INPUT2, "w-28"),
             value: presentationProperties.showType ?? "presented",
             onChange: (e) => onUpdate({
               showType: e.target.value
@@ -26564,7 +26745,7 @@ function PresentationSettingsCard({
             min: 1,
             max: 16,
             disabled: !canEdit,
-            className: cn(INPUT, "w-20"),
+            className: cn(INPUT2, "w-20"),
             value: printPropertiesSlidesPerPage(presentationProperties.printProperties),
             onChange: (e) => onUpdate({
               printProperties: withSlidesPerPage(
@@ -26586,8 +26767,8 @@ function ThemeSelectorCard({
   onApplyTheme
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.documentProperties.themeHeading") }),
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.documentProperties.themeHeading") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.documentProperties.themeHeading") }),
@@ -26596,7 +26777,7 @@ function ThemeSelectorCard({
           {
             "aria-label": t("pptx.documentProperties.themeHeading"),
             disabled: themeOptions.length === 0,
-            className: INPUT,
+            className: INPUT2,
             value: selectedThemePath,
             onChange: (e) => setSelectedThemePath(e.target.value),
             children: themeOptions.length === 0 ? /* @__PURE__ */ jsx("option", { value: "", children: t("pptx.documentProperties.noThemesOption") }) : themeOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.path, children: opt.name || opt.path.split("/").pop() }, opt.path))
@@ -26608,7 +26789,7 @@ function ThemeSelectorCard({
           "button",
           {
             type: "button",
-            className: BTN,
+            className: BTN2,
             disabled: !canEdit || !selectedThemePath,
             onClick: () => onApplyTheme(selectedThemePath, false),
             children: t("pptx.documentProperties.applyFirstMaster")
@@ -26618,7 +26799,7 @@ function ThemeSelectorCard({
           "button",
           {
             type: "button",
-            className: BTN,
+            className: BTN2,
             disabled: !canEdit || !selectedThemePath,
             onClick: () => onApplyTheme(selectedThemePath, true),
             children: t("pptx.documentProperties.applyAllMasters")
@@ -27057,7 +27238,7 @@ function TagsSection({
   const addTag = () => {
     onUpdateTagCollections(addTagToCollections(tagCollections));
   };
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -27066,7 +27247,7 @@ function TagsSection({
         onClick: () => setCollapsed(!collapsed),
         children: [
           collapsed ? /* @__PURE__ */ jsx(LuChevronRight, { className: "w-3 h-3 text-muted-foreground" }) : /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { className: HEADING, children: t("pptx.tags.title") }),
+          /* @__PURE__ */ jsx("span", { className: HEADING2, children: t("pptx.tags.title") }),
           /* @__PURE__ */ jsx("span", { className: "ml-auto text-[10px] text-muted-foreground", children: allTags.length })
         ]
       }
@@ -27081,7 +27262,7 @@ function TagsSection({
               "input",
               {
                 type: "text",
-                className: INPUT,
+                className: INPUT2,
                 disabled: !canEdit,
                 placeholder: t("pptx.tags.name"),
                 value: tag.name,
@@ -27092,7 +27273,7 @@ function TagsSection({
               "input",
               {
                 type: "text",
-                className: INPUT,
+                className: INPUT2,
                 disabled: !canEdit,
                 placeholder: t("pptx.tags.value"),
                 value: tag.value,
@@ -27103,7 +27284,7 @@ function TagsSection({
               "button",
               {
                 type: "button",
-                className: cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+                className: 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__ */ jsx(LuTrash2, { className: "w-3 h-3" })
@@ -27113,7 +27294,7 @@ function TagsSection({
         },
         `${tag.colIdx}-${tag.tagIdx}-${idx}`
       )),
-      canEdit && /* @__PURE__ */ jsx("button", { type: "button", className: BTN, onClick: addTag, children: t("pptx.tags.addTag") })
+      canEdit && /* @__PURE__ */ jsx("button", { type: "button", className: BTN2, onClick: addTag, children: t("pptx.tags.addTag") })
     ] })
   ] });
 }
@@ -27173,8 +27354,8 @@ function PresentationPropertiesPanel({
         onApplyTheme
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.themeOverride.heading") }),
+    /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.themeOverride.heading") }),
       /* @__PURE__ */ jsx(
         SlideThemeOverridePanel,
         {
@@ -27232,8 +27413,8 @@ function PresentationPropertiesPanel({
         canEdit
       }
     ),
-    activeSlide && /* @__PURE__ */ jsxs("div", { className: cn(CARD, "space-y-1"), children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: "Slide" }),
+    activeSlide && /* @__PURE__ */ jsxs("div", { className: cn(CARD2, "space-y-1"), children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: "Slide" }),
       /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
         activeSlide.elements?.length ?? 0,
         " elements"
@@ -27253,8 +27434,8 @@ function SlideBackgroundPanel({
   const { t } = useTranslation();
   const bgImageInputRef = useRef(null);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: cn(CARD, "space-y-2"), children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.viewer.background") }),
+    /* @__PURE__ */ jsxs("div", { className: cn(CARD2, "space-y-2"), children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.viewer.background") }),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-10 shrink-0", children: t("pptx.slideBackground.colour") }),
         /* @__PURE__ */ jsx(
@@ -27299,7 +27480,7 @@ function SlideBackgroundPanel({
             "button",
             {
               type: "button",
-              className: cn(BTN, "flex-1 text-center"),
+              className: cn(BTN2, "flex-1 text-center"),
               disabled: !canEdit,
               onClick: () => bgImageInputRef.current?.click(),
               children: activeSlide.backgroundImage ? t("pptx.slideBackground.replaceImage") : t("pptx.slideBackground.chooseImage")
@@ -27332,7 +27513,7 @@ function SlideBackgroundPanel({
         "button",
         {
           type: "button",
-          className: cn(BTN, "w-full text-center text-red-400 hover:text-red-300"),
+          className: cn(BTN2, "w-full text-center text-red-400 hover:text-red-300"),
           disabled: !canEdit,
           onClick: () => onUpdateSlide({
             backgroundColor: void 0,
@@ -27381,8 +27562,8 @@ function TemplateBackgroundCard({
     t("pptx.master.layout"),
     t("pptx.master.master")
   );
-  return /* @__PURE__ */ jsxs("div", { className: cn(CARD, "space-y-2"), children: [
-    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.slideBackground.templateBackgroundsHeading") }),
+  return /* @__PURE__ */ jsxs("div", { className: cn(CARD2, "space-y-2"), children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.slideBackground.templateBackgroundsHeading") }),
     rows.layout && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground w-14 shrink-0 truncate", title: rows.layout.title, children: t("pptx.master.layout") }),
       /* @__PURE__ */ jsx(
@@ -32795,7 +32976,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-ZH52BQBE.mjs')
+    import('./AiChatPanel-OXCJVBUS.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });