@wix/ricos 11.20.5 → 11.21.0

package/dist/es/ricos-common-plugins/layout/layout-node-view.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/layout/layout-node-view.ts"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport type { Node as ProseMirrorNode } from 'prosemirror-model';\n\nimport {\n  getLayoutWrapperDataHook,\n  LAYOUT_HANDLE,\n  PAYWALL_DIVIDER,\n} from './../../ricos-common-plugins/layout/data-hooks.js';\nimport { createResizeHandler } from './../../ricos-common-plugins/resizable/create-resize-handler.js';\nimport { TIPTAP_LAYOUT_CELL_TYPE, TIPTAP_LAYOUT_TYPE } from './../../ricos-content/index.js';\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Node as NodeOld } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../../ricos-schema/next-schema/index.js';\nimport type { Gradient } from './../../ricos-types/color-palette-types.js';\nimport type { RicosPalette } from './../../ricos-types/index.js';\nimport type { ExtensionProps } from './../../ricos-types/tiptap.js';\nimport { buildResponsiveCss } from './../../_shared/build-responsive-css.js';\nimport { TRANSPARENT_HEX_COLOR } from './../../_shared/colors.js';\nimport { getMoveIcon } from './../../_shared/drag-handle-icons.js';\nimport { getElementScale } from './../../_shared/get-element-scale.js';\nimport { isEdgeBanner } from './../../_shared/is-edge-banner.js';\nimport { logInvariant } from './../../_shared/log-invariant.js';\nimport { isPaywallLayoutNode } from './../../_shared/paywall/paywall-selection.js';\nimport type { PmLayoutNode } from './../../_shared/pm-node-types.js';\nimport { resolveBackwardCompatOverlay } from './../../_shared/resolve-backward-compat-overlay.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { resolveDocumentColorToCss } from './../../_shared/theme-color-token.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../tiptap/index.js';\nimport { findParentNodeClosestToPos } from './../../tiptap/index.js';\nimport type { Node as PmNode, ResolvedPos } from './../../tiptap/pm/model.js';\nimport { NodeSelection } from './../../tiptap/pm/state.js';\nimport { getContrastYIQ } from './../../wix-rich-content-common/Utils/color-utils.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\n\nimport staticsStyles from '../statics/styles-scss.js';\nimport { setAttr, setChild, setClass, setStyleVar, setText } from './idempotent-dom.js';\nimport { isEditorOrModalActive } from './is-editor-or-modal-active.js';\nimport { layoutConverter } from './layout-converter.js';\nimport { getResolvedLayoutFillColor, getResolvedLayoutFillGradient } from './layout-fill.js';\nimport styles from './layouts-scss.js';\nimport { DIVIDER_PRESETS, getDividerLayers } from './section-dividers/divider-presets.js';\nimport {\n  LAYOUT_DEFAULTS,\n  MAX_CELLS,\n  MAX_COLUMNS,\n  MAX_VERTICAL_MARGIN,\n  MIN_COL_SPAN,\n} from './shared-with-viewer.js';\nimport type { LayoutExtensionStorage } from './shared.js';\nimport { balanceLayoutCells, findLayoutOfCell, getImageUrl } from './shared.js';\n\ntype LayoutNodeViewState = {\n  columnTemplate: number[];\n  isResizing: boolean;\n  isDragging: boolean;\n  invalid: 'none' | 'left' | 'right';\n  dropCursorPosition: null | number;\n  isDraggingOver: boolean;\n};\n\ntype LayoutNodeViewOptions = {\n  disableInteractions: boolean;\n  breakoutRule: ExtensionProps['breakoutRule'];\n  isMobile: boolean;\n  suppressDragHandle?: boolean;\n  colorPalette?: RicosPalette;\n  modals?: ModalService;\n  t: (key: string) => string;\n};\n\nexport const layoutNodeView =\n  ({\n    disableInteractions,\n    breakoutRule,\n    isMobile,\n    suppressDragHandle,\n    colorPalette,\n    modals,\n    t,\n  }: LayoutNodeViewOptions): NodeViewRenderer =>\n  ({ node, getPos, editor }) => {\n    const state: LayoutNodeViewState = {\n      columnTemplate: getGridTemplateColumns(node),\n      isResizing: false,\n      isDragging: false,\n      invalid: 'none',\n      dropCursorPosition: null,\n      isDraggingOver: false,\n    };\n    const resizableHandlerCleanups: (() => void)[] = [];\n    const layoutWrapper = document.createElement('div');\n    layoutWrapper.setAttribute('data-layout-wrapper', '');\n    layoutWrapper.setAttribute('data-hook', getLayoutWrapperDataHook(node.attrs.id));\n    layoutWrapper.classList.add(styles.layoutWrapper);\n\n    if (disableInteractions) {\n      layoutWrapper.classList.add(styles.disabled);\n    }\n\n    const layoutStyle = document.createElement('style');\n    layoutStyle.setAttribute('data-layout-style', node.attrs.id);\n    layoutWrapper.append(layoutStyle);\n\n    const layoutElement = document.createElement('div');\n\n    // Wrap layoutElement in a container that will hold resize handles.\n    // ProseMirror only manages contentDOM (layoutElement), so handles\n    // attached to layoutContainer won't be removed during DOM reconciliation.\n    const layoutContainer = document.createElement('div');\n    layoutContainer.setAttribute('data-resize-container', '');\n    layoutContainer.classList.add(styles.layoutContainer);\n    layoutContainer.append(layoutElement);\n\n    const hasBreakout = breakoutRule\n      ? breakoutRule({\n          node: layoutConverter.fromPm.convert(node.toJSON()) as NodeOld,\n        }) === 'fullWidth'\n      : false;\n\n    if (hasBreakout) {\n      layoutWrapper.classList.add(styles.breakoutMargin);\n    }\n\n    const breakoutWrapper = document.createElement('div');\n    breakoutWrapper.setAttribute('data-breakout', 'normal');\n    // The layout's root carries no inline padding — this wrapper's box is what bounds\n    // the visible content. Declare that for geometry consumers (see\n    // _shared/get-content-edge-element.ts).\n    breakoutWrapper.setAttribute('data-content-edge', '');\n    breakoutWrapper.append(layoutContainer);\n\n    layoutWrapper.append(breakoutWrapper);\n\n    const dropCursorElement = document.createElement('div');\n    dropCursorElement.classList.add(styles.dropCursor);\n\n    // Built on first use and then kept: most layouts are not paywalls.\n    let paywallDivider: HTMLDivElement | undefined;\n    const syncPaywallDivider = (wrapper: HTMLElement, show: boolean) => {\n      if (!show && !paywallDivider) {\n        return;\n      }\n      const divider = (paywallDivider ??= createPaywallDivider(t));\n      setChild(wrapper, divider, show);\n    };\n\n    const setState = (newState: Partial<LayoutNodeViewState>) => {\n      // We need to keep ref to state object as updates can be triggered by ProseMirror and by us manually. We also we\n      // need to keep latest state values in event listeners avoiding closure issues\n      const isStateEqual = Object.entries(newState).every(\n        ([key, value]) => state[key as keyof LayoutNodeViewState] === value\n      );\n      if (isStateEqual) {\n        return;\n      }\n      Object.assign(state, newState);\n\n      updateLayoutView({\n        layoutWrapper,\n        layoutStyle,\n        layoutElement,\n        layoutContainer,\n        breakoutWrapper,\n        dropCursorElement,\n        syncPaywallDivider,\n        state,\n        node,\n        getPos,\n        editor,\n        resizableHandlerCleanups,\n        isMobile,\n        suppressDragHandle,\n        disableInteractions,\n        colorPalette,\n        modals,\n      });\n    };\n\n    updateLayoutView({\n      layoutWrapper,\n      layoutStyle,\n      layoutElement,\n      layoutContainer,\n      breakoutWrapper,\n      dropCursorElement,\n      syncPaywallDivider,\n      state,\n      node,\n      getPos,\n      editor,\n      resizableHandlerCleanups,\n      isMobile,\n      suppressDragHandle,\n      disableInteractions,\n      colorPalette,\n      modals,\n    });\n\n    const runLayoutUpdate = () =>\n      updateLayoutView({\n        layoutWrapper,\n        layoutStyle,\n        layoutElement,\n        layoutContainer,\n        breakoutWrapper,\n        dropCursorElement,\n        syncPaywallDivider,\n        state,\n        node,\n        getPos,\n        editor,\n        resizableHandlerCleanups,\n        isMobile,\n        suppressDragHandle,\n        disableInteractions,\n        colorPalette,\n        modals,\n      });\n    const onFocus = () => {\n      runLayoutUpdate();\n    };\n    const onBlur = ({ event }: { event: FocusEvent }) => {\n      // Skip update when focus moves to an element within the layout (e.g. cell handle, resize handle)\n      if (event.relatedTarget && layoutWrapper.contains(event.relatedTarget as Node)) {\n        return;\n      }\n      runLayoutUpdate();\n    };\n    editor.on('selectionUpdate', runLayoutUpdate);\n    editor.on('focus', onFocus);\n    editor.on('blur', onBlur);\n\n    // Refresh chrome when a modal opens/closes — opening a settings modal blurs\n    // the editor before the modal mount, and we want the selection to stay\n    // visible while the modal is up. The modal service's pub/sub wiring is\n    // attached after the editor is constructed, so defer to a microtask.\n    let modalSubsCancelled = false;\n    let modalSubs: { cancel: () => void }[] = [];\n    queueMicrotask(() => {\n      if (modalSubsCancelled || !modals) {\n        return;\n      }\n      modalSubs = [modals.onModalOpened(runLayoutUpdate), modals.onModalClosed(runLayoutUpdate)];\n    });\n\n    const removeFocusListeners = () => {\n      editor.off('selectionUpdate', runLayoutUpdate);\n      editor.off('focus', onFocus);\n      editor.off('blur', onBlur);\n      modalSubsCancelled = true;\n      modalSubs.forEach(s => s.cancel());\n    };\n\n    const cleanups = disableInteractions\n      ? [removeFocusListeners]\n      : [\n          removeFocusListeners,\n          attachCellResizeHandler({ layoutElement, state, editor, setState }),\n          attachCellDragHandler({ layoutElement, editor, setState }),\n          attachLayoutEventHandlers({\n            layoutWrapper,\n            layoutElement,\n            editor,\n            setState,\n          }),\n        ];\n\n    return {\n      dom: layoutWrapper,\n      contentDOM: layoutElement,\n      update: (newNode: PmNode) => {\n        if (newNode.type !== node.type) {\n          return false;\n        }\n        if (!state.isResizing) {\n          state.columnTemplate = getGridTemplateColumns(newNode);\n        }\n        // oxlint-disable-next-line no-param-reassign\n        node = newNode;\n        updateLayoutView({\n          layoutWrapper,\n          layoutStyle,\n          layoutElement,\n          layoutContainer,\n          breakoutWrapper,\n          dropCursorElement,\n          syncPaywallDivider,\n          state,\n          node: newNode,\n          getPos,\n          editor,\n          resizableHandlerCleanups,\n          isMobile,\n          suppressDragHandle,\n          disableInteractions,\n          colorPalette,\n          modals,\n        });\n        return true;\n      },\n      ignoreMutation: (mutation: MutationRecord | { type: 'selection'; target: Node }) => {\n        const isMutatingLayoutStyle = mutation.target === layoutStyle;\n        const isMutatingDataAttribute =\n          mutation.type === 'attributes' && mutation.attributeName?.startsWith('data-');\n        const isMutatingLayoutAttribute =\n          mutation.target === layoutElement && mutation.type === 'attributes';\n        const isMutatingLayoutWrapperAttribute =\n          mutation.target === layoutWrapper && mutation.type === 'attributes';\n        const isMutatingLayoutWrapperChildren =\n          mutation.target === layoutWrapper && mutation.type === 'childList';\n        // Divider elements are fully owned by applySectionDivider — a real\n        // style change (e.g. dragging the height slider while the layout is\n        // selected) must not make ProseMirror reparse the node view, which\n        // would drop the layout's NodeSelection.\n        const isMutatingSectionDivider =\n          mutation.target instanceof Element &&\n          (mutation.target.hasAttribute('data-layout-divider') ||\n            mutation.target.hasAttribute('data-layout-dividers-clip'));\n        const isMutatingDropCursor = mutation.target === dropCursorElement;\n        // Ignore mutations to breakout wrapper\n        const isMutatingBreakoutWrapper = mutation.target === breakoutWrapper;\n        // Ignore mutations to layout container (resize handles are attached here)\n        const isMutatingLayoutContainer = mutation.target === layoutContainer;\n\n        return (\n          isMutatingLayoutStyle ||\n          isMutatingDataAttribute ||\n          isMutatingLayoutAttribute ||\n          isMutatingLayoutWrapperAttribute ||\n          isMutatingLayoutWrapperChildren ||\n          isMutatingSectionDivider ||\n          isMutatingDropCursor ||\n          isMutatingBreakoutWrapper ||\n          isMutatingLayoutContainer\n        );\n      },\n      destroy: () => {\n        cleanups.forEach(cleanup => cleanup());\n        resizableHandlerCleanups.forEach(cleanup => cleanup());\n        resizableHandlerCleanups.length = 0;\n      },\n    };\n  };\n\nconst attachResizeHandlers = ({\n  layoutContainer,\n  layoutWrapper,\n  editor,\n  node,\n  resizableHandlerCleanups,\n}: Pick<NodeViewRendererProps, 'editor' | 'node'> & {\n  layoutContainer: HTMLDivElement;\n  layoutWrapper: HTMLDivElement;\n  resizableHandlerCleanups: (() => void)[];\n}) => {\n  const minWidth = 200;\n\n  const cleanupHorizontalResizeHandler = createResizeHandler({\n    resizeElement: layoutContainer,\n    isEnabled: true,\n    getMinWidth: () => minWidth,\n    getMaxWidth: () => {\n      const nodeContainer = layoutContainer.closest('[data-breakout=\"normal\"]') as HTMLElement;\n      const nodeContentStyles = window.getComputedStyle(nodeContainer);\n      const paddingStart = parseInt(nodeContentStyles.paddingInlineStart) || 0;\n      const paddingEnd = parseInt(nodeContentStyles.paddingInlineEnd) || 0;\n\n      return Math.max(minWidth, nodeContainer.clientWidth - paddingStart - paddingEnd);\n    },\n    enable: { left: true, right: true },\n    lockAspectRatio: false,\n    setMaxWidthAsPercentage: true,\n    alignment: 'CENTER',\n    onResize: () => {\n      // Visual update during resize is handled by CSS variable --ricos-internal-resize-width\n      // Editor state is updated only in onResizeStop to avoid lag\n    },\n    onResizeStop: ({ width, isMaxWidth }) => {\n      editor\n        .chain()\n        .setContainerWidth(node.attrs.id, isMaxWidth ? null : width)\n        .run();\n    },\n  });\n  resizableHandlerCleanups.push(cleanupHorizontalResizeHandler);\n\n  // Create vertical resize handler. Both top and bottom margins are linked\n  // (change together). The handle sits on the layout's \"free\" edge:\n  //  - footer banner (BOTTOM) → top edge (where it meets the content above)\n  //  - top banner / regular layout → bottom edge\n  const isFooterBanner = node.attrs.banner?.position === 'BOTTOM';\n  const cleanupVerticalResize = createVerticalMarginResizeHandler({\n    layoutWrapper,\n    position: isFooterBanner ? 'top' : 'bottom',\n    minPadding: 0,\n    onResize: (newPadding: number) => {\n      editor\n        .chain()\n        .updateNodeAttrsById(node.attrs.id, {\n          backdropPaddingTop: newPadding,\n          backdropPaddingBottom: newPadding,\n        })\n        .run();\n    },\n  });\n  resizableHandlerCleanups.push(cleanupVerticalResize);\n};\n\nconst updateLayoutView = ({\n  layoutWrapper,\n  layoutStyle,\n  layoutElement,\n  layoutContainer,\n  breakoutWrapper,\n  dropCursorElement,\n  syncPaywallDivider,\n  state,\n  node,\n  getPos,\n  editor,\n  resizableHandlerCleanups,\n  isMobile,\n  suppressDragHandle,\n  disableInteractions,\n  colorPalette,\n  modals,\n}: Pick<NodeViewRendererProps, 'node' | 'getPos' | 'editor'> & {\n  layoutWrapper: HTMLDivElement;\n  layoutStyle: HTMLStyleElement;\n  layoutElement: HTMLDivElement;\n  layoutContainer: HTMLDivElement;\n  breakoutWrapper: HTMLDivElement;\n  dropCursorElement: HTMLDivElement;\n  syncPaywallDivider: (wrapper: HTMLElement, show: boolean) => void;\n  state: LayoutNodeViewState;\n  resizableHandlerCleanups: (() => void)[];\n  isMobile: boolean;\n  suppressDragHandle?: boolean;\n  disableInteractions: boolean;\n  colorPalette?: RicosPalette;\n  modals?: ModalService;\n}) => {\n  const { $to, $from } = editor.state.selection;\n  const pos = getPos();\n  const layoutEnd = pos + node.nodeSize;\n  const isSelected = pos === $from.pos && layoutEnd === $to.pos;\n  const isInSelection = pos >= $from.pos && layoutEnd <= $to.pos;\n  const inLayout = isInLayout($to, node.attrs.id);\n  const isCellSelected = isCellInLayoutSelected($to, $from, node.attrs.id, editor);\n  // A NodeSelection on a block inside a cell, or on a container holding this layout, owns\n  // the drag affordance: the layout's grips and resize handles next to it would read as\n  // more handles for that node.\n  const isOtherNodeSelected =\n    editor.state.selection instanceof NodeSelection &&\n    !isSelected &&\n    !isCellSelected &&\n    (inLayout || isInSelection);\n  // While a modal is open the editor blurs, but the user is still acting on\n  // this layout — keep chrome visible only when it is the strict NodeSelection\n  // target. Cursor-in-layout / range-covers-layout / cell-selected chrome\n  // requires real editor focus.\n  const shouldShowActiveLayoutStyles =\n    editor.view.hasFocus() || (isEditorOrModalActive(editor.view, modals) && isSelected);\n  const scopeValue = `${node.attrs.id}-${node.attrs.responsivenessBreakpoint}-${node.attrs.responsivenessBehaviour}`;\n  const isWrapping = node.attrs.responsivenessBehaviour === 'WRAP';\n  const isBanner = isEdgeBanner(node.attrs.banner);\n  // Show side resize handles when layout is selected, a cell is selected, cursor is inside the layout, or during column resize\n  const shouldShowResize =\n    shouldShowActiveLayoutStyles &&\n    !isOtherNodeSelected &&\n    (isSelected || isInSelection || isCellSelected || inLayout || state.isResizing);\n\n  // Resize handler lifecycle (transition-only).\n  const hasResizeHandlers = resizableHandlerCleanups.length > 0;\n  if (hasResizeHandlers && !shouldShowResize) {\n    resizableHandlerCleanups.forEach(cleanup => cleanup());\n    resizableHandlerCleanups.length = 0;\n  } else if (shouldShowResize && !hasResizeHandlers && !disableInteractions) {\n    attachResizeHandlers({\n      layoutContainer,\n      layoutWrapper,\n      editor,\n      node,\n      resizableHandlerCleanups,\n    });\n  }\n\n  // Drag handle (creation-only; subsequent runs just update its data-hook).\n  const existingDragHandleWrapper = breakoutWrapper.querySelector(\n    '[data-layout-drag-handle-wrapper]'\n  ) as HTMLDivElement | null;\n  if (!isBanner && !suppressDragHandle && !existingDragHandleWrapper) {\n    createLayoutDragHandle({ breakoutWrapper, layoutElement, nodeId: node.attrs.id, editor });\n  } else if ((isBanner || suppressDragHandle) && existingDragHandleWrapper) {\n    existingDragHandleWrapper.remove();\n  } else if (!isBanner && existingDragHandleWrapper) {\n    const existingDragHandle = existingDragHandleWrapper.querySelector(\n      '[data-layout-handle]'\n    ) as HTMLButtonElement | null;\n    if (existingDragHandle) {\n      setAttr(existingDragHandle, 'data-hook', `${LAYOUT_HANDLE}-${node.attrs.id}`);\n    }\n  }\n\n  // layoutWrapper: classes, data attributes.\n  layoutWrapper.classList.toggle(styles.withVerticalResize, shouldShowResize);\n  const isPaywall = isPaywallLayoutNode(node);\n  layoutWrapper.classList.toggle(styles.paywall, isPaywall);\n  // Gated on an editable editor as well as paywall-ness, so the divider never shows in the\n  // viewer. Appended last in the wrapper and absolutely positioned by layouts.scss.\n  syncPaywallDivider(layoutWrapper, isPaywall && editor.isEditable);\n  setAttr(\n    layoutWrapper,\n    'data-layout-banner',\n    isBanner ? (node.attrs.banner?.position === 'BOTTOM' ? 'bottom' : 'top') : null\n  );\n\n  // layoutWrapper: refresh data-hook so it tracks the node id across updates.\n  setAttr(layoutWrapper, 'data-hook', getLayoutWrapperDataHook(node.attrs.id));\n\n  // layoutElement: data attributes, class set, column template var.\n  setAttr(layoutElement, 'data-layout-container', node.attrs.id);\n  setAttr(layoutElement, 'data-layout-scope', scopeValue);\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-column-template',\n    formatGridTemplateColumns(state.columnTemplate)\n  );\n  setClass(\n    layoutElement,\n    classNames({\n      [styles.layout]: true,\n      [styles.designOnLayout]: !node.attrs.designTarget || node.attrs.designTarget === 'LAYOUT',\n      [styles.designOnCell]: node.attrs.designTarget === 'CELL',\n      [styles.mobile]: isMobile,\n      [styles.draggingOver]: state.isDraggingOver || state.dropCursorPosition !== null,\n      [styles.invalidLeft]: state.invalid === 'left',\n      [styles.invalidRight]: state.invalid === 'right',\n      [styles.resizing]: state.isResizing,\n      [styles.dragging]: state.isDragging,\n      [styles.layoutSelected]: shouldShowActiveLayoutStyles && isInSelection,\n      [styles.inLayout]: shouldShowActiveLayoutStyles && inLayout,\n      [styles.bannerMargin]: isEdgeBanner(node.attrs.banner),\n    })\n  );\n\n  // layoutContainer: custom width.\n  const customWidth = node.attrs.containerData?.width?.custom;\n  setStyleVar(\n    layoutContainer,\n    '--ricos-internal-layout-width',\n    customWidth ? `${customWidth}px` : null\n  );\n\n  // layoutStyle: responsive container query CSS.\n  const maxWidth = node.attrs.responsivenessBreakpoint\n    ? parseInt(node.attrs.responsivenessBreakpoint, 10)\n    : LAYOUT_DEFAULTS.responsivenessBreakpoint;\n  const responsiveRules = [\n    {\n      selector: `[data-layout-scope=\"${scopeValue}\"].${styles.layout}`,\n      declarations: `\n      --ricos-internal-layout-display: ${isWrapping ? 'flex' : 'grid'};\n      --ricos-internal-layout-justify-content: ${isWrapping ? 'center' : 'auto'};\n      --ricos-internal-layout-grid-template: grid-template-columns: minmax(0, 1fr);\n      --ricos-internal-layout-cell-min-width: ${\n        isWrapping\n          ? `${Math.floor(node.attrs.responsivenessBreakpoint / node.childCount)}px`\n          : '100%'\n      };\n      --ricos-internal-layout-cell-height: ${isWrapping ? 'auto' : '100%'};\n    `,\n    },\n    {\n      selector: `[data-layout-scope=\"${scopeValue}\"] .${styles.resizeHandler}`,\n      declarations: 'display: none;',\n    },\n  ];\n  setText(\n    layoutStyle,\n    `\n    @supports not (contain: inline-size) {\n      @media only screen and (max-width: ${maxWidth}px) {\n        ${responsiveRules.map(({ selector, declarations }) => `${selector} {${declarations}}`).join('\\n')}\n      }\n    }\n    ${buildResponsiveCss(`(width < ${maxWidth}px)`, responsiveRules)}\n  `\n  );\n\n  // dropCursor: presence + position.\n  const showDropCursor = state.dropCursorPosition !== null;\n  setStyleVar(\n    dropCursorElement,\n    '--ricos-internal-layout-drop-cursor-position',\n    showDropCursor ? `${state.dropCursorPosition}px` : null\n  );\n  setChild(layoutWrapper, dropCursorElement, showDropCursor);\n\n  // Background fill (gradient OR color OR none).\n  const backgroundGradient = getResolvedLayoutFillGradient(\n    node.attrs.background,\n    node.attrs.backgroundColor\n  );\n  const backgroundColorValue = getResolvedLayoutFillColor(\n    node.attrs.background,\n    node.attrs.backgroundColor\n  );\n  applyFill(layoutElement, {\n    gradient: backgroundGradient,\n    color: backgroundColorValue,\n    gradientVar: '--ricos-internal-layout-background-gradient',\n    colorVar: '--ricos-internal-layout-background-color',\n    colorPalette,\n  });\n\n  // Background image.\n  applyImage(layoutElement, node.attrs.backgroundImage, '--ricos-internal-layout-background-image');\n\n  // Background image overlay (only visible when image present): gradient > color-with-opacity.\n  applyImageOverlay(layoutElement, {\n    image: node.attrs.backgroundImage,\n    gradient: backgroundGradient,\n    color: backgroundColorValue,\n    overlayVar: '--ricos-internal-layout-background-overlay',\n  });\n\n  // Border + radius + gap on layoutElement.\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-color',\n    node.attrs.borderColor\n      ? (resolveDocumentColorToCss(node.attrs.borderColor) ?? node.attrs.borderColor)\n      : null\n  );\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-width',\n    node.attrs.borderColor ? `${node.attrs.borderWidth}px` : null\n  );\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-radius',\n    node.attrs.borderRadius ? `${node.attrs.borderRadius}px` : null\n  );\n  // NB: existing code wrote `--ricos-internal-layout-vertical-gap` only on removal,\n  // and `--ricos-internal-layout-gap` only on set. Preserved as-is to avoid behavior change.\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-gap',\n    typeof node.attrs.gap === 'number' ? `${node.attrs.gap}px` : null\n  );\n  if (typeof node.attrs.gap !== 'number') {\n    setStyleVar(layoutElement, '--ricos-internal-layout-vertical-gap', null);\n  }\n\n  // Backdrop fill (gradient OR color OR none).\n  const backdropGradient = getResolvedLayoutFillGradient(\n    node.attrs.backdrop,\n    node.attrs.backdropColor\n  );\n  const backdropColorValue = getResolvedLayoutFillColor(\n    node.attrs.backdrop,\n    node.attrs.backdropColor\n  );\n  applyFill(layoutWrapper, {\n    gradient: backdropGradient,\n    color: backdropColorValue,\n    gradientVar: '--ricos-internal-layout-backdrop-gradient',\n    colorVar: '--ricos-internal-layout-backdrop-color',\n    colorPalette,\n  });\n\n  // Backdrop image.\n  applyImage(layoutWrapper, node.attrs.backdropImage, '--ricos-internal-layout-backdrop-image');\n\n  // Backdrop padding.\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-backdrop-padding-top',\n    node.attrs.backdropPaddingTop ? `${node.attrs.backdropPaddingTop}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-backdrop-padding-bottom',\n    node.attrs.backdropPaddingBottom ? `${node.attrs.backdropPaddingBottom}px` : null\n  );\n\n  // Backdrop image overlay (only visible when image present): gradient > color-with-opacity.\n  applyImageOverlay(layoutWrapper, {\n    image: node.attrs.backdropImage,\n    gradient: backdropGradient,\n    color: backdropColorValue,\n    overlayVar: '--ricos-internal-layout-backdrop-overlay',\n  });\n\n  // Cell padding (4-side, with css-shorthand-style fallbacks: cellPadding[i] || [i-2] || [0]).\n  const cellPadding =\n    node.attrs.cellPadding && node.attrs.cellPadding.length > 0 ? node.attrs.cellPadding : null;\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-top',\n    cellPadding ? `${cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-right',\n    cellPadding ? `${cellPadding[1] ?? cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-bottom',\n    cellPadding ? `${cellPadding[2] ?? cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-left',\n    cellPadding ? `${cellPadding[3] ?? cellPadding[1] ?? cellPadding[0]}px` : null\n  );\n\n  // Section dividers (decorative shape bands at the layout's top/bottom edge).\n  applySectionDivider(layoutWrapper, node.attrs.topDivider, 'top');\n  applySectionDivider(layoutWrapper, node.attrs.bottomDivider, 'bottom');\n\n  // Cell vertical alignment.\n  const verticalAlignment =\n    node.attrs.cellVerticalAlignment === 'TOP'\n      ? 'flex-start'\n      : node.attrs.cellVerticalAlignment === 'BOTTOM'\n        ? 'flex-end'\n        : node.attrs.cellVerticalAlignment\n          ? 'center'\n          : null;\n  setStyleVar(layoutWrapper, '--ricos-internal-layout-cell-vertical-alignment', verticalAlignment);\n};\n\n// Create/update/remove the divider band for one layout edge. A divider is one\n// element per layer (base shape + optional stacked copies) inside a clip\n// element that both edges share — a direct child of layoutWrapper (ProseMirror\n// only manages contentDOM, and ignoreMutation covers the divider elements) —\n// anchored to the wrapper's edges so the shape touches the layout box on all\n// sides and bands taller than the layout crop instead of escaping it. Heights\n// scale only the shapes, never the layout box. Per-layer presentation is\n// inline styles (fully-owned elements, overwritten wholesale each pass); only\n// the edge-wide color/flip flow through CSS variables on layoutWrapper.\nconst appliedDividers = new WeakMap<HTMLElement, { top?: unknown; bottom?: unknown }>();\n\nconst applySectionDivider = (\n  layoutWrapper: HTMLElement,\n  divider: PmLayoutNode['attrs']['topDivider'],\n  edge: 'top' | 'bottom'\n) => {\n  // updateLayoutView runs on every selection update, and divider attrs are\n  // immutable PM objects — reference equality means the masks and styles below\n  // are already applied, so skip the SVG data-URI recomputation and selector\n  // queries entirely.\n  const applied = appliedDividers.get(layoutWrapper) ?? {};\n  if (applied[edge] === divider) {\n    return;\n  }\n  applied[edge] = divider;\n  appliedDividers.set(layoutWrapper, applied);\n\n  const varPrefix = `--ricos-internal-layout-${edge}-divider`;\n  let clipElement = layoutWrapper.querySelector<HTMLElement>(\n    ':scope > [data-layout-dividers-clip]'\n  );\n  const existing = clipElement\n    ? Array.from(\n        clipElement.querySelectorAll<HTMLElement>(`:scope > [data-layout-divider=\"${edge}\"]`)\n      )\n    : [];\n  // Paint order: DOM order = array order, base shape last (on top).\n  const layers = divider ? getDividerLayers(divider) : [];\n\n  existing.slice(layers.length).forEach(el => el.remove());\n\n  if (layers.length && !clipElement) {\n    clipElement = document.createElement('div');\n    clipElement.setAttribute('contenteditable', 'false');\n    clipElement.setAttribute('data-layout-dividers-clip', '');\n    clipElement.classList.add(styles.sectionDividerClip);\n    layoutWrapper.append(clipElement);\n  }\n\n  // Both edges' layers share the clip element, so DOM order decides cross-edge\n  // paint order. The viewer always renders top layers before bottom (bottom\n  // paints above top) — anchor new top-edge elements before any bottom-edge\n  // ones so the stacking matches regardless of which divider the user applied\n  // first.\n  const insertBeforeElement =\n    edge === 'top' && clipElement\n      ? clipElement.querySelector(':scope > [data-layout-divider=\"bottom\"]')\n      : null;\n\n  layers.forEach((layer, index) => {\n    let el = existing[index];\n    if (!el) {\n      el = document.createElement('div');\n      el.setAttribute('contenteditable', 'false');\n      el.setAttribute('data-layout-divider', edge);\n      el.classList.add(\n        styles.sectionDivider,\n        edge === 'top' ? styles.sectionDividerTop : styles.sectionDividerBottom\n      );\n      clipElement!.insertBefore(el, insertBeforeElement);\n    }\n    setAttr(el, 'data-divider-layer', String(index));\n    setAttr(\n      el,\n      'style',\n      `height:${layer.height};opacity:${layer.opacity};` +\n        `mask-image:${layer.mask};-webkit-mask-image:${layer.mask};` +\n        `mask-size:${layer.maskSize};-webkit-mask-size:${layer.maskSize};` +\n        `mask-repeat:${layer.maskRepeat};-webkit-mask-repeat:${layer.maskRepeat};` +\n        (layer.maskPosition\n          ? `mask-position:${layer.maskPosition};-webkit-mask-position:${layer.maskPosition};`\n          : '')\n    );\n  });\n\n  setStyleVar(\n    layoutWrapper,\n    `${varPrefix}-color`,\n    divider?.color ? (resolveDocumentColorToCss(divider.color) ?? divider.color) : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    `${varPrefix}-flip`,\n    divider && (divider.flipped ?? DIVIDER_PRESETS[divider.type].defaultFlipped) ? '-1' : null\n  );\n};\n\ntype ApplyFillArgs = {\n  gradient: ReturnType<typeof getResolvedLayoutFillGradient>;\n  color: ReturnType<typeof getResolvedLayoutFillColor>;\n  gradientVar: string;\n  colorVar: string;\n  colorPalette?: RicosPalette;\n};\n\n// Apply a fill (gradient OR solid color) to an element via CSS variables.\n// Mirrors the original three-way precedence: gradient > color > none.\nconst applyFill = (\n  el: HTMLElement,\n  { gradient, color, gradientVar, colorVar, colorPalette }: ApplyFillArgs\n) => {\n  setStyleVar(el, gradientVar, gradient ? schemaGradientToCss(gradient as Gradient) : null);\n  setStyleVar(\n    el,\n    colorVar,\n    !gradient && color ? (resolveDocumentColorToCss(color) ?? color) : null\n  );\n  setStyleVar(\n    el,\n    '--ricos-internal-selection-color-tuple',\n    !gradient && color && color !== TRANSPARENT_HEX_COLOR\n      ? getContrastYIQ(color, colorPalette) === 'black'\n        ? '0, 0, 0'\n        : '255, 255, 255'\n      : null\n  );\n};\n\n// Apply an optional background/backdrop image to an element via CSS variables.\nconst applyImage = (\n  el: HTMLElement,\n  image: PmNode['attrs']['backgroundImage'] | undefined,\n  varPrefix: string\n) => {\n  const imageUrl = image\n    ? (image.media?.src.url ?? (image.media?.src.id && getImageUrl(image.media)))\n    : null;\n  setStyleVar(el, `${varPrefix}-src`, imageUrl ? `url(${imageUrl})` : null);\n  setStyleVar(el, `${varPrefix}-opacity`, image?.opacity ? `${image.opacity}%` : null);\n  setStyleVar(el, `${varPrefix}-scaling`, image?.scaling ? image.scaling.toLowerCase() : null);\n  setStyleVar(\n    el,\n    `${varPrefix}-position`,\n    image?.position ? image.position.toLowerCase().split('_').join(' ') : null\n  );\n  // Blur is independent of any color overlay — both layers stack.\n  setStyleVar(el, `${varPrefix}-blur`, image?.blur ? `blur(${image.blur}px)` : null);\n};\n\ntype ApplyImageOverlayArgs = {\n  image: PmNode['attrs']['backgroundImage'] | undefined;\n  gradient: ReturnType<typeof getResolvedLayoutFillGradient>;\n  color: ReturnType<typeof getResolvedLayoutFillColor>;\n  overlayVar: string;\n};\n\n// Apply a color/gradient overlay to a background/backdrop image. Only set when an image is present.\n// `image.overlay` (new model) is authoritative when present; otherwise the legacy `background`/\n// `backdrop` fill is rendered through the image's opacity. Gradient takes precedence over color.\nconst applyImageOverlay = (\n  el: HTMLElement,\n  { image, gradient, color, overlayVar }: ApplyImageOverlayArgs\n) => {\n  let overlay: string | null = null;\n  if (image) {\n    if (image.overlay) {\n      overlay =\n        image.overlay.type === 'GRADIENT'\n          ? schemaGradientToCss(image.overlay.gradient as Gradient)\n          : (resolveDocumentColorToCss(image.overlay.color) ?? image.overlay.color);\n    } else if (gradient) {\n      overlay = schemaGradientToCss(gradient as Gradient);\n    } else if (color) {\n      overlay = resolveBackwardCompatOverlay(\n        resolveDocumentColorToCss(color) ?? color,\n        image.opacity ?? 100,\n        100\n      );\n    }\n  }\n  setStyleVar(el, overlayVar, overlay);\n};\n\n// The editor-only marker of the free/paid cut. Pure chrome — it adds no document node.\n// Built once per view, so its translated labels are fixed for the view's lifetime.\nconst createPaywallDivider = (t: (key: string) => string): HTMLDivElement => {\n  const divider = document.createElement('div');\n  divider.className = styles.paywallDivider;\n  divider.setAttribute('data-hook', PAYWALL_DIVIDER);\n  divider.setAttribute('aria-hidden', 'true');\n  divider.setAttribute('contenteditable', 'false');\n\n  const label = document.createElement('span');\n  label.className = styles.paywallDividerLabel;\n\n  const arrowUp = document.createElement('span');\n  arrowUp.className = styles.paywallDividerArrow;\n  arrowUp.textContent = '↑';\n\n  const arrowDown = document.createElement('span');\n  arrowDown.className = styles.paywallDividerArrow;\n  arrowDown.textContent = '↓';\n\n  label.append(\n    document.createTextNode(`${t('GatedContent_Divider_NonSubscribersView')} `),\n    arrowUp,\n    document.createTextNode(' / '),\n    arrowDown,\n    document.createTextNode(` ${t('GatedContent_Divider_SubscribersOnlyBelow')}`)\n  );\n  divider.append(label);\n  return divider;\n};\n\nconst getGridTemplateColumns = (node: PmNode) => {\n  const cols: number[] = [];\n\n  node.content.forEach(cell => {\n    if ((cell.type.name as unknown as Node_Type) === Node_Type.LAYOUT_CELL) {\n      cols.push(cell.attrs.colSpan);\n    }\n  });\n\n  return cols;\n};\n\nconst formatGridTemplateColumns = (colSpans: number[]) => {\n  return colSpans.map(col => `minmax(0, ${col}fr)`).join(' ');\n};\n\ntype LayoutDragHandleProps = {\n  breakoutWrapper: HTMLElement;\n  layoutElement: HTMLElement;\n  nodeId: string;\n  editor: NodeViewRendererProps['editor'];\n};\n\nconst createLayoutDragHandle = ({\n  breakoutWrapper,\n  layoutElement,\n  nodeId,\n  editor,\n}: LayoutDragHandleProps): (() => void) => {\n  // Create drag handle wrapper with contenteditable=false to prevent selection\n  const layoutDragHandleWrapper = document.createElement('div');\n  layoutDragHandleWrapper.setAttribute('contenteditable', 'false');\n  layoutDragHandleWrapper.setAttribute('data-layout-drag-handle-wrapper', '');\n  layoutDragHandleWrapper.classList.add(styles.layoutHandlerWrapper);\n\n  // Create the drag handle button\n  const layoutDragHandle = document.createElement('button');\n  layoutDragHandle.setAttribute('data-drag-handle', '');\n  layoutDragHandle.setAttribute('data-layout-handle', '');\n  layoutDragHandle.setAttribute('data-hook', `${LAYOUT_HANDLE}-${nodeId}`);\n  layoutDragHandle.setAttribute('type', 'button');\n  layoutDragHandle.classList.add(styles.layoutHandler);\n  layoutDragHandle.innerHTML = getMoveIcon();\n\n  // Click handler for selecting layout\n  const handleClick = () => {\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n    if (layoutId) {\n      editor.chain().selectLayout(layoutId).focus().run();\n    }\n  };\n\n  layoutDragHandle.addEventListener('click', handleClick);\n  layoutDragHandleWrapper.append(layoutDragHandle);\n  breakoutWrapper.append(layoutDragHandleWrapper);\n\n  // Return cleanup function\n  return () => {\n    layoutDragHandle.removeEventListener('click', handleClick);\n    if (layoutDragHandleWrapper.parentNode === breakoutWrapper) {\n      breakoutWrapper.removeChild(layoutDragHandleWrapper);\n    }\n  };\n};\n\ntype VerticalMarginResizeHandlerProps = {\n  layoutWrapper: HTMLElement;\n  position: 'top' | 'bottom';\n  minPadding: number;\n  onResize: (newPadding: number) => void;\n};\n\nconst createVerticalMarginResizeHandler = ({\n  layoutWrapper,\n  position,\n  minPadding,\n  onResize,\n}: VerticalMarginResizeHandlerProps): (() => void) => {\n  // Create the resize handle element\n  const handle = document.createElement('div');\n  handle.className = position === 'top' ? staticsStyles.handlerTop : staticsStyles.handlerBottom;\n  handle.setAttribute('data-hook', `ricos-resize-handler-${position}`);\n\n  // Ensure layoutWrapper has position: relative for absolute positioning\n  const originalPosition = layoutWrapper.style.position;\n  if (!originalPosition || originalPosition === 'static') {\n    layoutWrapper.style.position = 'relative';\n  }\n\n  layoutWrapper.appendChild(handle);\n\n  let startY = 0;\n  let startPadding = 0;\n  let currentPointerId: number | null = null;\n\n  const removePointerListeners = () => {\n    handle.removeEventListener('pointermove', handlePointerMove);\n    handle.removeEventListener('pointerup', handlePointerUp);\n    handle.removeEventListener('pointercancel', handlePointerUp);\n    handle.removeEventListener('lostpointercapture', handleLostPointerCapture);\n  };\n\n  /**\n   * End the resize: release capture, remove listeners, commit final padding, clear state.\n   * When clientY is provided (normal pointerup), final padding is computed from delta.\n   * When not provided (lostpointercapture or pointerId mismatch), padding is read from current computed style.\n   */\n  const finishResize = (clientY?: number) => {\n    if (currentPointerId === null) {\n      return;\n    }\n\n    if (handle.hasPointerCapture(currentPointerId)) {\n      handle.releasePointerCapture(currentPointerId);\n    }\n\n    removePointerListeners();\n\n    let newPadding: number;\n    if (clientY !== undefined) {\n      const deltaY = clientY - startY;\n      const adjustedDelta = position === 'top' ? -deltaY : deltaY;\n      newPadding = Math.round(\n        Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, startPadding + adjustedDelta * 0.55))\n      );\n    } else {\n      const computedStyle = window.getComputedStyle(layoutWrapper);\n      const paddingProp = position === 'top' ? 'paddingTop' : 'paddingBottom';\n      const computed = parseInt(computedStyle[paddingProp], 10);\n      newPadding = !isNaN(computed)\n        ? Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, computed))\n        : minPadding;\n    }\n\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-top',\n      `${newPadding}px`\n    );\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-bottom',\n      `${newPadding}px`\n    );\n\n    onResize(newPadding);\n    currentPointerId = null;\n  };\n\n  const handleLostPointerCapture = (event: PointerEvent) => {\n    if (currentPointerId === null || event.pointerId !== currentPointerId) {\n      return;\n    }\n    finishResize();\n  };\n\n  const handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n\n    currentPointerId = event.pointerId;\n    startY = event.clientY;\n\n    // Read current padding from computed style - this always reflects the actual rendered value\n    const computedStyle = window.getComputedStyle(layoutWrapper);\n    const paddingProp = position === 'top' ? 'paddingTop' : 'paddingBottom';\n    const computed = parseInt(computedStyle[paddingProp], 10);\n    startPadding = !isNaN(computed) ? computed : 0;\n\n    handle.setPointerCapture(event.pointerId);\n    handle.addEventListener('pointermove', handlePointerMove);\n    handle.addEventListener('pointerup', handlePointerUp);\n    handle.addEventListener('pointercancel', handlePointerUp);\n    handle.addEventListener('lostpointercapture', handleLostPointerCapture);\n  };\n\n  const handlePointerMove = (event: PointerEvent) => {\n    if (currentPointerId === null || currentPointerId !== event.pointerId) {\n      return;\n    }\n\n    const deltaY = event.clientY - startY;\n    // For top handle, dragging up (negative deltaY) should increase padding\n    // For bottom handle, dragging down (positive deltaY) should increase padding\n    const adjustedDelta = position === 'top' ? -deltaY : deltaY;\n    const newPadding = Math.round(\n      Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, startPadding + adjustedDelta * 0.55))\n    );\n\n    // Update visual feedback immediately via CSS variables (both top and bottom for linked margins)\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-top',\n      `${newPadding}px`\n    );\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-bottom',\n      `${newPadding}px`\n    );\n  };\n\n  const handlePointerUp = (event: PointerEvent) => {\n    if (currentPointerId === null) {\n      return;\n    }\n    if (currentPointerId !== event.pointerId) {\n      // Mismatch: still clean up so we don't leave capture/listeners stuck\n      finishResize();\n      return;\n    }\n\n    finishResize(event.clientY);\n  };\n\n  handle.addEventListener('pointerdown', handlePointerDown);\n\n  // Return cleanup function\n  return () => {\n    if (currentPointerId !== null && handle.hasPointerCapture(currentPointerId)) {\n      handle.releasePointerCapture(currentPointerId);\n    }\n    removePointerListeners();\n    handle.removeEventListener('pointerdown', handlePointerDown);\n\n    if (handle.parentNode === layoutWrapper) {\n      layoutWrapper.removeChild(handle);\n    }\n\n    if (!originalPosition || originalPosition === 'static') {\n      layoutWrapper.style.position = originalPosition || '';\n    }\n  };\n};\n\nconst isInLayout = ($pos: ResolvedPos, nodeId: string) => {\n  const layoutNode = findParentNodeClosestToPos(\n    $pos,\n    node => node.type?.name === TIPTAP_LAYOUT_TYPE\n  )?.node;\n\n  return layoutNode?.attrs.id === nodeId;\n};\n\nconst isCellInLayoutSelected = (\n  $to: ResolvedPos,\n  $from: ResolvedPos,\n  layoutId: string,\n  editor: NodeViewRendererProps['editor']\n): boolean => {\n  // Check if a cell node is selected (NodeSelection)\n  const selection = editor.state.selection;\n  if (!(selection instanceof NodeSelection)) {\n    return false;\n  }\n\n  const selectedNode = selection.node;\n  if (selectedNode?.type.name !== TIPTAP_LAYOUT_CELL_TYPE) {\n    return false;\n  }\n\n  // Check if this cell belongs to this layout\n  const layoutNode = findParentNodeClosestToPos(\n    $from,\n    node => node.type?.name === TIPTAP_LAYOUT_TYPE\n  )?.node;\n\n  return layoutNode?.attrs.id === layoutId;\n};\n\nconst getCellParent = (node: ProseMirrorNode, cellId: string): ProseMirrorNode | null => {\n  let parent: ProseMirrorNode | null = null;\n  node.descendants((child, _pos, par) => {\n    if (child.attrs.id === cellId) {\n      parent = par;\n    }\n  });\n\n  return parent;\n};\n\nconst getCellIndex = (node: PmNode, cellId: string) => {\n  let index = -1;\n\n  node.content.forEach((cell, _offset, i) => {\n    if (cell.attrs.id === cellId) {\n      index = i;\n    }\n  });\n\n  return index;\n};\n\nconst isDraggingCell = (editor: NodeViewRendererProps['editor']) => {\n  const slice = editor.view.dragging?.slice;\n\n  if (!slice) {\n    return false;\n  }\n\n  return (\n    slice.openStart === 0 &&\n    slice.openEnd === 0 &&\n    slice.content.childCount === 1 &&\n    editor.view.dragging?.slice.content.firstChild?.type.name === TIPTAP_LAYOUT_CELL_TYPE\n  );\n};\n\nconst attachCellResizeHandler = ({\n  layoutElement,\n  state,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutElement: HTMLElement;\n  state: LayoutNodeViewState;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onPointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    const dragHandle: HTMLElement | null = (event.target as HTMLElement)?.closest(\n      '[data-layout-cell-resize-handle]'\n    );\n\n    if (!dragHandle || !event.currentTarget) {\n      return;\n    }\n\n    const cellNodeId = dragHandle.dataset.layoutCellResizeHandle;\n\n    if (!cellNodeId) {\n      logInvariant(\n        Error(\n          'Cell resize prevented. No cell id found! Make sure to add the data-layout-cell-resize-handle attribute to the drag handle'\n        )\n      );\n      return;\n    }\n    event.preventDefault();\n\n    // Set resizing state immediately to hide the blue selection overlay\n    setState({ isResizing: true });\n\n    const layoutNode = getCellParent(editor.state.doc, cellNodeId);\n\n    if (!layoutNode) {\n      logInvariant(Error('Cell resize prevented. Draggable cell has no parent!'));\n      return;\n    }\n\n    const index = getCellIndex(layoutNode, cellNodeId);\n    const currentOffset = event.clientX;\n    const parentRect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    const fractionInPixels = parentRect.width / MAX_COLUMNS;\n    const minColumnWidth = fractionInPixels * MIN_COL_SPAN;\n    const columnTemplateInFractionsByPixel = state.columnTemplate.map(\n      col => col * fractionInPixels\n    );\n\n    // Clear any existing selection when starting resize\n    window.getSelection()?.removeAllRanges();\n\n    // Prevent any selection from starting during resize\n    const preventSelection = (e: Event) => {\n      e.preventDefault();\n    };\n    document.addEventListener('selectstart', preventSelection);\n\n    setState({\n      columnTemplate: columnTemplateInFractionsByPixel,\n      isResizing: true,\n    });\n\n    const onDrag = (event: PointerEvent) => {\n      event.preventDefault();\n      let invalid: 'none' | 'left' | 'right' = 'none';\n\n      const offset = currentOffset - event.clientX;\n\n      const newTemplate = [...columnTemplateInFractionsByPixel];\n      newTemplate[index] = columnTemplateInFractionsByPixel[index] + offset;\n      newTemplate[index - 1] = columnTemplateInFractionsByPixel[index - 1] - offset;\n\n      if (newTemplate[index] < minColumnWidth) {\n        const diff = minColumnWidth - newTemplate[index];\n        newTemplate[index] = minColumnWidth;\n        newTemplate[index - 1] -= diff;\n        invalid = 'right';\n      }\n\n      if (newTemplate[index - 1] < minColumnWidth) {\n        const diff = minColumnWidth - newTemplate[index - 1];\n        newTemplate[index - 1] = minColumnWidth;\n        newTemplate[index] -= diff;\n        invalid = 'left';\n      }\n\n      if (newTemplate.some(col => col < minColumnWidth)) {\n        setState({ invalid });\n        return;\n      }\n\n      setState({\n        columnTemplate: newTemplate,\n        invalid,\n      });\n    };\n\n    const stopDrag = (event: PointerEvent) => {\n      event.preventDefault();\n\n      // Remove selection prevention listener\n      document.removeEventListener('selectstart', preventSelection);\n\n      // Clear any text selection that occurred during resize\n      window.getSelection()?.removeAllRanges();\n\n      const templateInFractions = state.columnTemplate.map(col => {\n        return Math.round(col / fractionInPixels);\n      });\n\n      const diff = MAX_COLUMNS - templateInFractions.reduce((acc, val) => acc + val, 0);\n      templateInFractions[index] += diff;\n\n      editor\n        .chain()\n        .setCellsColSpan(layoutNode.attrs.id, templateInFractions)\n        .selectLayout(layoutNode.attrs.id)\n        .focus()\n        .run();\n\n      setState({\n        invalid: 'none',\n        isResizing: false,\n        columnTemplate: templateInFractions,\n      });\n\n      window.removeEventListener('pointerup', stopDrag);\n      window.removeEventListener('pointermove', onDrag);\n    };\n\n    window.addEventListener('pointerup', stopDrag);\n    window.addEventListener('pointermove', onDrag);\n  };\n\n  layoutElement.addEventListener('pointerdown', onPointerDown);\n\n  return () => {\n    layoutElement.removeEventListener('pointerdown', onPointerDown);\n  };\n};\n\nconst attachCellDragHandler = ({\n  layoutElement,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutElement: HTMLElement;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onDragStart = (event: DragEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    if (!element) {\n      return;\n    }\n\n    if (element.closest('[data-block-drag-handle]')) {\n      return;\n    }\n\n    const cellElement = element.closest('[data-layout-cell]') as HTMLElement | null;\n    const cellNodeId = cellElement?.getAttribute('data-layout-cell');\n    if (!cellNodeId || !cellElement) {\n      return;\n    }\n\n    // Drags from inner draggable nodes (buttons, images, etc.) bubble through here too.\n    // Only treat this as a cell drag when the cell itself is the closest draggable element.\n    const draggableAncestor = element.closest('[draggable=\"true\"]');\n    if (draggableAncestor !== cellElement) {\n      return;\n    }\n\n    editor.commands.selectCell(cellNodeId);\n    event.dataTransfer?.setDragImage(cellElement, 0, 0);\n\n    // Capture the source layout now, while the cell is still inside it. When the\n    // cell is dropped outside any layout it ends up orphaned; cell-normalizing\n    // uses this to re-wrap it in a layout that keeps the source styling and to\n    // remove the now-drained source layout. Keyed by layout id (preserved across\n    // the drop) rather than cell id (regenerated on the card-paste path).\n    const sourceLayout = findLayoutOfCell(editor.state.doc, cellNodeId);\n    (editor.storage[TIPTAP_LAYOUT_TYPE] as LayoutExtensionStorage).draggedCellSourceLayout =\n      sourceLayout\n        ? {\n            layoutId: sourceLayout.node.attrs.id,\n            attrs: sourceLayout.node.attrs,\n            // Only the source layout that held this cell *alone* should be removed\n            // after the drop. A multi-cell source keeps its remaining cell(s).\n            wasOnlyCell: sourceLayout.node.childCount === 1,\n          }\n        : null;\n  };\n\n  // This is heavily based on prosemirror-view `drop` event. We only need this because PM-View can't\n  // handle position resolving for vertical content.\n  // https://github.com/ProseMirror/prosemirror-view/blob/0954f523ee0a193f7db3992702e6a3979ade89b8/src/input.ts#L702\n  const onDrop = (event: DragEvent) => {\n    if (!isDraggingCell(editor)) {\n      // Non-cell drops are not this node view's business — the editor's own handlers\n      // (block drag handle, PM's built-in drop) resolve them.\n      setState({ dropCursorPosition: null, isDraggingOver: false });\n      return;\n    }\n    if (!event.target) {\n      return;\n    }\n    event.stopPropagation();\n    setState({ dropCursorPosition: null, isDraggingOver: false });\n    const view = editor.view;\n    const dragging = view.dragging;\n    const slice = dragging?.slice;\n    view.dragging = null;\n\n    if (!slice) {\n      logInvariant(Error('Cell Drag prevented. PM view has no dragging slice'));\n      return;\n    }\n\n    const sourceCell = slice.content.firstChild;\n    const sourceCellId = sourceCell?.attrs.id;\n    const eventPos = view.posAtDOM(event.target as HTMLElement, 0);\n    const $eventPos = view.state.doc.resolve(eventPos);\n    if (!eventPos || !sourceCellId) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve event position or source cell id'));\n      return;\n    }\n\n    const layoutNode = findParentNodeClosestToPos(\n      $eventPos,\n      node => node.type?.name === TIPTAP_LAYOUT_TYPE\n    )?.node;\n\n    if (!layoutNode) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve target layout node'));\n      return;\n    }\n\n    const cellIndexInSourceLayout = getCellIndex(layoutNode, sourceCellId);\n    const isCellMovedToOtherLayout = cellIndexInSourceLayout === -1;\n    if (layoutNode.childCount >= MAX_CELLS && isCellMovedToOtherLayout) {\n      return;\n    }\n\n    const { node: cellNode, pos: cellPos } = findParentNodeClosestToPos(\n      $eventPos,\n      node => node.type?.name === TIPTAP_LAYOUT_CELL_TYPE\n    ) ?? { node: null, pos: -1 };\n\n    if (!cellNode || (layoutNode.childCount === 1 && layoutNode.firstChild === sourceCell)) {\n      return;\n    }\n\n    const layout = event.currentTarget as HTMLElement;\n    const layoutRect = layout.getBoundingClientRect();\n    const cell = (event.target as HTMLElement).closest('[data-layout-cell]');\n\n    if (!cell) {\n      logInvariant(Error('Cell Drag prevented. Cannot find cell element'));\n      return;\n    }\n\n    const mouseXInLayout = event.clientX - layoutRect.left;\n    const cellRect = cell.getBoundingClientRect();\n\n    const insertPos =\n      mouseXInLayout < cellRect.left - layoutRect.left + cellRect.width / 2\n        ? cellPos\n        : cellPos + cellNode?.nodeSize;\n\n    if (!insertPos) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve insert position'));\n      return;\n    }\n\n    event.preventDefault();\n\n    const tr = view.state.tr;\n    // @ts-expect-error\n    const { node } = dragging;\n\n    if (node) {\n      node.replace(tr);\n    } else {\n      tr.deleteSelection();\n    }\n\n    const pos = tr.mapping.map(insertPos);\n    const beforeInsert = tr.doc;\n\n    if (!slice.content.firstChild) {\n      return;\n    }\n\n    tr.replaceRangeWith(pos, pos, slice.content.firstChild);\n\n    if (tr.doc.eq(beforeInsert)) {\n      return;\n    }\n\n    const $pos = tr.doc.resolve(pos);\n\n    tr.setSelection(new NodeSelection($pos));\n\n    if (sourceCellId) {\n      const sourceLayoutNode = findLayoutOfCell(view.state.doc, sourceCellId);\n      if (sourceLayoutNode) {\n        // If cell was moved to another layout, balance the cells in the source layout\n        const sourceLayoutInNewTr = findNodeById(tr, sourceLayoutNode.node.attrs.id).pop();\n        if (sourceLayoutInNewTr && isCellMovedToOtherLayout) {\n          balanceLayoutCells(tr, sourceLayoutInNewTr.node, sourceLayoutInNewTr.pos);\n        }\n      }\n\n      // If cell was moved to another layout, balance the cells in the target layout\n      const targetLayoutNode = findLayoutOfCell(tr.doc, sourceCellId);\n      if (targetLayoutNode && isCellMovedToOtherLayout) {\n        balanceLayoutCells(tr, targetLayoutNode.node, targetLayoutNode.pos);\n      }\n    }\n\n    view.focus();\n    view.dispatch(tr);\n  };\n\n  const onDragOver = (event: DragEvent) => {\n    setState({\n      isDraggingOver: true,\n    });\n\n    if (!isDraggingCell(editor)) {\n      // Not a cell reorder — let the event bubble unclaimed so the editor's own\n      // handlers resolve it (the block drag handle or ProseMirror's built-in dragover,\n      // either of which calls preventDefault itself to keep the drop allowed).\n      // preventDefault() here would mark the event defaultPrevented, and ProseMirror's\n      // eventBelongsToView() drops any such event — starving those handlers and leaving\n      // their last published drop-cursor position stale.\n      return;\n    }\n\n    event.preventDefault();\n\n    const layout = event.currentTarget as HTMLElement;\n    const layoutWrapper = layout.closest('[data-layout-wrapper]');\n\n    if (!layoutWrapper) {\n      return;\n    }\n\n    const scale = getElementScale(layout);\n    const layoutWrapperRect = layoutWrapper.getBoundingClientRect();\n    const cellDropAreas = [...layout.querySelectorAll('[data-layout-cell]')].reduce(\n      (acc, cell, index) => {\n        const rect = cell.getBoundingClientRect();\n        const prevCell = acc[acc.length - 1];\n        const left = rect.left - layoutWrapperRect.left;\n        return [\n          ...acc,\n          {\n            left: index === 0 ? left : left - (left - prevCell.right) / 2,\n            right: rect.right - layoutWrapperRect.left,\n            width: rect.width,\n          },\n        ];\n      },\n      [] as { left: number; right: number; width: number }[]\n    );\n    const mouseXInLayout = event.clientX - layoutWrapperRect.left;\n    const cellInsideIndex = cellDropAreas.findIndex(cell => {\n      return mouseXInLayout > cell.left && mouseXInLayout < cell.right;\n    });\n\n    if (cellInsideIndex === -1) {\n      return;\n    }\n\n    const cellInside = cellDropAreas[cellInsideIndex];\n    const dropIndex =\n      mouseXInLayout < cellInside.left + cellInside.width / 2\n        ? cellInsideIndex\n        : cellInsideIndex + 1;\n\n    setState({\n      dropCursorPosition:\n        (dropIndex >= cellDropAreas.length\n          ? cellDropAreas[cellDropAreas.length - 1].right\n          : cellDropAreas[dropIndex].left) / scale.scaleX,\n    });\n  };\n\n  const onDragLeave = (event: DragEvent) => {\n    if ((event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement)) {\n      return;\n    }\n\n    setState({\n      dropCursorPosition: null,\n      isDraggingOver: false,\n    });\n  };\n\n  layoutElement.addEventListener('dragstart', onDragStart);\n  layoutElement.addEventListener('drop', onDrop);\n  layoutElement.addEventListener('dragover', onDragOver);\n  layoutElement.addEventListener('dragleave', onDragLeave);\n\n  return () => {\n    layoutElement.removeEventListener('dragstart', onDragStart);\n    layoutElement.removeEventListener('drop', onDrop);\n    layoutElement.removeEventListener('dragover', onDragOver);\n    layoutElement.removeEventListener('dragleave', onDragLeave);\n  };\n};\n\nconst attachLayoutEventHandlers = ({\n  layoutWrapper,\n  layoutElement,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutWrapper: HTMLElement;\n  layoutElement: HTMLElement;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onClick = (event: MouseEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    if (\n      element?.closest('[data-layout-cell]') ||\n      element?.closest('[data-layout-drag-handle-wrapper]') ||\n      element?.closest('[data-resize-handle]')\n    ) {\n      return;\n    }\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n    if (layoutId) {\n      editor.chain().selectLayout(layoutId).focus().run();\n    }\n  };\n\n  const onDragStart = (event: DragEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    const cell = element?.closest('[data-layout-cell]');\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n\n    if (cell) {\n      return;\n    }\n\n    // Prevent dragging banner layouts - they should stay at their edge\n    if (layoutWrapper.hasAttribute('data-layout-banner')) {\n      event.preventDefault();\n      return;\n    }\n\n    if (layoutId) {\n      editor.commands.selectLayout(layoutId);\n    }\n    event.dataTransfer?.setDragImage(layoutElement, 0, 0);\n    setState({ isDragging: true });\n\n    const removeDragging = () => {\n      setState({ isDragging: false });\n      window.removeEventListener('pointerup', removeDragging);\n    };\n\n    window.addEventListener('pointerup', removeDragging);\n  };\n\n  layoutWrapper.addEventListener('click', onClick);\n  layoutWrapper.addEventListener('dragstart', onDragStart);\n\n  return () => {\n    layoutWrapper.removeEventListener('click', onClick);\n    layoutWrapper.removeEventListener('dragstart', onDragStart);\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,yBAAyB,0BAA0B;AAG5D,SAAS,iBAAiB;AAI1B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAEpC,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAE1C,SAAS,kCAAkC;AAE3C,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAE7B,OAAO,mBAAmB;AAC1B,SAAS,SAAS,UAAU,UAAU,aAAa,eAAe;AAClE,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B,qCAAqC;AAC1E,OAAO,YAAY;AACnB,SAAS,iBAAiB,wBAAwB;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB,kBAAkB,mBAAmB;AAqB3D,MAAM,iBACX,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACA,CAAC,EAAE,MAAM,QAAQ,OAAO,MAAM;AAC5B,QAAM,QAA6B;AAAA,IACjC,gBAAgB,uBAAuB,IAAI;AAAA,IAC3C,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAClB;AACA,QAAM,2BAA2C,CAAC;AAClD,QAAM,gBAAgB,SAAS,cAAc,KAAK;AAClD,gBAAc,aAAa,uBAAuB,EAAE;AACpD,gBAAc,aAAa,aAAa,yBAAyB,KAAK,MAAM,EAAE,CAAC;AAC/E,gBAAc,UAAU,IAAI,OAAO,aAAa;AAEhD,MAAI,qBAAqB;AACvB,kBAAc,UAAU,IAAI,OAAO,QAAQ;AAAA,EAC7C;AAEA,QAAM,cAAc,SAAS,cAAc,OAAO;AAClD,cAAY,aAAa,qBAAqB,KAAK,MAAM,EAAE;AAC3D,gBAAc,OAAO,WAAW;AAEhC,QAAM,gBAAgB,SAAS,cAAc,KAAK;AAKlD,QAAM,kBAAkB,SAAS,cAAc,KAAK;AACpD,kBAAgB,aAAa,yBAAyB,EAAE;AACxD,kBAAgB,UAAU,IAAI,OAAO,eAAe;AACpD,kBAAgB,OAAO,aAAa;AAEpC,QAAM,cAAc,eAChB,aAAa;AAAA,IACX,MAAM,gBAAgB,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EACpD,CAAC,MAAM,cACP;AAEJ,MAAI,aAAa;AACf,kBAAc,UAAU,IAAI,OAAO,cAAc;AAAA,EACnD;AAEA,QAAM,kBAAkB,SAAS,cAAc,KAAK;AACpD,kBAAgB,aAAa,iBAAiB,QAAQ;AAItD,kBAAgB,aAAa,qBAAqB,EAAE;AACpD,kBAAgB,OAAO,eAAe;AAEtC,gBAAc,OAAO,eAAe;AAEpC,QAAM,oBAAoB,SAAS,cAAc,KAAK;AACtD,oBAAkB,UAAU,IAAI,OAAO,UAAU;AAGjD,MAAI;AACJ,QAAM,qBAAqB,CAAC,SAAsB,SAAkB;AAClE,QAAI,CAAC,QAAQ,CAAC,gBAAgB;AAC5B;AAAA,IACF;AACA,UAAM,UAAW,mBAAmB,qBAAqB,CAAC;AAC1D,aAAS,SAAS,SAAS,IAAI;AAAA,EACjC;AAEA,QAAM,WAAW,CAAC,aAA2C;AAG3D,UAAM,eAAe,OAAO,QAAQ,QAAQ,EAAE;AAAA,MAC5C,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,GAAgC,MAAM;AAAA,IAChE;AACA,QAAI,cAAc;AAChB;AAAA,IACF;AACA,WAAO,OAAO,OAAO,QAAQ;AAE7B,qBAAiB;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,mBAAiB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MACtB,iBAAiB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH,QAAM,UAAU,MAAM;AACpB,oBAAgB;AAAA,EAClB;AACA,QAAM,SAAS,CAAC,EAAE,MAAM,MAA6B;AAEnD,QAAI,MAAM,iBAAiB,cAAc,SAAS,MAAM,aAAqB,GAAG;AAC9E;AAAA,IACF;AACA,oBAAgB;AAAA,EAClB;AACA,SAAO,GAAG,mBAAmB,eAAe;AAC5C,SAAO,GAAG,SAAS,OAAO;AAC1B,SAAO,GAAG,QAAQ,MAAM;AAMxB,MAAI,qBAAqB;AACzB,MAAI,YAAsC,CAAC;AAC3C,iBAAe,MAAM;AACnB,QAAI,sBAAsB,CAAC,QAAQ;AACjC;AAAA,IACF;AACA,gBAAY,CAAC,OAAO,cAAc,eAAe,GAAG,OAAO,cAAc,eAAe,CAAC;AAAA,EAC3F,CAAC;AAED,QAAM,uBAAuB,MAAM;AACjC,WAAO,IAAI,mBAAmB,eAAe;AAC7C,WAAO,IAAI,SAAS,OAAO;AAC3B,WAAO,IAAI,QAAQ,MAAM;AACzB,yBAAqB;AACrB,cAAU,QAAQ,OAAK,EAAE,OAAO,CAAC;AAAA,EACnC;AAEA,QAAM,WAAW,sBACb,CAAC,oBAAoB,IACrB;AAAA,IACE;AAAA,IACA,wBAAwB,EAAE,eAAe,OAAO,QAAQ,SAAS,CAAC;AAAA,IAClE,sBAAsB,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,IACzD,0BAA0B;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEJ,SAAO;AAAA,IACL,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ,CAAC,YAAoB;AAC3B,UAAI,QAAQ,SAAS,KAAK,MAAM;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,CAAC,MAAM,YAAY;AACrB,cAAM,iBAAiB,uBAAuB,OAAO;AAAA,MACvD;AAEA,aAAO;AACP,uBAAiB;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AACD,aAAO;AAAA,IACT;AAAA,IACA,gBAAgB,CAAC,aAAmE;AAClF,YAAM,wBAAwB,SAAS,WAAW;AAClD,YAAM,0BACJ,SAAS,SAAS,gBAAgB,SAAS,eAAe,WAAW,OAAO;AAC9E,YAAM,4BACJ,SAAS,WAAW,iBAAiB,SAAS,SAAS;AACzD,YAAM,mCACJ,SAAS,WAAW,iBAAiB,SAAS,SAAS;AACzD,YAAM,kCACJ,SAAS,WAAW,iBAAiB,SAAS,SAAS;AAKzD,YAAM,2BACJ,SAAS,kBAAkB,YAC1B,SAAS,OAAO,aAAa,qBAAqB,KACjD,SAAS,OAAO,aAAa,2BAA2B;AAC5D,YAAM,uBAAuB,SAAS,WAAW;AAEjD,YAAM,4BAA4B,SAAS,WAAW;AAEtD,YAAM,4BAA4B,SAAS,WAAW;AAEtD,aACE,yBACA,2BACA,6BACA,oCACA,mCACA,4BACA,wBACA,6BACA;AAAA,IAEJ;AAAA,IACA,SAAS,MAAM;AACb,eAAS,QAAQ,aAAW,QAAQ,CAAC;AACrC,+BAAyB,QAAQ,aAAW,QAAQ,CAAC;AACrD,+BAAyB,SAAS;AAAA,IACpC;AAAA,EACF;AACF;AAEF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,WAAW;AAEjB,QAAM,iCAAiC,oBAAoB;AAAA,IACzD,eAAe;AAAA,IACf,WAAW;AAAA,IACX,aAAa,MAAM;AAAA,IACnB,aAAa,MAAM;AACjB,YAAM,gBAAgB,gBAAgB,QAAQ,0BAA0B;AACxE,YAAM,oBAAoB,OAAO,iBAAiB,aAAa;AAC/D,YAAM,eAAe,SAAS,kBAAkB,kBAAkB,KAAK;AACvE,YAAM,aAAa,SAAS,kBAAkB,gBAAgB,KAAK;AAEnE,aAAO,KAAK,IAAI,UAAU,cAAc,cAAc,eAAe,UAAU;AAAA,IACjF;AAAA,IACA,QAAQ,EAAE,MAAM,MAAM,OAAO,KAAK;AAAA,IAClC,iBAAiB;AAAA,IACjB,yBAAyB;AAAA,IACzB,WAAW;AAAA,IACX,UAAU,MAAM;AAAA,IAGhB;AAAA,IACA,cAAc,CAAC,EAAE,OAAO,WAAW,MAAM;AACvC,aACG,MAAM,EACN,kBAAkB,KAAK,MAAM,IAAI,aAAa,OAAO,KAAK,EAC1D,IAAI;AAAA,IACT;AAAA,EACF,CAAC;AACD,2BAAyB,KAAK,8BAA8B;AAM5D,QAAM,iBAAiB,KAAK,MAAM,QAAQ,aAAa;AACvD,QAAM,wBAAwB,kCAAkC;AAAA,IAC9D;AAAA,IACA,UAAU,iBAAiB,QAAQ;AAAA,IACnC,YAAY;AAAA,IACZ,UAAU,CAAC,eAAuB;AAChC,aACG,MAAM,EACN,oBAAoB,KAAK,MAAM,IAAI;AAAA,QAClC,oBAAoB;AAAA,QACpB,uBAAuB;AAAA,MACzB,CAAC,EACA,IAAI;AAAA,IACT;AAAA,EACF,CAAC;AACD,2BAAyB,KAAK,qBAAqB;AACrD;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAeM;AACJ,QAAM,EAAE,KAAK,MAAM,IAAI,OAAO,MAAM;AACpC,QAAM,MAAM,OAAO;AACnB,QAAM,YAAY,MAAM,KAAK;AAC7B,QAAM,aAAa,QAAQ,MAAM,OAAO,cAAc,IAAI;AAC1D,QAAM,gBAAgB,OAAO,MAAM,OAAO,aAAa,IAAI;AAC3D,QAAM,WAAW,WAAW,KAAK,KAAK,MAAM,EAAE;AAC9C,QAAM,iBAAiB,uBAAuB,KAAK,OAAO,KAAK,MAAM,IAAI,MAAM;AAI/E,QAAM,sBACJ,OAAO,MAAM,qBAAqB,iBAClC,CAAC,cACD,CAAC,mBACA,YAAY;AAKf,QAAM,+BACJ,OAAO,KAAK,SAAS,KAAM,sBAAsB,OAAO,MAAM,MAAM,KAAK;AAC3E,QAAM,aAAa,GAAG,KAAK,MAAM,EAAE,IAAI,KAAK,MAAM,wBAAwB,IAAI,KAAK,MAAM,uBAAuB;AAChH,QAAM,aAAa,KAAK,MAAM,4BAA4B;AAC1D,QAAM,WAAW,aAAa,KAAK,MAAM,MAAM;AAE/C,QAAM,mBACJ,gCACA,CAAC,wBACA,cAAc,iBAAiB,kBAAkB,YAAY,MAAM;AAGtE,QAAM,oBAAoB,yBAAyB,SAAS;AAC5D,MAAI,qBAAqB,CAAC,kBAAkB;AAC1C,6BAAyB,QAAQ,aAAW,QAAQ,CAAC;AACrD,6BAAyB,SAAS;AAAA,EACpC,WAAW,oBAAoB,CAAC,qBAAqB,CAAC,qBAAqB;AACzE,yBAAqB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,4BAA4B,gBAAgB;AAAA,IAChD;AAAA,EACF;AACA,MAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,2BAA2B;AAClE,2BAAuB,EAAE,iBAAiB,eAAe,QAAQ,KAAK,MAAM,IAAI,OAAO,CAAC;AAAA,EAC1F,YAAY,YAAY,uBAAuB,2BAA2B;AACxE,8BAA0B,OAAO;AAAA,EACnC,WAAW,CAAC,YAAY,2BAA2B;AACjD,UAAM,qBAAqB,0BAA0B;AAAA,MACnD;AAAA,IACF;AACA,QAAI,oBAAoB;AACtB,cAAQ,oBAAoB,aAAa,GAAG,aAAa,IAAI,KAAK,MAAM,EAAE,EAAE;AAAA,IAC9E;AAAA,EACF;AAGA,gBAAc,UAAU,OAAO,OAAO,oBAAoB,gBAAgB;AAC1E,QAAM,YAAY,oBAAoB,IAAI;AAC1C,gBAAc,UAAU,OAAO,OAAO,SAAS,SAAS;AAGxD,qBAAmB,eAAe,aAAa,OAAO,UAAU;AAChE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAY,KAAK,MAAM,QAAQ,aAAa,WAAW,WAAW,QAAS;AAAA,EAC7E;AAGA,UAAQ,eAAe,aAAa,yBAAyB,KAAK,MAAM,EAAE,CAAC;AAG3E,UAAQ,eAAe,yBAAyB,KAAK,MAAM,EAAE;AAC7D,UAAQ,eAAe,qBAAqB,UAAU;AACtD;AAAA,IACE;AAAA,IACA;AAAA,IACA,0BAA0B,MAAM,cAAc;AAAA,EAChD;AACA;AAAA,IACE;AAAA,IACA,WAAW;AAAA,MACT,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,cAAc,GAAG,CAAC,KAAK,MAAM,gBAAgB,KAAK,MAAM,iBAAiB;AAAA,MACjF,CAAC,OAAO,YAAY,GAAG,KAAK,MAAM,iBAAiB;AAAA,MACnD,CAAC,OAAO,MAAM,GAAG;AAAA,MACjB,CAAC,OAAO,YAAY,GAAG,MAAM,kBAAkB,MAAM,uBAAuB;AAAA,MAC5E,CAAC,OAAO,WAAW,GAAG,MAAM,YAAY;AAAA,MACxC,CAAC,OAAO,YAAY,GAAG,MAAM,YAAY;AAAA,MACzC,CAAC,OAAO,QAAQ,GAAG,MAAM;AAAA,MACzB,CAAC,OAAO,QAAQ,GAAG,MAAM;AAAA,MACzB,CAAC,OAAO,cAAc,GAAG,gCAAgC;AAAA,MACzD,CAAC,OAAO,QAAQ,GAAG,gCAAgC;AAAA,MACnD,CAAC,OAAO,YAAY,GAAG,aAAa,KAAK,MAAM,MAAM;AAAA,IACvD,CAAC;AAAA,EACH;AAGA,QAAM,cAAc,KAAK,MAAM,eAAe,OAAO;AACrD;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc,GAAG,WAAW,OAAO;AAAA,EACrC;AAGA,QAAM,WAAW,KAAK,MAAM,2BACxB,SAAS,KAAK,MAAM,0BAA0B,EAAE,IAChD,gBAAgB;AACpB,QAAM,kBAAkB;AAAA,IACtB;AAAA,MACE,UAAU,uBAAuB,UAAU,MAAM,OAAO,MAAM;AAAA,MAC9D,cAAc;AAAA,yCACqB,aAAa,SAAS,MAAM;AAAA,iDACpB,aAAa,WAAW,MAAM;AAAA;AAAA,gDAGvE,aACI,GAAG,KAAK,MAAM,KAAK,MAAM,2BAA2B,KAAK,UAAU,CAAC,OACpE,MACN;AAAA,6CACuC,aAAa,SAAS,MAAM;AAAA;AAAA,IAErE;AAAA,IACA;AAAA,MACE,UAAU,uBAAuB,UAAU,OAAO,OAAO,aAAa;AAAA,MACtE,cAAc;AAAA,IAChB;AAAA,EACF;AACA;AAAA,IACE;AAAA,IACA;AAAA;AAAA,2CAEuC,QAAQ;AAAA,UACzC,gBAAgB,IAAI,CAAC,EAAE,UAAU,aAAa,MAAM,GAAG,QAAQ,KAAK,YAAY,GAAG,EAAE,KAAK,IAAI,CAAC;AAAA;AAAA;AAAA,MAGnG,mBAAmB,YAAY,QAAQ,OAAO,eAAe,CAAC;AAAA;AAAA,EAElE;AAGA,QAAM,iBAAiB,MAAM,uBAAuB;AACpD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,GAAG,MAAM,kBAAkB,OAAO;AAAA,EACrD;AACA,WAAS,eAAe,mBAAmB,cAAc;AAGzD,QAAM,qBAAqB;AAAA,IACzB,KAAK,MAAM;AAAA,IACX,KAAK,MAAM;AAAA,EACb;AACA,QAAM,uBAAuB;AAAA,IAC3B,KAAK,MAAM;AAAA,IACX,KAAK,MAAM;AAAA,EACb;AACA,YAAU,eAAe;AAAA,IACvB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AAGD,aAAW,eAAe,KAAK,MAAM,iBAAiB,0CAA0C;AAGhG,oBAAkB,eAAe;AAAA,IAC/B,OAAO,KAAK,MAAM;AAAA,IAClB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAGD;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK,MAAM,cACN,0BAA0B,KAAK,MAAM,WAAW,KAAK,KAAK,MAAM,cACjE;AAAA,EACN;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK,MAAM,cAAc,GAAG,KAAK,MAAM,WAAW,OAAO;AAAA,EAC3D;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK,MAAM,eAAe,GAAG,KAAK,MAAM,YAAY,OAAO;AAAA,EAC7D;AAGA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,KAAK,MAAM,QAAQ,WAAW,GAAG,KAAK,MAAM,GAAG,OAAO;AAAA,EAC/D;AACA,MAAI,OAAO,KAAK,MAAM,QAAQ,UAAU;AACtC,gBAAY,eAAe,wCAAwC,IAAI;AAAA,EACzE;AAGA,QAAM,mBAAmB;AAAA,IACvB,KAAK,MAAM;AAAA,IACX,KAAK,MAAM;AAAA,EACb;AACA,QAAM,qBAAqB;AAAA,IACzB,KAAK,MAAM;AAAA,IACX,KAAK,MAAM;AAAA,EACb;AACA,YAAU,eAAe;AAAA,IACvB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,EACF,CAAC;AAGD,aAAW,eAAe,KAAK,MAAM,eAAe,wCAAwC;AAG5F;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK,MAAM,qBAAqB,GAAG,KAAK,MAAM,kBAAkB,OAAO;AAAA,EACzE;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK,MAAM,wBAAwB,GAAG,KAAK,MAAM,qBAAqB,OAAO;AAAA,EAC/E;AAGA,oBAAkB,eAAe;AAAA,IAC/B,OAAO,KAAK,MAAM;AAAA,IAClB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,EACd,CAAC;AAGD,QAAM,cACJ,KAAK,MAAM,eAAe,KAAK,MAAM,YAAY,SAAS,IAAI,KAAK,MAAM,cAAc;AACzF;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc,GAAG,YAAY,CAAC,CAAC,OAAO;AAAA,EACxC;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc,GAAG,YAAY,CAAC,KAAK,YAAY,CAAC,CAAC,OAAO;AAAA,EAC1D;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc,GAAG,YAAY,CAAC,KAAK,YAAY,CAAC,CAAC,OAAO;AAAA,EAC1D;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc,GAAG,YAAY,CAAC,KAAK,YAAY,CAAC,KAAK,YAAY,CAAC,CAAC,OAAO;AAAA,EAC5E;AAGA,sBAAoB,eAAe,KAAK,MAAM,YAAY,KAAK;AAC/D,sBAAoB,eAAe,KAAK,MAAM,eAAe,QAAQ;AAGrE,QAAM,oBACJ,KAAK,MAAM,0BAA0B,QACjC,eACA,KAAK,MAAM,0BAA0B,WACnC,aACA,KAAK,MAAM,wBACT,WACA;AACV,cAAY,eAAe,mDAAmD,iBAAiB;AACjG;AAWA,MAAM,kBAAkB,oBAAI,QAA0D;AAEtF,MAAM,sBAAsB,CAC1B,eACA,SACA,SACG;AAKH,QAAM,UAAU,gBAAgB,IAAI,aAAa,KAAK,CAAC;AACvD,MAAI,QAAQ,IAAI,MAAM,SAAS;AAC7B;AAAA,EACF;AACA,UAAQ,IAAI,IAAI;AAChB,kBAAgB,IAAI,eAAe,OAAO;AAE1C,QAAM,YAAY,2BAA2B,IAAI;AACjD,MAAI,cAAc,cAAc;AAAA,IAC9B;AAAA,EACF;AACA,QAAM,WAAW,cACb,MAAM;AAAA,IACJ,YAAY,iBAA8B,kCAAkC,IAAI,IAAI;AAAA,EACtF,IACA,CAAC;AAEL,QAAM,SAAS,UAAU,iBAAiB,OAAO,IAAI,CAAC;AAEtD,WAAS,MAAM,OAAO,MAAM,EAAE,QAAQ,QAAM,GAAG,OAAO,CAAC;AAEvD,MAAI,OAAO,UAAU,CAAC,aAAa;AACjC,kBAAc,SAAS,cAAc,KAAK;AAC1C,gBAAY,aAAa,mBAAmB,OAAO;AACnD,gBAAY,aAAa,6BAA6B,EAAE;AACxD,gBAAY,UAAU,IAAI,OAAO,kBAAkB;AACnD,kBAAc,OAAO,WAAW;AAAA,EAClC;AAOA,QAAM,sBACJ,SAAS,SAAS,cACd,YAAY,cAAc,yCAAyC,IACnE;AAEN,SAAO,QAAQ,CAAC,OAAO,UAAU;AAC/B,QAAI,KAAK,SAAS,KAAK;AACvB,QAAI,CAAC,IAAI;AACP,WAAK,SAAS,cAAc,KAAK;AACjC,SAAG,aAAa,mBAAmB,OAAO;AAC1C,SAAG,aAAa,uBAAuB,IAAI;AAC3C,SAAG,UAAU;AAAA,QACX,OAAO;AAAA,QACP,SAAS,QAAQ,OAAO,oBAAoB,OAAO;AAAA,MACrD;AACA,kBAAa,aAAa,IAAI,mBAAmB;AAAA,IACnD;AACA,YAAQ,IAAI,sBAAsB,OAAO,KAAK,CAAC;AAC/C;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,MAAM,MAAM,YAAY,MAAM,OAAO,eAC/B,MAAM,IAAI,uBAAuB,MAAM,IAAI,cAC5C,MAAM,QAAQ,sBAAsB,MAAM,QAAQ,gBAChD,MAAM,UAAU,wBAAwB,MAAM,UAAU,OACtE,MAAM,eACH,iBAAiB,MAAM,YAAY,0BAA0B,MAAM,YAAY,MAC/E;AAAA,IACR;AAAA,EACF,CAAC;AAED;AAAA,IACE;AAAA,IACA,GAAG,SAAS;AAAA,IACZ,SAAS,QAAS,0BAA0B,QAAQ,KAAK,KAAK,QAAQ,QAAS;AAAA,EACjF;AACA;AAAA,IACE;AAAA,IACA,GAAG,SAAS;AAAA,IACZ,YAAY,QAAQ,WAAW,gBAAgB,QAAQ,IAAI,EAAE,kBAAkB,OAAO;AAAA,EACxF;AACF;AAYA,MAAM,YAAY,CAChB,IACA,EAAE,UAAU,OAAO,aAAa,UAAU,aAAa,MACpD;AACH,cAAY,IAAI,aAAa,WAAW,oBAAoB,QAAoB,IAAI,IAAI;AACxF;AAAA,IACE;AAAA,IACA;AAAA,IACA,CAAC,YAAY,QAAS,0BAA0B,KAAK,KAAK,QAAS;AAAA,EACrE;AACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,CAAC,YAAY,SAAS,UAAU,wBAC5B,eAAe,OAAO,YAAY,MAAM,UACtC,YACA,kBACF;AAAA,EACN;AACF;AAGA,MAAM,aAAa,CACjB,IACA,OACA,cACG;AACH,QAAM,WAAW,QACZ,MAAM,OAAO,IAAI,QAAQ,MAAM,OAAO,IAAI,MAAM,YAAY,MAAM,KAAK,KACxE;AACJ,cAAY,IAAI,GAAG,SAAS,QAAQ,WAAW,OAAO,QAAQ,MAAM,IAAI;AACxE,cAAY,IAAI,GAAG,SAAS,YAAY,OAAO,UAAU,GAAG,MAAM,OAAO,MAAM,IAAI;AACnF,cAAY,IAAI,GAAG,SAAS,YAAY,OAAO,UAAU,MAAM,QAAQ,YAAY,IAAI,IAAI;AAC3F;AAAA,IACE;AAAA,IACA,GAAG,SAAS;AAAA,IACZ,OAAO,WAAW,MAAM,SAAS,YAAY,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG,IAAI;AAAA,EACxE;AAEA,cAAY,IAAI,GAAG,SAAS,SAAS,OAAO,OAAO,QAAQ,MAAM,IAAI,QAAQ,IAAI;AACnF;AAYA,MAAM,oBAAoB,CACxB,IACA,EAAE,OAAO,UAAU,OAAO,WAAW,MAClC;AACH,MAAI,UAAyB;AAC7B,MAAI,OAAO;AACT,QAAI,MAAM,SAAS;AACjB,gBACE,MAAM,QAAQ,SAAS,aACnB,oBAAoB,MAAM,QAAQ,QAAoB,IACrD,0BAA0B,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ;AAAA,IACzE,WAAW,UAAU;AACnB,gBAAU,oBAAoB,QAAoB;AAAA,IACpD,WAAW,OAAO;AAChB,gBAAU;AAAA,QACR,0BAA0B,KAAK,KAAK;AAAA,QACpC,MAAM,WAAW;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,cAAY,IAAI,YAAY,OAAO;AACrC;AAIA,MAAM,uBAAuB,CAAC,MAA+C;AAC3E,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY,OAAO;AAC3B,UAAQ,aAAa,aAAa,eAAe;AACjD,UAAQ,aAAa,eAAe,MAAM;AAC1C,UAAQ,aAAa,mBAAmB,OAAO;AAE/C,QAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,QAAM,YAAY,OAAO;AAEzB,QAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,UAAQ,YAAY,OAAO;AAC3B,UAAQ,cAAc;AAEtB,QAAM,YAAY,SAAS,cAAc,MAAM;AAC/C,YAAU,YAAY,OAAO;AAC7B,YAAU,cAAc;AAExB,QAAM;AAAA,IACJ,SAAS,eAAe,GAAG,EAAE,yCAAyC,CAAC,GAAG;AAAA,IAC1E;AAAA,IACA,SAAS,eAAe,KAAK;AAAA,IAC7B;AAAA,IACA,SAAS,eAAe,IAAI,EAAE,2CAA2C,CAAC,EAAE;AAAA,EAC9E;AACA,UAAQ,OAAO,KAAK;AACpB,SAAO;AACT;AAEA,MAAM,yBAAyB,CAAC,SAAiB;AAC/C,QAAM,OAAiB,CAAC;AAExB,OAAK,QAAQ,QAAQ,UAAQ;AAC3B,QAAK,KAAK,KAAK,SAAkC,UAAU,aAAa;AACtE,WAAK,KAAK,KAAK,MAAM,OAAO;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,MAAM,4BAA4B,CAAC,aAAuB;AACxD,SAAO,SAAS,IAAI,SAAO,aAAa,GAAG,KAAK,EAAE,KAAK,GAAG;AAC5D;AASA,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2C;AAEzC,QAAM,0BAA0B,SAAS,cAAc,KAAK;AAC5D,0BAAwB,aAAa,mBAAmB,OAAO;AAC/D,0BAAwB,aAAa,mCAAmC,EAAE;AAC1E,0BAAwB,UAAU,IAAI,OAAO,oBAAoB;AAGjE,QAAM,mBAAmB,SAAS,cAAc,QAAQ;AACxD,mBAAiB,aAAa,oBAAoB,EAAE;AACpD,mBAAiB,aAAa,sBAAsB,EAAE;AACtD,mBAAiB,aAAa,aAAa,GAAG,aAAa,IAAI,MAAM,EAAE;AACvE,mBAAiB,aAAa,QAAQ,QAAQ;AAC9C,mBAAiB,UAAU,IAAI,OAAO,aAAa;AACnD,mBAAiB,YAAY,YAAY;AAGzC,QAAM,cAAc,MAAM;AACxB,UAAM,WAAW,cAAc,aAAa,uBAAuB;AACnE,QAAI,UAAU;AACZ,aAAO,MAAM,EAAE,aAAa,QAAQ,EAAE,MAAM,EAAE,IAAI;AAAA,IACpD;AAAA,EACF;AAEA,mBAAiB,iBAAiB,SAAS,WAAW;AACtD,0BAAwB,OAAO,gBAAgB;AAC/C,kBAAgB,OAAO,uBAAuB;AAG9C,SAAO,MAAM;AACX,qBAAiB,oBAAoB,SAAS,WAAW;AACzD,QAAI,wBAAwB,eAAe,iBAAiB;AAC1D,sBAAgB,YAAY,uBAAuB;AAAA,IACrD;AAAA,EACF;AACF;AASA,MAAM,oCAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsD;AAEpD,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY,aAAa,QAAQ,cAAc,aAAa,cAAc;AACjF,SAAO,aAAa,aAAa,wBAAwB,QAAQ,EAAE;AAGnE,QAAM,mBAAmB,cAAc,MAAM;AAC7C,MAAI,CAAC,oBAAoB,qBAAqB,UAAU;AACtD,kBAAc,MAAM,WAAW;AAAA,EACjC;AAEA,gBAAc,YAAY,MAAM;AAEhC,MAAI,SAAS;AACb,MAAI,eAAe;AACnB,MAAI,mBAAkC;AAEtC,QAAM,yBAAyB,MAAM;AACnC,WAAO,oBAAoB,eAAe,iBAAiB;AAC3D,WAAO,oBAAoB,aAAa,eAAe;AACvD,WAAO,oBAAoB,iBAAiB,eAAe;AAC3D,WAAO,oBAAoB,sBAAsB,wBAAwB;AAAA,EAC3E;AAOA,QAAM,eAAe,CAAC,YAAqB;AACzC,QAAI,qBAAqB,MAAM;AAC7B;AAAA,IACF;AAEA,QAAI,OAAO,kBAAkB,gBAAgB,GAAG;AAC9C,aAAO,sBAAsB,gBAAgB;AAAA,IAC/C;AAEA,2BAAuB;AAEvB,QAAI;AACJ,QAAI,YAAY,QAAW;AACzB,YAAM,SAAS,UAAU;AACzB,YAAM,gBAAgB,aAAa,QAAQ,CAAC,SAAS;AACrD,mBAAa,KAAK;AAAA,QAChB,KAAK,IAAI,YAAY,KAAK,IAAI,qBAAqB,eAAe,gBAAgB,IAAI,CAAC;AAAA,MACzF;AAAA,IACF,OAAO;AACL,YAAM,gBAAgB,OAAO,iBAAiB,aAAa;AAC3D,YAAM,cAAc,aAAa,QAAQ,eAAe;AACxD,YAAM,WAAW,SAAS,cAAc,WAAW,GAAG,EAAE;AACxD,mBAAa,CAAC,MAAM,QAAQ,IACxB,KAAK,IAAI,YAAY,KAAK,IAAI,qBAAqB,QAAQ,CAAC,IAC5D;AAAA,IACN;AAEA,kBAAc,MAAM;AAAA,MAClB;AAAA,MACA,GAAG,UAAU;AAAA,IACf;AACA,kBAAc,MAAM;AAAA,MAClB;AAAA,MACA,GAAG,UAAU;AAAA,IACf;AAEA,aAAS,UAAU;AACnB,uBAAmB;AAAA,EACrB;AAEA,QAAM,2BAA2B,CAAC,UAAwB;AACxD,QAAI,qBAAqB,QAAQ,MAAM,cAAc,kBAAkB;AACrE;AAAA,IACF;AACA,iBAAa;AAAA,EACf;AAEA,QAAM,oBAAoB,CAAC,UAAwB;AACjD,QAAI,MAAM,WAAW,GAAG;AACtB;AAAA,IACF;AACA,UAAM,eAAe;AACrB,UAAM,gBAAgB;AAEtB,uBAAmB,MAAM;AACzB,aAAS,MAAM;AAGf,UAAM,gBAAgB,OAAO,iBAAiB,aAAa;AAC3D,UAAM,cAAc,aAAa,QAAQ,eAAe;AACxD,UAAM,WAAW,SAAS,cAAc,WAAW,GAAG,EAAE;AACxD,mBAAe,CAAC,MAAM,QAAQ,IAAI,WAAW;AAE7C,WAAO,kBAAkB,MAAM,SAAS;AACxC,WAAO,iBAAiB,eAAe,iBAAiB;AACxD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,iBAAiB,eAAe;AACxD,WAAO,iBAAiB,sBAAsB,wBAAwB;AAAA,EACxE;AAEA,QAAM,oBAAoB,CAAC,UAAwB;AACjD,QAAI,qBAAqB,QAAQ,qBAAqB,MAAM,WAAW;AACrE;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,UAAU;AAG/B,UAAM,gBAAgB,aAAa,QAAQ,CAAC,SAAS;AACrD,UAAM,aAAa,KAAK;AAAA,MACtB,KAAK,IAAI,YAAY,KAAK,IAAI,qBAAqB,eAAe,gBAAgB,IAAI,CAAC;AAAA,IACzF;AAGA,kBAAc,MAAM;AAAA,MAClB;AAAA,MACA,GAAG,UAAU;AAAA,IACf;AACA,kBAAc,MAAM;AAAA,MAClB;AAAA,MACA,GAAG,UAAU;AAAA,IACf;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,UAAwB;AAC/C,QAAI,qBAAqB,MAAM;AAC7B;AAAA,IACF;AACA,QAAI,qBAAqB,MAAM,WAAW;AAExC,mBAAa;AACb;AAAA,IACF;AAEA,iBAAa,MAAM,OAAO;AAAA,EAC5B;AAEA,SAAO,iBAAiB,eAAe,iBAAiB;AAGxD,SAAO,MAAM;AACX,QAAI,qBAAqB,QAAQ,OAAO,kBAAkB,gBAAgB,GAAG;AAC3E,aAAO,sBAAsB,gBAAgB;AAAA,IAC/C;AACA,2BAAuB;AACvB,WAAO,oBAAoB,eAAe,iBAAiB;AAE3D,QAAI,OAAO,eAAe,eAAe;AACvC,oBAAc,YAAY,MAAM;AAAA,IAClC;AAEA,QAAI,CAAC,oBAAoB,qBAAqB,UAAU;AACtD,oBAAc,MAAM,WAAW,oBAAoB;AAAA,IACrD;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CAAC,MAAmB,WAAmB;AACxD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,UAAQ,KAAK,MAAM,SAAS;AAAA,EAC9B,GAAG;AAEH,SAAO,YAAY,MAAM,OAAO;AAClC;AAEA,MAAM,yBAAyB,CAC7B,KACA,OACA,UACA,WACY;AAEZ,QAAM,YAAY,OAAO,MAAM;AAC/B,MAAI,EAAE,qBAAqB,gBAAgB;AACzC,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,UAAU;AAC/B,MAAI,cAAc,KAAK,SAAS,yBAAyB;AACvD,WAAO;AAAA,EACT;AAGA,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,UAAQ,KAAK,MAAM,SAAS;AAAA,EAC9B,GAAG;AAEH,SAAO,YAAY,MAAM,OAAO;AAClC;AAEA,MAAM,gBAAgB,CAAC,MAAuB,WAA2C;AACvF,MAAI,SAAiC;AACrC,OAAK,YAAY,CAAC,OAAO,MAAM,QAAQ;AACrC,QAAI,MAAM,MAAM,OAAO,QAAQ;AAC7B,eAAS;AAAA,IACX;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,MAAM,eAAe,CAAC,MAAc,WAAmB;AACrD,MAAI,QAAQ;AAEZ,OAAK,QAAQ,QAAQ,CAAC,MAAM,SAAS,MAAM;AACzC,QAAI,KAAK,MAAM,OAAO,QAAQ;AAC5B,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,WAA4C;AAClE,QAAM,QAAQ,OAAO,KAAK,UAAU;AAEpC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE,MAAM,cAAc,KACpB,MAAM,YAAY,KAClB,MAAM,QAAQ,eAAe,KAC7B,OAAO,KAAK,UAAU,MAAM,QAAQ,YAAY,KAAK,SAAS;AAElE;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,gBAAgB,CAAC,UAAwB;AAC7C,QAAI,MAAM,WAAW,GAAG;AACtB;AAAA,IACF;AACA,UAAM,aAAkC,MAAM,QAAwB;AAAA,MACpE;AAAA,IACF;AAEA,QAAI,CAAC,cAAc,CAAC,MAAM,eAAe;AACvC;AAAA,IACF;AAEA,UAAM,aAAa,WAAW,QAAQ;AAEtC,QAAI,CAAC,YAAY;AACf;AAAA,QACE;AAAA,UACE;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AACA,UAAM,eAAe;AAGrB,aAAS,EAAE,YAAY,KAAK,CAAC;AAE7B,UAAM,aAAa,cAAc,OAAO,MAAM,KAAK,UAAU;AAE7D,QAAI,CAAC,YAAY;AACf,mBAAa,MAAM,sDAAsD,CAAC;AAC1E;AAAA,IACF;AAEA,UAAM,QAAQ,aAAa,YAAY,UAAU;AACjD,UAAM,gBAAgB,MAAM;AAC5B,UAAM,aAAc,MAAM,cAA8B,sBAAsB;AAC9E,UAAM,mBAAmB,WAAW,QAAQ;AAC5C,UAAM,iBAAiB,mBAAmB;AAC1C,UAAM,mCAAmC,MAAM,eAAe;AAAA,MAC5D,SAAO,MAAM;AAAA,IACf;AAGA,WAAO,aAAa,GAAG,gBAAgB;AAGvC,UAAM,mBAAmB,CAAC,MAAa;AACrC,QAAE,eAAe;AAAA,IACnB;AACA,aAAS,iBAAiB,eAAe,gBAAgB;AAEzD,aAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd,CAAC;AAED,UAAM,SAAS,CAACA,WAAwB;AACtC,MAAAA,OAAM,eAAe;AACrB,UAAI,UAAqC;AAEzC,YAAM,SAAS,gBAAgBA,OAAM;AAErC,YAAM,cAAc,CAAC,GAAG,gCAAgC;AACxD,kBAAY,KAAK,IAAI,iCAAiC,KAAK,IAAI;AAC/D,kBAAY,QAAQ,CAAC,IAAI,iCAAiC,QAAQ,CAAC,IAAI;AAEvE,UAAI,YAAY,KAAK,IAAI,gBAAgB;AACvC,cAAM,OAAO,iBAAiB,YAAY,KAAK;AAC/C,oBAAY,KAAK,IAAI;AACrB,oBAAY,QAAQ,CAAC,KAAK;AAC1B,kBAAU;AAAA,MACZ;AAEA,UAAI,YAAY,QAAQ,CAAC,IAAI,gBAAgB;AAC3C,cAAM,OAAO,iBAAiB,YAAY,QAAQ,CAAC;AACnD,oBAAY,QAAQ,CAAC,IAAI;AACzB,oBAAY,KAAK,KAAK;AACtB,kBAAU;AAAA,MACZ;AAEA,UAAI,YAAY,KAAK,SAAO,MAAM,cAAc,GAAG;AACjD,iBAAS,EAAE,QAAQ,CAAC;AACpB;AAAA,MACF;AAEA,eAAS;AAAA,QACP,gBAAgB;AAAA,QAChB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,WAAW,CAACA,WAAwB;AACxC,MAAAA,OAAM,eAAe;AAGrB,eAAS,oBAAoB,eAAe,gBAAgB;AAG5D,aAAO,aAAa,GAAG,gBAAgB;AAEvC,YAAM,sBAAsB,MAAM,eAAe,IAAI,SAAO;AAC1D,eAAO,KAAK,MAAM,MAAM,gBAAgB;AAAA,MAC1C,CAAC;AAED,YAAM,OAAO,cAAc,oBAAoB,OAAO,CAAC,KAAK,QAAQ,MAAM,KAAK,CAAC;AAChF,0BAAoB,KAAK,KAAK;AAE9B,aACG,MAAM,EACN,gBAAgB,WAAW,MAAM,IAAI,mBAAmB,EACxD,aAAa,WAAW,MAAM,EAAE,EAChC,MAAM,EACN,IAAI;AAEP,eAAS;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB,CAAC;AAED,aAAO,oBAAoB,aAAa,QAAQ;AAChD,aAAO,oBAAoB,eAAe,MAAM;AAAA,IAClD;AAEA,WAAO,iBAAiB,aAAa,QAAQ;AAC7C,WAAO,iBAAiB,eAAe,MAAM;AAAA,EAC/C;AAEA,gBAAc,iBAAiB,eAAe,aAAa;AAE3D,SAAO,MAAM;AACX,kBAAc,oBAAoB,eAAe,aAAa;AAAA,EAChE;AACF;AAEA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAGM;AACJ,QAAM,cAAc,CAAC,UAAqB;AACxC,UAAM,MAAM,MAAM;AAClB,UAAM,UAAU,eAAe,UAAU,MAAM,eAAe,OAAO,IAAI,gBAAgB;AACzF,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,QAAI,QAAQ,QAAQ,0BAA0B,GAAG;AAC/C;AAAA,IACF;AAEA,UAAM,cAAc,QAAQ,QAAQ,oBAAoB;AACxD,UAAM,aAAa,aAAa,aAAa,kBAAkB;AAC/D,QAAI,CAAC,cAAc,CAAC,aAAa;AAC/B;AAAA,IACF;AAIA,UAAM,oBAAoB,QAAQ,QAAQ,oBAAoB;AAC9D,QAAI,sBAAsB,aAAa;AACrC;AAAA,IACF;AAEA,WAAO,SAAS,WAAW,UAAU;AACrC,UAAM,cAAc,aAAa,aAAa,GAAG,CAAC;AAOlD,UAAM,eAAe,iBAAiB,OAAO,MAAM,KAAK,UAAU;AAClE,IAAC,OAAO,QAAQ,kBAAkB,EAA6B,0BAC7D,eACI;AAAA,MACE,UAAU,aAAa,KAAK,MAAM;AAAA,MAClC,OAAO,aAAa,KAAK;AAAA;AAAA;AAAA,MAGzB,aAAa,aAAa,KAAK,eAAe;AAAA,IAChD,IACA;AAAA,EACR;AAKA,QAAM,SAAS,CAAC,UAAqB;AACnC,QAAI,CAAC,eAAe,MAAM,GAAG;AAG3B,eAAS,EAAE,oBAAoB,MAAM,gBAAgB,MAAM,CAAC;AAC5D;AAAA,IACF;AACA,QAAI,CAAC,MAAM,QAAQ;AACjB;AAAA,IACF;AACA,UAAM,gBAAgB;AACtB,aAAS,EAAE,oBAAoB,MAAM,gBAAgB,MAAM,CAAC;AAC5D,UAAM,OAAO,OAAO;AACpB,UAAM,WAAW,KAAK;AACtB,UAAM,QAAQ,UAAU;AACxB,SAAK,WAAW;AAEhB,QAAI,CAAC,OAAO;AACV,mBAAa,MAAM,oDAAoD,CAAC;AACxE;AAAA,IACF;AAEA,UAAM,aAAa,MAAM,QAAQ;AACjC,UAAM,eAAe,YAAY,MAAM;AACvC,UAAM,WAAW,KAAK,SAAS,MAAM,QAAuB,CAAC;AAC7D,UAAM,YAAY,KAAK,MAAM,IAAI,QAAQ,QAAQ;AACjD,QAAI,CAAC,YAAY,CAAC,cAAc;AAC9B,mBAAa,MAAM,sEAAsE,CAAC;AAC1F;AAAA,IACF;AAEA,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,CAAAC,UAAQA,MAAK,MAAM,SAAS;AAAA,IAC9B,GAAG;AAEH,QAAI,CAAC,YAAY;AACf,mBAAa,MAAM,wDAAwD,CAAC;AAC5E;AAAA,IACF;AAEA,UAAM,0BAA0B,aAAa,YAAY,YAAY;AACrE,UAAM,2BAA2B,4BAA4B;AAC7D,QAAI,WAAW,cAAc,aAAa,0BAA0B;AAClE;AAAA,IACF;AAEA,UAAM,EAAE,MAAM,UAAU,KAAK,QAAQ,IAAI;AAAA,MACvC;AAAA,MACA,CAAAA,UAAQA,MAAK,MAAM,SAAS;AAAA,IAC9B,KAAK,EAAE,MAAM,MAAM,KAAK,GAAG;AAE3B,QAAI,CAAC,YAAa,WAAW,eAAe,KAAK,WAAW,eAAe,YAAa;AACtF;AAAA,IACF;AAEA,UAAM,SAAS,MAAM;AACrB,UAAM,aAAa,OAAO,sBAAsB;AAChD,UAAM,OAAQ,MAAM,OAAuB,QAAQ,oBAAoB;AAEvE,QAAI,CAAC,MAAM;AACT,mBAAa,MAAM,+CAA+C,CAAC;AACnE;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM,UAAU,WAAW;AAClD,UAAM,WAAW,KAAK,sBAAsB;AAE5C,UAAM,YACJ,iBAAiB,SAAS,OAAO,WAAW,OAAO,SAAS,QAAQ,IAChE,UACA,UAAU,UAAU;AAE1B,QAAI,CAAC,WAAW;AACd,mBAAa,MAAM,qDAAqD,CAAC;AACzE;AAAA,IACF;AAEA,UAAM,eAAe;AAErB,UAAM,KAAK,KAAK,MAAM;AAEtB,UAAM,EAAE,KAAK,IAAI;AAEjB,QAAI,MAAM;AACR,WAAK,QAAQ,EAAE;AAAA,IACjB,OAAO;AACL,SAAG,gBAAgB;AAAA,IACrB;AAEA,UAAM,MAAM,GAAG,QAAQ,IAAI,SAAS;AACpC,UAAM,eAAe,GAAG;AAExB,QAAI,CAAC,MAAM,QAAQ,YAAY;AAC7B;AAAA,IACF;AAEA,OAAG,iBAAiB,KAAK,KAAK,MAAM,QAAQ,UAAU;AAEtD,QAAI,GAAG,IAAI,GAAG,YAAY,GAAG;AAC3B;AAAA,IACF;AAEA,UAAM,OAAO,GAAG,IAAI,QAAQ,GAAG;AAE/B,OAAG,aAAa,IAAI,cAAc,IAAI,CAAC;AAEvC,QAAI,cAAc;AAChB,YAAM,mBAAmB,iBAAiB,KAAK,MAAM,KAAK,YAAY;AACtE,UAAI,kBAAkB;AAEpB,cAAM,sBAAsB,aAAa,IAAI,iBAAiB,KAAK,MAAM,EAAE,EAAE,IAAI;AACjF,YAAI,uBAAuB,0BAA0B;AACnD,6BAAmB,IAAI,oBAAoB,MAAM,oBAAoB,GAAG;AAAA,QAC1E;AAAA,MACF;AAGA,YAAM,mBAAmB,iBAAiB,GAAG,KAAK,YAAY;AAC9D,UAAI,oBAAoB,0BAA0B;AAChD,2BAAmB,IAAI,iBAAiB,MAAM,iBAAiB,GAAG;AAAA,MACpE;AAAA,IACF;AAEA,SAAK,MAAM;AACX,SAAK,SAAS,EAAE;AAAA,EAClB;AAEA,QAAM,aAAa,CAAC,UAAqB;AACvC,aAAS;AAAA,MACP,gBAAgB;AAAA,IAClB,CAAC;AAED,QAAI,CAAC,eAAe,MAAM,GAAG;AAO3B;AAAA,IACF;AAEA,UAAM,eAAe;AAErB,UAAM,SAAS,MAAM;AACrB,UAAM,gBAAgB,OAAO,QAAQ,uBAAuB;AAE5D,QAAI,CAAC,eAAe;AAClB;AAAA,IACF;AAEA,UAAM,QAAQ,gBAAgB,MAAM;AACpC,UAAM,oBAAoB,cAAc,sBAAsB;AAC9D,UAAM,gBAAgB,CAAC,GAAG,OAAO,iBAAiB,oBAAoB,CAAC,EAAE;AAAA,MACvE,CAAC,KAAK,MAAM,UAAU;AACpB,cAAM,OAAO,KAAK,sBAAsB;AACxC,cAAM,WAAW,IAAI,IAAI,SAAS,CAAC;AACnC,cAAM,OAAO,KAAK,OAAO,kBAAkB;AAC3C,eAAO;AAAA,UACL,GAAG;AAAA,UACH;AAAA,YACE,MAAM,UAAU,IAAI,OAAO,QAAQ,OAAO,SAAS,SAAS;AAAA,YAC5D,OAAO,KAAK,QAAQ,kBAAkB;AAAA,YACtC,OAAO,KAAK;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IACH;AACA,UAAM,iBAAiB,MAAM,UAAU,kBAAkB;AACzD,UAAM,kBAAkB,cAAc,UAAU,UAAQ;AACtD,aAAO,iBAAiB,KAAK,QAAQ,iBAAiB,KAAK;AAAA,IAC7D,CAAC;AAED,QAAI,oBAAoB,IAAI;AAC1B;AAAA,IACF;AAEA,UAAM,aAAa,cAAc,eAAe;AAChD,UAAM,YACJ,iBAAiB,WAAW,OAAO,WAAW,QAAQ,IAClD,kBACA,kBAAkB;AAExB,aAAS;AAAA,MACP,qBACG,aAAa,cAAc,SACxB,cAAc,cAAc,SAAS,CAAC,EAAE,QACxC,cAAc,SAAS,EAAE,QAAQ,MAAM;AAAA,IAC/C,CAAC;AAAA,EACH;AAEA,QAAM,cAAc,CAAC,UAAqB;AACxC,QAAK,MAAM,cAA8B,SAAS,MAAM,aAA4B,GAAG;AACrF;AAAA,IACF;AAEA,aAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,IAClB,CAAC;AAAA,EACH;AAEA,gBAAc,iBAAiB,aAAa,WAAW;AACvD,gBAAc,iBAAiB,QAAQ,MAAM;AAC7C,gBAAc,iBAAiB,YAAY,UAAU;AACrD,gBAAc,iBAAiB,aAAa,WAAW;AAEvD,SAAO,MAAM;AACX,kBAAc,oBAAoB,aAAa,WAAW;AAC1D,kBAAc,oBAAoB,QAAQ,MAAM;AAChD,kBAAc,oBAAoB,YAAY,UAAU;AACxD,kBAAc,oBAAoB,aAAa,WAAW;AAAA,EAC5D;AACF;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,UAAU,CAAC,UAAsB;AACrC,UAAM,MAAM,MAAM;AAClB,UAAM,UAAU,eAAe,UAAU,MAAM,eAAe,OAAO,IAAI,gBAAgB;AACzF,QACE,SAAS,QAAQ,oBAAoB,KACrC,SAAS,QAAQ,mCAAmC,KACpD,SAAS,QAAQ,sBAAsB,GACvC;AACA;AAAA,IACF;AACA,UAAM,WAAW,cAAc,aAAa,uBAAuB;AACnE,QAAI,UAAU;AACZ,aAAO,MAAM,EAAE,aAAa,QAAQ,EAAE,MAAM,EAAE,IAAI;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,UAAqB;AACxC,UAAM,MAAM,MAAM;AAClB,UAAM,UAAU,eAAe,UAAU,MAAM,eAAe,OAAO,IAAI,gBAAgB;AACzF,UAAM,OAAO,SAAS,QAAQ,oBAAoB;AAClD,UAAM,WAAW,cAAc,aAAa,uBAAuB;AAEnE,QAAI,MAAM;AACR;AAAA,IACF;AAGA,QAAI,cAAc,aAAa,oBAAoB,GAAG;AACpD,YAAM,eAAe;AACrB;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,aAAO,SAAS,aAAa,QAAQ;AAAA,IACvC;AACA,UAAM,cAAc,aAAa,eAAe,GAAG,CAAC;AACpD,aAAS,EAAE,YAAY,KAAK,CAAC;AAE7B,UAAM,iBAAiB,MAAM;AAC3B,eAAS,EAAE,YAAY,MAAM,CAAC;AAC9B,aAAO,oBAAoB,aAAa,cAAc;AAAA,IACxD;AAEA,WAAO,iBAAiB,aAAa,cAAc;AAAA,EACrD;AAEA,gBAAc,iBAAiB,SAAS,OAAO;AAC/C,gBAAc,iBAAiB,aAAa,WAAW;AAEvD,SAAO,MAAM;AACX,kBAAc,oBAAoB,SAAS,OAAO;AAClD,kBAAc,oBAAoB,aAAa,WAAW;AAAA,EAC5D;AACF;",
+  "sourcesContent": ["import classNames from 'classnames';\nimport type { Node as ProseMirrorNode } from 'prosemirror-model';\n\nimport {\n  getLayoutWrapperDataHook,\n  LAYOUT_HANDLE,\n  PAYWALL_DIVIDER,\n} from './../../ricos-common-plugins/layout/data-hooks.js';\nimport { createResizeHandler } from './../../ricos-common-plugins/resizable/create-resize-handler.js';\nimport { TIPTAP_LAYOUT_CELL_TYPE, TIPTAP_LAYOUT_TYPE } from './../../ricos-content/index.js';\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Node as NodeOld } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { Node_Type } from './../../ricos-schema/next-schema/index.js';\nimport type { Gradient } from './../../ricos-types/color-palette-types.js';\nimport type { RicosPalette } from './../../ricos-types/index.js';\nimport type { ExtensionProps } from './../../ricos-types/tiptap.js';\nimport { buildResponsiveCss } from './../../_shared/build-responsive-css.js';\nimport { TRANSPARENT_HEX_COLOR } from './../../_shared/colors.js';\nimport { getMoveIcon } from './../../_shared/drag-handle-icons.js';\nimport { getElementScale } from './../../_shared/get-element-scale.js';\nimport { getLockIcon } from './../../_shared/get-lock-icon.js';\nimport { isEdgeBanner } from './../../_shared/is-edge-banner.js';\nimport { logInvariant } from './../../_shared/log-invariant.js';\nimport { isPaywallLayoutNode } from './../../_shared/paywall/paywall-selection.js';\nimport type { PmLayoutNode } from './../../_shared/pm-node-types.js';\nimport { resolveBackwardCompatOverlay } from './../../_shared/resolve-backward-compat-overlay.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { resolveDocumentColorToCss } from './../../_shared/theme-color-token.js';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../tiptap/index.js';\nimport { findParentNodeClosestToPos } from './../../tiptap/index.js';\nimport type { Node as PmNode, ResolvedPos } from './../../tiptap/pm/model.js';\nimport { NodeSelection } from './../../tiptap/pm/state.js';\nimport { getContrastYIQ } from './../../wix-rich-content-common/Utils/color-utils.js';\nimport { findNodeById } from './../../tiptap-editor/helpers/index.js';\n\nimport staticsStyles from '../statics/styles-scss.js';\nimport { setAttr, setChild, setClass, setStyleVar, setText } from './idempotent-dom.js';\nimport { isEditorOrModalActive } from './is-editor-or-modal-active.js';\nimport { layoutConverter } from './layout-converter.js';\nimport { getResolvedLayoutFillColor, getResolvedLayoutFillGradient } from './layout-fill.js';\nimport styles from './layouts-scss.js';\nimport { DIVIDER_PRESETS, getDividerLayers } from './section-dividers/divider-presets.js';\nimport {\n  LAYOUT_DEFAULTS,\n  MAX_CELLS,\n  MAX_COLUMNS,\n  MAX_VERTICAL_MARGIN,\n  MIN_COL_SPAN,\n} from './shared-with-viewer.js';\nimport type { LayoutExtensionStorage } from './shared.js';\nimport { balanceLayoutCells, findLayoutOfCell, getImageUrl } from './shared.js';\n\ntype LayoutNodeViewState = {\n  columnTemplate: number[];\n  isResizing: boolean;\n  isDragging: boolean;\n  invalid: 'none' | 'left' | 'right';\n  dropCursorPosition: null | number;\n  isDraggingOver: boolean;\n};\n\ntype LayoutNodeViewOptions = {\n  disableInteractions: boolean;\n  breakoutRule: ExtensionProps['breakoutRule'];\n  isMobile: boolean;\n  suppressDragHandle?: boolean;\n  colorPalette?: RicosPalette;\n  modals?: ModalService;\n  t: (key: string) => string;\n};\n\nexport const layoutNodeView =\n  ({\n    disableInteractions,\n    breakoutRule,\n    isMobile,\n    suppressDragHandle,\n    colorPalette,\n    modals,\n    t,\n  }: LayoutNodeViewOptions): NodeViewRenderer =>\n  ({ node, getPos, editor }) => {\n    const state: LayoutNodeViewState = {\n      columnTemplate: getGridTemplateColumns(node),\n      isResizing: false,\n      isDragging: false,\n      invalid: 'none',\n      dropCursorPosition: null,\n      isDraggingOver: false,\n    };\n    const resizableHandlerCleanups: (() => void)[] = [];\n    const layoutWrapper = document.createElement('div');\n    layoutWrapper.setAttribute('data-layout-wrapper', '');\n    layoutWrapper.setAttribute('data-hook', getLayoutWrapperDataHook(node.attrs.id));\n    layoutWrapper.classList.add(styles.layoutWrapper);\n\n    if (disableInteractions) {\n      layoutWrapper.classList.add(styles.disabled);\n    }\n\n    const layoutStyle = document.createElement('style');\n    layoutStyle.setAttribute('data-layout-style', node.attrs.id);\n    layoutWrapper.append(layoutStyle);\n\n    const layoutElement = document.createElement('div');\n\n    // Wrap layoutElement in a container that will hold resize handles.\n    // ProseMirror only manages contentDOM (layoutElement), so handles\n    // attached to layoutContainer won't be removed during DOM reconciliation.\n    const layoutContainer = document.createElement('div');\n    layoutContainer.setAttribute('data-resize-container', '');\n    layoutContainer.classList.add(styles.layoutContainer);\n    layoutContainer.append(layoutElement);\n\n    const hasBreakout = breakoutRule\n      ? breakoutRule({\n          node: layoutConverter.fromPm.convert(node.toJSON()) as NodeOld,\n        }) === 'fullWidth'\n      : false;\n\n    if (hasBreakout) {\n      layoutWrapper.classList.add(styles.breakoutMargin);\n    }\n\n    const breakoutWrapper = document.createElement('div');\n    breakoutWrapper.setAttribute('data-breakout', 'normal');\n    // The layout's root carries no inline padding — this wrapper's box is what bounds\n    // the visible content. Declare that for geometry consumers (see\n    // _shared/get-content-edge-element.ts).\n    breakoutWrapper.setAttribute('data-content-edge', '');\n    breakoutWrapper.append(layoutContainer);\n\n    layoutWrapper.append(breakoutWrapper);\n\n    const dropCursorElement = document.createElement('div');\n    dropCursorElement.classList.add(styles.dropCursor);\n\n    // Built on first use and then kept: most layouts are not paywalls.\n    let paywallDivider: HTMLDivElement | undefined;\n    const syncPaywallDivider = (wrapper: HTMLElement, show: boolean) => {\n      if (!show && !paywallDivider) {\n        return;\n      }\n      const divider = (paywallDivider ??= createPaywallDivider(t));\n      setChild(wrapper, divider, show);\n    };\n\n    const setState = (newState: Partial<LayoutNodeViewState>) => {\n      // We need to keep ref to state object as updates can be triggered by ProseMirror and by us manually. We also we\n      // need to keep latest state values in event listeners avoiding closure issues\n      const isStateEqual = Object.entries(newState).every(\n        ([key, value]) => state[key as keyof LayoutNodeViewState] === value\n      );\n      if (isStateEqual) {\n        return;\n      }\n      Object.assign(state, newState);\n\n      updateLayoutView({\n        layoutWrapper,\n        layoutStyle,\n        layoutElement,\n        layoutContainer,\n        breakoutWrapper,\n        dropCursorElement,\n        syncPaywallDivider,\n        state,\n        node,\n        getPos,\n        editor,\n        resizableHandlerCleanups,\n        isMobile,\n        suppressDragHandle,\n        disableInteractions,\n        colorPalette,\n        modals,\n      });\n    };\n\n    updateLayoutView({\n      layoutWrapper,\n      layoutStyle,\n      layoutElement,\n      layoutContainer,\n      breakoutWrapper,\n      dropCursorElement,\n      syncPaywallDivider,\n      state,\n      node,\n      getPos,\n      editor,\n      resizableHandlerCleanups,\n      isMobile,\n      suppressDragHandle,\n      disableInteractions,\n      colorPalette,\n      modals,\n    });\n\n    const runLayoutUpdate = () =>\n      updateLayoutView({\n        layoutWrapper,\n        layoutStyle,\n        layoutElement,\n        layoutContainer,\n        breakoutWrapper,\n        dropCursorElement,\n        syncPaywallDivider,\n        state,\n        node,\n        getPos,\n        editor,\n        resizableHandlerCleanups,\n        isMobile,\n        suppressDragHandle,\n        disableInteractions,\n        colorPalette,\n        modals,\n      });\n    const onFocus = () => {\n      runLayoutUpdate();\n    };\n    const onBlur = ({ event }: { event: FocusEvent }) => {\n      // Skip update when focus moves to an element within the layout (e.g. cell handle, resize handle)\n      if (event.relatedTarget && layoutWrapper.contains(event.relatedTarget as Node)) {\n        return;\n      }\n      runLayoutUpdate();\n    };\n    editor.on('selectionUpdate', runLayoutUpdate);\n    editor.on('focus', onFocus);\n    editor.on('blur', onBlur);\n\n    // Refresh chrome when a modal opens/closes — opening a settings modal blurs\n    // the editor before the modal mount, and we want the selection to stay\n    // visible while the modal is up. The modal service's pub/sub wiring is\n    // attached after the editor is constructed, so defer to a microtask.\n    let modalSubsCancelled = false;\n    let modalSubs: { cancel: () => void }[] = [];\n    queueMicrotask(() => {\n      if (modalSubsCancelled || !modals) {\n        return;\n      }\n      modalSubs = [modals.onModalOpened(runLayoutUpdate), modals.onModalClosed(runLayoutUpdate)];\n    });\n\n    const removeFocusListeners = () => {\n      editor.off('selectionUpdate', runLayoutUpdate);\n      editor.off('focus', onFocus);\n      editor.off('blur', onBlur);\n      modalSubsCancelled = true;\n      modalSubs.forEach(s => s.cancel());\n    };\n\n    const cleanups = disableInteractions\n      ? [removeFocusListeners]\n      : [\n          removeFocusListeners,\n          attachCellResizeHandler({ layoutElement, state, editor, setState }),\n          attachCellDragHandler({ layoutElement, editor, setState }),\n          attachLayoutEventHandlers({\n            layoutWrapper,\n            layoutElement,\n            editor,\n            setState,\n          }),\n        ];\n\n    return {\n      dom: layoutWrapper,\n      contentDOM: layoutElement,\n      update: (newNode: PmNode) => {\n        if (newNode.type !== node.type) {\n          return false;\n        }\n        if (!state.isResizing) {\n          state.columnTemplate = getGridTemplateColumns(newNode);\n        }\n        // oxlint-disable-next-line no-param-reassign\n        node = newNode;\n        updateLayoutView({\n          layoutWrapper,\n          layoutStyle,\n          layoutElement,\n          layoutContainer,\n          breakoutWrapper,\n          dropCursorElement,\n          syncPaywallDivider,\n          state,\n          node: newNode,\n          getPos,\n          editor,\n          resizableHandlerCleanups,\n          isMobile,\n          suppressDragHandle,\n          disableInteractions,\n          colorPalette,\n          modals,\n        });\n        return true;\n      },\n      ignoreMutation: (mutation: MutationRecord | { type: 'selection'; target: Node }) => {\n        const isMutatingLayoutStyle = mutation.target === layoutStyle;\n        const isMutatingDataAttribute =\n          mutation.type === 'attributes' && mutation.attributeName?.startsWith('data-');\n        const isMutatingLayoutAttribute =\n          mutation.target === layoutElement && mutation.type === 'attributes';\n        const isMutatingLayoutWrapperAttribute =\n          mutation.target === layoutWrapper && mutation.type === 'attributes';\n        const isMutatingLayoutWrapperChildren =\n          mutation.target === layoutWrapper && mutation.type === 'childList';\n        // Divider elements are fully owned by applySectionDivider — a real\n        // style change (e.g. dragging the height slider while the layout is\n        // selected) must not make ProseMirror reparse the node view, which\n        // would drop the layout's NodeSelection.\n        const isMutatingSectionDivider =\n          mutation.target instanceof Element &&\n          (mutation.target.hasAttribute('data-layout-divider') ||\n            mutation.target.hasAttribute('data-layout-dividers-clip'));\n        const isMutatingDropCursor = mutation.target === dropCursorElement;\n        // Ignore mutations to breakout wrapper\n        const isMutatingBreakoutWrapper = mutation.target === breakoutWrapper;\n        // Ignore mutations to layout container (resize handles are attached here)\n        const isMutatingLayoutContainer = mutation.target === layoutContainer;\n\n        return (\n          isMutatingLayoutStyle ||\n          isMutatingDataAttribute ||\n          isMutatingLayoutAttribute ||\n          isMutatingLayoutWrapperAttribute ||\n          isMutatingLayoutWrapperChildren ||\n          isMutatingSectionDivider ||\n          isMutatingDropCursor ||\n          isMutatingBreakoutWrapper ||\n          isMutatingLayoutContainer\n        );\n      },\n      destroy: () => {\n        cleanups.forEach(cleanup => cleanup());\n        resizableHandlerCleanups.forEach(cleanup => cleanup());\n        resizableHandlerCleanups.length = 0;\n      },\n    };\n  };\n\nconst attachResizeHandlers = ({\n  layoutContainer,\n  layoutWrapper,\n  editor,\n  node,\n  resizableHandlerCleanups,\n}: Pick<NodeViewRendererProps, 'editor' | 'node'> & {\n  layoutContainer: HTMLDivElement;\n  layoutWrapper: HTMLDivElement;\n  resizableHandlerCleanups: (() => void)[];\n}) => {\n  const minWidth = 200;\n\n  const cleanupHorizontalResizeHandler = createResizeHandler({\n    resizeElement: layoutContainer,\n    isEnabled: true,\n    getMinWidth: () => minWidth,\n    getMaxWidth: () => {\n      const nodeContainer = layoutContainer.closest('[data-breakout=\"normal\"]') as HTMLElement;\n      const nodeContentStyles = window.getComputedStyle(nodeContainer);\n      const paddingStart = parseInt(nodeContentStyles.paddingInlineStart) || 0;\n      const paddingEnd = parseInt(nodeContentStyles.paddingInlineEnd) || 0;\n\n      return Math.max(minWidth, nodeContainer.clientWidth - paddingStart - paddingEnd);\n    },\n    enable: { left: true, right: true },\n    lockAspectRatio: false,\n    setMaxWidthAsPercentage: true,\n    alignment: 'CENTER',\n    onResize: () => {\n      // Visual update during resize is handled by CSS variable --ricos-internal-resize-width\n      // Editor state is updated only in onResizeStop to avoid lag\n    },\n    onResizeStop: ({ width, isMaxWidth }) => {\n      editor\n        .chain()\n        .setContainerWidth(node.attrs.id, isMaxWidth ? null : width)\n        .run();\n    },\n  });\n  resizableHandlerCleanups.push(cleanupHorizontalResizeHandler);\n\n  // Create vertical resize handler. Both top and bottom margins are linked\n  // (change together). The handle sits on the layout's \"free\" edge:\n  //  - footer banner (BOTTOM) → top edge (where it meets the content above)\n  //  - top banner / regular layout → bottom edge\n  const isFooterBanner = node.attrs.banner?.position === 'BOTTOM';\n  const cleanupVerticalResize = createVerticalMarginResizeHandler({\n    layoutWrapper,\n    position: isFooterBanner ? 'top' : 'bottom',\n    minPadding: 0,\n    onResize: (newPadding: number) => {\n      editor\n        .chain()\n        .updateNodeAttrsById(node.attrs.id, {\n          backdropPaddingTop: newPadding,\n          backdropPaddingBottom: newPadding,\n        })\n        .run();\n    },\n  });\n  resizableHandlerCleanups.push(cleanupVerticalResize);\n};\n\nconst updateLayoutView = ({\n  layoutWrapper,\n  layoutStyle,\n  layoutElement,\n  layoutContainer,\n  breakoutWrapper,\n  dropCursorElement,\n  syncPaywallDivider,\n  state,\n  node,\n  getPos,\n  editor,\n  resizableHandlerCleanups,\n  isMobile,\n  suppressDragHandle,\n  disableInteractions,\n  colorPalette,\n  modals,\n}: Pick<NodeViewRendererProps, 'node' | 'getPos' | 'editor'> & {\n  layoutWrapper: HTMLDivElement;\n  layoutStyle: HTMLStyleElement;\n  layoutElement: HTMLDivElement;\n  layoutContainer: HTMLDivElement;\n  breakoutWrapper: HTMLDivElement;\n  dropCursorElement: HTMLDivElement;\n  syncPaywallDivider: (wrapper: HTMLElement, show: boolean) => void;\n  state: LayoutNodeViewState;\n  resizableHandlerCleanups: (() => void)[];\n  isMobile: boolean;\n  suppressDragHandle?: boolean;\n  disableInteractions: boolean;\n  colorPalette?: RicosPalette;\n  modals?: ModalService;\n}) => {\n  const { $to, $from } = editor.state.selection;\n  const pos = getPos();\n  const layoutEnd = pos + node.nodeSize;\n  const isSelected = pos === $from.pos && layoutEnd === $to.pos;\n  const isInSelection = pos >= $from.pos && layoutEnd <= $to.pos;\n  const inLayout = isInLayout($to, node.attrs.id);\n  const isCellSelected = isCellInLayoutSelected($to, $from, node.attrs.id, editor);\n  // A NodeSelection on a block inside a cell, or on a container holding this layout, owns\n  // the drag affordance: the layout's grips and resize handles next to it would read as\n  // more handles for that node.\n  const isOtherNodeSelected =\n    editor.state.selection instanceof NodeSelection &&\n    !isSelected &&\n    !isCellSelected &&\n    (inLayout || isInSelection);\n  // While a modal is open the editor blurs, but the user is still acting on\n  // this layout — keep chrome visible only when it is the strict NodeSelection\n  // target. Cursor-in-layout / range-covers-layout / cell-selected chrome\n  // requires real editor focus.\n  const shouldShowActiveLayoutStyles =\n    editor.view.hasFocus() || (isEditorOrModalActive(editor.view, modals) && isSelected);\n  const scopeValue = `${node.attrs.id}-${node.attrs.responsivenessBreakpoint}-${node.attrs.responsivenessBehaviour}`;\n  const isWrapping = node.attrs.responsivenessBehaviour === 'WRAP';\n  const isBanner = isEdgeBanner(node.attrs.banner);\n  // Show side resize handles when layout is selected, a cell is selected, cursor is inside the layout, or during column resize\n  const shouldShowResize =\n    shouldShowActiveLayoutStyles &&\n    !isOtherNodeSelected &&\n    (isSelected || isInSelection || isCellSelected || inLayout || state.isResizing);\n\n  // Resize handler lifecycle (transition-only).\n  const hasResizeHandlers = resizableHandlerCleanups.length > 0;\n  if (hasResizeHandlers && !shouldShowResize) {\n    resizableHandlerCleanups.forEach(cleanup => cleanup());\n    resizableHandlerCleanups.length = 0;\n  } else if (shouldShowResize && !hasResizeHandlers && !disableInteractions) {\n    attachResizeHandlers({\n      layoutContainer,\n      layoutWrapper,\n      editor,\n      node,\n      resizableHandlerCleanups,\n    });\n  }\n\n  // Drag handle (creation-only; subsequent runs just update its data-hook).\n  const existingDragHandleWrapper = breakoutWrapper.querySelector(\n    '[data-layout-drag-handle-wrapper]'\n  ) as HTMLDivElement | null;\n  if (!isBanner && !suppressDragHandle && !existingDragHandleWrapper) {\n    createLayoutDragHandle({ breakoutWrapper, layoutElement, nodeId: node.attrs.id, editor });\n  } else if ((isBanner || suppressDragHandle) && existingDragHandleWrapper) {\n    existingDragHandleWrapper.remove();\n  } else if (!isBanner && existingDragHandleWrapper) {\n    const existingDragHandle = existingDragHandleWrapper.querySelector(\n      '[data-layout-handle]'\n    ) as HTMLButtonElement | null;\n    if (existingDragHandle) {\n      setAttr(existingDragHandle, 'data-hook', `${LAYOUT_HANDLE}-${node.attrs.id}`);\n    }\n  }\n\n  // layoutWrapper: classes, data attributes.\n  layoutWrapper.classList.toggle(styles.withVerticalResize, shouldShowResize);\n  const isPaywall = isPaywallLayoutNode(node);\n  layoutWrapper.classList.toggle(styles.paywall, isPaywall);\n  // Gated on an editable editor as well as paywall-ness, so the divider never shows in the\n  // viewer. Appended last in the wrapper and absolutely positioned by layouts.scss.\n  syncPaywallDivider(layoutWrapper, isPaywall && editor.isEditable);\n  setAttr(\n    layoutWrapper,\n    'data-layout-banner',\n    isBanner ? (node.attrs.banner?.position === 'BOTTOM' ? 'bottom' : 'top') : null\n  );\n\n  // layoutWrapper: refresh data-hook so it tracks the node id across updates.\n  setAttr(layoutWrapper, 'data-hook', getLayoutWrapperDataHook(node.attrs.id));\n\n  // layoutElement: data attributes, class set, column template var.\n  setAttr(layoutElement, 'data-layout-container', node.attrs.id);\n  setAttr(layoutElement, 'data-layout-scope', scopeValue);\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-column-template',\n    formatGridTemplateColumns(state.columnTemplate)\n  );\n  setClass(\n    layoutElement,\n    classNames({\n      [styles.layout]: true,\n      [styles.designOnLayout]: !node.attrs.designTarget || node.attrs.designTarget === 'LAYOUT',\n      [styles.designOnCell]: node.attrs.designTarget === 'CELL',\n      [styles.mobile]: isMobile,\n      [styles.draggingOver]: state.isDraggingOver || state.dropCursorPosition !== null,\n      [styles.invalidLeft]: state.invalid === 'left',\n      [styles.invalidRight]: state.invalid === 'right',\n      [styles.resizing]: state.isResizing,\n      [styles.dragging]: state.isDragging,\n      [styles.layoutSelected]: shouldShowActiveLayoutStyles && isInSelection,\n      [styles.inLayout]: shouldShowActiveLayoutStyles && inLayout,\n      [styles.bannerMargin]: isEdgeBanner(node.attrs.banner),\n    })\n  );\n\n  // layoutContainer: custom width.\n  const customWidth = node.attrs.containerData?.width?.custom;\n  setStyleVar(\n    layoutContainer,\n    '--ricos-internal-layout-width',\n    customWidth ? `${customWidth}px` : null\n  );\n\n  // layoutStyle: responsive container query CSS.\n  const maxWidth = node.attrs.responsivenessBreakpoint\n    ? parseInt(node.attrs.responsivenessBreakpoint, 10)\n    : LAYOUT_DEFAULTS.responsivenessBreakpoint;\n  const responsiveRules = [\n    {\n      selector: `[data-layout-scope=\"${scopeValue}\"].${styles.layout}`,\n      declarations: `\n      --ricos-internal-layout-display: ${isWrapping ? 'flex' : 'grid'};\n      --ricos-internal-layout-justify-content: ${isWrapping ? 'center' : 'auto'};\n      --ricos-internal-layout-grid-template: grid-template-columns: minmax(0, 1fr);\n      --ricos-internal-layout-cell-min-width: ${\n        isWrapping\n          ? `${Math.floor(node.attrs.responsivenessBreakpoint / node.childCount)}px`\n          : '100%'\n      };\n      --ricos-internal-layout-cell-height: ${isWrapping ? 'auto' : '100%'};\n    `,\n    },\n    {\n      selector: `[data-layout-scope=\"${scopeValue}\"] .${styles.resizeHandler}`,\n      declarations: 'display: none;',\n    },\n  ];\n  setText(\n    layoutStyle,\n    `\n    @supports not (contain: inline-size) {\n      @media only screen and (max-width: ${maxWidth}px) {\n        ${responsiveRules.map(({ selector, declarations }) => `${selector} {${declarations}}`).join('\\n')}\n      }\n    }\n    ${buildResponsiveCss(`(width < ${maxWidth}px)`, responsiveRules)}\n  `\n  );\n\n  // dropCursor: presence + position.\n  const showDropCursor = state.dropCursorPosition !== null;\n  setStyleVar(\n    dropCursorElement,\n    '--ricos-internal-layout-drop-cursor-position',\n    showDropCursor ? `${state.dropCursorPosition}px` : null\n  );\n  setChild(layoutWrapper, dropCursorElement, showDropCursor);\n\n  // Background fill (gradient OR color OR none).\n  const backgroundGradient = getResolvedLayoutFillGradient(\n    node.attrs.background,\n    node.attrs.backgroundColor\n  );\n  const backgroundColorValue = getResolvedLayoutFillColor(\n    node.attrs.background,\n    node.attrs.backgroundColor\n  );\n  applyFill(layoutElement, {\n    gradient: backgroundGradient,\n    color: backgroundColorValue,\n    gradientVar: '--ricos-internal-layout-background-gradient',\n    colorVar: '--ricos-internal-layout-background-color',\n    colorPalette,\n  });\n\n  // Background image.\n  applyImage(layoutElement, node.attrs.backgroundImage, '--ricos-internal-layout-background-image');\n\n  // Background image overlay (only visible when image present): gradient > color-with-opacity.\n  applyImageOverlay(layoutElement, {\n    image: node.attrs.backgroundImage,\n    gradient: backgroundGradient,\n    color: backgroundColorValue,\n    overlayVar: '--ricos-internal-layout-background-overlay',\n  });\n\n  // Border + radius + gap on layoutElement.\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-color',\n    node.attrs.borderColor\n      ? (resolveDocumentColorToCss(node.attrs.borderColor) ?? node.attrs.borderColor)\n      : null\n  );\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-width',\n    node.attrs.borderColor ? `${node.attrs.borderWidth}px` : null\n  );\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-border-radius',\n    node.attrs.borderRadius ? `${node.attrs.borderRadius}px` : null\n  );\n  // NB: existing code wrote `--ricos-internal-layout-vertical-gap` only on removal,\n  // and `--ricos-internal-layout-gap` only on set. Preserved as-is to avoid behavior change.\n  setStyleVar(\n    layoutElement,\n    '--ricos-internal-layout-gap',\n    typeof node.attrs.gap === 'number' ? `${node.attrs.gap}px` : null\n  );\n  if (typeof node.attrs.gap !== 'number') {\n    setStyleVar(layoutElement, '--ricos-internal-layout-vertical-gap', null);\n  }\n\n  // Backdrop fill (gradient OR color OR none).\n  const backdropGradient = getResolvedLayoutFillGradient(\n    node.attrs.backdrop,\n    node.attrs.backdropColor\n  );\n  const backdropColorValue = getResolvedLayoutFillColor(\n    node.attrs.backdrop,\n    node.attrs.backdropColor\n  );\n  applyFill(layoutWrapper, {\n    gradient: backdropGradient,\n    color: backdropColorValue,\n    gradientVar: '--ricos-internal-layout-backdrop-gradient',\n    colorVar: '--ricos-internal-layout-backdrop-color',\n    colorPalette,\n  });\n\n  // Backdrop image.\n  applyImage(layoutWrapper, node.attrs.backdropImage, '--ricos-internal-layout-backdrop-image');\n\n  // Backdrop padding.\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-backdrop-padding-top',\n    node.attrs.backdropPaddingTop ? `${node.attrs.backdropPaddingTop}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-backdrop-padding-bottom',\n    node.attrs.backdropPaddingBottom ? `${node.attrs.backdropPaddingBottom}px` : null\n  );\n\n  // Backdrop image overlay (only visible when image present): gradient > color-with-opacity.\n  applyImageOverlay(layoutWrapper, {\n    image: node.attrs.backdropImage,\n    gradient: backdropGradient,\n    color: backdropColorValue,\n    overlayVar: '--ricos-internal-layout-backdrop-overlay',\n  });\n\n  // Cell padding (4-side, with css-shorthand-style fallbacks: cellPadding[i] || [i-2] || [0]).\n  const cellPadding =\n    node.attrs.cellPadding && node.attrs.cellPadding.length > 0 ? node.attrs.cellPadding : null;\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-top',\n    cellPadding ? `${cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-right',\n    cellPadding ? `${cellPadding[1] ?? cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-bottom',\n    cellPadding ? `${cellPadding[2] ?? cellPadding[0]}px` : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    '--ricos-internal-layout-cell-padding-left',\n    cellPadding ? `${cellPadding[3] ?? cellPadding[1] ?? cellPadding[0]}px` : null\n  );\n\n  // Section dividers (decorative shape bands at the layout's top/bottom edge).\n  applySectionDivider(layoutWrapper, node.attrs.topDivider, 'top');\n  applySectionDivider(layoutWrapper, node.attrs.bottomDivider, 'bottom');\n\n  // Cell vertical alignment.\n  const verticalAlignment =\n    node.attrs.cellVerticalAlignment === 'TOP'\n      ? 'flex-start'\n      : node.attrs.cellVerticalAlignment === 'BOTTOM'\n        ? 'flex-end'\n        : node.attrs.cellVerticalAlignment\n          ? 'center'\n          : null;\n  setStyleVar(layoutWrapper, '--ricos-internal-layout-cell-vertical-alignment', verticalAlignment);\n};\n\n// Create/update/remove the divider band for one layout edge. A divider is one\n// element per layer (base shape + optional stacked copies) inside a clip\n// element that both edges share — a direct child of layoutWrapper (ProseMirror\n// only manages contentDOM, and ignoreMutation covers the divider elements) —\n// anchored to the wrapper's edges so the shape touches the layout box on all\n// sides and bands taller than the layout crop instead of escaping it. Heights\n// scale only the shapes, never the layout box. Per-layer presentation is\n// inline styles (fully-owned elements, overwritten wholesale each pass); only\n// the edge-wide color/flip flow through CSS variables on layoutWrapper.\nconst appliedDividers = new WeakMap<HTMLElement, { top?: unknown; bottom?: unknown }>();\n\nconst applySectionDivider = (\n  layoutWrapper: HTMLElement,\n  divider: PmLayoutNode['attrs']['topDivider'],\n  edge: 'top' | 'bottom'\n) => {\n  // updateLayoutView runs on every selection update, and divider attrs are\n  // immutable PM objects — reference equality means the masks and styles below\n  // are already applied, so skip the SVG data-URI recomputation and selector\n  // queries entirely.\n  const applied = appliedDividers.get(layoutWrapper) ?? {};\n  if (applied[edge] === divider) {\n    return;\n  }\n  applied[edge] = divider;\n  appliedDividers.set(layoutWrapper, applied);\n\n  const varPrefix = `--ricos-internal-layout-${edge}-divider`;\n  let clipElement = layoutWrapper.querySelector<HTMLElement>(\n    ':scope > [data-layout-dividers-clip]'\n  );\n  const existing = clipElement\n    ? Array.from(\n        clipElement.querySelectorAll<HTMLElement>(`:scope > [data-layout-divider=\"${edge}\"]`)\n      )\n    : [];\n  // Paint order: DOM order = array order, base shape last (on top).\n  const layers = divider ? getDividerLayers(divider) : [];\n\n  existing.slice(layers.length).forEach(el => el.remove());\n\n  if (layers.length && !clipElement) {\n    clipElement = document.createElement('div');\n    clipElement.setAttribute('contenteditable', 'false');\n    clipElement.setAttribute('data-layout-dividers-clip', '');\n    clipElement.classList.add(styles.sectionDividerClip);\n    layoutWrapper.append(clipElement);\n  }\n\n  // Both edges' layers share the clip element, so DOM order decides cross-edge\n  // paint order. The viewer always renders top layers before bottom (bottom\n  // paints above top) — anchor new top-edge elements before any bottom-edge\n  // ones so the stacking matches regardless of which divider the user applied\n  // first.\n  const insertBeforeElement =\n    edge === 'top' && clipElement\n      ? clipElement.querySelector(':scope > [data-layout-divider=\"bottom\"]')\n      : null;\n\n  layers.forEach((layer, index) => {\n    let el = existing[index];\n    if (!el) {\n      el = document.createElement('div');\n      el.setAttribute('contenteditable', 'false');\n      el.setAttribute('data-layout-divider', edge);\n      el.classList.add(\n        styles.sectionDivider,\n        edge === 'top' ? styles.sectionDividerTop : styles.sectionDividerBottom\n      );\n      clipElement!.insertBefore(el, insertBeforeElement);\n    }\n    setAttr(el, 'data-divider-layer', String(index));\n    setAttr(\n      el,\n      'style',\n      `height:${layer.height};opacity:${layer.opacity};` +\n        `mask-image:${layer.mask};-webkit-mask-image:${layer.mask};` +\n        `mask-size:${layer.maskSize};-webkit-mask-size:${layer.maskSize};` +\n        `mask-repeat:${layer.maskRepeat};-webkit-mask-repeat:${layer.maskRepeat};` +\n        (layer.maskPosition\n          ? `mask-position:${layer.maskPosition};-webkit-mask-position:${layer.maskPosition};`\n          : '')\n    );\n  });\n\n  setStyleVar(\n    layoutWrapper,\n    `${varPrefix}-color`,\n    divider?.color ? (resolveDocumentColorToCss(divider.color) ?? divider.color) : null\n  );\n  setStyleVar(\n    layoutWrapper,\n    `${varPrefix}-flip`,\n    divider && (divider.flipped ?? DIVIDER_PRESETS[divider.type].defaultFlipped) ? '-1' : null\n  );\n};\n\ntype ApplyFillArgs = {\n  gradient: ReturnType<typeof getResolvedLayoutFillGradient>;\n  color: ReturnType<typeof getResolvedLayoutFillColor>;\n  gradientVar: string;\n  colorVar: string;\n  colorPalette?: RicosPalette;\n};\n\n// Apply a fill (gradient OR solid color) to an element via CSS variables.\n// Mirrors the original three-way precedence: gradient > color > none.\nconst applyFill = (\n  el: HTMLElement,\n  { gradient, color, gradientVar, colorVar, colorPalette }: ApplyFillArgs\n) => {\n  setStyleVar(el, gradientVar, gradient ? schemaGradientToCss(gradient as Gradient) : null);\n  setStyleVar(\n    el,\n    colorVar,\n    !gradient && color ? (resolveDocumentColorToCss(color) ?? color) : null\n  );\n  setStyleVar(\n    el,\n    '--ricos-internal-selection-color-tuple',\n    !gradient && color && color !== TRANSPARENT_HEX_COLOR\n      ? getContrastYIQ(color, colorPalette) === 'black'\n        ? '0, 0, 0'\n        : '255, 255, 255'\n      : null\n  );\n};\n\n// Apply an optional background/backdrop image to an element via CSS variables.\nconst applyImage = (\n  el: HTMLElement,\n  image: PmNode['attrs']['backgroundImage'] | undefined,\n  varPrefix: string\n) => {\n  const imageUrl = image\n    ? (image.media?.src.url ?? (image.media?.src.id && getImageUrl(image.media)))\n    : null;\n  setStyleVar(el, `${varPrefix}-src`, imageUrl ? `url(${imageUrl})` : null);\n  setStyleVar(el, `${varPrefix}-opacity`, image?.opacity ? `${image.opacity}%` : null);\n  setStyleVar(el, `${varPrefix}-scaling`, image?.scaling ? image.scaling.toLowerCase() : null);\n  setStyleVar(\n    el,\n    `${varPrefix}-position`,\n    image?.position ? image.position.toLowerCase().split('_').join(' ') : null\n  );\n  // Blur is independent of any color overlay — both layers stack.\n  setStyleVar(el, `${varPrefix}-blur`, image?.blur ? `blur(${image.blur}px)` : null);\n};\n\ntype ApplyImageOverlayArgs = {\n  image: PmNode['attrs']['backgroundImage'] | undefined;\n  gradient: ReturnType<typeof getResolvedLayoutFillGradient>;\n  color: ReturnType<typeof getResolvedLayoutFillColor>;\n  overlayVar: string;\n};\n\n// Apply a color/gradient overlay to a background/backdrop image. Only set when an image is present.\n// `image.overlay` (new model) is authoritative when present; otherwise the legacy `background`/\n// `backdrop` fill is rendered through the image's opacity. Gradient takes precedence over color.\nconst applyImageOverlay = (\n  el: HTMLElement,\n  { image, gradient, color, overlayVar }: ApplyImageOverlayArgs\n) => {\n  let overlay: string | null = null;\n  if (image) {\n    if (image.overlay) {\n      overlay =\n        image.overlay.type === 'GRADIENT'\n          ? schemaGradientToCss(image.overlay.gradient as Gradient)\n          : (resolveDocumentColorToCss(image.overlay.color) ?? image.overlay.color);\n    } else if (gradient) {\n      overlay = schemaGradientToCss(gradient as Gradient);\n    } else if (color) {\n      overlay = resolveBackwardCompatOverlay(\n        resolveDocumentColorToCss(color) ?? color,\n        image.opacity ?? 100,\n        100\n      );\n    }\n  }\n  setStyleVar(el, overlayVar, overlay);\n};\n\n// The editor-only marker of the free/paid cut. Pure chrome — it adds no document node.\n// Built once per view, so its translated labels are fixed for the view's lifetime.\nconst createPaywallDivider = (t: (key: string) => string): HTMLDivElement => {\n  const divider = document.createElement('div');\n  divider.className = styles.paywallDivider;\n  divider.setAttribute('data-hook', PAYWALL_DIVIDER);\n  divider.setAttribute('aria-hidden', 'true');\n  divider.setAttribute('contenteditable', 'false');\n\n  const label = document.createElement('span');\n  label.className = styles.paywallDividerLabel;\n  label.innerHTML = getLockIcon(styles.paywallDividerIcon);\n  label.append(document.createTextNode(t('GatedContent_Divider_SubscribersOnlyBelow')));\n  divider.append(label);\n  return divider;\n};\n\nconst getGridTemplateColumns = (node: PmNode) => {\n  const cols: number[] = [];\n\n  node.content.forEach(cell => {\n    if ((cell.type.name as unknown as Node_Type) === Node_Type.LAYOUT_CELL) {\n      cols.push(cell.attrs.colSpan);\n    }\n  });\n\n  return cols;\n};\n\nconst formatGridTemplateColumns = (colSpans: number[]) => {\n  return colSpans.map(col => `minmax(0, ${col}fr)`).join(' ');\n};\n\ntype LayoutDragHandleProps = {\n  breakoutWrapper: HTMLElement;\n  layoutElement: HTMLElement;\n  nodeId: string;\n  editor: NodeViewRendererProps['editor'];\n};\n\nconst createLayoutDragHandle = ({\n  breakoutWrapper,\n  layoutElement,\n  nodeId,\n  editor,\n}: LayoutDragHandleProps): (() => void) => {\n  // Create drag handle wrapper with contenteditable=false to prevent selection\n  const layoutDragHandleWrapper = document.createElement('div');\n  layoutDragHandleWrapper.setAttribute('contenteditable', 'false');\n  layoutDragHandleWrapper.setAttribute('data-layout-drag-handle-wrapper', '');\n  layoutDragHandleWrapper.classList.add(styles.layoutHandlerWrapper);\n\n  // Create the drag handle button\n  const layoutDragHandle = document.createElement('button');\n  layoutDragHandle.setAttribute('data-drag-handle', '');\n  layoutDragHandle.setAttribute('data-layout-handle', '');\n  layoutDragHandle.setAttribute('data-hook', `${LAYOUT_HANDLE}-${nodeId}`);\n  layoutDragHandle.setAttribute('type', 'button');\n  layoutDragHandle.classList.add(styles.layoutHandler);\n  layoutDragHandle.innerHTML = getMoveIcon();\n\n  // Click handler for selecting layout\n  const handleClick = () => {\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n    if (layoutId) {\n      editor.chain().selectLayout(layoutId).focus().run();\n    }\n  };\n\n  layoutDragHandle.addEventListener('click', handleClick);\n  layoutDragHandleWrapper.append(layoutDragHandle);\n  breakoutWrapper.append(layoutDragHandleWrapper);\n\n  // Return cleanup function\n  return () => {\n    layoutDragHandle.removeEventListener('click', handleClick);\n    if (layoutDragHandleWrapper.parentNode === breakoutWrapper) {\n      breakoutWrapper.removeChild(layoutDragHandleWrapper);\n    }\n  };\n};\n\ntype VerticalMarginResizeHandlerProps = {\n  layoutWrapper: HTMLElement;\n  position: 'top' | 'bottom';\n  minPadding: number;\n  onResize: (newPadding: number) => void;\n};\n\nconst createVerticalMarginResizeHandler = ({\n  layoutWrapper,\n  position,\n  minPadding,\n  onResize,\n}: VerticalMarginResizeHandlerProps): (() => void) => {\n  // Create the resize handle element\n  const handle = document.createElement('div');\n  handle.className = position === 'top' ? staticsStyles.handlerTop : staticsStyles.handlerBottom;\n  handle.setAttribute('data-hook', `ricos-resize-handler-${position}`);\n\n  // Ensure layoutWrapper has position: relative for absolute positioning\n  const originalPosition = layoutWrapper.style.position;\n  if (!originalPosition || originalPosition === 'static') {\n    layoutWrapper.style.position = 'relative';\n  }\n\n  layoutWrapper.appendChild(handle);\n\n  let startY = 0;\n  let startPadding = 0;\n  let currentPointerId: number | null = null;\n\n  const removePointerListeners = () => {\n    handle.removeEventListener('pointermove', handlePointerMove);\n    handle.removeEventListener('pointerup', handlePointerUp);\n    handle.removeEventListener('pointercancel', handlePointerUp);\n    handle.removeEventListener('lostpointercapture', handleLostPointerCapture);\n  };\n\n  /**\n   * End the resize: release capture, remove listeners, commit final padding, clear state.\n   * When clientY is provided (normal pointerup), final padding is computed from delta.\n   * When not provided (lostpointercapture or pointerId mismatch), padding is read from current computed style.\n   */\n  const finishResize = (clientY?: number) => {\n    if (currentPointerId === null) {\n      return;\n    }\n\n    if (handle.hasPointerCapture(currentPointerId)) {\n      handle.releasePointerCapture(currentPointerId);\n    }\n\n    removePointerListeners();\n\n    let newPadding: number;\n    if (clientY !== undefined) {\n      const deltaY = clientY - startY;\n      const adjustedDelta = position === 'top' ? -deltaY : deltaY;\n      newPadding = Math.round(\n        Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, startPadding + adjustedDelta * 0.55))\n      );\n    } else {\n      const computedStyle = window.getComputedStyle(layoutWrapper);\n      const paddingProp = position === 'top' ? 'paddingTop' : 'paddingBottom';\n      const computed = parseInt(computedStyle[paddingProp], 10);\n      newPadding = !isNaN(computed)\n        ? Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, computed))\n        : minPadding;\n    }\n\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-top',\n      `${newPadding}px`\n    );\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-bottom',\n      `${newPadding}px`\n    );\n\n    onResize(newPadding);\n    currentPointerId = null;\n  };\n\n  const handleLostPointerCapture = (event: PointerEvent) => {\n    if (currentPointerId === null || event.pointerId !== currentPointerId) {\n      return;\n    }\n    finishResize();\n  };\n\n  const handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n\n    currentPointerId = event.pointerId;\n    startY = event.clientY;\n\n    // Read current padding from computed style - this always reflects the actual rendered value\n    const computedStyle = window.getComputedStyle(layoutWrapper);\n    const paddingProp = position === 'top' ? 'paddingTop' : 'paddingBottom';\n    const computed = parseInt(computedStyle[paddingProp], 10);\n    startPadding = !isNaN(computed) ? computed : 0;\n\n    handle.setPointerCapture(event.pointerId);\n    handle.addEventListener('pointermove', handlePointerMove);\n    handle.addEventListener('pointerup', handlePointerUp);\n    handle.addEventListener('pointercancel', handlePointerUp);\n    handle.addEventListener('lostpointercapture', handleLostPointerCapture);\n  };\n\n  const handlePointerMove = (event: PointerEvent) => {\n    if (currentPointerId === null || currentPointerId !== event.pointerId) {\n      return;\n    }\n\n    const deltaY = event.clientY - startY;\n    // For top handle, dragging up (negative deltaY) should increase padding\n    // For bottom handle, dragging down (positive deltaY) should increase padding\n    const adjustedDelta = position === 'top' ? -deltaY : deltaY;\n    const newPadding = Math.round(\n      Math.max(minPadding, Math.min(MAX_VERTICAL_MARGIN, startPadding + adjustedDelta * 0.55))\n    );\n\n    // Update visual feedback immediately via CSS variables (both top and bottom for linked margins)\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-top',\n      `${newPadding}px`\n    );\n    layoutWrapper.style.setProperty(\n      '--ricos-internal-layout-backdrop-padding-bottom',\n      `${newPadding}px`\n    );\n  };\n\n  const handlePointerUp = (event: PointerEvent) => {\n    if (currentPointerId === null) {\n      return;\n    }\n    if (currentPointerId !== event.pointerId) {\n      // Mismatch: still clean up so we don't leave capture/listeners stuck\n      finishResize();\n      return;\n    }\n\n    finishResize(event.clientY);\n  };\n\n  handle.addEventListener('pointerdown', handlePointerDown);\n\n  // Return cleanup function\n  return () => {\n    if (currentPointerId !== null && handle.hasPointerCapture(currentPointerId)) {\n      handle.releasePointerCapture(currentPointerId);\n    }\n    removePointerListeners();\n    handle.removeEventListener('pointerdown', handlePointerDown);\n\n    if (handle.parentNode === layoutWrapper) {\n      layoutWrapper.removeChild(handle);\n    }\n\n    if (!originalPosition || originalPosition === 'static') {\n      layoutWrapper.style.position = originalPosition || '';\n    }\n  };\n};\n\nconst isInLayout = ($pos: ResolvedPos, nodeId: string) => {\n  const layoutNode = findParentNodeClosestToPos(\n    $pos,\n    node => node.type?.name === TIPTAP_LAYOUT_TYPE\n  )?.node;\n\n  return layoutNode?.attrs.id === nodeId;\n};\n\nconst isCellInLayoutSelected = (\n  $to: ResolvedPos,\n  $from: ResolvedPos,\n  layoutId: string,\n  editor: NodeViewRendererProps['editor']\n): boolean => {\n  // Check if a cell node is selected (NodeSelection)\n  const selection = editor.state.selection;\n  if (!(selection instanceof NodeSelection)) {\n    return false;\n  }\n\n  const selectedNode = selection.node;\n  if (selectedNode?.type.name !== TIPTAP_LAYOUT_CELL_TYPE) {\n    return false;\n  }\n\n  // Check if this cell belongs to this layout\n  const layoutNode = findParentNodeClosestToPos(\n    $from,\n    node => node.type?.name === TIPTAP_LAYOUT_TYPE\n  )?.node;\n\n  return layoutNode?.attrs.id === layoutId;\n};\n\nconst getCellParent = (node: ProseMirrorNode, cellId: string): ProseMirrorNode | null => {\n  let parent: ProseMirrorNode | null = null;\n  node.descendants((child, _pos, par) => {\n    if (child.attrs.id === cellId) {\n      parent = par;\n    }\n  });\n\n  return parent;\n};\n\nconst getCellIndex = (node: PmNode, cellId: string) => {\n  let index = -1;\n\n  node.content.forEach((cell, _offset, i) => {\n    if (cell.attrs.id === cellId) {\n      index = i;\n    }\n  });\n\n  return index;\n};\n\nconst isDraggingCell = (editor: NodeViewRendererProps['editor']) => {\n  const slice = editor.view.dragging?.slice;\n\n  if (!slice) {\n    return false;\n  }\n\n  return (\n    slice.openStart === 0 &&\n    slice.openEnd === 0 &&\n    slice.content.childCount === 1 &&\n    editor.view.dragging?.slice.content.firstChild?.type.name === TIPTAP_LAYOUT_CELL_TYPE\n  );\n};\n\nconst attachCellResizeHandler = ({\n  layoutElement,\n  state,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutElement: HTMLElement;\n  state: LayoutNodeViewState;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onPointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) {\n      return;\n    }\n    const dragHandle: HTMLElement | null = (event.target as HTMLElement)?.closest(\n      '[data-layout-cell-resize-handle]'\n    );\n\n    if (!dragHandle || !event.currentTarget) {\n      return;\n    }\n\n    const cellNodeId = dragHandle.dataset.layoutCellResizeHandle;\n\n    if (!cellNodeId) {\n      logInvariant(\n        Error(\n          'Cell resize prevented. No cell id found! Make sure to add the data-layout-cell-resize-handle attribute to the drag handle'\n        )\n      );\n      return;\n    }\n    event.preventDefault();\n\n    // Set resizing state immediately to hide the blue selection overlay\n    setState({ isResizing: true });\n\n    const layoutNode = getCellParent(editor.state.doc, cellNodeId);\n\n    if (!layoutNode) {\n      logInvariant(Error('Cell resize prevented. Draggable cell has no parent!'));\n      return;\n    }\n\n    const index = getCellIndex(layoutNode, cellNodeId);\n    const currentOffset = event.clientX;\n    const parentRect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    const fractionInPixels = parentRect.width / MAX_COLUMNS;\n    const minColumnWidth = fractionInPixels * MIN_COL_SPAN;\n    const columnTemplateInFractionsByPixel = state.columnTemplate.map(\n      col => col * fractionInPixels\n    );\n\n    // Clear any existing selection when starting resize\n    window.getSelection()?.removeAllRanges();\n\n    // Prevent any selection from starting during resize\n    const preventSelection = (e: Event) => {\n      e.preventDefault();\n    };\n    document.addEventListener('selectstart', preventSelection);\n\n    setState({\n      columnTemplate: columnTemplateInFractionsByPixel,\n      isResizing: true,\n    });\n\n    const onDrag = (event: PointerEvent) => {\n      event.preventDefault();\n      let invalid: 'none' | 'left' | 'right' = 'none';\n\n      const offset = currentOffset - event.clientX;\n\n      const newTemplate = [...columnTemplateInFractionsByPixel];\n      newTemplate[index] = columnTemplateInFractionsByPixel[index] + offset;\n      newTemplate[index - 1] = columnTemplateInFractionsByPixel[index - 1] - offset;\n\n      if (newTemplate[index] < minColumnWidth) {\n        const diff = minColumnWidth - newTemplate[index];\n        newTemplate[index] = minColumnWidth;\n        newTemplate[index - 1] -= diff;\n        invalid = 'right';\n      }\n\n      if (newTemplate[index - 1] < minColumnWidth) {\n        const diff = minColumnWidth - newTemplate[index - 1];\n        newTemplate[index - 1] = minColumnWidth;\n        newTemplate[index] -= diff;\n        invalid = 'left';\n      }\n\n      if (newTemplate.some(col => col < minColumnWidth)) {\n        setState({ invalid });\n        return;\n      }\n\n      setState({\n        columnTemplate: newTemplate,\n        invalid,\n      });\n    };\n\n    const stopDrag = (event: PointerEvent) => {\n      event.preventDefault();\n\n      // Remove selection prevention listener\n      document.removeEventListener('selectstart', preventSelection);\n\n      // Clear any text selection that occurred during resize\n      window.getSelection()?.removeAllRanges();\n\n      const templateInFractions = state.columnTemplate.map(col => {\n        return Math.round(col / fractionInPixels);\n      });\n\n      const diff = MAX_COLUMNS - templateInFractions.reduce((acc, val) => acc + val, 0);\n      templateInFractions[index] += diff;\n\n      editor\n        .chain()\n        .setCellsColSpan(layoutNode.attrs.id, templateInFractions)\n        .selectLayout(layoutNode.attrs.id)\n        .focus()\n        .run();\n\n      setState({\n        invalid: 'none',\n        isResizing: false,\n        columnTemplate: templateInFractions,\n      });\n\n      window.removeEventListener('pointerup', stopDrag);\n      window.removeEventListener('pointermove', onDrag);\n    };\n\n    window.addEventListener('pointerup', stopDrag);\n    window.addEventListener('pointermove', onDrag);\n  };\n\n  layoutElement.addEventListener('pointerdown', onPointerDown);\n\n  return () => {\n    layoutElement.removeEventListener('pointerdown', onPointerDown);\n  };\n};\n\nconst attachCellDragHandler = ({\n  layoutElement,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutElement: HTMLElement;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onDragStart = (event: DragEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    if (!element) {\n      return;\n    }\n\n    if (element.closest('[data-block-drag-handle]')) {\n      return;\n    }\n\n    const cellElement = element.closest('[data-layout-cell]') as HTMLElement | null;\n    const cellNodeId = cellElement?.getAttribute('data-layout-cell');\n    if (!cellNodeId || !cellElement) {\n      return;\n    }\n\n    // Drags from inner draggable nodes (buttons, images, etc.) bubble through here too.\n    // Only treat this as a cell drag when the cell itself is the closest draggable element.\n    const draggableAncestor = element.closest('[draggable=\"true\"]');\n    if (draggableAncestor !== cellElement) {\n      return;\n    }\n\n    editor.commands.selectCell(cellNodeId);\n    event.dataTransfer?.setDragImage(cellElement, 0, 0);\n\n    // Capture the source layout now, while the cell is still inside it. When the\n    // cell is dropped outside any layout it ends up orphaned; cell-normalizing\n    // uses this to re-wrap it in a layout that keeps the source styling and to\n    // remove the now-drained source layout. Keyed by layout id (preserved across\n    // the drop) rather than cell id (regenerated on the card-paste path).\n    const sourceLayout = findLayoutOfCell(editor.state.doc, cellNodeId);\n    (editor.storage[TIPTAP_LAYOUT_TYPE] as LayoutExtensionStorage).draggedCellSourceLayout =\n      sourceLayout\n        ? {\n            layoutId: sourceLayout.node.attrs.id,\n            attrs: sourceLayout.node.attrs,\n            // Only the source layout that held this cell *alone* should be removed\n            // after the drop. A multi-cell source keeps its remaining cell(s).\n            wasOnlyCell: sourceLayout.node.childCount === 1,\n          }\n        : null;\n  };\n\n  // This is heavily based on prosemirror-view `drop` event. We only need this because PM-View can't\n  // handle position resolving for vertical content.\n  // https://github.com/ProseMirror/prosemirror-view/blob/0954f523ee0a193f7db3992702e6a3979ade89b8/src/input.ts#L702\n  const onDrop = (event: DragEvent) => {\n    if (!isDraggingCell(editor)) {\n      // Non-cell drops are not this node view's business — the editor's own handlers\n      // (block drag handle, PM's built-in drop) resolve them.\n      setState({ dropCursorPosition: null, isDraggingOver: false });\n      return;\n    }\n    if (!event.target) {\n      return;\n    }\n    event.stopPropagation();\n    setState({ dropCursorPosition: null, isDraggingOver: false });\n    const view = editor.view;\n    const dragging = view.dragging;\n    const slice = dragging?.slice;\n    view.dragging = null;\n\n    if (!slice) {\n      logInvariant(Error('Cell Drag prevented. PM view has no dragging slice'));\n      return;\n    }\n\n    const sourceCell = slice.content.firstChild;\n    const sourceCellId = sourceCell?.attrs.id;\n    const eventPos = view.posAtDOM(event.target as HTMLElement, 0);\n    const $eventPos = view.state.doc.resolve(eventPos);\n    if (!eventPos || !sourceCellId) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve event position or source cell id'));\n      return;\n    }\n\n    const layoutNode = findParentNodeClosestToPos(\n      $eventPos,\n      node => node.type?.name === TIPTAP_LAYOUT_TYPE\n    )?.node;\n\n    if (!layoutNode) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve target layout node'));\n      return;\n    }\n\n    const cellIndexInSourceLayout = getCellIndex(layoutNode, sourceCellId);\n    const isCellMovedToOtherLayout = cellIndexInSourceLayout === -1;\n    if (layoutNode.childCount >= MAX_CELLS && isCellMovedToOtherLayout) {\n      return;\n    }\n\n    const { node: cellNode, pos: cellPos } = findParentNodeClosestToPos(\n      $eventPos,\n      node => node.type?.name === TIPTAP_LAYOUT_CELL_TYPE\n    ) ?? { node: null, pos: -1 };\n\n    if (!cellNode || (layoutNode.childCount === 1 && layoutNode.firstChild === sourceCell)) {\n      return;\n    }\n\n    const layout = event.currentTarget as HTMLElement;\n    const layoutRect = layout.getBoundingClientRect();\n    const cell = (event.target as HTMLElement).closest('[data-layout-cell]');\n\n    if (!cell) {\n      logInvariant(Error('Cell Drag prevented. Cannot find cell element'));\n      return;\n    }\n\n    const mouseXInLayout = event.clientX - layoutRect.left;\n    const cellRect = cell.getBoundingClientRect();\n\n    const insertPos =\n      mouseXInLayout < cellRect.left - layoutRect.left + cellRect.width / 2\n        ? cellPos\n        : cellPos + cellNode?.nodeSize;\n\n    if (!insertPos) {\n      logInvariant(Error('Cell Drag prevented. Cannot resolve insert position'));\n      return;\n    }\n\n    event.preventDefault();\n\n    const tr = view.state.tr;\n    // @ts-expect-error\n    const { node } = dragging;\n\n    if (node) {\n      node.replace(tr);\n    } else {\n      tr.deleteSelection();\n    }\n\n    const pos = tr.mapping.map(insertPos);\n    const beforeInsert = tr.doc;\n\n    if (!slice.content.firstChild) {\n      return;\n    }\n\n    tr.replaceRangeWith(pos, pos, slice.content.firstChild);\n\n    if (tr.doc.eq(beforeInsert)) {\n      return;\n    }\n\n    const $pos = tr.doc.resolve(pos);\n\n    tr.setSelection(new NodeSelection($pos));\n\n    if (sourceCellId) {\n      const sourceLayoutNode = findLayoutOfCell(view.state.doc, sourceCellId);\n      if (sourceLayoutNode) {\n        // If cell was moved to another layout, balance the cells in the source layout\n        const sourceLayoutInNewTr = findNodeById(tr, sourceLayoutNode.node.attrs.id).pop();\n        if (sourceLayoutInNewTr && isCellMovedToOtherLayout) {\n          balanceLayoutCells(tr, sourceLayoutInNewTr.node, sourceLayoutInNewTr.pos);\n        }\n      }\n\n      // If cell was moved to another layout, balance the cells in the target layout\n      const targetLayoutNode = findLayoutOfCell(tr.doc, sourceCellId);\n      if (targetLayoutNode && isCellMovedToOtherLayout) {\n        balanceLayoutCells(tr, targetLayoutNode.node, targetLayoutNode.pos);\n      }\n    }\n\n    view.focus();\n    view.dispatch(tr);\n  };\n\n  const onDragOver = (event: DragEvent) => {\n    setState({\n      isDraggingOver: true,\n    });\n\n    if (!isDraggingCell(editor)) {\n      // Not a cell reorder — let the event bubble unclaimed so the editor's own\n      // handlers resolve it (the block drag handle or ProseMirror's built-in dragover,\n      // either of which calls preventDefault itself to keep the drop allowed).\n      // preventDefault() here would mark the event defaultPrevented, and ProseMirror's\n      // eventBelongsToView() drops any such event — starving those handlers and leaving\n      // their last published drop-cursor position stale.\n      return;\n    }\n\n    event.preventDefault();\n\n    const layout = event.currentTarget as HTMLElement;\n    const layoutWrapper = layout.closest('[data-layout-wrapper]');\n\n    if (!layoutWrapper) {\n      return;\n    }\n\n    const scale = getElementScale(layout);\n    const layoutWrapperRect = layoutWrapper.getBoundingClientRect();\n    const cellDropAreas = [...layout.querySelectorAll('[data-layout-cell]')].reduce(\n      (acc, cell, index) => {\n        const rect = cell.getBoundingClientRect();\n        const prevCell = acc[acc.length - 1];\n        const left = rect.left - layoutWrapperRect.left;\n        return [\n          ...acc,\n          {\n            left: index === 0 ? left : left - (left - prevCell.right) / 2,\n            right: rect.right - layoutWrapperRect.left,\n            width: rect.width,\n          },\n        ];\n      },\n      [] as { left: number; right: number; width: number }[]\n    );\n    const mouseXInLayout = event.clientX - layoutWrapperRect.left;\n    const cellInsideIndex = cellDropAreas.findIndex(cell => {\n      return mouseXInLayout > cell.left && mouseXInLayout < cell.right;\n    });\n\n    if (cellInsideIndex === -1) {\n      return;\n    }\n\n    const cellInside = cellDropAreas[cellInsideIndex];\n    const dropIndex =\n      mouseXInLayout < cellInside.left + cellInside.width / 2\n        ? cellInsideIndex\n        : cellInsideIndex + 1;\n\n    setState({\n      dropCursorPosition:\n        (dropIndex >= cellDropAreas.length\n          ? cellDropAreas[cellDropAreas.length - 1].right\n          : cellDropAreas[dropIndex].left) / scale.scaleX,\n    });\n  };\n\n  const onDragLeave = (event: DragEvent) => {\n    if ((event.currentTarget as HTMLElement).contains(event.relatedTarget as HTMLElement)) {\n      return;\n    }\n\n    setState({\n      dropCursorPosition: null,\n      isDraggingOver: false,\n    });\n  };\n\n  layoutElement.addEventListener('dragstart', onDragStart);\n  layoutElement.addEventListener('drop', onDrop);\n  layoutElement.addEventListener('dragover', onDragOver);\n  layoutElement.addEventListener('dragleave', onDragLeave);\n\n  return () => {\n    layoutElement.removeEventListener('dragstart', onDragStart);\n    layoutElement.removeEventListener('drop', onDrop);\n    layoutElement.removeEventListener('dragover', onDragOver);\n    layoutElement.removeEventListener('dragleave', onDragLeave);\n  };\n};\n\nconst attachLayoutEventHandlers = ({\n  layoutWrapper,\n  layoutElement,\n  editor,\n  setState,\n}: Pick<NodeViewRendererProps, 'editor'> & {\n  layoutWrapper: HTMLElement;\n  layoutElement: HTMLElement;\n  setState: (state: Partial<LayoutNodeViewState>) => void;\n}) => {\n  const onClick = (event: MouseEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    if (\n      element?.closest('[data-layout-cell]') ||\n      element?.closest('[data-layout-drag-handle-wrapper]') ||\n      element?.closest('[data-resize-handle]')\n    ) {\n      return;\n    }\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n    if (layoutId) {\n      editor.chain().selectLayout(layoutId).focus().run();\n    }\n  };\n\n  const onDragStart = (event: DragEvent) => {\n    const raw = event.target;\n    const element = raw instanceof Element ? raw : raw instanceof Text ? raw.parentElement : null;\n    const cell = element?.closest('[data-layout-cell]');\n    const layoutId = layoutElement.getAttribute('data-layout-container');\n\n    if (cell) {\n      return;\n    }\n\n    // Prevent dragging banner layouts - they should stay at their edge\n    if (layoutWrapper.hasAttribute('data-layout-banner')) {\n      event.preventDefault();\n      return;\n    }\n\n    if (layoutId) {\n      editor.commands.selectLayout(layoutId);\n    }\n    event.dataTransfer?.setDragImage(layoutElement, 0, 0);\n    setState({ isDragging: true });\n\n    const removeDragging = () => {\n      setState({ isDragging: false });\n      window.removeEventListener('pointerup', removeDragging);\n    };\n\n    window.addEventListener('pointerup', removeDragging);\n  };\n\n  layoutWrapper.addEventListener('click', onClick);\n  layoutWrapper.addEventListener('dragstart', onDragStart);\n\n  return () => {\n    layoutWrapper.removeEventListener('click', onClick);\n    layoutWrapper.removeEventListener('dragstart', onDragStart);\n  };\n};\n"],
+  "mappings": "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",
   "names": ["event", "node"]
 }

package/dist/es/ricos-common-plugins/layout/layouts-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "0c7cc4af";
+var styleDataHash = "cbd50d28";
 const injectCss = (() => {
-  var css = `._7coMu{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.nTXNT{left:0;pointer-events:none;position:absolute;right:0}.VzOB-{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.-SOcz{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}.UqICm{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}.UqICm.vV1uo,.UqICm:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}.UqICm:hover .Kw8NT .TP8sm{outline-color:var(--ricos-internal-layout-cell-outline-color)}.UqICm:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.UqICm:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.UqICm.P8vSD{margin:0}*+.UqICm{margin-top:20px}.UqICm ._6Gobf{display:none}.UqICm .wQLux:has(.vRrS7.-xjFA)+._6Gobf,.UqICm .wQLux:has(.vRrS7.GwIZH)+._6Gobf,.UqICm .wQLux:has(.vRrS7.f6Thp)+._6Gobf,.UqICm .wQLux:has(.vRrS7.gnN8l)+._6Gobf{display:block}.UqICm .RaoGy{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}.UqICm .RaoGy:active{cursor:grabbing}.UqICm.UYNVj{margin-top:0}.UqICm .omC2x{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}.UqICm .omC2x:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}.UqICm._27yw1{outline-color:transparent!important}.UqICm._27yw1:hover,.UqICm._27yw1:hover .Kw8NT .TP8sm{outline-color:transparent!important}.UqICm._27yw1 .C3-U0,.UqICm._27yw1 .Zxv3c,.UqICm._27yw1 ._6Gobf{display:none!important}.UqICm._9B-Cl:has(.LFgb1){margin-bottom:40px}.UqICm._9B-Cl .LFgb1{align-items:center;color:var(--ricos-text-color-low,#646464);display:flex;font-size:13px;gap:12px;left:0;letter-spacing:.06em;margin-top:12px;pointer-events:none;position:absolute;right:0;text-transform:uppercase;top:100%;user-select:none}.UqICm._9B-Cl .LFgb1:after,.UqICm._9B-Cl .LFgb1:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.15);content:"";flex:1;height:1px}.UqICm._9B-Cl .fkYP9{white-space:nowrap}.UqICm._9B-Cl ._7rxv0{color:#116dff}.wQLux{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.vRrS7{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .vRrS7{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .vRrS7.gnN8l{transition:none!important}.vRrS7.IfPPx .Kw8NT,.vRrS7.Y0F-w{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.vRrS7.IfPPx .Kw8NT:before,.vRrS7.Y0F-w:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.vRrS7.IfPPx .Kw8NT:after,.vRrS7.Y0F-w:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.vRrS7{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.vRrS7:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.vRrS7:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .vRrS7{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.vRrS7.a-uMs{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.vRrS7.a-uMs .Zxv3c{display:none}.vRrS7.gnN8l{transition:none!important}.vRrS7.gnN8l,.vRrS7.gnN8l *{user-select:none!important}.vRrS7.szfYm{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.vRrS7.nONwb{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.vRrS7.-xjFA .Kw8NT .TP8sm,.vRrS7.Cs9Te .Kw8NT .TP8sm,.vRrS7.GwIZH .Kw8NT .TP8sm,.vRrS7.gnN8l .Kw8NT .TP8sm,.vRrS7:focus .Kw8NT .TP8sm,.vRrS7:hover .Kw8NT .TP8sm{outline-color:var(--ricos-internal-layout-cell-outline-color)}.vRrS7 .Kw8NT{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.vRrS7 .Kw8NT .TP8sm{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.vRrS7 .Kw8NT .TP8sm{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.vRrS7 .Kw8NT .TP8sm:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.vRrS7 .Kw8NT .TP8sm:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .vRrS7 .Kw8NT .TP8sm{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.vRrS7 .Kw8NT .C3-U0{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.vRrS7 .Kw8NT .C3-U0:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.vRrS7 .Kw8NT .C3-U0:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.vRrS7 .Kw8NT .C3-U0:active{cursor:grabbing}.vRrS7 .Kw8NT .C3-U0:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.vRrS7.GwIZH:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.vRrS7.GwIZH .Kw8NT .TP8sm{outline-color:rgba(17,109,255,.2)}.vRrS7.GwIZH .Kw8NT .C3-U0{display:none}.vRrS7 .Kw8NT.CaBxP{background-color:rgba(17,109,255,.1);z-index:4}.vRrS7 .Kw8NT.CaBxP .TP8sm{outline-color:#116dff}.vRrS7 .Kw8NT.CaBxP .C3-U0{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.vRrS7 .Kw8NT.CaBxP .C3-U0:hover{background:#0f62e6;color:#fff}.vRrS7 .Kw8NT.CaBxP .C3-U0:active{background:#084ebd;color:#fff}.vRrS7 .Kw8NT.CaBxP .ricos-selection,.vRrS7 .Kw8NT.CaBxP ::selection,.vRrS7.GwIZH .Kw8NT .ricos-selection,.vRrS7.GwIZH .Kw8NT ::selection,.vRrS7.gnN8l .Kw8NT .ricos-selection,.vRrS7.gnN8l .Kw8NT ::selection{background-color:transparent!important}.vRrS7.GwIZH .ricos-selection,.vRrS7.gnN8l .ricos-selection{background-color:transparent!important}.vRrS7.-xjFA .C3-U0,.vRrS7.Cs9Te .C3-U0,.vRrS7.GwIZH .C3-U0,.vRrS7.gnN8l .C3-U0{display:flex;z-index:4}.Zxv3c{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.Zxv3c:active,.vRrS7:not(.gnN8l) .Zxv3c:hover{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
+  var css = `.Ahc5U{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.d2vWr{left:0;pointer-events:none;position:absolute;right:0}.cedGp{background-color:var(--ricos-internal-layout-top-divider-color,currentColor);top:0;transform:scale(var(--ricos-internal-layout-top-divider-flip,1),-1)}.GArkg{background-color:var(--ricos-internal-layout-bottom-divider-color,currentColor);bottom:0;transform:scaleX(var(--ricos-internal-layout-bottom-divider-flip,1))}.Uny0D{--ricos-internal-layout-cell-outline-color:#a8caff;background:var(--ricos-internal-layout-backdrop-gradient,var(--ricos-internal-layout-backdrop-color,transparent));outline:1.5px solid transparent;padding-bottom:var(--ricos-internal-layout-backdrop-padding-bottom,0);padding-top:var(--ricos-internal-layout-backdrop-padding-top,0);position:relative}.Uny0D.-EuA7,.Uny0D:hover{outline-color:var(--ricos-internal-layout-cell-outline-color)}.Uny0D:hover .DEyEZ .APkNS{outline-color:var(--ricos-internal-layout-cell-outline-color)}.Uny0D:before{background-image:var(--ricos-internal-layout-backdrop-image-src);background-position:var(--ricos-internal-layout-backdrop-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-backdrop-image-scaling);bottom:0;clip-path:inset(0);content:"";filter:var(--ricos-internal-layout-backdrop-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.Uny0D:after{background:var(--ricos-internal-layout-backdrop-overlay,transparent);bottom:0;clip-path:inset(0);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.Uny0D.cf-3H{margin:0}*+.Uny0D{margin-top:20px}.Uny0D .dHwoU{display:none}.Uny0D ._2VcbN:has(.gEycQ.PrYI0)+.dHwoU,.Uny0D ._2VcbN:has(.gEycQ._4J4ZZ)+.dHwoU,.Uny0D ._2VcbN:has(.gEycQ._8EbuL)+.dHwoU,.Uny0D ._2VcbN:has(.gEycQ.aWqHB)+.dHwoU{display:block}.Uny0D .C5l5r{align-items:center;background:#fff;border:1px solid #dfe5eb;border-radius:50%;bottom:-12px;box-shadow:0 2px 4px 0 rgba(23,25,28,.1);cursor:grab;display:flex;height:24px;justify-content:center;left:50%;padding:0;position:absolute;transform:translate(-50%,100%);width:24px;z-index:4}.Uny0D .C5l5r:active{cursor:grabbing}.Uny0D.qTLWO{margin-top:0}.Uny0D ._4Y2b9{background:#116dff;bottom:0;left:calc(var(--ricos-internal-layout-drop-cursor-position) - 1px);position:absolute;top:0;width:2px;z-index:5}.Uny0D ._4Y2b9:before{border:2px solid #116dff;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-5px;width:6px}.Uny0D.wUOQs{outline-color:transparent!important}.Uny0D.wUOQs:hover,.Uny0D.wUOQs:hover .DEyEZ .APkNS{outline-color:transparent!important}.Uny0D.wUOQs .cVj-m,.Uny0D.wUOQs .dHwoU,.Uny0D.wUOQs .kusp-{display:none!important}.Uny0D.ezX-g:has(.HRry6){margin-bottom:40px}.Uny0D.ezX-g[data-breakout=normal]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-normal-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-normal-padding-end,0)}.Uny0D.ezX-g[data-breakout=fullWidth]{--ricos-internal-paywall-divider-outer-start:var(--ricos-breakout-full-width-padding-start,0);--ricos-internal-paywall-divider-outer-end:var(--ricos-breakout-full-width-padding-end,0)}.Uny0D.ezX-g .HRry6{align-items:center;color:var(--ricos-text-color-low,#646464);display:flex;font-size:12px;font-weight:500;gap:6px;inset-inline-end:var(--ricos-internal-paywall-divider-outer-end,0);inset-inline-start:var(--ricos-internal-paywall-divider-outer-start,0);line-height:18px;margin-top:12px;padding-inline-end:var(--ricos-breakout-normal-padding-end,0);padding-inline-start:var(--ricos-breakout-normal-padding-start,0);pointer-events:none;position:absolute;text-transform:uppercase;top:100%;user-select:none}.Uny0D.ezX-g .HRry6:after,.Uny0D.ezX-g .HRry6:before{background:rgba(var(--ricos-text-color-tuple,33,33,33),.15);content:"";flex:1;height:1px}.Uny0D.ezX-g .IsdbH{align-items:center;display:flex;gap:3px;padding-inline-end:6px;white-space:nowrap}.Uny0D.ezX-g .jAzvV{flex-shrink:0}._2VcbN{--ricos-internal-layout-display:grid;--ricos-internal-layout-handler-cursor:col-resize;--ricos-internal-layout-handler-color:#116dff;clear:both;margin:0 auto;position:relative;width:min(100%,var(--ricos-internal-resize-width,var(--ricos-internal-layout-width,initial)));z-index:2}.gEycQ{display:var(--ricos-internal-layout-display,grid);flex-wrap:wrap;gap:var(--ricos-internal-layout-gap,20px);grid-template-columns:var(--ricos-internal-layout-grid-template,var(--ricos-internal-layout-column-template));justify-content:var(--ricos-internal-layout-justify-content,auto);position:relative;transition:grid-template-columns .1s ease-out;width:100%;will-change:grid-template-columns;z-index:2}[data-layout-banner] .gEycQ{grid-template-columns:var(--ricos-internal-layout-column-template)!important}[data-layout-banner] .gEycQ._8EbuL{transition:none!important}.gEycQ._5RDn9,.gEycQ.x9ENo .DEyEZ{background:var(--ricos-internal-layout-background-gradient,var(--ricos-internal-layout-background-color,transparent));border:var(--ricos-internal-layout-border-width,0) solid var(--ricos-internal-layout-border-color);border-radius:var(--ricos-internal-layout-border-radius,0)}.gEycQ._5RDn9:before,.gEycQ.x9ENo .DEyEZ:before{background-image:var(--ricos-internal-layout-background-image-src);background-position:var(--ricos-internal-layout-background-image-position);background-repeat:no-repeat;background-size:var(--ricos-internal-layout-background-image-scaling);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";filter:var(--ricos-internal-layout-background-image-blur,none);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.gEycQ._5RDn9:after,.gEycQ.x9ENo .DEyEZ:after{background:var(--ricos-internal-layout-background-overlay,transparent);bottom:0;clip-path:inset(0 round var(--ricos-internal-layout-border-radius,0));content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@supports not (contain:inline-size){@media only screen and (max-width:480px){.gEycQ{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}}@container (width < 480px){.gEycQ:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){gap:min(20px,var(--ricos-internal-layout-gap,20px))}}@media (width < 480px){.gEycQ:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .gEycQ{gap:min(20px,var(--ricos-internal-layout-gap,20px))}}.gEycQ.X86QL{--ricos-internal-layout-display:flex;--ricos-internal-layout-justify-content:center;--ricos-internal-layout-cell-min-width:100%;--ricos-internal-layout-cell-height:auto}.gEycQ.X86QL .kusp-{display:none}.gEycQ._8EbuL{transition:none!important}.gEycQ._8EbuL,.gEycQ._8EbuL *{user-select:none!important}.gEycQ.jbxNq{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:e-resize}.gEycQ.nDudx{--ricos-layout-handler-color:#e62214;--ricos-layout-handler-cursor:w-resize}.gEycQ._4J4ZZ .DEyEZ .APkNS,.gEycQ._8EbuL .DEyEZ .APkNS,.gEycQ.aWqHB .DEyEZ .APkNS,.gEycQ.i5eOh .DEyEZ .APkNS,.gEycQ:focus .DEyEZ .APkNS,.gEycQ:hover .DEyEZ .APkNS{outline-color:var(--ricos-internal-layout-cell-outline-color)}.gEycQ .DEyEZ{display:flex;flex-direction:column;height:var(--ricos-internal-layout-cell-height,100%);max-width:var(--ricos-internal-layout-cell-min-width,auto);min-width:min(100%,var(--ricos-internal-layout-cell-min-width,0));position:relative;z-index:3}.gEycQ .DEyEZ .APkNS{display:flex;flex-direction:column;flex-grow:1;justify-content:var(--ricos-internal-layout-cell-vertical-alignment);outline:1.5px solid transparent;padding:var(--ricos-internal-layout-cell-padding-top,12px) var(--ricos-internal-layout-cell-padding-right,0) var(--ricos-internal-layout-cell-padding-bottom,12px) var(--ricos-internal-layout-cell-padding-left,0);position:relative;z-index:2}@supports not (contain:inline-size){@media only screen and (max-width:480px){.gEycQ .DEyEZ .APkNS{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}}@container (width < 480px){.gEycQ .DEyEZ .APkNS:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}@media (width < 480px){.gEycQ .DEyEZ .APkNS:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .gEycQ .DEyEZ .APkNS{padding:min(16px,var(--ricos-internal-layout-cell-padding-top,16px)) min(16px,var(--ricos-internal-layout-cell-padding-right,16px)) min(16px,var(--ricos-internal-layout-cell-padding-bottom,16px)) min(16px,var(--ricos-internal-layout-cell-padding-left,16px))}}.gEycQ .DEyEZ .cVj-m{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 6px rgba(0,6,36,.05);box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:none;height:18px;justify-content:center;left:50%;margin:0;outline:1px solid rgba(0,6,36,.302);padding:0 12px;position:absolute;top:0;transform:translate(-50%,-50%);transition:color .15s ease,background-color .15s ease;width:42px;z-index:3}.gEycQ .DEyEZ .cVj-m:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.gEycQ .DEyEZ .cVj-m:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.gEycQ .DEyEZ .cVj-m:active{cursor:grabbing}.gEycQ .DEyEZ .cVj-m:before{bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.gEycQ.aWqHB:after{background-color:rgba(17,109,255,.1);bottom:0;content:"";left:0;opacity:1;outline:1.5px solid #116dff;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.gEycQ.aWqHB .DEyEZ .APkNS{outline-color:rgba(17,109,255,.2)}.gEycQ.aWqHB .DEyEZ .cVj-m{display:none}.gEycQ .DEyEZ.HI3e8{background-color:rgba(17,109,255,.1);z-index:4}.gEycQ .DEyEZ.HI3e8 .APkNS{outline-color:#116dff}.gEycQ .DEyEZ.HI3e8 .cVj-m{background:#116dff;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline:none;transition:color .15s ease,background-color .15s ease}.gEycQ .DEyEZ.HI3e8 .cVj-m:hover{background:#0f62e6;color:#fff}.gEycQ .DEyEZ.HI3e8 .cVj-m:active{background:#084ebd;color:#fff}.gEycQ .DEyEZ.HI3e8 .ricos-selection,.gEycQ .DEyEZ.HI3e8 ::selection,.gEycQ._8EbuL .DEyEZ .ricos-selection,.gEycQ._8EbuL .DEyEZ ::selection,.gEycQ.aWqHB .DEyEZ .ricos-selection,.gEycQ.aWqHB .DEyEZ ::selection{background-color:transparent!important}.gEycQ._8EbuL .ricos-selection,.gEycQ.aWqHB .ricos-selection{background-color:transparent!important}.gEycQ._4J4ZZ .cVj-m,.gEycQ._8EbuL .cVj-m,.gEycQ.aWqHB .cVj-m,.gEycQ.i5eOh .cVj-m{display:flex;z-index:4}.kusp-{--ricos-internal-resize-handler-width:max(15px,var(--ricos-internal-layout-gap,0px));--ricos-internal-resize-handler-background-start:calc(50% - 1px);--ricos-internal-resize-handler-background-end:calc(50% + 1px);bottom:-1px;display:flex;left:calc(var(--ricos-internal-resize-handler-width)/2*-1);position:absolute!important;top:0;transform:translateX(max(-50%,var(--ricos-internal-layout-gap,0px)/2 * -1));width:var(--ricos-internal-resize-handler-width);z-index:3}.gEycQ:not(._8EbuL) .kusp-:hover,.kusp-:active{background:linear-gradient(90deg,transparent,transparent var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-start),var(--ricos-internal-layout-handler-color) var(--ricos-internal-resize-handler-background-end),transparent var(--ricos-internal-resize-handler-background-end));cursor:var(--ricos-internal-layout-handler-cursor)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,39 +21,39 @@ const injectCss = (() => {
 });
 injectCss();
 var layouts_default = {
-  "sectionDividerClip": "_7coMu",
-  "sectionDivider": "nTXNT",
-  "sectionDividerTop": "VzOB-",
-  "sectionDividerBottom": "-SOcz",
-  "layoutWrapper": "UqICm",
-  "withVerticalResize": "vV1uo",
-  "cell": "Kw8NT",
-  "cellContent": "TP8sm",
-  "breakoutMargin": "P8vSD",
-  "layoutHandlerWrapper": "_6Gobf",
-  "layoutContainer": "wQLux",
-  "layout": "vRrS7",
-  "layoutSelected": "GwIZH",
-  "dragging": "f6Thp",
-  "resizing": "gnN8l",
-  "inLayout": "-xjFA",
-  "layoutHandler": "RaoGy",
-  "bannerMargin": "UYNVj",
-  "dropCursor": "omC2x",
-  "disabled": "_27yw1",
-  "resizeHandler": "Zxv3c",
-  "columnHandlerContainer": "C3-U0",
-  "paywall": "_9B-Cl",
-  "paywallDivider": "LFgb1",
-  "paywallDividerLabel": "fkYP9",
-  "paywallDividerArrow": "_7rxv0",
-  "designOnLayout": "Y0F-w",
-  "designOnCell": "IfPPx",
-  "mobile": "a-uMs",
-  "invalidLeft": "szfYm",
-  "invalidRight": "nONwb",
-  "draggingOver": "Cs9Te",
-  "cellSelected": "CaBxP"
+  "sectionDividerClip": "Ahc5U",
+  "sectionDivider": "d2vWr",
+  "sectionDividerTop": "cedGp",
+  "sectionDividerBottom": "GArkg",
+  "layoutWrapper": "Uny0D",
+  "withVerticalResize": "-EuA7",
+  "cell": "DEyEZ",
+  "cellContent": "APkNS",
+  "breakoutMargin": "cf-3H",
+  "layoutHandlerWrapper": "dHwoU",
+  "layoutContainer": "_2VcbN",
+  "layout": "gEycQ",
+  "layoutSelected": "aWqHB",
+  "dragging": "PrYI0",
+  "resizing": "_8EbuL",
+  "inLayout": "_4J4ZZ",
+  "layoutHandler": "C5l5r",
+  "bannerMargin": "qTLWO",
+  "dropCursor": "_4Y2b9",
+  "disabled": "wUOQs",
+  "resizeHandler": "kusp-",
+  "columnHandlerContainer": "cVj-m",
+  "paywall": "ezX-g",
+  "paywallDivider": "HRry6",
+  "paywallDividerLabel": "IsdbH",
+  "paywallDividerIcon": "jAzvV",
+  "designOnLayout": "_5RDn9",
+  "designOnCell": "x9ENo",
+  "mobile": "X86QL",
+  "invalidLeft": "jbxNq",
+  "invalidRight": "nDudx",
+  "draggingOver": "i5eOh",
+  "cellSelected": "HI3e8"
 };
 export {
   layouts_default as default,