wordinweb 0.1.9 → 0.1.11

package/dist/index.js

@@ -2457,6 +2457,8 @@ function parseRunProps(rPr, ctx) {
   else if (vertAlign === "baseline") props.verticalAlign = "baseline";
   const spacing = intAttr(child(rPr, "spacing"), "val");
   if (spacing !== void 0) props.letterSpacing = twipsToPx(spacing);
+  const kern = intAttr(child(rPr, "kern"), "val");
+  if (kern !== void 0) props.kerningThreshold = kern > 0 ? halfPtToPx(kern) : null;
   const wScale = intAttr(child(rPr, "w"), "val");
   if (wScale !== void 0 && wScale > 0 && wScale !== 100) props.textScale = wScale / 100;
   const fitText = intAttr(child(rPr, "fitText"), "val");
@@ -3417,6 +3419,17 @@ function parseParagraph(p, ctx) {
   parseParaChildren(p, ctx, para.children, field, bookmarks);
   if (bookmarks.length > 0) para.bookmarks = bookmarks;
   flushField(field);
+  const visibleContent = para.children.flatMap(
+    (paraChild) => (paraChild.type === "run" ? [paraChild] : paraChild.runs).flatMap(
+      (run) => run.content.filter((content) => content.kind !== "text" || content.text.length > 0)
+    )
+  );
+  if (visibleContent.length === 1 && visibleContent[0].kind === "math") {
+    const node = visibleContent[0].nodes.length === 1 ? visibleContent[0].nodes[0] : void 0;
+    if (node?.t === "frac" && node.num.every((part) => part.t === "run") && node.den.every((part) => part.t === "run")) {
+      visibleContent[0].display = true;
+    }
+  }
   suppressTocHyperlinkFormatting(para);
   if (ctx.revisionView !== "markup" && pPr) {
     const markRPr = child(pPr, "rPr");
@@ -3659,13 +3672,14 @@ function parseParaChildren(parent, ctx, out, field, bookmarks) {
       const nodes = parseOmml(el16);
       if (nodes.length > 0) {
         const display = ln === "oMathPara";
+        const multiEquationDisplay = display && children(el16, "oMath").length > 3;
         const jcVal = display ? attr(child(child(el16, "oMathParaPr"), "jc"), "val") : void 0;
         const jc = jcVal === "left" || jcVal === "right" || jcVal === "center" || jcVal === "centerGroup" ? jcVal : void 0;
         const content = [];
         let segment = [];
         const flushMath = () => {
           if (segment.length === 0) return;
-          content.push({ kind: "math", nodes: segment, src: el16, display, jc });
+          content.push({ kind: "math", nodes: segment, src: el16, display, multiEquationDisplay, jc });
           segment = [];
         };
         for (const node of nodes) {
@@ -3896,6 +3910,9 @@ function parseRun(r, ctx, field, suppressedObjects) {
       case "tab":
         run.content.push({ kind: "tab" });
         break;
+      case "pgNum":
+        run.content.push({ kind: "field", instruction: "PAGE", cachedResult: "" });
+        break;
       case "drawing": {
         const img = parseDrawing(el16, ctx);
         if (img) {
@@ -3943,7 +3960,7 @@ function parseRun(r, ctx, field, suppressedObjects) {
           let code = parseInt(charHex, 16);
           if (code >= 61440) code -= 61440;
           const font = attr(el16, "font") ?? "";
-          const mapped = /wingdings|webdings|symbol/i.test(font) ? SYMBOL_CHAR_MAP[code] : void 0;
+          const mapped = /^symbol$/i.test(font) ? SYMBOL_TEXT_CHAR_MAP[code] : /wingdings|webdings/i.test(font) ? SYMBOL_CHAR_MAP[code] : void 0;
           run.content.push({ kind: "text", text: mapped ?? String.fromCharCode(code) });
         }
         break;
@@ -3955,10 +3972,12 @@ function parseRun(r, ctx, field, suppressedObjects) {
       case "endnoteReference": {
         const id = intAttr(el16, "id");
         if (id !== void 0) {
+          const customMark = attr(el16, "customMarkFollows");
           run.content.push({
             kind: "noteRef",
             noteType: ln === "footnoteReference" ? "footnote" : "endnote",
-            id
+            id,
+            customMarkFollows: customMark !== void 0 && customMark !== "0" && customMark !== "false" && customMark !== "off"
           });
         }
         break;
@@ -4352,7 +4371,8 @@ function parseDrawing(drawing, ctx) {
       const pctEl = el16 ? el16.children.find((c) => localName(c.name).startsWith("pct")) : void 0;
       if (!pctEl) return void 0;
       const rf = attr(el16, "relativeFrom");
-      return { pct: (parseInt(pctEl.text, 10) || 0) / 1e5, rel: rf === "page" ? "page" : "margin" };
+      const pct = (parseInt(pctEl.text, 10) || 0) / 1e5;
+      return pct > 0 ? { pct, rel: rf === "page" ? "page" : "margin" } : void 0;
     };
     const spPr = child(textboxEl, "spPr");
     const txbxOwn = child(textboxEl, "txbx");
@@ -4361,6 +4381,7 @@ function parseDrawing(drawing, ctx) {
     const rot = intAttr(xfrm, "rot");
     const lnEl = child(spPr, "ln");
     const strokeColor = lnEl && !child(lnEl, "noFill") ? fillColorOf(lnEl) : void 0;
+    const fill = child(spPr, "noFill") ? void 0 : fillColorOf(spPr) ?? styleFillOf(textboxEl);
     const bodyPr = child(textboxEl, "bodyPr");
     const insetOf = (name, dflt) => {
       const v = bodyPr ? intAttr(bodyPr, name) : void 0;
@@ -4404,7 +4425,7 @@ function parseDrawing(drawing, ctx) {
         vAlign: vAlignOf(posV),
         blocks: txbxContent ? parseBlocks(txbxContent, ctx) : [],
         ...textboxChainId !== void 0 ? { chainId: textboxChainId, chainSeq: textboxChainSeq ?? 0 } : {},
-        ...fillColorOf(spPr) ? { fill: fillColorOf(spPr) } : {},
+        ...fill ? { fill } : {},
         ...strokeColor ? { stroke: { color: strokeColor, weight: Math.max(emuToPx(intAttr(lnEl, "w") ?? 0), 0.75) } } : {},
         textAnchor: anchorAttr === "ctr" ? "middle" : anchorAttr === "b" ? "bottom" : anchorAttr === "t" ? "top" : void 0,
         insets: {
@@ -4818,7 +4839,8 @@ function collectDiagramShapes(dspRoot, ctx, out, dx, dy) {
           height: emuToPx(th),
           blocks,
           insets: { l: insetOf("lIns", 9.6), t: insetOf("tIns", 4.8), r: insetOf("rIns", 9.6), b: insetOf("bIns", 4.8) },
-          textAnchor: anchorAttr === "ctr" ? "middle" : anchorAttr === "b" ? "bottom" : "top"
+          textAnchor: anchorAttr === "ctr" ? "middle" : anchorAttr === "b" ? "bottom" : "top",
+          paintOffsetY: 0.75
         });
       }
     }
@@ -4904,6 +4926,8 @@ function drawingMLRun(r, ctx) {
   const props = {};
   const sz = rPr ? intAttr(rPr, "sz") : void 0;
   props.size = ptToPx((sz ?? 1800) / 100);
+  const kern = rPr ? intAttr(rPr, "kern") : void 0;
+  if (kern !== void 0) props.kerningThreshold = kern > 0 ? ptToPx(kern / 100) : null;
   if (rPr && attr(rPr, "b") === "1") props.bold = true;
   if (rPr && attr(rPr, "i") === "1") props.italic = true;
   const u = rPr ? attr(rPr, "u") : void 0;
@@ -5348,6 +5372,8 @@ function parseCell(tc, ctx) {
     if (tcW && attr(tcW, "type") === "dxa") {
       const w = intAttr(tcW, "w");
       if (w) props.width = twipsToPx(w);
+    } else if (tcW && attr(tcW, "type") === "auto") {
+      props.widthAuto = true;
     }
     const borders = child(tcPr, "tcBorders");
     if (borders) {
@@ -5723,6 +5749,9 @@ var DocxDocument = class _DocxDocument {
     /** Note content by note id (render-only; sources stripped). */
     this.footnotes = /* @__PURE__ */ new Map();
     this.endnotes = /* @__PURE__ */ new Map();
+    /** The separator paragraph controls the gap between its rule and the first
+     * footnote. */
+    this.footnoteSeparator = [];
     /** `_Ref` cross-reference bookmark ranges (name → captured runs). REF
      * fields re-render the referenced text from these — Word recomputes REF on
      * open, so the cached field result in the file is stale. */
@@ -5839,6 +5868,8 @@ var DocxDocument = class _DocxDocument {
     if (!docRoot) throw new Error(`Missing ${docPart} in package`);
     this.docRoot = docRoot;
     this.rememberOriginalXml(docPart, docRoot);
+    const coreProperties = this.readXmlOptional("docProps/core.xml");
+    this.hydrateCorePropertyControls(docRoot, coreProperties);
     this.repairLegacyWordInWebObjects();
     this.documentRels = parseRelationships(this.relsRoot ?? void 0, docPart);
     if (settings) {
@@ -5881,6 +5912,7 @@ var DocxDocument = class _DocxDocument {
       if (!root) continue;
       const partRels = parseRelationships(this.readXmlOptional(relsPathFor(rel.target)), rel.target);
       this.rememberOriginalXml(rel.target, root);
+      this.hydrateCorePropertyControls(root, coreProperties);
       this.hfParts.push({ relId: rel.id, target: rel.target, root, isHeader, rels: partRels });
     }
     for (const rel of this.documentRels.values()) {
@@ -5894,6 +5926,12 @@ var DocxDocument = class _DocxDocument {
         this.footnotesPart = rel.target;
         this.footnotesRoot = root;
         this.footnotesRels = partRels;
+        const separator = root.children.find(
+          (item) => localName(item.name) === "footnote" && attr(item, "type") === "separator"
+        );
+        if (separator) {
+          this.footnoteSeparator.push(...parseBlocks(separator, { ...this.ctxBase, rels: partRels }));
+        }
       }
       const notes = parseNotesPart(root, { ...this.ctxBase, rels: partRels }, isFn);
       for (const [id, blocks] of notes) (isFn ? this.footnotes : this.endnotes).set(id, blocks);
@@ -5908,6 +5946,37 @@ var DocxDocument = class _DocxDocument {
     this._packageResourceVersion++;
     this._layoutGlobalSig = null;
   }
+  /** Resolve content controls mapped to standard package core properties.
+   * Word refreshes these bindings on open, so the serialized sdtContent can
+   * be stale even though the visible value comes from docProps/core.xml. */
+  hydrateCorePropertyControls(root, coreProperties) {
+    if (!coreProperties) return;
+    const textNodes = (element) => {
+      const out = localName(element.name) === "t" ? [element] : [];
+      for (const item of element.children) out.push(...textNodes(item));
+      return out;
+    };
+    const walk2 = (element) => {
+      if (localName(element.name) === "sdt") {
+        const binding = child(child(element, "sdtPr"), "dataBinding");
+        const xpath = attr(binding, "xpath") ?? "";
+        const propertyMatch = /\/(?:[^/:]+:)?([A-Za-z_][\w.-]*)(?:\[\d+\])?\s*$/.exec(xpath);
+        if (xpath.includes("coreProperties") && propertyMatch) {
+          const property = coreProperties.children.find(
+            (item) => localName(item.name) === propertyMatch[1]
+          );
+          const content = child(element, "sdtContent");
+          const targets = content ? textNodes(content) : [];
+          if (property?.text && targets.length > 0) {
+            targets[0].text = property.text;
+            for (const target of targets.slice(1)) target.text = "";
+          }
+        }
+      }
+      for (const item of element.children) walk2(item);
+    };
+    walk2(root);
+  }
   /** Repair only objects emitted by older WordInWeb builds that Word rejects. */
   repairLegacyWordInWebObjects() {
     const raw = this.pkg.raw();
@@ -7989,7 +8058,7 @@ var BAKED_FONT_METRICS = {
 // ../core/src/layout/measure.ts
 function fontKey(font) {
   const paint = font.paintFamily && font.paintFamily !== font.family ? `${font.paintFamily}>` : "";
-  return `${font.bold ? "bold " : ""}${font.italic ? "italic " : ""}${font.size}px ${paint}${font.family}`;
+  return `${font.bold ? "bold " : ""}${font.italic ? "italic " : ""}${font.kerning ? "kern " : ""}${font.size}px ${paint}${font.family}`;
 }
 var METRIC_SUBSTITUTES = {
   calibri: "Carlito",
@@ -8092,7 +8161,10 @@ var WORD_FONT_METRICS = {
   // baselines 118.80 + n x 20.00; first attempt baked the multiple into the
   // profile and over-pitched every line by 1.08x).
   mangal: { asc: 1.245, desc: 0.4399, gap: 0 },
-  latha: { asc: 0.9266, desc: 0.3369, gap: 0 }
+  latha: { asc: 0.9266, desc: 0.3369, gap: 0 },
+  // Word substitutes Lao text to DokChampa. Its hhea box is 2850/-1117 at
+  // 2048 UPEM; this is also the line profile Word uses in the reference PDF.
+  "noto sans lao looped": { asc: 1.391602, desc: 0.54541, gap: 0 }
 };
 var QUARTER_PT_PX = 1 / 3;
 function quantizeQuarterPt(px) {
@@ -8131,6 +8203,23 @@ function hasCambriaMath() {
   }
   return _cambriaMath;
 }
+var _segoeUIEmoji;
+function hasSegoeUIEmoji() {
+  if (_segoeUIEmoji !== void 0) return _segoeUIEmoji;
+  try {
+    const canvas = typeof OffscreenCanvas !== "undefined" ? new OffscreenCanvas(1, 1) : typeof document !== "undefined" ? document.createElement("canvas") : null;
+    const ctx = canvas?.getContext("2d");
+    if (!ctx) return _segoeUIEmoji = false;
+    ctx.font = '48px "Segoe UI Emoji", sans-serif';
+    const requested = ctx.measureText("\u263A");
+    ctx.font = "48px sans-serif";
+    const fallback = ctx.measureText("\u263A");
+    _segoeUIEmoji = Math.abs(requested.width - fallback.width) > 0.01 || Math.abs((requested.actualBoundingBoxRight ?? 0) - (fallback.actualBoundingBoxRight ?? 0)) > 0.01 || Math.abs((requested.actualBoundingBoxAscent ?? 0) - (fallback.actualBoundingBoxAscent ?? 0)) > 0.01;
+  } catch {
+    _segoeUIEmoji = false;
+  }
+  return _segoeUIEmoji;
+}
 function cambriaMathDescentShare() {
   return 0.238;
 }
@@ -8151,11 +8240,12 @@ var CanvasMeasurer = class {
   }
   setFont(font) {
     const css = cssFont(font);
-    if (css !== this.currentFont) {
+    const key = `${css}\0${font.kerning ? "normal" : "none"}`;
+    if (key !== this.currentFont) {
       this.ctx.font = css;
-      this.ctx.fontKerning = "none";
+      this.ctx.fontKerning = font.kerning ? "normal" : "none";
       this.ctx.textRendering = "optimizeSpeed";
-      this.currentFont = css;
+      this.currentFont = key;
     }
   }
   width(text, font, letterSpacing = 0) {
@@ -8259,6 +8349,8 @@ function createMeasurer() {
 // ../core/src/layout/math.ts
 var SCRIPT_SCALE = 0.73;
 var SCRIPT_SCRIPT_SCALE = 0.6;
+var EMPTY_SCRIPT_ADVANCE = 0.89;
+var EMPTY_SUP_ADVANCE = 0.84;
 var floorHalfPt = (px) => Math.floor(px * 0.75 * 2 + 1e-6) / 2 / 0.75;
 var scriptSize = (size, floor) => Math.max(floorHalfPt(size * SCRIPT_SCALE), floor);
 var SUP_RAISE = 4 / 11;
@@ -8270,6 +8362,7 @@ var RULE_THICK = 0.75 / 11;
 var BIN_OP_SPACE = 0.25;
 var FUNC_NAME_SPACE = 0.18;
 var COMMA_SPACE = 0.17;
+var SEMICOLON_SPACE = 0.153;
 var FRAC_PAD = 0.06;
 var NARY_SUM_RAISE = 0.5 / 11;
 var NARY_INT_DROP = 0.5 / 11;
@@ -8288,10 +8381,11 @@ var MAT_COL_GAP_STIX = 12.2 / 11;
 var MAT_COL_GAP_REAL_INLINE = 11.4 / 11;
 var MAT_COL_GAP_REAL_DISPLAY = 11.13 / 11;
 var DLM_PAD_STIX = 1.2 / 11;
-var DLM_PAD_REAL = 0.8 / 11;
+var DLM_PAD_REAL = 1 / 11;
 var matColGap = (display) => hasCambriaMath() ? display ? MAT_COL_GAP_REAL_DISPLAY : MAT_COL_GAP_REAL_INLINE : MAT_COL_GAP_STIX;
 var dlmPad = () => hasCambriaMath() ? DLM_PAD_REAL : DLM_PAD_STIX;
 var DLM_MAT_END_PAD = 0.3 / 11;
+var DLM_TRAILING_SPACE_PAD = 0.125;
 var FRAC_NUM_RAISE_D = 1550 / 2048;
 var FRAC_DEN_DROP_D = 1370 / 2048;
 var FRAC_DEN_DLM_EXTRA = 133 / 2048;
@@ -8305,6 +8399,8 @@ var INT_D_INK = 1.3584 + 0.7925;
 var INT_D_ASC = 1.3584;
 var INT_D_DESC = 0.7925;
 var INT_D_ADV = 0.8066;
+var INT_D_LIMIT_OVERLAP = 0.37;
+var INT_D_SUP_STAGGER = 0.375;
 var INT_D_ANCHOR = (1.3584 - 0.877 * (INT_D_INK / INT_TEXT_INK)) / (1 - INT_D_INK / INT_TEXT_INK);
 var MATH_FONT = "Cambria Math";
 function mathText(text, normal = false) {
@@ -8382,7 +8478,7 @@ var BRACKET_RE = /[()[\]{}]/;
 var SUP_DLM_DROP = 460 / 2048;
 var ITALIC_MATH_RE = /[\u{1D434}-\u{1D467}ℎ]/u;
 var SUP_KERN_IN = 0;
-var SCRIPT_TRAIL = 0;
+var SCRIPT_TRAIL_GROUPED_DISPLAY = 0.12;
 function containsDlm(nodes) {
   for (const n of nodes) {
     switch (n.t) {
@@ -8467,9 +8563,21 @@ function containsBlocky(nodes) {
   }
   return false;
 }
-function layoutMath(nodes, baseSize, measurer, display = false) {
+function layoutMath(nodes, baseSize, measurer, display = false, fractionPadEm = FRAC_PAD, multiEquationDisplay = false) {
   const box = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [], display, baseSize };
-  flow(nodes, baseSize, 0, box, measurer, false, display, 0, floorHalfPt(baseSize * SCRIPT_SCRIPT_SCALE));
+  flow(
+    nodes,
+    baseSize,
+    0,
+    box,
+    measurer,
+    false,
+    display,
+    0,
+    floorHalfPt(baseSize * SCRIPT_SCRIPT_SCALE),
+    fractionPadEm,
+    multiEquationDisplay ? SCRIPT_TRAIL_GROUPED_DISPLAY : 0
+  );
   for (const p of box.pieces) {
     const m = measurer.metrics(p.font);
     p.effAscent = p.ownAscent ?? p.dy + m.ascent;
@@ -8483,12 +8591,17 @@ function layoutMath(nodes, baseSize, measurer, display = false) {
   }
   return box;
 }
-function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth = 0, scriptFloor = 0) {
+function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth = 0, scriptFloor = 0, fractionPadEm = FRAC_PAD, scriptTrailEm = 0) {
   let prevOperand = false;
   for (const node of nodes) {
     switch (node.t) {
       case "run": {
         const font = fontAt(size);
+        if (node.normal && /^\s+$/.test(node.text)) {
+          box.pieces.push({ text: node.text, x: box.width, dy, font });
+          box.width += [...node.text].length * size;
+          break;
+        }
         if (node.fname) {
           const gap = size * FUNC_NAME_SPACE;
           if (prevOperand) box.width += gap;
@@ -8500,16 +8613,19 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         }
         const medGap = size * BIN_OP_SPACE;
         const relGap = display ? medGap : size * (5 / 18);
-        const toks = node.text.split(/([=+−×÷<>≤≥±≠,-])/).filter((s) => s.length > 0);
+        const toks = node.text.split(/([=+−×÷<>≤≥±≠,;\-])/).filter((s) => s.length > 0);
         for (let ti = 0; ti < toks.length; ti++) {
           const tok = toks[ti];
-          if (tok === ",") {
+          if (tok === "," || tok === ";") {
             const text2 = mathText(tok, node.normal);
             box.pieces.push({ text: text2, x: box.width, dy, font });
             box.width += measurer.width(text2, font);
             const nextIsSpace = ti + 1 < toks.length && /^\s/.test(toks[ti + 1]);
-            if (!tight && !nextIsSpace) box.width += size * COMMA_SPACE;
-            prevOperand = false;
+            const spacedSemicolon = tok === ";" && (ti === toks.length - 1 || !BIN_OPS.has(toks[ti + 1]));
+            if (!tight && !nextIsSpace && (tok === "," || spacedSemicolon)) {
+              box.width += size * (tok === "," ? COMMA_SPACE : SEMICOLON_SPACE);
+            }
+            prevOperand = tok === ";";
             continue;
           }
           const isOp = BIN_OPS.has(tok);
@@ -8533,7 +8649,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
       case "sup":
       case "sub": {
         const beforeBase = box.pieces.length;
-        flow(node.base, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.base, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         let baseInkAsc = 0;
         if (node.t === "sup") {
           for (let i = beforeBase; i < box.pieces.length; i++) {
@@ -8548,9 +8664,16 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
           box.width += size * SUP_KERN_IN;
         }
         const beforeScript = box.pieces.length;
-        flow(node.script, scriptSize(size, scriptFloor), scriptDy, box, measurer, true, false, breakDepth + 2, scriptFloor);
+        const scriptFontSize = scriptSize(size, scriptFloor);
+        if (node.t === "sub" && node.script.length === 0) {
+          box.width += scriptFontSize * EMPTY_SCRIPT_ADVANCE;
+        } else if (node.t === "sup" && node.script.length === 0) {
+          box.width += scriptFontSize * EMPTY_SUP_ADVANCE;
+        } else {
+          flow(node.script, scriptFontSize, scriptDy, box, measurer, true, false, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
+        }
         for (let i = beforeScript; i < box.pieces.length; i++) box.pieces[i].script = true;
-        box.width += size * SCRIPT_TRAIL;
+        if (display) box.width += size * scriptTrailEm;
         prevOperand = true;
         break;
       }
@@ -8559,17 +8682,17 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const numRaise = display ? size * FRAC_NUM_RAISE_D : size * FRAC_NUM_RAISE;
         const denDrop = (display ? size * FRAC_DEN_DROP_D : size * FRAC_DEN_DROP) + (display && containsDlm(node.den) ? size * FRAC_DEN_DLM_EXTRA : 0);
         const fracTight = display ? tight : true;
-        const numW = widthOf(node.num, scale, measurer, display, fracTight, scriptFloor);
-        const denW = widthOf(node.den, scale, measurer, display, fracTight, scriptFloor);
-        const pad = size * FRAC_PAD;
+        const numW = widthOf(node.num, scale, measurer, display, fracTight, scriptFloor, fractionPadEm, scriptTrailEm);
+        const denW = widthOf(node.den, scale, measurer, display, fracTight, scriptFloor, fractionPadEm, scriptTrailEm);
+        const pad = size * fractionPadEm;
         const barW = Math.max(numW, denW) + 2 * pad;
         const x0 = box.width;
         const numBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.num, scale, 0, numBox, measurer, fracTight, display, breakDepth + 2, scriptFloor);
+        flow(node.num, scale, 0, numBox, measurer, fracTight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         for (const p of numBox.pieces) box.pieces.push(rebase(p, x0 + (barW - numW) / 2, dy + numRaise));
         for (const r of numBox.rules) box.rules.push({ ...r, x1: x0 + (barW - numW) / 2 + r.x1, x2: x0 + (barW - numW) / 2 + r.x2, dy: dy + numRaise + r.dy });
         const denBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.den, scale, 0, denBox, measurer, fracTight, display, breakDepth + 2, scriptFloor);
+        flow(node.den, scale, 0, denBox, measurer, fracTight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         let denDropFinal = denDrop;
         if (containsFrac(node.den)) {
           let denAsc = 0;
@@ -8594,7 +8717,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
       case "nary": {
         const isInt = "\u222B\u222C\u222D\u222E\u222F\u2230".includes(node.chr);
         if (display && !isInt) {
-          naryDisplay(node, size, dy, box, measurer, scriptFloor);
+          naryDisplay(node, size, dy, box, measurer, scriptFloor, fractionPadEm, scriptTrailEm);
           prevOperand = true;
           break;
         }
@@ -8623,20 +8746,24 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const intSubDrop = display && visibleSub ? INT_SUB_DROP_D : INT_SUB_DROP;
         const supDy = dy + size * (isInt ? intSupRaise : NARY_SUP_RAISE);
         const subDy = dy - size * (isInt ? intSubDrop : NARY_SUB_DROP);
-        const supStagger = isInt ? size * INT_SUP_STAGGER : 0;
-        const supW = widthOf(node.sup, scale, measurer, false, true, scriptFloor) + supStagger;
-        const subW = widthOf(node.sub, scale, measurer, false, true, scriptFloor);
-        const x0 = box.width;
+        const supStagger = isInt ? size * (display ? INT_D_SUP_STAGGER : INT_SUP_STAGGER) : 0;
+        const supW = visibleSup ? widthOf(node.sup, scale, measurer, false, true, scriptFloor, fractionPadEm, scriptTrailEm) + supStagger : 0;
+        const subW = visibleSub ? widthOf(node.sub, scale, measurer, false, true, scriptFloor, fractionPadEm, scriptTrailEm) : 0;
+        const x0 = box.width - (display && isInt && (visibleSup || visibleSub) ? size * INT_D_LIMIT_OVERLAP : 0);
         const supBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.sup, scale, 0, supBox, measurer, true, false, breakDepth + 2, scriptFloor);
-        for (const pc of supBox.pieces) box.pieces.push(rebase(pc, x0 + supStagger, supDy, true));
-        for (const r of supBox.rules) box.rules.push({ ...r, x1: x0 + supStagger + r.x1, x2: x0 + supStagger + r.x2, dy: supDy + r.dy });
+        if (visibleSup) {
+          flow(node.sup, scale, 0, supBox, measurer, true, false, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
+          for (const pc of supBox.pieces) box.pieces.push(rebase(pc, x0 + supStagger, supDy, true));
+          for (const r of supBox.rules) box.rules.push({ ...r, x1: x0 + supStagger + r.x1, x2: x0 + supStagger + r.x2, dy: supDy + r.dy });
+        }
         const subBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.sub, scale, 0, subBox, measurer, true, false, breakDepth + 2, scriptFloor);
-        for (const pc of subBox.pieces) box.pieces.push(rebase(pc, x0, subDy, true));
-        for (const r of subBox.rules) box.rules.push({ ...r, x1: x0 + r.x1, x2: x0 + r.x2, dy: subDy + r.dy });
+        if (visibleSub) {
+          flow(node.sub, scale, 0, subBox, measurer, true, false, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
+          for (const pc of subBox.pieces) box.pieces.push(rebase(pc, x0, subDy, true));
+          for (const r of subBox.rules) box.rules.push({ ...r, x1: x0 + r.x1, x2: x0 + r.x2, dy: subDy + r.dy });
+        }
         box.width = x0 + Math.max(supW, subW) + size * NARY_E_GAP;
-        flow(node.e, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.e, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         prevOperand = true;
         break;
       }
@@ -8646,7 +8773,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         let coreDesc = 0;
         const parts = node.e.map((part) => {
           const b = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-          flow(part, size, 0, b, measurer, tight, display, breakDepth + 1, scriptFloor);
+          flow(part, size, 0, b, measurer, tight, display, breakDepth + 1, scriptFloor, fractionPadEm, scriptTrailEm);
           for (const pc of b.pieces) {
             const m = measurer.metrics(pc.font);
             const asc = pc.ownAscent ?? pc.dy + m.ascent;
@@ -8702,7 +8829,10 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
             grow = 1;
           }
         }
-        const innerPad = size * (matLike ? DLM_MAT_END_PAD : dlmPad());
+        const lastPart = node.e[node.e.length - 1];
+        const tail = lastPart?.[lastPart.length - 1];
+        const trailingSpaces = display && tail?.t === "run" && /^\s+$/.test(tail.text) ? [...tail.text].length : 0;
+        const innerPad = size * (matLike ? DLM_MAT_END_PAD : dlmPad()) + size * DLM_TRAILING_SPACE_PAD * trailingSpaces;
         const drawDelim = (ch) => {
           if (!ch) return;
           const asm = asmH !== void 0 ? DLM_ASM_PIECES[ch] : void 0;
@@ -8772,7 +8902,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const cells = node.rows.map(
           (row) => row.map((cell) => {
             const b = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-            flow(cell, size, 0, b, measurer, tight, display, breakDepth + 2, scriptFloor);
+            flow(cell, size, 0, b, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
             for (const pc of b.pieces) {
               const m = measurer.metrics(pc.font);
               b.ascent = Math.max(b.ascent, pc.dy + m.ascent);
@@ -8818,7 +8948,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const m = measurer.metrics(font);
         const ruleThick = Math.max(size * RULE_THICK, 0.75);
         const radBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.e, size, 0, radBox, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.e, size, 0, radBox, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         let radAsc = m.ascent * 0.5;
         let radDesc = 0;
         for (const pc of radBox.pieces) {
@@ -8842,7 +8972,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
           const dScale = scriptSize(size, scriptFloor);
           box.width += size * RAD_KERN_BEFORE_DEG;
           const degBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-          flow(node.deg, dScale, 0, degBox, measurer, true, false, breakDepth + 2, scriptFloor);
+          flow(node.deg, dScale, 0, degBox, measurer, true, false, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
           const degDy = dy - radDesc + RAD_DEG_RAISE * signInkH + size * RAD_DEG_ADJ;
           for (const pc of degBox.pieces) box.pieces.push(rebase(pc, box.width, degDy, true));
           for (const r of degBox.rules) box.rules.push({ ...r, x1: box.width + r.x1, x2: box.width + r.x2, dy: degDy + r.dy });
@@ -8889,7 +9019,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const axis = dy + size * RULE_CENTER;
         const rowBoxes = node.rows.map((row) => {
           const b = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-          flow(row, size, 0, b, measurer, tight, display, breakDepth + 2, scriptFloor);
+          flow(row, size, 0, b, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
           for (const pc of b.pieces) {
             const pm = measurer.metrics(pc.font);
             b.ascent = Math.max(b.ascent, pc.ownAscent ?? pc.dy + pm.ascent);
@@ -8919,7 +9049,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
       }
       case "acc": {
         const before = box.pieces.length;
-        flow(node.e, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.e, size, dy, box, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         if (box.pieces.length > before) {
           const last = box.pieces[box.pieces.length - 1];
           last.text += node.chr;
@@ -8931,7 +9061,7 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
         const isTop = node.pos === "top";
         const bScale = isTop ? size : scriptSize(size, scriptFloor);
         const baseBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.e, bScale, 0, baseBox, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.e, bScale, 0, baseBox, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         const baseW = baseBox.width;
         const maxVariant = GRP_VARIANTS_EM[GRP_VARIANTS_EM.length - 1] * size;
         let braceW = maxVariant;
@@ -8968,10 +9098,10 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
       case "lim": {
         const isLow = node.pos === "low";
         const baseBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.e, size, 0, baseBox, measurer, tight, display, breakDepth + 2, scriptFloor);
+        flow(node.e, size, 0, baseBox, measurer, tight, display, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         const lScale = scriptSize(size, scriptFloor);
         const limBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-        flow(node.lim, lScale, 0, limBox, measurer, true, false, breakDepth + 2, scriptFloor);
+        flow(node.lim, lScale, 0, limBox, measurer, true, false, breakDepth + 2, scriptFloor, fractionPadEm, scriptTrailEm);
         const w = Math.max(baseBox.width, limBox.width);
         const x0 = box.width;
         const baseX = x0 + (w - baseBox.width) / 2;
@@ -8988,19 +9118,19 @@ function flow(nodes, size, dy, box, measurer, tight, display = false, breakDepth
     }
   }
 }
-function naryDisplay(node, size, dy, box, measurer, scriptFloor) {
+function naryDisplay(node, size, dy, box, measurer, scriptFloor, fractionPadEm, scriptTrailEm) {
   const opFont = fontAt(size * NARY_OP_SCALE_D);
   const opW = measurer.width(node.chr, opFont);
   const scale = scriptSize(size, scriptFloor);
-  const supW = widthOf(node.sup, scale, measurer, false, true, scriptFloor);
-  const subW = widthOf(node.sub, scale, measurer, false, true, scriptFloor);
+  const supW = widthOf(node.sup, scale, measurer, false, true, scriptFloor, fractionPadEm, scriptTrailEm);
+  const subW = widthOf(node.sub, scale, measurer, false, true, scriptFloor, fractionPadEm, scriptTrailEm);
   const stackW = Math.max(opW, supW, subW);
   const x0 = box.width;
   const cx = x0 + stackW / 2;
   box.pieces.push({ text: node.chr, x: cx - opW / 2, dy, font: opFont });
   if (node.sup.length) {
     const supBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-    flow(node.sup, scale, 0, supBox, measurer, true, false, 2, scriptFloor);
+    flow(node.sup, scale, 0, supBox, measurer, true, false, 2, scriptFloor, fractionPadEm, scriptTrailEm);
     const ox = cx - supW / 2;
     const oy = dy + size * NARY_OVER_RAISE_D;
     for (const pc of supBox.pieces) box.pieces.push(rebase(pc, ox, oy, true));
@@ -9008,18 +9138,18 @@ function naryDisplay(node, size, dy, box, measurer, scriptFloor) {
   }
   if (node.sub.length) {
     const subBox = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-    flow(node.sub, scale, 0, subBox, measurer, true, false, 2, scriptFloor);
+    flow(node.sub, scale, 0, subBox, measurer, true, false, 2, scriptFloor, fractionPadEm, scriptTrailEm);
     const ux = cx - subW / 2;
     const uy = dy - size * NARY_UNDER_DROP_D;
     for (const pc of subBox.pieces) box.pieces.push(rebase(pc, ux, uy, true));
     for (const r of subBox.rules) box.rules.push({ ...r, x1: ux + r.x1, x2: ux + r.x2, dy: uy + r.dy });
   }
   box.width = x0 + stackW + size * NARY_E_GAP;
-  flow(node.e, size, dy, box, measurer, false, true, 2, scriptFloor);
+  flow(node.e, size, dy, box, measurer, false, true, 2, scriptFloor, fractionPadEm, scriptTrailEm);
 }
-function widthOf(nodes, size, measurer, display = false, tight = true, scriptFloor = 0) {
+function widthOf(nodes, size, measurer, display = false, tight = true, scriptFloor = 0, fractionPadEm = FRAC_PAD, scriptTrailEm = 0) {
   const tmp = { width: 0, ascent: 0, descent: 0, pieces: [], rules: [] };
-  flow(nodes, size, 0, tmp, measurer, tight, display, 2, scriptFloor);
+  flow(nodes, size, 0, tmp, measurer, tight, display, 2, scriptFloor, fractionPadEm, scriptTrailEm);
   return tmp.width;
 }
 
@@ -9047,16 +9177,18 @@ function starNumberFormat(instr, n) {
   }
 }
 function fontOf(props, fallbackFamily) {
+  const family = props.rtl && props.fontComplex || props.font || fallbackFamily;
   let size = props.size ?? 14.666;
   if (props.verticalAlign === "superscript" || props.verticalAlign === "subscript") {
-    size = Math.round(size * 1.5 * 0.65) / 1.5;
+    const scale = EA_FAMILY_RE.test(family) ? 0.52 : 0.65;
+    size = Math.round(size * 1.5 * scale) / 1.5;
   }
-  const family = props.rtl && props.fontComplex || props.font || fallbackFamily;
   return {
     family,
     size,
     bold: props.bold ?? false,
-    italic: props.italic ?? false
+    italic: props.italic ?? false,
+    kerning: props.kerningThreshold !== void 0 && props.kerningThreshold !== null && size >= props.kerningThreshold
   };
 }
 function displayText(text, props) {
@@ -9071,13 +9203,21 @@ function runPlainText(run) {
 function isWordAlnum(ch) {
   return ch !== void 0 && /[\p{L}\p{Nd}]/u.test(ch);
 }
-function hyphenBreaks(word) {
+function hyphenBreaks(word, allowNumericEnDash) {
   const out = [];
+  let leading = 0;
+  while (word[leading] === "-" || word[leading] === "\u2010") leading++;
+  if (leading >= 2 && isWordAlnum(word[leading])) out.push(leading);
   for (let i = 1; i < word.length - 1; i++) {
     const ch = word[i];
-    if ((ch === "-" || ch === "\u2010") && isWordAlnum(word[i - 1]) && isWordAlnum(word[i + 1])) {
-      out.push(i + 1);
-    }
+    if (ch !== "-" && ch !== "\u2010" && ch !== "\u2013") continue;
+    let end = i + 1;
+    while (word[end] === "-" || word[end] === "\u2010" || word[end] === "\u2013") end++;
+    const wordBefore = isWordAlnum(word[i - 1]) || /^[\)\]\}]$/.test(word[i - 1] ?? "") && isWordAlnum(word[i - 2]);
+    const wordAfter = isWordAlnum(word[end]);
+    const numericEnDash = allowNumericEnDash && ch === "\u2013" && /\p{Nd}/u.test(word[i - 1] ?? "") && /\p{Nd}/u.test(word[end] ?? "");
+    if (ch === "\u2013" ? numericEnDash : wordBefore && wordAfter) out.push(end);
+    i = end - 1;
   }
   return out;
 }
@@ -9092,6 +9232,7 @@ function isCJK(ch) {
   return CJK_RE.test(ch);
 }
 var BALLOT_RE = /[☐☑☒]/;
+var LEGACY_CHECKBOX_TRAILING_ADVANCE = 2.5 * 96 / 72;
 function isBallot(ch) {
   return BALLOT_RE.test(ch);
 }
@@ -9177,16 +9318,35 @@ function wrapDisplayMath(box, maxWidth) {
   });
 }
 var DEFAULT_TAB = 48;
+var TABBED_INLINE_MATH_FRAC_PAD = 0.15;
 var OVERFLOW_PUNCT = /[.,:;!?)\]}、。，．：；？！）］｝」』】〉》]/;
-var CJK_SPACE_COMPRESS = 0.47;
+var CJK_SPACE_COMPRESS = 0.5;
 var EA_FAMILY_RE = /simsun|nsimsun|宋体|新宋体|songti|simhei|黑体|heiti|kaiti|楷体|fangsong|仿宋|yahei|雅黑|mingliu|细明|新細明|pmingliu|jhenghei|正黑|pingfang|dengxian|等线|ms (?:p?)(?:mincho|gothic)|mincho|meiryo|yu gothic|yu mincho|batang|gulim|dotum|malgun/i;
-var JUSTIFY_MAX_COMPRESS = 0.25;
+var JUSTIFY_MAX_COMPRESS = 0.29;
+var JUSTIFY_GRID_MAX_COMPRESS = 0.25;
 var JUSTIFY_STRETCH_FACTOR = 0.5;
 var TAMIL_GLYPH_SCALE = 0.735;
 var TAMIL_BASELINE_DY_EM = 0.136;
+var LAO_GLYPH_SCALE = 1.048;
+function emojiFallbackScale(text, family) {
+  if (family.toLowerCase() !== "segoe ui emoji" || hasSegoeUIEmoji()) return 1;
+  const codepoints = Array.from(text);
+  if (codepoints.some((ch) => {
+    const cp = ch.codePointAt(0) ?? 0;
+    return cp >= 127462 && cp <= 127487;
+  })) return 1;
+  const people = codepoints.filter((ch) => {
+    const cp = ch.codePointAt(0) ?? 0;
+    return cp >= 128102 && cp <= 128105;
+  }).length;
+  if (text.includes("\u200D") && people >= 3) return 1.84;
+  if (/🚀|❤|✅/.test(text)) return 1.39;
+  if (text.includes("\u200D") || /[🏻-🏿]/u.test(text)) return 1.29;
+  return 1;
+}
 var KASHIDA_LOW_EM = 0;
 var KASHIDA_MEDIUM_EM = 0.032;
-var KASHIDA_HIGH_EM = 0.04;
+var KASHIDA_HIGH_EM = 0.075;
 var BP_CACHES = /* @__PURE__ */ new WeakMap();
 var BP_CACHE_MAX = 6e4;
 function bpCacheFor(measurer) {
@@ -9330,6 +9490,7 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
   let curSegments = [{ x: 0, width: contentWidth }];
   let curSegIdx = 0;
   let curClearY;
+  let curEdgeReserve = 0;
   const ls = props.lineSpacing;
   const firstFont = atoms.find((a) => a.kind === "frag" || a.kind === "space")?.font;
   const natural = firstFont ? measurer.metrics(firstFont).lineHeight * (ls?.rule === "auto" ? ls.value : 1) : 0;
@@ -9341,6 +9502,7 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
     curSegments = [{ x: 0, width: contentWidth }];
     curSegIdx = 0;
     curClearY = void 0;
+    curEdgeReserve = 0;
     if (boundsAt) {
       let guard = 0;
       let b = boundsAt(yOff, EST_LINE);
@@ -9354,6 +9516,7 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
       curSegments = b.segments && b.segments.length > 0 ? b.segments : [{ x: b.x, width: b.width }];
       curSegIdx = 0;
       curClearY = b.clearY;
+      curEdgeReserve = b.edgeReserve ?? (b.clearY !== void 0 ? 0.75 : 0);
     }
     void idx;
   };
@@ -9538,6 +9701,7 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
         href: atom.href,
         src: atom.src ? { ...atom.src, offset: atom.src.offset + sliceOff } : void 0,
         metricsFont: atom.metricsFont,
+        metricsStrut: atom.metricsStrut,
         rtl: atom.rtl,
         rtlLevel: levelOf(atom.rtl)
       });
@@ -9628,7 +9792,10 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
           rawStop = nextTabStop(rawStop.pos, props.tabs, contentWidth - indentRight, doc.defaultTabStop);
         }
       }
-      if (hanging > 0 && x + offset < indentLeft - 0.5 && rawStop.pos > indentLeft) {
+      const explicitBeforeIndent = (props.tabs ?? []).some(
+        (tab) => !tab.clear && tab.align !== "bar" && tab.pos > x + offset + 0.5 && tab.pos < indentLeft - 0.5
+      );
+      if (hanging > 0 && x + offset < indentLeft - 0.5 && !explicitBeforeIndent) {
         rawStop = { pos: indentLeft, align: "left" };
       }
       const stop = { ...rawStop, pos: rawStop.pos - offset };
@@ -9661,6 +9828,45 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
           if (found) target = stop.pos - pre;
         }
       }
+      if (doc.compatibilityMode < 15 && stop.align === "left" && !bidiPara && curLineWidth > 0) {
+        let nextAtom = ai + 1;
+        let probeX = Math.max(target, x + 2);
+        while (atoms[nextAtom]?.kind === "tab") {
+          let probeStop = nextTabStop(
+            probeX + offset,
+            props.tabs,
+            contentWidth - indentRight,
+            doc.defaultTabStop
+          );
+          if (opts?.inTableCell) {
+            let guard = 0;
+            while (probeStop.align === "decimal" && guard++ < 8) {
+              probeStop = nextTabStop(
+                probeStop.pos,
+                props.tabs,
+                contentWidth - indentRight,
+                doc.defaultTabStop
+              );
+            }
+          }
+          if (probeStop.align !== "left") break;
+          probeX = Math.max(probeStop.pos - offset, probeX + 2);
+          nextAtom++;
+        }
+        let firstWordWidth = 0;
+        for (let j = nextAtom; j < atoms.length; j++) {
+          const a = atoms[j];
+          if (a.kind !== "frag") break;
+          firstWordWidth += a.width;
+        }
+        const lineEnd2 = lineStartX(lineIndex) + availFor(lineIndex);
+        if (firstWordWidth > 0 && probeX + firstWordWidth > lineEnd2 + 0.01) {
+          const legacyContinuationIndent = !!atom.props.bold && nextAtom === ai + 3;
+          flush(false, false);
+          if (!legacyContinuationIndent) ai--;
+          continue;
+        }
+      }
       const aligned = (stop.align === "right" || stop.align === "decimal") && !bidiPara;
       if (aligned && curLineWidth > 0 && x > target + 0.75) {
         flush(false, false);
@@ -9733,9 +9939,11 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
       const rows = wrapDisplayMath(atom.box, availFor(lineIndex));
       for (let ri = 0; ri < rows.length; ri++) {
         const row = rows[ri];
-        cur.push({ x, width: row.width, math: row, mathSrc: atom.src, props: {}, font: fontOf({}, fallbackFamily) });
-        curLineWidth += row.width;
-        x += row.width;
+        const tabReserve = !row.display && ri === rows.length - 1 && atoms[ai + 1]?.kind === "tab" ? row.width * 0.01 : 0;
+        const advance = row.width + tabReserve;
+        cur.push({ x, width: advance, math: row, mathSrc: atom.src, props: {}, font: fontOf({}, fallbackFamily) });
+        curLineWidth += advance;
+        x += advance;
         if (ri + 1 < rows.length) flush(false, false);
       }
       continue;
@@ -9744,7 +9952,7 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
       const w = atom.kind === "image" ? atom.width : atom.drawing.width;
       const h = atom.kind === "image" ? atom.height : atom.drawing.height;
       if (curLineWidth > 0 && x + w > lineStartX(lineIndex) + availFor(lineIndex)) {
-        const glued = atom.kind === "image" && !atom.srcDrawing;
+        const glued = atom.kind === "image" && (!atom.srcDrawing || localName(atom.srcDrawing.name) !== "drawing");
         let hi = cur.length;
         let headW = 0;
         while (glued && hi > minSpans) {
@@ -9793,11 +10001,12 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
     if (opts?.verticalGridResync && fragIsCJK && prevContentCJK === false && curLineWidth > 0 && curClearY === void 0) {
       flush(false, false);
     }
-    const lineEnd = lineStartX(lineIndex) + availFor(lineIndex);
+    const lineEnd = lineStartX(lineIndex) + availFor(lineIndex) - curEdgeReserve;
     const bdrPad = bdrPadOf(atom);
     const bdrPadL = bdrPad && (!sameBdrAtom(atoms[ai - 1], atom) || curLineWidth === 0) ? bdrPad : 0;
     const bdrPadR = bdrPad && !sameBdrAtom(atom, atoms[ai + 1]) ? bdrPad : 0;
-    let fits = x + bdrPadL + atom.width + bdrPadR <= lineEnd + 0.01;
+    const fitTolerance = minLineHeight !== void 0 ? 0.125 : 0.01;
+    let fits = x + bdrPadL + atom.width + bdrPadR <= lineEnd + fitTolerance;
     if (!fits && packUntilSpace) fits = true;
     if (!fits && cur.length > 0 && cur[cur.length - 1].text === "	") {
       if (bidiPara && cur[cur.length - 1].x <= lineStartX(lineIndex) + 0.5) {
@@ -9807,14 +10016,15 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
       fits = true;
       packUntilSpace = true;
     }
-    if (!fits && minLineHeight) {
+    let overflowPunctWidth = 0;
+    if (minLineHeight) {
       const last = atom.text[atom.text.length - 1];
       if (last && OVERFLOW_PUNCT.test(last)) {
         const nxt = atoms[ai + 1];
         const wordEnd = !nxt || nxt.kind !== "frag" || /^\s/.test(nxt.text);
         if (wordEnd) {
-          const pw = measurer.width(last, atom.font, atom.props.letterSpacing);
-          if (x + atom.width - pw <= lineEnd + 0.01) fits = true;
+          overflowPunctWidth = measurer.width(last, atom.font, atom.props.letterSpacing);
+          if (!fits && x + atom.width - overflowPunctWidth <= lineEnd + 0.01) fits = true;
         }
       }
     }
@@ -9843,8 +10053,14 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
         }
       }
       const wordW = headW + bdrPadL + atom.width + bdrPadR + tailW;
-      if (!fits && minLineHeight !== void 0 && curEaSpaceWidth > 0) {
-        const compress = (x - headW + wordW - lineEnd) / curEaSpaceWidth;
+      const previousInk = [...cur].reverse().find((span) => span.text?.trim());
+      const sentenceBoundary = /[.!?][\)\]}'"]?$/.test(previousInk?.text ?? "");
+      const clauseBoundaryTail = /[,;:]\s+(?:and|or|but)\s+the\s*$/i.test(
+        cur.map((span) => span.text ?? "").join("")
+      );
+      if (!fits && minLineHeight !== void 0 && curEaSpaceWidth > 0 && !curPacked && !sentenceBoundary && !clauseBoundaryTail) {
+        const packedPunctWidth = props.lineSpacing?.rule === "auto" ? overflowPunctWidth : 0;
+        const compress = (x - headW + wordW - packedPunctWidth - lineEnd) / curEaSpaceWidth;
         if (compress <= CJK_SPACE_COMPRESS + 1e-6) {
           fits = true;
           packUntilSpace = true;
@@ -9856,8 +10072,10 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
         // (compat 12, docGrid lines) p2 draws the justified "...zebeqo:" line
         // with every inter-word space at 4.25pt against SimSun's natural
         // 5.25pt (19% compression) to avoid the wrap Word 15+ would also
-        // avoid. Scoped to grid sections rather than all legacy docs.
-        (doc.compatibilityMode >= 15 || minLineHeight !== void 0) && !bidiPara && props.alignment === "justify" && curSpaceWidth > 0
+        // avoid. In legacy modes that extension is limited to lines whose
+        // compressible spaces use the East Asian face; ordinary Times New
+        // Roman bibliography lines retain Word 2007's earlier wrap.
+        (doc.compatibilityMode >= 15 || minLineHeight !== void 0 && curEaSpaceWidth > 0) && !bidiPara && props.alignment === "justify" && curSpaceWidth > 0
       ) {
         let trail = 0;
         for (let j = hi - 1; j >= 0 && cur[j].isSpace; j--) trail += cur[j].width;
@@ -9866,7 +10084,8 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
         const compress = (x - headW + wordW - lineEnd) / compressible;
         if (spacesAfterBreak > 1e-6 && compressible > 1e-6) {
           const stretch = (lineEnd - (x - headW - trail)) / spacesAfterBreak;
-          if (compress <= Math.min(JUSTIFY_MAX_COMPRESS, stretch * JUSTIFY_STRETCH_FACTOR)) {
+          const maxCompress = minLineHeight === void 0 && props.numbering ? JUSTIFY_MAX_COMPRESS : JUSTIFY_GRID_MAX_COMPRESS;
+          if (compress <= Math.min(maxCompress, stretch * JUSTIFY_STRETCH_FACTOR)) {
             fits = true;
             packUntilSpace = true;
           }
@@ -9877,7 +10096,8 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
           hardWrapFrag(atom);
           continue;
         }
-        const head = hi > minSpans && hi < cur.length && cur[hi - 1].isSpace && !cur[hi - 1].noBreak ? cur.splice(hi) : [];
+        const breakBeforeHead = hi > minSpans && hi < cur.length && (cur[hi - 1].isSpace && !cur[hi - 1].noBreak || cur[hi - 1].breakAfter);
+        const head = breakBeforeHead ? cur.splice(hi) : [];
         for (const h of head) curLineWidth -= h.width;
         let moved = false;
         while (advanceSegment()) {
@@ -9926,9 +10146,12 @@ function breakParagraphImpl(doc, measurer, para, contentWidth, fields, numbering
     }
     const padL = bdrPad && (!sameBdrAtom(atoms[ai - 1], atom) || curLineWidth === 0) ? bdrPad : 0;
     x += padL;
-    cur.push({ x, width: atom.width, text: atom.text, props: atom.props, font: atom.font, href: atom.href, src: atom.src, noteId: atom.noteId, metricsFont: atom.metricsFont, breakAfter: atom.breakAfter, pageRef: atom.pageRef, rtl: atom.rtl, rtlLevel: levelOf(atom.rtl), ruby: atom.ruby });
+    cur.push({ x, width: atom.width, text: atom.text, props: atom.props, font: atom.font, href: atom.href, src: atom.src, noteId: atom.noteId, metricsFont: atom.metricsFont, metricsStrut: atom.metricsStrut, breakAfter: atom.breakAfter, pageRef: atom.pageRef, rtl: atom.rtl, rtlLevel: levelOf(atom.rtl), ruby: atom.ruby });
     curLineWidth += padL + atom.width + bdrPadR;
     x += atom.width + bdrPadR;
+    if (packUntilSpace && atom.breakAfter && /[-‐]$/.test(atom.text)) {
+      packUntilSpace = false;
+    }
     if (atom.text.trim().length > 0) prevContentCJK = fragIsCJK;
   }
   if (!flushedTrailingBreak) flush(true, false);
@@ -9987,7 +10210,7 @@ function nextTabStop(x, tabs, rightEdge, defaultTab = DEFAULT_TAB) {
     }
   }
   const next = nextDefaultTab(x, defaultTab);
-  return { pos: next < rightEdge ? next : x + 10.7, align: "left" };
+  return { pos: next < rightEdge ? next : x + 20.4, align: "left" };
 }
 function reorderVisual(spans, startX) {
   if (spans.length === 0) return;
@@ -10083,6 +10306,7 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
   let maxBorderedAscent = 0;
   let maxBorderedDescent = 0;
   let tallestTextIsEa = false;
+  let metricsStrutHeight = 0;
   const consider = (font, imageHeight, objRaise = 0, descShift = 0) => {
     if (imageHeight !== void 0) {
       maxAscent = Math.max(maxAscent, imageHeight + objRaise);
@@ -10123,9 +10347,10 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
   };
   let metricSpans = spans.filter((s) => !(s.text === "	" && !s.leader));
   const solidSpans = metricSpans.filter(
-    (s) => s.image || s.drawing || s.math || s.leader || s.text === void 0 || !/^[ \t]*$/.test(s.text)
+    (s) => s.metricsStrut || s.image || s.drawing || s.math || s.leader || s.text === void 0 || !/^[ \t]*$/.test(s.text)
   );
   if (solidSpans.length > 0) metricSpans = solidSpans;
+  const styledLoweredIntegral = para.props.styleId !== void 0 && metricSpans.length > 1 && metricSpans.some((s) => s.text?.includes("\u222B") && (s.props.raise ?? 0) < 0);
   if (metricSpans.some((s) => s.numLabel) && metricSpans.some((s) => !s.numLabel)) {
     let textLine = 0;
     for (const s of metricSpans) {
@@ -10156,7 +10381,13 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
     const lineHasObject = metricSpans.some((s) => s.image || s.drawing);
     for (const s of metricSpans) {
       let textMetrics;
-      if (s.image || s.drawing) {
+      if (s.metricsStrut) {
+        metricsStrutHeight = Math.max(
+          metricsStrutHeight,
+          measurer.metrics(s.metricsFont ?? s.font).lineHeight
+        );
+        consider(s.metricsFont ?? s.font);
+      } else if (s.image || s.drawing) {
         const objectMetrics = measurer.metrics(s.metricsFont ?? s.font);
         const objectHeight = s.image?.height ?? s.drawing.height;
         const objRaise = s.props.raise ?? 0;
@@ -10211,6 +10442,14 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
   const commonLower = metricSpans.length > 0 && metricSpans.every(
     (s) => !s.image && !s.drawing && !s.math && (s.props.raise ?? 0) < 0
   ) ? Math.min(...metricSpans.map((s) => -s.props.raise)) : 0;
+  if (metricsStrutHeight > 0) {
+    for (const s of spans) {
+      if (s.metricsStrut || s.image || s.drawing || s.math) continue;
+      const spanHeight = measurer.metrics(s.font).lineHeight;
+      const paintDY = Math.max(0, (metricsStrutHeight - spanHeight) / 2);
+      if (paintDY > 0) s.font = { ...s.font, paintDY: (s.font.paintDY ?? 0) + paintDY };
+    }
+  }
   const natural = Math.max(maxNatural, maxAscent + maxDescent, minLineHeight ?? 0);
   let height = natural;
   let baselineH;
@@ -10254,8 +10493,11 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
         const lead = ls.value >= 1.15 ? (ls.value - 1) * maxNaturalText : 0;
         height = Math.max(maxNaturalText * ls.value, maxInlineMath + lead);
       }
-    } else if (ls.rule === "exact") height = ls.value;
-    else height = Math.max(natural, ls.value);
+    } else if (ls.rule === "exact") {
+      height = ls.value;
+      const lowerBand = Math.max(maxDescent, height * 0.2);
+      baselineH = height - lowerBand + maxDescent;
+    } else height = Math.max(natural, ls.value);
   }
   if (!gridObjSnap && (minLineHeight ?? 0) > 0 && ls?.rule === "atLeast" && baselineH === void 0) {
     const glyph = maxAscent + maxDescent;
@@ -10271,6 +10513,11 @@ function finishLine(spans, width, props, measurer, fallbackFamily, para, doc, is
     maxDescent -= descentReuse;
     maxRawDescent -= descentReuse;
   }
+  if (styledLoweredIntegral && ls?.rule !== "exact" && !gridObjSnap) {
+    const overlap = Math.min(6, height);
+    height -= overlap;
+    baselineH = (baselineH ?? height + overlap) - overlap;
+  }
   return {
     spans,
     width,
@@ -10371,14 +10618,31 @@ function resolveBidiRtl(text) {
 function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
   const atoms = [];
   const anchors = [];
+  const stylelessOleParagraph = doc.styles.defaultRPr.font === void 0 && doc.styles.defaultRPr.size === void 0 && para.children.some((child4) => {
+    const runs = child4.type === "run" ? [child4] : child4.runs;
+    return runs.some(
+      (run) => run.content.some(
+        (content) => content.kind === "image" && content.embeddedObject !== void 0
+      )
+    );
+  });
   const bidiPara = doc.effectiveParaProps(para).bidi === true;
   const kashidaKind = doc.effectiveParaProps(para).justifyKind;
   const kashidaEm = kashidaKind === "highKashida" ? KASHIDA_HIGH_EM : kashidaKind === "mediumKashida" ? KASHIDA_MEDIUM_EM : kashidaKind === "lowKashida" ? KASHIDA_LOW_EM : 0;
   const pushRun = (run, href) => {
-    const baseProps = doc.effectiveRunProps(para, run.props);
+    let baseProps = doc.effectiveRunProps(para, run.props);
+    if (stylelessOleParagraph && baseProps.size === void 0) {
+      baseProps = { ...baseProps, size: 16 };
+    }
     if (baseProps.vanish) return;
     const font = fontOf(baseProps, fallbackFamily);
-    let props = kashidaEm > 0 && baseProps.rtl ? { ...baseProps, letterSpacing: (baseProps.letterSpacing ?? 0) + kashidaEm * font.size } : baseProps;
+    let props = kashidaEm > 0 && baseProps.rtl ? {
+      ...baseProps,
+      letterSpacing: (baseProps.letterSpacing ?? 0) + kashidaEm * font.size,
+      // Word adds kashidas at eligible Arabic joins. Uniform CSS tracking
+      // needs less paint spacing while retaining the same line advances.
+      paintLetterSpacing: (baseProps.letterSpacing ?? 0) + Math.min(kashidaEm, 0.04) * font.size
+    } : baseProps;
     if (props.fitText !== void 0 && props.fitText > 0) {
       const natural = measurer.width(displayText(runPlainText(run), props), font, props.letterSpacing) * (props.textScale ?? 1);
       if (natural > 0.1) {
@@ -10445,7 +10709,30 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
             });
             break;
           }
-          if (text) pushStyled(displayText(text, props), props, font, href, { run, t: null, offset: 0 }, vertMetricsFont);
+          if (!text && /^\s*SEQ\b/i.test(content.instruction) && /\\h(\s|$)/i.test(content.instruction)) {
+            atoms.push({
+              kind: "frag",
+              text: "",
+              props,
+              font,
+              width: 0,
+              href,
+              src: { run, t: null, offset: 0 },
+              metricsFont: vertMetricsFont,
+              metricsStrut: true
+            });
+            break;
+          }
+          if (text) {
+            const firstAtom = atoms.length;
+            pushStyled(displayText(text, props), props, font, href, { run, t: null, offset: 0 }, vertMetricsFont);
+            if (content.checkbox) {
+              const last = atoms[atoms.length - 1];
+              if (atoms.length > firstAtom && last.kind === "frag") {
+                last.width += LEGACY_CHECKBOX_TRAILING_ADVANCE;
+              }
+            }
+          }
           break;
         }
         case "ptab":
@@ -10483,13 +10770,21 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
           break;
         case "math": {
           const size = props.size ?? 14.666;
-          const box = layoutMath(content.nodes, size, measurer, content.display);
+          const tabbedInline = !content.display && atoms[atoms.length - 1]?.kind === "tab" && (para.props.indentFirstLine ?? 0) > 0;
+          const box = layoutMath(
+            content.nodes,
+            size,
+            measurer,
+            content.display,
+            tabbedInline ? TABBED_INLINE_MATH_FRAC_PAD : void 0,
+            content.multiEquationDisplay
+          );
           if (content.display) box.jc = content.jc;
           atoms.push({ kind: "math", box, src: content.src });
           break;
         }
         case "noteRef": {
-          const text = content.self ? fields.selfNoteMark?.() ?? "" : fields.noteMark?.(content.noteType, content.id) ?? "";
+          const text = content.self ? fields.selfNoteMark?.() ?? "" : content.customMarkFollows ? "" : fields.noteMark?.(content.noteType, content.id) ?? "";
           if (!text) break;
           const markProps = props.verticalAlign ? props : { ...props, verticalAlign: "superscript" };
           const markFont = fontOf(markProps, fallbackFamily);
@@ -10540,11 +10835,16 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
     }
   };
   const pushStyled = (text, props, font, href, srcBase, metricsFont) => {
+    const emojiScale = emojiFallbackScale(text, font.family);
+    if (emojiScale !== 1) {
+      props = { ...props, textScale: (props.textScale ?? 1) * emojiScale };
+    }
     const hasDeva = /[ऀ-ॿ]/.test(text);
     const hasTamil = /[஀-௿]/.test(text);
     const hasLao = /[຀-໿]/.test(text);
     const indicFace = hasDeva && !hasTamil && !hasLao ? "Mangal" : hasTamil && !hasDeva && !hasLao ? "Latha" : hasLao && !hasDeva && !hasTamil ? "Noto Sans Lao Looped" : null;
     if (indicFace && font.family.toLowerCase() !== indicFace.toLowerCase()) {
+      const scriptProps = indicFace === "Noto Sans Lao Looped" ? { ...props, textScale: (props.textScale ?? 1) * LAO_GLYPH_SCALE } : props;
       const indicScale = indicFace === "Latha" ? TAMIL_GLYPH_SCALE : 1;
       const indicFont = indicScale === 1 ? { ...font, family: indicFace } : {
         ...font,
@@ -10556,15 +10856,16 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
         paintDY: font.size * TAMIL_BASELINE_DY_EM
       };
       const indicMetrics = indicScale !== 1 ? { ...metricsFont ?? font, family: indicFace, size: font.size } : metricsFont ? { ...metricsFont, family: indicFace } : metricsFont;
+      const isIndic = indicFace === "Mangal" ? (ch) => /[ऀ-ॿ]/.test(ch) : indicFace === "Latha" ? (ch) => /[஀-௿]/.test(ch) : (ch) => /[຀-໿]/.test(ch);
       let i2 = 0;
       while (i2 < text.length) {
-        const isSpace = text[i2] === " ";
+        const indic = isIndic(text[i2]);
         let j = i2 + 1;
-        while (j < text.length && text[j] === " " === isSpace) j++;
+        while (j < text.length && isIndic(text[j]) === indic) j++;
         const seg = text.slice(i2, j);
         const src = srcBase ? { ...srcBase, offset: srcBase.offset + i2 } : void 0;
-        if (isSpace) pushText(seg, props, font, href, src, metricsFont);
-        else pushText(seg, props, indicFont, href, src, indicMetrics);
+        if (indic) pushText(seg, scriptProps, indicFont, href, src, indicMetrics);
+        else pushText(seg, props, font, href, src, metricsFont);
         i2 = j;
       }
       return;
@@ -10635,6 +10936,9 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
       if (part[0] === " ") {
         let w = partWidth / part.length;
         let spaceFont = font;
+        if (para.props.styleId === "HTML0" && EA_FAMILY_RE.test(font.family)) {
+          w = font.size / 2 * tScale;
+        }
         if (gridPitch && part.length >= 2 && props.fontEastAsia && !EA_FAMILY_RE.test(font.family)) {
           spaceFont = { ...font, family: props.fontEastAsia };
           w = measurer.width(" ", spaceFont, props.letterSpacing) * tScale;
@@ -10651,7 +10955,16 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
           });
         }
       } else {
-        const hyBreaks = hyphenBreaks(part);
+        const hyBreaks = hyphenBreaks(part, doc.compatibilityMode >= 15);
+        if ((part[0] === "-" || part[0] === "\u2010") && isWordAlnum(part[1])) {
+          const prev = atoms[atoms.length - 1];
+          const beforePrev = atoms[atoms.length - 2];
+          const prevText = prev?.kind === "frag" ? prev.text : "";
+          const beforeText = beforePrev?.kind === "frag" ? beforePrev.text : "";
+          const prevChar = prevText[prevText.length - 1];
+          const runBoundaryWordBefore = isWordAlnum(prevChar) || /^[\)\]\}]$/.test(prevChar ?? "") && isWordAlnum(beforeText[beforeText.length - 1]);
+          if (runBoundaryWordBefore) hyBreaks.unshift(1);
+        }
         let breaks = hyBreaks;
         if (charRtl) {
           const set = new Set(hyBreaks);
@@ -10756,6 +11069,15 @@ function buildAtoms(doc, para, measurer, fields, fallbackFamily, gridPitch) {
     if (childEl.type === "run") pushRun(childEl);
     else for (const r of childEl.runs) pushRun(r, childEl.href ?? (childEl.anchor ? "#" + childEl.anchor : void 0));
   }
+  if (gridPitch) {
+    for (let i = 0; i + 1 < atoms.length; i++) {
+      const punct = atoms[i];
+      const next = atoms[i + 1];
+      if (punct.kind === "frag" && /^[，。]$/.test(punct.text) && EA_FAMILY_RE.test(punct.font.family) && next.kind === "frag" && /^[\x00-\x7f]/.test(next.text)) {
+        punct.width = punct.font.size * 0.625 * (punct.props.textScale ?? 1);
+      }
+    }
+  }
   for (let i = atoms.length - 1, nextNbsp = false; i >= 0; i--) {
     const a = atoms[i];
     if (a.kind === "frag") nextNbsp = a.text.charCodeAt(0) === 160;
@@ -10787,8 +11109,8 @@ function resolveField(instruction, cachedResult, ctx, fieldKey) {
     }
     case "SEQ": {
       const ident = instr.split(/\s+/)[1];
-      if (ident && ctx.seq && fieldKey) return ctx.seq(ident, fieldKey, instr);
-      return cachedResult || "";
+      const value = ident && ctx.seq && fieldKey ? ctx.seq(ident, fieldKey, instr) : cachedResult || "";
+      return /\\h(\s|$)/i.test(instr) ? "" : value;
     }
     case "REF": {
       const bookmark = instr.split(/\s+/)[1];
@@ -10830,7 +11152,7 @@ function resolveField(instruction, cachedResult, ctx, fieldKey) {
 var DP_MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var DP_DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 function formatDatePicture(d, picture) {
-  const h24 = d.getHours();
+  const h24 = d.getUTCHours();
   const h12 = h24 % 12 === 0 ? 12 : h24 % 12;
   const pad = (n) => String(n).padStart(2, "0");
   const hasAmPm = /am\/pm/i.test(picture);
@@ -10840,25 +11162,25 @@ function formatDatePicture(d, picture) {
       if (tok.startsWith("'")) return tok.slice(1, -1);
       switch (tok) {
         case "yyyy":
-          return String(d.getFullYear());
+          return String(d.getUTCFullYear());
         case "yy":
-          return pad(d.getFullYear() % 100);
+          return pad(d.getUTCFullYear() % 100);
         case "MMMM":
-          return DP_MONTHS[d.getMonth()];
+          return DP_MONTHS[d.getUTCMonth()];
         case "MMM":
-          return DP_MONTHS[d.getMonth()].slice(0, 3);
+          return DP_MONTHS[d.getUTCMonth()].slice(0, 3);
         case "MM":
-          return pad(d.getMonth() + 1);
+          return pad(d.getUTCMonth() + 1);
         case "M":
-          return String(d.getMonth() + 1);
+          return String(d.getUTCMonth() + 1);
         case "dddd":
-          return DP_DAYS[d.getDay()];
+          return DP_DAYS[d.getUTCDay()];
         case "ddd":
-          return DP_DAYS[d.getDay()].slice(0, 3);
+          return DP_DAYS[d.getUTCDay()].slice(0, 3);
         case "dd":
-          return pad(d.getDate());
+          return pad(d.getUTCDate());
         case "d":
-          return String(d.getDate());
+          return String(d.getUTCDate());
         case "HH":
           return pad(h24);
         case "H":
@@ -10868,13 +11190,13 @@ function formatDatePicture(d, picture) {
         case "h":
           return String(hasAmPm ? h12 : h24);
         case "mm":
-          return pad(d.getMinutes());
+          return pad(d.getUTCMinutes());
         case "m":
-          return String(d.getMinutes());
+          return String(d.getUTCMinutes());
         case "ss":
-          return pad(d.getSeconds());
+          return pad(d.getUTCSeconds());
         case "s":
-          return String(d.getSeconds());
+          return String(d.getUTCSeconds());
         default:
           return /^am\/pm$/i.test(tok) ? h24 < 12 ? "AM" : "PM" : tok;
       }
@@ -11011,6 +11333,7 @@ var MULTI_COL_NOTE_SEP_RESERVE = 26;
 var NOTE_SEP_LEN = 192;
 var NOTE_SEP_GAP = 4.4;
 var ROW_OVERHANG_TOL = 3;
+var CUSTOM_NOTE_BANNER_OVERHANG = 3;
 var CHICAGO = ["*", "\u2020", "\u2021", "\xA7"];
 var AUTO_PARA_SPACING_PX = 14 * (96 / 72);
 var FRAME_WRAP_HSPACE_PX = 6 * (96 / 72);
@@ -11118,6 +11441,7 @@ var Engine = class {
     /** Vertical flow already consumed in the current later-column pre-banner
      * slot. It reduces the below-banner capacity by the same amount. */
     this.bannerSlotUsed = 0;
+    this.customNoteBannerFit = false;
     /** True while a section-level tbRl vertical flow is being laid: paragraphs
      * re-establish the vertical grid after embedded Western runs (see
      * breakParagraph's verticalGridResync). */
@@ -11235,7 +11559,7 @@ var Engine = class {
       const contentWidth = page.sp.pageWidth - page.sp.marginLeft - page.sp.marginRight - page.sp.gutter;
       const header = this.doc.headers.get(page.headerRel ?? "");
       const footer = this.doc.footers.get(page.footerRel ?? "");
-      const headerHeight = this.measureHeaderFooter(header, page, contentWidth, this.pageFieldFrameOverlay(header));
+      const headerHeight = this.measureHeaderFooter(header, page, contentWidth, this.pageFieldFrameOverlay(header), true);
       const footerHeight = this.measureHeaderFooter(footer, page, contentWidth, this.pageFieldFrameOverlay(footer));
       if (headerHeight !== page.headerHeight || footerHeight !== page.footerHeight) return null;
     }
@@ -11335,6 +11659,7 @@ var Engine = class {
     if (this.pages.length === 0) {
       this.sp = sections[0]?.props ?? {};
     }
+    this.applyOpeningFlowOverlap();
     this.placeEndnotes();
     this.emitFootnoteAreas();
     this.emitColumnSeparators();
@@ -11363,6 +11688,43 @@ var Engine = class {
     }
     return result;
   }
+  /** Some document-opening empty paragraphs reserve a second mark line for
+   * pagination while the following content paints over it on page one. Keep
+   * the reservation in flow so later page breaks stay unchanged, then lift
+   * only the painted first-page body. */
+  applyOpeningFlowOverlap() {
+    const opening = this.doc.sections[0]?.blocks[0];
+    const next = this.doc.sections[0]?.blocks[1];
+    const page = this.pages[0];
+    if (!page || page.openingFlowOverlapApplied || opening?.type !== "paragraph" || opening.sectionBreak || paragraphHasContent(opening)) {
+      return;
+    }
+    const beforeNegativeTable = next?.type === "table" && (next.props.indent ?? 0) < 0;
+    const header = this.doc.headers.get(page.headerRel ?? "");
+    const headerAnchors = header?.blocks.flatMap(
+      (block) => block.type === "paragraph" ? this.collectAnchors(block) : []
+    ) ?? [];
+    const beforeParagraphUnderUnwrappedHeader = next?.type === "paragraph" && page.headerGrown === true && headerAnchors.length > 0 && headerAnchors.every(
+      (shape) => !("wrap" in shape) || shape.wrap === void 0 || shape.wrap === "none"
+    );
+    if (!beforeNegativeTable && !beforeParagraphUnderUnwrappedHeader) return;
+    const firstBodyItem = page.items.findIndex(
+      (item) => item.kind !== "text" || item.text.length > 0
+    );
+    if (firstBodyItem < 0) return;
+    const paraProps = this.doc.effectiveParaProps(opening);
+    const markProps = this.doc.effectiveRunProps(opening, paraProps.markRunProps ?? {});
+    let overlap = this.measurer.metrics(
+      fontOf(markProps, this.doc.styles.defaultRPr.font ?? "Calibri")
+    ).lineHeight;
+    if (beforeParagraphUnderUnwrappedHeader) {
+      overlap += paraProps.spacingAfter ?? 0;
+    }
+    for (let i = firstBodyItem; i < page.items.length; i++) {
+      offsetItem(page.items[i], 0, -overlap);
+    }
+    page.openingFlowOverlapApplied = true;
+  }
   /** Whether this document is in the envelope the incremental path handles:
    * one section, no notes, single column, upright flow, no line numbering /
    * mirror margins / vertical alignment, and no positioned/floating content or
@@ -11621,7 +11983,7 @@ var Engine = class {
     const contentWidth = shifted.sp.pageWidth - shifted.sp.marginLeft - shifted.sp.marginRight - shifted.sp.gutter;
     const header = this.doc.headers.get(headerRel ?? "");
     const footer = this.doc.footers.get(footerRel ?? "");
-    const headerHeight = this.measureHeaderFooter(header, shifted, contentWidth, this.pageFieldFrameOverlay(header));
+    const headerHeight = this.measureHeaderFooter(header, shifted, contentWidth, this.pageFieldFrameOverlay(header), true);
     const footerHeight = this.measureHeaderFooter(footer, shifted, contentWidth, this.pageFieldFrameOverlay(footer));
     if (headerHeight !== page.headerHeight || footerHeight !== page.footerHeight) return null;
     shifted.headerHeight = headerHeight;
@@ -11999,8 +12361,12 @@ var Engine = class {
       displayNumber,
       headerHeight: 0,
       footerHeight: 0,
-      bodyTop: Math.abs(sp.marginTop),
-      bandTop: Math.abs(sp.marginTop),
+      // Legacy Word keeps a 3pt printable-edge inset when a signed negative
+      // top margin fixes body flow independently of the header. California
+      // pleading paper exposes this exactly: the 24pt body grid begins 3pt
+      // below the raw -66.25pt margin while the header stays at headerDist.
+      bodyTop: sp.marginTop < 0 ? sp.marginTop + ptToPx(3) : sp.marginTop,
+      bandTop: sp.marginTop < 0 ? sp.marginTop + ptToPx(3) : sp.marginTop,
       softTop: !sectionStart,
       bodyBottom: sp.pageHeight - Math.abs(sp.marginBottom),
       colXs,
@@ -12024,13 +12390,17 @@ var Engine = class {
     }
     const header = this.doc.headers.get(page.headerRel ?? "");
     const footer = this.doc.footers.get(page.footerRel ?? "");
-    const headerH = this.measureHeaderFooter(header, page, contentWidth, this.pageFieldFrameOverlay(header));
+    const headerH = this.measureHeaderFooter(header, page, contentWidth, this.pageFieldFrameOverlay(header), true);
     const footerOverlay = this.pageFieldFrameOverlay(footer);
     const footerH = this.measureHeaderFooter(footer, page, contentWidth, footerOverlay);
     page.headerHeight = headerH;
     page.footerHeight = footerH;
     if (sp.marginTop >= 0) {
-      page.bodyTop = Math.max(sp.marginTop, headerH > 0 ? sp.headerDistance + headerH : 0);
+      const headerBodyHeight = this.doc.compatibilityMode < 15 && header?.blocks.every((block) => block.type === "paragraph" && !paragraphHasContent(block)) ? ptToPx(7) : headerH;
+      page.bodyTop = Math.max(
+        sp.marginTop,
+        headerBodyHeight > 0 ? sp.headerDistance + headerBodyHeight : 0
+      );
       page.bandTop = page.bodyTop;
       page.headerGrown = page.bodyTop > sp.marginTop;
     }
@@ -12270,7 +12640,7 @@ var Engine = class {
     if (this.col + 1 < this.cur.colXs.length) {
       this.col++;
       this.y = this.columnStartY(this.col);
-      this.bannerSlotUsed = 0;
+      this.bannerSlotUsed = this.cur.bannerTop !== void 0 ? this.cur.openingColumnReserve ?? 0 : 0;
       this.lastParaSpacingAfter = 0;
       this.lastParaAfterPad = 0;
       this.lastParaAfterPad = 0;
@@ -12607,7 +12977,7 @@ var Engine = class {
             const runs = c.type === "run" ? [c] : c.runs;
             for (const r of runs) {
               for (const rc of r.content) {
-                if (rc.kind !== "noteRef" || rc.self) continue;
+                if (rc.kind !== "noteRef" || rc.self || rc.customMarkFollows) continue;
                 if (rc.noteType === "footnote" && this.doc.footnotes.has(rc.id) && !this.footnoteNumbers.has(rc.id)) {
                   this.footnoteNumbers.set(rc.id, fnStart + fn++);
                 } else if (rc.noteType === "endnote" && this.doc.endnotes.has(rc.id) && !this.endnoteNumbers.has(rc.id)) {
@@ -12715,7 +13085,8 @@ var Engine = class {
         const notes = page.footnotes.filter((note) => note.column === column);
         if (notes.length === 0) continue;
         const x0 = page.colXs[column];
-        let y = page.bodyBottom - (page.footnoteH[column] ?? 0) - NOTE_SEP_H;
+        const separatorHeight = this.doc.footnoteSeparator.length > 0 ? this.layoutFrame(this.doc.footnoteSeparator, page.colWidths[column], this.fieldCtx()).height : NOTE_SEP_H;
+        let y = page.bodyBottom - (page.footnoteH[column] ?? 0) - separatorHeight;
         page.items.push({
           kind: "edge",
           x1: x0,
@@ -12724,7 +13095,7 @@ var Engine = class {
           y2: y + NOTE_SEP_H * 0.6,
           border: { style: "single", width: 0.75, color: "#000000", space: 0 }
         });
-        y += NOTE_SEP_H;
+        y += separatorHeight;
         for (const note of notes) {
           for (const it of note.items) {
             offsetItem(it, x0, y);
@@ -12967,10 +13338,20 @@ var Engine = class {
         return { x: 0, width: colW };
       }
       let clearY;
+      let exactTextEdge = false;
       for (const f of floats) {
-        if (f.mode === "square" && overlaps(f)) clearY = Math.max(clearY ?? 0, f.y1 - paraTop + 2);
+        if (f.mode === "square" && overlaps(f)) {
+          clearY = Math.max(clearY ?? 0, f.y1 - paraTop + 2);
+          exactTextEdge || (exactTextEdge = f.exactTextEdge === true);
+        }
       }
-      return { x: segs[0].x, width: segs[0].width, segments: segs, clearY };
+      return {
+        x: segs[0].x,
+        width: segs[0].width,
+        segments: segs,
+        clearY,
+        edgeReserve: exactTextEdge ? 0 : void 0
+      };
     };
   }
   /**
@@ -13120,6 +13501,20 @@ var Engine = class {
   }
   placeParagraph(para, prev, next, siblings, index) {
     const props = this.doc.effectiveParaProps(para);
+    const detachedFootnotes = customFootnoteAnchorIds(para);
+    if (detachedFootnotes && next?.type === "paragraph") {
+      const nextProps2 = this.doc.effectiveParaProps(next);
+      const nextFrame = nextProps2.frame ? this.resolveFrame(nextProps2.frame) : void 0;
+      if (nextFrame?.wrap === "notBeside" && nextFrame.w !== void 0 && this.cur.colXs.length > 1 && nextFrame.w > this.colWidth + 1) {
+        for (const id of detachedFootnotes) this.registerFootnote(id, this.cur);
+        const markProps = this.doc.effectiveRunProps(para, props.markRunProps ?? {});
+        this.cur.openingColumnReserve = this.measurer.metrics(
+          fontOf(markProps, this.doc.styles.defaultRPr.font ?? "Calibri")
+        ).lineHeight;
+        this.customNoteBannerFit = true;
+        return;
+      }
+    }
     if (this.consumedFrames.has(para)) return;
     if (props.frame && !props.dropCap && this.cur.physIndex !== -1) {
       const fr = this.resolveFrame(props.frame);
@@ -13172,7 +13567,8 @@ var Engine = class {
             x1: this.colX + dropLine.width + props.dropCap.hSpace,
             y0: this.y,
             y1: this.y + dropLine.naturalHeight,
-            mode: "square"
+            mode: "square",
+            exactTextEdge: true
           });
           this.floats.set(this.cur, list);
         }
@@ -13252,16 +13648,22 @@ var Engine = class {
     if (breakBeforeForced && !(isLeadingPageBreak && keepSpBeforeAtPageTop)) dropSpaceBefore = true;
     if (this.docGridDropBefore) {
       if (props.snapToGrid === false && this.sp.docGridLinePitch) {
-        const reduction = 2 * this.sp.docGridLinePitch;
+        const reduction = (props.spacingBefore ?? 0) > 0 ? 4 * this.sp.docGridLinePitch : 2 * this.sp.docGridLinePitch;
         this.cur.bodyTop -= reduction;
         this.y -= reduction;
+      } else if (para.props.styleId === "Heading1" && this.sp.docGridLinePitch) {
+        const reduction = 3 * this.sp.docGridLinePitch - ptToPx(1.5);
+        this.cur.bodyTop -= reduction;
+        this.y -= reduction;
+        dropSpaceBefore = true;
+      } else {
+        dropSpaceBefore = true;
       }
       this.docGridDropBefore = false;
-      dropSpaceBefore = true;
     }
     const rawSpacingBefore = dropSpaceBefore ? 0 : props.spacingBefore ?? 0;
     let paraTopEstimate = this.y + rawSpacingBefore;
-    emitParaAnchors(paraTopEstimate);
+    emitParaAnchors(this.y);
     let broken = breakNow(paraTopEstimate);
     const emitCharLineAnchors = (paraTop) => {
       if (charLineAnchors.length === 0) return;
@@ -13431,7 +13833,7 @@ var Engine = class {
     const nextProps = nextPara ? this.doc.effectiveParaProps(nextPara) : void 0;
     const nextLeadBreak = nextPara ? leadingBreakOf(nextPara) : void 0;
     let legacyBreakChain = false;
-    if (lines.length > 0 && this.pageIsEmptyAtCursor() && this.doc.compatibilityMode < 15 && this.sp.docGridType === "default" && props.keepNext && nextPara && nextProps?.keepNext && nextLeadBreak?.type === "page") {
+    if (lines.length > 0 && this.pageIsEmptyAtCursor() && this.doc.compatibilityMode < 15 && this.sp.docGridType === "default" && !this.cur.footerRel && props.keepNext && nextPara && nextProps?.keepNext && nextLeadBreak?.type === "page") {
       const breakProps = this.doc.effectiveRunProps(nextPara, nextLeadBreak.run.props);
       const breakFont = fontOf(breakProps, this.doc.styles.defaultRPr.font ?? "Calibri");
       let breakHeight = this.measurer.metrics(breakFont).lineHeight;
@@ -13454,7 +13856,7 @@ var Engine = class {
       retractParaAnchors();
       this.nextColumn();
       paraTopEstimate = this.y + extraSpacing;
-      emitParaAnchors(paraTopEstimate);
+      emitParaAnchors(this.y);
       broken = breakNow(paraTopEstimate);
       emitCharLineAnchors(paraTopEstimate);
       lines = broken.lines;
@@ -13602,6 +14004,7 @@ var Engine = class {
       let simCol = this.col;
       let simOnCurrentPage = true;
       let simBannerUsed = this.bannerSlotUsed;
+      const paragraphOverhang = this.customNoteBannerFit ? CUSTOM_NOTE_BANNER_OVERHANG : 0;
       const updateBottom = () => {
         bottom = simOnCurrentPage && this.balanceBottom !== void 0 && simCol + 1 < this.cur.colXs.length ? this.balanceBottom - simBannerUsed : this.cur.bodyBottom - (simOnCurrentPage ? this.footnoteReserve(this.cur, simCol) + simBannerUsed : 0);
       };
@@ -13624,16 +14027,17 @@ var Engine = class {
         }
       };
       const nextSimColumn = () => {
-        simBannerUsed = 0;
         simNotes = 0;
         simNoted.clear();
         if (simCol + 1 < this.cur.colXs.length) {
           simCol++;
           simY = simOnCurrentPage ? this.columnStartY(simCol) : this.cur.bodyTop;
+          simBannerUsed = simOnCurrentPage && this.cur.bannerTop !== void 0 ? this.cur.openingColumnReserve ?? 0 : 0;
         } else {
           simCol = 0;
           simOnCurrentPage = false;
           simY = this.cur.bodyTop;
+          simBannerUsed = 0;
         }
         updateBottom();
       };
@@ -13652,7 +14056,7 @@ var Engine = class {
         const noteAdd = lineNoteHeights(lines[li]);
         const baseNotes = simOnCurrentPage ? this.cur.footnoteH[simCol] ?? 0 : 0;
         const simSep = simNotes + noteAdd > 0 && baseNotes === 0 ? this.noteSeparatorReserve(this.cur) : 0;
-        const overflowsHere = !postTablePageBreak && (simBalancing ? simY > bottom + 0.01 : simY + lines[li].fitHeight + (li === lines.length - 1 ? keepNextTail : 0) > bottom - simNotes - noteAdd - simSep + 0.01);
+        const overflowsHere = !postTablePageBreak && (simBalancing ? simY > bottom + 0.01 : simY + lines[li].fitHeight + (li === lines.length - 1 ? keepNextTail : 0) > bottom - simNotes - noteAdd - simSep + paragraphOverhang + 0.01);
         if (overflowsHere && li === segStart && segStart === 0 && onPartialPage && !simBalancing) {
           breaks2.add(0);
           segStart = 0;
@@ -13738,7 +14142,7 @@ var Engine = class {
       const pendingNotes = this.pendingNoteHeight(line2);
       const balancing = this.balanceBottom !== void 0 && this.col + 1 < this.cur.colXs.length;
       const balBottomBased = balancing && this.colWidth < 40;
-      const overflow = !postTablePageBreak && (balancing ? (balBottomBased ? this.y + line2.fitHeight : this.y) > this.bodyBottom + 0.01 : this.y + line2.fitHeight > this.bodyBottom - pendingNotes + 0.01) && !this.pageIsEmptyAtCursor();
+      const overflow = !postTablePageBreak && (balancing ? (balBottomBased ? this.y + line2.fitHeight : this.y) > this.bodyBottom + 0.01 : this.y + line2.fitHeight > this.bodyBottom - pendingNotes + (this.customNoteBannerFit ? CUSTOM_NOTE_BANNER_OVERHANG : 0) + 0.01) && !this.pageIsEmptyAtCursor();
       if ((planned || overflow) && li > fragStartLine) {
         closeFragment(li, false);
         this.nextColumn();
@@ -14087,6 +14491,22 @@ var Engine = class {
         continue;
       }
       if (span.text === "	") {
+        if (span.props.underline && span.props.underline !== "none" && span.width > 0) {
+          const underlineStyle = span.props.underline === "double" ? "double" : span.props.underline === "dotted" ? "dotted" : span.props.underline.toLowerCase().includes("dash") ? "dashed" : "single";
+          page.items.push({
+            kind: "edge",
+            x1: originX + span.x,
+            y1: topY + line2.height - 0.5,
+            x2: originX + span.x + span.width,
+            y2: topY + line2.height - 0.5,
+            border: {
+              style: underlineStyle,
+              width: 1,
+              color: span.props.color && span.props.color !== "auto" ? span.props.color : "#000000",
+              space: 0
+            }
+          });
+        }
         if (span.leader && span.width > 6) {
           const ch = span.leader === "dot" ? "." : span.leader === "hyphen" ? "-" : span.leader === "middleDot" ? "\xB7" : "_";
           const chW = this.measurer.width(ch, span.font);
@@ -14293,7 +14713,7 @@ var Engine = class {
     for (let i = 0; i < blocks.length; i++) {
       const block = blocks[i];
       if (block.type === "paragraph") {
-        if (i > 0 && blocks[i - 1].type === "table" && !block.sectionBreak && isEmptyParagraph(block)) {
+        if (i > 0 && blocks[i - 1].type === "table" && !block.sectionBreak && isEmptyParagraph(block) && child(block.src, "pPr") === void 0) {
           framePrevAfter = 0;
           continue;
         }
@@ -14362,6 +14782,20 @@ var Engine = class {
           !(props.borders && frameSameBorders(props, blocks[i - 1])),
           !(props.borders && frameSameBorders(props, blocks[i + 1]))
         );
+        if (overlayPageFrame && props.alignment === "right") {
+          const content = block.children.flatMap(
+            (child4) => (child4.type === "run" ? [child4] : child4.runs).flatMap((run) => run.content)
+          );
+          let trailingTabs = 0;
+          for (let ci = content.length - 1; ci >= 0 && content[ci].kind === "tab"; ci--) {
+            trailingTabs++;
+          }
+          const painted = items.slice(paraItemsStart).some((item) => item.kind === "text" && item.text.trim().length > 0);
+          if (trailingTabs >= 2 && painted) {
+            const adminOffset = pageFramePhantomH > 0 ? 7.125 : 0.75;
+            for (const item of items.slice(paraItemsStart)) offsetItem(item, ptToPx(adminOffset), 0);
+          }
+        }
         y += spacingAfter;
         if (isPageFrame) {
           const frameTexts = items.slice(paraItemsStart).filter((it) => it.kind === "text" && it.text.trim().length > 0);
@@ -14406,13 +14840,35 @@ var Engine = class {
           y = Math.max(y, pendingPageFrame.bottom);
           pendingPageFrame = null;
         }
-        y = this.layoutTableInFrame(block, fake, 0, y, width, fields);
+        y = this.layoutTableInFrame(block, fake, 0, y, width, fields, inCell === true);
         framePrevAfter = 0;
       }
     }
     if (pendingPageFrame) y = Math.max(y, pendingPageFrame.bottom);
+    const itemBottom = (item) => {
+      if (item.kind === "text") return (item.glyphTop ?? item.lineTop) + item.lineHeight;
+      if (item.kind === "rect" || item.kind === "image" || item.kind === "path" || item.kind === "drawingHit") {
+        return item.y + item.height;
+      }
+      if (item.kind === "edge") return Math.max(item.y1, item.y2);
+      if (item.kind === "wordart" || item.kind === "warptext") return item.y + item.height;
+      return 0;
+    };
+    const headerBandBottom = this.sp.marginTop - (origin?.y ?? 0);
+    const paintedHeaderBottom = items.reduce((bottom, item) => {
+      const itemEnd = itemBottom(item);
+      return "behind" in item && item.behind && itemEnd <= headerBandBottom + 0.01 ? Math.max(bottom, itemEnd) : bottom;
+    }, 0);
+    const wrappedBottom = (this.floats.get(fake) ?? []).reduce(
+      (bottom, float) => Math.max(bottom, float.y1 - (origin?.y ?? 0)),
+      0
+    );
     this.floats.delete(fake);
-    return { items, height: y + pageFramePhantomH };
+    return {
+      items,
+      height: y + pageFramePhantomH,
+      contentBottom: Math.max(y + pageFramePhantomH, paintedHeaderBottom, wrappedBottom)
+    };
   }
   /**
    * Emit floating shapes anchored at (textX, textY). Coordinates in the shape
@@ -14806,6 +15262,9 @@ var Engine = class {
     if (ts.textAnchor === "middle") innerTop = ty + (ts.height - inner.height) / 2;
     else if (ts.textAnchor === "bottom") innerTop = ty + ts.height - ins.b - inner.height;
     for (const it of inner.items) {
+      if (it.kind === "text" && ts.paintOffsetY) {
+        it.font = { ...it.font, paintDY: (it.font.paintDY ?? 0) + ts.paintOffsetY };
+      }
       offsetItem(it, tx + ins.l, innerTop);
       if (front && (it.kind === "text" || it.kind === "rect" || it.kind === "edge")) it.front = true;
       if (rotate && (it.kind === "text" || it.kind === "rect")) {
@@ -14818,7 +15277,7 @@ var Engine = class {
       page.items.push(it);
     }
   }
-  measureHeaderFooter(hf, page, contentWidth, overlayPageFrame = false) {
+  measureHeaderFooter(hf, page, contentWidth, overlayPageFrame = false, reserveBodyClearance = false) {
     if (!hf || hf.blocks.length === 0) return 0;
     const fields = {
       pageNumber: () => page.displayNumber,
@@ -14827,10 +15286,25 @@ var Engine = class {
     };
     const snapshot = new Map(Array.from(this.counters, ([k, v]) => [k, [...v]]));
     const seenSnapshot = new Set(this.seenNumIds);
-    const { height } = this.layoutFrame(hf.blocks, contentWidth, fields, void 0, false, overlayPageFrame);
+    const origin = reserveBodyClearance ? { x: page.sp.marginLeft + page.sp.gutter, y: page.sp.headerDistance } : void 0;
+    const { height, contentBottom } = this.layoutFrame(
+      hf.blocks,
+      contentWidth,
+      fields,
+      origin,
+      false,
+      overlayPageFrame
+    );
     this.counters = snapshot;
     this.seenNumIds = seenSnapshot;
-    return height;
+    const anchors = hf.blocks.flatMap(
+      (block) => block.type === "paragraph" ? this.collectAnchors(block) : []
+    );
+    const hasOnlyUnwrappedAnchors = anchors.length > 0 && anchors.every(
+      (shape) => !("wrap" in shape) || shape.wrap === void 0 || shape.wrap === "none"
+    );
+    const complexHeader = anchors.length > 0 || hf.blocks.some((block) => block.type === "table");
+    return reserveBodyClearance ? Math.max(height, contentBottom) + (!hasOnlyUnwrappedAnchors && complexHeader ? ptToPx(22.5) : 0) : height;
   }
   pageFieldFrameOverlay(hf) {
     if (!hf) return false;
@@ -14892,7 +15366,10 @@ var Engine = class {
         const measured = this.layoutFrame(footer.blocks, contentWidth, fields, void 0, false, overlayPageFrame);
         this.counters = snapshot;
         this.seenNumIds = seenSnapshot;
-        const top = sp.pageHeight - sp.footerDistance - measured.height;
+        const legacyPageFrame = this.doc.compatibilityMode < 15 && footer.blocks.some(
+          (block) => block.type === "paragraph" && this.doc.effectiveParaProps(block).frame?.vAnchor === "page"
+        );
+        const top = sp.pageHeight - sp.footerDistance - (legacyPageFrame ? 0 : measured.height);
         snapshot = new Map(Array.from(this.counters, ([k, v]) => [k, [...v]]));
         seenSnapshot = new Set(this.seenNumIds);
         this.hfMarginVTop = page.bodyTop;
@@ -14917,23 +15394,120 @@ var Engine = class {
    * the same: measure each column's preferred (unwrapped) and minimum
    * (widest atom) content width and fit them to the table width.
    */
-  resolveGridWidths(tbl, available, nested = false) {
+  resolveGridWidths(tbl, available, nested = false, confineToAvailable = false) {
     const edgeMargins = this.cellMarginsOf(tbl);
     const base = resolveGrid(
       tbl,
       available,
-      !nested,
+      !nested && !confineToAvailable,
       (edgeMargins.left ?? 0) + (edgeMargins.right ?? 0)
     );
     if (tbl.props.layout === "fixed") return base;
     const gridTotal = tbl.grid.reduce((a, b) => a + b, 0);
     const target = base.reduce((a, b) => a + b, 0);
     const cellsDeclareWidths = tbl.rows.some((r) => r.cells.some((c) => c.props.width !== void 0));
-    if (tbl.grid.length > 0 && gridTotal >= target * 0.5 && cellsDeclareWidths) {
+    const containsHyperlink = tbl.rows.some(
+      (row) => row.cells.some(
+        (cell) => cell.blocks.some(
+          (block) => block.type === "paragraph" && block.children.some((child4) => child4.type === "hyperlink")
+        )
+      )
+    );
+    const cellsDeclareAutoWidths = tbl.props.widthPct !== void 0 && tbl.props.alignment === "right" && containsHyperlink && tbl.rows.length > 0 && tbl.rows.every((row) => row.cells.length > 0 && row.cells.every((cell) => cell.props.widthAuto));
+    if (tbl.grid.length > 0 && gridTotal >= target * 0.5 && (cellsDeclareWidths || cellsDeclareAutoWidths)) {
+      const autoOnlyColumns = base.map(
+        (_, column) => tbl.rows.every((row) => {
+          let gridPos = 0;
+          for (const cell of row.cells) {
+            if (gridPos === column) return cell.props.gridSpan === 1 && cell.props.widthAuto;
+            gridPos += cell.props.gridSpan;
+          }
+          return false;
+        })
+      );
+      const fixedColumns = base.map(
+        (_, column) => tbl.rows.some((row) => {
+          let gridPos = 0;
+          for (const cell of row.cells) {
+            if (gridPos === column) return cell.props.gridSpan === 1 && cell.props.width !== void 0;
+            gridPos += cell.props.gridSpan;
+          }
+          return false;
+        })
+      );
+      if (tbl.props.widthPct !== void 0 && autoOnlyColumns.filter(Boolean).length >= 2 && fixedColumns.some(Boolean)) {
+        const { prefW: prefW2 } = this.columnMinPref(tbl, base.length);
+        const fixedTotal = base.reduce(
+          (sum2, width, column) => sum2 + (fixedColumns[column] ? width : 0),
+          0
+        );
+        const autoTarget = target - fixedTotal;
+        const autoPref = prefW2.reduce(
+          (sum2, width, column) => sum2 + (autoOnlyColumns[column] ? width : 0),
+          0
+        );
+        if (autoTarget > 0 && autoPref > 0) {
+          return base.map(
+            (width, column) => autoOnlyColumns[column] ? prefW2[column] * autoTarget / autoPref : width
+          );
+        }
+      }
+      if (cellsDeclareAutoWidths && base.length === 2) {
+        const balanced = target / 2;
+        const first = base[0] + (balanced - base[0]) * 0.275;
+        return [first, target - first];
+      }
       if (!nested) {
         const shrunk = this.shrinkToTargetWidth(tbl, base.length, available);
         if (shrunk) return shrunk;
       }
+      if (!nested && (tbl.props.widthPct ?? 1) < 0.95) {
+        const declared = new Array(base.length).fill(0);
+        for (const row of tbl.rows) {
+          let gridPos = 0;
+          for (const cell of row.cells) {
+            if (cell.props.gridSpan === 1 && cell.props.width !== void 0) {
+              declared[gridPos] = Math.max(declared[gridPos], cell.props.width);
+            }
+            gridPos += cell.props.gridSpan;
+          }
+        }
+        const declaredTotal = declared.reduce((a, b) => a + b, 0);
+        if (declaredTotal > 0 && declaredTotal < target * 0.8) {
+          const { minW: minW2, prefW: prefW2, fudge: fudge2 } = this.columnMinPref(tbl, base.length);
+          const mins = minW2.map((width) => Math.max(0, width - fudge2));
+          const dominant = prefW2.indexOf(Math.max(...prefW2));
+          const scaledDeclared = declared[dominant] * target / declaredTotal - 1;
+          const dominantWidth = Math.min(
+            target - mins.reduce((sum2, width, index) => sum2 + (index === dominant ? 0 : width), 0),
+            Math.max(base[dominant], scaledDeclared, mins[dominant] * 1.125)
+          );
+          if (dominantWidth > base[dominant] + 0.5) {
+            const remainingScale = (target - dominantWidth) / Math.max(target - base[dominant], 1);
+            const widths2 = base.map(
+              (width, index) => index === dominant ? dominantWidth : width * remainingScale
+            );
+            for (let pass = 0; pass < 3; pass++) {
+              let deficit = 0;
+              let slack = 0;
+              for (let i = 0; i < widths2.length; i++) {
+                if (widths2[i] < mins[i]) {
+                  deficit += mins[i] - widths2[i];
+                  widths2[i] = mins[i];
+                } else if (i !== dominant) {
+                  slack += widths2[i] - mins[i];
+                }
+              }
+              if (deficit <= 0.5 || slack <= 0) break;
+              const k = Math.min(1, deficit / slack);
+              for (let i = 0; i < widths2.length; i++) {
+                if (i !== dominant) widths2[i] -= Math.max(0, widths2[i] - mins[i]) * k;
+              }
+            }
+            return widths2;
+          }
+        }
+      }
       if (tbl.props.widthPct === void 0 && gridTotal > available) {
         if (!nested && tbl.props.width !== void 0) return [...tbl.grid];
         if (!nested) {
@@ -14946,7 +15520,7 @@ var Engine = class {
           const { minW: minW2 } = this.columnMinPref(tbl, base.length);
           const expanded = base.map((w, i) => Math.max(w, minW2[i] ?? 0));
           if (expanded.reduce((a, b) => a + b, 0) <= available) return expanded;
-        } else if (tbl.props.widthPct !== void 0 && !nested) {
+        } else if ((tbl.props.widthPct !== void 0 || tbl.props.width !== void 0) && !nested) {
           const { minW: minW2, fudge: fudge2 } = this.columnMinPref(tbl, base.length);
           const mins = minW2.map((m) => Math.max(0, m - fudge2));
           const target2 = base.reduce((a, b) => a + b, 0);
@@ -14967,12 +15541,13 @@ var Engine = class {
     }
     const nCols = base.length;
     const { minW, prefW, fudge } = this.columnMinPref(tbl, nCols);
-    const sumPref = prefW.reduce((a, b) => a + b, 0);
-    if (sumPref <= 0) return base;
     const hasExplicit = tbl.props.width !== void 0 || tbl.props.widthPct !== void 0;
+    const fittedPref = prefW;
+    const sumPref = fittedPref.reduce((a, b) => a + b, 0);
+    if (sumPref <= 0) return base;
     const want = hasExplicit ? target : Math.min(sumPref, available);
     const clampW = hasExplicit ? minW.map((m) => Math.max(0, m - fudge)) : minW;
-    const widths = prefW.map((w) => w * want / sumPref);
+    const widths = fittedPref.map((w) => w * want / sumPref);
     for (let pass = 0; pass < 3; pass++) {
       let deficit = 0;
       let flexible = 0;
@@ -15000,6 +15575,12 @@ var Engine = class {
         for (let i = 0; i < nCols; i++) widths[i] -= Math.max(0, widths[i] - floor) * k;
       }
     }
+    const isAutoStatusGrid = tbl.props.widthPct === 0.8 && tbl.props.alignment === "right" && nCols === 4 && tbl.rows.length >= 6 && tbl.rows.every((row) => row.cells.every((cell) => cell.props.widthAuto));
+    if (isAutoStatusGrid && widths[0] >= 6) {
+      widths[0] -= 6;
+      widths[2] += 3;
+      widths[3] += 3;
+    }
     return widths;
   }
   /**
@@ -15014,7 +15595,7 @@ var Engine = class {
    * 175.7px, and "side A/B" absorbs the whole loss, 123.9 -> 71.4px).
    */
   confineNestedGrid(tbl, base, available) {
-    const half = (b) => b && b.style !== "none" ? this.borderPaintWidth(b) / 2 : 0;
+    const half = (b) => b && b.style !== "none" ? this.borderPaintWidth({ style: b.style, width: b.rawWidth ?? b.width }) / 2 : 0;
     const want = Math.max(8, available - half(tbl.props.borders?.left) - half(tbl.props.borders?.right));
     const total = base.reduce((a, b) => a + b, 0);
     if (total <= 0) return base;
@@ -15213,8 +15794,8 @@ var Engine = class {
       tbl.grid.length,
       ...tbl.rows.map((r) => r.cells.reduce((a, c) => a + c.props.gridSpan, 0))
     );
-    const { minW, prefW } = this.columnMinPref(tbl, Math.max(1, nCols));
-    const min = minW.reduce((a, b) => a + b, 0);
+    const { minW, prefW, fudge } = this.columnMinPref(tbl, Math.max(1, nCols));
+    const min = minW.reduce((total, width) => total + Math.max(0, width - fudge), 0);
     let pref = prefW.reduce((a, b) => a + b, 0);
     const gridTotal = tbl.grid.reduce((a, b) => a + b, 0);
     const cellsDeclareWidths = tbl.rows.some((r) => r.cells.some((c) => c.props.width !== void 0));
@@ -15271,7 +15852,25 @@ var Engine = class {
       if (cell.props.margins?.top !== void 0) topPad = Math.max(topPad, cell.props.margins.top);
       if (cell.props.margins?.bottom !== void 0) bottomPad = Math.max(bottomPad, cell.props.margins.bottom);
     }
-    if (row.props.heightRule === "exact") return trHeight + topPad;
+    if (row.props.heightRule === "exact") {
+      if (this.doc.compatibilityMode < 15) {
+        const hasHairlineBottom = (r) => r.cells.some((cell) => {
+          const bottom = cell.props.borders?.bottom;
+          return bottom !== void 0 && bottom.style !== "none" && (bottom.rawWidth ?? bottom.width) < ptToPx(0.25);
+        });
+        if (row.cells.some((cell) => cell.props.vMerge !== void 0) && hasHairlineBottom(row)) {
+          return trHeight + topPad / 2;
+        }
+        const isLegacyFormLine = (r) => r !== void 0 && r.props.heightRule === "exact" && r.props.height === row.props.height && r.cells.length === 2 && r.cells.every((cell) => cell.props.vMerge === void 0) && hasHairlineBottom(r);
+        return trHeight + (isLegacyFormLine(row) && isLegacyFormLine(tbl.rows[ri - 1]) ? topPad / 2 : 0);
+      }
+      return trHeight + topPad;
+    }
+    if (this.doc.compatibilityMode < 15) {
+      const legacyBottomPad = bottomPad >= ptToPx(1) ? bottomPad : 0;
+      const legacyTopPad = row.props.heightRule === "atLeast" && (row.props.height ?? 0) >= ptToPx(30) ? Math.max(topPad - ptToPx(0.25), 0) : topPad;
+      return Math.max(contentHeight, trHeight + legacyTopPad + legacyBottomPad);
+    }
     const borderPad = this.rowBorderShare(tbl, ri);
     return Math.max(contentHeight, trHeight + topPad + bottomPad + borderPad);
   }
@@ -15346,13 +15945,10 @@ var Engine = class {
     }
     return floor({});
   }
-  /**
-   * Fill in a styled table's borders from its table-style chain when it has
-   * no direct tblBorders — the built-in "Table Grid" style (referenced by
-   * tblStyle) supplies the cell grid that would otherwise be missing.
-   */
+  /** Fill missing table borders from the table-style chain. Direct borders
+   * override the matching style edge, including an explicit `none`; omitted
+   * edges continue to inherit from the style. */
   ensureTableBorders(tbl) {
-    if (tbl.props.borders !== void 0) return;
     const byId = this.doc.styles.byId;
     const fromChain = (id) => {
       let cur = id;
@@ -15374,7 +15970,17 @@ var Engine = class {
         }
       }
     }
-    if (b) tbl.props.borders = b;
+    if (b) {
+      const direct = tbl.props.borders;
+      tbl.props.borders = {
+        top: direct?.top ?? b.top,
+        bottom: direct?.bottom ?? b.bottom,
+        left: direct?.left ?? b.left,
+        right: direct?.right ?? b.right,
+        insideH: direct?.insideH ?? b.insideH,
+        insideV: direct?.insideV ?? b.insideV
+      };
+    }
   }
   /** Height of a table's LEAD block for keep/orphan checks: the top border
    * half, any leading tblHeader rows, and the first non-header row. Word
@@ -15408,6 +16014,9 @@ var Engine = class {
     this.lastParaAfterPad = 0;
     this.lastParaWasEmpty = false;
     this.ensureTableBorders(tbl);
+    const sourceTablePr = tbl.src ? child(tbl.src, "tblPr") : void 0;
+    const sourceBorders = sourceTablePr ? child(sourceTablePr, "tblBorders") : void 0;
+    const segmentBottom = sourceBorders && child(sourceBorders, "bottom") ? void 0 : tbl.props.borders?.bottom;
     const colWidth = this.colWidth;
     const widths = this.resolveGridWidths(tbl, colWidth);
     const s2 = 2 * (tbl.props.cellSpacing ?? 0);
@@ -15443,6 +16052,7 @@ var Engine = class {
     }
     let segTop = this.y;
     let segPage = this.cur;
+    let segHasRows = false;
     let moveEmitted = false;
     const markTableStart = () => {
       if (moveEmitted) return;
@@ -15470,12 +16080,24 @@ var Engine = class {
       let laid = laidRows[ri];
       let rowHeight = rowHeights[ri];
       const advance = () => {
+        if (segHasRows && segmentBottom && segmentBottom.style !== "none") {
+          this.cur.items.push({
+            kind: "edge",
+            x1: x0,
+            y1: this.y,
+            x2: x0 + widths.reduce((sum2, width) => sum2 + width, 0),
+            y2: this.y,
+            border: segmentBottom,
+            role: "table-rule"
+          });
+        }
         this.emitTableGrips(tbl, segPage, x0, widths, segTop, this.y);
         this.nextColumn();
         this.clearBannerSlot();
         x0 = computeX0();
         segTop = this.y;
         segPage = this.cur;
+        segHasRows = false;
         const firstRowIdx = !row.props.tblHeader && headerRows.length > 0 ? 0 : ri;
         this.y += this.rowBorderWidths(tbl, firstRowIdx).top / 2;
         if (!row.props.tblHeader) {
@@ -15485,13 +16107,14 @@ var Engine = class {
             const hH = rowHeights[hIdx];
             markTableStart();
             this.paintRow(tbl, hr, hIdx, hLaid, x0, widths, hH);
+            segHasRows = true;
             this.y += hH;
           }
         }
       };
       let guard = 0;
       const noteReserve = this.rowNoteHeight(laid) + this.footnoteReserve(this.cur, this.col);
-      const overhang = noteReserve > 0 || row.props.cantSplit || row.props.heightRule === "exact" ? 0 : ROW_OVERHANG_TOL;
+      const overhang = noteReserve > 0 || row.props.heightRule === "exact" ? 0 : row.props.cantSplit ? this.doc.compatibilityMode < 15 && (row.props.heightRule !== "atLeast" || (row.props.height ?? 0) >= ptToPx(2)) ? this.cur.footerHeight : 0 : ROW_OVERHANG_TOL;
       while (this.y + rowHeight > this.bodyBottom - this.rowNoteHeight(laid) + overhang + 0.01 && guard++ < 50) {
         const atColumnTop = this.pageIsEmptyAtCursor() || this.y <= this.cur.bodyTop + this.rowBorderWidths(tbl, ri).top / 2 + 0.01;
         const cantSplitHolds = row.props.cantSplit === true && (rowHeight <= this.cur.bodyBottom - this.cur.bodyTop + 0.01 || !atColumnTop);
@@ -15501,6 +16124,18 @@ var Engine = class {
         if (parts) {
           markTableStart();
           this.paintRow(tbl, row, ri, parts.top, x0, widths, parts.top.height);
+          segHasRows = true;
+          if (segmentBottom && segmentBottom.style !== "none") {
+            this.cur.items.push({
+              kind: "edge",
+              x1: x0,
+              y1: this.y + parts.top.height,
+              x2: x0 + widths.reduce((sum2, width) => sum2 + width, 0),
+              y2: this.y + parts.top.height,
+              border: segmentBottom,
+              role: "table-rule"
+            });
+          }
           this.y += parts.top.height;
           advance();
           laid = parts.rest;
@@ -15513,6 +16148,7 @@ var Engine = class {
       }
       markTableStart();
       this.paintRow(tbl, row, ri, laid, x0, widths, rowHeight);
+      segHasRows = true;
       this.y += rowHeight;
       if (s2 && ri < tbl.rows.length - 1) this.y += s2;
       if (tbl.src) {
@@ -15710,9 +16346,10 @@ var Engine = class {
       });
     }
   }
-  layoutTableInFrame(tbl, fake, x0, y, width, fields) {
+  layoutTableInFrame(tbl, fake, x0, y, width, fields, nested) {
     this.ensureTableBorders(tbl);
-    const widths = this.resolveGridWidths(tbl, width, true);
+    const confineToAvailable = !nested && tbl.props.width === void 0 && tbl.props.widthPct === void 0;
+    const widths = this.resolveGridWidths(tbl, width, nested, confineToAvailable);
     const saveY = this.y;
     const saveCur = this.cur;
     const saveCol = this.col;
@@ -15766,9 +16403,10 @@ var Engine = class {
     const bottomOf = (it) => it.kind === "text" ? it.lineTop + it.lineHeight : it.kind === "rect" || it.kind === "image" ? it.y + it.height : it.kind === "edge" ? Math.max(it.y1, it.y2) : 0;
     const topOf = (it) => it.kind === "text" ? it.lineTop : it.kind === "rect" || it.kind === "image" ? it.y : it.kind === "edge" ? Math.min(it.y1, it.y2) : 0;
     const partitions = laid.cells.map((cell) => {
-      const contentBottom = cell.items.length > 0 ? Math.max(...cell.items.map(bottomOf)) : 0;
+      const flowItems = cell.items.filter((it) => it.kind !== "grip");
+      const contentBottom = flowItems.length > 0 ? Math.max(...flowItems.map(bottomOf)) : 0;
       const trailing = Math.max(0, cell.height - contentBottom);
-      const hRules = cell.items.filter(
+      const hRules = flowItems.filter(
         (it) => it.kind === "edge" && Math.abs(it.y1 - it.y2) < 0.01 && Math.abs(it.x2 - it.x1) > 4
       ).map((it) => it.y1).sort((a, b) => a - b);
       const bandBottom = (top, bottom) => {
@@ -15789,8 +16427,9 @@ var Engine = class {
       return {
         cell,
         trailing,
-        keep: cell.items.filter((it) => keeps(it)),
-        rest: cell.items.filter((it) => !keeps(it))
+        grips: cell.items.filter((it) => it.kind === "grip"),
+        keep: flowItems.filter((it) => keeps(it)),
+        rest: flowItems.filter((it) => !keeps(it))
       };
     });
     const lineTops = (items) => [...new Set(items.filter((it) => it.kind === "text").map((it) => it.lineTop))].sort((a, b) => a - b);
@@ -15845,18 +16484,31 @@ var Engine = class {
     })) {
       return null;
     }
-    let nestedCut = 0;
+    let contentCut = 0;
+    let flowCut = 0;
     let allBanded = true;
-    for (const { cell, keep, trailing } of partitions) {
+    let allBetweenParagraphs = true;
+    let hasTextBoundary = false;
+    for (const { cell, keep, rest, trailing } of partitions) {
       if (keep.length === 0) continue;
       const kb = Math.max(...keep.map(bottomOf));
-      nestedCut = Math.max(nestedCut, kb + trailing);
+      flowCut = Math.max(flowCut, kb);
+      contentCut = Math.max(contentCut, kb + trailing);
       const onRule = cell.items.some(
         (it) => it.kind === "edge" && Math.abs(it.y1 - it.y2) < 0.01 && Math.abs(it.x2 - it.x1) > 4 && Math.abs(it.y1 - kb) < 1
       );
       if (!onRule) allBanded = false;
+      const keptText = keep.filter((it) => it.kind === "text");
+      const restText = rest.filter((it) => it.kind === "text");
+      if (keptText.length > 0 && restText.length > 0) {
+        hasTextBoundary = true;
+        if (keptText[keptText.length - 1].paraSeq === restText[0].paraSeq) {
+          allBetweenParagraphs = false;
+        }
+      }
     }
-    const cutH = allBanded && nestedCut > 12 ? Math.min(avail, nestedCut) : avail;
+    const hugContent = allBanded || hasTextBoundary && allBetweenParagraphs;
+    const cutH = Math.min(avail + keepSlack, hugContent ? contentCut : flowCut);
     const topCells = [];
     const restCells = [];
     let topH = 0;
@@ -15868,15 +16520,26 @@ var Engine = class {
       }
       return t;
     };
-    for (const { cell, trailing, keep, rest } of partitions) {
-      const keepTop = cell.items.length > 0 ? Math.min(...cell.items.map(topOf)) : 0;
+    for (const { cell, trailing, grips, keep, rest } of partitions) {
+      const flowItems = cell.items.filter((it) => it.kind !== "grip");
+      const keepTop = flowItems.length > 0 ? Math.min(...flowItems.map(topOf)) : 0;
       const ruleShift = rest.length > 0 ? Math.min(...rest.map(topOf)) - keepTop : 0;
       const origText = firstTextTop(cell.items);
       const restText = firstTextTop(rest);
       const shift = rest.length > 0 && origText !== void 0 && restText !== void 0 ? Math.min(ruleShift, restText - origText) : ruleShift;
+      for (const grip of grips) {
+        const top = Math.min(grip.y1, grip.y2);
+        const bottom = Math.max(grip.y1, grip.y2);
+        if (bottom - top < 0.01) {
+          (top <= cutH + 0.5 ? keep : rest).push({ ...grip });
+          continue;
+        }
+        if (top < cutH) keep.push({ ...grip, y1: top, y2: Math.min(bottom, cutH) });
+        if (bottom > cutH) rest.push({ ...grip, y1: Math.max(top, cutH), y2: bottom });
+      }
       for (const it of rest) offsetItem(it, 0, -shift);
       topCells.push({ ...cell, items: keep, height: Math.min(cell.height, cutH) });
-      const cellRestH = rest.length > 0 ? Math.max(...rest.map(bottomOf)) + keepTop + trailing : 0;
+      const cellRestH = rest.length > 0 ? Math.max(...rest.map(bottomOf)) + trailing : 0;
       restCells.push({ ...cell, items: rest, height: cellRestH });
       topH = Math.max(topH, keep.length > 0 ? Math.min(cell.height, cutH) : 0);
       restH = Math.max(restH, cellRestH);
@@ -15970,14 +16633,24 @@ var Engine = class {
       const x = bidi ? totalW - sum(widths, 0, gridPos) - w : sum(widths, 0, gridPos);
       gridPos += span;
       const cm = { ...defaults, ...cell.props.margins };
+      const autoGuidanceRightEdge = ci === row.cells.length - 1 && row.cells.length === 1 && widths.length === 1 && tbl.props.width === void 0 && tbl.props.widthPct === void 0 && (tbl.props.indent ?? 0) > 0 ? 0.01 : 0;
       geometry.push({
         x,
         width: w,
-        margins: { ...cm, left: leftInset(cm.left), right: rightInset(cm.right) }
+        // Word rounds the inner right edge of an indented, one-column auto
+        // table just inside its twip-converted grid edge. Keep that hundredth
+        // of a pixel reserved so an edge-touching final word wraps with Word
+        // (the NIH guidance table on p76).
+        margins: {
+          ...cm,
+          left: leftInset(cm.left),
+          right: rightInset(cm.right) + autoGuidanceRightEdge
+        }
       });
     }
     let maxH = 0;
     let measuredContentH = 0;
+    const effectiveBottomPad = (bottom) => this.doc.compatibilityMode < 15 && row.props.heightRule === "atLeast" && (row.props.height ?? 0) < ptToPx(2) ? (bottom ?? 0) >= ptToPx(2) ? (bottom ?? 0) / 2 : (bottom ?? 0) / 4 : bottom ?? 0;
     for (let ci = 0; ci < row.cells.length; ci++) {
       const cell = row.cells[ci];
       const { x, width: w, margins: m } = geometry[ci];
@@ -15997,7 +16670,7 @@ var Engine = class {
         true
       );
       for (const it of items) offsetItem(it, m.left ?? 0, m.top ?? 0);
-      const cellHeight = height + (m.top ?? 0) + (m.bottom ?? 0);
+      const cellHeight = height + (m.top ?? 0) + effectiveBottomPad(m.bottom);
       cells[ci] = { items, height: cellHeight, x, width: w, cellIdx: ci };
       measuredContentH = Math.max(measuredContentH, height);
       maxH = Math.max(maxH, cellHeight);
@@ -16041,7 +16714,7 @@ var Engine = class {
           it.rotate = { deg, ox: centerX - it.x, oy: centerY - top };
         }
       }
-      const cellHeight = frameWidth + (m.top ?? 0) + (m.bottom ?? 0);
+      const cellHeight = frameWidth + (m.top ?? 0) + effectiveBottomPad(m.bottom);
       cells[ci] = { items, height: cellHeight, x, width: w, cellIdx: ci, rotated: true };
       maxH = Math.max(maxH, cellHeight);
     }
@@ -16134,7 +16807,7 @@ var Engine = class {
         dy += Math.max(0, contentH - cellLay.height);
       }
       const clip = row.props.heightRule === "exact";
-      const rowBottom = y + rowHeight;
+      const rowBottom = y + (cell.props.vMerge === "restart" ? cellH : rowHeight);
       for (const it of cellLay.items) {
         offsetItem(it, cx, y + dy);
         if (clip && it.kind === "text" && it.lineTop !== void 0 && it.lineTop >= rowBottom - 0.5) continue;
@@ -16142,7 +16815,9 @@ var Engine = class {
         if (it.kind === "text" && it.noteId !== void 0) this.registerFootnote(it.noteId, page);
         page.items.push(it);
       }
-      this.paintCellEdges(page, tbl, cell, cx, y, cellLay.width, cellH, isFirstRow && !s2, isLastRow && !s2, isFirstCol && !s2, isLastCol && !s2, false, cond?.borders);
+      const spanEndsAtTableBottom = rowIdx + rowSpan === tbl.rows.length;
+      const isCellLastRow = cell.props.vMerge === "restart" ? spanEndsAtTableBottom : isLastRow;
+      this.paintCellEdges(page, tbl, cell, cx, y, cellLay.width, cellH, isFirstRow && !s2, isCellLastRow && !s2, isFirstCol && !s2, isLastCol && !s2, false, cond?.borders);
     }
   }
   paintCellEdges(page, tbl, cell, x, y, w, h, firstRow, lastRow, firstCol, lastCol, mergedContinue, condBorders) {
@@ -16155,7 +16830,7 @@ var Engine = class {
       return fallback && fallback.style !== "none" ? fallback : void 0;
     };
     const top = mergedContinue || cell.props.vMerge === "continue" ? void 0 : pick(cb?.top, condBorders?.top, tb?.top, tb?.insideH, firstRow);
-    const bottom = cell.props.vMerge === "restart" && !lastRow ? void 0 : pick(cb?.bottom, condBorders?.bottom, tb?.bottom, tb?.insideH, lastRow);
+    const bottom = (mergedContinue || cell.props.vMerge === "continue") && !lastRow ? void 0 : pick(cb?.bottom, condBorders?.bottom, tb?.bottom, tb?.insideH, lastRow);
     const left = pick(cb?.left, condBorders?.left, tb?.left, tb?.insideV, firstCol);
     const right = pick(cb?.right, condBorders?.right, tb?.right, tb?.insideV, lastCol);
     if (top) {
@@ -16190,6 +16865,24 @@ var Engine = class {
     }
   }
 };
+function customFootnoteAnchorIds(p) {
+  const ids = [];
+  for (const child4 of p.children) {
+    const runs = child4.type === "run" ? [child4] : child4.runs;
+    for (const run of runs) {
+      for (const content of run.content) {
+        if (content.kind === "text") {
+          if (content.text.trim().length > 0) return void 0;
+        } else if (content.kind === "noteRef" && content.noteType === "footnote" && !content.self && content.customMarkFollows) {
+          ids.push(content.id);
+        } else {
+          return void 0;
+        }
+      }
+    }
+  }
+  return ids.length > 0 ? ids : void 0;
+}
 function isEmptyParagraph(p) {
   for (const child4 of p.children) {
     const runs = child4.type === "run" ? [child4] : child4.runs;
@@ -17895,6 +18588,11 @@ function renderChart(item) {
   }
   return svg;
 }
+function setItemLayer(element, item, frontLayer = 1) {
+  if (item.behind) element.style.zIndex = "-1";
+  else if (item.z !== void 0) element.style.zIndex = String(item.z);
+  else if (item.front) element.style.zIndex = String(frontLayer);
+}
 function renderItem(doc, item, urls) {
   switch (item.kind) {
     case "rect": {
@@ -17909,8 +18607,7 @@ function renderItem(doc, item, urls) {
         el16.style.transform = `rotate(${item.rotate.deg}deg)`;
         el16.style.transformOrigin = `${item.rotate.ox}px ${item.rotate.oy}px`;
       }
-      if (item.behind) el16.style.zIndex = "-1";
-      else if (item.front) el16.style.zIndex = "1";
+      setItemLayer(el16, item);
       return el16;
     }
     case "path": {
@@ -17936,8 +18633,7 @@ function renderItem(doc, item, urls) {
         if (item.stroke.opacity !== void 0) path2.setAttribute("stroke-opacity", String(item.stroke.opacity));
         path2.setAttribute("vector-effect", "non-scaling-stroke");
       }
-      if (item.behind) svg.style.zIndex = "-1";
-      else if (item.front) svg.style.zIndex = "1";
+      setItemLayer(svg, item);
       svg.appendChild(path2);
       return svg;
     }
@@ -17949,7 +18645,7 @@ function renderItem(doc, item, urls) {
       hit.style.width = `${item.width}px`;
       hit.style.height = `${item.height}px`;
       hit.style.cursor = "move";
-      hit.style.zIndex = item.belowText ? "1" : "6";
+      hit.style.zIndex = item.z !== void 0 ? String(item.z) : item.belowText ? "1" : "6";
       if (item.rotate) {
         hit.style.transform = `rotate(${item.rotate.deg}deg)`;
         hit.style.transformOrigin = `${item.rotate.ox}px ${item.rotate.oy}px`;
@@ -17957,11 +18653,16 @@ function renderItem(doc, item, urls) {
       hit.dataset.dxwDrawing = "1";
       if (item.ink) hit.dataset.dxwInk = "1";
       if (item.smartArt) hit.dataset.dxwSmartArt = "1";
+      if (item.height < 12) {
+        const target = document.createElement("div");
+        target.style.cssText = `position:absolute;left:0;top:${-(12 - item.height) / 2}px;width:100%;height:12px;cursor:move;`;
+        hit.appendChild(target);
+      }
       return hit;
     }
     case "edge": {
       const el16 = renderEdge(item.x1, item.y1, item.x2, item.y2, item.border, item.rotate);
-      if (item.front) el16.style.zIndex = "1";
+      setItemLayer(el16, item);
       return el16;
     }
     case "chart":
@@ -18149,8 +18850,7 @@ function renderItem(doc, item, urls) {
         node.style.transformOrigin = `${item.rotate.ox}px ${item.rotate.oy}px`;
       } else if (item.rotation) node.style.transform = `rotate(${item.rotation}deg)`;
       if (item.border) node.style.outline = `${item.border.width}px solid ${item.border.color}`;
-      if (item.behind) node.style.zIndex = "-1";
-      else if (item.front) node.style.zIndex = "2";
+      setItemLayer(node, item, 2);
       node.dataset.dxwImageFormat = ext;
       if (item.model3D) node.dataset.dxwModel3d = "1";
       if (item.webVideo) {
@@ -18211,11 +18911,15 @@ function renderWordArt(item) {
   const weight = item.bold ? "bold " : "";
   const style = item.italic ? "italic " : "";
   if (item.noFit) {
-    const fs = item.fontSize && item.fontSize > 0 ? item.fontSize : 1.33;
-    span.style.font = `${style}${weight}${fs}px "${item.fontFamily}", sans-serif`;
-    span.style.left = "0px";
-    span.style.top = "0px";
-    box.appendChild(span);
+    const stroke = document.createElement("div");
+    stroke.style.position = "absolute";
+    stroke.style.left = `${item.width * 0.0603}px`;
+    stroke.style.top = `${item.height * -0.079}px`;
+    stroke.style.width = "0.5px";
+    stroke.style.height = `${item.height * 0.651}px`;
+    stroke.style.background = item.fill;
+    stroke.style.opacity = String(item.opacity);
+    box.appendChild(stroke);
     return box;
   }
   const fontPx = item.height * 0.92;
@@ -18272,12 +18976,12 @@ function warpBaseline(warp, W, H) {
     }
     case "textWave1":
     case "textWave2": {
-      const fontPx = H * 0.44;
+      const fontPx = H * 0.78;
       const d = `M ${mx} ${H * 0.5} C ${W * 0.16} ${H * 0.33} ${W * 0.34} ${H * 0.33} ${W * 0.5} ${H * 0.5} C ${W * 0.66} ${H * 0.67} ${W * 0.84} ${H * 0.67} ${W - mx} ${H * 0.5}`;
       return { d, fontPx, pathLen: bw * 1.06, startFrac: 0, anchor: "start", fill: true };
     }
     case "textChevron": {
-      const fontPx = H * 0.5;
+      const fontPx = H * 0.78;
       const yEnds = H * 0.26;
       const yCtrl = H * 1.18;
       const d = `M ${mx} ${yEnds} Q ${W / 2} ${yCtrl} ${W - mx} ${yEnds}`;
@@ -18299,7 +19003,7 @@ function warpBaseline(warp, W, H) {
       const r = Math.min(W, H) * 0.3;
       const cx = W / 2;
       const cy = H / 2;
-      const a = -60 * Math.PI / 180;
+      const a = -90 * Math.PI / 180;
       const sx = cx + r * Math.sin(a);
       const sy = cy - r * Math.cos(a);
       const d = `M ${sx.toFixed(2)} ${sy.toFixed(2)} A ${r} ${r} 0 1 1 ${(sx - 0.01).toFixed(2)} ${sy.toFixed(2)} Z`;
@@ -18324,30 +19028,96 @@ function renderWarpText(item) {
     svg.style.transformOrigin = `${item.rotate.ox}px ${item.rotate.oy}px`;
   }
   svg.style.pointerEvents = "none";
-  if (item.behind) svg.style.zIndex = "-1";
-  else if (item.front) svg.style.zIndex = "1";
+  setItemLayer(svg, item);
   const geo = warpBaseline(item.warp, W, H);
   const weight = item.bold ? "bold" : "normal";
   const style = item.italic ? "italic" : "normal";
-  const family = `"${item.fontFamily}", sans-serif`;
-  let fontPx = geo.fontPx;
-  let startFrac = geo.startFrac;
-  if (geo.natural) {
-    fontPx = item.fontSize;
-  } else if (geo.pour) {
-    let perPx = item.text.length * 0.55;
+  const family = /^calibri(?: light)?$/i.test(item.fontFamily) ? `"${item.fontFamily}", "Carlito", sans-serif` : `"${item.fontFamily}", sans-serif`;
+  if (item.warp === "textWave1" || item.warp === "textWave2" || item.warp === "textChevron") {
+    const fontPx2 = H * 0.98;
+    let widths = [...item.text].map((ch) => ch === " " ? fontPx2 * 0.25 : fontPx2 * 0.6);
+    try {
+      const ctx = document.createElement("canvas").getContext("2d");
+      if (ctx) {
+        ctx.font = `${style} ${weight} ${fontPx2}px ${family}`;
+        widths = [...item.text].map((ch) => ctx.measureText(ch).width);
+      }
+    } catch {
+    }
+    const naturalWidth = widths.reduce((sum2, width) => sum2 + width, 0);
+    const scaleX = naturalWidth > 0 ? W * 0.94 / naturalWidth : 1;
+    let pen = W * 0.03;
+    [...item.text].forEach((ch, index) => {
+      const advance = widths[index] * scaleX;
+      const x = pen + advance / 2;
+      pen += advance;
+      if (ch === " ") return;
+      const baseline = item.warp === "textChevron" ? H * (0.74 + 0.21 * Math.abs(2 * x / W - 1)) : H * (0.85 + 0.1 * Math.sin(2 * Math.PI * (x / W - 0.5)));
+      const glyph = document.createElementNS(SVG_NS, "text");
+      glyph.setAttribute("x", "0");
+      glyph.setAttribute("y", "0");
+      glyph.setAttribute("fill", item.fill);
+      glyph.setAttribute("font-family", family);
+      glyph.setAttribute("font-size", `${fontPx2.toFixed(2)}`);
+      glyph.setAttribute("font-weight", weight);
+      glyph.setAttribute("font-style", style);
+      glyph.setAttribute("text-anchor", "middle");
+      glyph.setAttribute("dominant-baseline", "alphabetic");
+      glyph.setAttribute(
+        "transform",
+        `translate(${x.toFixed(2)} ${baseline.toFixed(2)}) scale(${scaleX.toFixed(5)} 1)`
+      );
+      glyph.textContent = ch;
+      svg.appendChild(glyph);
+    });
+    return svg;
+  }
+  if (geo.pour) {
+    const chars = [...item.text];
+    const radius = Math.min(W, H) * 0.368;
+    const fontPx2 = Math.min(W, H) * 0.38;
+    let advances = chars.map((ch) => ch === " " ? fontPx2 * 0.25 : fontPx2 * 0.55);
     try {
       const ctx = document.createElement("canvas").getContext("2d");
       if (ctx) {
-        ctx.font = `${style} ${weight} 100px ${family}`;
-        const w = ctx.measureText(item.text).width;
-        if (w > 0) perPx = w / 100;
+        ctx.font = `${style} ${weight} ${fontPx2}px ${family}`;
+        advances = chars.map((ch) => ctx.measureText(ch).width);
       }
     } catch {
     }
-    const r = Math.min(W, H) * 0.3;
-    const fitCap = (Math.min(W, H) * 0.49 - r) / 0.92;
-    fontPx = Math.max(6, Math.min(fitCap, geo.pathLen * 0.8 / perPx));
+    const totalAdvance = advances.reduce((sum2, advance) => sum2 + advance, 0);
+    const firstCenter = -76 * Math.PI / 180;
+    const angularScale = 1.0125;
+    let along = 0;
+    chars.forEach((ch, index) => {
+      const angle = firstCenter + 2 * Math.PI * angularScale * (along + advances[index] / 2 - advances[0] / 2) / totalAdvance;
+      along += advances[index];
+      if (ch === " ") return;
+      const x = W / 2 + radius * Math.sin(angle);
+      const y = H / 2 - radius * Math.cos(angle);
+      const glyph = document.createElementNS(SVG_NS, "text");
+      glyph.setAttribute("x", "0");
+      glyph.setAttribute("y", "0");
+      glyph.setAttribute("fill", item.fill);
+      glyph.setAttribute("font-family", family);
+      glyph.setAttribute("font-size", `${fontPx2.toFixed(2)}`);
+      glyph.setAttribute("font-weight", weight);
+      glyph.setAttribute("font-style", style);
+      glyph.setAttribute("text-anchor", "middle");
+      glyph.setAttribute("dominant-baseline", "central");
+      glyph.setAttribute(
+        "transform",
+        `translate(${x.toFixed(2)} ${y.toFixed(2)}) rotate(${(angle * 180 / Math.PI).toFixed(2)})`
+      );
+      glyph.textContent = ch;
+      svg.appendChild(glyph);
+    });
+    return svg;
+  }
+  let fontPx = geo.fontPx;
+  let startFrac = geo.startFrac;
+  if (geo.natural) {
+    fontPx = item.fontSize;
   }
   const id = `dxw-warp-${warpPathSeq++}`;
   const defs = document.createElementNS(SVG_NS, "defs");
@@ -18416,6 +19186,10 @@ function renderText(item) {
     el16.style.alignItems = "flex-end";
     el16.style.whiteSpace = "pre";
     el16.style.font = cssFont(item.font);
+    if (item.font.paintDY) {
+      const transform = el16.style.transform;
+      el16.style.transform = `${transform ? `${transform} ` : ""}translateY(${item.font.paintDY}px)`;
+    }
   }
   if (item.rtl) {
     el16.style.direction = "rtl";
@@ -18425,6 +19199,7 @@ function renderText(item) {
   el16.style.lineHeight = `${boxH}px`;
   el16.style.setProperty("-webkit-font-smoothing", "antialiased");
   const props = item.props;
+  if (item.font.kerning) el16.style.fontKerning = "normal";
   let color = props.color && props.color !== "auto" ? props.color : "#000000";
   el16.style.color = color;
   if (props.underline && props.underline !== "none") {
@@ -18436,7 +19211,15 @@ function renderText(item) {
   } else if (props.underline === "none" && item.href) {
     el16.style.textDecoration = "none";
   }
-  if (props.letterSpacing) el16.style.letterSpacing = `${props.letterSpacing}px`;
+  const paintLetterSpacing = props.paintLetterSpacing ?? props.letterSpacing;
+  if (paintLetterSpacing) el16.style.letterSpacing = `${paintLetterSpacing}px`;
+  if (props.paintLetterSpacing !== void 0 && props.letterSpacing !== void 0 && item.text.trim()) {
+    const paintWidth = item.width - (props.letterSpacing - props.paintLetterSpacing) * item.text.length;
+    if (paintWidth > 0.1) {
+      el16.style.transform = `scaleX(${item.width / paintWidth})`;
+      el16.style.transformOrigin = "0 50%";
+    }
+  }
   if (props.textScale && props.textScale !== 1 && !item.mathScaleY) {
     el16.style.transform = `scaleX(${props.textScale})`;
     el16.style.transformOrigin = "0 50%";
@@ -18465,8 +19248,7 @@ function renderText(item) {
     el16.style.transform = `rotate(${item.rotate.deg}deg)${prev ? " " + prev : ""}`;
     el16.style.transformOrigin = `${item.rotate.ox}px ${item.rotate.oy}px`;
   }
-  if (item.behind) el16.style.zIndex = "-1";
-  else if (item.front) el16.style.zIndex = "1";
+  setItemLayer(el16, item);
   return el16;
 }
 function renderEdge(x1, y1, x2, y2, border, rotate) {
@@ -18479,13 +19261,47 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
   }
   const horizontal = Math.abs(y2 - y1) < 0.01;
   const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
-  const w = Math.max(1 / dpr, Math.round(border.width * dpr) / dpr);
+  const ultraThin = rotate === void 0 && border.style === "single" && border.rawWidth !== void 0 && border.rawWidth < 0.25;
+  const deviceHairline = rotate === void 0 && border.style === "single" && border.rawWidth !== void 0 && border.rawWidth < 0.75;
+  const declaredWidth = border.rawWidth ?? border.width;
+  const w = border.rawWidth !== void 0 && border.rawWidth < 0.25 ? border.rawWidth : Math.max(1 / dpr, Math.round(declaredWidth * dpr) / dpr);
   const snap = (v) => Math.round(v * dpr) / dpr;
-  const place = border.space === 0 ? snap : (v) => v;
+  const place = border.space === 0 && !deviceHairline ? snap : (v) => v;
   const dashPattern = border.style === "dashed" || border.style === "dotDash" || border.style === "dotDotDash" ? [3, 1] : border.style === "dotted" ? [1, 1] : null;
+  if (!horizontal && Math.abs(x2 - x1) >= 0.01) {
+    const x = Math.min(x1, x2);
+    const y = Math.min(y1, y2);
+    const stroke = document.createElement("div");
+    const strokeHeight = border.style === "double" ? w * 3 : w;
+    stroke.style.position = "absolute";
+    stroke.style.left = `${x1 - x}px`;
+    stroke.style.top = `${y1 - y - strokeHeight / 2}px`;
+    stroke.style.width = `${Math.hypot(x2 - x1, y2 - y1)}px`;
+    stroke.style.height = `${strokeHeight}px`;
+    stroke.style.transform = `rotate(${Math.atan2(y2 - y1, x2 - x1)}rad)`;
+    stroke.style.transformOrigin = "0 50%";
+    if (border.style === "double") {
+      stroke.style.background = `linear-gradient(180deg, ${border.color} 0 ${w}px, transparent ${w}px ${w * 2}px, ${border.color} ${w * 2}px ${w * 3}px)`;
+    } else if (dashPattern) {
+      const on = Math.max(dashPattern[0] * border.width, 2);
+      const period = on + Math.max(dashPattern[1] * border.width, 1);
+      stroke.style.background = `repeating-linear-gradient(90deg, ${border.color} 0 ${on}px, transparent ${on}px ${period}px)`;
+    } else if (border.style === "triple") {
+      stroke.style.height = "0";
+      stroke.style.borderTop = `${w}px double ${border.color}`;
+    } else {
+      stroke.style.background = border.color;
+    }
+    el16.style.left = `${x}px`;
+    el16.style.top = `${y}px`;
+    el16.style.width = `${Math.abs(x2 - x1)}px`;
+    el16.style.height = `${Math.abs(y2 - y1)}px`;
+    el16.appendChild(stroke);
+    return el16;
+  }
   if (horizontal) {
     el16.style.left = `${Math.min(x1, x2)}px`;
-    el16.style.top = `${place(y1 - w / 2)}px`;
+    el16.style.top = `${place(y1 - w / 2 - (ultraThin ? 0.4 : 0))}px`;
     el16.style.width = `${Math.abs(x2 - x1)}px`;
     if (border.style === "double") {
       el16.style.height = `${w * 3}px`;
@@ -18493,11 +19309,20 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
     } else if (dashPattern) {
       const on = Math.max(dashPattern[0] * border.width, 2);
       const period = on + Math.max(dashPattern[1] * border.width, 1);
-      el16.style.height = `${w}px`;
+      el16.style.height = `${w < 1 && rotate === void 0 ? 1 : w}px`;
       el16.style.background = `repeating-linear-gradient(90deg, ${border.color} 0 ${on}px, transparent ${on}px ${period}px)`;
+      if (w < 1 && rotate === void 0) {
+        el16.style.transform = `scaleY(${w})`;
+        el16.style.transformOrigin = "0 0";
+      }
     } else if (border.style === "triple") {
       el16.style.height = "0";
       el16.style.borderTop = `${w}px double ${border.color}`;
+    } else if (deviceHairline) {
+      el16.style.height = "1px";
+      el16.style.background = border.color;
+      el16.style.transform = "scaleY(.5)";
+      el16.style.transformOrigin = "0 0";
     } else {
       el16.style.height = `${w}px`;
       el16.style.background = border.color;
@@ -18512,11 +19337,20 @@ function renderEdge(x1, y1, x2, y2, border, rotate) {
     } else if (dashPattern) {
       const on = Math.max(dashPattern[0] * border.width, 2);
       const period = on + Math.max(dashPattern[1] * border.width, 1);
-      el16.style.width = `${w}px`;
+      el16.style.width = `${w < 1 && rotate === void 0 ? 1 : w}px`;
       el16.style.background = `repeating-linear-gradient(180deg, ${border.color} 0 ${on}px, transparent ${on}px ${period}px)`;
+      if (w < 1 && rotate === void 0) {
+        el16.style.transform = `scaleX(${w})`;
+        el16.style.transformOrigin = "0 0";
+      }
     } else if (border.style === "triple") {
       el16.style.width = "0";
       el16.style.borderLeft = `${w}px double ${border.color}`;
+    } else if (deviceHairline) {
+      el16.style.width = "1px";
+      el16.style.background = border.color;
+      el16.style.transform = "scaleX(.5)";
+      el16.style.transformOrigin = "0 0";
     } else {
       el16.style.width = `${w}px`;
       el16.style.background = border.color;
@@ -20700,23 +21534,44 @@ function insertShapeAt(doc, caretT, preset, text = "") {
   if (!caretRun || !parent || localName(caretRun.name) !== "r") return null;
   const w = prefixOf8(caretRun);
   const id = String(doc.nextDrawingId());
-  const width = preset === "textBox" ? 240 : 192;
-  const height = preset === "textBox" ? 72 : 96;
+  const isLine = preset === "line";
+  const width = isLine ? 240 : preset === "textBox" ? 240 : 192;
+  const height = isLine ? 2 : preset === "textBox" ? 72 : 96;
   const cx = String(Math.round(width * EMU_PER_PX4));
   const cy = String(Math.round(height * EMU_PER_PX4));
   const geometry = preset === "roundedRectangle" ? "roundRect" : preset === "rectangle" || preset === "textBox" ? "rect" : preset;
   const isTextBox = preset === "textBox";
-  const shapeName = isTextBox ? `Text Box ${id}` : `Shape ${id}`;
+  const shapeName = isLine ? `Line ${id}` : isTextBox ? `Text Box ${id}` : `Shape ${id}`;
   const spPr = [
-    el6("a:xfrm", {}, [el6("a:off", { x: "0", y: "0" }), el6("a:ext", { cx, cy })]),
+    el6("a:xfrm", {}, [
+      el6("a:off", { x: "0", y: "0" }),
+      el6("a:ext", { cx, cy })
+    ]),
     el6("a:prstGeom", { prst: geometry }, [el6("a:avLst")]),
-    isTextBox ? el6("a:noFill") : el6("a:solidFill", {}, [el6("a:srgbClr", { val: "4472C4" })]),
-    el6("a:ln", { w: "12700" }, [el6("a:solidFill", {}, [el6("a:srgbClr", { val: isTextBox ? "404040" : "2F5597" })])])
+    isTextBox || isLine ? el6("a:noFill") : el6("a:solidFill", {}, [el6("a:srgbClr", { val: "4472C4" })]),
+    el6("a:ln", { w: "12700" }, [el6("a:solidFill", {}, [el6("a:srgbClr", { val: isTextBox || isLine ? "404040" : "2F5597" })])])
   ];
   const textRun = el6(`${w}r`, {}, [
     el6(`${w}rPr`, {}, [el6(`${w}color`, { [`${w}val`]: isTextBox ? "202124" : "FFFFFF" }), el6(`${w}sz`, { [`${w}val`]: "22" })]),
     el6(`${w}t`, { "xml:space": "preserve" }, [], text)
   ]);
+  const shapeChildren = isLine ? [
+    el6("wps:cNvCnPr", {}, [el6("a:cxnSpLocks", { noChangeShapeType: "1" })]),
+    el6("wps:spPr", { bwMode: "auto" }, spPr),
+    el6("wps:bodyPr")
+  ] : [
+    el6("wps:cNvSpPr", isTextBox ? { txBox: "1" } : {}),
+    el6("wps:spPr", {}, spPr),
+    el6("wps:txbx", {}, [
+      el6(`${w}txbxContent`, {}, [
+        el6(`${w}p`, {}, [
+          el6(`${w}pPr`, {}, [el6(`${w}jc`, { [`${w}val`]: isTextBox ? "left" : "center" })]),
+          textRun
+        ])
+      ])
+    ]),
+    el6("wps:bodyPr", { rot: "0", anchor: isTextBox ? "t" : "ctr" }, [el6("a:noAutofit")])
+  ];
   const drawing = el6(`${w}drawing`, {}, [
     el6("wp:anchor", {
       "xmlns:wp": NS_WP3,
@@ -20736,24 +21591,12 @@ function insertShapeAt(doc, caretT, preset, text = "") {
       el6("wp:positionV", { relativeFrom: "paragraph" }, [el6("wp:posOffset", {}, [], "0")]),
       el6("wp:extent", { cx, cy }),
       el6("wp:effectExtent", { l: "0", t: "0", r: "0", b: "0" }),
-      el6("wp:wrapSquare", { wrapText: "bothSides" }),
+      isLine ? el6("wp:wrapNone") : el6("wp:wrapSquare", { wrapText: "bothSides" }),
       el6("wp:docPr", { id, name: shapeName }),
       el6("wp:cNvGraphicFramePr"),
       el6("a:graphic", { "xmlns:a": NS_A3 }, [
         el6("a:graphicData", { uri: NS_WPS }, [
-          el6("wps:wsp", { "xmlns:wps": NS_WPS }, [
-            el6("wps:cNvSpPr", { txBox: "1" }),
-            el6("wps:spPr", {}, spPr),
-            el6("wps:txbx", {}, [
-              el6(`${w}txbxContent`, {}, [
-                el6(`${w}p`, {}, [
-                  el6(`${w}pPr`, {}, [el6(`${w}jc`, { [`${w}val`]: isTextBox ? "left" : "center" })]),
-                  textRun
-                ])
-              ])
-            ]),
-            el6("wps:bodyPr", { rot: "0", anchor: isTextBox ? "t" : "ctr" }, [el6("a:noAutofit")])
-          ])
+          el6("wps:wsp", { "xmlns:wps": NS_WPS }, shapeChildren)
         ])
       ])
     ])
@@ -20815,6 +21658,25 @@ function setDrawingWordArtText(doc, drawing, text) {
   doc.refresh();
   return true;
 }
+function drawingLineStyle(drawing) {
+  const line2 = descendant3(drawing, "ln");
+  if (!line2) return null;
+  const color = descendant3(line2, "srgbClr")?.attrs.val ?? "000000";
+  const width = Math.max((parseInt(line2.attrs.w ?? "0", 10) || 0) / EMU_PER_PX4, 0.75);
+  return { color: `#${color.toUpperCase()}`, width };
+}
+function setDrawingLineStyle(doc, drawing, color, widthPx) {
+  const line2 = descendant3(drawing, "ln");
+  if (!line2) return false;
+  line2.attrs.w = String(Math.max(1, Math.round(widthPx * EMU_PER_PX4)));
+  line2.children = line2.children.filter((child4) => {
+    const name = localName(child4.name);
+    return name !== "solidFill" && name !== "noFill";
+  });
+  line2.children.unshift(el6("a:solidFill", {}, [el6("a:srgbClr", { val: color.replace(/^#/, "").toUpperCase() })]));
+  doc.refresh();
+  return true;
+}
 function insertInkAt(doc, caretT, points, color = "#202124", widthPx = 2, opacity = 1, refreshModel = true) {
   if (points.length < 2) return null;
   const caretRun = doc.findParentOf(caretT);
@@ -21223,11 +22085,116 @@ function deleteWatermark(doc, shapeEl) {
   return true;
 }
 
-// ../core/src/edit/grapheme.ts
-var segmenter = null;
-var segmenterTried = false;
-function getSegmenter() {
-  if (segmenterTried) return segmenter;
+// ../core/src/edit/dialog.ts
+var dialogSequence = 0;
+function requestTextInputDialog(anchor, options) {
+  const doc = anchor.ownerDocument;
+  const win = doc.defaultView;
+  return new Promise((resolve) => {
+    const id = `dxw-input-dialog-${++dialogSequence}`;
+    const previousFocus = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+    const backdrop = doc.createElement("div");
+    backdrop.className = "dxw-input-dialog-backdrop";
+    backdrop.dataset.dxwInputDialog = "";
+    backdrop.style.cssText = "position:fixed;inset:0;z-index:var(--dxw-dialog-z-index,1000);display:grid;place-items:center;padding:16px;box-sizing:border-box;background:var(--dxw-dialog-backdrop,rgba(32,33,36,.38));";
+    if (win) {
+      const computed = win.getComputedStyle(anchor);
+      for (const property of [
+        "--dxw-toolbar-fg",
+        "--dxw-toolbar-border",
+        "--dxw-toolbar-muted",
+        "--dxw-accent",
+        "--dxw-accent-fg",
+        "--dxw-popover-bg",
+        "--dxw-popover-shadow",
+        "--dxw-dialog-backdrop",
+        "--dxw-dialog-z-index",
+        "--dxw-dialog-width",
+        "--dxw-dialog-radius",
+        "--dxw-dialog-field-bg"
+      ]) {
+        const value = computed.getPropertyValue(property);
+        if (value) backdrop.style.setProperty(property, value);
+      }
+    }
+    const form = doc.createElement("form");
+    form.className = "dxw-input-dialog";
+    form.setAttribute("role", "dialog");
+    form.setAttribute("aria-modal", "true");
+    form.setAttribute("aria-labelledby", id);
+    form.style.cssText = "width:min(var(--dxw-dialog-width,420px),calc(100vw - 32px));box-sizing:border-box;display:grid;gap:10px;padding:16px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:var(--dxw-dialog-radius,10px);color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);box-shadow:var(--dxw-popover-shadow,0 8px 28px rgba(0,0,0,.24));font:13px system-ui,sans-serif;";
+    const title = doc.createElement("strong");
+    title.id = id;
+    title.className = "dxw-input-dialog-title";
+    title.textContent = options.title;
+    title.style.cssText = "font-size:15px;line-height:1.35;";
+    form.appendChild(title);
+    const label = doc.createElement("label");
+    label.className = "dxw-input-dialog-label";
+    label.textContent = options.label ?? options.title;
+    label.style.cssText = "display:grid;gap:5px;color:var(--dxw-toolbar-muted,#5f6368);font-size:12px;";
+    const field = options.multiline ? doc.createElement("textarea") : doc.createElement("input");
+    field.className = "dxw-input-dialog-field";
+    field.value = options.value ?? "";
+    field.placeholder = options.placeholder ?? "";
+    field.setAttribute("aria-label", options.label ?? options.title);
+    if (field instanceof HTMLTextAreaElement) field.rows = 4;
+    field.style.cssText = "width:100%;min-height:34px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:6px;outline:none;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-dialog-field-bg,var(--dxw-popover-bg,#fff));font:13px system-ui,sans-serif;resize:vertical;";
+    label.appendChild(field);
+    form.appendChild(label);
+    const actions = doc.createElement("div");
+    actions.className = "dxw-input-dialog-actions";
+    actions.style.cssText = "display:flex;justify-content:flex-end;gap:7px;";
+    const cancel = doc.createElement("button");
+    cancel.type = "button";
+    cancel.className = "dxw-input-dialog-cancel";
+    cancel.textContent = "Cancel";
+    cancel.style.cssText = "min-height:32px;padding:0 12px;border:1px solid var(--dxw-toolbar-border,#dadce0);border-radius:7px;color:var(--dxw-toolbar-fg,#3c4043);background:var(--dxw-popover-bg,#fff);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    const submit = doc.createElement("button");
+    submit.type = "submit";
+    submit.className = "dxw-input-dialog-submit";
+    submit.textContent = options.submitLabel ?? "Apply";
+    submit.style.cssText = "min-height:32px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:var(--dxw-accent-fg,#fff);background:var(--dxw-accent,#1a73e8);cursor:pointer;font:600 12px system-ui,sans-serif;";
+    actions.append(cancel, submit);
+    form.appendChild(actions);
+    backdrop.appendChild(form);
+    doc.body.appendChild(backdrop);
+    let finished = false;
+    const finish = (value) => {
+      if (finished) return;
+      finished = true;
+      doc.removeEventListener("keydown", onKeyDown, true);
+      backdrop.remove();
+      previousFocus?.focus({ preventScroll: true });
+      resolve(value);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        finish(null);
+      }
+    };
+    doc.addEventListener("keydown", onKeyDown, true);
+    backdrop.addEventListener("mousedown", (event) => {
+      if (event.target === backdrop) finish(null);
+    });
+    cancel.addEventListener("click", () => finish(null));
+    form.addEventListener("submit", (event) => {
+      event.preventDefault();
+      finish(field.value);
+    });
+    requestAnimationFrame(() => {
+      field.focus({ preventScroll: true });
+      field.select();
+    });
+  });
+}
+
+// ../core/src/edit/grapheme.ts
+var segmenter = null;
+var segmenterTried = false;
+function getSegmenter() {
+  if (segmenterTried) return segmenter;
   segmenterTried = true;
   try {
     const ctor = Intl.Segmenter;
@@ -21936,6 +22903,7 @@ var _DocxEditor = class _DocxEditor {
      * snapshot that the following text insertion belongs to. */
     this.pendingClickTypeCheckpoint = false;
     this.clickTypeCheckpointUntil = 0;
+    this.textContextMenu = null;
     /** True while a drag-selection is in progress (checked by onMouseUp, which
      * bubbles from the container BEFORE the document-level drag-end listener). */
     this.dragSelecting = false;
@@ -22325,6 +23293,102 @@ var _DocxEditor = class _DocxEditor {
     };
     /** Which part tree the element lives in: document body or header/footer. */
     this.mathEditorEl = null;
+    this.dismissTextContextMenu = () => {
+      this.textContextMenu?.remove();
+      this.textContextMenu = null;
+      document.removeEventListener("mousedown", this.onContextMenuDocumentMouseDown);
+    };
+    this.onContextMenuDocumentMouseDown = (event) => {
+      if (!this.textContextMenu?.contains(event.target)) this.dismissTextContextMenu();
+    };
+    this.onContextMenu = (event) => {
+      const target = event.target;
+      if (!target?.closest('[data-dxw-item-kind="text"]')) return;
+      const caret = this.caretFromPoint(event.clientX, event.clientY);
+      if (!caret || this.regionOf(caret.t) === "hf" !== this.inHeaderFooter) return;
+      event.preventDefault();
+      event.stopPropagation();
+      this.dismissTextContextMenu();
+      if (!this.hasSelection()) {
+        this.caret = caret;
+        this.selectWordAt(caret);
+      }
+      const menu = document.createElement("div");
+      menu.dataset.dxwTextContextMenu = "1";
+      menu.setAttribute("role", "menu");
+      menu.style.cssText = `position:fixed;left:${event.clientX}px;top:${event.clientY}px;z-index:2147483647;min-width:210px;padding:5px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.2);font:13px system-ui,sans-serif;color:#202124;`;
+      const isApplePlatform = /Mac|iPhone|iPad/.test(navigator.platform);
+      const mod = isApplePlatform ? "\u2318" : "Ctrl+";
+      const item = (label, shortcut, disabled, action) => {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.disabled = disabled;
+        button.setAttribute("role", "menuitem");
+        button.style.cssText = `display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:5px;padding:7px 9px;background:transparent;color:${disabled ? "#9aa0a6" : "#202124"};cursor:${disabled ? "default" : "pointer"};`;
+        const name = document.createElement("span");
+        name.textContent = label;
+        const keys = document.createElement("span");
+        keys.textContent = shortcut;
+        keys.style.color = "#5f6368";
+        keys.style.fontSize = "11px";
+        button.append(name, keys);
+        button.addEventListener("mouseenter", () => {
+          if (!button.disabled) button.style.background = "#f1f3f4";
+        });
+        button.addEventListener("mouseleave", () => {
+          button.style.background = "transparent";
+        });
+        button.addEventListener("click", () => {
+          if (button.disabled) return;
+          this.dismissTextContextMenu();
+          action();
+        });
+        menu.appendChild(button);
+      };
+      const separator = () => {
+        const line2 = document.createElement("div");
+        line2.style.cssText = "height:1px;background:#e8eaed;margin:4px 2px;";
+        menu.appendChild(line2);
+      };
+      const selectedText = selectionTextLogical(this.host.doc, this.getSelectionSegments());
+      const clipboard = navigator.clipboard;
+      const copy = () => clipboard.writeText(selectedText);
+      item("Copy", `${mod}C`, !selectedText || !clipboard?.writeText, () => void copy());
+      item("Cut", `${mod}X`, !selectedText || !clipboard?.writeText, () => {
+        void copy().then(() => {
+          this.host.history?.checkpoint();
+          this.removeSelectedText();
+          this.commit();
+        });
+      });
+      item("Paste", `${mod}V`, !clipboard?.readText, () => {
+        void clipboard.readText().then((text) => {
+          if (text) this.insertText(text);
+        });
+      });
+      separator();
+      item("Bold", `${mod}B`, !selectedText, () => this.host.onFormatShortcut?.("bold"));
+      item("Italic", `${mod}I`, !selectedText, () => this.host.onFormatShortcut?.("italic"));
+      item("Underline", `${mod}U`, !selectedText, () => this.host.onFormatShortcut?.("underline"));
+      separator();
+      item("Link\u2026", `${mod}K`, !selectedText, () => this.host.onTextCommand?.("link"));
+      item("New comment\u2026", isApplePlatform ? "\u2318\u2325A" : "Ctrl+Alt+M", !selectedText, () => this.host.onTextCommand?.("comment"));
+      item("Bulleted list", `${mod}Shift+L`, false, () => this.host.onTextCommand?.("bullet"));
+      item("Numbered list", `${mod}Shift+7`, false, () => this.host.onTextCommand?.("number"));
+      separator();
+      item("Align left", `${mod}L`, false, () => this.host.onTextCommand?.("alignLeft"));
+      item("Center", `${mod}E`, false, () => this.host.onTextCommand?.("alignCenter"));
+      item("Align right", `${mod}R`, false, () => this.host.onTextCommand?.("alignRight"));
+      item("Justify", `${mod}J`, false, () => this.host.onTextCommand?.("justify"));
+      separator();
+      item("Select all", `${mod}A`, false, () => this.selectAll());
+      document.body.appendChild(menu);
+      const rect = menu.getBoundingClientRect();
+      menu.style.left = `${Math.max(6, Math.min(event.clientX, window.innerWidth - rect.width - 6))}px`;
+      menu.style.top = `${Math.max(6, Math.min(event.clientY, window.innerHeight - rect.height - 6))}px`;
+      this.textContextMenu = menu;
+      setTimeout(() => document.addEventListener("mousedown", this.onContextMenuDocumentMouseDown), 0);
+    };
     // ---------- keyboard ----------
     this.onKeyDown = (e) => {
       if (this.composing || e.isComposing || e.keyCode === 229) return;
@@ -22332,6 +23396,11 @@ var _DocxEditor = class _DocxEditor {
         this.pendingClickTypeCheckpoint = false;
         this.clickTypeCheckpointUntil = 0;
       }
+      if (this.textContextMenu) {
+        if (e.key === "Escape") e.preventDefault();
+        this.dismissTextContextMenu();
+        if (e.key === "Escape") return;
+      }
       if (e.key === "Escape" && this.drawingTool) {
         e.preventDefault();
         this.setDrawingTool(null);
@@ -22446,6 +23515,12 @@ var _DocxEditor = class _DocxEditor {
         }
       }
       const meta = e.metaKey || e.ctrlKey;
+      const isApplePlatform = /Mac|iPhone|iPad/.test(navigator.platform);
+      if (isApplePlatform ? e.metaKey && e.altKey && e.key.toLowerCase() === "a" : e.ctrlKey && e.altKey && e.key.toLowerCase() === "m") {
+        e.preventDefault();
+        if (this.hasSelection()) this.host.onTextCommand?.("comment");
+        return;
+      }
       if (meta && e.altKey && /^[0-6]$/.test(e.key)) {
         e.preventDefault();
         this.host.onStyleShortcut?.(e.key === "0" ? null : `Heading${e.key}`);
@@ -22465,6 +23540,28 @@ var _DocxEditor = class _DocxEditor {
           }
           return;
         }
+        if (!e.shiftKey && k === "k") {
+          e.preventDefault();
+          if (this.hasSelection()) this.host.onTextCommand?.("link");
+          return;
+        }
+        if (e.shiftKey && (k === "l" || k === "8")) {
+          e.preventDefault();
+          this.host.onTextCommand?.("bullet");
+          return;
+        }
+        if (e.shiftKey && k === "7") {
+          e.preventDefault();
+          this.host.onTextCommand?.("number");
+          return;
+        }
+        if (!e.shiftKey && (k === "l" || k === "e" || k === "r" || k === "j")) {
+          e.preventDefault();
+          this.host.onTextCommand?.(
+            k === "l" ? "alignLeft" : k === "e" ? "alignCenter" : k === "r" ? "alignRight" : "justify"
+          );
+          return;
+        }
         if (e.key.startsWith("Arrow")) {
           e.preventDefault();
           const extend = e.shiftKey;
@@ -23100,6 +24197,7 @@ var _DocxEditor = class _DocxEditor {
     c.addEventListener("copy", this.onCopy);
     c.addEventListener("cut", this.onCut);
     c.addEventListener("paste", this.onPaste);
+    c.addEventListener("contextmenu", this.onContextMenu);
     c.addEventListener("dragover", this.onDragOver);
     c.addEventListener("drop", this.onDrop);
     this.applyHfChrome();
@@ -23119,8 +24217,10 @@ var _DocxEditor = class _DocxEditor {
     c.removeEventListener("copy", this.onCopy);
     c.removeEventListener("cut", this.onCut);
     c.removeEventListener("paste", this.onPaste);
+    c.removeEventListener("contextmenu", this.onContextMenu);
     c.removeEventListener("dragover", this.onDragOver);
     c.removeEventListener("drop", this.onDrop);
+    this.dismissTextContextMenu();
     this.dismissSuggestionPopover();
     this.setDrawingTool(null);
     this.deselectInkGroup();
@@ -23990,23 +25090,73 @@ var _DocxEditor = class _DocxEditor {
     };
     extra("Alt", "Alternative text", () => {
       const cur = imageAltText(src);
-      const next = window.prompt("Alternative text", cur);
-      if (next === null) return;
-      this.host.history?.checkpoint();
-      if (setImageAltText(this.host.doc, src, next)) this.host.rerender();
-      this.deselectImage();
+      void requestTextInputDialog(this.host.container, {
+        title: "Alternative text",
+        label: "Describe this object for screen readers",
+        value: cur
+      }).then((next) => {
+        if (next === null) return;
+        this.host.history?.checkpoint();
+        if (setImageAltText(this.host.doc, src, next)) this.host.rerender();
+        this.deselectImage();
+      });
     });
     extra("Size", "Exact size (px)", () => {
       const curW = parseFloat(el16.style.width) || 0;
       const curH = parseFloat(el16.style.height) || 0;
       const cur = `${Math.round(curW)}x${Math.round(curH)}`;
-      const next = window.prompt("Size in px (width x height)", cur);
-      const m = next && /^\s*(\d+)\s*[x×]\s*(\d+)\s*$/i.exec(next);
-      if (!m) return;
-      this.host.history?.checkpoint();
-      if (resizeDrawing(this.host.doc, src, parseInt(m[1], 10), parseInt(m[2], 10))) this.host.rerender();
-      this.deselectImage();
+      void requestTextInputDialog(this.host.container, {
+        title: "Exact size",
+        label: "Width \xD7 height in pixels",
+        value: cur,
+        placeholder: "640 \xD7 360"
+      }).then((next) => {
+        const match = next && /^\s*(\d+)\s*[x×]\s*(\d+)\s*$/i.exec(next);
+        if (!match) return;
+        this.host.history?.checkpoint();
+        if (resizeDrawing(this.host.doc, src, parseInt(match[1], 10), parseInt(match[2], 10))) this.host.rerender();
+        this.deselectImage();
+      });
+    });
+    extra("Position", "Exact page position (px)", () => {
+      const curX = parseFloat(el16.style.left) || 0;
+      const curY = parseFloat(el16.style.top) || 0;
+      void requestTextInputDialog(this.host.container, {
+        title: "Page position",
+        label: "X, Y in pixels",
+        value: `${Math.round(curX)}, ${Math.round(curY)}`,
+        placeholder: "120, 80"
+      }).then((next) => {
+        const match = next && /^\s*(-?\d+(?:\.\d+)?)\s*,\s*(-?\d+(?:\.\d+)?)\s*$/.exec(next);
+        if (!match) return;
+        this.host.history?.checkpoint();
+        if (!isFloatingDrawing(src)) setImageWrap(this.host.doc, src, "square", { x: 0, y: 0 });
+        if (setFloatingPagePosition(this.host.doc, src, parseFloat(match[1]), parseFloat(match[2]))) {
+          this.host.rerender();
+          this.reselectImage(src);
+        }
+      });
     });
+    if (kind === "drawing") {
+      extra("Outline", "Outline color and weight", () => {
+        const style = drawingLineStyle(src);
+        if (!style) return;
+        void requestTextInputDialog(this.host.container, {
+          title: "Outline",
+          label: "Color and width in pixels",
+          value: `${style.color}, ${Number(style.width.toFixed(2))}`,
+          placeholder: "#1a73e8, 1.5"
+        }).then((next) => {
+          const match = next && /^\s*#?([0-9a-f]{6})\s*,\s*(\d+(?:\.\d+)?)\s*$/i.exec(next);
+          if (!match) return;
+          this.host.history?.checkpoint();
+          if (setDrawingLineStyle(this.host.doc, src, `#${match[1]}`, parseFloat(match[2]))) {
+            this.host.rerender();
+            this.reselectImage(src);
+          }
+        });
+      });
+    }
     if (kind === "drawing" && isDrawingWordArt(src)) {
       extra("Edit text", "Edit WordArt text", () => this.editDrawingWordArt(src));
     }
@@ -24160,13 +25310,17 @@ var _DocxEditor = class _DocxEditor {
     };
     button("Edit text", "Edit watermark text", () => {
       const cur = wordArtText(src);
-      const next = window.prompt("Watermark text", cur);
-      if (next === null || next === cur) return;
-      this.host.history?.checkpoint();
-      if (setWordArtText(this.host.doc, src, next)) {
-        this.host.rerender();
-        this.reselectWordArt(src);
-      }
+      void requestTextInputDialog(this.host.container, {
+        title: "Watermark text",
+        value: cur
+      }).then((next) => {
+        if (next === null || next === cur) return;
+        this.host.history?.checkpoint();
+        if (setWordArtText(this.host.doc, src, next)) {
+          this.host.rerender();
+          this.reselectWordArt(src);
+        }
+      });
     });
     const sep1 = document.createElement("span");
     sep1.style.cssText = "width:1px;background:#dadce0;margin:2px 2px;";
@@ -24178,15 +25332,20 @@ var _DocxEditor = class _DocxEditor {
     bar.appendChild(sep2);
     button("Rotate", "Set rotation (degrees)", () => {
       const cur = wordArtRotation(src);
-      const next = window.prompt("Rotation (degrees clockwise)", String(cur));
-      if (next === null) return;
-      const deg = parseFloat(next);
-      if (!Number.isFinite(deg)) return;
-      this.host.history?.checkpoint();
-      if (setWordArtRotation(this.host.doc, src, deg)) {
-        this.host.rerender();
-        this.reselectWordArt(src);
-      }
+      void requestTextInputDialog(this.host.container, {
+        title: "Watermark rotation",
+        label: "Degrees clockwise",
+        value: String(cur)
+      }).then((next) => {
+        if (next === null) return;
+        const degrees = parseFloat(next);
+        if (!Number.isFinite(degrees)) return;
+        this.host.history?.checkpoint();
+        if (setWordArtRotation(this.host.doc, src, degrees)) {
+          this.host.rerender();
+          this.reselectWordArt(src);
+        }
+      });
     });
     const sep3 = document.createElement("span");
     sep3.style.cssText = "width:1px;background:#dadce0;margin:2px 2px;";
@@ -25034,16 +26193,19 @@ var _DocxEditor = class _DocxEditor {
     };
     const split = this.splitParagraphCore();
     if (!split) return null;
-    const afterSources = [split.after];
+    const hasPageBreak = (element) => localName(element.name) === "br" && attr(element, "type") === "page" || element.children.some(hasPageBreak);
+    const insertBeforeTrailingBreak = hasPageBreak(split.after);
+    const afterSources = insertBeforeTrailingBreak ? [] : [split.after];
     const w = split.after.name.includes(":") ? split.after.name.slice(0, split.after.name.indexOf(":") + 1) : "";
     const templatePPr = split.after.children.find((child4) => localName(child4.name) === "pPr");
     const templateRun = split.after.children.find(
       (child4) => localName(child4.name) === "r" && child4.children.includes(this.caret.t)
     );
     const templateRPr = templateRun?.children.find((child4) => localName(child4.name) === "rPr");
-    let previous = split.after;
+    let previous = insertBeforeTrailingBreak ? split.before : split.after;
+    let caretSource = split.after;
     for (let i = 1; i < lineCount; i++) {
-      if (this.suggesting) markParagraphGlyph(previous, "ins", this.revMeta());
+      if (this.suggesting && previous !== split.before) markParagraphGlyph(previous, "ins", this.revMeta());
       const t = {
         name: this.caret.t.name,
         attrs: { ...this.caret.t.attrs, "xml:space": "preserve" },
@@ -25066,11 +26228,14 @@ var _DocxEditor = class _DocxEditor {
       parent.children.splice(previousIndex + 1, 0, paragraph2);
       afterSources.push(paragraph2);
       previous = paragraph2;
+      caretSource = paragraph2;
       this.caret = { t, run: caret.run, offset: 0 };
     }
+    if (insertBeforeTrailingBreak) afterSources.push(split.after);
     const reparsed = this.host.doc.reparseDirectBodyParagraphSplits(split.before, afterSources);
     if (reparsed) {
-      for (const child4 of reparsed[reparsed.length - 1].children) {
+      const caretParagraph = reparsed[afterSources.indexOf(caretSource) + 1];
+      for (const child4 of caretParagraph.children) {
         const runs = child4.type === "run" ? [child4] : child4.runs;
         const run = runs.find(
           (candidate) => candidate.content.some((content) => content.kind === "text" && content.srcT === this.caret.t)
@@ -27387,7 +28552,8 @@ function detectMissingFonts(layout) {
   for (const page of layout.pages) {
     for (const item of page.items) {
       if (item.kind !== "text" || !item.text.trim()) continue;
-      const primary = item.font.family.split(",")[0].trim().replace(/^"|"$/g, "");
+      const requested = item.font.family.split(",")[0].trim().replace(/^"|"$/g, "");
+      const primary = normalizeFamily(requested, item.font.bold, item.font.italic).family;
       if (!primary || GENERIC.has(primary.toLowerCase())) continue;
       const existing = samples.get(primary);
       if (!existing || !/[^-ɏ]/.test(existing) && /[^-ɏ]/.test(item.text)) {
@@ -27519,15 +28685,6 @@ var btnStyle = (active) => ({
   padding: "0 5px",
   color: T.fg
 });
-var selectStyle = {
-  height: 26,
-  border: "1px solid transparent",
-  background: "transparent",
-  borderRadius: 4,
-  fontSize: 13,
-  color: T.fg,
-  cursor: "pointer"
-};
 var PAGE_SIZES = [
   { value: "letter", label: "Letter", description: '8.5" \xD7 11"', width: 8.5, height: 11 },
   { value: "legal", label: "Legal", description: '8.5" \xD7 14"', width: 8.5, height: 14 },
@@ -27631,6 +28788,264 @@ function HighlightIcon({ color }) {
     /* @__PURE__ */ jsx("rect", { x: "2", y: "13.5", width: "12", height: "2.5", rx: "0.5", fill: color })
   ] });
 }
+function ToolbarMenuSelect({
+  value,
+  options,
+  onChange,
+  placeholder = "Choose\u2026",
+  title,
+  ariaLabel,
+  triggerAriaLabel,
+  width,
+  menuWidth,
+  className,
+  style
+}) {
+  const [open, setOpen] = useState(false);
+  const [position, setPosition] = useState({ left: 8, top: 8, width: menuWidth ?? 180, maxHeight: 320 });
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const menuRef = useRef(null);
+  const keyboardOpen = useRef(null);
+  const id = useId();
+  const selected = options.find((option) => option.value === value);
+  useLayoutEffect(() => {
+    if (!open) return;
+    const update = () => {
+      const trigger = triggerRef.current;
+      if (!trigger) return;
+      const rect = trigger.getBoundingClientRect();
+      const nextWidth = Math.min(
+        window.innerWidth - 16,
+        menuWidth ?? Math.max(rect.width, menuRef.current?.scrollWidth ?? 180)
+      );
+      const below = window.innerHeight - rect.bottom - 8;
+      const above = rect.top - 8;
+      const placeAbove = below < 140 && above > below;
+      const maxHeight = Math.max(96, Math.min(320, placeAbove ? above : below));
+      const shownHeight = Math.min(menuRef.current?.scrollHeight ?? maxHeight, maxHeight);
+      setPosition({
+        left: Math.max(8, Math.min(rect.left, window.innerWidth - nextWidth - 8)),
+        top: placeAbove ? Math.max(8, rect.top - shownHeight - 4) : rect.bottom + 4,
+        width: nextWidth,
+        maxHeight
+      });
+    };
+    update();
+    const frame = requestAnimationFrame(() => {
+      update();
+      if (!keyboardOpen.current) return;
+      const items = menuRef.current?.querySelectorAll('[role="option"]');
+      const item = keyboardOpen.current === "last" ? items?.[items.length - 1] : items?.[0];
+      item?.focus({ preventScroll: true });
+      keyboardOpen.current = null;
+    });
+    const close = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(false);
+    };
+    const keydown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+        requestAnimationFrame(() => triggerRef.current?.focus({ preventScroll: true }));
+      }
+    };
+    document.addEventListener("mousedown", close);
+    document.addEventListener("keydown", keydown);
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    return () => {
+      cancelAnimationFrame(frame);
+      document.removeEventListener("mousedown", close);
+      document.removeEventListener("keydown", keydown);
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+    };
+  }, [open, menuWidth]);
+  const pick = (next) => {
+    const option = options.find((item) => item.value === next);
+    if (!option || option.disabled) return;
+    onChange(next);
+    setOpen(false);
+  };
+  const onMenuKeyDown = (event) => {
+    const items = menuRef.current ? Array.from(menuRef.current.querySelectorAll('[role="option"]:not(:disabled)')) : [];
+    const current = items.indexOf(document.activeElement);
+    let next = current;
+    if (event.key === "ArrowDown") next = current < 0 ? 0 : (current + 1) % items.length;
+    else if (event.key === "ArrowUp") next = current < 0 ? items.length - 1 : (current - 1 + items.length) % items.length;
+    else if (event.key === "Home") next = 0;
+    else if (event.key === "End") next = items.length - 1;
+    else if ((event.key === "Enter" || event.key === " ") && current >= 0) {
+      event.preventDefault();
+      items[current].click();
+      return;
+    } else if (event.key === "Escape" || event.key === "Tab") {
+      event.preventDefault();
+      setOpen(false);
+      requestAnimationFrame(() => triggerRef.current?.focus({ preventScroll: true }));
+      return;
+    } else return;
+    event.preventDefault();
+    items[next]?.focus({ preventScroll: true });
+  };
+  let previousGroup;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref: rootRef,
+      className: `dxw-menu-select${className ? ` ${className}` : ""}`,
+      "data-dxw-menu-select": "",
+      style: { position: "relative", display: "inline-flex", width },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            tabIndex: -1,
+            title,
+            "aria-label": ariaLabel,
+            "aria-hidden": "true",
+            value,
+            onChange: (event) => pick(event.target.value),
+            "data-dxw-native-bridge": "",
+            style: {
+              position: "absolute",
+              width: 1,
+              height: 1,
+              inset: 0,
+              opacity: 0,
+              pointerEvents: "none"
+            },
+            children: [
+              !options.some((option) => option.value === value) && /* @__PURE__ */ jsx("option", { value: "", children: String(placeholder) }),
+              options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: String(option.label) }, option.value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: triggerRef,
+            type: "button",
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-controls": open ? id : void 0,
+            "aria-label": triggerAriaLabel,
+            "data-tip": title,
+            className: "dxw-menu-select-trigger",
+            "data-dxw-menu-select-trigger": "",
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => setOpen(!open),
+            onKeyDown: (event) => {
+              if (!open && (event.key === "Enter" || event.key === " " || event.key === "ArrowDown" || event.key === "ArrowUp")) {
+                event.preventDefault();
+                keyboardOpen.current = event.key === "ArrowUp" ? "last" : "first";
+                setOpen(true);
+              }
+            },
+            style: {
+              width: "100%",
+              minWidth: 0,
+              height: "var(--dxw-select-height, 26px)",
+              border: "1px solid var(--dxw-select-border, transparent)",
+              borderRadius: "var(--dxw-select-radius, 4px)",
+              background: "var(--dxw-select-bg, transparent)",
+              color: "var(--dxw-select-fg, var(--dxw-toolbar-fg, #3c4043))",
+              padding: "var(--dxw-select-padding, 0 6px)",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 6,
+              cursor: "pointer",
+              font: "var(--dxw-select-font, 13px system-ui, sans-serif)",
+              ...style
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontFamily: selected?.fontFamily }, children: selected?.label ?? placeholder }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "dxw-menu-select-chevron", style: { flexShrink: 0, fontSize: 10 }, children: "\u2304" })
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: menuRef,
+            id,
+            role: "listbox",
+            "aria-label": ariaLabel ?? title,
+            className: "dxw-menu-select-menu",
+            "data-dxw-menu-select-menu": "",
+            onMouseDown: (event) => event.preventDefault(),
+            onKeyDown: onMenuKeyDown,
+            style: {
+              position: "fixed",
+              left: position.left,
+              top: position.top,
+              zIndex: "var(--dxw-toolbar-z-index, 100)",
+              width: position.width,
+              maxHeight: `min(var(--dxw-select-menu-max-height, 320px), ${position.maxHeight}px)`,
+              overflowY: "auto",
+              overscrollBehavior: "contain",
+              boxSizing: "border-box",
+              padding: "var(--dxw-select-menu-padding, 5px)",
+              border: "1px solid var(--dxw-select-menu-border, var(--dxw-toolbar-border, #dadce0))",
+              borderRadius: "var(--dxw-select-menu-radius, 8px)",
+              background: "var(--dxw-select-menu-bg, var(--dxw-popover-bg, #fff))",
+              boxShadow: "var(--dxw-select-menu-shadow, var(--dxw-popover-shadow, 0 4px 16px rgba(0,0,0,.15)))"
+            },
+            children: options.map((option) => {
+              const groupChanged = option.group !== previousGroup;
+              previousGroup = option.group;
+              const active = option.value === value;
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                groupChanged && option.group && /* @__PURE__ */ jsx("div", { className: "dxw-menu-select-group", style: { padding: "6px 8px 3px", color: T.muted, font: "600 10.5px system-ui, sans-serif" }, children: option.group }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": active,
+                    disabled: option.disabled,
+                    tabIndex: -1,
+                    className: "dxw-menu-select-option",
+                    "data-dxw-menu-select-option": option.value,
+                    onMouseDown: (event) => event.preventDefault(),
+                    onClick: () => pick(option.value),
+                    style: {
+                      width: "100%",
+                      minHeight: 30,
+                      border: 0,
+                      borderRadius: 6,
+                      padding: "5px 8px",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8,
+                      background: active ? T.activeBg : "transparent",
+                      color: option.disabled ? T.muted : T.fg,
+                      textAlign: "left",
+                      cursor: option.disabled ? "default" : "pointer",
+                      font: "13px system-ui, sans-serif",
+                      fontFamily: option.fontFamily
+                    },
+                    onMouseEnter: (event) => {
+                      if (!active && !option.disabled) event.currentTarget.style.background = T.hoverBg;
+                    },
+                    onMouseLeave: (event) => {
+                      if (!active) event.currentTarget.style.background = "transparent";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: option.label }),
+                      active && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { color: T.accent, fontWeight: 700 }, children: "\u2713" })
+                    ]
+                  }
+                )
+              ] }, option.value);
+            })
+          }
+        )
+      ]
+    }
+  );
+}
 function ActionMenu({
   label,
   title,
@@ -27638,22 +29053,21 @@ function ActionMenu({
   onPick,
   width
 }) {
-  return /* @__PURE__ */ jsxs(
-    "select",
+  return /* @__PURE__ */ jsx(
+    ToolbarMenuSelect,
     {
       title,
+      triggerAriaLabel: title,
       value: "",
-      onMouseDown: (e) => e.stopPropagation(),
-      onChange: (e) => {
-        if (e.target.value) onPick(e.target.value);
-      },
-      style: { ...selectStyle, width },
-      children: [
-        /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: label }),
-        groups.map(
-          (g, i) => g.label ? /* @__PURE__ */ jsx("optgroup", { label: g.label, children: g.items.map(([v, t]) => /* @__PURE__ */ jsx("option", { value: v, children: t }, v)) }, i) : g.items.map(([v, t]) => /* @__PURE__ */ jsx("option", { value: v, children: t }, v))
-        )
-      ]
+      placeholder: label,
+      width,
+      menuWidth: Math.max(width ?? 0, 190),
+      options: groups.flatMap((group) => group.items.map(([value, text]) => ({
+        value,
+        label: text,
+        group: group.label
+      }))),
+      onChange: onPick
     }
   );
 }
@@ -27733,6 +29147,183 @@ function HighlightMenu({ current, onPick }) {
     )
   ] });
 }
+var COLOR_SWATCHES = [
+  "#000000",
+  "#434343",
+  "#666666",
+  "#999999",
+  "#b7b7b7",
+  "#cccccc",
+  "#d9d9d9",
+  "#ffffff",
+  "#980000",
+  "#ff0000",
+  "#ff9900",
+  "#ffff00",
+  "#00ff00",
+  "#00ffff",
+  "#4a86e8",
+  "#0000ff",
+  "#9900ff",
+  "#ff00ff",
+  "#e6b8af",
+  "#f4cccc",
+  "#fce5cd",
+  "#fff2cc",
+  "#d9ead3",
+  "#d0e0e3",
+  "#c9daf8",
+  "#cfe2f3",
+  "#d9d2e9",
+  "#ead1dc",
+  "#a61c00",
+  "#cc0000",
+  "#e69138",
+  "#6aa84f"
+];
+function normalizedColor(value) {
+  const match = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(value.trim());
+  if (!match) return null;
+  const digits = match[1].length === 3 ? match[1].split("").map((digit) => digit + digit).join("") : match[1];
+  return `#${digits.toLowerCase()}`;
+}
+function ColorMenu({
+  current,
+  title,
+  trigger,
+  onPick
+}) {
+  const [open, setOpen] = useState(false);
+  const [custom, setCustom] = useState(current);
+  const [position, setPosition] = useState({ left: 8, top: 8 });
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const menuRef = useRef(null);
+  const valid = normalizedColor(custom);
+  useLayoutEffect(() => {
+    if (!open) return;
+    setCustom(current);
+    const update = () => {
+      const rect = triggerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const width = Math.min(236, window.innerWidth - 16);
+      const menuHeight = menuRef.current?.offsetHeight ?? 188;
+      const top = window.innerHeight - rect.bottom >= menuHeight + 8 ? rect.bottom + 4 : Math.max(8, rect.top - menuHeight - 4);
+      setPosition({ left: Math.max(8, Math.min(rect.left, window.innerWidth - width - 8)), top });
+    };
+    update();
+    const frame = requestAnimationFrame(update);
+    const close = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(false);
+    };
+    const keydown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+        requestAnimationFrame(() => triggerRef.current?.focus({ preventScroll: true }));
+      }
+    };
+    document.addEventListener("mousedown", close);
+    document.addEventListener("keydown", keydown);
+    window.addEventListener("resize", update);
+    window.addEventListener("scroll", update, true);
+    return () => {
+      cancelAnimationFrame(frame);
+      document.removeEventListener("mousedown", close);
+      document.removeEventListener("keydown", keydown);
+      window.removeEventListener("resize", update);
+      window.removeEventListener("scroll", update, true);
+    };
+  }, [open, current]);
+  const pick = (value) => {
+    onPick(value);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("span", { ref: rootRef, className: "dxw-color-control", style: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        title,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        className: "dxw-color-trigger",
+        "data-dxw-color-trigger": "",
+        style: { ...btnStyle(open), display: "inline-flex", alignItems: "center", gap: 5 },
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => setOpen(!open),
+        children: trigger
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        role: "dialog",
+        "aria-label": title,
+        className: "dxw-color-menu",
+        "data-dxw-color-menu": "",
+        onMouseDown: (event) => event.stopPropagation(),
+        style: {
+          position: "fixed",
+          left: position.left,
+          top: position.top,
+          zIndex: "var(--dxw-toolbar-z-index, 100)",
+          width: "min(var(--dxw-color-menu-width, 236px), calc(100vw - 16px))",
+          boxSizing: "border-box",
+          padding: 8,
+          border: `1px solid ${T.border}`,
+          borderRadius: 8,
+          background: T.popoverBg,
+          boxShadow: T.popoverShadow
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "dxw-color-swatches", style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: COLOR_SWATCHES.map((color) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: color,
+              "aria-label": `Choose ${color}`,
+              className: "dxw-color-swatch",
+              "data-dxw-color": color,
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => pick(color),
+              style: {
+                width: 23,
+                height: 23,
+                padding: 0,
+                borderRadius: 4,
+                cursor: "pointer",
+                border: color.toLowerCase() === current.toLowerCase() ? `2px solid ${T.accent}` : `1px solid ${T.border}`,
+                background: color
+              }
+            },
+            color
+          )) }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 8 }, children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { width: 24, height: 24, borderRadius: 4, border: `1px solid ${T.border}`, background: valid ?? current, flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                "aria-label": "Custom hex color",
+                className: "dxw-color-value",
+                value: custom,
+                onChange: (event) => setCustom(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" && valid) pick(valid);
+                },
+                spellCheck: false,
+                placeholder: "#1a73e8",
+                style: { minWidth: 0, flex: 1, height: 28, boxSizing: "border-box", border: `1px solid ${T.border}`, borderRadius: 5, padding: "3px 6px", color: T.fg, background: T.popoverBg }
+              }
+            ),
+            /* @__PURE__ */ jsx("button", { type: "button", disabled: !valid, onClick: () => valid && pick(valid), style: pillBtn, children: "Apply" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function BulletListIcon() {
   return /* @__PURE__ */ jsxs("svg", { style: icon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
     /* @__PURE__ */ jsx("circle", { cx: "3", cy: "4", r: "1.1", fill: "currentColor", stroke: "none" }),
@@ -28095,7 +29686,18 @@ function CrossReferenceMenu({ api }) {
   return /* @__PURE__ */ jsxs("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx("button", { title: "Insert cross-reference", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: "Cross-reference" }),
     open && /* @__PURE__ */ jsx("div", { style: { position: "absolute", top: 28, left: 0, zIndex: 100, width: 260, padding: 10, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: bookmarks.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: T.muted, fontSize: 12 }, children: "Add a bookmark first, then reference its text or page." }) : /* @__PURE__ */ jsxs(Fragment2, { children: [
-      /* @__PURE__ */ jsx("select", { value: selected, onChange: (event) => setBookmark(event.target.value), style: { ...selectStyle, width: "100%", borderColor: T.border }, children: bookmarks.map((name) => /* @__PURE__ */ jsx("option", { value: name, children: name }, name)) }),
+      /* @__PURE__ */ jsx(
+        ToolbarMenuSelect,
+        {
+          value: selected,
+          ariaLabel: "Bookmark to reference",
+          width: "100%",
+          menuWidth: 240,
+          options: bookmarks.map((name) => ({ value: name, label: name })),
+          onChange: setBookmark,
+          style: { borderColor: T.border }
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 6, marginTop: 8 }, children: [
         /* @__PURE__ */ jsx("button", { style: { ...pillBtn, background: T.popoverBg, color: T.fg }, onClick: () => insert("page"), children: "Page number" }),
         /* @__PURE__ */ jsx("button", { style: pillBtn, onClick: () => insert("text"), children: "Bookmark text" })
@@ -28202,6 +29804,7 @@ function SymbolMenu({ api }) {
   ] });
 }
 var SHAPES = [
+  ["line", "Line", "\u2015"],
   ["rectangle", "Rectangle", "\u25AD"],
   ["roundedRectangle", "Rounded rectangle", "\u25A2"],
   ["ellipse", "Ellipse", "\u25EF"],
@@ -28373,12 +29976,23 @@ function ChartMenu({ api }) {
   return /* @__PURE__ */ jsxs("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx("button", { title: "Insert or edit chart", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: "Chart" }),
     open && /* @__PURE__ */ jsxs("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 320, padding: 10, display: "grid", gap: 7, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
-      /* @__PURE__ */ jsxs("select", { "aria-label": "Chart type", value: type, onChange: (event) => setType(event.target.value), style: fieldStyle, children: [
-        /* @__PURE__ */ jsx("option", { value: "column", children: "Column" }),
-        /* @__PURE__ */ jsx("option", { value: "bar", children: "Bar" }),
-        /* @__PURE__ */ jsx("option", { value: "line", children: "Line" }),
-        /* @__PURE__ */ jsx("option", { value: "pie", children: "Pie" })
-      ] }),
+      /* @__PURE__ */ jsx(
+        ToolbarMenuSelect,
+        {
+          value: type,
+          ariaLabel: "Chart type",
+          width: "100%",
+          menuWidth: 300,
+          options: [
+            { value: "column", label: "Column" },
+            { value: "bar", label: "Bar" },
+            { value: "line", label: "Line" },
+            { value: "pie", label: "Pie" }
+          ],
+          onChange: (value) => setType(value),
+          style: fieldStyle
+        }
+      ),
       /* @__PURE__ */ jsx("input", { "aria-label": "Chart title", value: title, onChange: (event) => setTitle(event.target.value), placeholder: "Chart title", style: fieldStyle }),
       /* @__PURE__ */ jsx("input", { "aria-label": "Chart categories", value: categories, onChange: (event) => setCategories(event.target.value), placeholder: "Q1, Q2, Q3, Q4", style: fieldStyle }),
       /* @__PURE__ */ jsx("textarea", { "aria-label": "Chart series", rows: 3, value: series, onChange: (event) => setSeries(event.target.value), style: { ...fieldStyle, resize: "vertical" } }),
@@ -28411,12 +30025,23 @@ function SmartArtMenu({ api }) {
   return /* @__PURE__ */ jsxs("span", { ref: rootRef, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ jsx("button", { title: "Insert or edit SmartArt", style: btnStyle(open), onMouseDown: (event) => event.preventDefault(), onClick: () => setOpen(!open), children: "SmartArt" }),
     open && /* @__PURE__ */ jsxs("div", { style: { position: "absolute", top: 28, right: 0, zIndex: 100, width: 280, padding: 10, display: "grid", gap: 7, background: T.popoverBg, border: `1px solid ${T.border}`, borderRadius: 8, boxShadow: T.popoverShadow }, children: [
-      /* @__PURE__ */ jsxs("select", { "aria-label": "SmartArt layout", value: layout, onChange: (event) => setLayout(event.target.value), style: fieldStyle, children: [
-        /* @__PURE__ */ jsx("option", { value: "process", children: "Process" }),
-        /* @__PURE__ */ jsx("option", { value: "cycle", children: "Cycle" }),
-        /* @__PURE__ */ jsx("option", { value: "hierarchy", children: "Hierarchy" }),
-        /* @__PURE__ */ jsx("option", { value: "list", children: "List" })
-      ] }),
+      /* @__PURE__ */ jsx(
+        ToolbarMenuSelect,
+        {
+          value: layout,
+          ariaLabel: "SmartArt layout",
+          width: "100%",
+          menuWidth: 260,
+          options: [
+            { value: "process", label: "Process" },
+            { value: "cycle", label: "Cycle" },
+            { value: "hierarchy", label: "Hierarchy" },
+            { value: "list", label: "List" }
+          ],
+          onChange: (value) => setLayout(value),
+          style: fieldStyle
+        }
+      ),
       /* @__PURE__ */ jsx("textarea", { "aria-label": "SmartArt items", rows: 5, value: items, onChange: (event) => setItems(event.target.value), style: { ...fieldStyle, resize: "vertical" } }),
       /* @__PURE__ */ jsx("div", { style: { color: T.muted, font: "11.5px system-ui, sans-serif" }, children: "One diagram item per line." }),
       /* @__PURE__ */ jsx("button", { disabled: !items.trim(), onClick: submit, style: { border: 0, borderRadius: 6, padding: "7px 10px", background: items.trim() ? T.accent : T.border, color: T.accentFg, cursor: items.trim() ? "pointer" : "default", font: "600 12px system-ui, sans-serif" }, children: "Insert or update SmartArt" })
@@ -28474,19 +30099,18 @@ function DrawTab({ api }) {
     /* @__PURE__ */ jsx(Btn, { label: "Eraser", title: "Stroke eraser", active: active === "eraser", onClick: () => api?.setDrawingTool({ kind: "eraser", size: 14 }) }),
     /* @__PURE__ */ jsx(Btn, { label: "Lasso", title: "Lasso ink", active: active === "lasso", onClick: () => api?.setDrawingTool({ kind: "lasso" }) }),
     /* @__PURE__ */ jsx(Sep, {}),
-    /* @__PURE__ */ jsxs("label", { title: "Pen color", style: { display: "inline-flex", alignItems: "center", gap: 5, color: T.fg, font: "12px system-ui, sans-serif" }, children: [
-      "Color",
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          "aria-label": "Pen color",
-          type: "color",
-          value: color,
-          onChange: (event) => activate(active === "highlighter" ? "highlighter" : "pen", event.target.value, width),
-          style: { width: 28, height: 24, padding: 1, border: `1px solid ${T.border}`, borderRadius: 4, background: "transparent" }
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx(
+      ColorMenu,
+      {
+        current: color,
+        title: "Pen color",
+        trigger: /* @__PURE__ */ jsxs(Fragment2, { children: [
+          /* @__PURE__ */ jsx("span", { style: { font: "12px system-ui, sans-serif" }, children: "Color" }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { width: 18, height: 18, borderRadius: 4, border: `1px solid ${T.border}`, background: color } })
+        ] }),
+        onPick: (value) => activate(active === "highlighter" ? "highlighter" : "pen", value, width)
+      }
+    ),
     /* @__PURE__ */ jsx(
       ActionMenu,
       {
@@ -29064,9 +30688,8 @@ function MarginMenu({
       "input",
       {
         "aria-label": `${label} margin (inches)`,
-        type: "number",
-        min: "0",
-        step: "0.01",
+        type: "text",
+        inputMode: "decimal",
         required: true,
         autoFocus: side === "top",
         value: values[side],
@@ -29191,9 +30814,8 @@ function PageSizeMenu({
       "input",
       {
         "aria-label": `Page ${side} (inches)`,
-        type: "number",
-        min: "0.01",
-        step: "0.01",
+        type: "text",
+        inputMode: "decimal",
         required: true,
         autoFocus: side === "width",
         value: values[side],
@@ -29291,19 +30913,20 @@ function LayoutTab({ api, showArrange }) {
       "data-dxw-layout-ribbon": "",
       style: { display: "flex", flex: "1 1 640px", minWidth: 0, alignItems: "center", flexWrap: "wrap", gap: 2 },
       children: [
-        /* @__PURE__ */ jsxs(
-          "select",
+        /* @__PURE__ */ jsx(
+          ToolbarMenuSelect,
           {
             title: "Apply layout changes to",
-            "aria-label": "Apply layout changes to",
+            ariaLabel: "Apply layout changes to",
             value: scope,
-            onMouseDown: (e) => e.stopPropagation(),
-            onChange: (e) => setScope(e.target.value),
-            style: { ...selectStyle, width: 118, maxWidth: "100%" },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "document", children: "Whole document" }),
-              /* @__PURE__ */ jsx("option", { value: "section", children: "This section" })
-            ]
+            width: 118,
+            menuWidth: 170,
+            options: [
+              { value: "document", label: "Whole document" },
+              { value: "section", label: "This section" }
+            ],
+            onChange: (value) => setScope(value),
+            style: { maxWidth: "100%" }
           }
         ),
         /* @__PURE__ */ jsx(Sep, {}),
@@ -29530,42 +31153,44 @@ function DocxToolbar({
     if (on("styles"))
       groups.push({
         key: "styles",
-        node: /* @__PURE__ */ jsxs(
-          "select",
+        node: /* @__PURE__ */ jsx(
+          ToolbarMenuSelect,
           {
             title: "Paragraph style",
             value: curStyle ?? "__normal",
-            onMouseDown: (e) => e.stopPropagation(),
-            onChange: (e) => {
-              if (e.target.value) {
-                api?.setParagraphStyle(e.target.value === "__normal" ? null : e.target.value);
+            width: 92,
+            menuWidth: 190,
+            options: [
+              { value: "__normal", label: "Normal" },
+              ...(api?.listParagraphStyles() ?? []).filter((style2) => !/^normal$/i.test(style2.name)).map((style2) => ({ value: style2.id, label: style2.name })),
+              ...curStyle !== null && !(api?.listParagraphStyles() ?? []).some((style2) => style2.id === curStyle) ? [{ value: curStyle, label: api?.document.styles.byId.get(curStyle)?.name ?? curStyle }] : []
+            ],
+            onChange: (value) => {
+              if (value) {
+                api?.setParagraphStyle(value === "__normal" ? null : value);
                 setCurStyle(api?.getParagraphStyleId?.() ?? null);
               }
-            },
-            style: { ...selectStyle, width: 92 },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "__normal", children: "Normal" }),
-              (api?.listParagraphStyles() ?? []).filter((s) => !/^normal$/i.test(s.name)).map((s) => /* @__PURE__ */ jsx("option", { value: s.id, children: s.name }, s.id)),
-              curStyle !== null && !(api?.listParagraphStyles() ?? []).some((s) => s.id === curStyle) && /* @__PURE__ */ jsx("option", { value: curStyle, children: api?.document.styles.byId.get(curStyle)?.name ?? curStyle })
-            ]
+            }
           }
         )
       });
     if (on("font"))
       groups.push({
         key: "font",
-        node: /* @__PURE__ */ jsxs(
-          "select",
+        node: /* @__PURE__ */ jsx(
+          ToolbarMenuSelect,
           {
             title: "Font",
             value: fmt?.fontFamily ?? "",
-            onMouseDown: (e) => e.stopPropagation(),
-            onChange: (e) => e.target.value && apply({ fontFamily: e.target.value }),
-            style: { ...selectStyle, width: 130 },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Font" }),
-              (fmt?.fontFamily && !detectFonts().includes(fmt.fontFamily) ? [fmt.fontFamily, ...detectFonts()] : detectFonts()).map((f) => /* @__PURE__ */ jsx("option", { value: f, style: { fontFamily: f }, children: f }, f))
-            ]
+            placeholder: "Font",
+            width: 130,
+            menuWidth: 210,
+            options: (fmt?.fontFamily && !detectFonts().includes(fmt.fontFamily) ? [fmt.fontFamily, ...detectFonts()] : detectFonts()).map((font) => ({
+              value: font,
+              label: font,
+              fontFamily: font
+            })),
+            onChange: (value) => value && apply({ fontFamily: value })
           }
         )
       });
@@ -29573,18 +31198,16 @@ function DocxToolbar({
       groups.push({
         key: "size",
         node: /* @__PURE__ */ jsxs(Fragment2, { children: [
-          /* @__PURE__ */ jsxs(
-            "select",
+          /* @__PURE__ */ jsx(
+            ToolbarMenuSelect,
             {
               title: "Font size",
-              value: fmt?.fontSizePt ?? "",
-              onMouseDown: (e) => e.stopPropagation(),
-              onChange: (e) => e.target.value && apply({ fontSizePt: parseFloat(e.target.value) }),
-              style: { ...selectStyle, width: 58 },
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Size" }),
-                SIZES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: s }, s))
-              ]
+              value: fmt?.fontSizePt === void 0 ? "" : String(fmt.fontSizePt),
+              placeholder: "Size",
+              width: 58,
+              menuWidth: 92,
+              options: SIZES.map((size) => ({ value: String(size), label: String(size) })),
+              onChange: (value) => value && apply({ fontSizePt: parseFloat(value) })
             }
           ),
           /* @__PURE__ */ jsx(Sep, {})
@@ -29641,19 +31264,15 @@ function DocxToolbar({
     if (on("color"))
       groups.push({
         key: "color",
-        node: /* @__PURE__ */ jsxs("label", { title: "Text color", style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx("span", { style: { fontSize: 13, borderBottom: `3px solid ${fmt?.color && fmt.color !== "auto" ? fmt.color : "#000"}`, padding: "0 3px", color: T.fg }, children: "A" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "color",
-              value: fmt?.color && fmt.color !== "auto" ? fmt.color : "#000000",
-              onMouseDown: (e) => e.stopPropagation(),
-              onChange: (e) => apply({ color: e.target.value }),
-              style: { width: 0, height: 0, opacity: 0, border: "none", padding: 0 }
-            }
-          )
-        ] })
+        node: /* @__PURE__ */ jsx(
+          ColorMenu,
+          {
+            current: fmt?.color && fmt.color !== "auto" ? fmt.color : "#000000",
+            title: "Text color",
+            trigger: /* @__PURE__ */ jsx("span", { style: { fontSize: 13, borderBottom: `3px solid ${fmt?.color && fmt.color !== "auto" ? fmt.color : "#000"}`, padding: "0 3px", color: T.fg }, children: "A" }),
+            onPick: (value) => apply({ color: value })
+          }
+        )
       });
     if (on("highlight"))
       groups.push({
@@ -30325,20 +31944,25 @@ function DocxView({
             "Calibri",
             "Calibri Light",
             "Tahoma",
-            "Franklin Gothic Medium",
-            // Complex-script faces gate layout too (advances must be real
-            // before line breaking): Mangal (Devanagari), Latha (Tamil),
-            // Noto Sans Lao Looped (Lao — bundled OFL webfont).
-            "Mangal",
-            "Latha",
-            "Noto Sans Lao Looped"
+            "Franklin Gothic Medium"
           ];
           for (const fam of latin) {
             for (const variant of ["", "italic ", "bold ", "bold italic "]) {
               loads.push(document.fonts.load(`${variant}16px "${fam}"`).catch(() => []));
             }
           }
+          const complex = [
+            ["Mangal", "\u0905"],
+            ["Latha", "\u0B85"],
+            ["Noto Sans Lao Looped", "\u0E81"]
+          ];
+          for (const [fam, sample] of complex) {
+            for (const variant of ["", "bold "]) {
+              loads.push(document.fonts.load(`${variant}16px "${fam}"`, sample).catch(() => []));
+            }
+          }
           loads.push(document.fonts.load('16px "Cambria Math"').catch(() => []));
+          loads.push(document.fonts.load('16px "Segoe UI Emoji"', "\u{1F680}").catch(() => []));
           const cjk = [
             "MS Mincho",
             "MS Gothic",
@@ -30353,7 +31977,7 @@ function DocxView({
           ];
           for (const fam of cjk) {
             for (const variant of ["", "bold "]) {
-              loads.push(document.fonts.load(`${variant}16px "${fam}"`).catch(() => []));
+              loads.push(document.fonts.load(`${variant}16px "${fam}"`, "A\u6F22").catch(() => []));
             }
           }
           await Promise.all(loads);
@@ -30400,7 +32024,39 @@ function DocxView({
             else if (formatted.length > 0) editor?.selectRanges(formatted);
             document.dispatchEvent(new CustomEvent("dxw-selection"));
           },
-          onStyleShortcut: (styleId) => applyStyleShortcut?.(styleId)
+          onStyleShortcut: (styleId) => applyStyleShortcut?.(styleId),
+          onTextCommand: (command) => {
+            const current = apiRef.current;
+            if (!current) return;
+            if (command === "link") {
+              const anchor = containerRef.current;
+              if (!anchor) return;
+              void requestTextInputDialog(anchor, {
+                title: "Link address",
+                label: "URL",
+                value: current.getLinkAt() ?? "https://"
+              }).then((next) => {
+                if (next !== null) current.setLink(next.trim() || null);
+              });
+            } else if (command === "comment") {
+              const anchor = containerRef.current;
+              if (!anchor) return;
+              void requestTextInputDialog(anchor, {
+                title: "New comment",
+                label: "Comment",
+                submitLabel: "Comment",
+                multiline: true
+              }).then((text) => {
+                if (text?.trim()) current.addComment(text.trim());
+              });
+            } else if (command === "bullet" || command === "number") {
+              current.toggleList(command);
+            } else {
+              current.setAlignment(
+                command === "alignLeft" ? "left" : command === "alignCenter" ? "center" : command === "alignRight" ? "right" : "justify"
+              );
+            }
+          }
         };
         editor = new DocxEditor(editorConfig);
         editor.attach();
@@ -31019,7 +32675,8 @@ function DocxView({
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { font: "600 11.5px system-ui, sans-serif", color: "#5f6368", padding: "0 4px" }, children: "Header & footer" }),
+          /* @__PURE__ */ jsx2("span", { style: { font: "600 11.5px system-ui, sans-serif", color: "#5f6368", padding: "0 4px" }, children: "Header & footer \xB7 repeats on pages" }),
+          hotBtn("Line", "Insert a reusable line in the repeating page layer", () => apiRef.current?.insertShape("line")),
           hotBtn("Page number", "Insert a dynamic page number at the caret", () => apiRef.current?.insertPageNumber("page")),
           hotBtn("Page X of Y", "Insert 'Page X of Y' at the caret", () => apiRef.current?.insertPageNumber("pageOfTotal")),
           hotBtn("Close", "Return to the document body", () => {
@@ -31035,6 +32692,7 @@ export {
   DocxDocument,
   DocxToolbar,
   DocxView,
+  ToolbarMenuSelect,
   layoutDocument,
   printPages,
   renderToDom