hwpkit-dev 0.0.1 → 0.0.2

package/dist/index.mjs

@@ -43,6 +43,25 @@ var A4 = {
   mr: 70.87,
   orient: "portrait"
 };
+var A4_LANDSCAPE = {
+  wPt: 841.89,
+  hPt: 595.28,
+  mt: 56.69,
+  mb: 56.69,
+  ml: 70.87,
+  mr: 70.87,
+  orient: "landscape"
+};
+function normalizeDims(dims) {
+  const orient = dims.orient ?? "portrait";
+  if (orient === "landscape" && dims.wPt < dims.hPt) {
+    return { ...dims, wPt: dims.hPt, hPt: dims.wPt };
+  }
+  if (orient === "portrait" && dims.wPt > dims.hPt) {
+    return { ...dims, wPt: dims.hPt, hPt: dims.wPt };
+  }
+  return dims;
+}
 var DEFAULT_STROKE = { kind: "solid", pt: 0.5, color: "000000" };
 
 // src/model/builders.ts
@@ -58,6 +77,12 @@ function buildSheet(kids = [], dims = A4, opts) {
 function buildPageNum(format) {
   return { tag: "pagenum", format };
 }
+function buildBr() {
+  return { tag: "br" };
+}
+function buildPb() {
+  return { tag: "pb" };
+}
 function buildPara(kids = [], props = {}) {
   return { tag: "para", props, kids };
 }
@@ -65,14 +90,19 @@ function buildSpan(content, props = {}) {
   const txt = { tag: "txt", content };
   return { tag: "span", props, kids: [txt] };
 }
-function buildImg(b64, mime, w, h, alt) {
-  return { tag: "img", b64, mime, w, h, alt };
+function buildImg(b64, mime, w, h, alt, layout) {
+  const node = { tag: "img", b64, mime, w, h };
+  if (alt) node.alt = alt;
+  if (layout) node.layout = layout;
+  return node;
 }
 function buildGrid(kids, props = {}) {
   return { tag: "grid", props, kids };
 }
-function buildRow(kids) {
-  return { tag: "row", kids };
+function buildRow(kids, heightPt) {
+  const node = { tag: "row", kids };
+  if (heightPt != null) node.heightPt = heightPt;
+  return node;
 }
 function buildCell(kids, opts = {}) {
   return { tag: "cell", cs: opts.cs ?? 1, rs: opts.rs ?? 1, props: opts.props ?? {}, kids };
@@ -202,7 +232,7 @@ var ALIGN_MAP = {
   end: "right"
 };
 function safeAlign(raw) {
-  return ALIGN_MAP[raw ?? ""] ?? "justify";
+  return ALIGN_MAP[raw ?? ""] ?? "left";
 }
 var HWPX_STROKE = {
   SOLID: "solid",
@@ -683,7 +713,36 @@ function extractParaPrs(headObj) {
       if (id < 0) continue;
       const alignNode = pp?.["hh:align"]?.[0]?._attr ?? pp?.["hh:ALIGN"]?.[0]?._attr;
       const align = alignNode?.horizontal ?? alignNode?.Horizontal;
-      map.set(id, { align });
+      let marginEl = pp?.["hh:margin"]?.[0] ?? null;
+      let lineSpEl = pp?.["hh:lineSpacing"]?.[0] ?? null;
+      if (!marginEl) {
+        const sw = pp?.["hp:switch"]?.[0];
+        const container = sw?.["hp:default"]?.[0] ?? sw?.["hp:case"]?.[0];
+        marginEl = container?.["hh:margin"]?.[0] ?? null;
+        lineSpEl = lineSpEl ?? container?.["hh:lineSpacing"]?.[0] ?? null;
+      }
+      let indentPt;
+      let spaceBefore;
+      let spaceAfter;
+      let lineHeight;
+      if (marginEl) {
+        const intentEl = marginEl?.["hc:intent"]?.[0] ?? marginEl?.["hc:indent"]?.[0];
+        const prevEl = marginEl?.["hc:prev"]?.[0];
+        const nextEl = marginEl?.["hc:next"]?.[0];
+        const intentVal = Number(intentEl?._attr?.value ?? 0);
+        const prevVal = Number(prevEl?._attr?.value ?? 0);
+        const nextVal = Number(nextEl?._attr?.value ?? 0);
+        if (intentVal !== 0) indentPt = Metric.hwpToPt(intentVal);
+        if (prevVal > 0) spaceBefore = Metric.hwpToPt(prevVal);
+        if (nextVal > 0) spaceAfter = Metric.hwpToPt(nextVal);
+      }
+      if (lineSpEl) {
+        const lsAttr = lineSpEl._attr ?? {};
+        const lsType = lsAttr.type ?? "PERCENT";
+        const lsVal = Number(lsAttr.value ?? 160);
+        if (lsType === "PERCENT" && lsVal > 0) lineHeight = lsVal / 100;
+      }
+      map.set(id, { align, indentPt, spaceBefore, spaceAfter, lineHeight });
     }
   } catch {
   }
@@ -806,6 +865,12 @@ function decodePara(p, ctx) {
   }
   const inlineAttr = inlineParaPr?._attr ?? {};
   const props = { align: safeAlign(align) };
+  if (paraPrDef) {
+    if (paraPrDef.indentPt !== void 0) props.indentPt = paraPrDef.indentPt;
+    if (paraPrDef.spaceBefore !== void 0) props.spaceBefore = paraPrDef.spaceBefore;
+    if (paraPrDef.spaceAfter !== void 0) props.spaceAfter = paraPrDef.spaceAfter;
+    if (paraPrDef.lineHeight !== void 0) props.lineHeight = paraPrDef.lineHeight;
+  }
   if (inlineAttr.listType) {
     props.listOrd = inlineAttr.listType === "DIGIT" || inlineAttr.listType === "DECIMAL";
     props.listLv = Number(inlineAttr.listLevel ?? 0);
@@ -833,6 +898,9 @@ function decodePara(p, ctx) {
     const spanProps = resolveCharPr(run, ctx);
     kids.push(buildSpan(content, spanProps));
   }
+  if (pAttr.pageBreak === "1") {
+    kids.unshift({ tag: "span", props: {}, kids: [buildPb()] });
+  }
   return buildPara(kids.filter(Boolean), props);
 }
 function resolveCharPr(run, ctx) {
@@ -887,11 +955,55 @@ function decodePic(pic, ctx) {
       gif: "image/gif",
       bmp: "image/bmp"
     };
-    return buildImg(TextKit.base64Encode(imgData), mimeMap[ext] ?? "image/png", w, h);
+    const posAttr = pic?.["hp:pos"]?.[0]?._attr ?? pic?.pos?.[0]?._attr ?? {};
+    const layout = extractHwpxLayout(posAttr, pic);
+    return buildImg(TextKit.base64Encode(imgData), mimeMap[ext] ?? "image/png", w, h, void 0, layout);
   } catch {
     return null;
   }
 }
+function extractHwpxLayout(posAttr, pic) {
+  const treatAsChar = posAttr.treatAsChar === "1" || posAttr.treatAsChar === "true";
+  if (treatAsChar) return { wrap: "inline" };
+  const textWrap = pic?._attr?.textWrap ?? pic?.["hp:pic"]?.[0]?._attr?.textWrap ?? "TOP_AND_BOTTOM";
+  const wrapMap = {
+    TOP_AND_BOTTOM: "square",
+    SQUARE: "square",
+    BOTH_SIDES: "tight",
+    LEFT: "tight",
+    RIGHT: "tight",
+    LARGER_ONLY: "tight",
+    SMALLER_ONLY: "tight",
+    LARGEST_ONLY: "tight",
+    BEHIND_TEXT: "behind",
+    FRONT_TEXT: "none"
+  };
+  const wrap = wrapMap[textWrap] ?? "square";
+  const horzRelToMap = {
+    PARA: "para",
+    MARGIN: "margin",
+    PAGE: "page",
+    COLUMN: "column"
+  };
+  const vertRelToMap = {
+    PARA: "para",
+    MARGIN: "margin",
+    PAGE: "page",
+    PAPER: "page",
+    LINE: "line"
+  };
+  const horzRelTo = horzRelToMap[posAttr.horzRelTo ?? ""] ?? "para";
+  const vertRelTo = vertRelToMap[posAttr.vertRelTo ?? ""] ?? "para";
+  const horzAlignMap = { LEFT: "left", CENTER: "center", RIGHT: "right" };
+  const vertAlignMap = { TOP: "top", CENTER: "center", BOTTOM: "bottom" };
+  const horzAlign = horzAlignMap[posAttr.horzAlign ?? ""];
+  const vertAlign = vertAlignMap[posAttr.vertAlign ?? ""];
+  const horzOffset = Number(posAttr.horzOffset ?? 0);
+  const vertOffset = Number(posAttr.vertOffset ?? 0);
+  const xPt = horzOffset !== 0 ? Metric.hwpToPt(horzOffset) : void 0;
+  const yPt = vertOffset !== 0 ? Metric.hwpToPt(vertOffset) : void 0;
+  return { wrap, horzAlign, vertAlign, horzRelTo, vertRelTo, xPt, yPt };
+}
 function decodeGrid(tbl, ctx) {
   const tblAttr = tbl?._attr ?? {};
   const borderFillId = Number(tblAttr.borderFillIDRef ?? 0);
@@ -900,6 +1012,26 @@ function decodeGrid(tbl, ctx) {
   const gridProps = { headerRow: headerRow || void 0 };
   if (borderFill?.stroke) gridProps.defaultStroke = borderFill.stroke;
   const rowArr = getTag(tbl, "hp:tr", "hp:ROW");
+  for (const row of rowArr) {
+    const cells = getTag(row, "hp:tc", "hp:CELL");
+    const rowWidths = [];
+    let allSingle = true;
+    for (const cell of cells) {
+      const cellSpanAttr = cell?.["hp:cellSpan"]?.[0]?._attr ?? {};
+      const cs = Number(cellSpanAttr.colSpan ?? cell?._attr?.ColSpan ?? 1);
+      if (cs > 1) {
+        allSingle = false;
+        break;
+      }
+      const szAttr = cell?.["hp:cellSz"]?.[0]?._attr ?? {};
+      const w = Number(szAttr.width ?? 0);
+      rowWidths.push(Metric.hwpToPt(w));
+    }
+    if (allSingle && rowWidths.length > 0 && rowWidths.some((w) => w > 0)) {
+      gridProps.colWidths = rowWidths;
+      break;
+    }
+  }
   const rowNodes = rowArr.map((row) => {
     const cellArr = getTag(row, "hp:tc", "hp:CELL");
     const cellNodes = cellArr.map((cell) => {
@@ -940,7 +1072,14 @@ function decodeGrid(tbl, ctx) {
         { cs, rs, props: cellProps }
       );
     });
-    return buildRow(cellNodes);
+    let rowHeightPt;
+    const firstCellForH = cellArr[0];
+    if (firstCellForH) {
+      const hSz = firstCellForH?.["hp:cellSz"]?.[0]?._attr ?? {};
+      const hVal = Number(hSz.height ?? 0);
+      if (hVal > 0) rowHeightPt = Metric.hwpToPt(hVal);
+    }
+    return buildRow(cellNodes, rowHeightPt);
   });
   return buildGrid(rowNodes, gridProps);
 }
@@ -1165,9 +1304,13 @@ function parseRecords(data) {
 }
 function tryInflate(data) {
   try {
-    return pako2.inflateRaw(data);
+    return pako2.inflate(data);
   } catch {
-    return data;
+    try {
+      return pako2.inflateRaw(data);
+    } catch {
+      return data;
+    }
   }
 }
 function parseFileHeader(buf) {
@@ -1221,7 +1364,7 @@ function parseParaShape(d) {
   if (d.length < 4) return { align: "left", spaceBefore: 0, spaceAfter: 0, lineSpacing: 160, indent: 0 };
   const attr = BinaryKit.readU32LE(d, 0);
   return {
-    align: ALIGN_TBL[attr & 7] ?? "left",
+    align: ALIGN_TBL[attr >> 2 & 7] ?? "left",
     indent: d.length >= 16 ? i32(d, 12) : 0,
     spaceBefore: d.length >= 20 ? i32(d, 16) : 0,
     spaceAfter: d.length >= 24 ? i32(d, 20) : 0,
@@ -1229,16 +1372,17 @@ function parseParaShape(d) {
   };
 }
 var BORDER_W_PT = [0.28, 0.34, 0.43, 0.57, 0.71, 0.85, 1.13, 1.42, 1.7, 1.98, 2.84, 4.25, 5.67, 8.5, 11.34, 14.17];
-var BORDER_KIND = { 0: "none", 1: "solid", 2: "dash", 3: "dot", 4: "dash", 5: "dash", 6: "dash", 7: "dot", 8: "double", 9: "double", 10: "double" };
+var BORDER_KIND = { 0: "solid", 1: "dash", 2: "dash", 3: "dot", 4: "dash", 5: "dash", 6: "dash", 7: "double", 8: "double", 9: "double", 10: "none" };
 function parseBorderFill(d) {
   const borders = [];
+  const BASE_TYPE = 2;
+  const BASE_WIDTH = 6;
+  const BASE_COLOR = 10;
   for (let i = 0; i < 4; i++) {
-    const b = 2 + i * 6;
-    if (b + 6 <= d.length) {
-      borders.push({ type: d[b], widthPt: BORDER_W_PT[d[b + 1]] ?? 0.5, color: colorRef(d, b + 2) });
-    } else {
-      borders.push({ type: 0, widthPt: 0.5, color: "000000" });
-    }
+    const type = BASE_TYPE + i < d.length ? d[BASE_TYPE + i] : 0;
+    const widthPt = BASE_WIDTH + i < d.length ? BORDER_W_PT[d[BASE_WIDTH + i]] ?? 0.5 : 0.5;
+    const color = BASE_COLOR + i * 4 + 4 <= d.length ? colorRef(d, BASE_COLOR + i * 4) : "000000";
+    borders.push({ type, widthPt, color });
   }
   let bgColor;
   const fOff = 32;
@@ -1252,10 +1396,15 @@ function parseBody(raw, compressed, di, shield) {
   const recs = parseRecords(compressed ? tryInflate(raw) : raw);
   const content = [];
   let pageDims;
+  for (const r of recs) {
+    if (r.tag === TAG_PAGE_DEF) {
+      pageDims = shield.guard(() => parsePageDef(r.data), A4, "hwp:pageDef");
+      break;
+    }
+  }
   let i = 0;
   while (i < recs.length) {
     if (recs[i].tag === TAG_PAGE_DEF) {
-      pageDims = shield.guard(() => parsePageDef(recs[i].data), A4, "hwp:pageDef");
       i++;
     } else if (recs[i].tag === TAG_PARA_HEADER) {
       const r = shield.guard(
@@ -1279,6 +1428,7 @@ function parseParagraphGroup(recs, start, di, shield) {
   let text = null;
   let csPairs = [];
   const grids = [];
+  const ctrlHeaders = [];
   let i = start + 1;
   while (i < recs.length && recs[i].level > lv) {
     const r = recs[i];
@@ -1289,14 +1439,21 @@ function parseParagraphGroup(recs, start, di, shield) {
       csPairs = parseCharShapePairs(r.data);
       i++;
     } else if (r.tag === TAG_CTRL_HEADER && r.level === lv + 1) {
-      if (r.data.length >= 4 && BinaryKit.readU32LE(r.data, 0) === CTRL_TABLE) {
-        const tr = shield.guard(
-          () => parseTableCtrl(recs, i, di, shield),
-          { grid: null, next: skipKids(recs, i) },
-          `hwp:tbl@${i}`
-        );
-        if (tr.grid) grids.push(tr.grid);
-        i = tr.next;
+      if (r.data.length >= 4) {
+        const ctrlId = BinaryKit.readU32LE(r.data, 0);
+        const objId = r.data.length >= 6 ? BinaryKit.readU16LE(r.data, 4) : 0;
+        ctrlHeaders.push({ ctrlId, objId });
+        if (ctrlId === CTRL_TABLE) {
+          const tr = shield.guard(
+            () => parseTableCtrl(recs, i, di, shield),
+            { grid: null, next: skipKids(recs, i) },
+            `hwp:tbl@${i}`
+          );
+          if (tr.grid) grids.push(tr.grid);
+          i = tr.next;
+        } else {
+          i = skipKids(recs, i);
+        }
       } else {
         i = skipKids(recs, i);
       }
@@ -1304,12 +1461,28 @@ function parseParagraphGroup(recs, start, di, shield) {
       i++;
     }
   }
+  if (text && ctrlHeaders.length > 0) {
+    for (let ci = 0; ci < text.controls.length; ci++) {
+      if (ci < ctrlHeaders.length) {
+        text.controls[ci].ctrlId = ctrlHeaders[ci].ctrlId;
+        text.controls[ci].matched = true;
+      }
+    }
+  }
   const nodes = [];
-  if (text && text.chars.length > 0) {
-    const joined = text.chars.map((c) => c.ch).join("");
-    if (joined.trim()) {
+  if (text && (text.chars.length > 0 || text.controls.length > 0)) {
+    const paraContent = [];
+    if (text.chars.length > 0) {
       const spans = resolveCharShapes(text.chars, csPairs, di);
-      nodes.push(buildPara(spans, buildParaProps(ps)));
+      paraContent.push(...spans);
+    }
+    if (text.controls.length > 0) {
+      for (let ci = 0; ci < text.controls.length; ci++) {
+        paraContent.push(buildSpan(`__EXT_${ci}__`));
+      }
+    }
+    if (paraContent.length > 0) {
+      nodes.push(buildPara(paraContent, buildParaProps(ps)));
     }
   }
   nodes.push(...grids);
@@ -1325,7 +1498,7 @@ var EXT_CTRL = /* @__PURE__ */ new Set([2, 3, 11, 12, 14, 15]);
 var INL_CTRL = /* @__PURE__ */ new Set([4, 5, 6, 7, 8]);
 function decodeParaText(d) {
   const chars = [];
-  const controlPositions = [];
+  const controls = [];
   let i = 0, pos = 0;
   while (i + 1 < d.length) {
     const c = d[i] | d[i + 1] << 8;
@@ -1344,7 +1517,11 @@ function decodeParaText(d) {
       continue;
     }
     if (EXT_CTRL.has(c)) {
-      controlPositions.push(pos);
+      let objId = 0;
+      if (i + 16 <= d.length) {
+        objId = BinaryKit.readU16LE(d, i + 8);
+      }
+      controls.push({ pos, ctrlId: 0, objId, matched: false });
       i += 16;
       pos += 8;
       continue;
@@ -1369,7 +1546,7 @@ function decodeParaText(d) {
     i += 2;
     pos++;
   }
-  return { chars, controlPositions };
+  return { chars, controls };
 }
 function parseCharShapePairs(d) {
   const out = [];
@@ -1544,8 +1721,8 @@ function parseCellRec(d, tag, recs, cStart, cEnd, di, shield, seqIdx, colCnt) {
   if (tag === TAG_LIST_HEADER && d.length >= 22) {
     col = BinaryKit.readU16LE(d, 8);
     row = BinaryKit.readU16LE(d, 10);
-    rs = Math.max(1, BinaryKit.readU16LE(d, 12));
-    cs = Math.max(1, BinaryKit.readU16LE(d, 14));
+    cs = Math.max(1, BinaryKit.readU16LE(d, 12));
+    rs = Math.max(1, BinaryKit.readU16LE(d, 14));
     widthHwp = BinaryKit.readU32LE(d, 16);
     const bfId = d.length >= 34 ? BinaryKit.readU16LE(d, 32) : 0;
     if (bfId > 0 && bfId <= di.borderFills.length) {
@@ -1680,6 +1857,45 @@ var HwpScanner = class {
       if (diRaw) {
         di = shield.guard(() => parseDocInfo(diRaw, compressed), di, "hwp:docInfo");
       }
+      const imageStreams = [];
+      for (const [path, data2] of streams) {
+        if ((path.includes("BinData") || path.includes(".jpg") || path.includes(".jpeg") || path.includes(".png") || path.includes(".gif") || path.includes(".bmp")) && !path.includes("FileHeader") && !path.includes("DocInfo") && !path.includes("BodyText") && !path.includes("Section")) {
+          imageStreams.push({ path, data: data2 });
+          console.log(`[HwpScanner] Image stream found: ${path} (${data2.length} bytes)`);
+        }
+      }
+      const objectMap = /* @__PURE__ */ new Map();
+      const seenHashes = /* @__PURE__ */ new Set();
+      let imgIdx = 0;
+      for (const { path, data: data2 } of imageStreams) {
+        let mimeType = "image/jpeg";
+        const lowerPath = path.toLowerCase();
+        if (lowerPath.includes(".png")) mimeType = "image/png";
+        else if (lowerPath.includes(".gif")) mimeType = "image/gif";
+        else if (lowerPath.includes(".bmp")) mimeType = "image/bmp";
+        if (data2[0] === 137 && data2[1] === 80 && data2[2] === 78 && data2[3] === 71) mimeType = "image/png";
+        else if (data2[0] === 71 && data2[1] === 73 && data2[2] === 70 && data2[3] === 13624) mimeType = "image/gif";
+        else if (data2[0] === 66 && data2[1] === 77) mimeType = "image/bmp";
+        const imgData = Buffer.from(data2);
+        const base64 = imgData.toString("base64");
+        const hash = base64.slice(0, 20);
+        if (!seenHashes.has(hash)) {
+          seenHashes.add(hash);
+          objectMap.set(imgIdx++, buildImg(
+            base64,
+            mimeType,
+            0,
+            // w
+            0,
+            // h
+            `Image from ${path}`
+          ));
+          console.log(`[HwpScanner] Added unique image: ${hash}... (${data2.length} bytes)`);
+        } else {
+          console.log(`[HwpScanner] Duplicate image skipped: ${hash}...`);
+        }
+      }
+      console.log(`[HwpScanner] Found ${imageStreams.length} image streams, ${objectMap.size} unique images`);
       const allContent = [];
       let pageDims = A4;
       for (let s = 0; s < 100; s++) {
@@ -1703,6 +1919,26 @@ var HwpScanner = class {
         allContent.push(...r.content);
         if (r.pageDims) pageDims = r.pageDims;
       }
+      console.log(`[HwpScanner] Before injection: ${allContent.length} nodes, ${objectMap.size} images available`);
+      if (objectMap.size > 0) {
+        injectImagesIntoContent(allContent, objectMap);
+        console.log(`[HwpScanner] After injection: ${allContent.length} nodes`);
+      }
+      const countImages = (nodes) => {
+        let count = 0;
+        for (const node of nodes) {
+          if (node.tag === "img") count++;
+          if (node.tag === "para" && node.kids) count += countImages(node.kids);
+          if (node.tag === "grid" && node.kids) {
+            for (const row of node.kids) {
+              if (row.kids) count += countImages(row.kids);
+            }
+          }
+        }
+        return count;
+      };
+      const imgCount = countImages(allContent);
+      console.log(`[HwpScanner] Images in content: ${imgCount}`);
       warns.push(...shield.flush());
       const content = allContent.length > 0 ? allContent : [buildPara([buildSpan("")])];
       return succeed(buildRoot({}, [buildSheet(content, pageDims)]), warns);
@@ -1717,6 +1953,33 @@ function findBodySection(streams) {
     if (k.includes("Section") && !k.includes("Header") && !k.includes("Info")) return v;
   return void 0;
 }
+function injectImagesIntoContent(content, objectMap) {
+  const imageArray = Array.from(objectMap.values());
+  if (imageArray.length === 0) return;
+  const uniqueImages = Array.from(new Set(imageArray.map((img) => img.b64))).map((b64) => {
+    return imageArray.find((img) => img.b64 === b64);
+  });
+  if (uniqueImages.length === 0) return;
+  let imgIdx = 0;
+  for (const node of content) {
+    if (node.tag === "para" && node.kids) {
+      for (let i = 0; i < node.kids.length; i++) {
+        const kid = node.kids[i];
+        if (kid.tag === "span" && kid.kids && kid.kids[0]?.tag === "txt") {
+          const text = kid.kids[0].content;
+          const match = text.match?.(/^__(?:IMG|EXT)_(\d+)__$/);
+          if (match) {
+            const imgNode = uniqueImages[imgIdx % uniqueImages.length];
+            if (imgNode) {
+              node.kids[i] = imgNode;
+              imgIdx++;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 registry.registerDecoder(new HwpScanner());
 
 // src/decoders/docx/DocxDecoder.ts
@@ -1749,26 +2012,59 @@ var DocxDecoder = class {
         } catch {
         }
       }
+      let stylesMap = /* @__PURE__ */ new Map();
+      const stylesXml2 = files.get("word/styles.xml");
+      if (stylesXml2) {
+        try {
+          stylesMap = await parseStylesMap(TextKit.decode(stylesXml2));
+        } catch {
+        }
+      }
       const docStr = TextKit.decode(docXml);
       const docObj = await XmlKit.parseStrict(docStr);
       const body = getBody(docObj);
       const dims = extractDims2(body) ?? { ...A4 };
       const elements = getBodyElements(body);
-      const decCtx = { relsMap, files, shield, numMap, warns };
-      const kids = shield.guardAll(
-        elements,
-        (el) => decodeElement(el, decCtx),
-        () => buildPara([buildSpan("[\uC694\uC18C \uD30C\uC2F1 \uC2E4\uD328]")]),
-        "docx:bodyElement"
+      const decCtx = { relsMap, files, shield, numMap, warns, stylesMap };
+      const kids = [];
+      for (const el of elements) {
+        const node = shield.guard(
+          () => decodeElement(el, decCtx),
+          buildPara([buildSpan("[\uC694\uC18C \uD30C\uC2F1 \uC2E4\uD328]")]),
+          "docx:bodyElement"
+        );
+        kids.push(node);
+        if (el.type === "para") {
+          const pPr = el.node?.["w:pPr"]?.[0] ?? el.node?.pPr?.[0] ?? {};
+          const inlineSectPr = pPr?.["w:sectPr"]?.[0] ?? pPr?.sectPr?.[0];
+          if (inlineSectPr) {
+            const typeAttr = inlineSectPr?.["w:type"]?.[0]?._attr;
+            const sectType = typeAttr?.["w:val"] ?? typeAttr?.val ?? "nextPage";
+            if (sectType !== "continuous") {
+              kids.push(buildPara([{ tag: "span", props: {}, kids: [buildPb()] }]));
+            }
+          }
+        }
+      }
+      const headerParas = await decodeHeaderFooter2(
+        "header",
+        body,
+        relsMap,
+        files,
+        decCtx
       );
-      const headerParas = await decodeHeaderFooter2("header", body, relsMap, files, decCtx);
-      const footerParas = await decodeHeaderFooter2("footer", body, relsMap, files, decCtx);
-      warns.push(...shield.flush());
-      const sheet = buildSheet(
-        kids.filter(Boolean),
-        dims,
-        { header: headerParas, footer: footerParas }
+      const footerParas = await decodeHeaderFooter2(
+        "footer",
+        body,
+        relsMap,
+        files,
+        decCtx
       );
+      warns.push(...shield.flush());
+      const sheet = buildSheet(kids.filter(Boolean), dims, {
+        header: headerParas,
+        footer: footerParas
+      });
       return succeed(buildRoot(meta, [sheet]), warns);
     } catch (e) {
       warns.push(...shield.flush());
@@ -1779,6 +2075,19 @@ var DocxDecoder = class {
 function toArr2(v) {
   return v == null ? [] : Array.isArray(v) ? v : [v];
 }
+function resolveDocxPath(baseDir, target) {
+  if (target.startsWith("/")) return target.slice(1);
+  const parts = (baseDir + "/" + target).split("/");
+  const stack = [];
+  for (const p of parts) {
+    if (p === "..") {
+      stack.pop();
+    } else if (p !== ".") {
+      stack.push(p);
+    }
+  }
+  return stack.join("/");
+}
 async function parseRels(xml) {
   const map = /* @__PURE__ */ new Map();
   try {
@@ -1813,7 +2122,9 @@ async function parseNumbering(xml) {
     const root = obj?.["w:numbering"]?.[0] ?? obj?.numbering?.[0] ?? obj;
     const absMap = /* @__PURE__ */ new Map();
     for (const abs of toArr2(root?.["w:abstractNum"] ?? root?.abstractNum)) {
-      const absId = Number(abs?._attr?.["w:abstractNumId"] ?? abs?._attr?.abstractNumId ?? 0);
+      const absId = Number(
+        abs?._attr?.["w:abstractNumId"] ?? abs?._attr?.abstractNumId ?? 0
+      );
       const levels = /* @__PURE__ */ new Map();
       for (const lvl of toArr2(abs?.["w:lvl"] ?? abs?.lvl)) {
         const ilvl = Number(lvl?._attr?.["w:ilvl"] ?? lvl?._attr?.ilvl ?? 0);
@@ -1860,8 +2171,10 @@ function extractDims2(body) {
 function getBodyElements(body) {
   const paras = toArr2(body?.["w:p"] ?? body?.p);
   const tables = toArr2(body?.["w:tbl"] ?? body?.tbl);
-  if (tables.length === 0) return paras.map((n) => ({ type: "para", node: n }));
-  if (paras.length === 0) return tables.map((n) => ({ type: "table", node: n }));
+  if (tables.length === 0)
+    return paras.map((n) => ({ type: "para", node: n }));
+  if (paras.length === 0)
+    return tables.map((n) => ({ type: "table", node: n }));
   const childOrder = body?.["_childOrder"];
   if (Array.isArray(childOrder)) {
     const items = [];
@@ -1874,7 +2187,8 @@ function getBodyElements(body) {
       }
     }
     while (pi < paras.length) items.push({ type: "para", node: paras[pi++] });
-    while (ti < tables.length) items.push({ type: "table", node: tables[ti++] });
+    while (ti < tables.length)
+      items.push({ type: "table", node: tables[ti++] });
     return items;
   }
   return [
@@ -1893,7 +2207,7 @@ async function decodeHeaderFooter2(kind, body, relsMap, files, ctx) {
     if (!rId) return void 0;
     const target = relsMap.get(rId);
     if (!target) return void 0;
-    const filePath = target.startsWith("/") ? target.slice(1) : `word/${target}`;
+    const filePath = resolveDocxPath("word", target);
     const fileData = files.get(filePath);
     if (!fileData) return void 0;
     const xmlStr = TextKit.decode(fileData);
@@ -1907,6 +2221,14 @@ async function decodeHeaderFooter2(kind, body, relsMap, files, ctx) {
     return void 0;
   }
 }
+function hasDrawingDeep(node) {
+  if (!node || typeof node !== "object") return false;
+  if (node["w:drawing"] || node["w:pict"]) return true;
+  return Object.values(node).some((v) => {
+    if (Array.isArray(v)) return v.some(hasDrawingDeep);
+    return hasDrawingDeep(v);
+  });
+}
 function decodeElement(el, ctx) {
   if (el.type === "table") {
     const { value } = ctx.shield.guardGrid(
@@ -1929,6 +2251,19 @@ function decodePara2(p, ctx) {
     align: safeAlign(alignVal),
     heading: parseHeading(headStyle)
   };
+  const spacingAttr = pPr?.["w:spacing"]?.[0]?._attr ?? pPr?.spacing?.[0]?._attr ?? {};
+  const beforeVal = Number(
+    spacingAttr?.["w:before"] ?? spacingAttr?.before ?? 0
+  );
+  const afterVal = Number(spacingAttr?.["w:after"] ?? spacingAttr?.after ?? 0);
+  const lineVal = Number(spacingAttr?.["w:line"] ?? spacingAttr?.line ?? 0);
+  const lineRule = spacingAttr?.["w:lineRule"] ?? spacingAttr?.lineRule ?? "auto";
+  if (beforeVal > 0) props.spaceBefore = Metric.dxaToPt(beforeVal);
+  if (afterVal > 0) props.spaceAfter = Metric.dxaToPt(afterVal);
+  if (lineVal > 0 && lineRule === "auto") props.lineHeight = lineVal / 240;
+  const indAttr = pPr?.["w:ind"]?.[0]?._attr ?? pPr?.ind?.[0]?._attr ?? {};
+  const leftVal = Number(indAttr?.["w:left"] ?? indAttr?.left ?? 0);
+  if (leftVal > 0) props.indentPt = Metric.dxaToPt(leftVal);
   const numPr = pPr?.["w:numPr"]?.[0] ?? pPr?.numPr?.[0];
   if (numPr) {
     const ilvlNode = numPr?.["w:ilvl"]?.[0]?._attr ?? numPr?.ilvl?.[0]?._attr ?? {};
@@ -1944,17 +2279,40 @@ function decodePara2(p, ctx) {
       props.listOrd = numId >= 2;
     }
   }
+  const pbBeforeNode = pPr?.["w:pageBreakBefore"]?.[0] ?? pPr?.pageBreakBefore?.[0];
+  const hasPageBreakBefore = pbBeforeNode != null && (pbBeforeNode?._attr?.["w:val"] ?? pbBeforeNode?._attr?.val ?? "1") !== "0";
   const runs = toArr2(p?.["w:r"] ?? p?.r);
   const kids = ctx.shield.guardAll(
     runs,
-    (run) => decodeRunOrImage(run, ctx),
+    (run) => hasDrawingDeep(run) ? decodeRunOrImage(run, ctx) : decodeRun(run, ctx),
     () => buildSpan(""),
     "docx:run"
   );
-  return buildPara(kids.filter(Boolean), props);
+  const filteredKids = kids.filter(Boolean);
+  if (hasPageBreakBefore) {
+    filteredKids.unshift({ tag: "span", props: {}, kids: [buildPb()] });
+  }
+  return buildPara(filteredKids, props);
 }
 function decodeRunOrImage(run, ctx) {
-  const drawing = run?.["w:drawing"]?.[0] ?? run?.drawing?.[0];
+  function findFirstDrawing(node) {
+    if (!node || typeof node !== "object") return null;
+    if (node["w:drawing"]) return node["w:drawing"][0];
+    if (node["w:pict"]) return node["w:pict"][0];
+    for (const value of Object.values(node)) {
+      if (Array.isArray(value)) {
+        for (const v of value) {
+          const found = findFirstDrawing(v);
+          if (found) return found;
+        }
+      } else {
+        const found = findFirstDrawing(value);
+        if (found) return found;
+      }
+    }
+    return null;
+  }
+  const drawing = findFirstDrawing(run);
   if (drawing) {
     const img = decodeDrawing(drawing, ctx);
     if (img) return img;
@@ -1983,9 +2341,14 @@ function decodeDrawing(drawing, ctx) {
     if (!rId) return null;
     const target = ctx.relsMap.get(rId);
     if (!target) return null;
-    const filePath = target.startsWith("/") ? target.slice(1) : `word/${target}`;
+    const filePath = resolveDocxPath("word", target);
     const fileData = ctx.files.get(filePath);
-    if (!fileData) return null;
+    if (!fileData) {
+      console.warn(
+        `[DocxDecoder] image not found in ZIP: "${filePath}" (rId=${rId}, target=${target})`
+      );
+      return null;
+    }
     const ext = target.split(".").pop()?.toLowerCase() ?? "png";
     const mimeMap = {
       png: "image/png",
@@ -1995,7 +2358,11 @@ function decodeDrawing(drawing, ctx) {
       bmp: "image/bmp"
     };
     const mime = mimeMap[ext] ?? "image/png";
-    return buildImg(TextKit.base64Encode(fileData), mime, wPt, hPt, alt || void 0);
+    console.log(
+      `[DocxDecoder] image loaded: ${filePath} (${mime}, ${fileData.length} bytes)`
+    );
+    const layout = inline ? { wrap: "inline" } : extractAnchorLayout(anchor);
+    return buildImg(TextKit.base64Encode(fileData), mime, wPt, hPt, alt || void 0, layout);
   } catch {
     return null;
   }
@@ -2032,6 +2399,13 @@ function decodeRun(run, ctx) {
   };
   const fldChar = run?.["w:fldChar"]?.[0]?._attr ?? run?.fldChar?.[0]?._attr;
   const instrText = run?.["w:instrText"]?.[0];
+  const brNodes = toArr2(run?.["w:br"] ?? run?.br ?? []);
+  for (const br of brNodes) {
+    const brType = br?._attr?.["w:type"] ?? br?._attr?.type;
+    if (brType === "page") {
+      return { tag: "span", props, kids: [buildPb()] };
+    }
+  }
   const textNodes = toArr2(run?.["w:t"] ?? run?.t);
   const content = textNodes.map((t) => typeof t === "string" ? t : t?._ ?? t?._text ?? "").join("");
   if (instrText) {
@@ -2043,6 +2417,73 @@ function decodeRun(run, ctx) {
   }
   return buildSpan(content, props);
 }
+function parseBorderDef(bdrNode) {
+  const sides = [
+    ["top", "top"],
+    ["bottom", "bottom"],
+    ["left", "left"],
+    ["right", "right"],
+    ["insideH", "insideH"],
+    ["insideV", "insideV"]
+  ];
+  const result = {};
+  for (const [xml, prop] of sides) {
+    const bdr = bdrNode?.["w:" + xml]?.[0]?._attr ?? bdrNode?.[xml]?.[0]?._attr;
+    if (!bdr) continue;
+    const val = bdr?.["w:val"] ?? bdr?.val;
+    if (val === "none" || val === "nil") continue;
+    result[prop] = safeStrokeDocx(
+      val,
+      Number(bdr?.["w:sz"] ?? bdr?.sz ?? 4),
+      bdr?.["w:color"] ?? bdr?.color
+    );
+  }
+  return result;
+}
+async function parseStylesMap(xml) {
+  const map = /* @__PURE__ */ new Map();
+  try {
+    const obj = await XmlKit.parseStrict(xml);
+    const stylesRoot = obj?.["w:styles"]?.[0] ?? obj?.styles?.[0] ?? obj;
+    const styleArr = toArr2(stylesRoot?.["w:style"] ?? stylesRoot?.style);
+    for (const style of styleArr) {
+      const attr = style?._attr ?? {};
+      const type = attr?.["w:type"] ?? attr?.type;
+      if (type !== "table") continue;
+      const id = attr?.["w:styleId"] ?? attr?.styleId;
+      if (!id) continue;
+      const tblPr = style?.["w:tblPr"]?.[0] ?? style?.tblPr?.[0];
+      const tblBdrNode = tblPr?.["w:tblBorders"]?.[0] ?? tblPr?.tblBorders?.[0];
+      const tblBorders = tblBdrNode ? parseBorderDef(tblBdrNode) : void 0;
+      const tcStyle = style?.["w:tcStyle"]?.[0] ?? style?.tcStyle?.[0];
+      const tcBdrNode = tcStyle?.["w:tcBdr"]?.[0] ?? tcStyle?.tcBdr?.[0];
+      if (tcBdrNode) {
+        const cellDef = parseBorderDef(tcBdrNode);
+        if (!tblBorders) {
+          map.set(id, { tblBorders: cellDef });
+        } else {
+          map.set(id, { tblBorders: { ...cellDef, ...tblBorders } });
+        }
+      } else if (tblBorders) {
+        map.set(id, { tblBorders });
+      }
+    }
+  } catch {
+  }
+  return map;
+}
+function resolveCellBorders(cp, ri, ci, rs, cs, rowCount, colCount, tblBdr) {
+  const isTopEdge = ri === 0;
+  const isBottomEdge = ri + rs >= rowCount;
+  const isLeftEdge = ci === 0;
+  const isRightEdge = ci + cs >= colCount;
+  const resolved = { ...cp };
+  if (!resolved.top) resolved.top = isTopEdge ? tblBdr.top : tblBdr.insideH;
+  if (!resolved.bot) resolved.bot = isBottomEdge ? tblBdr.bottom : tblBdr.insideH;
+  if (!resolved.left) resolved.left = isLeftEdge ? tblBdr.left : tblBdr.insideV;
+  if (!resolved.right) resolved.right = isRightEdge ? tblBdr.right : tblBdr.insideV;
+  return resolved;
+}
 function decodeGrid2(tbl, ctx) {
   const tblPr = tbl?.["w:tblPr"]?.[0] ?? tbl?.tblPr?.[0] ?? {};
   const tblLookAttr = tblPr?.["w:tblLook"]?.[0]?._attr ?? tblPr?.tblLook?.[0]?._attr ?? {};
@@ -2054,19 +2495,24 @@ function decodeGrid2(tbl, ctx) {
     bandedRows: tblLookAttr?.["w:noHBand"] === "0" || void 0,
     bandedCols: tblLookAttr?.["w:noVBand"] === "0" || void 0
   };
-  const tblBorders = tblPr?.["w:tblBorders"]?.[0] ?? tblPr?.tblBorders?.[0];
-  let defaultStroke = void 0;
-  if (tblBorders) {
-    const top = tblBorders?.["w:top"]?.[0]?._attr ?? tblBorders?.top?.[0]?._attr;
-    if (top) {
-      defaultStroke = safeStrokeDocx(
-        top?.["w:val"] ?? top?.val,
-        Number(top?.["w:sz"] ?? top?.sz ?? 4),
-        top?.["w:color"] ?? top?.color
-      );
-    }
-  }
+  const tblStyleId = (tblPr?.["w:tblStyle"]?.[0]?._attr ?? tblPr?.tblStyle?.[0]?._attr)?.["w:val"];
+  const styleDef = tblStyleId ? ctx.stylesMap.get(tblStyleId) : void 0;
+  let tblBdr = styleDef?.tblBorders ?? {};
+  const tblBordersNode = tblPr?.["w:tblBorders"]?.[0] ?? tblPr?.tblBorders?.[0];
+  if (tblBordersNode) {
+    const parsed = parseBorderDef(tblBordersNode);
+    tblBdr = { ...tblBdr, ...parsed };
+  }
+  const defaultStroke = tblBdr.insideH ?? tblBdr.top;
   const gridProps = { look, defaultStroke };
+  const tblGrid = tbl?.["w:tblGrid"]?.[0] ?? tbl?.tblGrid?.[0];
+  if (tblGrid) {
+    const gridCols = toArr2(tblGrid?.["w:gridCol"] ?? tblGrid?.gridCol ?? []);
+    const colWidthsPt = gridCols.map(
+      (gc) => Metric.dxaToPt(Number(gc?._attr?.["w:w"] ?? gc?._attr?.w ?? 0))
+    ).filter((w) => w > 0);
+    if (colWidthsPt.length > 0) gridProps.colWidths = colWidthsPt;
+  }
   const rowArr = toArr2(tbl?.["w:tr"] ?? tbl?.tr);
   const rawGrid = rowArr.map((row) => {
     const cellArr = toArr2(row?.["w:tc"] ?? row?.tc);
@@ -2110,6 +2556,12 @@ function decodeGrid2(tbl, ctx) {
     const trPr = row?.["w:trPr"]?.[0] ?? row?.trPr?.[0] ?? {};
     const isHeaderRow = trPr?.["w:tblHeader"]?.[0] != null || trPr?.tblHeader?.[0] != null;
     if (ri === 0 && isHeaderRow) gridProps.headerRow = true;
+    let rowHeightPt;
+    const trHAttr = trPr?.["w:trHeight"]?.[0]?._attr ?? trPr?.trHeight?.[0]?._attr;
+    if (trHAttr) {
+      const hDxa = Number(trHAttr?.["w:val"] ?? trHAttr?.val ?? 0);
+      if (hDxa > 0) rowHeightPt = Metric.dxaToPt(hDxa);
+    }
     const cellNodes = [];
     for (let ci = 0; ci < rawRow.length; ci++) {
       const rc = rawRow[ci];
@@ -2118,9 +2570,9 @@ function decodeGrid2(tbl, ctx) {
       const tcPr = cell?.["w:tcPr"]?.[0] ?? {};
       const bgAttr = tcPr?.["w:shd"]?.[0]?._attr ?? {};
       const bg = safeHex(bgAttr?.["w:fill"] ?? bgAttr?.fill);
-      const tcBorders = tcPr?.["w:tcBorders"]?.[0] ?? tcPr?.tcBorders?.[0];
+      const tcBordersNode = tcPr?.["w:tcBorders"]?.[0] ?? tcPr?.tcBorders?.[0];
       const cp = { bg, isHeader: isHeaderRow || void 0 };
-      if (tcBorders) {
+      if (tcBordersNode) {
         const dirs = [
           ["top", "top"],
           ["bottom", "bot"],
@@ -2128,10 +2580,13 @@ function decodeGrid2(tbl, ctx) {
           ["right", "right"]
         ];
         for (const [xmlTag, propKey] of dirs) {
-          const bdr = tcBorders?.["w:" + xmlTag]?.[0]?._attr ?? tcBorders?.[xmlTag]?.[0]?._attr;
-          if (bdr) {
+          const bdr = tcBordersNode?.["w:" + xmlTag]?.[0]?._attr ?? tcBordersNode?.[xmlTag]?.[0]?._attr;
+          if (!bdr) continue;
+          const val = bdr?.["w:val"] ?? bdr?.val;
+          if (val === "none" || val === "nil") {
+          } else {
             cp[propKey] = safeStrokeDocx(
-              bdr?.["w:val"] ?? bdr?.val,
+              val,
               Number(bdr?.["w:sz"] ?? bdr?.sz ?? 4),
               bdr?.["w:color"] ?? bdr?.color
             );
@@ -2141,17 +2596,32 @@ function decodeGrid2(tbl, ctx) {
       const vaAttr = tcPr?.["w:vAlign"]?.[0]?._attr ?? tcPr?.vAlign?.[0]?._attr ?? {};
       const vaVal = vaAttr?.["w:val"] ?? vaAttr?.val;
       if (vaVal) {
-        const vaMap = { top: "top", center: "mid", bottom: "bot" };
+        const vaMap = {
+          top: "top",
+          center: "mid",
+          bottom: "bot"
+        };
         cp.va = vaMap[vaVal];
       }
       const rs = rsMap.get(`${ri},${ci}`) ?? 1;
-      const paras = toArr2(cell?.["w:p"] ?? cell?.p).map((p) => decodePara2(p, ctx));
-      cellNodes.push(buildCell(
-        paras.length > 0 ? paras : [buildPara([buildSpan("")])],
-        { cs: rc.gridSpan, rs, props: cp }
-      ));
+      let gridColIdx = 0;
+      for (let prevCi = 0; prevCi < ci; prevCi++) {
+        if (!rawRow[prevCi].vMergeContinue) gridColIdx += rawRow[prevCi].gridSpan;
+      }
+      const colCount = gridProps.colWidths?.length ?? rawGrid[0]?.reduce((s, c) => s + c.gridSpan, 0) ?? 1;
+      const resolvedCp = resolveCellBorders(cp, ri, gridColIdx, rs, rc.gridSpan, rawGrid.length, colCount, tblBdr);
+      const paras = toArr2(cell?.["w:p"] ?? cell?.p).map(
+        (p) => decodePara2(p, ctx)
+      );
+      cellNodes.push(
+        buildCell(paras.length > 0 ? paras : [buildPara([buildSpan("")])], {
+          cs: rc.gridSpan,
+          rs,
+          props: resolvedCp
+        })
+      );
     }
-    return buildRow(cellNodes);
+    return buildRow(cellNodes, rowHeightPt);
   });
   return buildGrid(rowNodes, gridProps);
 }
@@ -2159,12 +2629,16 @@ function decodeGridSimple2(tbl) {
   const rowArr = toArr2(tbl?.["w:tr"] ?? tbl?.tr);
   const rowNodes = rowArr.map((row) => {
     const cellArr = toArr2(row?.["w:tc"] ?? row?.tc);
-    return buildRow(cellArr.map((c) => buildCell([buildPara([buildSpan(cellText2(c))])])));
+    return buildRow(
+      cellArr.map((c) => buildCell([buildPara([buildSpan(cellText2(c))])]))
+    );
   });
   return buildGrid(rowNodes);
 }
 function decodeGridFlat2(tbl) {
-  return buildGrid([buildRow([buildCell([buildPara([buildSpan(tableText2(tbl))])])])]);
+  return buildGrid([
+    buildRow([buildCell([buildPara([buildSpan(tableText2(tbl))])])])
+  ]);
 }
 function decodeGridText2(tbl) {
   return buildPara([buildSpan(tableText2(tbl))]);
@@ -2191,6 +2665,82 @@ function parseHeading(style) {
   return void 0;
 }
 registry.registerDecoder(new DocxDecoder());
+function extractAnchorLayout(anchor) {
+  const attr = anchor?._attr ?? {};
+  const behindDoc = attr.behindDoc === "1";
+  let wrap = "square";
+  if (anchor?.["wp:wrapNone"]?.[0] != null) wrap = behindDoc ? "behind" : "none";
+  else if (anchor?.["wp:wrapTight"]?.[0] != null) wrap = "tight";
+  else if (anchor?.["wp:wrapThrough"]?.[0] != null) wrap = "through";
+  else if (anchor?.["wp:wrapSquare"]?.[0] != null) wrap = "square";
+  else if (anchor?.["wp:wrapTopAndBottom"]?.[0] != null) wrap = "square";
+  else if (anchor?.["wp:wrapBehind"]?.[0] != null || behindDoc) wrap = "behind";
+  const posH = anchor?.["wp:positionH"]?.[0];
+  const horzRelTo = parseHorzRelTo(posH?._attr?.relativeFrom);
+  const horzAlignTxt = posH?.["wp:align"]?.[0]?._text;
+  const horzOffsetTxt = posH?.["wp:posOffset"]?.[0]?._text;
+  const horzAlign = horzAlignTxt ? parseHorzAlign(horzAlignTxt) : void 0;
+  const xPt = horzOffsetTxt && !horzAlignTxt ? Metric.emuToPt(Number(horzOffsetTxt)) : void 0;
+  const posV = anchor?.["wp:positionV"]?.[0];
+  const vertRelTo = parseVertRelTo(posV?._attr?.relativeFrom);
+  const vertAlignTxt = posV?.["wp:align"]?.[0]?._text;
+  const vertOffsetTxt = posV?.["wp:posOffset"]?.[0]?._text;
+  const vertAlign = vertAlignTxt ? parseVertAlign(vertAlignTxt) : void 0;
+  const yPt = vertOffsetTxt && !vertAlignTxt ? Metric.emuToPt(Number(vertOffsetTxt)) : void 0;
+  const distT = attr.distT ? Metric.emuToPt(Number(attr.distT)) : void 0;
+  const distB = attr.distB ? Metric.emuToPt(Number(attr.distB)) : void 0;
+  const distL = attr.distL ? Metric.emuToPt(Number(attr.distL)) : void 0;
+  const distR = attr.distR ? Metric.emuToPt(Number(attr.distR)) : void 0;
+  const zOrder = attr.relativeHeight ? Number(attr.relativeHeight) : void 0;
+  return { wrap, horzAlign, vertAlign, horzRelTo, vertRelTo, xPt, yPt, distT, distB, distL, distR, behindDoc, zOrder };
+}
+var HORZ_RELTO_MAP = {
+  margin: "margin",
+  leftMargin: "margin",
+  rightMargin: "margin",
+  insideMargin: "margin",
+  outsideMargin: "margin",
+  column: "column",
+  page: "page",
+  character: "para",
+  paragraph: "para"
+};
+var VERT_RELTO_MAP = {
+  margin: "margin",
+  topMargin: "margin",
+  bottomMargin: "margin",
+  insideMargin: "margin",
+  outsideMargin: "margin",
+  line: "line",
+  page: "page",
+  paragraph: "para"
+};
+var HORZ_ALIGN_MAP = {
+  left: "left",
+  center: "center",
+  right: "right",
+  inside: "left",
+  outside: "right"
+};
+var VERT_ALIGN_MAP = {
+  top: "top",
+  center: "center",
+  bottom: "bottom",
+  inside: "top",
+  outside: "bottom"
+};
+function parseHorzRelTo(v) {
+  return HORZ_RELTO_MAP[v ?? ""] ?? "column";
+}
+function parseVertRelTo(v) {
+  return VERT_RELTO_MAP[v ?? ""] ?? "para";
+}
+function parseHorzAlign(v) {
+  return HORZ_ALIGN_MAP[v ?? ""];
+}
+function parseVertAlign(v) {
+  return VERT_ALIGN_MAP[v ?? ""];
+}
 
 // src/decoders/md/MdDecoder.ts
 var MdDecoder = class {
@@ -2391,6 +2941,7 @@ var NS = [
   'xmlns:dc="http://purl.org/dc/elements/1.1/"',
   'xmlns:opf="http://www.idpf.org/2007/opf/"',
   'xmlns:ooxmlchart="http://www.hancom.co.kr/hwpml/2016/ooxmlchart"',
+  'xmlns:hwpunitchar="http://www.hancom.co.kr/hwpml/2016/HwpUnitChar"',
   'xmlns:epub="http://www.idpf.org/2007/ops"',
   'xmlns:config="urn:oasis:names:tc:opendocument:xmlns:config:1.0"'
 ].join(" ");
@@ -2398,7 +2949,7 @@ function charPrKey(p) {
   return `${p.b ? 1 : 0}|${p.i ? 1 : 0}|${p.u ? 1 : 0}|${p.s ? 1 : 0}|${p.pt ?? 10}|${p.color ?? "000000"}|${p.font ?? ""}|${p.bg ?? ""}`;
 }
 function paraPrKey(p) {
-  return `${p.align ?? "left"}|${p.listOrd ?? ""}|${p.listLv ?? 0}`;
+  return `${p.align ?? "left"}|${p.listOrd ?? ""}|${p.listLv ?? 0}|${p.indentPt ?? 0}|${p.spaceBefore ?? 0}|${p.spaceAfter ?? 0}|${p.lineHeight ?? 0}`;
 }
 function registerFont(name, ctx) {
   const n = name || "\uAD74\uB9BC\uCCB4";
@@ -2439,7 +2990,11 @@ function registerParaPr(props, ctx) {
   const id = ctx.paraPrs.length;
   const def = {
     id,
-    align: (props.align ?? "left").toUpperCase()
+    align: (props.align ?? "left").toUpperCase(),
+    intentHwp: props.indentPt ? Metric.ptToHwp(props.indentPt) : 0,
+    prevHwp: props.spaceBefore ? Metric.ptToHwp(props.spaceBefore) : 0,
+    nextHwp: props.spaceAfter ? Metric.ptToHwp(props.spaceAfter) : 0,
+    lineSpacing: props.lineHeight ? Math.round(props.lineHeight * 100) : 160
   };
   if (props.listOrd !== void 0) {
     def.listType = props.listOrd ? "DIGIT" : "BULLET";
@@ -2464,8 +3019,7 @@ function scanPara(para, ctx) {
 }
 function scanGrid(grid, ctx) {
   for (const row of grid.kids)
-    for (const cell of row.kids)
-      for (const p of cell.kids) scanPara(p, ctx);
+    for (const cell of row.kids) for (const p of cell.kids) scanPara(p, ctx);
 }
 function scanParas(paras, ctx) {
   for (const p of paras) scanPara(p, ctx);
@@ -2477,19 +3031,25 @@ function mimeToExt(mime) {
   return "png";
 }
 function registerImage(img, ctx) {
-  if (img._binId) return;
+  if (ctx.imgMap.has(img)) return;
   const ext = mimeToExt(img.mime);
   const id = `BIN${String(ctx.nextBinNum).padStart(4, "0")}`;
   const name = `${id}.${ext}`;
   ctx.nextBinNum++;
   const data = TextKit.base64Decode(img.b64);
   ctx.bins.push({ id, name, data });
-  img._binId = id;
+  ctx.imgMap.set(img, id);
 }
 function addBorderFill(ctx, stroke, bgColor) {
   const id = ctx.borderFills.length + 1;
   const s = stroke ?? DEFAULT_STROKE;
-  const kindMap = { solid: "SOLID", dash: "DASH", dot: "DOT", double: "DOUBLE", none: "NONE" };
+  const kindMap = {
+    solid: "SOLID",
+    dash: "DASH",
+    dot: "DOT",
+    double: "DOUBLE",
+    none: "NONE"
+  };
   const type = kindMap[s.kind] ?? "SOLID";
   const w = `${(s.pt * 0.3528).toFixed(2)} mm`;
   const c = s.color.startsWith("#") ? s.color : `#${s.color}`;
@@ -2498,7 +3058,31 @@ function addBorderFill(ctx, stroke, bgColor) {
     const bc = bgColor.startsWith("#") ? bgColor : `#${bgColor}`;
     fill = `<hc:fillBrush><hc:winBrush faceColor="${bc}" hatchColor="none" alpha="0"/></hc:fillBrush>`;
   }
-  const xml = `<hh:borderFill id="${id}" threeD="0" shadow="0" centerLine="NONE" breakCellSeparateLine="0"><hh:slash type="NONE" Crooked="0" isCounter="0"/><hh:backSlash type="NONE" Crooked="0" isCounter="0"/><hh:leftBorder type="${type}" width="${w}" color="${c}"/><hh:rightBorder type="${type}" width="${w}" color="${c}"/><hh:topBorder type="${type}" width="${w}" color="${c}"/><hh:bottomBorder type="${type}" width="${w}" color="${c}"/><hh:diagonal type="SOLID" width="0.1 mm" color="#000000"/>${fill}</hh:borderFill>`;
+  const xml = `<hh:borderFill id="${id}" threeD="0" shadow="0" centerLine="NONE" breakCellSeparateLine="0"><hh:slash type="NONE" Crooked="0" isCounter="0"/><hh:backSlash type="NONE" Crooked="0" isCounter="0"/><hh:leftBorder type="${type}" width="${w}" color="${c}"/><hh:rightBorder type="${type}" width="${w}" color="${c}"/><hh:topBorder type="${type}" width="${w}" color="${c}"/><hh:bottomBorder type="${type}" width="${w}" color="${c}"/><hh:diagonal type="NONE" width="0.12 mm" color="#000000"/>${fill}</hh:borderFill>`;
+  ctx.borderFills.push({ id, xml });
+  return id;
+}
+function addBorderFillPerSide(ctx, top, right, bottom, left, bgColor) {
+  const id = ctx.borderFills.length + 1;
+  const kindMap = {
+    solid: "SOLID",
+    dash: "DASH",
+    dot: "DOT",
+    double: "DOUBLE",
+    none: "NONE"
+  };
+  function sideXml(tag, s) {
+    const type = s ? kindMap[s.kind] ?? "SOLID" : "NONE";
+    const w = s ? `${(s.pt * 0.3528).toFixed(2)} mm` : "0.12 mm";
+    const c = s ? s.color.startsWith("#") ? s.color : `#${s.color}` : "#000000";
+    return `<hh:${tag} type="${type}" width="${w}" color="${c}"/>`;
+  }
+  let fill = "";
+  if (bgColor) {
+    const bc = bgColor.startsWith("#") ? bgColor : `#${bgColor}`;
+    fill = `<hc:fillBrush><hc:winBrush faceColor="${bc}" hatchColor="none" alpha="0"/></hc:fillBrush>`;
+  }
+  const xml = `<hh:borderFill id="${id}" threeD="0" shadow="0" centerLine="NONE" breakCellSeparateLine="0"><hh:slash type="NONE" Crooked="0" isCounter="0"/><hh:backSlash type="NONE" Crooked="0" isCounter="0"/>${sideXml("leftBorder", left)}${sideXml("rightBorder", right)}${sideXml("topBorder", top)}${sideXml("bottomBorder", bottom)}<hh:diagonal type="NONE" width="0.12 mm" color="#000000"/>${fill}</hh:borderFill>`;
   ctx.borderFills.push({ id, xml });
   return id;
 }
@@ -2509,7 +3093,7 @@ var HwpxEncoder = class {
   async encode(doc) {
     try {
       const sheet = doc.kids[0];
-      const dims = sheet?.dims ?? A4;
+      const dims = normalizeDims(sheet?.dims ?? A4);
       const availableWidth = Metric.ptToHwp(dims.wPt) - Metric.ptToHwp(dims.ml) - Metric.ptToHwp(dims.mr);
       const ctx = {
         charPrs: [],
@@ -2522,7 +3106,9 @@ var HwpxEncoder = class {
         nextElementId: 1e4,
         availableWidth,
         fonts: [],
-        fontMap: /* @__PURE__ */ new Map()
+        fontMap: /* @__PURE__ */ new Map(),
+        imgMap: /* @__PURE__ */ new WeakMap(),
+        nextZOrder: 0
       };
       addBorderFill(ctx, { kind: "none", pt: 0.1, color: "000000" });
       addBorderFill(ctx, DEFAULT_STROKE);
@@ -2543,7 +3129,10 @@ var HwpxEncoder = class {
         { name: "Preview/PrvText.txt", data: TextKit.encode(previewText) },
         { name: "settings.xml", data: TextKit.encode(SETTINGS_XML) },
         { name: "META-INF/container.rdf", data: TextKit.encode(CONTAINER_RDF) },
-        { name: "Contents/content.hpf", data: TextKit.encode(contentHpf(ctx, doc.meta)) },
+        {
+          name: "Contents/content.hpf",
+          data: TextKit.encode(contentHpf(ctx, doc.meta))
+        },
         { name: "META-INF/container.xml", data: TextKit.encode(CONTAINER_XML) },
         { name: "META-INF/manifest.xml", data: TextKit.encode(MANIFEST_XML) }
       ];
@@ -2556,7 +3145,7 @@ var HwpxEncoder = class {
     }
   }
 };
-var VERSION_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><hv:HCFVersion xmlns:hv="http://www.hancom.co.kr/hwpml/2011/version" tagetApplication="WORDPROCESSOR" major="5" minor="1" micro="0" buildNumber="1" os="6" xmlVersion="1.2" application="Hancom Office Hangul" appVersion="11, 0, 0, 0"/>`;
+var VERSION_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><hv:HCFVersion xmlns:hv="http://www.hancom.co.kr/hwpml/2011/version" tagetApplication="WORDPROCESSOR" major="5" minor="1" micro="0" buildNumber="1" os="1" xmlVersion="1.4" application="Hancom Office Hangul" appVersion="11, 0, 0, 0"/>`;
 var CONTAINER_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><ocf:container xmlns:ocf="urn:oasis:names:tc:opendocument:xmlns:container" xmlns:hpf="http://www.hancom.co.kr/schema/2011/hpf"><ocf:rootfiles><ocf:rootfile full-path="Contents/content.hpf" media-type="application/hwpml-package+xml"/><ocf:rootfile full-path="Preview/PrvText.txt" media-type="text/plain"/><ocf:rootfile full-path="META-INF/container.rdf" media-type="application/rdf+xml"/></ocf:rootfiles></ocf:container>`;
 var CONTAINER_RDF = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><rdf:Description rdf:about=""><ns0:hasPart xmlns:ns0="http://www.hancom.co.kr/hwpml/2016/meta/pkg#" rdf:resource="Contents/header.xml"/></rdf:Description><rdf:Description rdf:about="Contents/header.xml"><rdf:type rdf:resource="http://www.hancom.co.kr/hwpml/2016/meta/pkg#HeaderFile"/></rdf:Description><rdf:Description rdf:about=""><ns0:hasPart xmlns:ns0="http://www.hancom.co.kr/hwpml/2016/meta/pkg#" rdf:resource="Contents/section0.xml"/></rdf:Description><rdf:Description rdf:about="Contents/section0.xml"><rdf:type rdf:resource="http://www.hancom.co.kr/hwpml/2016/meta/pkg#SectionFile"/></rdf:Description><rdf:Description rdf:about=""><rdf:type rdf:resource="http://www.hancom.co.kr/hwpml/2016/meta/pkg#Document"/></rdf:Description></rdf:RDF>`;
 var MANIFEST_XML = `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><odf:manifest xmlns:odf="urn:oasis:names:tc:opendocument:xmlns:manifest:1.0"/>`;
@@ -2570,11 +3159,19 @@ function contentHpf(ctx, meta) {
     const ct = ext === "png" ? "image/png" : ext === "jpg" || ext === "jpeg" ? "image/jpeg" : ext === "gif" ? "image/gif" : "image/bmp";
     items += `<opf:item id="${bin.id}" href="BinData/${bin.name}" media-type="${ct}" isEmbeded="1"/>`;
   }
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><opf:package ${NS} version="" unique-identifier="" id=""><opf:metadata><opf:title>${title}</opf:title><opf:language>ko</opf:language><opf:meta name="creator" content="text"/><opf:meta name="subject" content="text"/><opf:meta name="description" content="text"/><opf:meta name="CreatedDate" content="text">${now}</opf:meta><opf:meta name="ModifiedDate" content="text">${now}</opf:meta><opf:meta name="keyword" content="text"/></opf:metadata><opf:manifest>${items}</opf:manifest><opf:spine><opf:itemref idref="header" linear="no"/><opf:itemref idref="section0" linear="yes"/></opf:spine></opf:package>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><opf:package ${NS} version="" unique-identifier="" id=""><opf:metadata><opf:title>${title}</opf:title><opf:language>ko</opf:language><opf:meta name="creator" content="text"/><opf:meta name="subject" content="text"/><opf:meta name="description" content="text"/><opf:meta name="CreatedDate" content="text">${now}</opf:meta><opf:meta name="ModifiedDate" content="text">${now}</opf:meta><opf:meta name="keyword" content="text"/></opf:metadata><opf:manifest>${items}</opf:manifest><opf:spine><opf:itemref idref="header" linear="yes"/><opf:itemref idref="section0" linear="yes"/></opf:spine></opf:package>`;
 }
 function headerXml(dims, meta, ctx) {
   const fontCount = ctx.fonts.length || 1;
-  const langs = ["HANGUL", "LATIN", "HANJA", "JAPANESE", "OTHER", "SYMBOL", "USER"];
+  const langs = [
+    "HANGUL",
+    "LATIN",
+    "HANJA",
+    "JAPANESE",
+    "OTHER",
+    "SYMBOL",
+    "USER"
+  ];
   let fontFaces = `<hh:fontfaces itemCnt="${langs.length}">`;
   for (const lang of langs) {
     fontFaces += `<hh:fontface lang="${lang}" fontCnt="${fontCount}">`;
@@ -2596,14 +3193,15 @@ function headerXml(dims, meta, ctx) {
   }
   let paraPrXml = "";
   for (const pp of ctx.paraPrs) {
-    paraPrXml += `<hh:paraPr id="${pp.id}" tabPrIDRef="0" condense="0" fontLineHeight="0" snapToGrid="0" suppressLineNumbers="0" checked="0"><hh:align horizontal="${pp.align}" vertical="BASELINE"/><hh:heading type="NONE" idRef="0" level="0"/><hh:breakSetting breakLatinWord="KEEP_WORD" breakNonLatinWord="BREAK_WORD" widowOrphan="0" keepWithNext="0" keepLines="0" pageBreakBefore="0" lineWrap="BREAK"/><hh:autoSpacing eAsianEng="0" eAsianNum="0"/><hh:margin><hc:intent value="0" unit="HWPUNIT"/><hc:left value="0" unit="HWPUNIT"/><hc:right value="0" unit="HWPUNIT"/><hc:prev value="0" unit="HWPUNIT"/><hc:next value="0" unit="HWPUNIT"/></hh:margin><hh:lineSpacing type="PERCENT" value="160" unit="HWPUNIT"/><hh:border borderFillIDRef="1" offsetLeft="0" offsetRight="0" offsetTop="0" offsetBottom="0" connect="0" ignoreMargin="0"/></hh:paraPr>`;
+    const marginSwitch = `<hp:switch><hp:case hp:required-namespace="http://www.hancom.co.kr/hwpml/2016/HwpUnitChar"><hh:margin><hc:intent value="${pp.intentHwp}" unit="HWPUNIT"/><hc:left value="0" unit="HWPUNIT"/><hc:right value="0" unit="HWPUNIT"/><hc:prev value="${pp.prevHwp}" unit="HWPUNIT"/><hc:next value="${pp.nextHwp}" unit="HWPUNIT"/></hh:margin><hh:lineSpacing type="PERCENT" value="${pp.lineSpacing}" unit="HWPUNIT"/></hp:case><hp:default><hh:margin><hc:intent value="${pp.intentHwp}" unit="HWPUNIT"/><hc:left value="0" unit="HWPUNIT"/><hc:right value="0" unit="HWPUNIT"/><hc:prev value="${pp.prevHwp}" unit="HWPUNIT"/><hc:next value="${pp.nextHwp}" unit="HWPUNIT"/></hh:margin><hh:lineSpacing type="PERCENT" value="${pp.lineSpacing}" unit="HWPUNIT"/></hp:default></hp:switch>`;
+    paraPrXml += `<hh:paraPr id="${pp.id}" tabPrIDRef="0" condense="0" fontLineHeight="0" snapToGrid="0" suppressLineNumbers="0" checked="0"><hh:align horizontal="${pp.align}" vertical="BASELINE"/><hh:heading type="NONE" idRef="0" level="0"/><hh:breakSetting breakLatinWord="KEEP_WORD" breakNonLatinWord="BREAK_WORD" widowOrphan="0" keepWithNext="0" keepLines="0" pageBreakBefore="0" lineWrap="BREAK"/><hh:autoSpacing eAsianEng="0" eAsianNum="0"/>${marginSwitch}<hh:border borderFillIDRef="1" offsetLeft="0" offsetRight="0" offsetTop="0" offsetBottom="0" connect="0" ignoreMargin="0"/></hh:paraPr>`;
   }
   const borderFillXml = ctx.borderFills.map((bf) => bf.xml).join("");
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><hh:head ${NS} version="1.2" secCnt="1"><hh:beginNum page="1" footnote="1" endnote="1" pic="1" tbl="1" equation="1"/><hh:refList>${fontFaces}<hh:borderFills itemCnt="${ctx.borderFills.length}">${borderFillXml}</hh:borderFills><hh:charProperties itemCnt="${ctx.charPrs.length}">${charPrXml}</hh:charProperties><hh:paraProperties itemCnt="${ctx.paraPrs.length}">${paraPrXml}</hh:paraProperties><hh:tabProperties itemCnt="1"><hh:tabPr id="0" autoTabLeft="0" autoTabRight="0"/></hh:tabProperties><hh:styles itemCnt="1"><hh:style id="0" type="PARA" name="\uBC14\uD0D5\uAE00" engName="Normal" paraPrIDRef="0" charPrIDRef="0" nextStyleIDRef="0" langID="1042" lockForm="0"/></hh:styles></hh:refList><hh:compatibleDocument targetProgram="HWP201X"><hh:layoutCompatibility/></hh:compatibleDocument><hh:docOption><hh:linkinfo path="" pageInherit="1" footnoteInherit="0"/></hh:docOption><hh:trackchageConfig flags="56"/></hh:head>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><hh:head ${NS} version="1.4" secCnt="1"><hh:beginNum page="1" footnote="1" endnote="1" pic="1" tbl="1" equation="1"/><hh:refList>${fontFaces}<hh:borderFills itemCnt="${ctx.borderFills.length}">${borderFillXml}</hh:borderFills><hh:charProperties itemCnt="${ctx.charPrs.length}">${charPrXml}</hh:charProperties><hh:paraProperties itemCnt="${ctx.paraPrs.length}">${paraPrXml}</hh:paraProperties><hh:tabProperties itemCnt="1"><hh:tabPr id="0" autoTabLeft="0" autoTabRight="0"/></hh:tabProperties><hh:styles itemCnt="1"><hh:style id="0" type="PARA" name="\uBC14\uD0D5\uAE00" engName="Normal" paraPrIDRef="0" charPrIDRef="0" nextStyleIDRef="0" langID="1042" lockForm="0"/></hh:styles></hh:refList><hh:compatibleDocument targetProgram="HWP201X"><hh:layoutCompatibility/></hh:compatibleDocument><hh:docOption><hh:linkinfo path="" pageInherit="1" footnoteInherit="0"/></hh:docOption><hh:trackchageConfig flags="56"/></hh:head>`;
 }
 function sectionXml(sheet, dims, ctx) {
   const kids = sheet?.kids ?? [];
-  const secPr = `<hp:secPr id="" textDirection="HORIZONTAL" spaceColumns="1134" tabStop="8000" outlineShapeIDRef="0" memoShapeIDRef="0" textVerticalWidthHead="0" masterPageCnt="0"><hp:grid lineGrid="0" charGrid="0" wonggojiFormat="0"/><hp:startNum pageStartsOn="BOTH" page="0" pic="0" tbl="0" equation="0"/><hp:visibility hideFirstHeader="0" hideFirstFooter="0" hideFirstMasterPage="0" border="SHOW_ALL" fill="SHOW_ALL" hideFirstPageNum="0" hideFirstEmptyLine="0" showLineNumber="0"/><hp:lineNumberShape restartType="0" countBy="0" distance="0" startNumber="0"/><hp:pagePr landscape="${dims.orient === "landscape" ? "NARROWLY" : "WIDELY"}" width="${Metric.ptToHwp(dims.wPt)}" height="${Metric.ptToHwp(dims.hPt)}" gutterType="LEFT_ONLY"><hp:margin header="2834" footer="2834" gutter="0" left="${Metric.ptToHwp(dims.ml)}" right="${Metric.ptToHwp(dims.mr)}" top="${Metric.ptToHwp(dims.mt)}" bottom="${Metric.ptToHwp(dims.mb)}"/></hp:pagePr><hp:footNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="-1" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="284" belowLine="568" aboveLine="852"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="EACH_COLUMN" beneathText="0"/></hp:footNotePr><hp:endNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="0" type="NONE" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="0" belowLine="576" aboveLine="864"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="END_OF_DOCUMENT" beneathText="0"/></hp:endNotePr><hp:pageBorderFill type="BOTH" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="EVEN" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="ODD" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill></hp:secPr><hp:ctrl><hp:colPr id="" type="NEWSPAPER" layout="LEFT" colCount="1" sameSz="1" sameGap="0"/></hp:ctrl>`;
+  const secPr = `<hp:secPr id="" textDirection="HORIZONTAL" spaceColumns="1134" tabStop="8000" tabStopVal="4000" tabStopUnit="HWPUNIT" outlineShapeIDRef="0" memoShapeIDRef="0" textVerticalWidthHead="0" masterPageCnt="0"><hp:grid lineGrid="0" charGrid="0" wonggojiFormat="0"/><hp:startNum pageStartsOn="BOTH" page="0" pic="0" tbl="0" equation="0"/><hp:visibility hideFirstHeader="0" hideFirstFooter="0" hideFirstMasterPage="0" border="SHOW_ALL" fill="SHOW_ALL" hideFirstPageNum="0" hideFirstEmptyLine="0" showLineNumber="0"/><hp:lineNumberShape restartType="0" countBy="0" distance="0" startNumber="0"/><hp:pagePr landscape="${dims.orient === "landscape" ? "NARROWLY" : "WIDELY"}" width="${Metric.ptToHwp(dims.wPt)}" height="${Metric.ptToHwp(dims.hPt)}" gutterType="LEFT_ONLY"><hp:margin header="2834" footer="2834" gutter="0" left="${Metric.ptToHwp(dims.ml)}" right="${Metric.ptToHwp(dims.mr)}" top="${Metric.ptToHwp(dims.mt)}" bottom="${Metric.ptToHwp(dims.mb)}"/></hp:pagePr><hp:footNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="-1" type="SOLID" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="284" belowLine="568" aboveLine="852"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="EACH_COLUMN" beneathText="0"/></hp:footNotePr><hp:endNotePr><hp:autoNumFormat type="DIGIT" userChar="" prefixChar="" suffixChar=")" supscript="0"/><hp:noteLine length="0" type="NONE" width="0.12 mm" color="#000000"/><hp:noteSpacing betweenNotes="0" belowLine="576" aboveLine="864"/><hp:numbering type="CONTINUOUS" newNum="1"/><hp:placement place="END_OF_DOCUMENT" beneathText="0"/></hp:endNotePr><hp:pageBorderFill type="BOTH" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="EVEN" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill><hp:pageBorderFill type="ODD" borderFillIDRef="1" textBorder="PAPER" headerInside="0" footerInside="0" fillArea="PAPER"><hp:offset left="1417" right="1417" top="1417" bottom="1417"/></hp:pageBorderFill></hp:secPr><hp:ctrl><hp:colPr id="" type="NEWSPAPER" layout="LEFT" colCount="1" sameSz="1" sameGap="0"/></hp:ctrl>`;
   let contentXml = "";
   let isFirst = true;
   const defaultLineseg = `<hp:linesegarray><hp:lineseg textpos="0" vertpos="0" vertsize="1000" textheight="1000" baseline="850" spacing="600" horzpos="0" horzsize="${ctx.availableWidth}" flags="393216"/></hp:linesegarray>`;
@@ -2614,17 +3212,38 @@ function sectionXml(sheet, dims, ctx) {
     } else if (kid.tag === "grid") {
       const gridXml = encodeGrid(kid, ctx);
       const prefix = isFirst ? secPr : "";
-      contentXml += `<hp:p id="${ctx.nextElementId++}" paraPrIDRef="0" styleIDRef="0" pageBreak="0" columnBreak="0" merged="0"><hp:run charPrIDRef="0">${prefix}${gridXml}</hp:run>${defaultLineseg}</hp:p>`;
+      const runsXml = prefix ? `<hp:run charPrIDRef="0">${prefix}</hp:run><hp:run charPrIDRef="0">${gridXml}<hp:t></hp:t></hp:run>` : `<hp:run charPrIDRef="0">${gridXml}<hp:t></hp:t></hp:run>`;
+      contentXml += `<hp:p id="0" paraPrIDRef="0" styleIDRef="0" pageBreak="0" columnBreak="0" merged="0">${runsXml}${defaultLineseg}</hp:p>`;
       isFirst = false;
     }
   }
   if (contentXml === "") {
-    contentXml = `<hp:p id="${ctx.nextElementId++}" paraPrIDRef="0" styleIDRef="0" pageBreak="0" columnBreak="0" merged="0"><hp:run charPrIDRef="0">${secPr}<hp:t></hp:t></hp:run>${defaultLineseg}</hp:p>`;
+    contentXml = `<hp:p id="0" paraPrIDRef="0" styleIDRef="0" pageBreak="0" columnBreak="0" merged="0"><hp:run charPrIDRef="0">${secPr}<hp:t></hp:t></hp:run>${defaultLineseg}</hp:p>`;
   }
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes" ?><hs:sec ${NS}>${contentXml}</hs:sec>`;
 }
-function encodePara(para, ctx, secPr = "") {
+function estimateCellHeight(cell, ctx) {
+  const topPad = 141;
+  const botPad = 141;
+  let contentHeight = 0;
+  for (const para of cell.kids) {
+    const fontSize = getFontSizeForPara(para, ctx);
+    const paraPrId = ctx.paraPrMap.get(paraPrKey(para.props));
+    const paraPr = paraPrId !== void 0 ? ctx.paraPrs[paraPrId] : null;
+    const lineSpacing = paraPr ? paraPr.lineSpacing : 160;
+    const spaceBefore = paraPr ? paraPr.prevHwp : 0;
+    const spaceAfter = paraPr ? paraPr.nextHwp : 0;
+    const lineHeight = Math.round(fontSize * lineSpacing / 100);
+    contentHeight += lineHeight + spaceBefore + spaceAfter;
+  }
+  if (contentHeight === 0) contentHeight = Math.round(1e3 * 1.6);
+  return contentHeight + topPad + botPad;
+}
+function encodePara(para, ctx, secPr = "", availWidth) {
   const paraPrId = registerParaPr(para.props, ctx);
+  const hasPageBreak = para.kids.some(
+    (k) => k.tag === "span" && k.kids.some((c) => c.tag === "pb")
+  );
   let runs = "";
   for (const kid of para.kids) {
     if (kid.tag === "span") {
@@ -2643,12 +3262,15 @@ function encodePara(para, ctx, secPr = "") {
     }
   }
   const fontSize = getFontSizeForPara(para, ctx);
+  const paraPr = ctx.paraPrs[paraPrId];
+  const lineSpacing = paraPr?.lineSpacing ?? 160;
   const vertsize = fontSize;
   const textheight = fontSize;
   const baseline = Math.round(fontSize * 0.85);
-  const spacing = Math.round(fontSize * 0.6);
-  const linesegarray = `<hp:linesegarray><hp:lineseg textpos="0" vertpos="0" vertsize="${vertsize}" textheight="${textheight}" baseline="${baseline}" spacing="${spacing}" horzpos="0" horzsize="${ctx.availableWidth}" flags="393216"/></hp:linesegarray>`;
-  return `<hp:p id="${ctx.nextElementId++}" paraPrIDRef="${paraPrId}" styleIDRef="0" pageBreak="0" columnBreak="0" merged="0">${runs}${linesegarray}</hp:p>`;
+  const spacing = Math.max(0, Math.round(fontSize * (lineSpacing / 100 - 1)));
+  const horzsize = availWidth ?? ctx.availableWidth;
+  const linesegarray = `<hp:linesegarray><hp:lineseg textpos="0" vertpos="0" vertsize="${vertsize}" textheight="${textheight}" baseline="${baseline}" spacing="${spacing}" horzpos="0" horzsize="${horzsize}" flags="393216"/></hp:linesegarray>`;
+  return `<hp:p id="0" paraPrIDRef="${paraPrId}" styleIDRef="0" pageBreak="${hasPageBreak ? "1" : "0"}" columnBreak="0" merged="0">${runs}${linesegarray}</hp:p>`;
 }
 function getFontSizeForPara(para, ctx) {
   for (const kid of para.kids) {
@@ -2681,21 +3303,85 @@ function encodeRun(span, ctx) {
   }
   return `<hp:run charPrIDRef="${charPrId}">${parts.join("")}</hp:run>`;
 }
+var WRAP_HWPX = {
+  inline: "TOP_AND_BOTTOM",
+  square: "SQUARE",
+  tight: "BOTH_SIDES",
+  through: "BOTH_SIDES",
+  none: "FRONT_TEXT",
+  behind: "BEHIND_TEXT",
+  front: "FRONT_TEXT"
+};
+var TEXT_FLOW_HWPX = {
+  inline: "BOTH_SIDES",
+  square: "LARGEST_ONLY",
+  tight: "BOTH_SIDES",
+  through: "BOTH_SIDES",
+  none: "BOTH_SIDES",
+  behind: "BOTH_SIDES",
+  front: "BOTH_SIDES"
+};
+var HORZ_RELTO_HWPX = {
+  para: "PARA",
+  margin: "MARGIN",
+  page: "PAPER",
+  column: "COLUMN"
+};
+var VERT_RELTO_HWPX = {
+  para: "PARA",
+  margin: "MARGIN",
+  page: "PAPER",
+  line: "LINE"
+};
 function encodeImage(img, ctx) {
-  const binId = img._binId;
+  const binId = ctx.imgMap.get(img);
   if (!binId) return "";
   const charPrId = registerCharPr({}, ctx);
   const w = Metric.ptToHwp(img.w);
   const h = Metric.ptToHwp(img.h);
-  return `<hp:run charPrIDRef="${charPrId}"><hp:pic id="${ctx.nextElementId++}" zOrder="0" numberingType="PICTURE" textWrap="TOP_AND_BOTTOM" textFlow="BOTH_SIDES" lock="0" dropcapstyle="None" pageBreak="CELL" treatAsChar="1"><hp:sz width="${w}" widthRelTo="ABSOLUTE" height="${h}" heightRelTo="ABSOLUTE" protect="0"/><hp:pos treatAsChar="1" affectLSpacing="0" flowWithText="1" allowOverlap="0" holdAnchorAndSO="0" vertRelTo="PARA" horzRelTo="PARA" vertAlign="TOP" horzAlign="LEFT" vertOffset="0" horzOffset="0"/><hp:outMargin left="0" right="0" top="0" bottom="0"/><hp:imgRect x="0" y="0" w="${w}" h="${h}"/><hp:imgClip left="0" right="0" top="0" bottom="0"/><hp:img binaryItemIDRef="${binId}" bright="0" contrast="0" effect="REAL_PIC" alpha="0"/></hp:pic></hp:run>`;
+  const cx = Math.round(w / 2);
+  const cy = Math.round(h / 2);
+  const layout = img.layout;
+  const isInline = !layout || layout.wrap === "inline";
+  const textWrap = layout ? WRAP_HWPX[layout.wrap] ?? "TOP_AND_BOTTOM" : "TOP_AND_BOTTOM";
+  const textFlow = layout ? TEXT_FLOW_HWPX[layout.wrap] ?? "BOTH_SIDES" : "BOTH_SIDES";
+  const treatAsChar = isInline ? "1" : "0";
+  const flowWithText = "1";
+  const allowOverlap = !isInline && layout?.wrap !== "behind" && layout?.wrap !== "front" ? "1" : "0";
+  const horzRelTo = layout?.horzRelTo ? HORZ_RELTO_HWPX[layout.horzRelTo] ?? "PARA" : "PARA";
+  const vertRelTo = layout?.vertRelTo ? VERT_RELTO_HWPX[layout.vertRelTo] ?? "PARA" : "PARA";
+  const ALIGN_H = { left: "LEFT", center: "CENTER", right: "RIGHT" };
+  const ALIGN_V = { top: "TOP", center: "CENTER", bottom: "BOTTOM" };
+  const horzAlign = layout?.horzAlign ? ALIGN_H[layout.horzAlign] ?? "LEFT" : "LEFT";
+  const vertAlign = layout?.vertAlign ? ALIGN_V[layout.vertAlign] ?? "TOP" : "TOP";
+  const horzOffset = layout?.xPt != null ? Metric.ptToHwp(layout.xPt) : 0;
+  const vertOffset = layout?.yPt != null ? Metric.ptToHwp(layout.yPt) : 0;
+  const zOrder = ctx.nextZOrder++;
+  return `<hp:run charPrIDRef="${charPrId}"><hp:pic id="${ctx.nextElementId++}" zOrder="${zOrder}" numberingType="PICTURE" textWrap="${textWrap}" textFlow="${textFlow}" lock="0" dropcapstyle="None" href="" groupLevel="0" instid="0" reverse="0"><hp:offset x="0" y="0"/><hp:orgSz width="${w}" height="${h}"/><hp:curSz width="${w}" height="${h}"/><hp:flip horizontal="0" vertical="0"/><hp:rotationInfo angle="0" centerX="${cx}" centerY="${cy}" rotateimage="1"/><hp:renderingInfo><hc:transMatrix e1="1" e2="0" e3="0" e4="0" e5="1" e6="0"/><hc:scaMatrix e1="1" e2="0" e3="0" e4="0" e5="1" e6="0"/><hc:rotMatrix e1="1" e2="0" e3="0" e4="0" e5="1" e6="0"/></hp:renderingInfo><hp:imgRect><hc:pt0 x="0" y="0"/><hc:pt1 x="${w}" y="0"/><hc:pt2 x="${w}" y="${h}"/><hc:pt3 x="0" y="${h}"/></hp:imgRect><hp:imgClip left="0" right="0" top="0" bottom="0"/><hp:inMargin left="0" right="0" top="0" bottom="0"/><hp:imgDim dimwidth="${w}" dimheight="${h}"/><hc:img binaryItemIDRef="${binId}" bright="0" contrast="0" effect="REAL_PIC" alpha="0"/><hp:effects/><hp:sz width="${w}" widthRelTo="ABSOLUTE" height="${h}" heightRelTo="ABSOLUTE" protect="0"/><hp:pos treatAsChar="${treatAsChar}" affectLSpacing="0" flowWithText="${flowWithText}" allowOverlap="${allowOverlap}" holdAnchorAndSO="0" vertRelTo="${vertRelTo}" horzRelTo="${horzRelTo}" vertAlign="${vertAlign}" horzAlign="${horzAlign}" vertOffset="${vertOffset}" horzOffset="${horzOffset}"/><hp:outMargin left="0" right="0" top="0" bottom="0"/></hp:pic><hp:t></hp:t></hp:run>`;
 }
 function encodeGrid(grid, ctx) {
   const rowCount = grid.kids.length;
+  const rowOccupancy = Array.from(
+    { length: rowCount },
+    () => /* @__PURE__ */ new Set()
+  );
   let colCount = 0;
-  for (const row of grid.kids) {
-    let rowCols = 0;
-    for (const cell of row.kids) rowCols += cell.cs;
-    if (rowCols > colCount) colCount = rowCols;
+  for (let ri = 0; ri < grid.kids.length; ri++) {
+    const row = grid.kids[ri];
+    let ci = 0;
+    for (const cell of row.kids) {
+      while (rowOccupancy[ri].has(ci)) ci++;
+      if (cell.rs > 1) {
+        for (let r = ri + 1; r < ri + cell.rs && r < rowCount; r++) {
+          for (let c = ci; c < ci + cell.cs; c++) {
+            rowOccupancy[r].add(c);
+          }
+        }
+      }
+      ci += cell.cs;
+    }
+    while (rowOccupancy[ri].has(ci)) ci++;
+    if (ci > colCount) colCount = ci;
   }
   if (colCount === 0) colCount = grid.kids[0]?.kids.length ?? 1;
   const totalWidth = ctx.availableWidth;
@@ -2708,7 +3394,8 @@ function encodeGrid(grid, ctx) {
     const remaining = Math.max(0, Metric.hwpToPt(totalWidth) - knownTotal);
     const zeroFill = zeroCount > 0 ? remaining / zeroCount : 0;
     for (let i = 0; i < srcPt.length; i++) {
-      if (srcPt[i] <= 0) srcPt[i] = zeroFill > 0 ? zeroFill : Metric.hwpToPt(defaultColW);
+      if (srcPt[i] <= 0)
+        srcPt[i] = zeroFill > 0 ? zeroFill : Metric.hwpToPt(defaultColW);
     }
     for (const wPt of srcPt) colWidths.push(Metric.ptToHwp(wPt));
   } else {
@@ -2717,32 +3404,69 @@ function encodeGrid(grid, ctx) {
   const rawTotal = colWidths.reduce((s, w) => s + w, 0);
   if (rawTotal > totalWidth * 1.05) {
     const scale = totalWidth / rawTotal;
-    for (let i = 0; i < colWidths.length; i++) colWidths[i] = Math.round(colWidths[i] * scale);
+    for (let i = 0; i < colWidths.length; i++)
+      colWidths[i] = Math.round(colWidths[i] * scale);
   }
   const actualTotal = colWidths.reduce((s, w) => s + w, 0);
   const tblBfId = grid.props.defaultStroke ? addBorderFill(ctx, grid.props.defaultStroke) : 2;
+  const rowHeights = [];
+  for (const row of grid.kids) {
+    if (row.heightPt != null && row.heightPt > 0) {
+      rowHeights.push(Metric.ptToHwp(row.heightPt));
+    } else {
+      let maxH = 0;
+      for (const cell of row.kids) {
+        const h = estimateCellHeight(cell, ctx);
+        if (h > maxH) maxH = h;
+      }
+      rowHeights.push(maxH);
+    }
+  }
+  const totalTableHeight = rowHeights.reduce((s, h) => s + h, 0);
   let rowsXml = "";
   for (let ri = 0; ri < grid.kids.length; ri++) {
     const row = grid.kids[ri];
+    const rowH = rowHeights[ri];
     let cellsXml = "";
     let colIdx = 0;
     for (let ci = 0; ci < row.kids.length; ci++) {
       const cell = row.kids[ci];
+      while (rowOccupancy[ri].has(colIdx)) colIdx++;
       let cellBfId = tblBfId;
-      if (cell.props.bg) {
-        cellBfId = addBorderFill(ctx, grid.props.defaultStroke ?? DEFAULT_STROKE, cell.props.bg);
+      const cp = cell.props;
+      const hasPerSideBorder = cp.top || cp.bot || cp.left || cp.right;
+      if (hasPerSideBorder || cp.bg) {
+        if (hasPerSideBorder) {
+          const defStroke = grid.props.defaultStroke ?? DEFAULT_STROKE;
+          cellBfId = addBorderFillPerSide(
+            ctx,
+            cp.top ?? defStroke,
+            cp.right ?? defStroke,
+            cp.bot ?? defStroke,
+            cp.left ?? defStroke,
+            cp.bg
+          );
+        } else {
+          cellBfId = addBorderFill(
+            ctx,
+            grid.props.defaultStroke ?? DEFAULT_STROKE,
+            cp.bg
+          );
+        }
       }
-      const parasXml = cell.kids.map((p) => encodePara(p, ctx)).join("");
       let cellW = 0;
-      for (let sc = colIdx; sc < colIdx + cell.cs && sc < colWidths.length; sc++) cellW += colWidths[sc];
+      for (let sc = colIdx; sc < colIdx + cell.cs && sc < colWidths.length; sc++)
+        cellW += colWidths[sc];
       if (cellW === 0) cellW = defaultColW * cell.cs;
-      cellsXml += `<hp:tc name="" header="0" hasMargin="1" protect="0" editable="0" dirty="0" borderFillIDRef="${cellBfId}"><hp:subList id="" textDirection="HORIZONTAL" lineWrap="BREAK" vertAlign="${cell.props.va === "mid" ? "CENTER" : cell.props.va === "bot" ? "BOTTOM" : "TOP"}" linkListIDRef="0" linkListNextIDRef="0" textWidth="0" textHeight="0" hasTextRef="0" hasNumRef="0">${parasXml}</hp:subList><hp:cellAddr colAddr="${colIdx}" rowAddr="${ri}"/><hp:cellSpan colSpan="${cell.cs}" rowSpan="${cell.rs}"/><hp:cellSz width="${cellW}" height="1000"/><hp:cellMargin left="141" right="141" top="141" bottom="141"/></hp:tc>`;
+      const cellInnerW = Math.max(cellW - 282, 100);
+      const parasXml = cell.kids.map((p) => encodePara(p, ctx, "", cellInnerW)).join("");
+      cellsXml += `<hp:tc name="" header="0" hasMargin="1" protect="0" editable="0" dirty="0" borderFillIDRef="${cellBfId}"><hp:subList id="" textDirection="HORIZONTAL" lineWrap="BREAK" vertAlign="${cell.props.va === "mid" ? "CENTER" : cell.props.va === "bot" ? "BOTTOM" : "TOP"}" linkListIDRef="0" linkListNextIDRef="0" textWidth="0" textHeight="0" hasTextRef="0" hasNumRef="0">${parasXml}</hp:subList><hp:cellAddr colAddr="${colIdx}" rowAddr="${ri}"/><hp:cellSpan colSpan="${cell.cs}" rowSpan="${cell.rs}"/><hp:cellSz width="${cellW}" height="${rowH}"/><hp:cellMargin left="141" right="141" top="141" bottom="141"/></hp:tc>`;
       colIdx += cell.cs;
     }
     rowsXml += `<hp:tr>${cellsXml}</hp:tr>`;
   }
   const headerRow = grid.props.headerRow ? ' repeatHeader="1"' : "";
-  return `<hp:tbl id="${ctx.nextElementId++}" zOrder="0" numberingType="TABLE" textWrap="TOP_AND_BOTTOM" textFlow="BOTH_SIDES" lock="0" dropcapstyle="None" pageBreak="CELL"${headerRow} rowCnt="${rowCount}" colCnt="${colCount}" cellSpacing="0" borderFillIDRef="${tblBfId}" noAdjust="0"><hp:sz width="${actualTotal}" widthRelTo="ABSOLUTE" height="1000" heightRelTo="ABSOLUTE" protect="0"/><hp:pos treatAsChar="1" affectLSpacing="0" flowWithText="1" allowOverlap="0" holdAnchorAndSO="0" vertRelTo="PARA" horzRelTo="PARA" vertAlign="TOP" horzAlign="LEFT" vertOffset="0" horzOffset="0"/><hp:outMargin left="0" right="0" top="0" bottom="0"/><hp:inMargin left="138" right="138" top="138" bottom="138"/>${rowsXml}</hp:tbl>`;
+  return `<hp:tbl id="${ctx.nextElementId++}" zOrder="0" numberingType="TABLE" textWrap="TOP_AND_BOTTOM" textFlow="BOTH_SIDES" lock="0" dropcapstyle="None" pageBreak="NONE"${headerRow} rowCnt="${rowCount}" colCnt="${colCount}" cellSpacing="0" borderFillIDRef="${tblBfId}" noAdjust="0"><hp:sz width="${actualTotal}" widthRelTo="ABSOLUTE" height="${totalTableHeight}" heightRelTo="ABSOLUTE" protect="0"/><hp:pos treatAsChar="1" affectLSpacing="0" flowWithText="1" allowOverlap="0" holdAnchorAndSO="0" vertRelTo="PARA" horzRelTo="PARA" vertAlign="TOP" horzAlign="LEFT" vertOffset="0" horzOffset="0"/><hp:outMargin left="138" right="138" top="138" bottom="138"/><hp:inMargin left="138" right="138" top="138" bottom="138"/>${rowsXml}</hp:tbl>`;
 }
 function extractPreviewText(sheet) {
   if (!sheet) return "";
@@ -2750,17 +3474,21 @@ function extractPreviewText(sheet) {
   for (const kid of sheet.kids) {
     if (kid.tag === "para") {
       const text = kid.kids.map((k) => {
-        if (k.tag === "span") return k.kids.map((c) => c.tag === "txt" ? c.content : "").join("");
+        if (k.tag === "span")
+          return k.kids.map((c) => c.tag === "txt" ? c.content : "").join("");
         return "";
       }).join("");
       if (text) lines.push(text);
     } else if (kid.tag === "grid") {
       for (const row of kid.kids) {
         const cells = row.kids.map(
-          (cell) => cell.kids.map((p) => p.kids.map((k) => {
-            if (k.tag === "span") return k.kids.map((c) => c.tag === "txt" ? c.content : "").join("");
-            return "";
-          }).join("")).join("")
+          (cell) => cell.kids.map(
+            (p) => p.kids.map((k) => {
+              if (k.tag === "span")
+                return k.kids.map((c) => c.tag === "txt" ? c.content : "").join("");
+              return "";
+            }).join("")
+          ).join("")
         );
         lines.push(cells.join("	"));
       }
@@ -2781,10 +3509,10 @@ var DocxEncoder = class {
   async encode(doc) {
     try {
       const sheet = doc.kids[0];
-      const dims = sheet?.dims ?? A4;
+      const dims = normalizeDims(sheet?.dims ?? A4);
       const kids = sheet?.kids ?? [];
       const images = [];
-      const ctx = { images, nextId: 10, nextImgNum: 1, warns: [] };
+      const ctx = { images, nextId: 10, nextImgNum: 1, warns: [], imgMap: /* @__PURE__ */ new WeakMap() };
       collectImages(kids, ctx);
       let headerParas = sheet?.header;
       let footerParas = sheet?.footer;
@@ -2848,13 +3576,13 @@ function collectImagesFromPara(para, ctx) {
   }
 }
 function registerImage2(img, ctx) {
-  if (img._rId) return;
+  if (ctx.imgMap.has(img)) return;
   const ext = mimeToExt2(img.mime);
   const name = `image${ctx.nextImgNum++}.${ext}`;
   const rId = `rId${ctx.nextId++}`;
   const data = TextKit.base64Decode(img.b64);
   ctx.images.push({ rId, name, data, ext });
-  img._rId = rId;
+  ctx.imgMap.set(img, rId);
 }
 function collectNumbering(kids) {
   let hasBullet = false;
@@ -3049,13 +3777,26 @@ function encodeParaInner(para, ctx) {
     const ilvl = para.props.listLv ?? 0;
     numPr = `<w:pStyle w:val="ListParagraph"/><w:numPr><w:ilvl w:val="${ilvl}"/><w:numId w:val="${numId}"/></w:numPr>`;
   }
+  let spacingXml = "";
+  const { spaceBefore, spaceAfter, lineHeight } = para.props;
+  if (spaceBefore !== void 0 || spaceAfter !== void 0 || lineHeight !== void 0) {
+    const parts = [];
+    if (spaceBefore !== void 0) parts.push(`w:before="${Metric.ptToDxa(spaceBefore)}"`);
+    if (spaceAfter !== void 0) parts.push(`w:after="${Metric.ptToDxa(spaceAfter)}"`);
+    if (lineHeight !== void 0) parts.push(`w:line="${Math.round(lineHeight * 240)}" w:lineRule="auto"`);
+    spacingXml = `<w:spacing ${parts.join(" ")}/>`;
+  }
+  let indentXml = "";
+  if (para.props.indentPt !== void 0) {
+    indentXml = `<w:ind w:left="${Metric.ptToDxa(para.props.indentPt)}"/>`;
+  }
   const runs = para.kids.map((k) => {
     if (k.tag === "span") return encodeRun2(k, ctx);
     if (k.tag === "img") return encodeImage2(k, ctx);
     return "";
   }).join("");
   return `    <w:p>
-      <w:pPr>${headStyle}${numPr}<w:jc w:val="${align === "justify" ? "both" : align}"/></w:pPr>
+      <w:pPr>${headStyle}${numPr}${spacingXml}${indentXml}<w:jc w:val="${align === "justify" ? "both" : align}"/></w:pPr>
       ${runs}
     </w:p>`;
 }
@@ -3086,14 +3827,77 @@ function encodeRun2(span, _ctx) {
   }
   return parts.join("");
 }
-function encodeImage2(img, _ctx) {
-  const rId = img._rId;
+function encodeImage2(img, ctx) {
+  const rId = ctx.imgMap.get(img);
   if (!rId) return "";
   const cx = Metric.ptToEmu(img.w);
   const cy = Metric.ptToEmu(img.h);
   const alt = esc2(img.alt ?? "");
-  return `<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extent cx="${cx}" cy="${cy}"/><wp:docPr id="${_ctx.nextId++}" name="Image" descr="${alt}"/><a:graphic><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:pic><pic:nvPicPr><pic:cNvPr id="0" name="Image"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${rId}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r>`;
+  const docPrId = ctx.nextId++;
+  const graphic = `<a:graphic><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:pic><pic:nvPicPr><pic:cNvPr id="0" name="Image"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${rId}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic>`;
+  const layout = img.layout;
+  const isInline = !layout || layout.wrap === "inline";
+  if (isInline) {
+    return `<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extent cx="${cx}" cy="${cy}"/><wp:docPr id="${docPrId}" name="Image" descr="${alt}"/>${graphic}</wp:inline></w:drawing></w:r>`;
+  }
+  return `<w:r><w:drawing>${encodeAnchor(img, cx, cy, alt, docPrId, graphic, layout)}</w:drawing></w:r>`;
+}
+function encodeAnchor(_img, cx, cy, alt, docPrId, graphic, layout) {
+  const distT = Metric.ptToEmu(layout.distT ?? 0);
+  const distB = Metric.ptToEmu(layout.distB ?? 0);
+  const distL = Metric.ptToEmu(layout.distL ?? 9144);
+  const distR = Metric.ptToEmu(layout.distR ?? 9144);
+  const behindDoc = layout.behindDoc || layout.wrap === "behind" ? "1" : "0";
+  const relH = layout.zOrder ?? 251658240;
+  const horzRelFrom = HORZ_RELTO_DOCX[layout.horzRelTo ?? "column"] ?? "column";
+  let posH;
+  if (layout.xPt != null) {
+    posH = `<wp:positionH relativeFrom="${horzRelFrom}"><wp:posOffset>${Metric.ptToEmu(layout.xPt)}</wp:posOffset></wp:positionH>`;
+  } else {
+    const ha = HORZ_ALIGN_DOCX[layout.horzAlign ?? "left"] ?? "left";
+    posH = `<wp:positionH relativeFrom="${horzRelFrom}"><wp:align>${ha}</wp:align></wp:positionH>`;
+  }
+  const vertRelFrom = VERT_RELTO_DOCX[layout.vertRelTo ?? "para"] ?? "paragraph";
+  let posV;
+  if (layout.yPt != null) {
+    posV = `<wp:positionV relativeFrom="${vertRelFrom}"><wp:posOffset>${Metric.ptToEmu(layout.yPt)}</wp:posOffset></wp:positionV>`;
+  } else {
+    const va = VERT_ALIGN_DOCX[layout.vertAlign ?? "top"] ?? "top";
+    posV = `<wp:positionV relativeFrom="${vertRelFrom}"><wp:align>${va}</wp:align></wp:positionV>`;
+  }
+  const wrapXml = WRAP_DOCX[layout.wrap] ?? '<wp:wrapSquare wrapText="bothSides"/>';
+  return `<wp:anchor distT="${distT}" distB="${distB}" distL="${distL}" distR="${distR}" simplePos="0" relativeHeight="${relH}" behindDoc="${behindDoc}" locked="0" layoutInCell="1" allowOverlap="1"><wp:simplePos x="0" y="0"/>${posH}${posV}<wp:extent cx="${cx}" cy="${cy}"/><wp:effectExtent l="0" t="0" r="0" b="0"/>${wrapXml}<wp:docPr id="${docPrId}" name="Image" descr="${alt}"/>${graphic}</wp:anchor>`;
 }
+var HORZ_RELTO_DOCX = {
+  margin: "margin",
+  column: "column",
+  page: "page",
+  para: "paragraph"
+};
+var VERT_RELTO_DOCX = {
+  margin: "margin",
+  line: "line",
+  page: "page",
+  para: "paragraph"
+};
+var HORZ_ALIGN_DOCX = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
+var VERT_ALIGN_DOCX = {
+  top: "top",
+  center: "center",
+  bottom: "bottom"
+};
+var WRAP_DOCX = {
+  square: '<wp:wrapSquare wrapText="bothSides"/>',
+  tight: '<wp:wrapTight><wp:wrapPolygon edited="0"><wp:start x="0" y="0"/><wp:lineTo x="0" y="21600"/><wp:lineTo x="21600" y="21600"/><wp:lineTo x="21600" y="0"/><wp:lineTo x="0" y="0"/></wp:wrapPolygon></wp:wrapTight>',
+  through: '<wp:wrapThrough wrapText="bothSides"><wp:wrapPolygon edited="0"><wp:start x="0" y="0"/><wp:lineTo x="0" y="21600"/><wp:lineTo x="21600" y="21600"/><wp:lineTo x="21600" y="0"/><wp:lineTo x="0" y="0"/></wp:wrapPolygon></wp:wrapThrough>',
+  none: "<wp:wrapNone/>",
+  behind: "<wp:wrapNone/>",
+  front: "<wp:wrapNone/>"
+};
 function encodeGrid2(grid, ctx, dims) {
   const gp = grid.props;
   const look = gp.look;
@@ -3105,129 +3909,115 @@ function encodeGrid2(grid, ctx, dims) {
   const noVBand = look?.bandedCols ? "0" : "1";
   const d = dims ?? A4;
   const availDxa = Metric.ptToDxa(d.wPt - d.ml - d.mr);
+  const tableMap = Array.from({ length: grid.kids.length }, () => []);
   let colCount = 0;
-  for (const row of grid.kids) {
-    let rowCols = 0;
-    for (const cell of row.kids) rowCols += cell.cs;
-    if (rowCols > colCount) colCount = rowCols;
+  for (let ri = 0; ri < grid.kids.length; ri++) {
+    let c = 0;
+    for (const cell of grid.kids[ri].kids) {
+      while (tableMap[ri][c]) c++;
+      tableMap[ri][c] = { type: "real", cell, width: cell.cs };
+      for (let rr = 0; rr < cell.rs; rr++) {
+        for (let cc = 0; cc < cell.cs; cc++) {
+          if (rr === 0 && cc === 0) continue;
+          if (!tableMap[ri + rr]) tableMap[ri + rr] = [];
+          if (rr > 0 && cc === 0) {
+            tableMap[ri + rr][c + cc] = { type: "continue", width: cell.cs };
+          } else {
+            tableMap[ri + rr][c + cc] = { type: "empty" };
+          }
+        }
+      }
+      c += cell.cs;
+    }
+    if (c > colCount) colCount = c;
   }
   if (colCount === 0) colCount = grid.kids[0]?.kids.length ?? 1;
+  for (let ri = 0; ri < grid.kids.length; ri++) {
+    for (let c = 0; c < colCount; c++) {
+      if (!tableMap[ri][c]) tableMap[ri][c] = { type: "empty" };
+    }
+  }
   const defaultColDxa = Math.round(availDxa / colCount);
-  const colWidthsDxa = [];
-  if (grid.props.colWidths && grid.props.colWidths.length === colCount) {
+  let colWidthsDxa = [];
+  if (grid.props.colWidths && grid.props.colWidths.length > 0) {
     const srcPt = [...grid.props.colWidths];
-    const knownTotal = srcPt.filter((w) => w > 0).reduce((s, w) => s + w, 0);
+    while (srcPt.length < colCount) {
+      srcPt.push(0);
+    }
+    srcPt.length = colCount;
+    const knownTotalPt = srcPt.filter((w) => w > 0).reduce((s, w) => s + w, 0);
     const zeroCount = srcPt.filter((w) => w <= 0).length;
-    const remaining = Math.max(0, Metric.dxaToPt(availDxa) - knownTotal);
-    const zeroFill = zeroCount > 0 ? remaining / zeroCount : 0;
+    const availPt = Metric.dxaToPt(availDxa);
+    const remainingPt = Math.max(0, availPt - knownTotalPt);
+    const zeroFillPt = zeroCount > 0 ? remainingPt / zeroCount : 0;
     for (let i = 0; i < srcPt.length; i++) {
-      if (srcPt[i] <= 0) srcPt[i] = zeroFill > 0 ? zeroFill : Metric.dxaToPt(defaultColDxa);
+      if (srcPt[i] <= 0) {
+        srcPt[i] = zeroFillPt > 0 ? zeroFillPt : availPt / colCount;
+      }
+    }
+    colWidthsDxa = srcPt.map((w) => Math.round(Metric.ptToDxa(w)));
+    const computedTotalDxa = colWidthsDxa.reduce((s, w) => s + w, 0);
+    if (computedTotalDxa > availDxa) {
+      const scale = availDxa / computedTotalDxa;
+      colWidthsDxa = colWidthsDxa.map((w) => Math.round(w * scale));
     }
-    const srcWidths = srcPt.map((w) => Metric.ptToDxa(w));
-    const srcTotal = srcWidths.reduce((s, w) => s + w, 0);
-    const scale = srcTotal > availDxa ? availDxa / srcTotal : 1;
-    for (const w of srcWidths) colWidthsDxa.push(Math.round(w * scale));
   } else {
     for (let c = 0; c < colCount; c++) colWidthsDxa.push(defaultColDxa);
   }
   const totalDxa = colWidthsDxa.reduce((s, w) => s + w, 0);
-  const gridCols = colWidthsDxa.map((w) => `<w:gridCol w:w="${Math.round(w)}"/>`).join("");
-  const vMergeMap = /* @__PURE__ */ new Map();
-  for (let ri = 0; ri < grid.kids.length; ri++) {
-    let colIdx = 0;
-    for (const cell of grid.kids[ri].kids) {
-      if (cell.rs > 1) {
-        vMergeMap.set(`${ri},${colIdx}`, "restart");
-        for (let sr = 1; sr < cell.rs; sr++) {
-          vMergeMap.set(`${ri + sr},${colIdx}`, "continue");
-        }
-      }
-      colIdx += cell.cs;
-    }
-  }
+  const gridCols = colWidthsDxa.map((w) => `<w:gridCol w:w="${w}"/>`).join("");
   const rows = grid.kids.map((row, ri) => {
-    let colIdx = 0;
     const cellXmls = [];
-    let srcCellIdx = 0;
-    while (srcCellIdx < row.kids.length) {
-      const cell = row.kids[srcCellIdx];
-      const mergeType = vMergeMap.get(`${ri},${colIdx}`);
-      const cp = cell.props;
-      const tcPrParts = [];
-      let cellW = 0;
-      for (let sc = colIdx; sc < colIdx + cell.cs && sc < colWidthsDxa.length; sc++) cellW += colWidthsDxa[sc];
-      if (cellW === 0) cellW = defaultColDxa * cell.cs;
-      tcPrParts.push(`<w:tcW w:w="${Math.round(cellW)}" w:type="dxa"/>`);
-      if (cell.cs > 1) tcPrParts.push(`<w:gridSpan w:val="${cell.cs}"/>`);
-      if (cell.rs > 1) {
-        tcPrParts.push(`<w:vMerge w:val="restart"/>`);
-      }
-      const borders = encodeCellBorders(cp);
-      if (borders) tcPrParts.push(borders);
-      if (cp.bg) tcPrParts.push(`<w:shd w:val="clear" w:color="auto" w:fill="${cp.bg}"/>`);
-      if (cp.va) {
-        const vaMap = { top: "top", mid: "center", bot: "bottom" };
-        tcPrParts.push(`<w:vAlign w:val="${vaMap[cp.va] ?? "top"}"/>`);
-      }
-      const tcPr = `<w:tcPr>${tcPrParts.join("")}</w:tcPr>`;
-      cellXmls.push(`      <w:tc>${tcPr}${cell.kids.map((p) => encodeParaInner(p, ctx)).join("")}</w:tc>`);
-      colIdx += cell.cs;
-      srcCellIdx++;
-    }
-    const finalCells = [];
-    let finalColIdx = 0;
-    let cellIter = 0;
-    const totalGridCols = colCount;
-    finalColIdx = 0;
-    cellIter = 0;
-    for (let gc = 0; gc < totalGridCols; ) {
-      const mergeType = vMergeMap.get(`${ri},${gc}`);
-      if (mergeType === "continue") {
-        let origCs = 1;
-        for (let sr = ri - 1; sr >= 0; sr--) {
-          const mt = vMergeMap.get(`${sr},${gc}`);
-          if (mt === "restart") {
-            let col = 0;
-            for (const c of grid.kids[sr].kids) {
-              if (col === gc) {
-                origCs = c.cs;
-                break;
-              }
-              col += c.cs;
-            }
-            break;
-          }
-        }
+    for (let c = 0; c < colCount; c++) {
+      const mapEntry = tableMap[ri][c];
+      if (mapEntry.type === "empty") continue;
+      if (mapEntry.type === "continue") {
         let cw = 0;
-        for (let sc = gc; sc < gc + origCs && sc < colWidthsDxa.length; sc++) cw += colWidthsDxa[sc];
-        if (cw === 0) cw = defaultColDxa * origCs;
+        for (let sc = c; sc < c + mapEntry.width && sc < colWidthsDxa.length; sc++) cw += colWidthsDxa[sc];
+        if (cw === 0) cw = defaultColDxa * mapEntry.width;
         let contParts = `<w:tcW w:w="${Math.round(cw)}" w:type="dxa"/>`;
-        if (origCs > 1) contParts += `<w:gridSpan w:val="${origCs}"/>`;
+        if (mapEntry.width > 1) contParts += `<w:gridSpan w:val="${mapEntry.width}"/>`;
         contParts += `<w:vMerge/>`;
-        finalCells.push(`      <w:tc><w:tcPr>${contParts}</w:tcPr><w:p><w:pPr/></w:p></w:tc>`);
-        gc += origCs;
-      } else {
-        if (cellIter < cellXmls.length) {
-          finalCells.push(cellXmls[cellIter]);
-          gc += row.kids[cellIter]?.cs ?? 1;
-          cellIter++;
-        } else {
-          gc++;
+        cellXmls.push(`      <w:tc><w:tcPr>${contParts}</w:tcPr><w:p><w:pPr/></w:p></w:tc>`);
+      }
+      if (mapEntry.type === "real") {
+        const cell = mapEntry.cell;
+        const cp = cell.props;
+        const tcPrParts = [];
+        let cellW = 0;
+        for (let sc = c; sc < c + cell.cs && sc < colWidthsDxa.length; sc++) cellW += colWidthsDxa[sc];
+        if (cellW === 0) cellW = defaultColDxa * cell.cs;
+        tcPrParts.push(`<w:tcW w:w="${Math.round(cellW)}" w:type="dxa"/>`);
+        if (cell.cs > 1) tcPrParts.push(`<w:gridSpan w:val="${cell.cs}"/>`);
+        if (cell.rs > 1) tcPrParts.push(`<w:vMerge w:val="restart"/>`);
+        const borders = encodeCellBorders(cp);
+        if (borders) tcPrParts.push(borders);
+        if (cp.bg) tcPrParts.push(`<w:shd w:val="clear" w:color="auto" w:fill="${cp.bg}"/>`);
+        if (cp.va) {
+          const vaMap = { top: "top", mid: "center", bot: "bottom" };
+          tcPrParts.push(`<w:vAlign w:val="${vaMap[cp.va] ?? "top"}"/>`);
         }
+        const tcPr = `<w:tcPr>${tcPrParts.join("")}</w:tcPr>`;
+        cellXmls.push(`      <w:tc>${tcPr}${cell.kids.map((p) => encodeParaInner(p, ctx)).join("")}</w:tc>`);
       }
     }
-    let trPr = "";
+    const trPrParts = [];
     if (ri === 0 && (gp.headerRow || look?.firstRow)) {
-      trPr = "<w:trPr><w:tblHeader/></w:trPr>";
+      trPrParts.push("<w:tblHeader/>");
     }
+    if (row.heightPt != null && row.heightPt > 0) {
+      const hDxa = Math.round(Metric.ptToDxa(row.heightPt));
+      trPrParts.push(`<w:trHeight w:val="${hDxa}" w:hRule="exact"/>`);
+    }
+    const trPr = trPrParts.length > 0 ? `<w:trPr>${trPrParts.join("")}</w:trPr>` : "";
     return `    <w:tr>${trPr}
-${finalCells.join("\n")}
+${cellXmls.join("\n")}
     </w:tr>`;
   }).join("\n");
   let tblBorders = "";
   if (gp.defaultStroke) {
     const s = gp.defaultStroke;
-    const strokeKindMap = { solid: "single", dash: "dashed", dot: "dotted", double: "double", none: "none" };
+    const strokeKindMap = { solid: "single", dash: "dash", dot: "dot", double: "double", none: "none" };
     const val = strokeKindMap[s.kind] ?? "single";
     const sz = Math.round(s.pt * 8);
     const bdr = `w:val="${val}" w:sz="${sz}" w:space="0" w:color="${s.color}"`;
@@ -3241,7 +4031,7 @@ ${rows}
 }
 function encodeCellBorders(cp) {
   if (!cp.top && !cp.bot && !cp.left && !cp.right) return "";
-  const strokeKindMap = { solid: "single", dash: "dashed", dot: "dotted", double: "double", none: "none" };
+  const strokeKindMap = { solid: "single", dash: "dash", dot: "dot", double: "double", none: "none" };
   const encode = (s, tag) => {
     if (!s || !tag) return "";
     const val = strokeKindMap[s.kind] ?? "single";
@@ -3250,6 +4040,11 @@ function encodeCellBorders(cp) {
   return `<w:tcBorders>${encode(cp.top, "top")}${encode(cp.bot, "bottom")}${encode(cp.left, "left")}${encode(cp.right, "right")}</w:tcBorders>`;
 }
 function esc2(s) {
+  if (!s) return "";
+  s = s.replace(/__EXT_\d+__/g, "");
+  s = s.replace(/湰灧/g, "");
+  s = s.replace(/\uFEFF/g, "");
+  s = s.replace(/[^\x09\x0A\x0D\x20-\uD7FF\uE000-\uFFFD]/g, "");
   return TextKit.escapeXml(s);
 }
 registry.registerEncoder(new DocxEncoder());
@@ -3294,10 +4089,6 @@ function encodePara2(para, warns) {
   return text;
 }
 function encodeSpan(span, warns) {
-  if (span.props.font) warns.push(`[SHIELD] MD: \uAE00\uAF34(${span.props.font}) \uD45C\uD604 \uBD88\uAC00 \u2014 \uC190\uC2E4\uB428`);
-  if (span.props.pt) warns.push(`[SHIELD] MD: \uAE00\uC790 \uD06C\uAE30(${span.props.pt}pt) \uD45C\uD604 \uBD88\uAC00 \u2014 \uC190\uC2E4\uB428`);
-  if (span.props.color) warns.push(`[SHIELD] MD: \uAE00\uC790 \uC0C9\uC0C1(#${span.props.color}) \uD45C\uD604 \uBD88\uAC00 \u2014 \uC190\uC2E4\uB428`);
-  if (span.props.bg) warns.push(`[SHIELD] MD: \uBC30\uACBD \uC0C9\uC0C1(#${span.props.bg}) \uD45C\uD604 \uBD88\uAC00 \u2014 \uC190\uC2E4\uB428`);
   let hasPageNum = false;
   const textParts = [];
   for (const kid of span.kids) {
@@ -3309,6 +4100,31 @@ function encodeSpan(span, warns) {
   }
   let r = textParts.join("");
   if (hasPageNum && r === "") r = "[\uD398\uC774\uC9C0 \uBC88\uD638]";
+  const cssStyles = [];
+  if (span.props.font) cssStyles.push(`font-family: ${span.props.font}`);
+  if (span.props.pt) cssStyles.push(`font-size: ${span.props.pt}pt`);
+  if (span.props.color) cssStyles.push(`color: #${span.props.color}`);
+  if (span.props.bg) cssStyles.push(`background-color: #${span.props.bg}`);
+  const hasHtmlStyle = cssStyles.length > 0;
+  if (hasHtmlStyle) {
+    if (span.props.b) cssStyles.push("font-weight: bold");
+    if (span.props.i) cssStyles.push("font-style: italic");
+    if (span.props.s) cssStyles.push("text-decoration: line-through");
+    if (span.props.u) {
+      const existing = cssStyles.find((s) => s.startsWith("text-decoration:"));
+      if (existing) {
+        const idx = cssStyles.indexOf(existing);
+        cssStyles[idx] = existing.replace("line-through", "underline line-through");
+        if (!existing.includes("line-through")) cssStyles[idx] = existing + " underline";
+      } else {
+        cssStyles.push("text-decoration: underline");
+      }
+    }
+    const styleAttr = cssStyles.join("; ");
+    if (span.props.sup) return `<sup style="${styleAttr}">${r}</sup>`;
+    if (span.props.sub) return `<sub style="${styleAttr}">${r}</sub>`;
+    return `<span style="${styleAttr}">${r}</span>`;
+  }
   if (span.props.b && span.props.i) r = `***${r}***`;
   else if (span.props.b) r = `**${r}**`;
   else if (span.props.i) r = `*${r}*`;
@@ -3321,17 +4137,68 @@ function encodeSpan(span, warns) {
 function encodeImage3(img) {
   return `![${img.alt ?? ""}](data:${img.mime};base64,${img.b64})`;
 }
+function strokeToCss(s) {
+  if (!s || s.kind === "none" || s.pt <= 0) return void 0;
+  const kindMap = { solid: "solid", dash: "dashed", dot: "dotted", double: "double", none: "none" };
+  const style = kindMap[s.kind] ?? "solid";
+  const px = Math.max(1, Math.round(s.pt * 96 / 72));
+  const color = s.color.startsWith("#") ? s.color : `#${s.color}`;
+  return `${px}px ${style} ${color}`;
+}
 function encodeGrid3(grid, warns) {
   if (grid.kids.length === 0) return "";
-  if (grid.props.look) warns.push("[SHIELD] MD: \uD45C \uC2A4\uD0C0\uC77C(\uC0C9\uC0C1, \uD14C\uB450\uB9AC, \uBA38\uB9AC\uD589 \uAC15\uC870) \uD45C\uD604 \uBD88\uAC00 \u2014 \uC190\uC2E4\uB428");
-  const rows = grid.kids.map(
-    (row) => `| ${row.kids.map((cell) => cell.kids.map((p) => encodePara2(p, warns)).join(" ")).join(" | ")} |`
-  );
-  if (rows.length > 0) {
-    const cols = grid.kids[0].kids.length;
-    rows.splice(1, 0, `| ${Array(cols).fill("---").join(" | ")} |`);
+  const rowCount = grid.kids.length;
+  const occupancy = Array.from({ length: rowCount }, () => /* @__PURE__ */ new Set());
+  let colCount = 0;
+  for (let ri = 0; ri < rowCount; ri++) {
+    const row = grid.kids[ri];
+    let ci = 0;
+    for (const cell of row.kids) {
+      while (occupancy[ri].has(ci)) ci++;
+      if (cell.rs > 1) {
+        for (let r = ri + 1; r < ri + cell.rs && r < rowCount; r++) {
+          for (let c = ci; c < ci + cell.cs; c++) occupancy[r].add(c);
+        }
+      }
+      ci += cell.cs;
+    }
+    while (occupancy[ri].has(ci)) ci++;
+    if (ci > colCount) colCount = ci;
+  }
+  let rows = "";
+  for (let ri = 0; ri < rowCount; ri++) {
+    const row = grid.kids[ri];
+    let cells = "";
+    let colIdx = 0;
+    for (const cell of row.kids) {
+      while (occupancy[ri].has(colIdx)) colIdx++;
+      const cs = cell.cs > 1 ? ` colspan="${cell.cs}"` : "";
+      const rs = cell.rs > 1 ? ` rowspan="${cell.rs}"` : "";
+      const styles = ["padding:4px 6px", "vertical-align:top"];
+      const top = strokeToCss(cell.props.top);
+      const bot = strokeToCss(cell.props.bot);
+      const left = strokeToCss(cell.props.left);
+      const right = strokeToCss(cell.props.right);
+      if (top) styles.push(`border-top:${top}`);
+      if (bot) styles.push(`border-bottom:${bot}`);
+      if (left) styles.push(`border-left:${left}`);
+      if (right) styles.push(`border-right:${right}`);
+      if (cell.props.bg) styles.push(`background-color:#${cell.props.bg}`);
+      if (cell.props.va === "mid") styles[1] = "vertical-align:middle";
+      else if (cell.props.va === "bot") styles[1] = "vertical-align:bottom";
+      const tag = grid.props.headerRow && ri === 0 || cell.props.isHeader ? "th" : "td";
+      const content = cell.kids.map((p) => encodePara2(p, warns)).join("\n");
+      cells += `<${tag}${cs}${rs} style="${styles.join(";")}">${content}</${tag}>`;
+      colIdx += cell.cs;
+    }
+    rows += `<tr>${cells}</tr>
+`;
   }
-  return rows.join("\n");
+  return `<table style="border-collapse:collapse;width:100%">
+<tbody>
+${rows}</tbody>
+</table>
+`;
 }
 registry.registerEncoder(new MdEncoder());
 
@@ -3378,8 +4245,15 @@ var Pipeline = class _Pipeline {
   }
 };
 function detectFormat(data) {
-  if (data[0] === 80 && data[1] === 75) return "zip";
   if (data[0] === 208 && data[1] === 207 && data[2] === 17 && data[3] === 224) return "hwp";
+  if (data[0] === 80 && data[1] === 75) {
+    const str = new TextDecoder("utf-8", { fatal: false }).decode(data.slice(0, 4096));
+    if (str.includes("wordprocessingml")) return "docx";
+    if (str.includes("ha-xml")) return "hwpx";
+    if (str.includes("hwpml/")) return "hwpx";
+    if (str.includes("word/")) return "docx";
+    return "hwpx";
+  }
   return "md";
 }
 function getExt(name) {
@@ -3387,6 +4261,1017 @@ function getExt(name) {
   return parts.length > 1 ? parts[parts.length - 1].toLowerCase() : void 0;
 }
 
+// src/encoders/html/HtmlEncoder.ts
+var HtmlEncoder = class {
+  constructor() {
+    this.format = "html";
+  }
+  async encode(doc) {
+    try {
+      const warns = [];
+      const bodyParts = [];
+      for (const sheet of doc.kids) {
+        if (sheet.header && sheet.header.length > 0) {
+          const hText = sheet.header.map((p) => encodePara3(p, warns)).join("");
+          bodyParts.push(`<div class="hwp-header">${hText}</div>`);
+        }
+        for (const kid of sheet.kids) {
+          bodyParts.push(encodeContent3(kid, warns));
+        }
+        if (sheet.footer && sheet.footer.length > 0) {
+          const fText = sheet.footer.map((p) => encodePara3(p, warns)).join("");
+          bodyParts.push(`<div class="hwp-footer">${fText}</div>`);
+        }
+      }
+      const title = esc3(doc.meta?.title ?? "");
+      const html = `<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${title}</title>
+<style>
+${BASE_CSS}
+</style>
+</head>
+<body>
+<div class="hwp-doc">
+${bodyParts.join("\n")}
+</div>
+</body>
+</html>`;
+      return succeed(TextKit.encode(html), warns);
+    } catch (e) {
+      return fail(`HTML encode error: ${e?.message ?? String(e)}`);
+    }
+  }
+};
+var BASE_CSS = `
+body { margin: 0; padding: 0; background: #f0f0f0; }
+.hwp-doc { max-width: 800px; margin: 0 auto; background: #fff; padding: 40px 60px; box-shadow: 0 0 8px rgba(0,0,0,0.15); }
+.hwp-header, .hwp-footer { color: #666; font-size: 0.9em; border-bottom: 1px solid #ddd; margin-bottom: 8px; padding-bottom: 4px; }
+.hwp-footer { border-top: 1px solid #ddd; border-bottom: none; margin-top: 8px; padding-top: 4px; }
+p { margin: 0; padding: 0; line-height: 1.6; }
+table { border-collapse: collapse; width: 100%; margin: 8px 0; }
+td, th { border: 1px solid #ccc; padding: 4px 8px; vertical-align: top; }
+img { max-width: 100%; height: auto; }
+`.trim();
+function encodeContent3(node, warns) {
+  return node.tag === "grid" ? encodeGrid4(node, warns) : encodePara3(node, warns);
+}
+function encodePara3(para, warns) {
+  const kids = para.kids.map((k) => {
+    if (k.tag === "span") return encodeSpan2(k, warns);
+    if (k.tag === "img") return encodeImage4(k);
+    if (k.tag === "link") {
+      const link = k;
+      const inner = link.kids.map((s) => encodeSpan2(s, warns)).join("");
+      return `<a href="${esc3(link.href)}">${inner}</a>`;
+    }
+    return "";
+  }).join("");
+  if (para.props.heading) {
+    const tag = `h${para.props.heading}`;
+    return `<${tag}>${kids}</${tag}>
+`;
+  }
+  if (para.props.listOrd !== void 0) {
+    const indent = (para.props.listLv ?? 0) * 20;
+    const style = indent > 0 ? ` style="margin-left:${indent}px"` : "";
+    const marker = para.props.listOrd ? `<span class="list-marker">1. </span>` : `<span class="list-marker">\u2022 </span>`;
+    return `<p${style}>${marker}${kids}</p>
+`;
+  }
+  const align = para.props.align;
+  const styleAttrs = [];
+  if (align && align !== "left") styleAttrs.push(`text-align:${align}`);
+  if (para.props.indentPt) styleAttrs.push(`margin-left:${para.props.indentPt.toFixed(1)}pt`);
+  if (para.props.spaceBefore) styleAttrs.push(`margin-top:${para.props.spaceBefore.toFixed(1)}pt`);
+  if (para.props.spaceAfter) styleAttrs.push(`margin-bottom:${para.props.spaceAfter.toFixed(1)}pt`);
+  if (para.props.lineHeight) styleAttrs.push(`line-height:${para.props.lineHeight}`);
+  const styleAttr = styleAttrs.length > 0 ? ` style="${styleAttrs.join(";")}"` : "";
+  return `<p${styleAttr}>${kids || "&nbsp;"}</p>
+`;
+}
+function encodeSpan2(span, warns) {
+  const parts = [];
+  let hasPageNum = false;
+  for (const kid of span.kids) {
+    if (kid.tag === "txt") {
+      parts.push(esc3(kid.content));
+    } else if (kid.tag === "br") {
+      parts.push("<br>");
+    } else if (kid.tag === "pb") {
+      parts.push('<div style="page-break-after:always"></div>');
+    } else if (kid.tag === "pagenum") {
+      hasPageNum = true;
+      warns.push("[SHIELD] HTML: \uD398\uC774\uC9C0 \uBC88\uD638 \u2014 \uC815\uC801 \uAC12\uC73C\uB85C \uB300\uCCB4\uB428");
+      parts.push('<span class="page-num">[\uD398\uC774\uC9C0]</span>');
+    }
+  }
+  let text = parts.join("");
+  if (hasPageNum && text.trim() === '<span class="page-num">[\uD398\uC774\uC9C0]</span>') {
+  }
+  const p = span.props;
+  const css = [];
+  if (p.font) css.push(`font-family:${esc3(p.font)}`);
+  if (p.pt) css.push(`font-size:${p.pt}pt`);
+  if (p.color) css.push(`color:#${p.color}`);
+  if (p.bg) css.push(`background-color:#${p.bg}`);
+  if (p.b) css.push("font-weight:bold");
+  if (p.i) css.push("font-style:italic");
+  const decorations = [];
+  if (p.u) decorations.push("underline");
+  if (p.s) decorations.push("line-through");
+  if (decorations.length > 0) css.push(`text-decoration:${decorations.join(" ")}`);
+  if (p.sup) return `<sup${css.length ? ` style="${css.join(";")}"` : ""}>${text}</sup>`;
+  if (p.sub) return `<sub${css.length ? ` style="${css.join(";")}"` : ""}>${text}</sub>`;
+  if (css.length > 0) return `<span style="${css.join(";")}">${text}</span>`;
+  return text;
+}
+function encodeImage4(img) {
+  const wStyle = img.w ? ` width="${Math.round(img.w / 72 * 96)}px"` : "";
+  const hStyle = img.h ? ` height="${Math.round(img.h / 72 * 96)}px"` : "";
+  const alt = esc3(img.alt ?? "");
+  return `<img src="data:${img.mime};base64,${img.b64}" alt="${alt}"${wStyle}${hStyle}>`;
+}
+function encodeGrid4(grid, warns) {
+  if (grid.kids.length === 0) return "";
+  const rowCount = grid.kids.length;
+  const occupancy = Array.from({ length: rowCount }, () => /* @__PURE__ */ new Set());
+  let colCount = 0;
+  for (let ri = 0; ri < rowCount; ri++) {
+    const row = grid.kids[ri];
+    let ci = 0;
+    for (const cell of row.kids) {
+      while (occupancy[ri].has(ci)) ci++;
+      if (cell.rs > 1) {
+        for (let r = ri + 1; r < ri + cell.rs && r < rowCount; r++) {
+          for (let c = ci; c < ci + cell.cs; c++) occupancy[r].add(c);
+        }
+      }
+      ci += cell.cs;
+    }
+    while (occupancy[ri].has(ci)) ci++;
+    if (ci > colCount) colCount = ci;
+  }
+  let rows = "";
+  for (let ri = 0; ri < rowCount; ri++) {
+    const row = grid.kids[ri];
+    let cells = "";
+    let ci = 0;
+    for (const cell of row.kids) {
+      while (occupancy[ri].has(ci)) ci++;
+      const isHeader = cell.props.isHeader || grid.props.headerRow && ri === 0;
+      const tag = isHeader ? "th" : "td";
+      const cs = cell.cs > 1 ? ` colspan="${cell.cs}"` : "";
+      const rs = cell.rs > 1 ? ` rowspan="${cell.rs}"` : "";
+      const styleAttrs = [];
+      if (cell.props.bg) styleAttrs.push(`background-color:#${cell.props.bg}`);
+      const va = cell.props.va;
+      if (va === "mid") styleAttrs.push("vertical-align:middle");
+      else if (va === "bot") styleAttrs.push("vertical-align:bottom");
+      const styleAttr = styleAttrs.length > 0 ? ` style="${styleAttrs.join(";")}"` : "";
+      const content = cell.kids.map((p) => encodePara3(p, warns)).join("");
+      cells += `<${tag}${cs}${rs}${styleAttr}>${content}</${tag}>`;
+      ci += cell.cs;
+    }
+    rows += `<tr>${cells}</tr>
+`;
+  }
+  return `<table>
+<tbody>
+${rows}</tbody>
+</table>
+`;
+}
+function esc3(s) {
+  return TextKit.escapeXml(s);
+}
+registry.registerEncoder(new HtmlEncoder());
+
+// src/encoders/hwp/HwpEncoder.ts
+import pako3 from "pako";
+var T = 16;
+var TAG_DOCUMENT_PROPERTIES = T + 0;
+var TAG_ID_MAPPINGS = T + 1;
+var TAG_FACE_NAME2 = T + 3;
+var TAG_BORDER_FILL2 = T + 4;
+var TAG_CHAR_SHAPE2 = T + 5;
+var TAG_PARA_SHAPE2 = T + 9;
+var TAG_BIN_DATA = T + 2;
+var TAG_PARA_HEADER2 = T + 50;
+var TAG_PARA_TEXT2 = T + 51;
+var TAG_PARA_CHAR_SHAPE2 = T + 52;
+var TAG_PARA_LINE_SEG = T + 53;
+var TAG_CTRL_HEADER2 = T + 55;
+var TAG_LIST_HEADER2 = T + 56;
+var TAG_PAGE_DEF2 = T + 57;
+var TAG_FOOTNOTE_SHAPE = T + 58;
+var TAG_TABLE = T + 61;
+var TAG_SHAPE_COMPONENT_PICTURE = T + 69;
+var CTRL_TABLE2 = 1952607264;
+var CTRL_SECD = 1936024420;
+var CTRL_PIC = 611346787;
+var BORDER_W_PT2 = [
+  0.28,
+  0.34,
+  0.43,
+  0.57,
+  0.71,
+  0.85,
+  1.13,
+  1.42,
+  1.7,
+  1.98,
+  2.84,
+  4.25,
+  5.67,
+  8.5,
+  11.34,
+  14.17
+];
+var BORDER_KIND_IDX = {
+  solid: 0,
+  dash: 2,
+  dot: 3,
+  double: 7,
+  none: 0
+};
+var ALIGN_CODE = {
+  justify: 0,
+  left: 1,
+  right: 2,
+  center: 3
+};
+var BufWriter = class {
+  constructor() {
+    this.chunks = [];
+    this._sz = 0;
+  }
+  get size() {
+    return this._sz;
+  }
+  u8(v) {
+    this.chunks.push(new Uint8Array([v & 255]));
+    this._sz++;
+    return this;
+  }
+  u16(v) {
+    this.chunks.push(new Uint8Array([v & 255, v >> 8 & 255]));
+    this._sz += 2;
+    return this;
+  }
+  u32(v) {
+    const b = new Uint8Array(4);
+    b[0] = v & 255;
+    b[1] = v >>> 8 & 255;
+    b[2] = v >>> 16 & 255;
+    b[3] = v >>> 24 & 255;
+    this.chunks.push(b);
+    this._sz += 4;
+    return this;
+  }
+  i32(v) {
+    return this.u32(v < 0 ? v + 4294967296 : v);
+  }
+  i16(v) {
+    return this.u16(v < 0 ? v + 65536 : v);
+  }
+  bytes(d) {
+    this.chunks.push(d);
+    this._sz += d.length;
+    return this;
+  }
+  zeros(n) {
+    this.chunks.push(new Uint8Array(n));
+    this._sz += n;
+    return this;
+  }
+  /** Write each char as UTF-16LE UINT16 (BMP only) */
+  utf16(s) {
+    for (let i = 0; i < s.length; i++) this.u16(s.charCodeAt(i));
+    return this;
+  }
+  /** Write 4-byte COLORREF (R, G, B, 0) from 6-hex string */
+  colorRef(hex) {
+    const h = (hex || "000000").replace("#", "").padStart(6, "0");
+    return this.u8(parseInt(h.slice(0, 2), 16)).u8(parseInt(h.slice(2, 4), 16)).u8(parseInt(h.slice(4, 6), 16)).u8(0);
+  }
+  build() {
+    const out = new Uint8Array(this._sz);
+    let off = 0;
+    for (const c of this.chunks) {
+      out.set(c, off);
+      off += c.length;
+    }
+    return out;
+  }
+};
+function mkRec(tag, level, data) {
+  const sz = data.length;
+  const enc = Math.min(sz, 4095);
+  const hdr = enc << 20 | (level & 1023) << 10 | tag & 1023;
+  const w = new BufWriter().u32(hdr);
+  if (enc >= 4095) w.u32(sz);
+  w.bytes(data);
+  return w.build();
+}
+function csKey(p) {
+  return [
+    p.font ?? "",
+    p.pt ?? 10,
+    p.b ? 1 : 0,
+    p.i ? 1 : 0,
+    p.u ? 1 : 0,
+    p.s ? 1 : 0,
+    p.sup ? 1 : 0,
+    p.sub ? 1 : 0,
+    p.color ?? "000000"
+  ].join("|");
+}
+function psKey(p) {
+  return [
+    p.align ?? "left",
+    p.indentPt ?? 0,
+    p.spaceBefore ?? 0,
+    p.spaceAfter ?? 0,
+    p.lineHeight ?? 1
+  ].join("|");
+}
+function bfKey(s, bg) {
+  return `${s.kind}|${s.pt}|${s.color}|${bg ?? ""}`;
+}
+function bfPerSideKey(l, r, t, b, bg) {
+  return `${bfKey(l)}/${bfKey(r)}/${bfKey(t)}/${bfKey(b)}/${bg ?? ""}`;
+}
+var StyleCollector = class {
+  constructor() {
+    this.DEF_STROKE = { kind: "solid", pt: 0.5, color: "000000" };
+    this.fonts = ["Malgun Gothic"];
+    this.fontIdx = /* @__PURE__ */ new Map([["Malgun Gothic", 0]]);
+    this.csProps = [{}];
+    this.csIdx = /* @__PURE__ */ new Map([[csKey({}), 0]]);
+    this.psProps = [{}];
+    this.psIdx = /* @__PURE__ */ new Map([[psKey({}), 0]]);
+    this.bfData = [];
+    this.bfIdx = /* @__PURE__ */ new Map();
+    this.addBorderFill(this.DEF_STROKE);
+  }
+  font(name) {
+    const n = name || "Malgun Gothic";
+    if (this.fontIdx.has(n)) return this.fontIdx.get(n);
+    const id = this.fonts.length;
+    this.fonts.push(n);
+    this.fontIdx.set(n, id);
+    return id;
+  }
+  addCharShape(p) {
+    const k = csKey(p);
+    if (this.csIdx.has(k)) return this.csIdx.get(k);
+    const id = this.csProps.length;
+    this.csProps.push(p);
+    this.csIdx.set(k, id);
+    if (p.font) this.font(p.font);
+    return id;
+  }
+  addParaShape(p) {
+    const k = psKey(p);
+    if (this.psIdx.has(k)) return this.psIdx.get(k);
+    const id = this.psProps.length;
+    this.psProps.push(p);
+    this.psIdx.set(k, id);
+    return id;
+  }
+  /** Returns 1-based border fill ID */
+  addBorderFill(s, bg) {
+    const k = bfKey(s, bg);
+    if (this.bfIdx.has(k)) return this.bfIdx.get(k);
+    const id = this.bfData.length + 1;
+    this.bfData.push({ uniform: true, s, bg });
+    this.bfIdx.set(k, id);
+    return id;
+  }
+  addBorderFillPerSide(l, r, t, b, bg) {
+    const k = bfPerSideKey(l, r, t, b, bg);
+    if (this.bfIdx.has(k)) return this.bfIdx.get(k);
+    const id = this.bfData.length + 1;
+    this.bfData.push({ uniform: false, l, r, t, b, bg });
+    this.bfIdx.set(k, id);
+    return id;
+  }
+};
+function collectNode(node, col) {
+  if (node.tag === "para") {
+    col.addParaShape(node.props);
+    for (const kid of node.kids) {
+      if (kid.tag === "span") col.addCharShape(kid.props);
+    }
+  } else if (node.tag === "grid") {
+    if (node.props.defaultStroke) col.addBorderFill(node.props.defaultStroke);
+    for (const row of node.kids) {
+      for (const cell of row.kids) {
+        const defStroke = node.props.defaultStroke ?? col.DEF_STROKE;
+        const cp = cell.props;
+        if (cp.top || cp.bot || cp.left || cp.right) {
+          col.addBorderFillPerSide(
+            cp.left ?? defStroke,
+            cp.right ?? defStroke,
+            cp.top ?? defStroke,
+            cp.bot ?? defStroke,
+            cp.bg
+          );
+        } else {
+          col.addBorderFill(defStroke, cp.bg);
+        }
+        for (const para of cell.kids) collectNode(para, col);
+      }
+    }
+  }
+}
+function mkDocumentProperties() {
+  return new BufWriter().u16(1).u16(1).u16(1).u16(1).u16(1).u16(1).u16(1).u32(0).u32(0).u32(0).build();
+}
+function mkIdMappings(col, nBinData = 0) {
+  const w = new BufWriter();
+  w.u32(nBinData);
+  for (let i = 0; i < 7; i++) w.u32(col.fonts.length);
+  w.u32(col.bfData.length);
+  w.u32(col.csProps.length);
+  w.u32(0);
+  w.u32(0);
+  w.u32(0);
+  w.u32(col.psProps.length);
+  w.u32(0);
+  w.u32(0);
+  w.u32(0);
+  w.u32(0);
+  return w.build();
+}
+function mkFaceName(name) {
+  return new BufWriter().u8(0).u16(name.length).utf16(name).u8(0).u16(0).zeros(10).u16(0).build();
+}
+function borderWidthIdx(pt) {
+  let best = 0;
+  for (let i = 0; i < BORDER_W_PT2.length; i++) {
+    if (Math.abs(BORDER_W_PT2[i] - pt) < Math.abs(BORDER_W_PT2[best] - pt)) best = i;
+  }
+  return best;
+}
+function mkBorderFill(s, bg) {
+  const w = new BufWriter();
+  const t = BORDER_KIND_IDX[s.kind] ?? 0;
+  const wi = borderWidthIdx(s.pt);
+  const col = s.color || "000000";
+  w.u16(0);
+  for (let i = 0; i < 4; i++) w.u8(t);
+  for (let i = 0; i < 4; i++) w.u8(wi);
+  for (let i = 0; i < 4; i++) w.colorRef(col);
+  w.u8(0).u8(0).colorRef("000000");
+  if (bg) {
+    w.u32(1);
+    w.colorRef(bg);
+    w.colorRef("FFFFFF");
+    w.u32(0);
+  } else {
+    w.u32(0);
+  }
+  return w.build();
+}
+function mkBorderFillPerSide(left, right, top, bottom, bg) {
+  const w = new BufWriter();
+  w.u16(0);
+  w.u8(BORDER_KIND_IDX[left.kind] ?? 0);
+  w.u8(BORDER_KIND_IDX[right.kind] ?? 0);
+  w.u8(BORDER_KIND_IDX[top.kind] ?? 0);
+  w.u8(BORDER_KIND_IDX[bottom.kind] ?? 0);
+  w.u8(borderWidthIdx(left.pt));
+  w.u8(borderWidthIdx(right.pt));
+  w.u8(borderWidthIdx(top.pt));
+  w.u8(borderWidthIdx(bottom.pt));
+  w.colorRef(left.color || "000000");
+  w.colorRef(right.color || "000000");
+  w.colorRef(top.color || "000000");
+  w.colorRef(bottom.color || "000000");
+  w.u8(0).u8(0).colorRef("000000");
+  if (bg) {
+    w.u32(1).colorRef(bg).colorRef("FFFFFF").u32(0);
+  } else {
+    w.u32(0);
+  }
+  return w.build();
+}
+function mkCharShape(p, col) {
+  const fontId = p.font ? col.font(p.font) : 0;
+  const height = Math.round((p.pt ?? 10) * 100);
+  let attr = 0;
+  if (p.i) attr |= 1 << 0;
+  if (p.b) attr |= 1 << 1;
+  if (p.u) attr |= 1 << 2;
+  if (p.s) attr |= 1 << 18;
+  if (p.sup) attr |= 1 << 16;
+  if (p.sub) attr |= 2 << 16;
+  const textColor = p.color ?? "000000";
+  const w = new BufWriter();
+  for (let i = 0; i < 7; i++) w.u16(fontId);
+  for (let i = 0; i < 7; i++) w.u8(100);
+  for (let i = 0; i < 7; i++) w.u8(0);
+  for (let i = 0; i < 7; i++) w.u8(100);
+  for (let i = 0; i < 7; i++) w.u8(0);
+  w.i32(height);
+  w.u32(attr);
+  w.u8(0).u8(0);
+  w.colorRef(textColor);
+  w.colorRef("000000");
+  w.colorRef("FFFFFF");
+  w.colorRef("000000");
+  w.u16(0);
+  w.colorRef("000000");
+  return w.build();
+}
+function mkParaShape(p) {
+  const alignVal = ALIGN_CODE[p.align ?? "left"] ?? 1;
+  const attr1 = (alignVal & 7) << 2;
+  const lineSpacePct = p.lineHeight ? Math.round(p.lineHeight * 100) : 160;
+  return new BufWriter().u32(attr1).i32(Metric.ptToHwp(p.indentPt ?? 0)).i32(0).i32(0).i32(Metric.ptToHwp(p.spaceBefore ?? 0)).i32(Metric.ptToHwp(p.spaceAfter ?? 0)).i32(lineSpacePct).u16(0).u16(0).u16(0).i16(0).i16(0).i16(0).i16(0).u32(0).u32(0).u32(lineSpacePct).build();
+}
+function mkBinData(id, ext) {
+  const w = new BufWriter();
+  w.u16(2);
+  w.u16(id);
+  w.u16(ext.length);
+  w.utf16(ext);
+  return w.build();
+}
+function buildDocInfoStream(col, images = []) {
+  const chunks = [];
+  chunks.push(mkRec(TAG_DOCUMENT_PROPERTIES, 0, mkDocumentProperties()));
+  chunks.push(mkRec(TAG_ID_MAPPINGS, 1, mkIdMappings(col, images.length)));
+  for (const img of images) {
+    chunks.push(mkRec(TAG_BIN_DATA, 1, mkBinData(img.id, img.ext)));
+  }
+  for (let cat = 0; cat < 7; cat++) {
+    for (const name of col.fonts) {
+      chunks.push(mkRec(TAG_FACE_NAME2, 1, mkFaceName(name)));
+    }
+  }
+  for (const entry of col.bfData) {
+    chunks.push(mkRec(
+      TAG_BORDER_FILL2,
+      1,
+      entry.uniform ? mkBorderFill(entry.s, entry.bg) : mkBorderFillPerSide(entry.l, entry.r, entry.t, entry.b, entry.bg)
+    ));
+  }
+  for (const p of col.csProps) {
+    chunks.push(mkRec(TAG_CHAR_SHAPE2, 1, mkCharShape(p, col)));
+  }
+  for (const p of col.psProps) {
+    chunks.push(mkRec(TAG_PARA_SHAPE2, 1, mkParaShape(p)));
+  }
+  return concatU8(chunks);
+}
+function mkPageDef(dims) {
+  return new BufWriter().u32(Metric.ptToHwp(dims.wPt)).u32(Metric.ptToHwp(dims.hPt)).u32(Metric.ptToHwp(dims.ml)).u32(Metric.ptToHwp(dims.mr)).u32(Metric.ptToHwp(dims.mt)).u32(Metric.ptToHwp(dims.mb)).zeros(12).u32(dims.orient === "landscape" ? 1 : 0).build();
+}
+function mkParaHeader(nchars, ctrlMask, psId, csCount, lineAlignCount = 0, instanceId = 0) {
+  return new BufWriter().u32(nchars).u32(ctrlMask).u16(psId).u8(0).u8(0).u16(csCount).u16(0).u16(lineAlignCount).u32(instanceId).u16(0).build();
+}
+function mkParaText(text) {
+  const w = new BufWriter();
+  for (let i = 0; i < text.length; i++) {
+    const c = text.charCodeAt(i);
+    w.u16(c < 32 ? 0 : c);
+  }
+  w.u16(13);
+  return w.build();
+}
+function mkParaCharShape(pairs) {
+  const w = new BufWriter();
+  for (const [pos, id] of pairs) w.u32(pos).u32(id);
+  return w.build();
+}
+function mkSecdParaText() {
+  const lo = CTRL_SECD & 65535;
+  const hi = CTRL_SECD >>> 16 & 65535;
+  return new BufWriter().u16(2).u16(lo).u16(hi).u16(0).u16(0).u16(0).u16(0).u16(2).u16(13).build();
+}
+function mkTableParaText() {
+  const lo = CTRL_TABLE2 & 65535;
+  const hi = CTRL_TABLE2 >>> 16 & 65535;
+  return new BufWriter().u16(11).u16(lo).u16(hi).u16(0).u16(0).u16(0).u16(0).u16(11).u16(13).build();
+}
+function mkPicParaText() {
+  const lo = CTRL_PIC & 65535;
+  const hi = CTRL_PIC >>> 16 & 65535;
+  return new BufWriter().u16(11).u16(lo).u16(hi).u16(0).u16(0).u16(0).u16(0).u16(11).u16(13).build();
+}
+function mkShapeComponentPicture(binDataId, wHwp, hHwp) {
+  const w = new BufWriter();
+  w.u32(CTRL_PIC);
+  w.zeros(15);
+  w.u32(0);
+  w.u32(0);
+  w.u32(wHwp);
+  w.u32(hHwp);
+  w.u32(0);
+  w.u32(0);
+  w.u32(wHwp);
+  w.u32(hHwp);
+  w.zeros(20);
+  w.zeros(16);
+  w.u16(binDataId);
+  w.u8(0);
+  w.u8(0);
+  w.u8(0);
+  w.zeros(5);
+  return w.build();
+}
+function encodePicPara(imgNode, binDataId, col, lv, idGen) {
+  const wHwp = Metric.ptToHwp(Math.max(imgNode.w, 10));
+  const hHwp = Metric.ptToHwp(Math.max(imgNode.h, 10));
+  const TABLE_CTRL_MASK = 1 << 11;
+  const instanceId = idGen();
+  const psId = col.addParaShape({});
+  return [
+    mkRec(TAG_PARA_HEADER2, lv, mkParaHeader(9, TABLE_CTRL_MASK, psId, 1, 0, instanceId)),
+    mkRec(TAG_PARA_TEXT2, lv + 1, mkPicParaText()),
+    mkRec(TAG_PARA_CHAR_SHAPE2, lv + 1, mkParaCharShape([[0, 0]])),
+    // $pic CTRL_HEADER (GHDR) at level lv+1
+    mkRec(TAG_CTRL_HEADER2, lv + 1, mkPicCtrl(wHwp, hHwp, idGen())),
+    // SHAPE_COMPONENT_PICTURE at level lv+2
+    mkRec(TAG_SHAPE_COMPONENT_PICTURE, lv + 2, mkShapeComponentPicture(binDataId, wHwp, hHwp))
+  ];
+}
+function encodePara4(para, col, lv, instanceId) {
+  let text = "";
+  const csPairs = [];
+  let pos = 0;
+  for (const kid of para.kids) {
+    if (kid.tag === "span") {
+      const span = kid;
+      const csId = col.addCharShape(span.props);
+      if (csPairs.length === 0 || csPairs[csPairs.length - 1][1] !== csId) {
+        csPairs.push([pos, csId]);
+      }
+      for (const t of span.kids) {
+        if (t.tag === "txt") {
+          text += t.content;
+          pos += t.content.length;
+        }
+      }
+    }
+  }
+  if (csPairs.length === 0) csPairs.push([0, 0]);
+  const psId = col.addParaShape(para.props);
+  const nchars = text.length + 1;
+  return [
+    mkRec(TAG_PARA_HEADER2, lv, mkParaHeader(nchars, 0, psId, csPairs.length, 0, instanceId)),
+    mkRec(TAG_PARA_TEXT2, lv + 1, mkParaText(text)),
+    mkRec(TAG_PARA_CHAR_SHAPE2, lv + 1, mkParaCharShape(csPairs))
+  ];
+}
+function mkTableCtrl(wHwp, hHwp, instanceId) {
+  return new BufWriter().u32(CTRL_TABLE2).u32(136978961).i32(0).i32(0).u32(wHwp).u32(hHwp).i32(7).u16(140).u16(140).u16(140).u16(140).u32(instanceId).i32(0).u16(0).build();
+}
+function mkPicCtrl(wHwp, hHwp, instanceId) {
+  return new BufWriter().u32(CTRL_PIC).u32(136978961).i32(0).i32(0).u32(wHwp).u32(hHwp).i32(0).u16(0).u16(0).u16(0).u16(0).u32(instanceId).i32(0).u16(0).build();
+}
+function mkTableRecord(rowCnt, colCnt, rowHwp, bfId) {
+  const w = new BufWriter();
+  w.u32(67108870);
+  w.u16(rowCnt);
+  w.u16(colCnt);
+  w.u16(0);
+  w.u16(510);
+  w.u16(510);
+  w.u16(141);
+  w.u16(141);
+  for (const h of rowHwp) w.u16(Math.max(1, h & 65535));
+  w.u16(bfId);
+  w.u16(0);
+  return w.build();
+}
+function mkCellListHeader(paraCount, row, col, rs, cs, wHwp, hHwp, bfId) {
+  return new BufWriter().u16(paraCount).u32(0).u16(0).u16(col).u16(row).u16(rs).u16(cs).u32(wHwp).u32(hHwp).u16(510).u16(510).u16(141).u16(141).u16(bfId).zeros(13).build();
+}
+var DEFAULT_ROW_HEIGHT_PT = 14;
+function encodeGrid5(grid, col, lv, idGen) {
+  const records = [];
+  const rowCnt = grid.kids.length;
+  const colCnt = Math.max(1, grid.kids[0]?.kids.length ?? 1);
+  const cwPt = grid.props.colWidths ?? [];
+  const totalPt = cwPt.reduce((s, w) => s + w, 0) || 453;
+  const defColPt = totalPt / colCnt;
+  const defStroke = grid.props.defaultStroke ?? col.DEF_STROKE;
+  const defBfId = col.addBorderFill(defStroke);
+  const rowHwp = grid.kids.map((row) => row.heightPt != null && row.heightPt > 0 ? Metric.ptToHwp(row.heightPt) : Metric.ptToHwp(DEFAULT_ROW_HEIGHT_PT));
+  const totalWPt = cwPt.length > 0 ? cwPt.reduce((s, w) => s + w, 0) : totalPt;
+  const totalHPt = grid.kids.reduce((s, row) => s + (row.heightPt != null && row.heightPt > 0 ? row.heightPt : DEFAULT_ROW_HEIGHT_PT), 0);
+  const tblWHwp = Metric.ptToHwp(totalWPt);
+  const tblHHwp = Metric.ptToHwp(totalHPt);
+  const tblInstanceId = idGen();
+  records.push(mkRec(TAG_CTRL_HEADER2, lv, mkTableCtrl(tblWHwp, tblHHwp, tblInstanceId)));
+  records.push(mkRec(TAG_TABLE, lv + 1, mkTableRecord(rowCnt, colCnt, rowHwp, defBfId)));
+  for (let r = 0; r < grid.kids.length; r++) {
+    for (let c = 0; c < grid.kids[r].kids.length; c++) {
+      const cell = grid.kids[r].kids[c];
+      const wHwp = Metric.ptToHwp(cwPt[c] ?? defColPt);
+      const hHwp = rowHwp[r];
+      const cp = cell.props;
+      const hasPerSide = cp.top || cp.bot || cp.left || cp.right;
+      const bfId = hasPerSide ? col.addBorderFillPerSide(
+        cp.left ?? defStroke,
+        cp.right ?? defStroke,
+        cp.top ?? defStroke,
+        cp.bot ?? defStroke,
+        cp.bg
+      ) : col.addBorderFill(defStroke, cp.bg);
+      const paras = cell.kids.length > 0 ? cell.kids : [{ tag: "para", props: {}, kids: [] }];
+      records.push(mkRec(
+        TAG_LIST_HEADER2,
+        lv + 1,
+        mkCellListHeader(paras.length, r, c, cell.rs, cell.cs, wHwp, hHwp, bfId)
+      ));
+      for (const para of paras) {
+        records.push(...encodePara4(para, col, lv + 2, idGen()));
+      }
+    }
+  }
+  return records;
+}
+function mkSectionCtrl() {
+  return new BufWriter().u32(CTRL_SECD).u32(0).u32(1134).u16(16384).u16(31).zeros(31).build();
+}
+function buildSectionParagraph(dims, instanceId) {
+  const SECD_CTRL_MASK = 1 << 2;
+  const nchars = 9;
+  return [
+    mkRec(TAG_PARA_HEADER2, 0, mkParaHeader(nchars, SECD_CTRL_MASK, 0, 1, 1, instanceId)),
+    mkRec(TAG_PARA_TEXT2, 1, mkSecdParaText()),
+    mkRec(TAG_PARA_CHAR_SHAPE2, 1, mkParaCharShape([[0, 0]])),
+    mkRec(TAG_PARA_LINE_SEG, 1, new Uint8Array(36)),
+    // 1 line × 36 bytes = 36 bytes
+    mkRec(TAG_CTRL_HEADER2, 1, mkSectionCtrl()),
+    // 'secd' at level 1
+    mkRec(TAG_PAGE_DEF2, 2, mkPageDef(dims)),
+    // page def at level 2
+    mkRec(TAG_FOOTNOTE_SHAPE, 2, new Uint8Array(28)),
+    // footnote shape (defaults)
+    mkRec(TAG_FOOTNOTE_SHAPE, 2, new Uint8Array(28))
+    // endnote shape (defaults)
+  ];
+}
+function buildBodyTextStream(doc, col, images) {
+  const chunks = [];
+  const dims = doc.kids[0]?.dims ?? A4;
+  let instanceIdCounter = 1;
+  const idGen = () => instanceIdCounter++;
+  for (const r of buildSectionParagraph(dims, idGen())) chunks.push(r);
+  const TABLE_CTRL_MASK = 1 << 11;
+  for (const sheet of doc.kids) {
+    for (const node of sheet.kids) {
+      if (node.tag === "para") {
+        const para = node;
+        const hasImg = para.kids.some((k) => k.tag === "img");
+        if (hasImg) {
+          for (const kid of para.kids) {
+            if (kid.tag === "img") {
+              const img = kid;
+              const binImg = images.find((b) => b64Matches(b, img.b64));
+              if (binImg) {
+                for (const r of encodePicPara(img, binImg.id, col, 0, idGen)) chunks.push(r);
+              }
+            }
+          }
+          const textKids = para.kids.filter((k) => k.tag !== "img");
+          if (textKids.length > 0) {
+            const textPara = { tag: "para", props: para.props, kids: textKids };
+            for (const r of encodePara4(textPara, col, 0, idGen())) chunks.push(r);
+          }
+        } else {
+          for (const r of encodePara4(para, col, 0, idGen())) chunks.push(r);
+        }
+      } else if (node.tag === "grid") {
+        chunks.push(mkRec(TAG_PARA_HEADER2, 0, mkParaHeader(9, TABLE_CTRL_MASK, 0, 1, 0, idGen())));
+        chunks.push(mkRec(TAG_PARA_TEXT2, 1, mkTableParaText()));
+        chunks.push(mkRec(TAG_PARA_CHAR_SHAPE2, 1, mkParaCharShape([[0, 0]])));
+        for (const r of encodeGrid5(node, col, 1, idGen)) chunks.push(r);
+      }
+    }
+  }
+  return concatU8(chunks);
+}
+function b64Matches(binImg, b64) {
+  const a = TextKit.base64Encode(binImg.data).replace(/\s/g, "");
+  const b = b64.replace(/\s/g, "");
+  return a === b;
+}
+function buildHwpFileHeader() {
+  const buf = new Uint8Array(256);
+  const sig = "HWP Document File";
+  for (let i = 0; i < sig.length; i++) buf[i] = sig.charCodeAt(i);
+  const dv = new DataView(buf.buffer);
+  dv.setUint32(32, 83886848, true);
+  dv.setUint32(36, 1, true);
+  return buf;
+}
+function buildHwpOle2(fileHeaderData, docInfoData, section0Data, binImages = []) {
+  const SS = 512;
+  const ENDOFCHAIN = 4294967294;
+  const FREESECT = 4294967295;
+  const FATSECT = 4294967293;
+  function padSector(d) {
+    const n = Math.ceil(Math.max(d.length, 1) / SS) * SS;
+    if (d.length === n) return d;
+    const out2 = new Uint8Array(n);
+    out2.set(d);
+    return out2;
+  }
+  const fhPad = padSector(fileHeaderData);
+  const diPad = padSector(docInfoData);
+  const s0Pad = padSector(section0Data);
+  const imgPads = binImages.map((img) => padSector(img.data));
+  const fhN = fhPad.length / SS;
+  const diN = diPad.length / SS;
+  const s0N = s0Pad.length / SS;
+  const imgNs = imgPads.map((p) => p.length / SS);
+  const totalImgN = imgNs.reduce((s, n) => s + n, 0);
+  const numDirEntries = 5 + (binImages.length > 0 ? 1 + binImages.length : 0);
+  const dirN = Math.max(2, Math.ceil(numDirEntries / 4));
+  let fatN = 1;
+  for (let iter = 0; iter < 10; iter++) {
+    const total = fatN + dirN + fhN + diN + s0N + totalImgN;
+    const needed = Math.ceil(total / 128);
+    if (needed <= fatN) break;
+    fatN = needed;
+  }
+  const dir1Sec = fatN;
+  const fhSec = fatN + dirN;
+  const diSec = fhSec + fhN;
+  const s0Sec = diSec + diN;
+  const imgSecs = [];
+  let curSec = s0Sec + s0N;
+  for (const n of imgNs) {
+    imgSecs.push(curSec);
+    curSec += n;
+  }
+  const totalSec = curSec;
+  const fatBuf = new Uint8Array(fatN * SS).fill(255);
+  const setFat = (i, v) => {
+    fatBuf[i * 4] = v & 255;
+    fatBuf[i * 4 + 1] = v >>> 8 & 255;
+    fatBuf[i * 4 + 2] = v >>> 16 & 255;
+    fatBuf[i * 4 + 3] = v >>> 24 & 255;
+  };
+  for (let i = 0; i < fatN; i++) setFat(i, FATSECT);
+  for (let i = 0; i < dirN; i++) setFat(dir1Sec + i, i + 1 < dirN ? dir1Sec + i + 1 : ENDOFCHAIN);
+  for (let i = 0; i < fhN; i++) setFat(fhSec + i, i + 1 < fhN ? fhSec + i + 1 : ENDOFCHAIN);
+  for (let i = 0; i < diN; i++) setFat(diSec + i, i + 1 < diN ? diSec + i + 1 : ENDOFCHAIN);
+  for (let i = 0; i < s0N; i++) setFat(s0Sec + i, i + 1 < s0N ? s0Sec + i + 1 : ENDOFCHAIN);
+  for (let ii = 0; ii < imgNs.length; ii++) {
+    const start = imgSecs[ii];
+    const n = imgNs[ii];
+    for (let i = 0; i < n; i++) setFat(start + i, i + 1 < n ? start + i + 1 : ENDOFCHAIN);
+  }
+  const dirBuf = new Uint8Array(dirN * SS);
+  const dv = new DataView(dirBuf.buffer);
+  function writeDirEntry(idx, name, type, left, right, child, startSec, size) {
+    const base = idx * 128;
+    const nl = Math.min(name.length, 31);
+    for (let i = 0; i < nl; i++) dv.setUint16(base + i * 2, name.charCodeAt(i), true);
+    dv.setUint16(base + 64, (nl + 1) * 2, true);
+    dirBuf[base + 66] = type;
+    dirBuf[base + 67] = 1;
+    dv.setInt32(base + 68, left, true);
+    dv.setInt32(base + 72, right, true);
+    dv.setInt32(base + 76, child, true);
+    dv.setUint32(base + 116, startSec >>> 0, true);
+    dv.setUint32(base + 120, size >>> 0, true);
+  }
+  if (binImages.length > 0) {
+    writeDirEntry(0, "Root Entry", 5, -1, -1, 1, ENDOFCHAIN, 0);
+    writeDirEntry(1, "FileHeader", 2, -1, 2, -1, fhSec, fileHeaderData.length);
+    writeDirEntry(2, "DocInfo", 2, -1, 3, -1, diSec, docInfoData.length);
+    writeDirEntry(3, "BodyText", 1, -1, 5, 4, ENDOFCHAIN, 0);
+    writeDirEntry(4, "Section0", 2, -1, -1, -1, s0Sec, section0Data.length);
+    writeDirEntry(5, "BinData", 1, -1, -1, 6, ENDOFCHAIN, 0);
+    for (let ii = 0; ii < binImages.length; ii++) {
+      const img = binImages[ii];
+      const streamName = `BIN${String(img.id).padStart(4, "0")}.${img.ext}`;
+      const sibling = ii + 1 < binImages.length ? 7 + ii : -1;
+      writeDirEntry(6 + ii, streamName, 2, -1, sibling, -1, imgSecs[ii], img.data.length);
+    }
+  } else {
+    writeDirEntry(0, "Root Entry", 5, -1, -1, 1, ENDOFCHAIN, 0);
+    writeDirEntry(1, "FileHeader", 2, -1, 2, -1, fhSec, fileHeaderData.length);
+    writeDirEntry(2, "DocInfo", 2, -1, 3, -1, diSec, docInfoData.length);
+    writeDirEntry(3, "BodyText", 1, -1, -1, 4, ENDOFCHAIN, 0);
+    writeDirEntry(4, "Section0", 2, -1, -1, -1, s0Sec, section0Data.length);
+  }
+  const hdr = new Uint8Array(SS);
+  const hdv = new DataView(hdr.buffer);
+  const MAGIC = [208, 207, 17, 224, 161, 177, 26, 225];
+  MAGIC.forEach((b, i) => {
+    hdr[i] = b;
+  });
+  hdv.setUint16(24, 62, true);
+  hdv.setUint16(26, 3, true);
+  hdv.setUint16(28, 65534, true);
+  hdv.setUint16(30, 9, true);
+  hdv.setUint16(32, 6, true);
+  hdv.setUint32(40, 0, true);
+  hdv.setUint32(44, fatN, true);
+  hdv.setUint32(48, dir1Sec, true);
+  hdv.setUint32(52, 0, true);
+  hdv.setUint32(56, 4096, true);
+  hdv.setUint32(60, ENDOFCHAIN, true);
+  hdv.setUint32(64, 0, true);
+  hdv.setUint32(68, ENDOFCHAIN, true);
+  hdv.setUint32(72, 0, true);
+  for (let i = 0; i < 109; i++) {
+    hdv.setUint32(76 + i * 4, i < fatN ? i : FREESECT, true);
+  }
+  const out = new Uint8Array(SS + totalSec * SS);
+  out.set(hdr, 0);
+  for (let i = 0; i < fatN; i++) {
+    out.set(fatBuf.subarray(i * SS, (i + 1) * SS), SS + i * SS);
+  }
+  for (let i = 0; i < dirN; i++) {
+    out.set(dirBuf.subarray(i * SS, (i + 1) * SS), SS + (dir1Sec + i) * SS);
+  }
+  out.set(fhPad, SS + fhSec * SS);
+  out.set(diPad, SS + diSec * SS);
+  out.set(s0Pad, SS + s0Sec * SS);
+  for (let ii = 0; ii < imgPads.length; ii++) {
+    out.set(imgPads[ii], SS + imgSecs[ii] * SS);
+  }
+  return out;
+}
+function concatU8(arrays) {
+  const total = arrays.reduce((s, a) => s + a.length, 0);
+  const out = new Uint8Array(total);
+  let off = 0;
+  for (const a of arrays) {
+    out.set(a, off);
+    off += a.length;
+  }
+  return out;
+}
+var HwpEncoder = class {
+  constructor() {
+    this.format = "hwp";
+  }
+  async encode(doc) {
+    try {
+      let collectImages3 = function(node) {
+        if (node.tag === "para") {
+          for (const kid of node.kids) {
+            if (kid.tag === "img") {
+              const key = kid.b64.substring(0, 50);
+              if (!seenB64.has(key)) {
+                seenB64.add(key);
+                const raw = TextKit.base64Decode(kid.b64);
+                let ext = "jpg";
+                if (kid.mime === "image/png") ext = "png";
+                else if (kid.mime === "image/gif") ext = "gif";
+                else if (kid.mime === "image/bmp") ext = "bmp";
+                images.push({ id: binIdCounter++, ext, data: new Uint8Array(raw) });
+              }
+            }
+          }
+        } else if (node.tag === "grid") {
+          for (const row of node.kids) {
+            for (const cell of row.kids) {
+              for (const para of cell.kids) collectImages3(para);
+            }
+          }
+        }
+      };
+      var collectImages2 = collectImages3;
+      const col = new StyleCollector();
+      for (const sheet of doc.kids) {
+        for (const node of sheet.kids) collectNode(node, col);
+      }
+      const images = [];
+      const seenB64 = /* @__PURE__ */ new Set();
+      let binIdCounter = 1;
+      for (const sheet of doc.kids) {
+        for (const node of sheet.kids) collectImages3(node);
+      }
+      const docInfoRaw = buildDocInfoStream(col, images);
+      const bodyRaw = buildBodyTextStream(doc, col, images);
+      const docInfoCmp = pako3.deflate(docInfoRaw);
+      const bodyCmp = pako3.deflate(bodyRaw);
+      const fileHdr = buildHwpFileHeader();
+      const hwp = buildHwpOle2(fileHdr, docInfoCmp, bodyCmp, images);
+      return succeed(hwp);
+    } catch (e) {
+      return fail(`HwpEncoder: ${e instanceof Error ? e.message : String(e)}`);
+    }
+  }
+};
+registry.registerEncoder(new HwpEncoder());
+
 // src/walk/TreeWalker.ts
 function walkNode(node, cb, parent = null, depth = 0) {
   const result = cb(node, parent, depth);
@@ -3445,6 +5330,7 @@ function validateRoot(root) {
 }
 export {
   A4,
+  A4_LANDSCAPE,
   ArchiveKit,
   BinaryKit,
   DEFAULT_STROKE,
@@ -3454,17 +5340,20 @@ export {
   TextKit,
   TreeWalker,
   XmlKit,
+  buildBr,
   buildCell,
   buildGrid,
   buildImg,
   buildPageNum,
   buildPara,
+  buildPb,
   buildRoot,
   buildRow,
   buildSheet,
   buildSpan,
   countNodes,
   fail,
+  normalizeDims,
   registry,
   safeAlign,
   safeFont,