@industry-theme/file-editing-panels 0.2.3 → 0.3.0

package/dist/{index-6w0qQWxe.js → index-TGeUE9Er.js}

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value2) => key in obj ? __defProp(obj, key, { e
 var __publicField = (obj, key, value2) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value2);
 import { jsx as jsx$1, jsxs, Fragment } from "react/jsx-runtime";
 import * as React__default from "react";
-import React__default__default, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, Suspense, useReducer, useImperativeHandle } from "react";
+import React__default__default, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, Suspense, useReducer } from "react";
 import { ThemedMonacoWithProvider, ThemedMonacoDiffEditor } from "@principal-ade/industry-themed-monaco-editor";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
@@ -217,7 +217,8 @@ const FileEditorPanelContent = ({
   context,
   actions: _actions,
   events,
-  filePath: filePathProp
+  filePath: filePathProp,
+  showCloseButton = true
 }) => {
   var _a2, _b, _c;
   const { theme: theme2 } = useTheme();
@@ -542,7 +543,7 @@ const FileEditorPanelContent = ({
                         }
                       )
                     ] }),
-                    filePath && /* @__PURE__ */ jsx$1(
+                    filePath && showCloseButton && /* @__PURE__ */ jsx$1(
                       "button",
                       {
                         onClick: handleClose2,
@@ -745,7 +746,8 @@ const GitDiffPanelContent = ({
   actions: _actions,
   events,
   filePath: filePathProp,
-  gitStatus: gitStatusProp
+  gitStatus: gitStatusProp,
+  showCloseButton = true
 }) => {
   var _a2;
   const { theme: theme2 } = useTheme();
@@ -946,7 +948,7 @@ const GitDiffPanelContent = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx$1(
+              showCloseButton && /* @__PURE__ */ jsx$1(
                 "button",
                 {
                   onClick: handleClose2,
@@ -12478,7 +12480,7 @@ function fixWrappingWhitespace(node2, parentChain) {
   if (node2.type === "strong" || node2.type === "emphasis") {
     const lastChild = node2.children.at(-1);
     if ((lastChild == null ? void 0 : lastChild.type) === "text") {
-      const trailingWhitespace = lastChild.value.match(TRAILING_WHITESPACE_REGEXP);
+      const trailingWhitespace = TRAILING_WHITESPACE_REGEXP.exec(lastChild.value);
       if (trailingWhitespace) {
         lastChild.value = lastChild.value.replace(TRAILING_WHITESPACE_REGEXP, "");
         const parent = parentChain.at(-1);
@@ -12493,7 +12495,7 @@ function fixWrappingWhitespace(node2, parentChain) {
     }
     const firstChild = node2.children.at(0);
     if ((firstChild == null ? void 0 : firstChild.type) === "text") {
-      const leadingWhitespace = firstChild.value.match(LEADING_WHITESPACE_REGEXP);
+      const leadingWhitespace = LEADING_WHITESPACE_REGEXP.exec(firstChild.value);
       if (leadingWhitespace) {
         firstChild.value = firstChild.value.replace(LEADING_WHITESPACE_REGEXP, "");
         const parent = parentChain.at(-1);
@@ -17023,6 +17025,182 @@ function defaultOnError(left, right) {
     }) + ") is still open");
   }
 }
+const DEFAULT_KNOWN_LANGUAGES = /* @__PURE__ */ new Set([
+  // JavaScript/TypeScript family
+  "javascript",
+  "js",
+  "jsx",
+  "typescript",
+  "ts",
+  "tsx",
+  // Common scripting languages
+  "python",
+  "py",
+  "ruby",
+  "rb",
+  "php",
+  "perl",
+  "bash",
+  "sh",
+  "shell",
+  "powershell",
+  "ps1",
+  // Compiled languages
+  "java",
+  "c",
+  "cpp",
+  "c++",
+  "csharp",
+  "cs",
+  "go",
+  "rust",
+  "rs",
+  "swift",
+  "kotlin",
+  "kt",
+  "scala",
+  "dart",
+  // Web technologies
+  "html",
+  "htm",
+  "css",
+  "scss",
+  "sass",
+  "less",
+  "xml",
+  "svg",
+  // Data formats
+  "json",
+  "json5",
+  "yaml",
+  "yml",
+  "toml",
+  "xml",
+  "csv",
+  // Database & Query
+  "sql",
+  "mysql",
+  "postgresql",
+  "sqlite",
+  "graphql",
+  "gql",
+  // Markup & Documentation
+  "markdown",
+  "md",
+  "latex",
+  "tex",
+  "rst",
+  // Other common languages
+  "r",
+  "matlab",
+  "julia",
+  "lua",
+  "vim",
+  "viml",
+  // Generic/Fallback
+  "text",
+  "txt",
+  "plaintext",
+  "diff",
+  "patch",
+  // Special (diagram tools, etc.)
+  "mermaid",
+  "dot",
+  "graphviz"
+]);
+const DEFAULT_LANGUAGE_MAPPINGS = {
+  "n/a": "",
+  // Map to empty string instead of 'text'
+  "N/A": "",
+  // Map to empty string instead of 'text'
+  "argdown": "markdown",
+  "": ""
+  // Keep empty as empty
+};
+function escapeComparisonOperators(markdown2) {
+  let result = markdown2;
+  const codeBlocks = [];
+  let codeBlockIndex = 0;
+  result = result.replace(/(```[\s\S]*?```|`[^`\n]+`)/g, (match) => {
+    const placeholder2 = `___CODE_BLOCK_${codeBlockIndex}___`;
+    codeBlocks.push(match);
+    codeBlockIndex++;
+    return placeholder2;
+  });
+  const validTags = [];
+  let validTagIndex = 0;
+  result = result.replace(/<\/?[a-zA-Z][a-zA-Z0-9]*(?:\s+[^>]*)?\/?>/g, (match) => {
+    const placeholder2 = `___VALID_TAG_${validTagIndex}___`;
+    validTags.push(match);
+    validTagIndex++;
+    return placeholder2;
+  });
+  const comments = [];
+  let commentIndex = 0;
+  result = result.replace(/<!--[\s\S]*?-->/g, (match) => {
+    const placeholder2 = `___HTML_COMMENT_${commentIndex}___`;
+    comments.push(match);
+    commentIndex++;
+    return placeholder2;
+  });
+  result = result.replace(/</g, "&lt;");
+  result = result.replace(new RegExp("(?<!^)>", "gm"), "&gt;");
+  result = result.replace(/___VALID_TAG_(\d+)___/g, (_2, index2) => {
+    return validTags[parseInt(index2)];
+  });
+  result = result.replace(/___HTML_COMMENT_(\d+)___/g, (_2, index2) => {
+    return comments[parseInt(index2)];
+  });
+  result = result.replace(/___CODE_BLOCK_(\d+)___/g, (_2, index2) => {
+    return codeBlocks[parseInt(index2)];
+  });
+  return result;
+}
+function normalizeCodeBlockLanguages(markdown2, options) {
+  const { knownLanguages, fallbackLanguage, languageMappings } = options;
+  return markdown2.replace(
+    /^(\s*)```([^\n`]*?)\n/gim,
+    (match, indent2, lang) => {
+      const trimmedLang = lang.trim();
+      const lowerLang = trimmedLang.toLowerCase();
+      if (trimmedLang in languageMappings || lowerLang in languageMappings) {
+        const mapped = trimmedLang in languageMappings ? languageMappings[trimmedLang] : languageMappings[lowerLang];
+        return `${indent2}\`\`\`${mapped}
+`;
+      }
+      if (knownLanguages.has(lowerLang)) {
+        return match;
+      }
+      if (!trimmedLang) {
+        return `${indent2}\`\`\`${fallbackLanguage}
+`;
+      }
+      return match;
+    }
+  );
+}
+function preprocessMarkdown(markdown2, options = {}) {
+  const {
+    escapeComparisonOperators: shouldEscapeOperators = true,
+    normalizeCodeBlockLanguages: shouldNormalizeLangs = true,
+    knownLanguages = DEFAULT_KNOWN_LANGUAGES,
+    fallbackLanguage = "",
+    // Changed from 'text' to empty string
+    languageMappings = DEFAULT_LANGUAGE_MAPPINGS
+  } = options;
+  let result = markdown2;
+  if (shouldNormalizeLangs) {
+    result = normalizeCodeBlockLanguages(result, {
+      knownLanguages,
+      fallbackLanguage,
+      languageMappings
+    });
+  }
+  if (shouldEscapeOperators) {
+    result = escapeComparisonOperators(result);
+  }
+  return result;
+}
 function isParent$1(node2) {
   return node2.children instanceof Array;
 }
@@ -17076,7 +17254,8 @@ function importMarkdownToLexical({
   var _a2;
   let mdastRoot;
   try {
-    mdastRoot = fromMarkdown(markdown2, {
+    const processedMarkdown = preprocessMarkdown(markdown2);
+    mdastRoot = fromMarkdown(processedMarkdown, {
       extensions: syntaxExtensions,
       mdastExtensions
     });
@@ -17121,7 +17300,7 @@ function importMdastTreeToLexical({ root: root2, mdastRoot, visitors, ...descrip
     if (!visitor) {
       try {
         throw new UnrecognizedMarkdownConstructError(`Unsupported markdown syntax: ${toMarkdown(mdastNode)}`);
-      } catch (e2) {
+      } catch (_e2) {
         throw new UnrecognizedMarkdownConstructError(
           `Parsing of the following markdown structure failed: ${JSON.stringify({
             type: mdastNode.type,
@@ -17841,9 +18020,7 @@ const currentSelection$ = $$4(null, (r2) => {
       const parent = e2.getParent();
       return parent !== null && so(parent);
     });
-    if (element2 === null) {
-      element2 = anchorNode.getTopLevelElementOrThrow();
-    }
+    element2 ?? (element2 = anchorNode.getTopLevelElementOrThrow());
     const elementKey = element2.getKey();
     const elementDOM = theEditor.getElementByKey(elementKey);
     if (elementDOM !== null) {
@@ -20143,10 +20320,26 @@ function getSelectedNode(selection2) {
     } else {
       return A$2(anchor) ? anchorNode : focusNode;
     }
-  } catch (e2) {
+  } catch {
     return null;
   }
 }
+const WILL_CHANGE_CONTAINING_BLOCK_PROPS = ["transform", "perspective", "filter", "backdrop-filter", "contain", "container-type"];
+const CONTAIN_VALUES_CREATING_CONTAINING_BLOCK = ["layout", "paint", "strict", "content"];
+function getFixedContainingBlock(element2) {
+  let current = element2 == null ? void 0 : element2.parentElement;
+  while (current) {
+    const style = window.getComputedStyle(current);
+    const willChangeProps = style.willChange.split(",").map((v2) => v2.trim());
+    const hasRelevantWillChange = willChangeProps.some((prop) => WILL_CHANGE_CONTAINING_BLOCK_PROPS.includes(prop));
+    const createsContainingBlock = style.transform !== "none" || style.perspective !== "none" || style.filter !== "none" || style.backdropFilter !== "none" || CONTAIN_VALUES_CREATING_CONTAINING_BLOCK.includes(style.contain) || style.containerType !== "normal" || style.contentVisibility === "auto" || hasRelevantWillChange;
+    if (createsContainingBlock) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
 function getSelectionRectangle(editor) {
   const selection2 = wr();
   const nativeSelection = window.getSelection();
@@ -20173,13 +20366,23 @@ function getSelectionRectangle(editor) {
         rect = domRange.getBoundingClientRect();
       }
     }
+    const fixedContainer = getFixedContainingBlock(rootElement);
+    if (fixedContainer) {
+      const containerRect = fixedContainer.getBoundingClientRect();
+      return {
+        top: Math.round(rect.top - containerRect.top),
+        left: Math.round(rect.left - containerRect.left),
+        width: Math.round(rect.width),
+        height: Math.round(rect.height)
+      };
+    }
     return {
       top: Math.round(rect.top),
       left: Math.round(rect.left),
       width: Math.round(rect.width),
       height: Math.round(rect.height)
     };
-  } else if (!activeElement || activeElement.className !== "link-input") {
+  } else if ((activeElement == null ? void 0 : activeElement.className) !== "link-input") {
     return null;
   }
   return null;
@@ -20425,8 +20628,140 @@ const MDXEditor = React__default__default.forwardRef((props, ref) => {
     /* @__PURE__ */ React__default__default.createElement(Methods$1, { mdxRef: ref })
   );
 });
+function themeToCSSVariables(theme2) {
+  return {
+    // Page and base backgrounds
+    "--basePageBg": theme2.colors.background,
+    "--baseBase": theme2.colors.background,
+    "--baseBgSubtle": theme2.colors.backgroundSecondary,
+    "--baseBg": theme2.colors.backgroundTertiary,
+    "--baseBgHover": theme2.colors.backgroundHover,
+    "--baseBgActive": theme2.colors.backgroundLight,
+    // Borders and lines
+    "--baseLine": theme2.colors.border,
+    "--baseBorder": theme2.colors.border,
+    "--baseBorderHover": theme2.colors.border,
+    // Solid colors (non-transparent UI elements)
+    "--baseSolid": theme2.colors.muted,
+    "--baseSolidHover": theme2.colors.muted,
+    // Text colors
+    "--baseText": theme2.colors.text,
+    "--baseTextContrast": theme2.colors.text,
+    // Accent colors (primary interactive elements)
+    "--accentBase": theme2.colors.primary,
+    "--accentBgSubtle": theme2.colors.primary,
+    "--accentBg": theme2.colors.primary,
+    "--accentBgHover": theme2.colors.secondary,
+    "--accentBgActive": theme2.colors.secondary,
+    "--accentLine": theme2.colors.primary,
+    "--accentBorder": theme2.colors.primary,
+    "--accentBorderHover": theme2.colors.secondary,
+    "--accentSolid": theme2.colors.primary,
+    "--accentSolidHover": theme2.colors.secondary,
+    "--accentText": theme2.colors.primary,
+    "--accentTextContrast": theme2.colors.accent,
+    // Status/admonition colors
+    "--admonitionTipBg": theme2.colors.info,
+    "--admonitionTipBorder": theme2.colors.info,
+    "--admonitionInfoBg": theme2.colors.success,
+    "--admonitionInfoBorder": theme2.colors.success,
+    "--admonitionCautionBg": theme2.colors.warning,
+    "--admonitionCautionBorder": theme2.colors.warning,
+    "--admonitionDangerBg": theme2.colors.error,
+    "--admonitionDangerBorder": theme2.colors.error,
+    "--admonitionNoteBg": theme2.colors.muted,
+    "--admonitionNoteBorder": theme2.colors.border,
+    // Error color
+    "--error-color": theme2.colors.error,
+    // Typography
+    "--font-mono": theme2.fonts.monospace,
+    "--font-body": theme2.fonts.body,
+    // Spacing (use theme's spacing scale)
+    "--spacing-0": `${theme2.space[0]}px`,
+    "--spacing-px": "1px",
+    "--spacing-0_5": "0.125rem",
+    "--spacing-1": `${theme2.space[1]}px`,
+    "--spacing-1_5": "0.375rem",
+    "--spacing-2": `${theme2.space[2]}px`,
+    "--spacing-2_5": "0.625rem",
+    "--spacing-3": `${theme2.space[3]}px`,
+    "--spacing-3_5": "0.875rem",
+    "--spacing-4": `${theme2.space[4]}px`,
+    "--spacing-5": `${theme2.space[5]}px`,
+    "--spacing-6": `${theme2.space[6]}px`,
+    "--spacing-7": `${theme2.space[7]}px`,
+    "--spacing-8": `${theme2.space[8]}px`,
+    // Border radius (use theme's radii)
+    "--radius-none": `${theme2.radii[0]}px`,
+    "--radius-small": `${theme2.radii[1]}px`,
+    "--radius-base": `${theme2.radii[2]}px`,
+    "--radius-medium": `${theme2.radii[3]}px`,
+    "--radius-large": `${theme2.radii[4]}px`,
+    "--radius-extra-large": `${theme2.radii[5]}px`,
+    // Font sizes (use theme's fontSizes with scaling)
+    "--text-xxs": `${theme2.fontSizes[0]}px`,
+    "--text-xs": `${theme2.fontSizes[1]}px`,
+    "--text-sm": `${theme2.fontSizes[2]}px`,
+    "--text-base": `${theme2.fontSizes[3]}px`
+  };
+}
+function generateStyleId(theme2) {
+  const colorStr = JSON.stringify(theme2.colors);
+  let hash2 = 0;
+  for (let i2 = 0; i2 < colorStr.length; i2++) {
+    hash2 = (hash2 << 5) - hash2 + colorStr.charCodeAt(i2) | 0;
+  }
+  return `themed-mdxeditor-${Math.abs(hash2)}`;
+}
+const ThemedMDXEditorInner = React__default__default.forwardRef((props, ref) => {
+  const { theme: theme2 } = useTheme();
+  const cssVars = themeToCSSVariables(theme2);
+  const styleId = React__default__default.useMemo(() => generateStyleId(theme2), [theme2]);
+  React__default__default.useEffect(() => {
+    const existingStyle = document.getElementById(styleId);
+    if (existingStyle) {
+      return;
+    }
+    const styleElement = document.createElement("style");
+    styleElement.id = styleId;
+    const cssRules = Object.entries(cssVars).map(([key, value2]) => `  ${key}: ${value2};`).join("\n");
+    styleElement.textContent = `
+.themed-mdxeditor.mdxeditor {
+${cssRules}
+}
+`;
+    document.head.appendChild(styleElement);
+    return () => {
+      const style = document.getElementById(styleId);
+      if (style) {
+        style.remove();
+      }
+    };
+  }, [cssVars, styleId]);
+  const className = props.className ? `${props.className} themed-mdxeditor` : "themed-mdxeditor";
+  return /* @__PURE__ */ React__default__default.createElement(MDXEditor, { ...props, ref, className });
+});
+ThemedMDXEditorInner.displayName = "ThemedMDXEditorInner";
+const ThemedMDXEditor = React__default__default.forwardRef(
+  (props, ref) => {
+    try {
+      const { theme: contextTheme } = useTheme();
+      if (contextTheme) {
+        return /* @__PURE__ */ React__default__default.createElement(ThemedMDXEditorInner, { ...props, ref });
+      }
+    } catch {
+    }
+    const className = props.className ? `${props.className} dark-editor` : "dark-editor";
+    return /* @__PURE__ */ React__default__default.createElement(MDXEditor, { ...props, ref, className });
+  }
+);
+ThemedMDXEditor.displayName = "ThemedMDXEditor";
 const CAN_USE_DOM = typeof window !== "undefined" && typeof window.document.createElement !== "undefined";
-const IS_APPLE = CAN_USE_DOM && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+const IS_APPLE = CAN_USE_DOM && (() => {
+  var _a2;
+  const platform2 = (_a2 = navigator.userAgentData) == null ? void 0 : _a2.platform;
+  return platform2 ? /mac/i.test(platform2) : /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
+})();
 function controlOrMeta(metaKey, ctrlKey) {
   if (IS_APPLE) {
     return metaKey;
@@ -20446,31 +20781,31 @@ const MdastHeadingVisitor = {
     actions.addAndStepInto(At(`h${mdastNode.depth}`));
   }
 };
-const FORMATTING_KEYS = [48, 49, 50, 51, 52, 53, 54];
+const FORMATTING_KEYS = ["Digit0", "Digit1", "Digit2", "Digit3", "Digit4", "Digit5", "Digit6"];
 const ALL_HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
 const CODE_TO_HEADING_LEVEL_MAP = {
-  49: 1,
-  50: 2,
-  51: 3,
-  52: 4,
-  53: 5,
-  54: 6
+  Digit1: 1,
+  Digit2: 2,
+  Digit3: 3,
+  Digit4: 4,
+  Digit5: 5,
+  Digit6: 6
 };
 const allowedHeadingLevels$ = $$4(ALL_HEADING_LEVELS, (r2) => {
   r2.pub(createRootEditorSubscription$, (theRootEditor) => {
     return theRootEditor.registerCommand(
       Se,
       (event) => {
-        const { keyCode, ctrlKey, metaKey, altKey } = event;
-        if (FORMATTING_KEYS.includes(keyCode) && controlOrMeta(metaKey, ctrlKey) && altKey) {
+        const { code, ctrlKey, metaKey, altKey } = event;
+        if (FORMATTING_KEYS.includes(code) && controlOrMeta(metaKey, ctrlKey) && altKey) {
           event.preventDefault();
           theRootEditor.update(() => {
-            if (keyCode === 48) {
+            if (code === "Digit0") {
               r2.pub(convertSelectionToNode$, () => Fi());
             } else {
               const allowedHeadingLevels = r2.getValue(allowedHeadingLevels$);
-              const requestedHeadingLevel = CODE_TO_HEADING_LEVEL_MAP[keyCode];
-              if (!allowedHeadingLevels.includes(requestedHeadingLevel)) {
+              const requestedHeadingLevel = CODE_TO_HEADING_LEVEL_MAP[code];
+              if (allowedHeadingLevels.includes(requestedHeadingLevel)) {
                 r2.pub(convertSelectionToNode$, () => At(`h${requestedHeadingLevel}`));
               }
             }
@@ -20672,12 +21007,10 @@ const LexicalListItemVisitor = {
       let surroundingParagraph = null;
       for (const child of lexicalNode.getChildren()) {
         if (Zn(child) || Ln(child) || child.isInline() && (hi(child) || pi(child))) {
-          if (!surroundingParagraph) {
-            surroundingParagraph = actions.appendToParent(listItem2, {
-              type: "paragraph",
-              children: []
-            });
-          }
+          surroundingParagraph ?? (surroundingParagraph = actions.appendToParent(listItem2, {
+            type: "paragraph",
+            children: []
+          }));
           actions.visit(child, surroundingParagraph);
         } else {
           surroundingParagraph = null;
@@ -20889,9 +21222,7 @@ const currentListType$ = $$4("", (r2) => {
       const parent = e2.getParent();
       return parent !== null && so(parent);
     });
-    if (element2 === null) {
-      element2 = anchorNode.getTopLevelElementOrThrow();
-    }
+    element2 ?? (element2 = anchorNode.getTopLevelElementOrThrow());
     const elementKey = element2.getKey();
     const elementDOM = theEditor.getElementByKey(elementKey);
     if (elementDOM !== null) {
@@ -26580,9 +26911,7 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
   const [iconComponentFor, readOnly2] = X$3(iconComponentFor$, readOnly$);
   const getCellKey = React__default__default.useMemo(() => {
     return (cell) => {
-      if (!cell.__cacheKey) {
-        cell.__cacheKey = uuidv4();
-      }
+      cell.__cacheKey ?? (cell.__cacheKey = uuidv4());
       return cell.__cacheKey;
     };
   }, []);
@@ -26870,7 +27199,9 @@ const CellEditor = ({ focus: focus2, setActiveCell, parentEditor, lexicalTable,
     );
   }, [colIndex, editor, rootEditor, rowIndex, saveAndFocus, setActiveCell]);
   React__default__default.useEffect(() => {
-    focus2 && editor.focus();
+    if (focus2) {
+      editor.focus();
+    }
   }, [focus2, editor]);
   return /* @__PURE__ */ React__default__default.createElement(h, { initialEditor: editor }, /* @__PURE__ */ React__default__default.createElement(h$4, { contentEditable: /* @__PURE__ */ React__default__default.createElement(x$3, null), placeholder: /* @__PURE__ */ React__default__default.createElement("div", null), ErrorBoundary: a$2 }), nestedEditorChildren.map((Child, index2) => /* @__PURE__ */ React__default__default.createElement(Child, { key: index2 })), /* @__PURE__ */ React__default__default.createElement(a$3, null));
 };
@@ -27174,9 +27505,7 @@ class TableNode extends _i {
   setColumnAlign(colIndex, align) {
     const self2 = this.getWritable();
     const table = self2.__mdastNode;
-    if (table.align == null) {
-      table.align = [];
-    }
+    table.align ?? (table.align = []);
     table.align[colIndex] = align;
   }
   /** @internal */
@@ -27212,7 +27541,7 @@ function $convertTableElement(element2) {
           children: [
             {
               type: "text",
-              value: cell.textContent ?? ""
+              value: cell.textContent
             }
           ]
         };
@@ -27570,7 +27899,7 @@ function EditImageToolbar(props) {
         openEditImageDialog({
           nodeKey,
           initialValues: {
-            src: !initialImagePath ? imageSource : initialImagePath,
+            src: initialImagePath ?? imageSource,
             title,
             altText: alt,
             width: parseImageDimension(width),
@@ -31554,7 +31883,7 @@ function ImageResizer({
     startY: 0
   });
   const editorRootElement = editor.getRootElement();
-  const maxWidthContainer = maxWidth ? maxWidth : editorRootElement !== null ? editorRootElement.getBoundingClientRect().width - 20 : 100;
+  const maxWidthContainer = maxWidth ?? (editorRootElement !== null ? editorRootElement.getBoundingClientRect().width - 20 : 100);
   const maxHeightContainer = editorRootElement !== null ? editorRootElement.getBoundingClientRect().height - 20 : 100;
   const minWidth = 100;
   const minHeight = 100;
@@ -32018,8 +32347,8 @@ class ImageNode extends _i {
     this.__src = src;
     this.__title = title;
     this.__altText = altText;
-    this.__width = width ? width : "inherit";
-    this.__height = height ? height : "inherit";
+    this.__width = width ?? "inherit";
+    this.__height = height ?? "inherit";
     this.__rest = rest ?? [];
   }
   /** @internal */
@@ -32031,6 +32360,16 @@ class ImageNode extends _i {
     return new ImageNode(node2.__src, node2.__altText, node2.__title, node2.__width, node2.__height, node2.__rest, node2.__key);
   }
   /** @internal */
+  afterCloneFrom(prevNode) {
+    super.afterCloneFrom(prevNode);
+    this.__src = prevNode.__src;
+    this.__altText = prevNode.__altText;
+    this.__title = prevNode.__title;
+    this.__width = prevNode.__width;
+    this.__height = prevNode.__height;
+    this.__rest = prevNode.__rest;
+  }
+  /** @internal */
   static importJSON(serializedNode) {
     const { altText, title, src, width, rest, height } = serializedNode;
     const node2 = $createImageNode({
@@ -32090,7 +32429,7 @@ class ImageNode extends _i {
     writable.__height = height;
   }
   /** @internal */
-  createDOM(config2) {
+  createDOM(config2, _editor) {
     const span = document.createElement("span");
     const theme2 = config2.theme;
     const className = theme2.image;
@@ -35981,6 +36320,13 @@ class CodeBlockNode extends _i {
   static clone(node2) {
     return new CodeBlockNode(node2.__code, node2.__language, node2.__meta, node2.__key);
   }
+  afterCloneFrom(prevNode) {
+    super.afterCloneFrom(prevNode);
+    this.__code = prevNode.__code;
+    this.__meta = prevNode.__meta;
+    this.__language = prevNode.__language;
+    this.__focusEmitter = voidEmitter();
+  }
   static importJSON(serializedNode) {
     const { code, meta: meta2, language: language2 } = serializedNode;
     return $createCodeBlockNode({
@@ -36009,7 +36355,7 @@ class CodeBlockNode extends _i {
     };
   }
   // View
-  createDOM(_config) {
+  createDOM(_config, _editor) {
     return document.createElement("div");
   }
   updateDOM() {
@@ -36081,9 +36427,7 @@ const CodeBlockEditorContainer = (props) => {
   const codeBlockEditorDescriptors = E$4(codeBlockEditorDescriptors$);
   const defaultCodeBlockLanguage = E$4(defaultCodeBlockLanguage$);
   let descriptor = codeBlockEditorDescriptors.sort((a2, b2) => b2.priority - a2.priority).find((descriptor2) => descriptor2.match(props.language || "", props.meta || ""));
-  if (!descriptor) {
-    descriptor = codeBlockEditorDescriptors.find((descriptor2) => descriptor2.match(defaultCodeBlockLanguage || "", props.meta || ""));
-  }
+  descriptor ?? (descriptor = codeBlockEditorDescriptors.find((descriptor2) => descriptor2.match(defaultCodeBlockLanguage || "", props.meta || "")));
   if (!descriptor) {
     throw new Error(`No CodeBlockEditor registered for language=${props.language} meta=${props.meta}`);
   }
@@ -36100,10 +36444,10 @@ function $isCodeBlockNode(node2) {
 }
 function $convertPreElement(element2) {
   const preElement = element2;
-  const code = preElement.textContent ?? "";
+  const code = preElement.textContent;
   const classAttribute = element2.getAttribute("class") ?? "";
   const dataLanguageAttribute = element2.getAttribute("data-language") ?? "";
-  const languageMatch = classAttribute.match(/language-(\w+)/);
+  const languageMatch = /language-(\w+)/.exec(classAttribute);
   const language2 = languageMatch ? languageMatch[1] : dataLanguageAttribute;
   const meta2 = preElement.getAttribute("data-meta") ?? "";
   return {
@@ -62278,7 +62622,7 @@ function legacy(parser2) {
   return new LanguageSupport(StreamLanguage.define(parser2));
 }
 function sql(dialectName) {
-  return import("./index-MGDZkDQT.js").then((m3) => m3.sql({ dialect: m3[dialectName] }));
+  return import("./index-DsOGNrfl.js").then((m3) => m3.sql({ dialect: m3[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -62286,7 +62630,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-CUxI5QVO.js").then((m3) => m3.cpp());
+      return import("./index-BO94YI1U.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62294,7 +62638,7 @@ const languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-CUxI5QVO.js").then((m3) => m3.cpp());
+      return import("./index-BO94YI1U.js").then((m3) => m3.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62316,7 +62660,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-DQXY2KTD.js").then((m3) => m3.go());
+      return import("./index-kzNBMTqG.js").then((m3) => m3.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62331,7 +62675,7 @@ const languages = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-ByS7RhLv.js").then((m3) => m3.java());
+      return import("./index-CwwU-P8Y.js").then((m3) => m3.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62346,7 +62690,7 @@ const languages = [
     name: "Jinja",
     extensions: ["j2", "jinja", "jinja2"],
     load() {
-      return import("./index-BPiU3ZGu.js").then((m3) => m3.jinja());
+      return import("./index-BDgU-836.js").then((m3) => m3.jinja());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62354,7 +62698,7 @@ const languages = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("./index-BwJ7ysyg.js").then((m3) => m3.json());
+      return import("./index-BE_uqu8N.js").then((m3) => m3.json());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62368,14 +62712,14 @@ const languages = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-Dtu7Z_rj.js").then((m3) => m3.less());
+      return import("./index-DHoL-esa.js").then((m3) => m3.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-n0l3b7yd.js").then((m3) => m3.liquid());
+      return import("./index-Dj4Q-D3m.js").then((m3) => m3.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62407,7 +62751,7 @@ const languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-CLkHiHHg.js").then((m3) => m3.php());
+      return import("./index-BijIiC2T.js").then((m3) => m3.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62428,28 +62772,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-BGYE_9-2.js").then((m3) => m3.python());
+      return import("./index-BQ3COoTI.js").then((m3) => m3.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-C8M7XUU3.js").then((m3) => m3.rust());
+      return import("./index-WBoaW8wN.js").then((m3) => m3.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-DEKx4IQM.js").then((m3) => m3.sass({ indented: true }));
+      return import("./index-BcJD4K9H.js").then((m3) => m3.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-DEKx4IQM.js").then((m3) => m3.sass());
+      return import("./index-BcJD4K9H.js").then((m3) => m3.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62484,7 +62828,7 @@ const languages = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-KaUsXGnl.js").then((m3) => m3.wast());
+      return import("./index-Bn3GS5JS.js").then((m3) => m3.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62492,7 +62836,7 @@ const languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-DZEhVUk2.js").then((m3) => m3.xml());
+      return import("./index-D4652IGg.js").then((m3) => m3.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -62500,7 +62844,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index--PROGPVz.js").then((m3) => m3.yaml());
+      return import("./index-D_58AKji.js").then((m3) => m3.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -63289,13 +63633,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-CqtzDkXg.js").then((m3) => m3.vue());
+      return import("./index-B2rZhF0Y.js").then((m3) => m3.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-C2ZCh8Gz.js").then((m3) => m3.angular());
+      return import("./index-c05jkXcr.js").then((m3) => m3.angular());
     }
   })
 ];
@@ -66948,7 +67292,7 @@ const CodeMirrorEditor = ({ language: language2, nodeKey, code, focusEmitter })
           try {
             const languageSupport = await languageData2.load();
             extensions.push(languageSupport.extension);
-          } catch (e2) {
+          } catch (_e2) {
             console.warn("failed to load language support for", language2);
           }
         }
@@ -67050,7 +67394,7 @@ const codeMirrorPlugin = realmPlugin({
 function buildCodeBlockDescriptor(codeBlockLanguages) {
   return {
     match(language2, meta2) {
-      return Boolean(Object.hasOwn(codeBlockLanguages, language2 ?? "")) && !meta2;
+      return Object.hasOwn(codeBlockLanguages, language2 ?? "") && !meta2;
     },
     priority: 1,
     Editor: CodeMirrorEditor
@@ -67310,7 +67654,7 @@ const linkDialogState$ = $$4({ type: "inactive" }, (r2) => {
   });
   r2.pub(createActiveEditorSubscription$, (editor) => {
     return editor.registerCommand(
-      Xe,
+      Se,
       (event) => {
         if (event.key === "k" && (IS_APPLE ? event.metaKey : event.ctrlKey) && !r2.getValue(readOnly$)) {
           const selection2 = wr();
@@ -67368,9 +67712,16 @@ const linkDialogState$ = $$4({ type: "inactive" }, (r2) => {
               Lr([node2]);
               node2.select();
             } else {
-              linkNode.setURL(url);
-              linkNode.setTitle(title);
-              updateLinkText(linkNode.getFirstChild(), text2);
+              if (O(linkNode)) {
+                const newLinkNode = d$2(url, { title });
+                newLinkNode.append(Qn(text2));
+                linkNode.replace(newLinkNode);
+                newLinkNode.select();
+              } else {
+                linkNode.setURL(url);
+                linkNode.setTitle(title);
+                updateLinkText(linkNode.getFirstChild(), text2);
+              }
             }
           },
           { discrete: true }
@@ -67430,6 +67781,8 @@ const linkDialogState$ = $$4({ type: "inactive" }, (r2) => {
       _$3(([[selection2], activeEditor, _2, readOnly2]) => {
         if (ar(selection2) && activeEditor && !readOnly2) {
           const node2 = getLinkNodeInSelection(selection2);
+          if (!selection2.isCollapsed())
+            return { type: "inactive" };
           if (node2) {
             const rect = getSelectionRectangle(activeEditor);
             if (!rect) {
@@ -75329,641 +75682,6 @@ const UndoRedo = () => {
     }
   );
 };
-(function() {
-  if (typeof document === "undefined") return;
-  var id2 = "mdxeditor-base-styles-L1VzZXJz";
-  if (document.getElementById(id2)) return;
-  var style = document.createElement("style");
-  style.id = id2;
-  style.textContent = ":root, .light, .light-theme {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n.dark, .dark-theme {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n.dark, .dark-theme {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, .light, .light-theme {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n/** Code mirror */\n\n.mdxeditor .cm-editor {\n    --sp-font-mono: var(--font-mono);\n    --sp-font-body: var(--font-body);\n    padding: var(--sp-space-4) 0;\n  }\n\n.mdxeditor .sp-editor .cm-editor {\n    padding-bottom: 0;\n  }\n\n.mdxeditor .cm-scroller {\n    padding: 0 !important;\n  }\n\n.mdxeditor .cm-focused {\n    outline: none;\n  }\n\n.mdxeditor .sp-wrapper {\n    overflow: hidden;\n  }\n\n.mdxeditor .sp-layout {\n    border: none;\n  }\n\n.mdxeditor .sp-cm pre {\n      white-space: break-spaces;\n      word-break: break-word;\n      overflow-wrap: anywhere;\n      flex-shrink: 1;\n    }\n\n/** Diff viewer */\n\n.mdxeditor .cm-mergeView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n/** Diff viewer */\n\n.mdxeditor .cm-sourceView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n.mdxeditor .cm-gutters {\n    background: transparent;\n    font-size: var(--text-xxs);\n  }\n\n.mdxeditor .cm-activeLine {\n    background: transparent;\n  }\n\n.mdxeditor .cm-tooltip-autocomplete {\n    background: var(--baseBgSubtle);\n  }\n\n.mdxeditor hr.selected[data-lexical-decorator=true] {\n    outline: 2px solid highlight;\n  }\n._editorRoot_1e2ox_53 {\n  --accentBase: var(--blue-1);\n  --accentBgSubtle: var(--blue-2);\n  --accentBg: var(--blue-3);\n  --accentBgHover: var(--blue-4);\n  --accentBgActive: var(--blue-5);\n  --accentLine: var(--blue-6);\n  --accentBorder: var(--blue-7);\n  --accentBorderHover: var(--blue-8);\n  --accentSolid: var(--blue-9);\n  --accentSolidHover: var(--blue-10);\n  --accentText: var(--blue-11);\n  --accentTextContrast: var(--blue-12);\n\n  --basePageBg: white;\n  --baseBase: var(--slate-1);\n  --baseBgSubtle: var(--slate-2);\n  --baseBg: var(--slate-3);\n  --baseBgHover: var(--slate-4);\n  --baseBgActive: var(--slate-5);\n  --baseLine: var(--slate-6);\n  --baseBorder: var(--slate-7);\n  --baseBorderHover: var(--slate-8);\n  --baseSolid: var(--slate-9);\n  --baseSolidHover: var(--slate-10);\n  --baseText: var(--slate-11);\n  --baseTextContrast: var(--slate-12);\n\n  --admonitionTipBg: var(--cyan-4);\n  --admonitionTipBorder: var(--cyan-8);\n\n  --admonitionInfoBg: var(--grass-4);\n  --admonitionInfoBorder: var(--grass-8);\n\n  --admonitionCautionBg: var(--amber-4);\n  --admonitionCautionBorder: var(--amber-8);\n\n  --admonitionDangerBg: var(--red-4);\n  --admonitionDangerBorder: var(--red-8);\n\n  --admonitionNoteBg: var(--slate-4);\n  --admonitionNoteBorder: var(--slate-8);\n\n  --error-color: var(--red-10);\n\n  --spacing-0: 0px;\n  --spacing-px: 1px;\n  --spacing-0_5: 0.125rem;\n  --spacing-1: 0.25rem;\n  --spacing-1_5: 0.375rem;\n  --spacing-2: 0.5rem;\n  --spacing-2_5: 0.625rem;\n  --spacing-3: 0.75rem;\n  --spacing-3_5: 0.875rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-7: 1.75rem;\n  --spacing-8: 2rem;\n  --spacing-9: 2.25rem;\n  --spacing-10: 2.5rem;\n  --spacing-11: 2.75rem;\n  --spacing-12: 3rem;\n  --spacing-14: 3.5rem;\n  --spacing-16: 4rem;\n  --spacing-20: 5rem;\n  --spacing-24: 6rem;\n  --spacing-28: 7rem;\n  --spacing-32: 8rem;\n  --spacing-36: 9rem;\n  --spacing-40: 10rem;\n  --spacing-44: 11rem;\n  --spacing-48: 12rem;\n  --spacing-52: 13rem;\n  --spacing-56: 14rem;\n  --spacing-60: 15rem;\n  --spacing-64: 16rem;\n  --spacing-72: 18rem;\n  --spacing-80: 20rem;\n  --spacing-96: 24rem;\n\n  --radius-none: 0px;\n  --radius-small: var(--spacing-0_5);\n  --radius-base: var(--spacing-1);\n  --radius-medium: var(--spacing-1_5);\n  --radius-large: var(--spacing-2);\n  --radius-extra-large: var(--spacing-3);\n  --radius-full: 9999px;\n\n  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n    sans-serif;\n\n  --text-base: 1rem;\n  --text-sm: 0.875rem;\n  --text-xs: 0.75rem;\n  --text-xxs: 0.6rem;\n\n  font-family: var(--font-body);\n  color: var(--baseText);\n}\n\n._editorWrapper_1e2ox_155 {\n}\n\n._nestedListItem_1e2ox_158 {\n  list-style: none;\n}\n\n._toolbarRoot_1e2ox_162 {\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-1);\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1_5);\n  align-items: center;\n  overflow-x: auto;\n  position: sticky;\n  top: 0;\n  background-color: var(--baseBg);\n  width: inherit;\n}\n\n._toolbarRoot_1e2ox_162 div[role='separator'] {\n    margin: var(--spacing-2) var(--spacing-1);\n    border-left: 1px solid var(--baseBorder);\n    border-right: 1px solid var(--baseBase);\n    height: var(--spacing-4);\n  }\n\n._toolbarRoot_1e2ox_162 svg {\n    color: var(--baseTextContrast);\n    display: block;\n  }\n\n._readOnlyToolbarRoot_1e2ox_189 {\n  pointer-events: none;\n  background: var(--baseBase);\n}\n\n._readOnlyToolbarRoot_1e2ox_189 > div {\n    opacity: 0.5;\n  }\n\n._toolbarModeSwitch_1e2ox_198 {\n  opacity: 1 !important;\n  margin-left: auto;\n  align-self: stretch;\n  align-items: stretch;\n  display: flex;\n  border: 1px solid var(--baseBg);\n  border-radius: var(--radius-medium);\n  font-size: var(--text-xs);\n}\n\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {\n    padding-inline-end: var(--spacing-4);\n    padding-inline-start: var(--spacing-4);\n  }\n\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,\n    ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {\n      background-color: var(--baseBorder);\n    }\n\n._toolbarGroupOfGroups_1e2ox_219 {\n  display: flex;\n  margin: 0 var(--spacing-1);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,\n._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {\n  border-top-left-radius: var(--radius-base);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,\n._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,\n._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {\n  border-top-right-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n}\n\n._toolbarToggleItem_1e2ox_208,\n._toolbarButton_1e2ox_239 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-0_5);\n}\n\n@media (hover: hover) {\n    ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {\n      background-color: var(--baseBgActive);\n    }\n  }\n\n._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._toolbarToggleItem_1e2ox_208[data-state='on'],\n  ._toolbarButton_1e2ox_239[data-state='on'],\n  ._toolbarToggleItem_1e2ox_208:active,\n  ._toolbarButton_1e2ox_239:active {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBgActive);\n  }\n\n._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {\n    pointer-events: none;\n  }\n\n._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {\n      color: var(--baseBorderHover);\n    }\n\n._toolbarButton_1e2ox_239 {\n  border-radius: var(--radius-base);\n}\n\n._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {\n  margin-left: var(--spacing-1);\n}\n\n._activeToolbarButton_1e2ox_275 {\n  color: var(--accentText);\n}\n\n._toolbarToggleSingleGroup_1e2ox_224 {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n._toolbarNodeKindSelectContainer_1e2ox_285,\n._toolbarButtonDropdownContainer_1e2ox_286,\n._toolbarCodeBlockLanguageSelectContent_1e2ox_287,\n._selectContainer_1e2ox_288 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  z-index: 3;\n  width: var(--spacing-36);\n  border-bottom-left-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n  background-color: var(--basePageBg);\n  font-size: var(--text-sm);\n}\n\n._toolbarButtonDropdownContainer_1e2ox_286 {\n  border-top-right-radius: var(--radius-base);\n}\n\n._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {\n    border-top-right-radius: var(--radius-base);\n  }\n\n._toolbarNodeKindSelectTrigger_1e2ox_306,\n._toolbarButtonSelectTrigger_1e2ox_307,\n._selectTrigger_1e2ox_308 {\n  border: 0;\n  background-color: transparent;\n  display: flex;\n  color: inherit;\n  align-items: center;\n  width: var(--spacing-36);\n  padding: var(--spacing-0_5) var(--spacing-1);\n  padding-inline-start: var(--spacing-2);\n  border-radius: var(--radius-medium);\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  font-size: var(--text-sm);\n  background-color: var(--basePageBg);\n  margin: 0 var(--spacing-1);\n}\n\n._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {\n    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-left-radius: var(--radius-none);\n  }\n\n._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {\n  color: var(--baseBorderHover);\n}\n\n/** used in the sandpack */\n._toolbarButtonSelectTrigger_1e2ox_307 {\n  width: auto;\n  padding-inline-start: var(--spacing-2);\n  padding-inline-end: var(--spacing-1);\n  padding-block: var(--spacing-0_5);\n}\n\n._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,\n._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {\n  width: var(--spacing-48);\n}\n\n._toolbarNodeKindSelectItem_1e2ox_348,\n._selectItem_1e2ox_301 {\n  cursor: default;\n  display: flex;\n  padding: var(--spacing-2);\n}\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {\n    background-color: var(--baseBg);\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBg);\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {\n    outline: none;\n  }\n\n._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {\n    border-bottom-left-radius: var(--radius-base);\n    border-bottom-right-radius: var(--radius-base);\n  }\n\n._toolbarNodeKindSelectDropdownArrow_1e2ox_373,\n._selectDropdownArrow_1e2ox_374 {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n._contentEditable_1e2ox_380 {\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--baseTextContrast);\n\n  padding: var(--spacing-3);\n}\n\n._contentEditable_1e2ox_380:focus {\n    outline: none;\n  }\n\n._codeMirrorWrapper_1e2ox_392 {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  padding: 0.8rem;\n  position: relative;\n}\n\n._sandPackWrapper_1e2ox_401 {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  position: relative;\n}\n\n._codeMirrorToolbar_1e2ox_409 {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._frontmatterWrapper_1e2ox_413 {\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-3);\n  background-color: var(--baseBgSubtle);\n}\n\n._frontmatterWrapper_1e2ox_413[data-expanded='true'] {\n    margin-bottom: var(--spacing-10);\n  }\n\n._frontmatterToggleButton_1e2ox_423 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n._propertyPanelTitle_1e2ox_431 {\n  font-size: var(--text-xs);\n  font-weight: 400;\n  margin: 0;\n  padding-top: var(--spacing-2);\n  padding-left: var(--spacing-2);\n}\n\n._propertyEditorTable_1e2ox_439 {\n  table-layout: fixed;\n  border-spacing: var(--spacing-2);\n}\n\n._propertyEditorTable_1e2ox_439 th {\n    text-align: left;\n    font-size: var(--text-sm);\n    padding: var(--spacing-2) var(--spacing-3);\n  }\n\n._propertyEditorTable_1e2ox_439 col:nth-child(1) {\n    width: 30%;\n  }\n\n._propertyEditorTable_1e2ox_439 col:nth-child(2) {\n    width: 70%;\n  }\n\n._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n\n._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {\n    padding-left: 0;\n  }\n\n._propertyEditorLabelCell_1e2ox_467 {\n  font-weight: 400;\n}\n\n._readOnlyColumnCell_1e2ox_462 {\n  padding-left: 0;\n}\n\n._buttonsFooter_1e2ox_475 {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-2);\n}\n\n._propertyEditorInput_1e2ox_481 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 100%;\n  padding: var(--spacing-2) var(--spacing-3);\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  font-size: var(--text-sm);\n}\n\n._iconButton_1e2ox_457 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  color: var(--baseText);\n}\n\n@media (hover: hover) {\n    ._iconButton_1e2ox_457:hover {\n      color: var(--baseTextContrast);\n    }\n  }\n\n._iconButton_1e2ox_457:disabled,\n  ._iconButton_1e2ox_457:disabled:hover {\n    color: var(--baseLine);\n  }\n\n._primaryButton_1e2ox_507,\n._secondaryButton_1e2ox_508 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-2) var(--spacing-3);\n  border: 1px solid var(--accentBorder);\n  background-color: var(--accentSolidHover);\n  color: var(--baseBase);\n  font-size: var(--text-xs);\n  border-radius: var(--radius-medium);\n}\n\n._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {\n    background: var(--accentLine);\n    border-color: var(--accentBg);\n  }\n\n._smallButton_1e2ox_523 {\n  font-size: var(--text-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-base);\n}\n\n._secondaryButton_1e2ox_508 {\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseSolidHover);\n  color: var(--baseBase);\n}\n\n._dialogForm_1e2ox_535 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-2);\n}\n\n._linkDialogEditForm_1e2ox_541 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--spacing-2);\n  padding: 0;\n}\n\n._linkDialogInputContainer_1e2ox_549 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n._linkDialogInputWrapper_1e2ox_555 {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n}\n\n._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n._linkDialogInputWrapper_1e2ox_555 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n\n._linkDialogInput_1e2ox_549,\n._dialogInput_1e2ox_576 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n}\n\n._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {\n    color: var(--baseBorder);\n  }\n\n._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {\n    color: var(--baseBorder);\n  }\n\n._linkDialogAnchor_1e2ox_587 {\n  position: fixed;\n  background-color: highlight;\n  z-index: -1;\n}\n\n._linkDialogAnchor_1e2ox_587[data-visible='true'] {\n    visibility: visible;\n  }\n\n._linkDialogAnchor_1e2ox_587[data-visible='false'] {\n    visibility: hidden;\n  }\n\n._linkDialogPopoverContent_1e2ox_601,\n._tableColumnEditorPopoverContent_1e2ox_602,\n._dialogContent_1e2ox_603 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBg);\n  background-color: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n._largeDialogContent_1e2ox_615 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-4);\n  font-size: var(--text-sm);\n}\n\n._dialogTitle_1e2ox_625 {\n  font-size: var(--text-base);\n  font-weight: 600;\n  padding-left: var(--spacing-2);\n}\n\n._dialogCloseButton_1e2ox_631 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n._popoverContent_1e2ox_638 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-2) var(--spacing-2);\n  font-size: var(--text-sm);\n  z-index: 1;\n}\n\n._popoverArrow_1e2ox_650 {\n  fill: var(--basePageBg);\n}\n\n._linkDialogPreviewAnchor_1e2ox_654 {\n  margin-right: var(--spacing-1);\n  display: flex;\n  align-items: center;\n  color: var(--accentText);\n  text-decoration: none;\n\n  border: 1px solid transparent;\n}\n\n@media (hover: hover) {\n    ._linkDialogPreviewAnchor_1e2ox_654:hover {\n      color: var(--accentSolidHover);\n    }\n  }\n\n._linkDialogPreviewAnchor_1e2ox_654 span {\n    max-width: 14rem;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n._tooltipTrigger_1e2ox_677 {\n  align-self: center;\n}\n\n._tooltipContent_1e2ox_681 {\n  z-index: 2;\n  position: relative;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--text-xs);\n  background-color: var(--baseText);\n  color: var(--baseBase);\n}\n\n._tooltipContent_1e2ox_681 svg {\n    fill: var(--baseText);\n  }\n\n._actionButton_1e2ox_695 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  padding: var(--spacing-1) var(--spacing-1);\n  border-radius: var(--radius-medium);\n  color: var(--baseTextContrast);\n}\n\n._actionButton_1e2ox_695 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._actionButton_1e2ox_695:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._actionButton_1e2ox_695:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._actionButton_1e2ox_695[data-state='on'],\n  ._actionButton_1e2ox_695:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._primaryActionButton_1e2ox_702 {\n  background-color: var(--accentSolid);\n  color: var(--baseBase);\n}\n\n@media (hover: hover) {\n    ._primaryActionButton_1e2ox_702:hover {\n      background-color: var(--accentSolidHover);\n      color: var(--baseBase);\n    }\n  }\n\n._tableEditor_1e2ox_714 {\n  table-layout: fixed;\n  width: 100%;\n  height: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\n._tableEditor_1e2ox_714 thead > tr > th {\n    text-align: right;\n  }\n\n._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),\n  ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {\n    border: 1px solid var(--baseBgActive);\n    padding: var(--spacing-1) var(--spacing-2);\n    white-space: normal;\n  }\n\n:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {\n      outline: none;\n    }\n\n:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {\n        margin: 0;\n      }\n\n[data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {\n      outline: solid 1px var(--baseSolid);\n    }\n\n._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,\n  ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,\n  ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,\n  ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,\n  ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {\n    opacity: 0.15;\n  }\n\n@media (hover: hover) {\n      ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,\n      ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,\n      ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,\n      ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,\n      ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {\n        opacity: 0.3;\n      }\n\n        ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {\n          opacity: 1;\n        }\n  }\n\n._toolCell_1e2ox_725 {\n  text-align: right;\n}\n\n._toolCell_1e2ox_725 button {\n    margin: auto;\n    display: block;\n  }\n\n._tableColumnEditorTrigger_1e2ox_744 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  padding: var(--spacing-1);\n  border-radius: var(--radius-full);\n  opacity: 0.2;\n}\n\n._tableColumnEditorTrigger_1e2ox_744 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._tableColumnEditorTrigger_1e2ox_744:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._tableColumnEditorTrigger_1e2ox_744:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._tableColumnEditorTrigger_1e2ox_744[data-state='on'],\n  ._tableColumnEditorTrigger_1e2ox_744:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {\n    opacity: 1 !important;\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 {\n  display: flex;\n}\n\n._tableColumnEditorToolbar_1e2ox_789 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._tableColumnEditorToolbar_1e2ox_789 > button:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],\n  ._tableColumnEditorToolbar_1e2ox_789 > button:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n\n._toggleGroupRoot_1e2ox_802 {\n  display: inline-flex;\n}\n\n._toggleGroupRoot_1e2ox_802 button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n  }\n\n._toggleGroupRoot_1e2ox_802 button svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._toggleGroupRoot_1e2ox_802 button:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._toggleGroupRoot_1e2ox_802 button:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._toggleGroupRoot_1e2ox_802 button[data-state='on'],\n  ._toggleGroupRoot_1e2ox_802 button:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._toggleGroupRoot_1e2ox_802 button:first-child {\n      border-top-left-radius: var(--radius-base);\n      border-bottom-left-radius: var(--radius-base);\n    }\n\n._toggleGroupRoot_1e2ox_802 button:last-child {\n      border-top-right-radius: var(--radius-base);\n      border-bottom-right-radius: var(--radius-base);\n    }\n\n._tableToolsColumn_1e2ox_820 {\n  width: 2rem;\n}\n\n._tableToolsColumn_1e2ox_820 button {\n    margin: auto;\n    display: block;\n  }\n\n._leftAlignedCell_1e2ox_829 {\n  text-align: left;\n}\n\n._rightAlignedCell_1e2ox_833 {\n  text-align: right;\n}\n\n._centeredCell_1e2ox_837 {\n  text-align: center;\n}\n\n._addColumnButton_1e2ox_747,\n._addRowButton_1e2ox_746 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  background-color: var(--baseBase);\n\n  display: flex;\n  align-items: center;\n}\n\n._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {\n    display: block;\n  }\n\n@media (hover: hover) {\n    ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {\n      background-color: var(--baseBg);\n    }\n  }\n\n._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {\n    transform: translate(1px, 1px);\n  }\n\n._addColumnButton_1e2ox_747[data-state='on'],\n  ._addRowButton_1e2ox_746[data-state='on'],\n  ._addColumnButton_1e2ox_747:active,\n  ._addRowButton_1e2ox_746:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {\n    margin: auto;\n  }\n\n._addRowButton_1e2ox_746 {\n  width: 100%;\n  margin-top: var(--spacing-px);\n  box-sizing: border-box;\n  border-bottom-right-radius: var(--radius-medium);\n  border-bottom-left-radius: var(--radius-medium);\n}\n\n._addColumnButton_1e2ox_747 {\n  margin-left: var(--spacing-px);\n  height: 100%;\n  border-top-right-radius: var(--radius-medium);\n  border-bottom-right-radius: var(--radius-medium);\n}\n\n/** Dialog */\n._dialogOverlay_1e2ox_870 {\n  position: fixed;\n  inset: 0;\n  animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  background-color: var(--baseBase);\n  z-index: 51;\n  opacity: 0.5;\n}\n\n._dialogContent_1e2ox_603,\n._largeDialogContent_1e2ox_615 {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 52;\n}\n\n._dialogContent_1e2ox_603:focus,\n._largeDialogContent_1e2ox_615:focus {\n  outline: none;\n}\n\n@keyframes _overlayShow_1e2ox_1 {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.5;\n  }\n}\n\n@keyframes _contentShow_1e2ox_1 {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n._focusedImage_1e2ox_916 {\n  outline: highlight solid 2px;\n}\n\n._imageWrapper_1e2ox_920 {\n  display: inline-block;\n  position: relative;\n}\n\n._imageWrapper_1e2ox_920[draggable='true'] {\n  cursor: move;\n  /* fallback if grab cursor is unsupported */\n  cursor: grab;\n  cursor: -webkit-grab;\n}\n\n._editImageToolbar_1e2ox_933 {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n._editImageButton_1e2ox_937 svg {\n    display: block;\n  }\n\n._inlineEditor_1e2ox_943 {\n  display: inline-flex;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n._blockEditor_1e2ox_952 {\n  display: flex;\n  justify-content: stretch;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {\n    flex-grow: 1;\n  }\n\n._nestedEditor_1e2ox_961 {\n  background: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-medium);\n}\n\n._nestedEditor_1e2ox_961 > p {\n    margin: 0;\n  }\n\n._nestedEditor_1e2ox_961:focus {\n    outline: none;\n  }\n\n._genericComponentName_1e2ox_980 {\n  font-size: var(--text-sm);\n  color: var(--baseText);\n  padding-right: var(--spacing-2);\n}\n\n._diffSourceToggleWrapper_1e2ox_986 {\n  margin-left: auto;\n  pointer-events: auto;\n  opacity: 1;\n  position: sticky;\n  right: 0;\n}\n\n._ggDiffSourceToggle_1e2ox_994 {\n}\n\n._diffSourceToggle_1e2ox_986 {\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBase);\n  display: flex;\n}\n\n._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {\n    padding: 0;\n  }\n\n._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {\n      display: block;\n      padding: var(--spacing-1) var(--spacing-1);\n    }\n\n._selectWithLabel_1e2ox_1012 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2);\n  margin-left: var(--spacing-2);\n}\n\n._selectWithLabel_1e2ox_1012 > label {\n    font-size: var(--text-sm);\n  }\n\n._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {\n    border: 1px solid var(--baseBorder);\n  }\n\n._toolbarTitleMode_1e2ox_1027 {\n  font-size: var(--text-sm);\n  margin-left: var(--spacing-2);\n}\n\n._imageControlWrapperResizing_1e2ox_1032 {\n  touch-action: none;\n}\n\n._imageResizer_1e2ox_1036 {\n  display: block;\n  width: 7px;\n  height: 7px;\n  position: absolute;\n  background-color: var(--accentText);\n  border: 1px solid var(--baseBg);\n}\n\n._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {\n  top: -6px;\n  left: 48%;\n  cursor: n-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {\n  top: -6px;\n  right: -6px;\n  cursor: ne-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {\n  bottom: 48%;\n  right: -6px;\n  cursor: e-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {\n  bottom: -2px;\n  right: -6px;\n  cursor: nwse-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {\n  bottom: -2px;\n  left: 48%;\n  cursor: s-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {\n  bottom: -2px;\n  left: -6px;\n  cursor: sw-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {\n  bottom: 48%;\n  left: -6px;\n  cursor: w-resize;\n}\n\n._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {\n  top: -6px;\n  left: -6px;\n  cursor: nw-resize;\n}\n\n._imagePlaceholder_1e2ox_1093 {\n  border: 2px dashed;\n  padding: 48px;\n  margin: 12px;\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n._imageDimensionsContainer_1e2ox_1101 {\n  display: flex;\n  gap: var(--spacing-4);\n}\n\n._placeholder_1e2ox_1106 {\n  color: var(--baseSolid);\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  padding: var(--spacing-3);\n  text-overflow: ellipsis;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  white-space: nowrap;\n  display: inline-block;\n  pointer-events: none;\n}\n\n._rootContentEditableWrapper_1e2ox_1119 {\n  position: relative;\n}\n\n._downshiftContainer_1e2ox_1123 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n._downshiftInputWrapper_1e2ox_1129 {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n}\n\n._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n._downshiftInputWrapper_1e2ox_1129 > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n\n._downshiftInput_1e2ox_1129 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n}\n\n._downshiftInput_1e2ox_1129::-moz-placeholder {\n    color: var(--baseBorder);\n  }\n\n._downshiftInput_1e2ox_1129::placeholder {\n    color: var(--baseBorder);\n  }\n\n._downshiftAutocompleteContainer_1e2ox_1160 {\n  position: relative;\n}\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul {\n    all: unset;\n    box-sizing: border-box;\n    position: absolute;\n    font-size: var(--text-sm);\n    width: 100%;\n    display: none;\n    border-bottom-left-radius: var(--radius-medium);\n    border-bottom-right-radius: var(--radius-medium);\n    max-height: var(--spacing-48);\n    overflow-x: hidden;\n    overflow-y: auto;\n    border: 1px solid var(--baseBorder);\n    border-top-width: 0;\n    background-color: var(--baseBase);\n  }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {\n      display: block;\n    }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li {\n      padding: var(--spacing-2) var(--spacing-3);\n      white-space: nowrap;\n      margin-bottom: var(--spacing-1);\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {\n        background-color: var(--baseBgSubtle);\n      }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {\n        background-color: var(--baseBgHover);\n      }\n\n._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {\n        border-bottom-left-radius: var(--radius-medium);\n        border-bottom-right-radius: var(--radius-medium);\n      }\n\n._textInput_1e2ox_1206 {\n  all: unset;\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  padding: var(--spacing-2) var(--spacing-3);\n}\n\nform._multiFieldForm_1e2ox_1214 {\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n}\n\nform._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2);\n  }\n\nform._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {\n      font-size: var(--text-xs);\n    }\n\n._markdownParseError_1e2ox_1231 {\n  border-radius: var(--radius-base);\n  border: 1px solid var(--error-color);\n  padding: var(--spacing-2);\n  margin-block: var(--spacing-2);\n  color: var(--error-color);\n  font-size: var(--text-xs);\n}\n\n._popupContainer_1e2ox_1240 {\n  position: relative;\n  z-index: 2;\n}\n\n._inputSizer_1e2ox_1245 {\n  display: inline-grid;\n  vertical-align: baseline;\n  align-items: center;\n  position: relative;\n}\n\n._inputSizer_1e2ox_1245::after,\n  ._inputSizer_1e2ox_1245 input {\n    width: auto;\n    min-width: 1rem;\n    grid-area: 1 / 2;\n    font: inherit;\n    margin: 0;\n    padding: 0 2px;\n    resize: none;\n    background: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border: none;\n    color: inherit;\n  }\n\n._inputSizer_1e2ox_1245 span {\n    padding: 0.25em;\n  }\n\n._inputSizer_1e2ox_1245::after {\n    content: attr(data-value);\n    white-space: pre-wrap;\n  }\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n._dark_1tncs_1, ._dark-theme_1tncs_1 {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    ._dark_1tncs_1, ._dark-theme_1tncs_1 {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n._dark_1tncs_1, ._dark-theme_1tncs_1 {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    ._dark_1tncs_1, ._dark-theme_1tncs_1 {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n._bold_1tncs_10 {\n  font-weight: bold;\n}\n\n._italic_1tncs_14 {\n  font-style: italic;\n}\n\n._underline_1tncs_18 {\n  text-decoration: underline;\n}\n\n._bold_1tncs_10 {\n  font-weight: 700;\n}\n\n._italic_1tncs_14 {\n  font-style: italic;\n}\n\n._underline_1tncs_18 {\n  text-decoration: underline\n}\n\n._strikethrough_1tncs_34 {\n  text-decoration: line-through\n}\n\n._underlineStrikethrough_1tncs_38 {\n  text-decoration: underline line-through\n}\n\n._subscript_1tncs_42 {\n  font-size: .8em;\n  vertical-align: sub !important\n}\n\n._superscript_1tncs_47 {\n  font-size: .8em;\n  vertical-align: super\n}\n\n._code_1tncs_52 {\n  background-color: var(--baseBg);\n  padding: 1px .25rem;\n  font-family: var(--font-mono);\n  font-size: 94%\n}\n\n._nestedListItem_1tncs_59 {\n  list-style: none;\n  list-style-type: none;\n}\n\n._nestedListItem_1tncs_59:before,\n._nestedListItem_1tncs_59:after {\n  display: none;\n}\n\n._listitem_1tncs_69 {\n  margin: var(--spacing-2) 0;\n}\n\n._listItemChecked_1tncs_73,\n._listItemUnchecked_1tncs_74 {\n  position: relative;\n  margin-left: 0;\n  margin-right: 0;\n  margin-inline-start: -1rem;\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n  list-style-type: none;\n  outline: none;\n}\n\n._listItemChecked_1tncs_73 {\n  text-decoration: line-through;\n}\n\n._listItemUnchecked_1tncs_74:before,\n._listItemChecked_1tncs_73:before {\n  content: '';\n  width: var(--spacing-4);\n  height: var(--spacing-4);\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n\n._listItemUnchecked_1tncs_74[dir='rtl']:before,\n._listItemChecked_1tncs_73[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n\n._listItemUnchecked_1tncs_74:focus:before,\n._listItemChecked_1tncs_73:focus:before {\n  box-shadow: 0 0 0 2px var(--accentBgActive);\n  border-radius: var(--radius-small);\n}\n\n._listItemUnchecked_1tncs_74:before {\n  border: 1px solid var(--baseBorder);\n  border-radius: var(--radius-small);\n}\n\n._listItemChecked_1tncs_73:before {\n  border: 1px solid var(--accentBorder);\n  border-radius: var(--radius-small);\n  background-color: var(--accentSolid);\n  background-repeat: no-repeat;\n}\n\n._listItemChecked_1tncs_73:after {\n  content: '';\n  cursor: pointer;\n  border-color: var(--baseBase);\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: var(--spacing-0_5);\n  width: var(--spacing-1);\n  left: var(--spacing-1_5);\n  right: var(--spacing-1_5);\n  height: var(--spacing-2);\n  transform: rotate(45deg);\n  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;\n}\n\n._nestedListItem_1tncs_59 {\n  list-style-type: none;\n}\n\n._nestedListItem_1tncs_59:before,\n._nestedListItem_1tncs_59:after {\n  display: none;\n}\n\n._admonitionDanger_1tncs_151,\n._admonitionInfo_1tncs_152,\n._admonitionNote_1tncs_153,\n._admonitionTip_1tncs_154,\n._admonitionCaution_1tncs_155 {\n  padding: var(--spacing-2);\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n  border-left: 3px solid var(--admonitionBorder);\n  background-color: var(--admonitionBg);\n}\n\n._admonitionInfo_1tncs_152 {\n  --admonitionBorder: var(--admonitionInfoBorder);\n  --admonitionBg: var(--admonitionInfoBg);\n}\n\n._admonitionTip_1tncs_154 {\n  --admonitionBorder: var(--admonitionTipBorder);\n  --admonitionBg: var(--admonitionTipBg);\n}\n\n._admonitionCaution_1tncs_155 {\n  --admonitionBorder: var(--admonitionCautionBorder);\n  --admonitionBg: var(--admonitionCautionBg);\n}\n\n._admonitionDanger_1tncs_151 {\n  --admonitionBorder: var(--admonitionDangerBorder);\n  --admonitionBg: var(--admonitionDangerBg);\n}\n\n._admonitionNote_1tncs_153 {\n  --admonitionBorder: var(--admonitionNoteBorder);\n  --admonitionBg: var(--admonitionNoteBg);\n}\n\n._mdxExpression_1tncs_188 {\n  font-family: var(--font-mono);\n  font-size: 84%;\n  color: var(--accentText);\n}\n\n._mdxExpression_1tncs_188 input:focus-visible {\n    outline: none;\n  }\n";
-  document.head.appendChild(style);
-})();
-(function() {
-  if (typeof document === "undefined") return;
-  var id2 = "industry-mdx-editor-styles-L1VzZXJz";
-  if (document.getElementById(id2)) return;
-  var style = document.createElement("style");
-  style.id = id2;
-  style.textContent = "/**\n * Industry-themed MDX Editor styles\n * These CSS custom properties integrate MDXEditor with the industry-theme system\n * Based on Radix UI theming system used by MDXEditor\n *\n * Note: All Radix color variables are set directly by the component\n * This file provides additional content styling and customizations\n */\n\n/* Override MDXEditor's default CSS variables with our theme */\n.themed-mdx-editor [class*='editorRoot'] {\n  --accentBase: var(--accentBase) !important;\n  --accentBgSubtle: var(--accentBgSubtle) !important;\n  --accentBg: var(--accentBg) !important;\n  --accentBgHover: var(--accentBgHover) !important;\n  --accentBgActive: var(--accentBgActive) !important;\n  --accentLine: var(--accentLine) !important;\n  --accentBorder: var(--accentBorder) !important;\n  --accentBorderHover: var(--accentBorderHover) !important;\n  --accentSolid: var(--accentSolid) !important;\n  --accentSolidHover: var(--accentSolidHover) !important;\n  --accentText: var(--accentText) !important;\n  --accentTextContrast: var(--accentTextContrast) !important;\n\n  --basePageBg: var(--mdx-editor-bg) !important;\n  --baseBase: var(--baseBase) !important;\n  --baseBgSubtle: var(--baseBgSubtle) !important;\n  --baseBg: var(--baseBg) !important;\n  --baseBgHover: var(--baseBgHover) !important;\n  --baseBgActive: var(--baseBgActive) !important;\n  --baseLine: var(--baseLine) !important;\n  --baseBorder: var(--baseBorder) !important;\n  --baseBorderHover: var(--baseBorderHover) !important;\n  --baseSolid: var(--baseSolid) !important;\n  --baseSolidHover: var(--baseSolidHover) !important;\n  --baseText: var(--baseText) !important;\n  --baseTextContrast: var(--baseTextContrast) !important;\n}\n\n/* MDXEditor content styling */\n.themed-mdx-editor .mdx-editor-content {\n  font-family: var(--mdx-editor-font-family);\n  font-size: var(--mdx-editor-font-size);\n  color: var(--mdx-editor-fg);\n  line-height: 1.6;\n\n  /* Document padding - similar to Google Docs margins */\n  padding-top: var(--mdx-editor-padding-top, 0);\n  padding-right: var(--mdx-editor-padding-right, 0);\n  padding-bottom: var(--mdx-editor-padding-bottom, 0);\n  padding-left: var(--mdx-editor-padding-left, 0);\n\n  /* Ensure content is properly contained */\n  box-sizing: border-box;\n}\n\n/* Headings */\n.themed-mdx-editor .mdx-editor-content h1,\n.themed-mdx-editor .mdx-editor-content h2,\n.themed-mdx-editor .mdx-editor-content h3,\n.themed-mdx-editor .mdx-editor-content h4,\n.themed-mdx-editor .mdx-editor-content h5,\n.themed-mdx-editor .mdx-editor-content h6 {\n  color: var(--mdx-editor-heading-color);\n}\n\n/* Links */\n.themed-mdx-editor .mdx-editor-content a {\n  color: var(--mdx-editor-link-color);\n}\n\n/* Inline code */\n.themed-mdx-editor .mdx-editor-content code {\n  background-color: var(--mdx-editor-code-bg);\n  font-family: var(--mdx-editor-font-family);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n/* Code blocks - target the CodeMirror editor wrapper */\n.themed-mdx-editor .cm-editor {\n  background-color: var(--mdx-editor-code-bg) !important;\n}\n\n.themed-mdx-editor .cm-editor .cm-scroller {\n  font-family: var(--mdx-editor-font-family);\n  background-color: var(--mdx-editor-code-bg);\n}\n\n.themed-mdx-editor .cm-editor .cm-gutters {\n  background-color: var(--mdx-editor-code-bg);\n  border-right: 1px solid var(--mdx-editor-border);\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor .cm-editor .cm-content {\n  background-color: var(--mdx-editor-code-bg);\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor .cm-editor .cm-line {\n  background-color: var(--mdx-editor-code-bg);\n}\n\n.themed-mdx-editor .cm-editor .cm-activeLineGutter {\n  background-color: var(--baseBgHover);\n}\n\n.themed-mdx-editor .cm-editor .cm-activeLine {\n  background-color: var(--baseBgHover);\n}\n\n/* Selection */\n.themed-mdx-editor .mdx-editor-content ::selection {\n  background-color: var(--mdx-editor-selection-bg);\n}\n\n/* Toolbar container */\n.themed-mdx-editor [class*='toolbarRoot'] {\n  background-color: var(--mdx-editor-toolbar-bg);\n  border-bottom: 1px solid var(--mdx-editor-border);\n}\n\n/* Toolbar buttons */\n.themed-mdx-editor [class*='toolbarRoot'] button:not([class*='selectTrigger']) {\n  color: var(--mdx-editor-fg);\n}\n\n.themed-mdx-editor [class*='toolbarRoot'] button:not([class*='selectTrigger']):hover {\n  background-color: var(--mdx-editor-selection-bg);\n}\n\n/* Fix toolbar SVG icon colors - override MDXEditor's baseTextContrast usage */\n.themed-mdx-editor [class*='toolbarRoot'] svg {\n  color: var(--baseText) !important;\n}\n\n/* Toolbar select dropdowns (BlockTypeSelect, etc.) */\n.themed-mdx-editor button[role='combobox'][class*='selectTrigger'],\n.themed-mdx-editor [data-toolbar-item='true'][class*='selectTrigger'],\nbutton[role='combobox'][class*='selectTrigger'][data-toolbar-item='true'] {\n  background-color: var(--baseBg) !important;\n  color: var(--baseText) !important;\n  border: 1px solid var(--baseBorder) !important;\n  padding: 4px 8px !important;\n  border-radius: 4px !important;\n}\n\n.themed-mdx-editor button[role='combobox'][class*='selectTrigger']:hover,\n.themed-mdx-editor [data-toolbar-item='true'][class*='selectTrigger']:hover,\nbutton[role='combobox'][class*='selectTrigger'][data-toolbar-item='true']:hover {\n  background-color: var(--baseBgHover) !important;\n  border-color: var(--baseBorderHover) !important;\n}\n\n.themed-mdx-editor button[class*='selectTrigger'] span,\nbutton[class*='selectTrigger'][data-toolbar-item='true'] span {\n  color: var(--baseText) !important;\n}\n\n.themed-mdx-editor button[class*='selectTrigger'] [class*='selectDropdownArrow'] svg,\nbutton[class*='selectTrigger'][data-toolbar-item='true'] [class*='selectDropdownArrow'] svg {\n  color: var(--baseText) !important;\n}\n\n/* Select dropdown content - Note: These are often portaled outside the editor */\n[class*='selectContent'] {\n  background-color: var(--baseBg) !important;\n  border: 1px solid var(--baseBorder) !important;\n  color: var(--baseText) !important;\n  z-index: 9999 !important;\n}\n\n[class*='selectItem'] {\n  color: var(--baseText) !important;\n}\n\n[class*='selectItem']:hover {\n  background-color: var(--baseBgHover) !important;\n}\n\n[class*='selectItem'][data-state='checked'] {\n  background-color: var(--accentBg) !important;\n  color: var(--accentText) !important;\n}\n\n/* Table borders - use accent color for visibility */\n.themed-mdx-editor [class*='tableEditor'] > tbody > tr > td:not([class*='toolCell']),\n.themed-mdx-editor [class*='tableEditor'] > tbody > tr > th:not([class*='toolCell']):not([data-tool-cell='true']) {\n  border: 1px solid var(--mdx-editor-table-border) !important;\n  padding: var(--spacing-1) var(--spacing-2);\n  white-space: normal;\n}\n\n.themed-mdx-editor [class*='tableEditor'] > thead > tr > th {\n  border: 1px solid var(--mdx-editor-table-border) !important;\n}\n\n/* Source mode editor */\n.themed-mdx-editor [class*='sourceEditor'] {\n  font-family: var(--mdx-editor-font-family);\n  font-size: var(--mdx-editor-font-size);\n  background-color: var(--mdx-editor-bg);\n  color: var(--mdx-editor-fg);\n}\n\n/* Scrollbars */\n.themed-mdx-editor ::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-track {\n  background: var(--mdx-editor-bg);\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-thumb {\n  background: var(--mdx-editor-border);\n  border-radius: 6px;\n}\n\n.themed-mdx-editor ::-webkit-scrollbar-thumb:hover {\n  background: var(--mdx-editor-fg);\n  opacity: 0.5;\n}\n\n/*\n * Tailwind CSS Compatibility Styles\n * Tailwind's Preflight resets all default HTML styles, but MDXEditor expects them.\n * These styles restore necessary defaults for proper content rendering.\n */\n\n/* Restore default heading styles */\n.themed-mdx-editor h1 {\n  font-size: 2em;\n  font-weight: 700;\n  margin-top: 0.67em;\n  margin-bottom: 0.67em;\n  line-height: 1.2;\n}\n\n.themed-mdx-editor h2 {\n  font-size: 1.5em;\n  font-weight: 600;\n  margin-top: 0.83em;\n  margin-bottom: 0.83em;\n  line-height: 1.3;\n}\n\n.themed-mdx-editor h3 {\n  font-size: 1.17em;\n  font-weight: 600;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  line-height: 1.4;\n}\n\n.themed-mdx-editor h4 {\n  font-size: 1em;\n  font-weight: 600;\n  margin-top: 1.33em;\n  margin-bottom: 1.33em;\n  line-height: 1.5;\n}\n\n.themed-mdx-editor h5 {\n  font-size: 0.83em;\n  font-weight: 600;\n  margin-top: 1.67em;\n  margin-bottom: 1.67em;\n  line-height: 1.5;\n}\n\n.themed-mdx-editor h6 {\n  font-size: 0.67em;\n  font-weight: 600;\n  margin-top: 2.33em;\n  margin-bottom: 2.33em;\n  line-height: 1.5;\n}\n\n/* Restore default paragraph spacing */\n.themed-mdx-editor p {\n  margin-top: 1em;\n  margin-bottom: 1em;\n}\n\n/* Restore default list styles */\n.themed-mdx-editor ul {\n  list-style-type: disc;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding-left: 2.5em;\n}\n\n.themed-mdx-editor ul ul {\n  list-style-type: circle;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n.themed-mdx-editor ul ul ul {\n  list-style-type: square;\n}\n\n.themed-mdx-editor ol {\n  list-style-type: decimal;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding-left: 2.5em;\n}\n\n.themed-mdx-editor ol ol {\n  list-style-type: lower-alpha;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n.themed-mdx-editor ol ol ol {\n  list-style-type: lower-roman;\n}\n\n.themed-mdx-editor li {\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n/* Restore default blockquote styles */\n.themed-mdx-editor blockquote {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  margin-left: 2.5em;\n  margin-right: 2.5em;\n  padding-left: 1em;\n  border-left: 4px solid currentColor;\n  opacity: 0.8;\n}\n\n/* Restore default code styles */\n.themed-mdx-editor code {\n  font-family: monospace;\n  font-size: 0.9em;\n}\n\n.themed-mdx-editor pre {\n  margin-top: 1em;\n  margin-bottom: 1em;\n  padding: 1em;\n  overflow: auto;\n}\n\n.themed-mdx-editor pre code {\n  font-size: inherit;\n}\n\n/* Restore default table styles */\n.themed-mdx-editor table {\n  border-collapse: collapse;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  width: 100%;\n}\n\n.themed-mdx-editor th,\n.themed-mdx-editor td {\n  padding: 0.5em;\n  text-align: left;\n}\n\n.themed-mdx-editor th {\n  font-weight: 600;\n}\n\n/* Restore default emphasis styles */\n.themed-mdx-editor strong,\n.themed-mdx-editor b {\n  font-weight: 700;\n}\n\n.themed-mdx-editor em,\n.themed-mdx-editor i {\n  font-style: italic;\n}\n\n/* Restore default link styles */\n.themed-mdx-editor a {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n/* Restore default hr styles */\n.themed-mdx-editor hr {\n  margin-top: 1.5em;\n  margin-bottom: 1.5em;\n  border: 0;\n  border-top: 1px solid currentColor;\n  opacity: 0.3;\n}\n";
-  document.head.appendChild(style);
-})();
-var defaultPreprocessRules = [
-  {
-    name: "normalize-code-block-language",
-    description: "Normalize unknown or missing code block language identifiers",
-    pattern: /^(\s*)```([^\n`]*?)\n/gim,
-    replacement: (_match, indent2, lang) => {
-      const trimmedLang = lang.trim();
-      const knownLanguages = [
-        "javascript",
-        "js",
-        "typescript",
-        "ts",
-        "jsx",
-        "tsx",
-        "python",
-        "py",
-        "java",
-        "c",
-        "cpp",
-        "csharp",
-        "cs",
-        "html",
-        "css",
-        "scss",
-        "sass",
-        "less",
-        "json",
-        "yaml",
-        "yml",
-        "xml",
-        "toml",
-        "bash",
-        "sh",
-        "shell",
-        "powershell",
-        "sql",
-        "graphql",
-        "markdown",
-        "md",
-        "rust",
-        "go",
-        "ruby",
-        "php",
-        "swift",
-        "kotlin",
-        "dart",
-        "r",
-        "matlab",
-        "diff",
-        "text",
-        "plaintext"
-      ];
-      if (knownLanguages.includes(trimmedLang.toLowerCase())) {
-        return _match;
-      }
-      if (!trimmedLang || trimmedLang === "") {
-        return `${indent2}\`\`\`markdown
-`;
-      }
-      const langLower = trimmedLang.toLowerCase();
-      if (langLower === "n/a") {
-        return `${indent2}\`\`\`markdown
-`;
-      }
-      if (langLower === "argdown") {
-        return `${indent2}\`\`\`markdown
-`;
-      }
-      return _match;
-    }
-  },
-  {
-    name: "less-than-digit",
-    description: "Escape < followed by digit",
-    pattern: /<(?=\d)/g,
-    replacement: "&lt;"
-  },
-  {
-    name: "less-than-space-digit",
-    description: "Escape < followed by space and digit",
-    pattern: /<(\s+)(?=\d)/g,
-    replacement: (_match, spaces2) => `&lt;${spaces2}`
-  },
-  {
-    name: "greater-than-digit",
-    description: "Escape > followed by digit",
-    pattern: new RegExp("(?<![-\\w])>(?=\\s?\\d)", "g"),
-    replacement: "&gt;"
-  },
-  {
-    name: "invalid-tag-opening",
-    description: "Escape invalid opening tags starting with digit",
-    pattern: /<(\/?(?:\d[^>\s]*))/g,
-    replacement: (_match, tagContent) => `&lt;${tagContent}`
-  },
-  {
-    name: "numeric-only-tag",
-    description: "Escape tags that are only numbers",
-    pattern: /<(\d+)>/g,
-    replacement: (_match, number2) => `&lt;${number2}>`
-  }
-];
-function preserveCode(markdown2, transform) {
-  const parts = [];
-  const codeRegex = /(```[\s\S]*?```|`[^`\n]+`)/g;
-  let lastIndex = 0;
-  let match;
-  while ((match = codeRegex.exec(markdown2)) !== null) {
-    if (match.index > lastIndex) {
-      parts.push({
-        type: "text",
-        content: markdown2.slice(lastIndex, match.index)
-      });
-    }
-    parts.push({
-      type: "code",
-      content: match[0]
-    });
-    lastIndex = match.index + match[0].length;
-  }
-  if (lastIndex < markdown2.length) {
-    parts.push({
-      type: "text",
-      content: markdown2.slice(lastIndex)
-    });
-  }
-  return parts.map((part) => part.type === "code" ? part.content : transform(part.content)).join("");
-}
-function preprocessMDX(markdown2, options = {}) {
-  const {
-    rules = defaultPreprocessRules,
-    enable,
-    disable: disable2,
-    preserveCodeBlocks = true,
-    onStats,
-    debug = false
-  } = options;
-  let activeRules = rules;
-  if (Array.isArray(enable) && enable.length > 0) {
-    activeRules = rules.filter((r2) => enable.includes(r2.name));
-  }
-  if (Array.isArray(disable2) && disable2.length > 0) {
-    activeRules = activeRules.filter((r2) => !disable2.includes(r2.name));
-  }
-  if (debug) {
-    console.log("[mdx-auto-fix] Active preprocessing rules:", activeRules.map((r2) => r2.name));
-  }
-  const stats = {
-    totalFixes: 0,
-    byTransformer: {}
-  };
-  let result = markdown2;
-  const codeBlockLangRule = activeRules.find((r2) => r2.name === "normalize-code-block-language");
-  if (codeBlockLangRule) {
-    let fixCount = 0;
-    let insideCodeBlock = false;
-    if (typeof codeBlockLangRule.replacement === "function") {
-      result = result.replace(codeBlockLangRule.pattern, (...args) => {
-        if (insideCodeBlock) {
-          insideCodeBlock = false;
-          return args[0];
-        }
-        insideCodeBlock = true;
-        const originalMatch = args[0];
-        const replacement = codeBlockLangRule.replacement(...args);
-        if (replacement !== originalMatch) {
-          fixCount++;
-        }
-        return replacement;
-      });
-    } else {
-      result = result.replace(codeBlockLangRule.pattern, (match) => {
-        if (insideCodeBlock) {
-          insideCodeBlock = false;
-          return match;
-        }
-        insideCodeBlock = true;
-        const replacement = codeBlockLangRule.replacement;
-        if (replacement !== match) {
-          fixCount++;
-        }
-        return replacement;
-      });
-    }
-    if (fixCount > 0) {
-      stats.byTransformer[codeBlockLangRule.name] = fixCount;
-      stats.totalFixes += fixCount;
-      if (debug) {
-        console.log(`[mdx-auto-fix] ${codeBlockLangRule.name}: ${fixCount} fixes`);
-      }
-    }
-  }
-  const otherRules = activeRules.filter((r2) => r2.name !== "normalize-code-block-language");
-  const transform = (text2) => {
-    let transformed = text2;
-    for (const rule of otherRules) {
-      let fixCount = 0;
-      if (typeof rule.replacement === "function") {
-        transformed = transformed.replace(rule.pattern, (...args) => {
-          fixCount++;
-          return rule.replacement(...args);
-        });
-      } else {
-        transformed = transformed.replace(rule.pattern, () => {
-          fixCount++;
-          return rule.replacement;
-        });
-      }
-      if (fixCount > 0) {
-        stats.byTransformer[rule.name] = (stats.byTransformer[rule.name] || 0) + fixCount;
-        stats.totalFixes += fixCount;
-        if (debug) {
-          console.log(`[mdx-auto-fix] ${rule.name}: ${fixCount} fixes`);
-        }
-      }
-    }
-    return transformed;
-  };
-  result = preserveCodeBlocks ? preserveCode(result, transform) : transform(result);
-  if (onStats && stats.totalFixes > 0) {
-    onStats(stats);
-  }
-  if (debug && stats.totalFixes > 0) {
-    console.log(`[mdx-auto-fix] Total preprocessing fixes: ${stats.totalFixes}`);
-  }
-  return result;
-}
-function getPaddingStyles(padding) {
-  if (!padding) {
-    return {};
-  }
-  const presets = {
-    none: "0",
-    narrow: "0.5in",
-    moderate: "0.75in",
-    normal: "1in",
-    wide: "2in"
-  };
-  if (typeof padding === "string" && padding in presets) {
-    const value2 = presets[padding];
-    return {
-      paddingTop: value2,
-      paddingRight: value2,
-      paddingBottom: value2,
-      paddingLeft: value2
-    };
-  }
-  if (typeof padding === "number") {
-    return { padding: `${padding}px` };
-  }
-  if (typeof padding === "string") {
-    return { padding };
-  }
-  const styles2 = {};
-  if (padding.top !== void 0) {
-    styles2.paddingTop = typeof padding.top === "number" ? `${padding.top}px` : padding.top;
-  }
-  if (padding.right !== void 0) {
-    styles2.paddingRight = typeof padding.right === "number" ? `${padding.right}px` : padding.right;
-  }
-  if (padding.bottom !== void 0) {
-    styles2.paddingBottom = typeof padding.bottom === "number" ? `${padding.bottom}px` : padding.bottom;
-  }
-  if (padding.left !== void 0) {
-    styles2.paddingLeft = typeof padding.left === "number" ? `${padding.left}px` : padding.left;
-  }
-  return styles2;
-}
-function validateTheme(theme2) {
-  const requiredColors = [
-    "primary",
-    "text",
-    "background",
-    "backgroundSecondary",
-    "border"
-  ];
-  const missingColors = [];
-  for (const colorKey of requiredColors) {
-    if (!theme2.colors[colorKey]) {
-      missingColors.push(`theme.colors.${colorKey}`);
-    }
-  }
-  if (missingColors.length > 0) {
-    throw new Error(
-      `ThemedMDXEditor: Missing required theme properties:
-  - ${missingColors.join("\n  - ")}
-
-Please ensure your theme object includes all required color properties.`
-    );
-  }
-}
-var ThemedMDXEditor = forwardRef((props, ref) => {
-  var _a2, _b, _c, _d, _e2, _f;
-  const {
-    theme: theme2,
-    loadingComponent,
-    initialValue,
-    onSave,
-    filePath,
-    enableSaveShortcut = true,
-    onDirtyChange,
-    hideStatusBar = false,
-    containerClassName = "",
-    containerStyle = {},
-    showLoadingState = false,
-    documentPadding = { top: "0.25in", right: "0.5in", bottom: "0.5in", left: "0.5in" },
-    autoFixMDX = true,
-    markdown: controlledMarkdown,
-    onChange: externalOnChange,
-    ...restEditorProps
-  } = props;
-  const editorRef = useRef(null);
-  const [isMounted, setIsMounted] = useState(false);
-  const [isLoading, setIsLoading] = useState(showLoadingState);
-  const prevFilePathRef = useRef(filePath);
-  const prevInitialValueRef = useRef(initialValue);
-  const isControlled = controlledMarkdown !== void 0;
-  const computeInitialValue = useCallback(() => {
-    if (initialValue !== void 0) return initialValue;
-    if (typeof controlledMarkdown === "string") return controlledMarkdown;
-    return "";
-  }, [controlledMarkdown, initialValue]);
-  const [internalValue, setInternalValue] = useState(() => computeInitialValue());
-  const [savedValue, setSavedValue] = useState(() => computeInitialValue());
-  const [isDirty, setIsDirty] = useState(false);
-  const currentValue = isControlled ? controlledMarkdown ?? "" : internalValue;
-  const processedMarkdown = useMemo(() => {
-    if (!autoFixMDX) {
-      return currentValue;
-    }
-    return preprocessMDX(currentValue, {
-      preserveCodeBlocks: true
-    });
-  }, [currentValue, autoFixMDX]);
-  useEffect(() => {
-    setIsMounted(true);
-    if (showLoadingState) {
-      setIsLoading(false);
-    }
-  }, [showLoadingState]);
-  useImperativeHandle(ref, () => editorRef.current);
-  useEffect(() => {
-    if (!isControlled && initialValue !== void 0 && initialValue !== prevInitialValueRef.current) {
-      setInternalValue(initialValue);
-      setSavedValue(initialValue);
-      setIsDirty(false);
-      prevInitialValueRef.current = initialValue;
-    }
-  }, [initialValue, isControlled]);
-  useEffect(() => {
-    if (filePath !== prevFilePathRef.current) {
-      const baseline = initialValue ?? currentValue;
-      if (!isControlled && initialValue !== void 0) {
-        setInternalValue(initialValue);
-      }
-      setSavedValue(baseline);
-      setIsDirty(false);
-      prevFilePathRef.current = filePath;
-    }
-  }, [currentValue, filePath, initialValue, isControlled]);
-  useEffect(() => {
-    const dirty = currentValue !== savedValue;
-    setIsDirty((prev) => prev === dirty ? prev : dirty);
-  }, [currentValue, savedValue]);
-  useEffect(() => {
-    onDirtyChange == null ? void 0 : onDirtyChange(isDirty);
-  }, [isDirty, onDirtyChange]);
-  const updateSavedState = useCallback(
-    (nextSavedValue) => {
-      setSavedValue(nextSavedValue);
-      setIsDirty(false);
-    },
-    []
-  );
-  const handleChange = useCallback(
-    (value2, initialMarkdownNormalize) => {
-      const nextValue = value2 ?? "";
-      if (!isControlled) {
-        setInternalValue(nextValue);
-      }
-      const dirty = nextValue !== savedValue;
-      setIsDirty((prev) => prev === dirty ? prev : dirty);
-      externalOnChange == null ? void 0 : externalOnChange(value2, initialMarkdownNormalize);
-    },
-    [externalOnChange, isControlled, savedValue]
-  );
-  const handleSave = useCallback(async () => {
-    var _a3;
-    if (onSave) {
-      try {
-        const latestValue = ((_a3 = editorRef.current) == null ? void 0 : _a3.getMarkdown()) ?? currentValue;
-        const result = onSave(latestValue, { filePath });
-        if (result && typeof result.then === "function") {
-          await result;
-        }
-        updateSavedState(latestValue);
-      } catch (error) {
-        console.error("Failed to save editor contents", error);
-      }
-    }
-  }, [onSave, currentValue, filePath, updateSavedState]);
-  useEffect(() => {
-    if (!enableSaveShortcut || !onSave) return;
-    const handleKeyDown = (e2) => {
-      if ((e2.metaKey || e2.ctrlKey) && e2.key === "s") {
-        e2.preventDefault();
-        handleSave();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [enableSaveShortcut, handleSave, onSave]);
-  const editorStyles = useMemo(() => {
-    var _a3, _b2, _c2, _d2, _e3, _f2, _g;
-    validateTheme(theme2);
-    const hexToRgba = (hex, alpha) => {
-      const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-      if (result) {
-        const r2 = parseInt(result[1], 16);
-        const g2 = parseInt(result[2], 16);
-        const b2 = parseInt(result[3], 16);
-        return `rgba(${r2}, ${g2}, ${b2}, ${alpha})`;
-      }
-      return hex;
-    };
-    const primaryColor = theme2.colors.primary;
-    const textColor = theme2.colors.text;
-    const background2 = theme2.colors.background;
-    const backgroundSecondary = theme2.colors.backgroundSecondary;
-    const border = theme2.colors.border;
-    const backgroundTertiary = theme2.colors.backgroundTertiary || backgroundSecondary;
-    const accentColor = theme2.colors.accent || textColor;
-    const paddingStyles = getPaddingStyles(documentPadding);
-    return {
-      // Radix Accent Colors (computed from primary color with different opacities)
-      // These are used by MDXEditor's internal UI components (toolbar, dialogs, etc.)
-      "--accentBase": primaryColor,
-      "--accentBgSubtle": hexToRgba(primaryColor, 0.05),
-      "--accentBg": hexToRgba(primaryColor, 0.1),
-      "--accentBgHover": hexToRgba(primaryColor, 0.15),
-      "--accentBgActive": hexToRgba(primaryColor, 0.2),
-      "--accentLine": hexToRgba(primaryColor, 0.3),
-      "--accentBorder": hexToRgba(primaryColor, 0.4),
-      "--accentBorderHover": hexToRgba(primaryColor, 0.5),
-      "--accentSolid": primaryColor,
-      "--accentSolidHover": primaryColor,
-      "--accentText": primaryColor,
-      "--accentTextContrast": background2,
-      // Radix Base Colors (computed from background/text colors)
-      // These are used by MDXEditor's internal UI components (toolbar, dialogs, etc.)
-      "--baseBase": background2,
-      "--baseBgSubtle": backgroundSecondary,
-      "--baseBg": background2,
-      "--baseBgHover": backgroundSecondary,
-      "--baseBgActive": backgroundTertiary,
-      "--baseLine": hexToRgba(textColor, 0.15),
-      "--baseBorder": border,
-      "--baseBorderHover": hexToRgba(textColor, 0.3),
-      "--baseSolid": textColor,
-      "--baseSolidHover": textColor,
-      "--baseText": textColor,
-      "--baseTextContrast": background2,
-      // Spacing scale - maps to theme.space array or uses defaults
-      "--spacing-0": "0px",
-      "--spacing-px": "1px",
-      "--spacing-0_5": "0.125rem",
-      "--spacing-1": `${((_a3 = theme2.space) == null ? void 0 : _a3[1]) || 4}px`,
-      "--spacing-1_5": "0.375rem",
-      "--spacing-2": `${((_b2 = theme2.space) == null ? void 0 : _b2[2]) || 8}px`,
-      "--spacing-2_5": "0.625rem",
-      "--spacing-3": "0.75rem",
-      "--spacing-3_5": "0.875rem",
-      "--spacing-4": `${((_c2 = theme2.space) == null ? void 0 : _c2[3]) || 16}px`,
-      "--spacing-5": "1.25rem",
-      "--spacing-6": "1.5rem",
-      "--spacing-7": "1.75rem",
-      "--spacing-8": `${((_d2 = theme2.space) == null ? void 0 : _d2[4]) || 32}px`,
-      "--spacing-9": "2.25rem",
-      "--spacing-10": "2.5rem",
-      "--spacing-11": "2.75rem",
-      "--spacing-12": "3rem",
-      "--spacing-14": "3.5rem",
-      "--spacing-16": `${((_e3 = theme2.space) == null ? void 0 : _e3[5]) || 64}px`,
-      // Our custom variables for content styling (used in mdx-editor-theme.css)
-      "--mdx-editor-bg": background2,
-      "--mdx-editor-fg": textColor,
-      "--mdx-editor-border": border,
-      "--mdx-editor-table-border": accentColor,
-      "--mdx-editor-toolbar-bg": backgroundSecondary,
-      "--mdx-editor-code-bg": backgroundTertiary,
-      "--mdx-editor-selection-bg": hexToRgba(primaryColor, 0.2),
-      "--mdx-editor-link-color": primaryColor,
-      "--mdx-editor-heading-color": textColor,
-      "--mdx-editor-font-family": ((_f2 = theme2.fonts) == null ? void 0 : _f2.monospace) || "monospace",
-      "--mdx-editor-font-size": `${((_g = theme2.fontSizes) == null ? void 0 : _g[2]) || 14}px`,
-      // Document padding CSS variables
-      "--mdx-editor-padding-top": paddingStyles.paddingTop || paddingStyles.padding || "0",
-      "--mdx-editor-padding-right": paddingStyles.paddingRight || paddingStyles.padding || "0",
-      "--mdx-editor-padding-bottom": paddingStyles.paddingBottom || paddingStyles.padding || "0",
-      "--mdx-editor-padding-left": paddingStyles.paddingLeft || paddingStyles.padding || "0",
-      ...containerStyle
-    };
-  }, [theme2, containerStyle, documentPadding]);
-  useEffect(() => {
-    const root2 = document.documentElement;
-    const styles2 = editorStyles;
-    const originalValues = {};
-    Object.entries(styles2).forEach(([key, value2]) => {
-      if (key.startsWith("--")) {
-        originalValues[key] = root2.style.getPropertyValue(key);
-        root2.style.setProperty(key, String(value2));
-      }
-    });
-    return () => {
-      Object.entries(originalValues).forEach(([key, value2]) => {
-        if (value2) {
-          root2.style.setProperty(key, value2);
-        } else {
-          root2.style.removeProperty(key);
-        }
-      });
-    };
-  }, [editorStyles]);
-  if (!isMounted || isLoading) {
-    const loading = loadingComponent || /* @__PURE__ */ jsx$1(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          height: "100%",
-          color: theme2.colors.textSecondary,
-          fontFamily: ((_a2 = theme2.fonts) == null ? void 0 : _a2.body) || "system-ui"
-        },
-        children: "Loading editor..."
-      }
-    );
-    return /* @__PURE__ */ jsx$1("div", { style: { height: "100%", ...containerStyle }, children: loading });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `themed-mdx-editor ${containerClassName}`.trim(),
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        fontFamily: ((_b = theme2.fonts) == null ? void 0 : _b.body) || "system-ui",
-        ...editorStyles
-      },
-      children: [
-        /* @__PURE__ */ jsx$1("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsx$1(
-          MDXEditor,
-          {
-            ref: editorRef,
-            markdown: processedMarkdown,
-            onChange: handleChange,
-            contentEditableClassName: "mdx-editor-content",
-            ...restEditorProps
-          }
-        ) }),
-        !hideStatusBar && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              padding: "4px 12px",
-              backgroundColor: theme2.colors.backgroundSecondary,
-              color: theme2.colors.text,
-              fontFamily: ((_c = theme2.fonts) == null ? void 0 : _c.monospace) || "monospace",
-              fontSize: ((_d = theme2.fontSizes) == null ? void 0 : _d[1]) || 12,
-              borderTop: `1px solid ${theme2.colors.border}`
-            },
-            children: [
-              /* @__PURE__ */ jsx$1("div", { style: { flex: 1 }, children: filePath && /* @__PURE__ */ jsx$1(
-                "span",
-                {
-                  style: {
-                    color: theme2.colors.textSecondary,
-                    fontSize: ((_e2 = theme2.fontSizes) == null ? void 0 : _e2[0]) || 11
-                  },
-                  children: filePath
-                }
-              ) }),
-              /* @__PURE__ */ jsx$1(
-                "div",
-                {
-                  style: {
-                    padding: "2px 8px",
-                    borderRadius: 4,
-                    border: `1px solid ${isDirty ? theme2.colors.warning : theme2.colors.border}`,
-                    backgroundColor: isDirty ? theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary : theme2.colors.background,
-                    color: isDirty ? theme2.colors.warning : theme2.colors.textSecondary,
-                    fontWeight: 600,
-                    fontSize: ((_f = theme2.fontSizes) == null ? void 0 : _f[0]) || 11
-                  },
-                  children: isDirty ? "Modified" : "Saved"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-});
-ThemedMDXEditor.displayName = "ThemedMDXEditor";
-var ThemedMDXEditorWithProvider = React__default__default.forwardRef((props, ref) => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsx$1(ThemedMDXEditor, { ref, theme: theme2, ...props });
-});
-ThemedMDXEditorWithProvider.displayName = "ThemedMDXEditorWithProvider";
 const MDXEditorPanelContent = ({
   context,
   actions: _actions,
@@ -76062,6 +75780,31 @@ const MDXEditorPanelContent = ({
     });
     return unsubscribe;
   }, [events]);
+  const handleChange = useCallback((value2) => {
+    setMarkdown(value2);
+    setIsDirty(true);
+    setParseError(null);
+  }, []);
+  const handleSave = useCallback(
+    async (content2) => {
+      const contentToSave = content2 || markdown2;
+      if (filePath && (fileSystem == null ? void 0 : fileSystem.writeFile)) {
+        try {
+          await fileSystem.writeFile(filePath, contentToSave);
+          setIsDirty(false);
+          events.emit({
+            type: "file:save",
+            source: "industry-theme.mdx-editor",
+            timestamp: Date.now(),
+            payload: { path: filePath }
+          });
+        } catch (error) {
+          console.error("Error saving file:", error);
+        }
+      }
+    },
+    [markdown2, filePath, fileSystem, events]
+  );
   useEffect(() => {
     const loadFileContent = async () => {
       if (!filePath || !(fileSystem == null ? void 0 : fileSystem.readFile)) {
@@ -76090,30 +75833,17 @@ const MDXEditorPanelContent = ({
     };
     loadFileContent();
   }, [filePath, fileSystem]);
-  const handleChange = useCallback((value2) => {
-    setMarkdown(value2);
-    setParseError(null);
-  }, []);
-  const handleSave = useCallback(
-    async (content2) => {
-      const contentToSave = content2 || markdown2;
-      if (filePath && (fileSystem == null ? void 0 : fileSystem.writeFile)) {
-        try {
-          await fileSystem.writeFile(filePath, contentToSave);
-          setIsDirty(false);
-          events.emit({
-            type: "file:save",
-            source: "industry-theme.mdx-editor",
-            timestamp: Date.now(),
-            payload: { path: filePath }
-          });
-        } catch (error) {
-          console.error("Error saving file:", error);
-        }
+  useEffect(() => {
+    if (!isEditable) return;
+    const handleKeyDown = (e2) => {
+      if ((e2.metaKey || e2.ctrlKey) && e2.key === "s") {
+        e2.preventDefault();
+        handleSave();
       }
-    },
-    [markdown2, filePath, fileSystem, events]
-  );
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isEditable, handleSave]);
   if (!isMounted) {
     return /* @__PURE__ */ jsx$1(
       "div",
@@ -76221,29 +75951,12 @@ const MDXEditorPanelContent = ({
         width: "100%"
       },
       children: /* @__PURE__ */ jsx$1(
-        ThemedMDXEditorWithProvider,
+        ThemedMDXEditor,
         {
           markdown: safeMarkdown,
-          onSave: async (content2) => {
-            await handleSave(content2);
-          },
           onChange: handleChange,
-          onDirtyChange: setIsDirty,
           readOnly: !isEditable,
-          filePath: filePath || void 0,
-          enableSaveShortcut: isEditable,
-          hideStatusBar: false,
-          documentPadding: { left: 32, right: 32, top: 0, bottom: 32 },
-          onError: (error) => {
-            console.error("MDXEditor parsing error:", error);
-            setTimeout(() => {
-              if (error && typeof error === "object" && "message" in error) {
-                setParseError(String(error.message));
-              } else {
-                setParseError("Markdown parsing error");
-              }
-            }, 0);
-          },
+          contentEditableClassName: "prose",
           plugins
         },
         filePath || "default"
@@ -76561,4 +76274,4 @@ export {
   onPackageUnload as y,
   fileEditingPanelTools as z
 };
-//# sourceMappingURL=index-6w0qQWxe.js.map
+//# sourceMappingURL=index-TGeUE9Er.js.map