@office-kit/pptx-preview 0.14.0 → 0.16.0

package/dist/{src-Bwmf324Z.js → src-u1-ERSHC.js}

@@ -1,4 +1,4 @@
-import { emu, getEffectiveColorMap, getGroupChildren, getGroupTransform, getParagraphAlignment, getParagraphBullet, getParagraphBulletImageBytes, getParagraphBulletStyle, getParagraphIndent, getParagraphLevel, getParagraphPropertiesEffective, getParagraphSpacing, getPresentationFirstSlideNumber, getPresentationFonts, getPresentationTheme, getPresetGeometry, getShapeAdjustValues, getShapeAltTitle, getShapeBodyPrEffective, getShapeBounds, getShapeBoundsResolved, getShapeChartSpec, getShapeClickAction, getShapeCustomGeometry, getShapeDescription, getShapeEffectsEffective, getShapeFillColorResolved, getShapeFillEffective, getShapeFillOpacity, getShapeFlip, getShapeGradientFill, getShapeGradientFillEffective, getShapeHyperlinkTooltip, getShapeId, getShapeImageBiLevelThreshold, getShapeImageBrightness, getShapeImageBytes, getShapeImageContrast, getShapeImageCrop, getShapeImageDuotone, getShapeImageFillBytes, getShapeImageFillLayout, getShapeImageFormat, getShapeImageIntrinsicSize, getShapeImageLinkUrl, getShapeImageOpacity, getShapeImagePartName, getShapeKind, getShapeName, getShapeParagraphCount, getShapeParagraphElements, getShapePatternFill, getShapePlaceholderType, getShapePreset, getShapeRotation, getShapeRunClickAction, getShapeRunFormat, getShapeRunFormatEffective, getShapeRunHyperlink, getShapeRunHyperlinkTooltip, getShapeStrokeArrow, getShapeStrokeCap, getShapeStrokeColorResolved, getShapeStrokeCompound, getShapeStrokeDash, getShapeStrokeEffective, getShapeStrokeJoin, getShapeStrokeOpacity, getShapeText3D, getShapeTextAnchor, getShapeTextAutoFit, getShapeTextAutoFitParams, getShapeTextBodyRotationDeg, getShapeTextColumns, getShapeTextDirection, getShapeTextMargins, getShapeXmlString, getSlideBackground, getSlideBackgroundGradientFill, getSlideBackgroundImageBytes, getSlideBackgroundImageCrop, getSlideBackgroundImageFillLayout, getSlideBackgroundImageIntrinsicSize, getSlideBackgroundImageOpacity, getSlideBackgroundPatternFill, getSlideIndex, getSlideLayout, getSlideLayoutBackground, getSlideLayoutBackgroundGradientFill, getSlideLayoutBackgroundImageBytes, getSlideLayoutBackgroundPatternFill, getSlideLayoutShapes, getSlideMasterBackground, getSlideMasterBackgroundGradientFill, getSlideMasterBackgroundImageBytes, getSlideMasterBackgroundPatternFill, getSlideMasterShapes, getSlideShapes, getSlideSize, getSlides, getTableCellAnchor, getTableCellAppearanceEffective, getTableCellMargins, getTableCellParagraphs, getTableCellRunFormatEffective, getTableCellSpan, getTableCellText3D, getTableCellTextDirection, getTableCells, getTableColumnWidths, getTableDimensions, getTableRowHeights, isChartShape, isParagraphBulletPicture, isShapeHidden, isShapeImageGrayscale, isShapePlaceholder, isShapeTextBox, isSlideBackgroundGraphicsHidden, isSlideLayoutBackgroundGraphicsHidden, isTableShape, resolveDeckBodyTextColor } from "@office-kit/pptx";
+import { emu, getEffectiveColorMap, getGroupChildren, getGroupTransform, getParagraphAlignment, getParagraphBullet, getParagraphBulletImageBytes, getParagraphBulletStyle, getParagraphElementLanguages, getParagraphIndent, getParagraphLevel, getParagraphPropertiesEffective, getParagraphSpacing, getPresentationFirstSlideNumber, getPresentationFonts, getPresentationTheme, getPresetGeometry, getShape3D, getShapeAdjustValues, getShapeAltTitle, getShapeBodyPrEffective, getShapeBounds, getShapeBoundsResolved, getShapeChartSpec, getShapeClickAction, getShapeCustomGeometry, getShapeDescription, getShapeEffectsEffective, getShapeFillColorResolved, getShapeFillEffective, getShapeFillOpacity, getShapeFlip, getShapeGradientFill, getShapeGradientFillEffective, getShapeHyperlinkTooltip, getShapeId, getShapeImageBiLevelThreshold, getShapeImageBrightness, getShapeImageBytes, getShapeImageContrast, getShapeImageCrop, getShapeImageDuotone, getShapeImageFillBytes, getShapeImageFillLayout, getShapeImageFormat, getShapeImageIntrinsicSize, getShapeImageLinkUrl, getShapeImageOpacity, getShapeImagePartName, getShapeKind, getShapeName, getShapeParagraphCount, getShapeParagraphElements, getShapePatternFill, getShapePlaceholderType, getShapePreset, getShapeRotation, getShapeRunClickAction, getShapeRunFormat, getShapeRunFormatEffective, getShapeRunHyperlink, getShapeRunHyperlinkTooltip, getShapeStrokeArrow, getShapeStrokeCap, getShapeStrokeColorResolved, getShapeStrokeCompound, getShapeStrokeDash, getShapeStrokeEffective, getShapeStrokeGradient, getShapeStrokeJoin, getShapeStrokeOpacity, getShapeStrokeSketch, getShapeText3D, getShapeTextAnchor, getShapeTextAutoFit, getShapeTextAutoFitParams, getShapeTextBodyRotationDeg, getShapeTextColumns, getShapeTextDirection, getShapeTextMargins, getShapeXmlString, getSlideBackground, getSlideBackgroundGradientFill, getSlideBackgroundImageBytes, getSlideBackgroundImageCrop, getSlideBackgroundImageFillLayout, getSlideBackgroundImageIntrinsicSize, getSlideBackgroundImageOpacity, getSlideBackgroundPatternFill, getSlideIndex, getSlideLayout, getSlideLayoutBackground, getSlideLayoutBackgroundGradientFill, getSlideLayoutBackgroundImageBytes, getSlideLayoutBackgroundPatternFill, getSlideLayoutShapes, getSlideMasterBackground, getSlideMasterBackgroundGradientFill, getSlideMasterBackgroundImageBytes, getSlideMasterBackgroundPatternFill, getSlideMasterShapes, getSlideShapes, getSlideSize, getSlides, getTableBackgroundEffective, getTableCellAnchor, getTableCellAppearanceEffective, getTableCellMargins, getTableCellParagraphs, getTableCellRunFormatEffective, getTableCellSpan, getTableCellText3D, getTableCellTextDirection, getTableCells, getTableColumnWidths, getTableDimensions, getTableRowHeights, isChartShape, isParagraphBulletPicture, isShapeHidden, isShapeImageGrayscale, isShapePlaceholder, isShapeTextBox, isSlideBackgroundGraphicsHidden, isSlideLayoutBackgroundGraphicsHidden, isTableShape, resolveDeckBodyTextColor } from "@office-kit/pptx";
 //#region src/text-body-rect.ts
 /**
 * Where a shape lays out its text, as fractions of its own extent: the
@@ -29,7 +29,7 @@ function shapeTextRect(shape) {
 * {@link shapeTextRect}, or `null` for the whole box) placed in `bounds`, less
 * the body insets. All coordinates and margins must use the same unit
 * (normally EMU). When margins collapse a region, the region is kept without
-* them, as PowerPoint does.
+* them, as the reference desktop app does.
 */
 function resolveTextBodyRect(bounds, margins, region) {
 	const x = bounds.x + (region?.l ?? 0) * bounds.w;
@@ -53,17 +53,17 @@ function resolveTextBodyRect(bounds, margins, region) {
 }
 //#endregion
 //#region src/text-body-style.ts
-/** Mac PowerPoint uses zero spacing when `spcCol` is absent. */
+/** The reference desktop app on Mac uses zero spacing when `spcCol` is absent. */
 const DEFAULT_COLUMN_GAP_PX = 0;
-const EMU_PER_PX$2 = 9525;
+const EMU_PER_PX$3 = 9525;
 const NONE = {
 	declarations: "",
 	transform: ""
 };
 /**
 * `<a:bodyPr vert="…"/>` as CSS. `writing-mode` is the right primitive for
-* the East-Asian and Mongolian cases, and `text-orientation` for the WordArt
-* ones, which stack upright glyphs. `vert270` reads bottom-to-top, which no
+* the East-Asian and Mongolian cases, and `text-orientation` for the
+* `wordArtVert` ones, which stack upright glyphs. `vert270` reads bottom-to-top, which no
 * writing-mode expresses on its own — hence the half turn. Its columns still
 * follow the OOXML vertical-rl progression before that half turn; using
 * vertical-lr here reverses the column order relative to the SVG renderer.
@@ -101,7 +101,7 @@ function verticalTextStyle(vert) {
 */
 function textColumnsStyle(cols) {
 	if (!cols || cols.count < 2) return "";
-	const gapPx = cols.gapEmu !== void 0 ? (cols.gapEmu / EMU_PER_PX$2).toFixed(2) : DEFAULT_COLUMN_GAP_PX;
+	const gapPx = cols.gapEmu !== void 0 ? (cols.gapEmu / EMU_PER_PX$3).toFixed(2) : DEFAULT_COLUMN_GAP_PX;
 	return `column-count:${cols.count};column-gap:${gapPx}px`;
 }
 //#endregion
@@ -217,6 +217,30 @@ const paragraphNumberLabels = (paraData) => {
 	return numberLabels;
 };
 //#endregion
+//#region src/decimal-separator.ts
+const separators = /* @__PURE__ */ new Map();
+/**
+* The character a decimal tab stop aligns on for a run's language
+* (`<a:rPr lang>`): `,` for `de-DE`, `.` for `en-US`. Runs without a
+* language, or with one Intl does not know, align on `.`. The reference desktop app on Mac
+* uses the run language too, not the UI or system locale (native capture
+* 2026-10-07: Set Proofing Language to German moved alignment to `,`).
+*/
+function decimalSeparatorOf(lang) {
+	if (!lang) return ".";
+	let separator = separators.get(lang);
+	if (separator === void 0) {
+		separator = ".";
+		try {
+			separator = new Intl.NumberFormat(lang, { numberingSystem: "latn" }).formatToParts(1.5).find((part) => part.type === "decimal")?.value ?? ".";
+		} catch (error) {
+			if (!(error instanceof RangeError)) throw error;
+		}
+		separators.set(lang, separator);
+	}
+	return separator;
+}
+//#endregion
 //#region src/emf.ts
 const WORD_BYTES = 4;
 const SHORT_BYTES = 2;
@@ -493,7 +517,7 @@ const FALLBACK_DESCENT = .22;
 const FALLBACK_LINEGAP = .08;
 const BASELINE_LEADING_DROP = .036;
 const GRID_NUDGE_X = -.75;
-const EMU_PER_PX$1 = 9525;
+const EMU_PER_PX$2 = 9525;
 let reflectionNamespace = 0;
 const EAST_ASIAN_CHAR = /[ᄀ-ᅟ⺀-〾ぁ-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹏＀-｠￠-￦]/;
 const CLOSING_PUNCT = /^[、。，．・）」』】〉》”’！？：；ー〜…,.!?:;)\]}]+$/;
@@ -540,6 +564,8 @@ const escapeXml$1 = (s) => s.replace(/[&<>"]/g, (c) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[c] ?? c);
+const CSS_IDENT = /^-?[A-Za-z_\u0080-\u{10FFFF}][\w\u0080-\u{10FFFF}-]*$/u;
+const cssFamilyName = (family) => family.split(" ").every((word) => CSS_IDENT.test(word)) ? family : `"${family.replace(/["\\]/g, "\\$&")}"`;
 const fmt = (n) => {
 	const r = Math.round(n * 100) / 100;
 	return Object.is(r, -0) ? "0" : String(r);
@@ -678,7 +704,7 @@ const layoutCore = (input, measure) => {
 					fieldWidth = decimalWidth = 0;
 				} else {
 					fieldWidth += token.width;
-					const decimal = token.text.indexOf(".");
+					const decimal = token.text.indexOf(token.piece.decimalSeparator ?? ".");
 					decimalWidth = decimal < 0 ? decimalWidth + token.width : mWidth(token.text.slice(0, decimal), {
 						...specOf(token.piece),
 						sizePx: renderedSizePxOf(token.piece)
@@ -836,7 +862,7 @@ const lineContentExtent = (line, dx) => {
 	};
 };
 const resolveFillPaints = (placements) => {
-	if (!placements.some(({ line }) => line.tokens.some((t) => t.piece.fillPaint))) return {
+	if (!placements.some(({ line }) => line.tokens.some((t) => t.piece.fillPaint || t.piece.outlinePaint))) return {
 		defs: "",
 		placements
 	};
@@ -864,12 +890,7 @@ const resolveFillPaints = (placements) => {
 	};
 	const painted = /* @__PURE__ */ new Map();
 	let defs = "";
-	const pieces = /* @__PURE__ */ new Map();
-	const repaint = (piece) => {
-		const paint = piece.fillPaint;
-		if (paint === void 0) return piece;
-		let next = pieces.get(piece);
-		if (next) return next;
+	const resolve = (paint) => {
 		let fill = painted.get(paint);
 		if (fill === void 0) {
 			const built = paint(bounds);
@@ -877,9 +898,16 @@ const resolveFillPaints = (placements) => {
 			fill = built.fill;
 			painted.set(paint, fill);
 		}
+		return fill;
+	};
+	const pieces = /* @__PURE__ */ new Map();
+	const repaint = (piece) => {
+		let next = pieces.get(piece);
+		if (next) return next;
 		next = {
 			...piece,
-			fillHex: fill
+			...piece.fillPaint ? { fillHex: resolve(piece.fillPaint) } : {},
+			...piece.outlinePaint ? { outlineHex: resolve(piece.outlinePaint) } : {}
 		};
 		pieces.set(piece, next);
 		return next;
@@ -888,7 +916,7 @@ const resolveFillPaints = (placements) => {
 		...placement,
 		line: {
 			...placement.line,
-			tokens: placement.line.tokens.map((token) => token.piece.fillPaint ? {
+			tokens: placement.line.tokens.map((token) => token.piece.fillPaint || token.piece.outlinePaint ? {
 				...token,
 				piece: repaint(token.piece)
 			} : token)
@@ -989,7 +1017,7 @@ const emitPlacements = (placements, effectsOnly = false, effectKind = "all") =>
 		if (line.bullet && !effectsOnly) {
 			const b = line.bullet.b;
 			if (b.imageHref) parts.push(`<image x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY - b.sizePx)}" width="${fmt(b.sizePx)}" height="${fmt(b.sizePx)}" href="${b.imageHref}" xlink:href="${b.imageHref}" preserveAspectRatio="xMidYMid meet"/>`);
-			else parts.push(`<text x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY)}" font-family="${escapeXml$1(b.family)}" font-size="${fmt(b.sizePx)}" fill="${b.fillHex}" xml:space="preserve">${escapeXml$1(b.text)}</text>`);
+			else parts.push(`<text x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY)}" font-family="${escapeXml$1(b.cssFamily ?? b.family)}" font-size="${fmt(b.sizePx)}" fill="${b.fillHex}" xml:space="preserve">${escapeXml$1(b.text)}</text>`);
 		}
 		parts.push(emitLine(line, baselineY, dx, line.descent, (kind) => nextEffectId(kind), effectsOnly, effectKind));
 	}
@@ -1086,7 +1114,7 @@ const emitTextReflections = (groups, textAnchor, x0, baselineY, descent, nextEff
 			continue;
 		}
 		const scaleY = reflection.scaleY ?? 1;
-		const distPx = (reflection.offsetEmu ?? 0) / EMU_PER_PX$1;
+		const distPx = (reflection.offsetEmu ?? 0) / EMU_PER_PX$2;
 		const contactY = baselineY + descent;
 		const angleRad = (reflection.angleDeg ?? 0) * Math.PI / 180;
 		const offsetX = distPx * Math.cos(angleRad);
@@ -1099,7 +1127,7 @@ const emitTextReflections = (groups, textAnchor, x0, baselineY, descent, nextEff
 		const gradientId = `${id}-gradient`;
 		const maskId = `${id}-mask`;
 		const filterId = `${id}-blur`;
-		const blurPx = Math.max(0, (reflection.blurEmu ?? 0) / EMU_PER_PX$1 / 2);
+		const blurPx = Math.max(0, (reflection.blurEmu ?? 0) / EMU_PER_PX$2 / 2);
 		const fadeDirection = reflection.fadeDirection;
 		const defs = `<defs><linearGradient id="${gradientId}" ${fadeDirection === void 0 || fadeDirection === 90 ? "x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\"" : (() => {
 			const radians = fadeDirection * Math.PI / 180;
@@ -1135,8 +1163,8 @@ const emitTextOuterEffects = (groups, textAnchor, x0, baselineY, nextId) => {
 		if (shadow) {
 			const id = nextId("outer-shadow");
 			const angle = (shadow.angleDeg ?? 45) * Math.PI / 180;
-			const distance = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$1;
-			const blur = Math.max(0, (shadow.blurEmu ?? 50800) / EMU_PER_PX$1 / 2);
+			const distance = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$2;
+			const blur = Math.max(0, (shadow.blurEmu ?? 50800) / EMU_PER_PX$2 / 2);
 			const glyphSize = renderedSizePxOf(group.piece);
 			const pad = Math.max(1, distance + blur * 3);
 			const color = shadow.color ?? "#000000";
@@ -1146,7 +1174,7 @@ const emitTextOuterEffects = (groups, textAnchor, x0, baselineY, nextId) => {
 		}
 		if (glow) {
 			const id = nextId("glow");
-			const radius = Math.max(0, (glow.radiusEmu ?? 63500) / EMU_PER_PX$1);
+			const radius = Math.max(0, (glow.radiusEmu ?? 63500) / EMU_PER_PX$2);
 			const glyphSize = renderedSizePxOf(group.piece);
 			const pad = Math.max(1, radius * 2);
 			const color = glow.color ?? "#FFFF00";
@@ -1170,9 +1198,9 @@ const emitTextInnerShadows = (groups, textAnchor, x0, baselineY, nextId) => {
 		}
 		const id = nextId("inner-shadow");
 		const angle = (shadow.angleDeg ?? 45) * Math.PI / 180;
-		const dx = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$1 * Math.cos(angle);
-		const dy = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$1 * Math.sin(angle);
-		const blurPx = Math.max(0, (shadow.blurEmu ?? 50800) / EMU_PER_PX$1 / 2);
+		const dx = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$2 * Math.cos(angle);
+		const dy = (shadow.offsetEmu ?? 38100) / EMU_PER_PX$2 * Math.sin(angle);
+		const blurPx = Math.max(0, (shadow.blurEmu ?? 50800) / EMU_PER_PX$2 / 2);
 		const color = shadow.color ?? "#000000";
 		const opacity = Math.max(0, Math.min(1, shadow.opacity ?? 1));
 		const defs = `<defs><filter id="${id}" x="-25%" y="-25%" width="150%" height="150%"><feGaussianBlur in="SourceAlpha" stdDeviation="${fmt(blurPx)}" result="innerBlur"/><feOffset in="innerBlur" dx="${fmt(dx)}" dy="${fmt(dy)}" result="innerOff"/><feComposite in="innerOff" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="innerMask"/><feFlood flood-color="${escapeXml$1(color)}" flood-opacity="${opacity.toFixed(3)}" result="innerColor"/><feComposite in="innerColor" in2="innerMask" operator="in" result="innerOut"/><feComposite in="innerOut" in2="SourceAlpha" operator="in"/></filter></defs>`;
@@ -1186,8 +1214,8 @@ const emitTextBevel = (groups, textAnchor, x0, baselineY, nextId) => {
 	const bevel = groups.find((g) => g.piece.bevel && !g.isTab && g.width > 0)?.piece.bevel;
 	if (!bevel) return "";
 	const id = nextId("bevel");
-	const widthPx = bevel.widthEmu / EMU_PER_PX$1;
-	const surfaceScale = bevel.heightEmu / EMU_PER_PX$1 * bevel.relief;
+	const widthPx = bevel.widthEmu / EMU_PER_PX$2;
+	const surfaceScale = bevel.heightEmu / EMU_PER_PX$2 * bevel.relief;
 	const table = [...bevel.profile.slice(1).map(() => 0), ...bevel.profile];
 	const flat = Math.sin(bevel.elevationDeg * Math.PI / 180);
 	const lightGain = bevel.contrast / (1 - flat);
@@ -1350,7 +1378,7 @@ const tspan = (g) => {
 	const p = g.piece;
 	const sizePx = renderedSizePxOf(p);
 	const attrs = [
-		`font-family="${escapeXml$1(p.family)}"`,
+		`font-family="${escapeXml$1(p.cssFamily ?? p.family)}"`,
 		`font-size="${fmt(sizePx)}"`,
 		`fill="${p.fillHex}"`
 	];
@@ -1461,7 +1489,7 @@ function browserTextMeasurer() {
 }
 //#endregion
 //#region src/text-bevel.ts
-const DEFAULT_BEVEL_EMU = 76200;
+const DEFAULT_BEVEL_EMU$1 = 76200;
 const DEFAULT_PRESET = "circle";
 const DEFAULT_RIG = {
 	type: "threePt",
@@ -1582,8 +1610,8 @@ const RELIEF = 2.5;
 const textBevelOf = (text3d) => {
 	const bevel = text3d?.bevelTop;
 	if (!bevel) return null;
-	const widthEmu = bevel.widthEmu ?? DEFAULT_BEVEL_EMU;
-	const heightEmu = bevel.heightEmu ?? DEFAULT_BEVEL_EMU;
+	const widthEmu = bevel.widthEmu ?? DEFAULT_BEVEL_EMU$1;
+	const heightEmu = bevel.heightEmu ?? DEFAULT_BEVEL_EMU$1;
 	if (widthEmu <= 0 || heightEmu <= 0) return null;
 	const rig = text3d.scene?.lightRig ?? DEFAULT_RIG;
 	const look = RIG_LOOK(rig.type);
@@ -1603,6 +1631,63 @@ const textBevelOf = (text3d) => {
 	};
 };
 //#endregion
+//#region src/shape-3d.ts
+const EMU_PER_PX$1 = 9525;
+const DEFAULT_BEVEL_EMU = 76200;
+const LIGHT_AZIMUTH_DEG = 225;
+const LIGHT_ELEVATION_DEG = 45;
+const radians = (degrees) => degrees * Math.PI / 180;
+/**
+* An SVG `matrix(...)` for the camera's explicit rotation about the point
+* (`cx`, `cy`) in px, or `null` when the camera keeps the shape face-on.
+* The camera turns, so the shape appears turned the opposite way: a camera
+* revolution of +6° (Picture Style "Rotated, White") tilts the picture 6°
+* counter-clockwise.
+*/
+const cameraTransform = (shape3d, cx, cy) => {
+	const rotation = shape3d?.scene?.cameraRotation;
+	if (!rotation) return null;
+	const { latitudeDeg, longitudeDeg, revolutionDeg } = rotation;
+	if (latitudeDeg === 0 && longitudeDeg === 0 && revolutionDeg === 0) return null;
+	const lon = radians(-longitudeDeg);
+	const lat = radians(-latitudeDeg);
+	const rev = radians(-revolutionDeg);
+	const ex = [Math.cos(lon), Math.sin(lon) * Math.sin(lat)];
+	const ey = [0, Math.cos(lat)];
+	const cos = Math.cos(rev);
+	const sin = Math.sin(rev);
+	const turn = (v) => [cos * v[0] - sin * v[1], sin * v[0] + cos * v[1]];
+	const [a, b] = turn(ex);
+	const [c, d] = turn(ey);
+	return `matrix(${[
+		a,
+		b,
+		c,
+		d,
+		cx - a * cx - c * cy,
+		cy - b * cx - d * cy
+	].map((n) => n.toFixed(6)).join(" ")})`;
+};
+/**
+* The `<filter>` body that shades a top bevel onto whatever the shape painted
+* (picture, fill and border alike): a lit height map built from the blurred
+* outline, multiplied in so flat areas keep their color and slopes facing
+* away from the light darken, plus a specular highlight on the lit slopes.
+* `null` when the shape has no top bevel.
+*/
+const bevelFilterPrimitives = (shape3d) => {
+	const bevel = shape3d?.bevelTop;
+	if (!bevel) return null;
+	const widthPx = (bevel.widthEmu ?? DEFAULT_BEVEL_EMU) / EMU_PER_PX$1;
+	const heightPx = (bevel.heightEmu ?? DEFAULT_BEVEL_EMU) / EMU_PER_PX$1;
+	if (widthPx <= 0 || heightPx <= 0) return null;
+	const blur = widthPx / 2;
+	const surfaceScale = Math.min(10, Math.max(1, heightPx / widthPx * 6));
+	const diffuse = 1 / Math.sin(radians(LIGHT_ELEVATION_DEG));
+	const light = `<feDistantLight azimuth="${LIGHT_AZIMUTH_DEG}" elevation="${LIGHT_ELEVATION_DEG}"/>`;
+	return `<feGaussianBlur in="SourceAlpha" stdDeviation="${blur.toFixed(2)}" result="bevelHeight"/><feDiffuseLighting in="bevelHeight" surfaceScale="${surfaceScale.toFixed(2)}" diffuseConstant="${diffuse.toFixed(4)}" lighting-color="#fff" result="bevelShade">${light}</feDiffuseLighting><feComposite in="SourceGraphic" in2="bevelShade" operator="arithmetic" k1="1" result="bevelLit"/><feSpecularLighting in="bevelHeight" surfaceScale="${surfaceScale.toFixed(2)}" specularConstant="0.6" specularExponent="20" lighting-color="#fff" result="bevelSpec">${light}</feSpecularLighting><feComposite in="bevelSpec" in2="SourceAlpha" operator="in" result="bevelGloss"/><feComposite in="bevelLit" in2="bevelGloss" operator="arithmetic" k2="1" k3="1"/>`;
+};
+//#endregion
 //#region src/render-slide.ts
 const clickActionHref = (pres, action) => {
 	if (!action) return void 0;
@@ -1631,6 +1716,10 @@ const DEFAULT_BODY_PT = 18;
 const DEFAULT_TITLE_PT = 44;
 const DEFAULT_FONT = "Calibri, 'Helvetica Neue', Arial, sans-serif";
 const browserFontFamily = (family) => family ? `${JSON.stringify(family)}, ${DEFAULT_FONT}` : DEFAULT_FONT;
+const BROWSER_FAMILIES = {
+	resolveFamily: browserFontFamily,
+	familyIsCssList: true
+};
 const DEFAULT_BULLET_FONT = "Arial";
 const DEFAULT_INSET_X = 91440;
 const DEFAULT_INSET_Y = 45720;
@@ -1749,20 +1838,64 @@ const renderPicture = (shape, pres, x, y, w, h, transform, textOverlay, bytes, f
 		}
 		const opacityAttr = opacity !== 1 ? ` opacity="${opacity.toFixed(3)}"` : "";
 		const border = outline.stroke !== "none" && outline.strokeWidth > 0 ? `<g${transform} fill="none" stroke="${outline.stroke}" stroke-width="${E(outline.strokeWidth)}"${outline.strokeAttrs ? ` ${outline.strokeAttrs}` : ""}>${pictureClipGeometry(shape, preset, x, y, w, h)}</g>` : "";
+		const under = outline.fill !== "none" ? `${outline.defs}<g${transform} fill="${outline.fill}"${outline.fillAttrs}>${pictureClipGeometry(shape, preset, x, y, w, h)}</g>` : "";
 		if (layout?.mode === "tile") {
 			const intrinsic = getShapeImageIntrinsicSize(shape);
 			if (intrinsic) {
 				const pattern = imageTilePattern(dataUrl, layout, intrinsic, x, y, w, h, cropL, cropT, cropR, cropB);
 				const geometry = pictureClipGeometry(shape, preset, x, y, w, h);
-				return `${clipDef}${pattern.defs}<g${transform} fill="${pattern.fill}"${filterAttr}${opacityAttr}>${geometry}</g>${border}<g${transform}>${textOverlay}</g>`;
+				return `${clipDef}${pattern.defs}${pictureEffects(pres, shape, {
+					x,
+					y,
+					w,
+					h
+				}, `${under}<g${transform} fill="${pattern.fill}"${filterAttr}${opacityAttr}>${geometry}</g>${border}`)}<g${transform}>${textOverlay}</g>`;
 			}
 		}
-		return `${clipDef}<g${transform}${clipAttr}><image x="${E(imgX)}" y="${E(imgY)}" width="${E(imgW)}" height="${E(imgH)}" href="${dataUrl}" xlink:href="${dataUrl}" preserveAspectRatio="none"${filterAttr}${opacityAttr}/></g>${border}<g${transform}>${textOverlay}</g>`;
+		return `${clipDef}${pictureEffects(pres, shape, {
+			x,
+			y,
+			w,
+			h
+		}, `${under}<g${transform}${clipAttr}><image x="${E(imgX)}" y="${E(imgY)}" width="${E(imgW)}" height="${E(imgH)}" href="${dataUrl}" xlink:href="${dataUrl}" preserveAspectRatio="none"${filterAttr}${opacityAttr}/></g>${border}`)}<g${transform}>${textOverlay}</g>`;
 	}
 	const linkUrl = getShapeImageLinkUrl(shape);
 	const label = !bytes ? linkUrl ? `picture (link: ${linkUrl.length > 48 ? linkUrl.slice(0, 45) + "…" : linkUrl})` : "picture (no bytes)" : `picture (${format ?? "unknown"}${bytes ? `, ${bytes.byteLength} B` : ""})`;
 	return `<g data-pptx-fallback="image"${transform}><rect x="${E(x)}" y="${E(y)}" width="${E(w)}" height="${E(h)}" fill="#F3F4F6" stroke="#9CA3AF" stroke-width="${E(9525)}" stroke-dasharray="${E(5e4)},${E(3e4)}"/>${renderPicturePlaceholderLabel(x, y, w, h, label)}${textOverlay}</g>`;
 };
+/**
+* Wraps a picture's markup in its 3-D approximation (bevel lighting, then the
+* camera rotation) and its `<a:effectLst>` (shadows, glow, soft edge and the
+* reflection), the same effects a shape gets.
+*/
+const pictureEffects = (pres, shape, box, markup) => {
+	const shape3d = getShape3D(shape);
+	let defs = "";
+	let content = markup;
+	let mirrored = markup;
+	const bevel = bevelFilterPrimitives(shape3d);
+	if (bevel) {
+		const id = mintId();
+		defs += `<defs><filter id="${id}" x="-10%" y="-10%" width="120%" height="120%" color-interpolation-filters="sRGB">${bevel}</filter></defs>`;
+		content = `<g filter="url(#${id})">${content}</g>`;
+	}
+	const camera = cameraTransform(shape3d, (box.x + box.w / 2) / EMU_PER_PX, (box.y + box.h / 2) / EMU_PER_PX);
+	if (camera) {
+		content = `<g transform="${camera}">${content}</g>`;
+		mirrored = `<g transform="${camera}">${mirrored}</g>`;
+	}
+	const reflection = buildReflection(pres, shape, mirrored, box);
+	const fx = buildEffectsFilter(pres, shape);
+	if (fx) {
+		defs += fx.defs;
+		content = `<g filter="url(#${fx.id})">${content}</g>`;
+	}
+	if (reflection) {
+		defs += reflection.defs;
+		content = reflection.svg + content;
+	}
+	return defs + content;
+};
 const imageTilePattern = (dataUrl, layout, intrinsic, x, y, w, h, cropL = 0, cropT = 0, cropR = 0, cropB = 0) => {
 	const sourceW = intrinsic.width * (layout.scaleX ?? 1);
 	const sourceH = intrinsic.height * (layout.scaleY ?? 1);
@@ -2064,7 +2197,22 @@ const patternDef = (pat) => {
 		fillAttr: `url(#${id})`
 	};
 };
-const textFillPaint = (fill, theme) => (box) => {
+const textFillPaint = (fill, theme, solid) => (box) => {
+	if (fill.kind === "none") return {
+		defs: "",
+		fill: "none"
+	};
+	if (fill.kind === "image") {
+		if (!fill.bytes) return {
+			defs: "",
+			fill: solid
+		};
+		const id = mintId();
+		return {
+			defs: `<defs><pattern id="${id}" patternUnits="userSpaceOnUse" x="${box.x.toFixed(2)}" y="${box.y.toFixed(2)}" width="${box.w.toFixed(2)}" height="${box.h.toFixed(2)}"><image href="${bytesToDataUrl(fill.bytes)}" width="${box.w.toFixed(2)}" height="${box.h.toFixed(2)}" preserveAspectRatio="none"/></pattern></defs>`,
+			fill: `url(#${id})`
+		};
+	}
 	if (fill.kind === "pattern") {
 		const built = patternDef({
 			preset: fill.preset,
@@ -2122,6 +2270,32 @@ const buildArrowMarker = (type, width, length, color, orient) => {
 		def: `<defs><marker id="${id}" viewBox="0 0 ${w} ${h}" refX="${w}" refY="${h / 2}" markerWidth="${w}" markerHeight="${h}" orient="${orient}">${body}</marker></defs>`
 	};
 };
+const unrotatedGradientTransform = (grad, shape, pres) => {
+	const bounds = shape && (pres ? getShapeBoundsResolved(pres, shape) : getShapeBounds(shape));
+	if (grad.rotateWithShape !== false || !shape || !bounds || bounds.w <= 0 || bounds.h <= 0) return "";
+	const angle = getShapeRotation(shape) * Math.PI / 180;
+	const cos = Math.cos(angle);
+	const sin = Math.sin(angle);
+	const w = bounds.w;
+	const h = bounds.h;
+	const rotatedW = Math.abs(cos) * w + Math.abs(sin) * h;
+	const rotatedH = Math.abs(sin) * w + Math.abs(cos) * h;
+	const flip = getShapeFlip(shape);
+	const sx = flip?.horizontal ? -1 : 1;
+	const sy = flip?.vertical ? -1 : 1;
+	const a = sx * cos * rotatedW / w;
+	const b = -sy * sin * rotatedW / h;
+	const c = sx * sin * rotatedH / w;
+	const d = sy * cos * rotatedH / h;
+	return ` gradientTransform="matrix(${[
+		a,
+		b,
+		c,
+		d,
+		(1 - a - c) / 2,
+		(1 - b - d) / 2
+	].map((value) => value.toFixed(6)).join(" ")})"`;
+};
 const paint = (shape, fill, stroke, theme, isPlaceholder, pres) => {
 	let fillColor;
 	let fillAttrs = "";
@@ -2136,33 +2310,7 @@ const paint = (shape, fill, stroke, theme, isPlaceholder, pres) => {
 	else if (fill.kind === "gradient") {
 		const grad = shape ? pres ? getShapeGradientFillEffective(pres, shape) : getShapeGradientFill(shape) : null;
 		if (grad) {
-			let transform = "";
-			const bounds = shape && (pres ? getShapeBoundsResolved(pres, shape) : getShapeBounds(shape));
-			if (grad.rotateWithShape === false && shape && bounds && bounds.w > 0 && bounds.h > 0) {
-				const angle = getShapeRotation(shape) * Math.PI / 180;
-				const cos = Math.cos(angle);
-				const sin = Math.sin(angle);
-				const w = bounds.w;
-				const h = bounds.h;
-				const rotatedW = Math.abs(cos) * w + Math.abs(sin) * h;
-				const rotatedH = Math.abs(sin) * w + Math.abs(cos) * h;
-				const flip = getShapeFlip(shape);
-				const sx = flip?.horizontal ? -1 : 1;
-				const sy = flip?.vertical ? -1 : 1;
-				const a = sx * cos * rotatedW / w;
-				const b = -sy * sin * rotatedW / h;
-				const c = sx * sin * rotatedH / w;
-				const d = sy * cos * rotatedH / h;
-				transform = ` gradientTransform="matrix(${[
-					a,
-					b,
-					c,
-					d,
-					(1 - a - c) / 2,
-					(1 - b - d) / 2
-				].map((value) => value.toFixed(6)).join(" ")})"`;
-			}
-			const built = gradientDef(grad, theme, transform);
+			const built = gradientDef(grad, theme, unrotatedGradientTransform(grad, shape, pres));
 			defs = built.defs;
 			fillColor = built.fillAttr;
 		} else fillColor = (shape && pres ? getShapeFillColorResolved(pres, shape) : null) ?? "none";
@@ -2179,10 +2327,34 @@ const paint = (shape, fill, stroke, theme, isPlaceholder, pres) => {
 	let strokeWidth = 0;
 	const strokeAttrParts = [];
 	let markerAttrs = "";
+	let headColor = strokeColor;
+	let tailColor = strokeColor;
 	if (stroke.kind === "solid") {
 		let resolved = null;
 		if (shape && pres) resolved = getShapeStrokeColorResolved(pres, shape);
 		strokeColor = resolved ?? resolveColor(stroke.color, theme, "#9CA3AF");
+		headColor = strokeColor;
+		tailColor = strokeColor;
+	} else if (stroke.kind === "gradient") {
+		const grad = shape ? getShapeStrokeGradient(shape, pres) : null;
+		const bounds = shape && (pres ? getShapeBoundsResolved(pres, shape) : getShapeBounds(shape));
+		if (grad && bounds) {
+			const stopColor = (stop) => stop ? stop.resolvedColor ?? resolveColor(stop.color, theme, "#9CA3AF") : "#9CA3AF";
+			const ordered = [...grad.stops].sort((a, b) => a.offset - b.offset);
+			headColor = stopColor(ordered[0]);
+			tailColor = stopColor(ordered[ordered.length - 1]);
+			const widthEmu = stroke.widthEmu ?? 9525;
+			const built = bounds.w > 0 && bounds.h > 0 ? gradientDef(grad, theme, unrotatedGradientTransform(grad, shape, pres)) : gradientDef(grad, theme, "", {
+				x: (bounds.w > 0 ? bounds.x : bounds.x - widthEmu / 2) / EMU_PER_PX,
+				y: (bounds.h > 0 ? bounds.y : bounds.y - widthEmu / 2) / EMU_PER_PX,
+				w: Math.max(bounds.w, widthEmu) / EMU_PER_PX,
+				h: Math.max(bounds.h, widthEmu) / EMU_PER_PX
+			});
+			defs += built.defs;
+			strokeColor = built.fillAttr;
+		}
+	}
+	if (strokeColor !== "none" && (stroke.kind === "solid" || stroke.kind === "gradient")) {
 		strokeWidth = stroke.widthEmu ?? 9525;
 		if (shape) {
 			const opacity = getShapeStrokeOpacity(shape, pres);
@@ -2208,12 +2380,12 @@ const paint = (shape, fill, stroke, theme, isPlaceholder, pres) => {
 			const head = getShapeStrokeArrow(shape, "head", pres);
 			const tail = getShapeStrokeArrow(shape, "tail", pres);
 			if (head && head.type !== "none") {
-				const m = buildArrowMarker(head.type, head.width, head.length, strokeColor, "auto-start-reverse");
+				const m = buildArrowMarker(head.type, head.width, head.length, headColor, "auto-start-reverse");
 				defs += m.def;
 				markerAttrs += ` marker-start="url(#${m.id})"`;
 			}
 			if (tail && tail.type !== "none") {
-				const m = buildArrowMarker(tail.type, tail.width, tail.length, strokeColor, "auto");
+				const m = buildArrowMarker(tail.type, tail.width, tail.length, tailColor, "auto");
 				defs += m.def;
 				markerAttrs += ` marker-end="url(#${m.id})"`;
 			}
@@ -2260,7 +2432,7 @@ const cssColorWithOpacity = (hex, opacity) => {
 };
 const renderRun = (text, format, theme, effectivePt, defaultColor, _wasDefault = false, suppressLineHeight = false, lineHeightOverride = void 0) => {
 	if (text === "") return "";
-	if (format?.textFill) {
+	if (format?.textFill || format?.outline?.fill) {
 		const { textFill: _fill, outline: _outline, shadow: _shadow, glow: _glow, underline: _underline, strike: _strike, ...layout } = format;
 		return renderRun(text, {
 			...layout,
@@ -2320,6 +2492,10 @@ const renderRun = (text, format, theme, effectivePt, defaultColor, _wasDefault =
 const LINE_HEIGHT = 1.05;
 const AUTOFIT_FLOOR = .25;
 const AUTOFIT_STEP = .05;
+const decimalSeparatorField = (lang) => {
+	const separator = decimalSeparatorOf(lang);
+	return separator === "." ? {} : { decimalSeparator: separator };
+};
 const underlineStyleOf = (fmt) => {
 	const u = fmt?.underline;
 	if (u === void 0 || u === false || u === "none") return "none";
@@ -2349,7 +2525,7 @@ const strikeStyleOf = (fmt) => {
 	if (s === "dblStrike") return "double";
 	return s !== void 0 && s !== false && s !== "noStrike";
 };
-const hasPaintedTextFill = (run) => !!run.fmt?.textFill && !run.href;
+const hasPaintedTextFill = (run) => !!(run.fmt?.textFill || run.fmt?.outline?.fill) && !run.href;
 const alignOf = (a) => a === "center" || a === "right" || a === "justify" ? a : "left";
 const verticalLayoutOf = (vert) => {
 	switch (vert) {
@@ -2387,6 +2563,13 @@ const smallCapsParts = (text, base) => {
 	flush();
 	return parts;
 };
+const faceOf = (a, font) => {
+	const family = (a.resolveFamily ?? substituteFamily)(font);
+	return a.familyIsCssList ? { family } : {
+		family,
+		cssFamily: cssFamilyName(family)
+	};
+};
 const buildSvgTextInput = (a) => {
 	const scale = a.autoFitScale;
 	const paragraphs = a.paraData.map((para, pi) => {
@@ -2395,7 +2578,7 @@ const buildSvgTextInput = (a) => {
 			if (run.text === "\n") {
 				pieces.push({
 					...breakPiece(),
-					family: (a.resolveFamily ?? substituteFamily)(run.fmt?.font ?? a.themeFace),
+					...faceOf(a, run.fmt?.font ?? a.themeFace),
 					sizePx: run.sizePt * scale * PX_PER_PT,
 					bold: run.fmt?.bold ?? false,
 					italic: run.fmt?.italic ?? false
@@ -2411,7 +2594,7 @@ const buildSvgTextInput = (a) => {
 					underline: fmt?.underline ?? true
 				};
 			}
-			const family = (a.resolveFamily ?? substituteFamily)(fmt?.font ?? a.themeFace);
+			const face = faceOf(a, fmt?.font ?? a.themeFace);
 			const sizePx = run.sizePt * scale * PX_PER_PT;
 			const fillHex = fmt?.color !== void 0 && fmt.color !== null ? resolveColor(fmt.color, a.theme, "#000000") : a.defaultColor;
 			const baseline = fmt?.baseline ?? 0;
@@ -2420,14 +2603,17 @@ const buildSvgTextInput = (a) => {
 			const cap = fmt?.cap;
 			const caps = cap === "all" || cap === "small";
 			const base = {
-				family,
+				...face,
 				sizePx,
 				bold: fmt?.bold ?? false,
 				italic: fmt?.italic ?? false,
 				letterSpacingPx,
 				kerning,
 				fillHex,
-				...fmt?.textFill && !run.href ? { fillPaint: textFillPaint(fmt.textFill, a.theme) } : {},
+				...hasPaintedTextFill(run) ? { fillPaint: fmt?.textFill ? textFillPaint(fmt.textFill, a.theme, fillHex) : () => ({
+					defs: "",
+					fill: fillHex
+				}) } : {},
 				...fmt?.underlineColor !== void 0 && fmt.underlineColor !== null ? { underlineHex: resolveColor(fmt.underlineColor, a.theme, fillHex) } : {},
 				underline: underlineStyleOf(fmt),
 				strike: strikeStyleOf(fmt),
@@ -2436,6 +2622,21 @@ const buildSvgTextInput = (a) => {
 					outlineHex: resolveColor(fmt.outline.color, a.theme, "#000000"),
 					outlineWidthPx: (fmt.outline.widthEmu ?? 9525) / EMU_PER_PX
 				} : {},
+				...fmt?.outline?.fill && !run.href ? (() => {
+					const fill = fmt.outline.fill;
+					const first = fill.stops[0];
+					return {
+						outlineHex: first ? first.resolvedColor ?? resolveColor(first.color, a.theme, "#000000") : "#000000",
+						outlinePaint: (box) => {
+							const built = gradientDef(fill, a.theme, "", box);
+							return {
+								defs: built.defs,
+								fill: built.fillAttr
+							};
+						},
+						outlineWidthPx: (fmt.outline.widthEmu ?? 9525) / EMU_PER_PX
+					};
+				})() : {},
 				...fmt?.shadow ? { shadow: {
 					...fmt.shadow,
 					...fmt.shadow.color ? { color: resolveColor(fmt.shadow.color, a.theme, "#000000") } : {}
@@ -2452,7 +2653,8 @@ const buildSvgTextInput = (a) => {
 				} } : {},
 				...a.bevel ? { bevel: a.bevel } : {},
 				href: run.href ?? null,
-				...run.hrefTip !== void 0 ? { hrefTip: run.hrefTip } : {}
+				...run.hrefTip !== void 0 ? { hrefTip: run.hrefTip } : {},
+				...run.decimalSeparator !== void 0 ? { decimalSeparator: run.decimalSeparator } : {}
 			};
 			const segs = run.text.split("\n");
 			segs.forEach((seg, i) => {
@@ -2547,10 +2749,9 @@ const buildBullet = (a, para, pi) => {
 	const baseSizePx = (para.runs.find((r) => r.text !== "\n" && r.text !== "")?.sizePt ?? a.defaultPt) * PX_PER_PT * a.autoFitScale;
 	const sizePx = para.bulletDetail.sizePct !== null ? baseSizePx * para.bulletDetail.sizePct : para.bulletDetail.sizePts !== null ? para.bulletDetail.sizePts * PX_PER_PT * a.autoFitScale : baseSizePx;
 	const fillHex = bulletFillOf(para, a.theme, a.defaultColor);
-	const bulletFont = para.bulletDetail.fontFollowText ? para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.font ?? DEFAULT_BULLET_FONT : para.bulletDetail.font ?? DEFAULT_BULLET_FONT;
 	return {
 		text: char,
-		family: (a.resolveFamily ?? substituteFamily)(bulletFont),
+		...faceOf(a, para.bulletDetail.fontFollowText ? para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.font ?? DEFAULT_BULLET_FONT : para.bulletDetail.font ?? DEFAULT_BULLET_FONT),
 		sizePx,
 		fillHex,
 		...para.bulletImageHref ? { imageHref: para.bulletImageHref } : {}
@@ -2561,7 +2762,7 @@ const bulletFillOf = (para, theme, defaultColor) => {
 	const runColor = para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.color;
 	return runColor === void 0 || runColor === null ? defaultColor : resolveColor(runColor, theme, defaultColor);
 };
-const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defaultColor, useSvgTextRect = false) => {
+const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defaultColor, useSvgTextRect = false, resolveFamily = substituteFamily) => {
 	let paragraphCount;
 	try {
 		paragraphCount = getShapeParagraphCount(shape);
@@ -2684,10 +2885,11 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 		} catch {
 			elements = [];
 		}
+		const languages = elements.length ? getParagraphElementLanguages(shape, p) : [];
 		let rIdx = 0;
 		let fieldIndex = 0;
 		let breakIndex = 0;
-		for (const el of elements) {
+		for (const [elementIndex, el] of elements.entries()) {
 			if (el.kind === "br") {
 				const fmt = getShapeRunFormatEffective(pres, shape, p, { breakIndex: breakIndex++ });
 				runs.push({
@@ -2722,6 +2924,7 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 				text: txt,
 				fmt,
 				sizePt,
+				...decimalSeparatorField(languages[elementIndex]),
 				...href !== void 0 ? { href } : {},
 				...hrefTip !== void 0 ? { hrefTip } : {}
 			});
@@ -2778,7 +2981,8 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 			innerH: fitRect.h,
 			measure,
 			vert: fitVert,
-			columns: fitColumns
+			columns: fitColumns,
+			resolveFamily
 		};
 		let s = 1;
 		while (s > AUTOFIT_FLOOR) {
@@ -2818,6 +3022,7 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 			measure,
 			vert,
 			autoFitScale,
+			resolveFamily,
 			columns: vert === "none" && cols && cols.count >= 2 ? {
 				count: cols.count,
 				gapPx: cols.gapEmu !== void 0 ? cols.gapEmu / EMU_PER_PX : 0
@@ -2861,9 +3066,15 @@ const renderHtmlParagraphs = (paraData, numberLabels, theme, autoFitScale, defau
 			let runFmt = run.fmt;
 			if (run.href) {
 				const hlinkColor = theme ? normalizeHex(theme.hyperlink) : "#0563C1";
-				const { textFill: _linkFill, ...linkFmt } = runFmt ?? {};
+				const { textFill: _linkFill, outline: linkOutline, ...linkFmt } = runFmt ?? {};
+				const { fill: outlineFill, ...solidOutline } = linkOutline ?? {};
+				const outlineColor = outlineFill?.stops[0]?.color ?? solidOutline.color;
 				runFmt = {
 					...linkFmt,
+					...linkOutline ? { outline: {
+						...solidOutline,
+						...outlineColor !== void 0 ? { color: outlineColor } : {}
+					} } : {},
 					color: hlinkColor,
 					underline: runFmt?.underline ?? true
 				};
@@ -2894,8 +3105,8 @@ const renderHtmlParagraphs = (paraData, numberLabels, theme, autoFitScale, defau
 			"padding:0",
 			`text-align:${ALIGNMENT_TO_CSS[para.align] ?? "left"}`,
 			lineHeightCss,
-			leftPx > 0 ? `padding-left:${leftPx.toFixed(2)}px` : "",
-			rightPx > 0 ? `padding-right:${rightPx.toFixed(2)}px` : "",
+			leftPx > 0 ? `padding-inline-start:${leftPx.toFixed(2)}px` : "",
+			rightPx > 0 ? `padding-inline-end:${rightPx.toFixed(2)}px` : "",
 			firstLinePx !== 0 ? `text-indent:${firstLinePx.toFixed(2)}px` : ""
 		].filter(Boolean);
 		let prefix = "";
@@ -2929,7 +3140,7 @@ const renderHtmlParagraphs = (paraData, numberLabels, theme, autoFitScale, defau
 	return paragraphs;
 };
 const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body") => {
-	const model = resolveTextBodyModel(pres, shape, bounds, theme, phType, ctx.measure, activeDeckTextColor, ctx.mode === "svg" && output === "body");
+	const model = resolveTextBodyModel(pres, shape, bounds, theme, phType, ctx.measure, activeDeckTextColor, ctx.mode === "svg" && output === "body", ctx.resolveFamily);
 	if (model === null) return "";
 	const bevel = textBevelOf(getShapeText3D(shape));
 	const { paraData, numberLabels, authoredAutofit, autoFitScale, defaultPt, themeFace, effectiveDefaultFont, effectiveBody, anchor, innerX, innerY, innerW, innerH, svgTextRect } = model;
@@ -2965,7 +3176,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 			innerW: vInnerW,
 			innerH: vInnerH,
 			measure: ctx.mode === "svg" ? ctx.measure : browserTextMeasurer() ?? ctx.measure,
-			...ctx.mode === "foreignObject" ? { resolveFamily: browserFontFamily } : {},
+			...ctx.mode === "foreignObject" ? BROWSER_FAMILIES : { resolveFamily: ctx.resolveFamily },
 			vert: svgVert,
 			columns: svgColumns,
 			bevel
@@ -2975,7 +3186,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 				...svgArgsBase,
 				autoFitScale: authoredAutofit ? autoFitScale : 1,
 				effectsOnly: true,
-				resolveFamily: browserFontFamily
+				...BROWSER_FAMILIES
 			};
 			const effects = [
 				paraData.some((para) => para.runs.some((run) => run.fmt?.reflection != null)) ? buildAndLayoutSvgText({
@@ -3056,7 +3267,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 			vert: svgVert,
 			columns: null,
 			effectsOnly: true,
-			resolveFamily: browserFontFamily,
+			...BROWSER_FAMILIES,
 			bevel
 		};
 		const hasCharacterReflection = paraData.some((para) => para.runs.some((run) => run.fmt?.reflection !== void 0 && run.fmt.reflection !== null));
@@ -3113,6 +3324,7 @@ const renderTextEffectsSvg = (pres, slide, shape, bounds, opts = {}) => {
 		groupReflected: false,
 		mode: "foreignObject",
 		measure: opts.measureText ?? browserTextMeasurer() ?? defaultMeasurer,
+		resolveFamily: substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -3149,6 +3361,7 @@ const renderTableCellEffectsSvgInternal = (pres, slide, shape, cellPosition, bou
 		groupReflected: false,
 		mode: "foreignObject",
 		measure: opts.measureText ?? browserTextMeasurer() ?? defaultMeasurer,
+		resolveFamily: substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -4554,10 +4767,11 @@ const cellParaData = (paragraphs, cell, pres) => {
 			const bulletIsPicture = isParagraphBulletPicture(cell, index);
 			const bulletImageBytes = bulletIsPicture ? getParagraphBulletImageBytes(cell, index) : null;
 			const runs = [];
+			const languages = getParagraphElementLanguages(cell, index);
 			let rIdx = 0;
 			let fieldIndex = 0;
 			let breakIndex = 0;
-			for (const el of para.elements) {
+			for (const [elementIndex, el] of para.elements.entries()) {
 				if (el.kind === "br") {
 					const fmt = getTableCellRunFormatEffective(pres, cell, index, { breakIndex: breakIndex++ });
 					runs.push({
@@ -4574,6 +4788,7 @@ const cellParaData = (paragraphs, cell, pres) => {
 					text: el.text,
 					fmt,
 					sizePt: fmt?.size ?? DEFAULT_BODY_PT,
+					...decimalSeparatorField(languages[elementIndex]),
 					...href ? {
 						href,
 						...el.tooltip !== void 0 ? { hrefTip: el.tooltip } : {}
@@ -4642,7 +4857,7 @@ const renderTableCellText = (cell, paragraphs, cx, cy, cw, ch, color, pres, shap
 		innerW: innerW * EMU_PER_PX,
 		innerH: innerH * EMU_PER_PX,
 		measure: ctx.mode === "svg" ? ctx.measure : browserTextMeasurer() ?? ctx.measure,
-		...ctx.mode === "foreignObject" ? { resolveFamily: browserFontFamily } : {},
+		...ctx.mode === "foreignObject" ? BROWSER_FAMILIES : { resolveFamily: ctx.resolveFamily },
 		vert: verticalLayoutOf(getTableCellTextDirection(cell)),
 		columns: null,
 		...effectsOnly ? { effectsOnly: true } : {},
@@ -4679,6 +4894,33 @@ const renderTableCellText = (cell, paragraphs, cx, cy, cw, ch, color, pres, shap
 	const body = renderHtmlParagraphs(paraData, numberLabels, theme, 1, DEFAULT_BODY_PT, color).join("");
 	return `<foreignObject x="${px(innerX)}" y="${px(innerY)}" width="${px(innerW)}" height="${px(innerH)}"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;flex-direction:column;justify-content:${justify};width:100%;height:100%;box-sizing:border-box;overflow:hidden;line-height:${LINE_HEIGHT};font-family:${familyFont};color:${color};word-break:break-word;${directionStyle}">${body}</div></foreignObject>${fillOverlay()}${bevelOverlay()}`;
 };
+const TWO_STOP_TABLE_GRADIENT_EXPONENT = 1.85;
+const TWO_STOP_TABLE_GRADIENT_SAMPLES = 16;
+const twoStopTableGradient = (grad, theme) => {
+	if (grad.path !== void 0 || grad.stops.length !== 2) return grad;
+	const [start, end] = [...grad.stops].sort((a, b) => a.offset - b.offset);
+	if (!start || !end || end.offset <= start.offset) return grad;
+	const span = end.offset - start.offset;
+	const colorOf = (stop) => stop.resolvedColor ?? resolveColor(stop.color, theme, "#E5E7EB");
+	const startColor = colorOf(start);
+	const endColor = colorOf(end);
+	const stops = Array.from({ length: 17 }, (_, i) => {
+		const along = i / TWO_STOP_TABLE_GRADIENT_SAMPLES;
+		const startWeight = (1 - along) ** TWO_STOP_TABLE_GRADIENT_EXPONENT;
+		const color = mixHex(startColor, endColor, startWeight);
+		const opacity = start.opacity === void 0 && end.opacity === void 0 ? void 0 : (start.opacity ?? 1) * startWeight + (end.opacity ?? 1) * (1 - startWeight);
+		return {
+			offset: start.offset + along * span,
+			color,
+			resolvedColor: color,
+			...opacity === void 0 ? {} : { opacity }
+		};
+	});
+	return {
+		...grad,
+		stops
+	};
+};
 const renderTable = (shape, pres, x, y, w, h, transform, theme, ctx) => {
 	let dims;
 	let widths;
@@ -4711,6 +4953,16 @@ const renderTable = (shape, pres, x, y, w, h, transform, theme, ctx) => {
 	const tableThemeFace = getPresentationFonts(pres)?.minorLatin ?? null;
 	const out = [];
 	out.push(`<g${transform}>`);
+	const background = getTableBackgroundEffective(pres, shape);
+	const tableW = (colXs[dims.cols] ?? xPx) - xPx;
+	const tableH = (rowYs[dims.rows] ?? yPx) - yPx;
+	if (background?.fill.kind === "solid") {
+		const opacity = background.fillOpacity !== void 0 && background.fillOpacity < 1 ? ` fill-opacity="${background.fillOpacity.toFixed(3)}"` : "";
+		out.push(`<rect x="${px(xPx)}" y="${px(yPx)}" width="${px(tableW)}" height="${px(tableH)}" fill="${resolveColor(background.fill.color, theme, "#FFFFFF")}"${opacity}/>`);
+	} else if (background?.gradient) {
+		const built = gradientDef(twoStopTableGradient(background.gradient, theme), theme);
+		out.push(`${built.defs}<rect x="${px(xPx)}" y="${px(yPx)}" width="${px(tableW)}" height="${px(tableH)}" fill="${built.fillAttr}"/>`);
+	}
 	const borderEdges = [];
 	const borderEdgeCandidates = /* @__PURE__ */ new Map();
 	for (let r = 0; r < dims.rows; r++) for (let c = 0; c < dims.cols; c++) {
@@ -4733,7 +4985,8 @@ const renderTable = (shape, pres, x, y, w, h, transform, theme, ctx) => {
 		else if (fill.kind !== "inherit") resolvedFill = "none";
 		else resolvedFill = "none";
 		const cellTextColor = textColor;
-		out.push(`<g data-pptx-cell="${r},${c}"><rect x="${px(cx)}" y="${px(cy)}" width="${px(cw)}" height="${px(ch)}" fill="${resolvedFill}"/>`);
+		const fillOpacity = fill.kind === "solid" && appearance.fillOpacity !== void 0 && appearance.fillOpacity < 1 ? ` fill-opacity="${appearance.fillOpacity.toFixed(3)}"` : "";
+		out.push(`<g data-pptx-cell="${r},${c}"><rect x="${px(cx)}" y="${px(cy)}" width="${px(cw)}" height="${px(ch)}" fill="${resolvedFill}"${fillOpacity}/>`);
 		const borders = appearance.borders;
 		const dashAttr = (dash, widthPx) => {
 			if (!dash || dash === "solid") return "";
@@ -4893,6 +5146,148 @@ const PATH_SHADE = {
 	lighten: "fill=\"#fff\" fill-opacity=\"0.4\"",
 	lightenLess: "fill=\"#fff\" fill-opacity=\"0.2\""
 };
+const SKETCH_AMPLITUDE = {
+	curved: .008,
+	freehand: .014,
+	scribble: .022
+};
+const SKETCH_STEP = .12;
+const seededRandom = (seed) => {
+	let state = seed >>> 0;
+	return () => {
+		state = state + 1831565813 >>> 0;
+		let t = state;
+		t = Math.imul(t ^ t >>> 15, t | 1);
+		t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+		return ((t ^ t >>> 14) >>> 0) / 4294967296;
+	};
+};
+/**
+* An approximation of a sketched outline (`ask:lineSketchStyleProps`): every
+* edge of `geom` is redrawn as a seeded hand-drawn wobble. Only used for a
+* preset geometry the writer left crisp; sketches the reference desktop app wrote already
+* carry their hand-drawn path as custom geometry.
+*/
+const sketchGeometry = (geom, sketch, w, h, seed) => {
+	const random = seededRandom(seed);
+	const jitter = (amp) => (random() * 2 - 1) * amp;
+	const paths = geom.paths.map((path) => {
+		const cw = path.w ?? w;
+		const ch = path.h ?? h;
+		const size = Math.max(Math.min(cw, ch), Math.max(cw, ch) / 4);
+		const amp = SKETCH_AMPLITUDE[sketch] * size;
+		const step = SKETCH_STEP * Math.max(cw, ch);
+		const nudge = (pt) => ({
+			x: pt.x + jitter(amp),
+			y: pt.y + jitter(amp)
+		});
+		const commands = [];
+		let curX = 0;
+		let curY = 0;
+		let startX = 0;
+		let startY = 0;
+		const wobbleTo = (x, y) => {
+			const dx = x - curX;
+			const dy = y - curY;
+			const len = Math.hypot(dx, dy);
+			const count = step > 0 ? Math.max(1, Math.round(len / step)) : 1;
+			const nx = len > 0 ? -dy / len : 0;
+			const ny = len > 0 ? dx / len : 0;
+			let px = curX;
+			let py = curY;
+			for (let i = 1; i <= count; i++) {
+				const last = i === count;
+				const ex = curX + dx * i / count + (last ? 0 : jitter(amp / 2));
+				const ey = curY + dy * i / count + (last ? 0 : jitter(amp / 2));
+				const bend = jitter(amp);
+				const control = {
+					x: (px + ex) / 2 + nx * bend,
+					y: (py + ey) / 2 + ny * bend
+				};
+				commands.push({
+					kind: "quadBezTo",
+					pts: [control, {
+						x: ex,
+						y: ey
+					}]
+				});
+				px = ex;
+				py = ey;
+			}
+			curX = x;
+			curY = y;
+		};
+		for (const cmd of path.commands) switch (cmd.kind) {
+			case "moveTo":
+				curX = cmd.pt.x;
+				curY = cmd.pt.y;
+				startX = curX;
+				startY = curY;
+				commands.push(cmd);
+				break;
+			case "lnTo":
+				wobbleTo(cmd.pt.x, cmd.pt.y);
+				break;
+			case "quadBezTo":
+				commands.push({
+					kind: "quadBezTo",
+					pts: [nudge(cmd.pts[0]), cmd.pts[1]]
+				});
+				curX = cmd.pts[1].x;
+				curY = cmd.pts[1].y;
+				break;
+			case "cubicBezTo":
+				commands.push({
+					kind: "cubicBezTo",
+					pts: [
+						nudge(cmd.pts[0]),
+						nudge(cmd.pts[1]),
+						cmd.pts[2]
+					]
+				});
+				curX = cmd.pts[2].x;
+				curY = cmd.pts[2].y;
+				break;
+			case "arcTo":
+				for (const s of arcToCubicSegments(curX, curY, cmd.wR, cmd.hR, cmd.stAng, cmd.swAng)) {
+					commands.push({
+						kind: "cubicBezTo",
+						pts: [
+							nudge({
+								x: s.c1x,
+								y: s.c1y
+							}),
+							nudge({
+								x: s.c2x,
+								y: s.c2y
+							}),
+							{
+								x: s.ex,
+								y: s.ey
+							}
+						]
+					});
+					curX = s.ex;
+					curY = s.ey;
+				}
+				break;
+			case "close":
+				if (curX !== startX || curY !== startY) wobbleTo(startX, startY);
+				commands.push(cmd);
+				curX = startX;
+				curY = startY;
+				break;
+		}
+		return {
+			...path,
+			commands
+		};
+	});
+	return {
+		...geom,
+		paths
+	};
+};
 /**
 * Renders an evaluated {@link CustomGeometry} (a `<a:custGeom>` or a preset
 * from `getPresetGeometry`) as `<path>`s in the shape's slide box. Returns
@@ -5109,6 +5504,11 @@ const renderShapeContent = (shape, pres, theme, ctx) => {
 	const customGeom = rawPreset === null ? getShapeCustomGeometry(shape) : null;
 	let geomSvg = customGeom !== null ? customGeometryToSvg(customGeom, x, y, w, h, p.fill, fa, p.stroke, p.strokeWidth, sa, ma) : "";
 	const isCustGeom = geomSvg === "" && rawPreset === null && getShapeXmlString(shape).includes("custGeom");
+	const sketch = rawPreset !== null ? getShapeStrokeSketch(shape) : null;
+	if (geomSvg !== "") {} else if (sketch !== null && p.stroke !== "none") {
+		const geometry = getPresetGeometry(preset, bounds, getShapeAdjustValues(shape));
+		if (geometry !== null) geomSvg = customGeometryToSvg(sketchGeometry(geometry, sketch, w, h, getShapeId(shape)), x, y, w, h, p.fill, fa, p.stroke, p.strokeWidth, sa, ma);
+	}
 	if (geomSvg !== "") {} else if (preset === "rect") geomSvg = `<rect x="${E(x)}" y="${E(y)}" width="${E(w)}" height="${E(h)}" fill="${p.fill}"${fa} stroke="${p.stroke}" stroke-width="${E(p.strokeWidth)}"${sa}${ma}/>`;
 	else {
 		const geometry = getPresetGeometry(preset, bounds, getShapeAdjustValues(shape));
@@ -5201,11 +5601,14 @@ const buildReflection = (pres, shape, geomRaw, box) => {
 	const f = refl.scaleY ?? -1;
 	const startA = refl.startOpacity ?? 1;
 	const endA = refl.opacity ?? 0;
+	const startPos = refl.startPosition ?? 0;
+	const endPos = Math.max(startPos, refl.endPosition ?? 1);
 	const contactPx = (box.y + box.h) / EMU_PER_PX;
 	const transform = `translate(0 ${(refl.distEmu / EMU_PER_PX + contactPx * (1 - f)).toFixed(2)}) scale(1 ${f})`;
 	const maskId = mintId();
 	const gradId = mintId();
-	const defs = `<defs><linearGradient id="${gradId}" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity="${startA.toFixed(3)}"/><stop offset="1" stop-color="#fff" stop-opacity="${endA.toFixed(3)}"/></linearGradient><mask id="${maskId}" maskContentUnits="objectBoundingBox"><rect width="1" height="1" fill="url(#${gradId})"/></mask></defs>`;
+	const [y1, y2] = f < 0 ? [1, 0] : [0, 1];
+	const defs = `<defs><linearGradient id="${gradId}" x1="0" y1="${y1}" x2="0" y2="${y2}"><stop offset="${startPos.toFixed(3)}" stop-color="#fff" stop-opacity="${startA.toFixed(3)}"/><stop offset="${endPos.toFixed(3)}" stop-color="#fff" stop-opacity="${endA.toFixed(3)}"/></linearGradient><mask id="${maskId}" maskContentUnits="objectBoundingBox"><rect width="1" height="1" fill="url(#${gradId})"/></mask></defs>`;
 	return {
 		svg: `<g transform="${transform}" mask="url(#${maskId})" data-pptx-reflection="1">${geomRaw}</g>`,
 		defs
@@ -5253,9 +5656,9 @@ const buildEffectsFilter = (pres, shape) => {
 		primitives.push(`<feMorphology in="SourceAlpha" operator="dilate" radius="${dilatePx.toFixed(2)}" result="glowExp${i}"/>`, `<feGaussianBlur in="glowExp${i}" stdDeviation="${featherPx.toFixed(2)}" result="glowBlur${i}"/>`, `<feFlood flood-color="${color}" flood-opacity="${opacity.toFixed(3)}" result="glowCol${i}"/>`, `<feComposite in="glowCol${i}" in2="glowBlur${i}" operator="in" result="glowOut${i}"/>`);
 		layers.push(`glowOut${i}`);
 	} else if (e.kind === "softEdge") {
-		const blurPx = e.radiusEmu / EMU_PER_PX / 2;
+		const radiusPx = e.radiusEmu / EMU_PER_PX;
 		const i = primitives.length;
-		primitives.push(`<feGaussianBlur in="SourceGraphic" stdDeviation="${blurPx.toFixed(2)}" result="softOut${i}"/>`);
+		primitives.push(`<feMorphology in="SourceAlpha" operator="erode" radius="${(radiusPx / 2).toFixed(2)}" result="softCore${i}"/>`, `<feGaussianBlur in="softCore${i}" stdDeviation="${(radiusPx / 4).toFixed(2)}" result="softMask${i}"/>`, `<feComposite in="SourceGraphic" in2="softMask${i}" operator="in" result="softOut${i}"/>`);
 		layers.length = 0;
 		layers.push(`softOut${i}`);
 	} else if (e.kind === "blur") {
@@ -5297,14 +5700,33 @@ const topLevelShapes = (shapes, opts) => {
 	}
 	return out;
 };
-const renderSlideSvg = (pres, slide, opts = {}) => {
+const renderSlideSvg = (pres, slide, opts = {}) => renderSurface(pres, {
+	slide,
+	layout: getSlideLayout(slide),
+	master: false
+}, opts);
+/**
+* Draws a slide layout — or, with `master`, its slide master — the way
+* the reference desktop app's Slide Master view shows it behind the placeholders: the
+* background and the decorative (non-placeholder) shapes of the master and,
+* for a layout, of the layout itself. A layout that hides background graphics
+* leaves the master's shapes out. Placeholders are not drawn; an editor draws
+* them with their prompt text over this.
+*/
+const renderSlideLayoutSvg = (pres, layout, opts = {}) => renderSurface(pres, {
+	slide: null,
+	layout,
+	master: opts.master ?? false
+}, opts);
+const renderSurface = (pres, surface, opts) => {
+	const { slide, master } = surface;
 	const size = getSlideSize(pres) ?? DEFAULT_SIZE;
 	const W = size.width;
 	const H = size.height;
 	const theme = getPresentationTheme(pres);
-	activeColorMap = getEffectiveColorMap(slide);
-	activeDeckTextColor = resolveDeckBodyTextColor(slide) ?? "#000000";
-	const position = getSlides(pres).indexOf(slide);
+	activeColorMap = getEffectiveColorMap(slide ?? surface.layout);
+	activeDeckTextColor = resolveDeckBodyTextColor(slide ?? surface.layout) ?? "#000000";
+	const position = slide ? getSlides(pres).indexOf(slide) : 0;
 	activeSlideNumber = String(getPresentationFirstSlideNumber(pres) + (position < 0 ? 0 : position));
 	const ctx = {
 		groupScale: {
@@ -5314,6 +5736,7 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 		groupReflected: false,
 		mode: opts.textLayout ?? "foreignObject",
 		measure: opts.measureText ?? defaultMeasurer,
+		resolveFamily: opts.textLayout === "svg" ? opts.resolveFamily ?? substituteFamily : substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -5322,11 +5745,11 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 		},
 		inverseGroupTransform: ""
 	};
-	let bg = getSlideBackground(slide);
+	let bg = slide ? getSlideBackground(slide) : { kind: "inherit" };
 	if (bg.kind === "inherit") {
-		const layout = getSlideLayout(slide);
+		const layout = surface.layout;
 		if (layout) {
-			const layoutBg = getSlideLayoutBackground(layout);
+			const layoutBg = master ? { kind: "inherit" } : getSlideLayoutBackground(layout);
 			if (layoutBg.kind !== "inherit") bg = layoutBg;
 			else {
 				const masterBg = getSlideMasterBackground(pres, layout);
@@ -5341,11 +5764,11 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 	let bgGradientDefs = "";
 	if (bg.kind === "solid") bgColor = resolveColor(bg.color, theme, "#FFFFFF");
 	else if (bg.kind === "gradient") {
-		let grad = getSlideBackgroundGradientFill(slide);
+		let grad = slide ? getSlideBackgroundGradientFill(slide) : null;
 		if (!grad) {
-			const layout = getSlideLayout(slide);
+			const layout = surface.layout;
 			if (layout) {
-				grad = getSlideLayoutBackgroundGradientFill(layout);
+				grad = master ? null : getSlideLayoutBackgroundGradientFill(layout);
 				if (!grad) grad = getSlideMasterBackgroundGradientFill(pres, layout);
 			}
 		}
@@ -5355,11 +5778,11 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 			bgGradient = `<rect width="${E(W)}" height="${E(H)}" fill="${built.fillAttr}"/>`;
 		}
 	} else if (bg.kind === "pattern") {
-		let pat = getSlideBackgroundPatternFill(pres, slide);
+		let pat = slide ? getSlideBackgroundPatternFill(pres, slide) : null;
 		if (!pat) {
-			const layout = getSlideLayout(slide);
+			const layout = surface.layout;
 			if (layout) {
-				pat = getSlideLayoutBackgroundPatternFill(pres, layout);
+				pat = master ? null : getSlideLayoutBackgroundPatternFill(pres, layout);
 				if (!pat) pat = getSlideMasterBackgroundPatternFill(pres, layout);
 			}
 		}
@@ -5371,23 +5794,23 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 	} else if (theme && bg.kind === "inherit") bgColor = normalizeHex(theme.light1);
 	let bgImage = "";
 	if (bg.kind === "image") {
-		let bytes = getSlideBackgroundImageBytes(slide);
+		let bytes = slide ? getSlideBackgroundImageBytes(slide) : null;
 		if (!bytes && pres) {
-			const layout = getSlideLayout(slide);
+			const layout = surface.layout;
 			if (layout) {
-				bytes = getSlideLayoutBackgroundImageBytes(pres, layout);
+				bytes = master ? null : getSlideLayoutBackgroundImageBytes(pres, layout);
 				if (!bytes) bytes = getSlideMasterBackgroundImageBytes(pres, layout);
 			}
 		}
 		if (bytes) {
 			const fmt = detectImageFormatLocal(bytes);
 			const dataUrl = `data:${fmt ? imageMime[fmt] ?? "image/png" : "image/png"};base64,${u8ToBase64(bytes)}`;
-			const layout = getSlideBackgroundImageFillLayout(slide);
-			const crop = getSlideBackgroundImageCrop(slide);
+			const layout = slide ? getSlideBackgroundImageFillLayout(slide) : null;
+			const crop = slide ? getSlideBackgroundImageCrop(slide) : null;
 			const cropLeft = crop?.left ?? 0, cropTop = crop?.top ?? 0;
 			const cropRight = crop?.right ?? 0, cropBottom = crop?.bottom ?? 0;
-			const opacity = getSlideBackgroundImageOpacity(slide) ?? 1;
-			const intrinsic = layout?.mode === "tile" ? getSlideBackgroundImageIntrinsicSize(slide) : null;
+			const opacity = (slide && getSlideBackgroundImageOpacity(slide)) ?? 1;
+			const intrinsic = layout?.mode === "tile" && slide ? getSlideBackgroundImageIntrinsicSize(slide) : null;
 			if (layout?.mode === "tile" && intrinsic) {
 				const pattern = imageTilePattern(dataUrl, layout, intrinsic, 0, 0, W, H, cropLeft, cropTop, cropRight, cropBottom);
 				bgImage = `${pattern.defs}<rect width="${E(W)}" height="${E(H)}" fill="${pattern.fill}" opacity="${opacity}"/>`;
@@ -5408,10 +5831,11 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 		}
 	}
 	let layoutBgShapes = "";
-	const layoutForBg = getSlideLayout(slide);
-	if (layoutForBg && !isSlideBackgroundGraphicsHidden(slide)) try {
-		const masterShapes = topLevelShapes(isSlideLayoutBackgroundGraphicsHidden(layoutForBg) ? [] : getSlideMasterShapes(pres, layoutForBg), { dropPlaceholders: true });
-		const layoutShapes = topLevelShapes(getSlideLayoutShapes(pres, layoutForBg), { dropPlaceholders: true });
+	const layoutForBg = surface.layout;
+	const paintBackground = opts.background ?? true;
+	if (paintBackground && layoutForBg && !(slide && isSlideBackgroundGraphicsHidden(slide))) try {
+		const masterShapes = topLevelShapes(!master && isSlideLayoutBackgroundGraphicsHidden(layoutForBg) ? [] : getSlideMasterShapes(pres, layoutForBg), { dropPlaceholders: true });
+		const layoutShapes = topLevelShapes(master ? [] : getSlideLayoutShapes(pres, layoutForBg), { dropPlaceholders: true });
 		const bgCtx = {
 			...ctx,
 			ownShapes: false
@@ -5420,12 +5844,12 @@ const renderSlideSvg = (pres, slide, opts = {}) => {
 	} catch {
 		layoutBgShapes = "";
 	}
-	const shapesSvg = topLevelShapes(getSlideShapes(slide), { dropPlaceholders: false }).map((s) => renderShape(s, pres, theme, ctx)).join("");
+	const shapesSvg = topLevelShapes(slide ? getSlideShapes(slide) : [], { dropPlaceholders: false }).map((s) => renderShape(s, pres, theme, ctx)).join("");
 	const backgroundSvg = `${bgOpacity === void 0 ? "" : `<rect width="${E(W)}" height="${E(H)}" fill="#FFFFFF"/>`}<rect width="${E(W)}" height="${E(H)}" fill="${bgColor}"${bgOpacityAttr}/>${bgGradient}${bgImage}`;
 	return [
 		`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${E(W)} ${E(H)}" preserveAspectRatio="xMidYMid meet">`,
 		bgGradientDefs,
-		ctx.background.id ? `<defs><g id="${ctx.background.id}">${backgroundSvg}</g></defs><use href="#${ctx.background.id}" xlink:href="#${ctx.background.id}"/>` : backgroundSvg,
+		ctx.background.id ? `<defs><g id="${ctx.background.id}">${backgroundSvg}</g></defs>${paintBackground ? `<use href="#${ctx.background.id}" xlink:href="#${ctx.background.id}"/>` : ""}` : paintBackground ? backgroundSvg : "",
 		layoutBgShapes,
 		shapesSvg,
 		"</svg>"
@@ -5458,7 +5882,7 @@ const auditShape = (pres, theme, shape, slideIndex, measure, tolerancePx, report
 		y: bounds.y,
 		w: bounds.w,
 		h: bounds.h
-	}, theme, getShapePlaceholderType(shape), measure, "#000000");
+	}, theme, getShapePlaceholderType(shape), measure, "#000000", false, passthroughFamily);
 	if (model === null) return;
 	const vert = verticalLayoutOf(model.effectiveBody.vert ?? getShapeTextDirection(shape));
 	const cols = model.effectiveBody.columns;
@@ -5601,7 +6025,7 @@ const auditTextLayout = (pres, options = {}) => {
 *
 * `1` for a shape with no `<a:normAutofit>`: `<a:noAutofit>` overflows and
 * `<a:spAutoFit>` grows the box instead, so neither shrinks the text. A shape
-* with a baked `fontScale` reports that, unchanged — it is what PowerPoint
+* with a baked `fontScale` reports that, unchanged — it is what the reference desktop app
 * itself applied.
 */
 function shapeAutoFitScale(pres, shape, options = {}) {
@@ -5634,6 +6058,6 @@ function shapeTextAnchorOffset(pres, shape, options = {}) {
 	};
 }
 //#endregion
-export { textColumnsStyle as _, renderTextEffectsSvg as a, shapeTextRect as b, MONO as c, TIMES as d, defaultMeasurer as f, textUnderlineStyle as g, paragraphNumberLabels as h, renderSlideSvg as i, SANS as l, substituteFamily as m, shapeTextAnchorOffset as n, ARIAL as o, isCjk as p, auditTextLayout as r, AVG_GLYPH_W_RATIO as s, shapeAutoFitScale as t, SERIF as u, verticalTextStyle as v, resolveTextBodyRect as y };
+export { shapeTextRect as S, paragraphNumberLabels as _, renderSlideSvg as a, verticalTextStyle as b, AVG_GLYPH_W_RATIO as c, SERIF as d, TIMES as f, decimalSeparatorOf as g, substituteFamily as h, renderSlideLayoutSvg as i, MONO as l, isCjk as m, shapeTextAnchorOffset as n, renderTextEffectsSvg as o, defaultMeasurer as p, auditTextLayout as r, ARIAL as s, shapeAutoFitScale as t, SANS as u, textUnderlineStyle as v, resolveTextBodyRect as x, textColumnsStyle as y };
 
-//# sourceMappingURL=src-Bwmf324Z.js.map
+//# sourceMappingURL=src-u1-ERSHC.js.map