deckjsx 0.8.1 → 0.8.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DNsco0U3.mjs";
-import { A as CompositionDiagnosticError, C as parsePointValue, D as POINTS_PER_INCH, E as EMU_PER_INCH, F as formatDiagnostics, M as SemanticGraphDiagnosticError, N as StyleDiagnosticError, O as createDiagnostics, P as formatDiagnostic, S as parsePointToken, T as pointsToEmu, _ as isDeckLengthString, a as isInspectableThemePayload, b as parseLengthToken, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as DeckDiagnosticError, k as diagnostic, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckPointLengthString, w as parseStrokeWidth, x as parsePercentage$1, y as parseLength } from "./adapter-CNSvvD4i.mjs";
+import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DY5XQegS.mjs";
+import { A as diagnostic, C as parsePointToken, D as EMU_PER_INCH, E as pointsToEmu, F as formatDiagnostic, I as formatDiagnostics, M as DeckDiagnosticError, N as SemanticGraphDiagnosticError, O as POINTS_PER_INCH, P as StyleDiagnosticError, S as parsePercentage$1, T as parseStrokeWidth, _ as isCssWideKeyword, a as isInspectableThemePayload, b as parseLength, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as CompositionDiagnosticError, k as createDiagnostics, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckLengthString, w as parsePointValue, x as parseLengthToken, y as isDeckPointLengthString } from "./adapter-CGOiv9ip.mjs";
 import { n as isPptxMediaPart, o as isPptxSlidePart, r as isPptxPackageModel } from "./model-DIuh51qh.mjs";
 //#region src/composition/types.ts
 const COMPOSITION_SOURCE = Symbol("deckjsx.compositionSource");
@@ -318,6 +318,7 @@ function packagePartOrderGroup(part) {
 	if (part.kind === "relationships" && part.path.startsWith("ppt/slideLayouts/_rels/")) return "slideLayoutRelationships";
 	if (part.kind === "view-properties") return "viewProperties";
 	if (part.kind === "presentation-properties") return "presentationProperties";
+	if (part.kind === "table-styles") return "tableStyles";
 	if (part.kind === "slide") return "slide";
 	if (part.kind === "relationships" && part.path.startsWith("ppt/slides/_rels/")) return "slideRelationships";
 	if (part.kind === "media") return "media";
@@ -336,6 +337,7 @@ const PACKAGE_PART_ORDER_GROUP_ORDER = {
 	slideLayoutRelationships: 71,
 	viewProperties: 75,
 	presentationProperties: 76,
+	tableStyles: 77,
 	slide: 80,
 	slideRelationships: 81,
 	media: 90,
@@ -459,7 +461,7 @@ function normalizePackagePartRequirement(requirement) {
 function packagePartRequirement(part, relationshipPartIdsByTargetPartId) {
 	if (part.requirement) return normalizePackagePartRequirement(part.requirement);
 	if (part.kind === "media") {
-		const dependencies = relationshipPartIdsByTargetPartId.get(part.id) ?? [];
+		const dependencies = [...new Set(relationshipPartIdsByTargetPartId.get(part.id) ?? [])];
 		return {
 			status: "conditional",
 			required: dependencies.length > 0,
@@ -628,7 +630,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -645,7 +647,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -705,7 +707,22 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
+		fit: "contain",
+		objectFit: "contain",
+		objectPosition: "50% 50%",
+		transparency: 0,
+		rounding: false,
+		margin: 0
+	},
+	video: {
+		display: "block",
+		visibility: "visible",
+		opacity: 1,
+		rotation: 0,
+		zIndex: 0,
+		overflow: "visible",
+		position: "static",
 		fit: "contain",
 		objectFit: "contain",
 		objectPosition: "50% 50%",
@@ -720,7 +737,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -742,6 +759,7 @@ function elementDefaultsFor(node) {
 		case "text": return ELEMENT_DEFAULTS.text;
 		case "textRun": return ELEMENT_DEFAULTS.textRun;
 		case "image": return ELEMENT_DEFAULTS.image;
+		case "video": return ELEMENT_DEFAULTS.video;
 		case "shape": return ELEMENT_DEFAULTS.shape;
 		case "document": return;
 	}
@@ -1274,6 +1292,17 @@ const VIEW_STYLE_KEYS = [
 	"gridAutoRows",
 	"gridAutoFlow"
 ];
+const SLIDE_STYLE_KEYS$1 = [
+	"background",
+	"backgroundImage",
+	"backgroundColor",
+	"backgroundTransparency",
+	"backgroundPosition",
+	"backgroundSize",
+	"backgroundRepeat",
+	"backgroundClip",
+	"backgroundOrigin"
+];
 const TEXT_STYLE_KEYS = [
 	...VIEW_STYLE_KEYS,
 	"fontFamily",
@@ -1400,6 +1429,62 @@ const IMAGE_STYLE_KEYS = [
 	"marginBottom",
 	"marginLeft"
 ];
+const VIDEO_STYLE_KEYS = [
+	"opacity",
+	"rotation",
+	"transform",
+	"transformOrigin",
+	"filter",
+	"mixBlendMode",
+	"isolation",
+	"zIndex",
+	"flipH",
+	"flipV",
+	"overflow",
+	"alignSelf",
+	"justifySelf",
+	"placeSelf",
+	"position",
+	"order",
+	"flexGrow",
+	"flexShrink",
+	"flexBasis",
+	"gridArea",
+	"gridColumnStart",
+	"gridColumnEnd",
+	"gridRowStart",
+	"gridRowEnd",
+	"gridColumn",
+	"gridRow",
+	"display",
+	"visibility",
+	"x",
+	"y",
+	"inset",
+	"left",
+	"top",
+	"right",
+	"bottom",
+	"width",
+	"height",
+	"aspectRatio",
+	"minWidth",
+	"minHeight",
+	"maxWidth",
+	"maxHeight",
+	"fit",
+	"objectFit",
+	"objectPosition",
+	"transparency",
+	"rounding",
+	"borderRadius",
+	"boxShadow",
+	"margin",
+	"marginTop",
+	"marginRight",
+	"marginBottom",
+	"marginLeft"
+];
 const SHAPE_STYLE_KEYS = [
 	...VIEW_STYLE_KEYS,
 	"href",
@@ -1543,11 +1628,45 @@ function applyProperties(style, source, properties) {
 		};
 	});
 }
-function resolvedStyleFor$1(node, entity, registry, theme, context, diagnostics) {
+const INHERITED_STYLE_KEYS = new Set([
+	"charSpacing",
+	"color",
+	"direction",
+	"fontFamily",
+	"fontSize",
+	"fontStyle",
+	"fontWeight",
+	"italic",
+	"letterSpacing",
+	"lineHeight",
+	"overflowWrap",
+	"strike",
+	"textAlign",
+	"textTransform",
+	"underline",
+	"whiteSpace",
+	"wordBreak",
+	"writingMode"
+]);
+function applyInheritedProperties(parentId, parent, properties) {
+	if (parentId === void 0 || parent === void 0) return;
+	for (const key of INHERITED_STYLE_KEYS) {
+		const property = parent.properties[key];
+		if (property?.value !== void 0) properties[key] = {
+			value: property.value,
+			source: {
+				layer: "inherited",
+				parentId
+			}
+		};
+	}
+}
+function resolvedStyleFor$1(node, entity, registry, theme, context, inherited, diagnostics) {
 	const properties = {};
 	const appliedClasses = [];
 	const defaults = elementDefaultsFor(node);
 	if (defaults) applyProperties(defaults, { layer: "default" }, properties);
+	applyInheritedProperties(inherited.parentId, inherited.style, properties);
 	const themeDefaults = node.authoredTag && theme ? themeInput(theme).defaults : void 0;
 	const themeDefault = node.authoredTag ? themeDefaults?.[node.authoredTag] : void 0;
 	if (node.authoredTag && themeDefault) applyProperties(themeDefault, {
@@ -1606,9 +1725,10 @@ function resolveStyles(graph, roots) {
 	const stylesheets = classesBySource(roots);
 	const themes = themesBySource(roots);
 	const registries = /* @__PURE__ */ new Map();
+	const parentById = parentMapFor$1(graph);
 	const selectorContext = {
 		graph,
-		parentById: parentMapFor$1(graph),
+		parentById,
 		classNamesByNodeId: classNamesByNodeIdFor(graph)
 	};
 	const resolvedStyles = /* @__PURE__ */ new Map();
@@ -1618,8 +1738,10 @@ function resolveStyles(graph, roots) {
 	themes.forEach((theme, sourceKey) => {
 		diagnostics.push(...sourceThemeDiagnostics(sourceKey, theme));
 	});
-	graph.nodes.forEach((node) => {
+	const resolveNode = (node) => {
 		if (!isStyleCapableNode(node)) return;
+		const existing = resolvedStyles.get(node.id);
+		if (existing) return existing;
 		const sourceKey = sourceKeyFor$2(node.origin.source);
 		const entity = node.styleRef ? graph.styles.get(node.styleRef) : void 0;
 		let registry = registries.get(sourceKey);
@@ -1627,7 +1749,18 @@ function resolveStyles(graph, roots) {
 			registry = registerStylesheets(sourceKey, stylesheets.get(sourceKey), diagnostics);
 			registries.set(sourceKey, registry);
 		}
-		resolvedStyles.set(node.id, resolvedStyleFor$1(node, entity, registry, themes.get(sourceKey), selectorContext, diagnostics));
+		const parentId = parentById.get(node.id);
+		const parent = parentId ? graph.nodes.get(parentId) : void 0;
+		const inherited = parent ? resolveNode(parent) : void 0;
+		const resolved = resolvedStyleFor$1(node, entity, registry, themes.get(sourceKey), selectorContext, {
+			parentId,
+			style: inherited
+		}, diagnostics);
+		resolvedStyles.set(node.id, resolved);
+		return resolved;
+	};
+	graph.nodes.forEach((node) => {
+		resolveNode(node);
 	});
 	return {
 		resolvedStyles,
@@ -1795,9 +1928,10 @@ var PipelineArtifactCollection = class {
 				styleIds.push(node.styleRef);
 				stylesBySourceKey.set(sourceKey, styleIds);
 			}
-			if (node.kind === "image" && node.assetRef) {
+			const nodeAssetIds = node.kind === "image" && node.assetRef ? [node.assetRef] : node.kind === "video" ? [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0) : [];
+			if (nodeAssetIds.length > 0) {
 				const assetIds = assetsBySourceKey.get(sourceKey) ?? [];
-				assetIds.push(node.assetRef);
+				assetIds.push(...nodeAssetIds);
 				assetsBySourceKey.set(sourceKey, assetIds);
 			}
 		});
@@ -1921,6 +2055,7 @@ function assetEntityId(material) {
 //#region src/graph/roles.ts
 function semanticKindForTag(tag) {
 	if (tag === "img") return "image";
+	if (tag === "video") return "video";
 	if (tag === "shape") return "shape";
 	if (tag === "p" || /^h[1-6]$/.test(tag) || tag === "span") return tag === "span" ? "textRun" : "text";
 	return "container";
@@ -1950,6 +2085,7 @@ function semanticRoleForTag(tag) {
 			level: Number(tag.slice(1))
 		};
 		case "img": return { kind: "image" };
+		case "video": return { kind: "video" };
 		case "shape": return { kind: "shape" };
 		case "span": return;
 	}
@@ -1980,6 +2116,9 @@ function isSlideElement(node) {
 function isImageElement(node) {
 	return node.source.kind === "tag" && node.source.tag === "img";
 }
+function isVideoElement(node) {
+	return node.source.kind === "tag" && node.source.tag === "video";
+}
 function isShapeElement(node) {
 	return node.source.kind === "tag" && node.source.tag === "shape";
 }
@@ -2002,6 +2141,15 @@ function supportedPropNamesFor(node) {
 			"src",
 			"data"
 		]);
+		case "video": return new Set([
+			"className",
+			"style",
+			"area",
+			"src",
+			"data",
+			"poster",
+			"posterData"
+		]);
 		case "shape": return new Set([
 			"className",
 			"style",
@@ -2015,6 +2163,23 @@ function supportedPropNamesFor(node) {
 		]);
 	}
 }
+function supportedStyleNamesFor(node) {
+	if (node.source.kind === "slide") return new Set(SLIDE_STYLE_KEYS$1);
+	switch (node.source.tag) {
+		case "span": return new Set(TEXT_RUN_STYLE_KEYS);
+		case "img": return new Set(IMAGE_STYLE_KEYS);
+		case "video": return new Set(VIDEO_STYLE_KEYS);
+		case "shape": return new Set(SHAPE_STYLE_KEYS);
+		case "p":
+		case "h1":
+		case "h2":
+		case "h3":
+		case "h4":
+		case "h5":
+		case "h6": return new Set(TEXT_STYLE_KEYS);
+		default: return new Set(VIEW_STYLE_KEYS);
+	}
+}
 function sourceFor(context) {
 	return context.activeSlot?.source ?? context.source;
 }
@@ -2117,6 +2282,32 @@ function authoringPropDiagnostic(input) {
 		...input.help ? { help: input.help } : {}
 	});
 }
+function videoPosterMissingDiagnostic(input) {
+	return diagnostic({
+		severity: "warning",
+		code: "W_COMPILE_VIDEO_POSTER_MISSING",
+		title: "video poster is missing",
+		message: "Video nodes without poster or posterData may render with a black placeholder until the playback renderer loads the media.",
+		labels: [{
+			path: `${input.path}.props`,
+			message: "Add poster or posterData when the first visual frame matters."
+		}],
+		help: ["The video is still included as playable media; this warning only covers the static placeholder."]
+	});
+}
+function unsupportedStylePropDiagnostic(input) {
+	return diagnostic({
+		severity: "warning",
+		code: "W_COMPILE_UNSUPPORTED_STYLE_PROP",
+		title: "unsupported style property",
+		message: `Style property "${input.property}" is not supported by the deckjsx CSS-like style subset for ${input.tag}.`,
+		labels: [{
+			path: input.path,
+			message: `${input.property} is outside the supported deckjsx style property subset.`
+		}],
+		help: ["Use a supported deckjsx style key, or keep this value in your own data layer until deckjsx adds that CSS property."]
+	});
+}
 function validateAuthoringProps(state, node, path) {
 	const supported = supportedPropNamesFor(node);
 	const propPath = node.source.kind === "slide" ? `${path}.options` : `${path}.props`;
@@ -2134,6 +2325,18 @@ function validateAuthoringProps(state, node, path) {
 			path: `${propPath}.style`,
 			message: "The style prop must be an object when it is provided."
 		}));
+		if (isRecord(style)) {
+			const supportedStyleNames = supportedStyleNamesFor(node);
+			const tag = sourceName(node);
+			Object.keys(style).forEach((key) => {
+				if (supportedStyleNames.has(key)) return;
+				addDiagnostic(state, unsupportedStylePropDiagnostic({
+					path: `${propPath}.style.${key}`,
+					property: key,
+					tag
+				}));
+			});
+		}
 	}
 	if (isShapeElement(node) && node.props.shape !== void 0) {
 		if (node.props.shape !== "rect" && node.props.shape !== "ellipse" && node.props.shape !== "line") addDiagnostic(state, authoringPropDiagnostic({
@@ -2217,6 +2420,134 @@ function assetForImage(state, idMaterial, props, path) {
 	state.assets.set(id, entity);
 	return id;
 }
+function mediaSourceFromString(value) {
+	if (/^https?:\/\//i.test(value)) return {
+		kind: "url",
+		url: value
+	};
+	return {
+		kind: "path",
+		path: value
+	};
+}
+function dataMediaType$1(value) {
+	const commaIndex = value.indexOf(",");
+	if (!value.startsWith("data:") || commaIndex === -1) return;
+	const metadata = value.slice(5, commaIndex);
+	return metadata ? metadata.replace(/;base64$/, "") : void 0;
+}
+function assetForVideoSource(input) {
+	const { state, props, path } = input;
+	const hasSrc = props.src !== void 0;
+	const hasData = props.data !== void 0;
+	if (hasSrc && typeof props.src !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video src prop is invalid",
+			path: `${path}.props.src`,
+			message: "The video src prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasData && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video data prop is invalid",
+			path: `${path}.props.data`,
+			message: "The video data prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (typeof props.src === "string" && typeof props.data === "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video source props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either video src or video data, not both."
+		}));
+		return;
+	}
+	if (typeof props.src !== "string" && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_SOURCE_INVALID",
+			title: "video source is missing",
+			path: `${path}.props`,
+			message: "Video nodes require either src or data.",
+			help: ["Add a src path or data URI to the video."]
+		}));
+		return;
+	}
+	let source;
+	if (typeof props.src === "string") source = mediaSourceFromString(props.src);
+	else {
+		const data = props.data;
+		if (typeof data !== "string") return;
+		source = {
+			kind: "data",
+			data
+		};
+	}
+	const id = assetEntityId(input.idMaterial);
+	state.assets.set(id, {
+		id,
+		kind: "video",
+		source,
+		metadata: source.kind === "data" ? { mediaType: dataMediaType$1(source.data) } : {},
+		resolution: "unresolved"
+	});
+	return id;
+}
+function assetForVideoPoster(state, idMaterial, props, path) {
+	const hasPoster = props.poster !== void 0;
+	const hasPosterData = props.posterData !== void 0;
+	if (!hasPoster && !hasPosterData) return;
+	if (hasPoster && typeof props.poster !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video poster prop is invalid",
+			path: `${path}.props.poster`,
+			message: "The video poster prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasPosterData && typeof props.posterData !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video posterData prop is invalid",
+			path: `${path}.props.posterData`,
+			message: "The video posterData prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (typeof props.poster === "string" && typeof props.posterData === "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_VIDEO_POSTER_INVALID",
+			title: "video poster props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either video poster or video posterData, not both."
+		}));
+		return;
+	}
+	let source;
+	if (typeof props.poster === "string") source = mediaSourceFromString(props.poster);
+	else {
+		const data = props.posterData;
+		if (typeof data !== "string") return;
+		source = {
+			kind: "data",
+			data
+		};
+	}
+	const id = assetEntityId(idMaterial);
+	state.assets.set(id, {
+		id,
+		kind: "image",
+		source,
+		metadata: source.kind === "data" ? { mediaType: dataMediaType$1(source.data) } : {},
+		resolution: "unresolved"
+	});
+	return id;
+}
 function semanticBase(state, node, id, kind, path, material, context) {
 	const styleRef = styleRefFor(state, material, kind, node.props);
 	const templateAreaRef = templateAreaRefFor(state, templateAreaValueFor(node), path, context);
@@ -2485,6 +2816,27 @@ function buildNode(state, node, context, index) {
 			kind: "image"
 		};
 	}
+	if (isVideoElement(node)) {
+		if (node.children.length > 0) addDiagnostic(state, invalidStructure(path, "video cannot have children", "Video nodes are leaf nodes."));
+		const assetRef = assetForVideoSource({
+			state,
+			idMaterial: material,
+			props: node.props,
+			path
+		});
+		const posterAssetRef = assetForVideoPoster(state, [...material, "poster"], node.props, path);
+		if (node.props.poster === void 0 && node.props.posterData === void 0) addDiagnostic(state, videoPosterMissingDiagnostic({ path }));
+		state.nodes.set(id, {
+			...semanticBase(state, node, id, "video", path, material, nodeContext),
+			kind: "video",
+			...assetRef ? { assetRef } : {},
+			...posterAssetRef ? { posterAssetRef } : {}
+		});
+		return {
+			id,
+			kind: "video"
+		};
+	}
 	if (isShapeElement(node)) {
 		state.nodes.set(id, {
 			...semanticBase(state, node, id, "shape", path, material, nodeContext),
@@ -2712,6 +3064,9 @@ function effectiveProjectedValues(element) {
 		...element.kind === "text" ? { textStyle: element.style } : {},
 		...element.kind === "image" ? { imageSource: element.source } : {},
 		...element.kind === "image" ? { imageObjectPosition: element.objectPosition } : {},
+		...element.kind === "video" ? { videoSource: element.source } : {},
+		...element.kind === "video" && element.posterSource ? { videoPosterSource: element.posterSource } : {},
+		...element.kind === "video" ? { videoObjectPosition: element.objectPosition } : {},
 		...element.unsupportedSemantics?.length ? { unsupportedSemantics: element.unsupportedSemantics } : {}
 	};
 }
@@ -3061,10 +3416,12 @@ function rawTextForNode(graph, node) {
 	return text.length > 0 ? text : void 0;
 }
 function originFor$1(node) {
+	const videoAssetIds = node.kind === "video" ? [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0) : [];
 	return {
 		graphNodeIds: [node.id],
 		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
 		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...videoAssetIds.length > 0 ? { assetEntityIds: videoAssetIds } : {},
 		...node.origin.source ? { source: node.origin.source } : {}
 	};
 }
@@ -3188,7 +3545,7 @@ function pushDefined(values, value) {
 function resolvedPropsFor(node, resolvedStyles) {
 	const resolved = resolvedStyles.get(node.id);
 	if (!resolved) return {};
-	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default").map(([key, property]) => [key, property.value]));
+	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default" && property.source.layer !== "inherited").map(([key, property]) => [key, property.value]));
 }
 function sourceKeyForOrigin$2(source) {
 	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
@@ -3235,6 +3592,9 @@ function collectTextOrigin(graph, node) {
 		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
 	};
 }
+function collectVideoAssetIds(node) {
+	return [node.assetRef, node.posterAssetRef].filter((id) => id !== void 0);
+}
 function layoutOriginFor(graph, node, templates) {
 	const templateAreaKind = templateAreaKindFor$1(node, templates);
 	if (node.kind === "text") return {
@@ -3247,6 +3607,7 @@ function layoutOriginFor(graph, node, templates) {
 		graphNodeIds: [node.id],
 		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
 		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...node.kind === "video" && collectVideoAssetIds(node).length > 0 ? { assetEntityIds: collectVideoAssetIds(node) } : {},
 		...node.origin.source ? { source: node.origin.source } : {},
 		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
 		...templateAreaKind ? { templateAreaKind } : {}
@@ -3315,6 +3676,23 @@ function layoutInputNodeFromGraph(graph, resolvedStyles, node, assetProbeArtifac
 				origin: layoutOriginFor(graph, node, templates)
 			};
 		}
+		case "video": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
+			if (!asset) return;
+			const posterAsset = node.posterAssetRef ? graph.assets.get(node.posterAssetRef) : void 0;
+			return {
+				kind: "video",
+				props: {
+					...props,
+					...videoSourceProps(asset),
+					...posterAsset ? videoPosterSourceProps(posterAsset) : {}
+				},
+				...node.assetRef ? { assetProbe: assetProbeArtifacts?.get(node.assetRef)?.probe } : {},
+				...node.posterAssetRef ? { posterAssetProbe: assetProbeArtifacts?.get(node.posterAssetRef)?.probe } : {},
+				origin: layoutOriginFor(graph, node, templates)
+			};
+		}
 		case "shape": return {
 			kind: "shape",
 			props: {
@@ -3331,6 +3709,14 @@ function imageSourceProps(asset) {
 	if (asset.source.kind === "data") return { data: asset.source.data };
 	return { src: asset.source.kind === "path" ? asset.source.path : asset.source.url };
 }
+function videoSourceProps(asset) {
+	if (asset.source.kind === "data") return { data: asset.source.data };
+	return { src: asset.source.kind === "path" ? asset.source.path : asset.source.url };
+}
+function videoPosterSourceProps(asset) {
+	if (asset.source.kind === "data") return { posterData: asset.source.data };
+	return { poster: asset.source.kind === "path" ? asset.source.path : asset.source.url };
+}
 function buildLayoutInputSnapshot(input) {
 	const document = input.graph.nodes.get(input.graph.documentId);
 	const slideNodes = document?.kind === "document" ? document.children.map((id) => input.graph.nodes.get(id)).filter((node) => node?.kind === "slide") : [];
@@ -3913,16 +4299,120 @@ function resolveGridSelfAlignment(value) {
 	return value;
 }
 //#endregion
+//#region src/style/defaulting.ts
+function authoredLengthOrUndefined(value) {
+	if (typeof value === "string" && (value.trim().toLowerCase() === "auto" || isCssWideKeyword(value))) return;
+	return value;
+}
+function hasAuthoredLength(value) {
+	return authoredLengthOrUndefined(value) !== void 0;
+}
+function defaultingTokens(value) {
+	if (typeof value === "string") return value.trim().split(/\s+/).filter(Boolean);
+	if (Array.isArray(value)) return value;
+	return value === void 0 || value === null ? [] : [value];
+}
+function hasAutoToken(value) {
+	return defaultingTokens(value).some((token) => typeof token === "string" && token.trim().toLowerCase() === "auto");
+}
+function hasCssWideKeywordToken(value) {
+	return defaultingTokens(value).some((token) => isCssWideKeyword(token));
+}
+//#endregion
 //#region src/layout/spacing.ts
-function parseSpacing(value, context) {
+function splitSpacingTokens(value) {
+	const tokens = [];
+	let current = "";
+	let depth = 0;
+	for (const char of value) {
+		if (char === "(") {
+			depth += 1;
+			current += char;
+			continue;
+		}
+		if (char === ")") {
+			depth = Math.max(depth - 1, 0);
+			current += char;
+			continue;
+		}
+		if (/\s/.test(char) && depth === 0) {
+			if (current.trim()) tokens.push(current.trim());
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	if (current.trim()) tokens.push(current.trim());
+	return tokens;
+}
+function expandSpacingTokens(value) {
+	const tokens = splitSpacingTokens(value);
+	if (tokens.length <= 1) return;
+	if (tokens.length > 4) throw new Error(`Unsupported spacing shorthand: ${value}`);
+	const [top, right = top, bottom = top, left = right] = tokens;
+	if (top === void 0) return;
+	return [
+		top,
+		right,
+		bottom,
+		left
+	];
+}
+function parseSpacing(value, context, percentageBaseEmu = 0) {
+	if (value === void 0) return [
+		0,
+		0,
+		0,
+		0
+	];
+	if (typeof value === "string") {
+		const shorthand = expandSpacingTokens(value);
+		if (shorthand) return [
+			parseLength(shorthand[0], percentageBaseEmu, 0, context),
+			parseLength(shorthand[1], percentageBaseEmu, 0, context),
+			parseLength(shorthand[2], percentageBaseEmu, 0, context),
+			parseLength(shorthand[3], percentageBaseEmu, 0, context)
+		];
+	}
+	if (typeof value === "number" || typeof value === "string") {
+		const scalar = parseLength(value, percentageBaseEmu, 0, context);
+		return [
+			scalar,
+			scalar,
+			scalar,
+			scalar
+		];
+	}
+	return [
+		parseLength(value[0], percentageBaseEmu, 0, context),
+		parseLength(value[1], percentageBaseEmu, 0, context),
+		parseLength(value[2], percentageBaseEmu, 0, context),
+		parseLength(value[3], percentageBaseEmu, 0, context)
+	];
+}
+function parseLengthOrAuto(value, percentageBaseEmu, fallbackEmu, context) {
+	const authoredValue = authoredLengthOrUndefined(value);
+	if (authoredValue === void 0) return fallbackEmu;
+	return parseLength(authoredValue, percentageBaseEmu, fallbackEmu, context);
+}
+function parseSpacingAllowAuto(value, context, percentageBaseEmu = 0, autoFallbackEmu = 0) {
 	if (value === void 0) return [
 		0,
 		0,
 		0,
 		0
 	];
+	if (typeof value === "string") {
+		const shorthand = expandSpacingTokens(value);
+		if (shorthand) return [
+			parseLengthOrAuto(shorthand[0], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[1], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[2], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[3], percentageBaseEmu, autoFallbackEmu, context)
+		];
+	}
 	if (typeof value === "number" || typeof value === "string") {
-		const scalar = parseLength(value, 0, 0, context);
+		const scalar = parseLengthOrAuto(value, percentageBaseEmu, autoFallbackEmu, context);
 		return [
 			scalar,
 			scalar,
@@ -3931,10 +4421,10 @@ function parseSpacing(value, context) {
 		];
 	}
 	return [
-		parseLength(value[0], 0, 0, context),
-		parseLength(value[1], 0, 0, context),
-		parseLength(value[2], 0, 0, context),
-		parseLength(value[3], 0, 0, context)
+		parseLengthOrAuto(value[0], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[1], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[2], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[3], percentageBaseEmu, autoFallbackEmu, context)
 	];
 }
 function expandRawSpacing(value) {
@@ -3944,12 +4434,21 @@ function expandRawSpacing(value) {
 		void 0,
 		void 0
 	];
-	if (typeof value === "number" || typeof value === "string") return [
-		value,
-		value,
-		value,
-		value
-	];
+	if (typeof value === "number" || typeof value === "string") {
+		const shorthand = typeof value === "string" ? expandSpacingTokens(value) : void 0;
+		if (shorthand) return [
+			shorthand[0],
+			shorthand[1],
+			shorthand[2],
+			shorthand[3]
+		];
+		return [
+			value,
+			value,
+			value,
+			value
+		];
+	}
 	return [
 		value[0],
 		value[1],
@@ -3977,9 +4476,9 @@ function resolveInset(value, top, right, bottom, left) {
 		left: left ?? baseLeft
 	};
 }
-function parseSpacingInPoints(value, context) {
+function parseSpacingInPoints(value, context, percentageBaseEmu = 0) {
 	if (value === void 0) return;
-	const spacing = parseSpacing(value, context);
+	const spacing = parseSpacing(value, context, percentageBaseEmu);
 	return [
 		spacing[0] / EMU_PER_INCH * 72,
 		spacing[1] / EMU_PER_INCH * 72,
@@ -5416,7 +5915,7 @@ function parseStrokeDasharray(value, context) {
 	if (rawTokens.length === 0) return;
 	const lengths = rawTokens.map((token) => {
 		if (/^-?(?:\d+|\d*\.\d+)$/.test(token)) return Number.parseFloat(token);
-		if (/^-?(?:\d+|\d*\.\d+)(?:pt|in|px|em|rem|vh|vw|ch)$/i.test(token)) return parsePointToken(token, 0, context);
+		if (/^-?(?:\d+|\d*\.\d+)(?:in|cm|mm|q|pt|pc|px|em|rem|vh|vw|vmin|vmax|ch)$/i.test(token)) return parsePointToken(token, 0, context);
 		throw new Error(`Unsupported strokeDasharray token: ${token}`);
 	});
 	if (lengths.some((length) => !Number.isFinite(length) || length < 0)) throw new Error(`Unsupported strokeDasharray value: ${value}`);
@@ -5504,10 +6003,15 @@ function parseTextDecoration(value) {
 	};
 }
 function resolveLineHeight(lineHeight, context) {
-	if (lineHeight === void 0 || lineHeight === "normal") return {};
+	if (lineHeight === void 0 || lineHeight === "normal" || isCssWideKeyword(lineHeight)) return {};
 	if (typeof lineHeight === "number") return { lineSpacingMultiple: lineHeight };
 	return { lineSpacing: parsePointValue(lineHeight, 0, context) };
 }
+function resolveCharacterSpacing(charSpacing, context) {
+	if (charSpacing === void 0 || isCssWideKeyword(charSpacing)) return;
+	if (charSpacing === "normal") return 0;
+	return parsePointValue(charSpacing, 0, context);
+}
 function resolveTextWrap(wrap, whiteSpace, wordBreak, overflowWrap) {
 	if (wrap !== void 0) return wrap;
 	if (wordBreak === "break-all" || wordBreak === "break-word") return true;
@@ -5635,10 +6139,11 @@ function extractText(children, textTransform) {
 }
 //#endregion
 //#region src/layout/normalization.ts
-function resolveFlexDirection(direction, flexDirection) {
+function resolveFlexDirection(direction, flexDirection, display) {
 	if (direction) return direction;
 	if (flexDirection === "row") return "horizontal";
 	if (flexDirection === "column") return "vertical";
+	if (display === "flex") return "horizontal";
 }
 function resolveLayout(layout, display, position) {
 	if (layout) return layout;
@@ -5652,6 +6157,10 @@ function resolveGap(gap, rowGap, columnGap, direction) {
 	if (direction === "vertical") return rowGap ?? columnGap;
 	return rowGap ?? columnGap;
 }
+function normalizeImageFit(value) {
+	if (value === "fill") return "stretch";
+	return value;
+}
 function isCssAlignSelf(value) {
 	return value === "start" || value === "flex-start" || value === "center" || value === "end" || value === "flex-end" || value === "stretch" || value === "auto";
 }
@@ -5722,7 +6231,7 @@ function normalizeViewProps(props) {
 	authored.gridAutoColumns = resolved.gridAutoColumns ?? gridContainerAuthoring.gridAutoColumns;
 	authored.gridAutoRows = resolved.gridAutoRows ?? gridContainerAuthoring.gridAutoRows;
 	authored.gridAutoFlow = resolved.gridAutoFlow ?? gridContainerAuthoring.gridAutoFlow;
-	const direction = resolveFlexDirection(authored.direction, authored.flexDirection);
+	const direction = resolveFlexDirection(authored.direction, authored.flexDirection, authored.display);
 	const inset = resolveInset(authored.inset, authored.top, authored.right, authored.bottom, authored.left);
 	return {
 		...authored,
@@ -5781,7 +6290,7 @@ function normalizeTextProps(props) {
 		italic: resolved.italic ?? (resolved.fontStyle === "italic" ? true : void 0),
 		underline: resolved.underline ?? decoration.underline,
 		strike: resolved.strike ?? decoration.strike,
-		charSpacing: resolved.charSpacing ?? resolved.letterSpacing,
+		charSpacing: resolved.charSpacing ?? (resolved.letterSpacing === "normal" ? 0 : resolved.letterSpacing),
 		backgroundColor: resolved.backgroundColor ?? background.backgroundColor,
 		borderColor: resolved.borderColor ?? border.borderColor,
 		borderWidth: resolved.borderWidth ?? border.borderWidth,
@@ -5819,13 +6328,32 @@ function normalizeImageProps(props, context) {
 		right: inset?.right ?? resolved.right,
 		bottom: inset?.bottom ?? resolved.bottom,
 		left: inset?.left ?? resolved.left,
-		fit: resolved.fit ?? resolved.objectFit,
+		fit: normalizeImageFit(resolved.fit ?? resolved.objectFit),
 		objectPosition: resolved.objectPosition,
 		crop: resolved.crop,
 		rounding: resolved.rounding ?? (resolved.borderRadius !== void 0 ? parseLength(resolved.borderRadius, 0, 0, context) > 0 : void 0),
 		margin: resolveBoxSpacing(resolved.margin, resolved.marginTop, resolved.marginRight, resolved.marginBottom, resolved.marginLeft)
 	};
 }
+function normalizeVideoProps(props, context) {
+	const { style, ...rest } = props;
+	const resolved = {
+		...rest,
+		...style
+	};
+	const inset = resolveInset(resolved.inset, resolved.top, resolved.right, resolved.bottom, resolved.left);
+	return {
+		...resolved,
+		top: inset?.top ?? resolved.top,
+		right: inset?.right ?? resolved.right,
+		bottom: inset?.bottom ?? resolved.bottom,
+		left: inset?.left ?? resolved.left,
+		fit: normalizeImageFit(resolved.fit ?? resolved.objectFit),
+		objectPosition: resolved.objectPosition,
+		rounding: resolved.rounding ?? (resolved.borderRadius !== void 0 ? parseLength(resolved.borderRadius, 0, 0, context) > 0 : void 0),
+		margin: resolveBoxSpacing(resolved.margin, resolved.marginTop, resolved.marginRight, resolved.marginBottom, resolved.marginLeft)
+	};
+}
 function normalizeSlideProps(props) {
 	const { style, ...rest } = props;
 	const resolved = {
@@ -6213,7 +6741,8 @@ function matrixTranslatePxToEmu(value) {
 function parseAspectRatio(value) {
 	if (value === void 0) return;
 	if (typeof value === "number") return value > 0 ? value : void 0;
-	const normalized = value.replace(/\s+/g, "");
+	const normalized = value.replace(/\s+/g, "").toLowerCase();
+	if (normalized === "auto") return;
 	if (!normalized.includes("/")) {
 		const parsed = Number.parseFloat(normalized);
 		return Number.isFinite(parsed) && parsed > 0 ? parsed : void 0;
@@ -6245,35 +6774,51 @@ function inflateSpecifiedBoxSize(valueEmu, boxSizing, padding, dimension) {
 	if (boxSizing !== "content-box") return valueEmu;
 	return valueEmu + (dimension === "width" ? padding[1] + padding[3] : padding[0] + padding[2]);
 }
+function nonAutoLength(value) {
+	if (typeof value === "string" && (value.trim().toLowerCase() === "auto" || isCssWideKeyword(value))) return;
+	return value;
+}
+function specifiedLength(value) {
+	return nonAutoLength(value);
+}
 function frameFromProps(props, parent, placement, context) {
 	const transform = parseTransformShorthandOrIgnore(props.transform);
 	const resolvedInset = resolveInset(props.inset, props.top, props.right, props.bottom, props.left);
-	const resolvedX = props.x ?? resolvedInset?.left;
-	const resolvedY = props.y ?? resolvedInset?.top;
-	const resolvedRight = resolvedInset?.right;
-	const resolvedBottom = resolvedInset?.bottom;
+	const isRelativePosition = props.position === "relative";
+	const relativeLeft = nonAutoLength(props.x ?? resolvedInset?.left);
+	const relativeTop = nonAutoLength(props.y ?? resolvedInset?.top);
+	const relativeRight = nonAutoLength(resolvedInset?.right);
+	const relativeBottom = nonAutoLength(resolvedInset?.bottom);
+	const specifiedWidth = specifiedLength(props.width);
+	const specifiedHeight = specifiedLength(props.height);
+	const resolvedX = isRelativePosition ? void 0 : relativeLeft;
+	const resolvedY = isRelativePosition ? void 0 : relativeTop;
+	const resolvedRight = isRelativePosition ? void 0 : relativeRight;
+	const resolvedBottom = isRelativePosition ? void 0 : relativeBottom;
 	const aspectRatio = parseAspectRatio(props.aspectRatio);
-	const padding = parseSpacing(props.padding, context);
+	const padding = parseSpacing(props.padding, context, parent.widthEmu);
 	const boxSizing = props.boxSizing ?? "border-box";
 	const minWidthEmu = parseLength(props.minWidth, parent.widthEmu, 0, context);
 	const minHeightEmu = parseLength(props.minHeight, parent.heightEmu, 0, context);
 	const maxWidthEmu = parseLength(props.maxWidth, parent.widthEmu, Number.POSITIVE_INFINITY, context);
 	const maxHeightEmu = parseLength(props.maxHeight, parent.heightEmu, Number.POSITIVE_INFINITY, context);
 	const clampSize = (value, min, max) => Math.max(min, Math.min(value, max));
-	const baseWidth = placement?.widthEmu ?? (props.width !== void 0 ? parseLength(props.width, parent.widthEmu, 0, context) : resolvedX !== void 0 && resolvedRight !== void 0 ? Math.max(parent.widthEmu - parseLength(resolvedX, parent.widthEmu, 0, context) - parseLength(resolvedRight, parent.widthEmu, 0, context), 0) : 0);
-	const baseHeight = placement?.heightEmu ?? (props.height !== void 0 ? parseLength(props.height, parent.heightEmu, 0, context) : resolvedY !== void 0 && resolvedBottom !== void 0 ? Math.max(parent.heightEmu - parseLength(resolvedY, parent.heightEmu, 0, context) - parseLength(resolvedBottom, parent.heightEmu, 0, context), 0) : 0);
+	const baseWidth = placement?.widthEmu ?? (specifiedWidth !== void 0 ? parseLength(specifiedWidth, parent.widthEmu, 0, context) : resolvedX !== void 0 && resolvedRight !== void 0 ? Math.max(parent.widthEmu - parseLength(resolvedX, parent.widthEmu, 0, context) - parseLength(resolvedRight, parent.widthEmu, 0, context), 0) : 0);
+	const baseHeight = placement?.heightEmu ?? (specifiedHeight !== void 0 ? parseLength(specifiedHeight, parent.heightEmu, 0, context) : resolvedY !== void 0 && resolvedBottom !== void 0 ? Math.max(parent.heightEmu - parseLength(resolvedY, parent.heightEmu, 0, context) - parseLength(resolvedBottom, parent.heightEmu, 0, context), 0) : 0);
 	const aspectResolvedWidth = baseWidth === 0 && aspectRatio !== void 0 && baseHeight > 0 ? baseHeight * aspectRatio : baseWidth;
 	const aspectResolvedHeight = baseHeight === 0 && aspectRatio !== void 0 && aspectResolvedWidth > 0 ? aspectResolvedWidth / aspectRatio : baseHeight;
 	const clampedWidth = clampSize(aspectResolvedWidth, minWidthEmu, maxWidthEmu);
 	const clampedHeight = clampSize(aspectResolvedHeight, minHeightEmu, maxHeightEmu);
-	const widthUsesSpecifiedBox = props.width !== void 0 || props.height !== void 0 && aspectRatio !== void 0 && baseWidth === 0;
-	const heightUsesSpecifiedBox = props.height !== void 0 || props.width !== void 0 && aspectRatio !== void 0 && baseHeight === 0;
+	const widthUsesSpecifiedBox = specifiedWidth !== void 0 || specifiedHeight !== void 0 && aspectRatio !== void 0 && baseWidth === 0;
+	const heightUsesSpecifiedBox = specifiedHeight !== void 0 || specifiedWidth !== void 0 && aspectRatio !== void 0 && baseHeight === 0;
 	const resolvedWidth = placement?.widthEmu !== void 0 || !widthUsesSpecifiedBox ? clampedWidth : inflateSpecifiedBoxSize(clampedWidth, boxSizing, padding, "width");
 	const resolvedHeight = placement?.heightEmu !== void 0 || !heightUsesSpecifiedBox ? clampedHeight : inflateSpecifiedBoxSize(clampedHeight, boxSizing, padding, "height");
 	const absoluteX = resolvedX !== void 0 ? parent.xEmu + parseLength(resolvedX, parent.widthEmu, 0, context) : resolvedRight !== void 0 && (props.width !== void 0 || placement?.widthEmu !== void 0) ? parent.xEmu + parent.widthEmu - parseLength(resolvedRight, parent.widthEmu, 0, context) - resolvedWidth : parent.xEmu;
 	const absoluteY = resolvedY !== void 0 ? parent.yEmu + parseLength(resolvedY, parent.heightEmu, 0, context) : resolvedBottom !== void 0 && (props.height !== void 0 || placement?.heightEmu !== void 0) ? parent.yEmu + parent.heightEmu - parseLength(resolvedBottom, parent.heightEmu, 0, context) - resolvedHeight : parent.yEmu;
-	let transformedX = placement?.xEmu ?? absoluteX;
-	let transformedY = placement?.yEmu ?? absoluteY;
+	const relativeOffsetX = isRelativePosition && relativeLeft !== void 0 ? parseLength(relativeLeft, parent.widthEmu, 0, context) : isRelativePosition && relativeRight !== void 0 ? -parseLength(relativeRight, parent.widthEmu, 0, context) : 0;
+	const relativeOffsetY = isRelativePosition && relativeTop !== void 0 ? parseLength(relativeTop, parent.heightEmu, 0, context) : isRelativePosition && relativeBottom !== void 0 ? -parseLength(relativeBottom, parent.heightEmu, 0, context) : 0;
+	let transformedX = (placement?.xEmu ?? absoluteX) + relativeOffsetX;
+	let transformedY = (placement?.yEmu ?? absoluteY) + relativeOffsetY;
 	let transformedWidth = resolvedWidth;
 	let transformedHeight = resolvedHeight;
 	let transformRotation = 0;
@@ -6468,11 +7013,11 @@ function resolveCrossPlacement(alignment, availableCross, childCross, hasExplici
 		sizeEmu: childCross
 	};
 }
-function resolveMainGap(direction, gap, rowGap, columnGap, context) {
-	return parseLength(direction === "horizontal" ? columnGap ?? gap ?? rowGap : rowGap ?? gap ?? columnGap, 0, 0, context);
+function resolveMainGap(direction, gap, rowGap, columnGap, context, percentageBaseEmu = 0) {
+	return parseLength(direction === "horizontal" ? columnGap ?? gap ?? rowGap : rowGap ?? gap ?? columnGap, percentageBaseEmu, 0, context);
 }
-function resolveCrossGap(direction, gap, rowGap, columnGap, context) {
-	return parseLength(direction === "horizontal" ? rowGap ?? gap ?? columnGap : columnGap ?? gap ?? rowGap, 0, 0, context);
+function resolveCrossGap(direction, gap, rowGap, columnGap, context, percentageBaseEmu = 0) {
+	return parseLength(direction === "horizontal" ? rowGap ?? gap ?? columnGap : columnGap ?? gap ?? rowGap, percentageBaseEmu, 0, context);
 }
 function buildStackLines(entries, direction, parentFrame, availableMain, mainGapEmu, flexWrap, metrics, context) {
 	if (entries.length === 0) return [];
@@ -6598,7 +7143,7 @@ function splitTopLevelCommaList(value) {
 }
 function tryParsePointToken(value) {
 	if (value === "0") return 0;
-	if (!isDeckPointLengthString(value) || !/^-?(?:\d+|\d*\.\d+)(?:pt|in|px)$/i.test(value)) return;
+	if (!isDeckPointLengthString(value)) return;
 	return parsePointToken(value);
 }
 function parseShadowShorthand(value) {
@@ -6640,29 +7185,97 @@ function parseShadowShorthand(value) {
 		angle: angle % 360
 	};
 }
+function hasShadowSpreadRadius(value) {
+	if (!value) return false;
+	const trimmed = value.trim();
+	if (!trimmed || trimmed.toLowerCase() === "none") return false;
+	const layers = splitTopLevelCommaList(trimmed);
+	if (layers.length !== 1) return false;
+	const [layer] = layers;
+	if (layer === void 0) return false;
+	return splitCssValueTokens(layer).filter((token) => token.toLowerCase() !== "inset").filter((token) => {
+		if (parseCssColor(token)) return false;
+		return tryParsePointToken(token) !== void 0;
+	}).length === 4;
+}
 //#endregion
-//#region src/layout/resolve.ts
-function errorReason$1(error) {
+//#region src/layout/unsupported.ts
+function errorReason$2(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function unsupportedSemantic$1(input) {
+function semanticValue(value) {
+	if (typeof value === "string") return value;
+	return JSON.stringify(value) ?? String(value);
+}
+function unsupportedSemantic(input) {
 	if (input.value === void 0 || input.value === null || input.value === "") return;
 	return {
 		feature: input.feature,
 		property: input.property,
-		value: typeof input.value === "string" ? input.value : JSON.stringify(input.value),
-		reason: errorReason$1(input.error),
+		value: semanticValue(input.value),
+		reason: errorReason$2(input.error),
 		...input.fallback ? { fallback: input.fallback } : {}
 	};
 }
+function unsupportedCssWideKeywordSemantic(property, value) {
+	return unsupportedSemantic({
+		feature: "layout",
+		property,
+		value,
+		error: /* @__PURE__ */ new Error("CSS-wide keywords require cascade/defaulting semantics; deckjsx v0.8.2 falls back to the supported subset initial value and preserves the authored keyword for inspection."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredValue"],
+			missing: ["cssWideKeywordCascade"]
+		}
+	});
+}
+//#endregion
+//#region src/layout/image-fit.ts
+function normalizeProjectedImageFit(value) {
+	if (value === "cover" || value === "contain" || value === "stretch" || value === "fill") return value === "fill" ? "stretch" : value;
+	return "contain";
+}
+function unsupportedObjectFitSemantics(value) {
+	if (value === void 0 || value === "cover" || value === "contain" || value === "stretch" || value === "fill") return [];
+	const unsupported = unsupportedSemantic({
+		feature: "image",
+		property: "objectFit",
+		value,
+		error: /* @__PURE__ */ new Error("CSS object-fit values none and scale-down require natural-size comparison that is outside the current deckjsx v0.8.2 image projection subset."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredObjectFit"],
+			missing: ["cssObjectFitNaturalSize"]
+		}
+	});
+	return unsupported ? [unsupported] : [];
+}
+//#endregion
+//#region src/layout/resolve.ts
+function errorReason$1(error) {
+	return error instanceof Error ? error.message : String(error);
+}
 function parseShadowShorthandOrIgnore(input) {
 	try {
+		const shadow = parseShadowShorthand(input.value);
+		const unsupported = hasShadowSpreadRadius(input.value) ? unsupportedSemantic({
+			feature: "shadow",
+			property: input.property,
+			value: input.value,
+			error: /* @__PURE__ */ new Error(`CSS shadow spread radius is not projected by the current PPTX shadow model: ${input.value}`),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["projectedShadowWithoutSpread"],
+				missing: ["cssShadowSpreadRadius"]
+			}
+		}) : void 0;
 		return {
-			shadow: parseShadowShorthand(input.value),
-			unsupportedSemantics: []
+			shadow,
+			unsupportedSemantics: unsupported ? [unsupported] : []
 		};
 	} catch (error) {
-		const unsupported = unsupportedSemantic$1({
+		const unsupported = unsupportedSemantic({
 			feature: "shadow",
 			property: input.property,
 			value: input.value,
@@ -6750,7 +7363,7 @@ function isStrokeIntentionallyNone$1(props) {
 }
 function unsupportedStrokeFallback$1(props, error) {
 	const input = strokeFallbackInput$1(props);
-	return unsupportedSemantic$1({
+	return unsupportedSemantic({
 		feature: input.feature,
 		property: input.property,
 		value: input.value,
@@ -6791,7 +7404,7 @@ function outlineStrokeOrFallback(props, context) {
 			unsupportedSemantics: []
 		};
 		const input = outlineFallbackInput$1(props);
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "outline",
 			property: input.property,
 			value: input.value,
@@ -6805,7 +7418,7 @@ function outlineStrokeOrFallback(props, context) {
 		return { unsupportedSemantics: semantic ? [semantic] : [] };
 	} catch (error) {
 		const input = outlineFallbackInput$1(props);
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "outline",
 			property: input.property,
 			value: input.value,
@@ -6823,7 +7436,7 @@ function resolveBackgroundLayersOrEmpty(input, transparency, context, frame, box
 	try {
 		return resolveBackgroundLayers(input.value, transparency, context, frame, boxFrames, backgroundPosition, backgroundSize, backgroundRepeat, backgroundOrigin, backgroundClip);
 	} catch (error) {
-		const unsupported = unsupportedSemantic$1({
+		const unsupported = unsupportedSemantic({
 			feature: "background",
 			property: input.property,
 			value: input.value,
@@ -6842,7 +7455,7 @@ function unsupportedTransformSemantics$1(props) {
 	try {
 		parseTransformShorthand(props.transform);
 	} catch (error) {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "transform",
 			property: "transform",
 			value: props.transform,
@@ -6856,7 +7469,7 @@ function unsupportedTransformSemantics$1(props) {
 			heightEmu: EMU_PER_INCH
 		});
 	} catch (error) {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "transform",
 			property: "transformOrigin",
 			value: props.transformOrigin,
@@ -6874,9 +7487,331 @@ const TRANSFORM_STACKING_CONTEXT_FALLBACK_REASON$1 = "CSS transforms create a st
 const FILTER_EFFECT_FALLBACK_REASON$1 = "CSS filter effects are not emitted by the current PPTX writer; v0.8 preserves the authored filter as an unsupported paint semantic for inspection.";
 const BLEND_MODE_FALLBACK_REASON$1 = "CSS blend modes require compositing behavior that the current PPTX writer does not reproduce; v0.8 preserves the authored blend mode as an unsupported paint semantic for inspection.";
 const ISOLATION_FALLBACK_REASON$1 = "CSS isolation creates a compositing group; v0.8 preserves the authored isolation input but does not yet evaluate isolated compositing groups.";
+const CSS_LAYOUT_UNSUPPORTED_VALUE_REASON = "This CSS layout value is valid CSS but is outside the current deckjsx v0.8.2 layout subset; deckjsx preserves the authored value for inspection and falls back to the closest supported layout behavior.";
+const CSS_SUPPORTED_DISPLAY_VALUES = new Set([
+	"block",
+	"flex",
+	"grid",
+	"none"
+]);
+const CSS_SUPPORTED_OVERFLOW_VALUES = new Set(["visible", "hidden"]);
+const CSS_SUPPORTED_POSITION_VALUES = new Set([
+	"static",
+	"relative",
+	"absolute"
+]);
+const CSS_SUPPORTED_FLEX_DIRECTION_VALUES = new Set(["row", "column"]);
+const CSS_SUPPORTED_FLEX_WRAP_VALUES = new Set(["nowrap", "wrap"]);
+const CSS_SUPPORTED_SELF_ALIGNMENT_VALUES = new Set([
+	"auto",
+	"start",
+	"flex-start",
+	"center",
+	"end",
+	"flex-end",
+	"stretch"
+]);
+const CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES = new Set([
+	"start",
+	"flex-start",
+	"center",
+	"end",
+	"flex-end",
+	"stretch",
+	"space-between",
+	"space-around",
+	"space-evenly"
+]);
+function normalizedCssKeyword(value) {
+	if (typeof value !== "string") return;
+	return value.trim().toLowerCase() || void 0;
+}
+function unsupportedCssLayoutValueSemantic(property, value, missing) {
+	return unsupportedSemantic({
+		feature: "layout",
+		property,
+		value,
+		error: new Error(CSS_LAYOUT_UNSUPPORTED_VALUE_REASON),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredValue"],
+			missing
+		}
+	});
+}
+function addUnsupportedKeywordSemantic(input) {
+	const value = normalizedCssKeyword(input.props[input.property]);
+	if (value === void 0 || input.supported.has(value) || isCssWideKeyword(value)) return;
+	const semantic = unsupportedCssLayoutValueSemantic(input.property, input.props[input.property], input.missing);
+	if (semantic) input.unsupported.push(semantic);
+}
+function hasUnsupportedAlignmentTokens(value, supported) {
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0) return false;
+	if (isCssWideKeyword(normalized)) return false;
+	const tokens = normalized.split(/\s+/).filter(Boolean);
+	if (tokens.length === 0) return false;
+	if (tokens[0] === "safe" || tokens[0] === "unsafe") return true;
+	if (tokens.length >= 2 && (tokens[0] === "first" && tokens[1] === "baseline" || tokens[0] === "last" && tokens[1] === "baseline")) return true;
+	return tokens.some((token) => !supported.has(token));
+}
+function hasUnsupportedGridLineValue(value) {
+	if (value === void 0 || value === null) return false;
+	if (typeof value === "number") return Number.isFinite(value) && value < 1;
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0 || normalized === "auto") return false;
+	if (isCssWideKeyword(normalized)) return false;
+	return !/^(?:span\s+\d+|\d+)$/.test(normalized);
+}
+function hasUnsupportedGridPlacementValue(value, allowNamedArea) {
+	if (value === void 0 || value === null) return false;
+	if (typeof value === "number") return Number.isFinite(value) && value < 1;
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0 || normalized === "auto") return false;
+	if (isCssWideKeyword(normalized)) return false;
+	if (allowNamedArea && !normalized.includes("/")) return false;
+	const linePattern = String.raw`(?:\d+|span\s+\d+)`;
+	return !new RegExp(String.raw`^(?:${linePattern}|${linePattern}\s*/\s*${linePattern})$`).test(normalized);
+}
+function unsupportedCssLayoutValueSemantics(props) {
+	const unsupported = [];
+	for (const property of [
+		"display",
+		"overflow",
+		"position",
+		"flexDirection",
+		"flexWrap",
+		"alignSelf",
+		"justifySelf",
+		"placeSelf",
+		"alignItems",
+		"justifyItems",
+		"placeItems",
+		"alignContent",
+		"justifyContent",
+		"placeContent",
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"x",
+		"y",
+		"width",
+		"height",
+		"minWidth",
+		"minHeight",
+		"maxWidth",
+		"maxHeight",
+		"padding",
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"gap",
+		"rowGap",
+		"columnGap",
+		"fontSize",
+		"lineHeight",
+		"charSpacing",
+		"letterSpacing",
+		"paragraphSpacingBefore",
+		"paragraphSpacingAfter",
+		"textIndent",
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"outlineWidth",
+		"strokeWidth"
+	]) {
+		if (!hasCssWideKeywordToken(props[property])) continue;
+		const semantic = unsupportedCssWideKeywordSemantic(property, props[property]);
+		if (semantic) unsupported.push(semantic);
+	}
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "display",
+		supported: CSS_SUPPORTED_DISPLAY_VALUES,
+		missing: ["cssDisplayBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "overflow",
+		supported: CSS_SUPPORTED_OVERFLOW_VALUES,
+		missing: ["cssOverflowBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "position",
+		supported: CSS_SUPPORTED_POSITION_VALUES,
+		missing: ["cssPositionBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "flexDirection",
+		supported: CSS_SUPPORTED_FLEX_DIRECTION_VALUES,
+		missing: ["reverseFlexOrdering"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "flexWrap",
+		supported: CSS_SUPPORTED_FLEX_WRAP_VALUES,
+		missing: ["reverseFlexLinePacking"]
+	});
+	const alignmentChecks = [
+		{
+			property: "alignSelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "justifySelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "placeSelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "alignItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "justifyItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "placeItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "alignContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		},
+		{
+			property: "justifyContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		},
+		{
+			property: "placeContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		}
+	];
+	for (const check of alignmentChecks) {
+		if (!hasUnsupportedAlignmentTokens(props[check.property], check.supported)) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(check.property, props[check.property], check.missing);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"gridColumnStart",
+		"gridColumnEnd",
+		"gridRowStart",
+		"gridRowEnd"
+	]) {
+		if (!hasUnsupportedGridLineValue(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssGridNamedOrNegativeLineResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const check of [
+		{
+			property: "gridColumn",
+			allowNamedArea: false
+		},
+		{
+			property: "gridRow",
+			allowNamedArea: false
+		},
+		{
+			property: "gridArea",
+			allowNamedArea: true
+		}
+	]) {
+		if (!hasUnsupportedGridPlacementValue(props[check.property], check.allowNamedArea)) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(check.property, props[check.property], ["cssGridNamedOrNegativeLineResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"x",
+		"y"
+	]) {
+		if (!hasAutoToken(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssAutoInsetResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft"
+	]) {
+		if (!hasAutoToken(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssAutoMarginResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
+const CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON = "CSS writing-mode and direction remap logical layout axes; deckjsx v0.8.2 projects them to PPTX text body direction but still resolves layout, spacing, insets, and start/end alignment on physical axes.";
+function unsupportedTextLogicalLayoutSemantics(props) {
+	const unsupported = [];
+	if (props.direction === "rtl") {
+		const semantic = unsupportedSemantic({
+			feature: "layout",
+			property: "direction",
+			value: props.direction,
+			error: new Error(CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["textBodyDirection"],
+				missing: ["logicalLayoutAxes", "cssLogicalStartEndMapping"]
+			}
+		});
+		if (semantic) unsupported.push(semantic);
+	}
+	if (props.writingMode !== void 0 && props.writingMode !== "horizontal-tb") {
+		const semantic = unsupportedSemantic({
+			feature: "layout",
+			property: "writingMode",
+			value: props.writingMode,
+			error: new Error(CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["textBodyDirection"],
+				missing: ["logicalLayoutAxes", "cssLogicalStartEndMapping"]
+			}
+		});
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
 function unsupportedGroupOpacitySemantics$1(props) {
 	if (props.opacity === void 0 || props.opacity <= 0 || props.opacity >= 1) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "opacity",
 		property: "opacity",
 		value: props.opacity,
@@ -6891,7 +7826,7 @@ function unsupportedGroupOpacitySemantics$1(props) {
 }
 function unsupportedOpacityStackingContextSemantics$1(props) {
 	if (props.opacity === void 0 || props.opacity <= 0 || props.opacity >= 1) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "opacity",
 		property: "stackingContext",
 		value: props.opacity,
@@ -6909,7 +7844,7 @@ function hasProjectedTransform(input) {
 }
 function unsupportedClippingTransformSemantics(input) {
 	if (!input.clip || !hasProjectedTransform(input)) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "clipping",
 		property: "overflow",
 		value: `hidden + transform:${input.clip.strategy}`,
@@ -6930,7 +7865,7 @@ function unsupportedClippingTransformSemantics(input) {
 function unsupportedClippedImageSourceRectTransformSemantics(input) {
 	if (!input.clip || !hasProjectedTransform(input)) return [];
 	const cropSuffix = input.hasExplicitCrop ? "+crop" : "";
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "clipping",
 		property: "imageSourceRect",
 		value: `clip:${input.clip.strategy}+transform+fit:${input.fit ?? "contain"}${cropSuffix}`,
@@ -6956,7 +7891,7 @@ function unsupportedTransformStackingContextSemantics$1(props) {
 		return [];
 	}
 	if (!operations?.length) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "transform",
 		property: "stackingContext",
 		value: props.transform,
@@ -6973,7 +7908,7 @@ function unsupportedCompositingSemantics$1(props) {
 	const unsupported = [];
 	const filter = props.filter?.trim();
 	if (filter && filter.toLowerCase() !== "none") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "filter",
 			property: "filter",
 			value: props.filter,
@@ -6988,7 +7923,7 @@ function unsupportedCompositingSemantics$1(props) {
 	}
 	const mixBlendMode = props.mixBlendMode?.trim();
 	if (mixBlendMode && mixBlendMode.toLowerCase() !== "normal") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "blend",
 			property: "mixBlendMode",
 			value: props.mixBlendMode,
@@ -7002,7 +7937,7 @@ function unsupportedCompositingSemantics$1(props) {
 		if (semantic) unsupported.push(semantic);
 	}
 	if (props.isolation === "isolate") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "isolation",
 			property: "isolation",
 			value: props.isolation,
@@ -7051,6 +7986,8 @@ const EMPTY_SPACING = [
 	0,
 	0
 ];
+const DEFAULT_TEXT_FONT_SIZE_PT = 18;
+const DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE = 1.2;
 function createIdGenerator() {
 	let slideCount = 0;
 	let nodeCount = 0;
@@ -7069,21 +8006,54 @@ function imageSourceFromProps(props) {
 	if (props.src) {
 		if (/^https?:\/\//i.test(props.src)) return {
 			kind: "url",
-			url: props.src
+			url: props.src
+		};
+		return {
+			kind: "path",
+			path: props.src
+		};
+	}
+	if (props.data) return {
+		kind: "data",
+		data: props.data
+	};
+	throw new Error("Image requires either src or data.");
+}
+function videoSourceFromProps(props) {
+	if (props.src) {
+		if (/^https?:\/\//i.test(props.src)) return {
+			kind: "url",
+			url: props.src
+		};
+		return {
+			kind: "path",
+			path: props.src
+		};
+	}
+	if (props.data) return {
+		kind: "data",
+		data: props.data
+	};
+	throw new Error("Video requires either src or data.");
+}
+function videoPosterSourceFromProps(props) {
+	if (props.poster) {
+		if (/^https?:\/\//i.test(props.poster)) return {
+			kind: "url",
+			url: props.poster
 		};
 		return {
 			kind: "path",
-			path: props.src
+			path: props.poster
 		};
 	}
-	if (props.data) return {
+	if (props.posterData) return {
 		kind: "data",
-		data: props.data
+		data: props.posterData
 	};
-	throw new Error("Image requires either src or data.");
 }
 function isLayoutInputContentNode(value) {
-	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "shape");
+	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "video" || value.kind === "shape");
 }
 function isLayoutInputTextNode(value) {
 	return typeof value === "object" && value !== null && "kind" in value && value.kind === "text";
@@ -7108,7 +8078,14 @@ function layoutChildFromNode(child, siblingOrder, context) {
 		case "image": return {
 			kind: "image",
 			source: child,
-			props: normalizeImageProps(child.props, context),
+			props: normalizeImagePropsWithIntrinsicAspectRatio(child, context),
+			siblingOrder,
+			...origin ? { origin } : {}
+		};
+		case "video": return {
+			kind: "video",
+			source: child,
+			props: normalizeVideoProps(child.props, context),
 			siblingOrder,
 			...origin ? { origin } : {}
 		};
@@ -7121,6 +8098,35 @@ function layoutChildFromNode(child, siblingOrder, context) {
 		};
 	}
 }
+function normalizeImagePropsWithIntrinsicAspectRatio(child, context) {
+	const props = normalizeImageProps(child.props, context);
+	if (props.aspectRatio !== void 0) return props;
+	const width = child.assetProbe?.width;
+	const height = child.assetProbe?.height;
+	if (width === void 0 || height === void 0 || !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return props;
+	return {
+		...props,
+		aspectRatio: width / height
+	};
+}
+function resolveCornerRadiusEmu$1(value, frame, context) {
+	return parseLength(value, Math.min(frame.widthEmu, frame.heightEmu), 0, context);
+}
+function unsupportedObjectPositionSemantics(input) {
+	if (input.value === void 0 || input.resolved !== void 0) return [];
+	const unsupported = unsupportedSemantic({
+		feature: "image",
+		property: "objectPosition",
+		value: input.value,
+		error: /* @__PURE__ */ new Error("Unsupported objectPosition value."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredObjectPosition"],
+			missing: ["pptxObjectPosition"]
+		}
+	});
+	return unsupported ? [unsupported] : [];
+}
 function parseCropValue$1(value) {
 	if (value === void 0) return 0;
 	if (typeof value === "number") {
@@ -7197,14 +8203,15 @@ function resolveAlignContentOffset(alignContent, availableEmu, usedEmu, lineCoun
 		extraSizeEmu: 0
 	};
 }
-function getChildPadding(node, context) {
+function getChildPadding(node, context, percentageBaseEmu = 0) {
 	switch (node.kind) {
-		case "view": return parseSpacing(node.props.padding, context);
+		case "view": return parseSpacing(node.props.padding, context, percentageBaseEmu);
 		case "text": {
 			const { props } = node;
-			return parseSpacing(props.padding, getTextLengthContext(props, context));
+			return parseSpacing(props.padding, getTextLengthContext(props, context), percentageBaseEmu);
 		}
 		case "image": return EMPTY_SPACING;
+		case "video": return EMPTY_SPACING;
 		case "shape": return EMPTY_SPACING;
 	}
 }
@@ -7220,46 +8227,69 @@ function resolveChildMainLength(node, axis) {
 	if (flexBasis !== void 0 && flexBasis !== "auto") return flexBasis;
 	return node.props[axis === "horizontal" ? "width" : "height"];
 }
+function resolveTextFontSizePt(props, context) {
+	return parsePointValue(props.fontSize, DEFAULT_TEXT_FONT_SIZE_PT, context);
+}
+function resolveTextLineHeightPt(props, context) {
+	const fontSizePt = resolveTextFontSizePt(props, context);
+	if (props.lineHeight === void 0 || props.lineHeight === "normal") return fontSizePt * DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE;
+	if (typeof props.lineHeight === "number") return fontSizePt * props.lineHeight;
+	return parsePointValue(props.lineHeight, fontSizePt * DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE, {
+		...context,
+		fontSizePt
+	});
+}
+function estimateTextAutoContentSize(node, dimension, parent, context) {
+	const textContext = getTextLengthContext(node.props, context);
+	const [paddingTop, , paddingBottom] = parseSpacing(node.props.padding, textContext, parent.widthEmu);
+	if (dimension === "width") return parent.widthEmu;
+	return resolveTextLineHeightPt(node.props, textContext) / 72 * EMU_PER_INCH + paddingTop + paddingBottom;
+}
 function estimateChildContentSize(node, dimension, parent, mainAxis, context) {
 	const aspectRatio = parseAspectRatio(node.props.aspectRatio);
 	const isMainDimension = mainAxis === "horizontal" && dimension === "width" || mainAxis === "vertical" && dimension === "height";
 	const basis = dimension === "width" ? parent.widthEmu : parent.heightEmu;
-	const directValue = isMainDimension && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[dimension];
-	if (directValue !== void 0) return inflateSpecifiedBoxSize(parseLength(directValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context), dimension);
+	const authoredValue = authoredLengthOrUndefined(isMainDimension && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[dimension]);
+	if (authoredValue !== void 0) return inflateSpecifiedBoxSize(parseLength(authoredValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" || node.kind === "video" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
+	if (node.kind === "text") {
+		if (dimension === "width" && mainAxis === "horizontal") return 0;
+		return estimateTextAutoContentSize(node, dimension, parent, context);
+	}
 	if (aspectRatio === void 0) return 0;
 	const oppositeDimension = dimension === "width" ? "height" : "width";
 	const oppositeBasis = oppositeDimension === "width" ? parent.widthEmu : parent.heightEmu;
-	const oppositeValue = (mainAxis === "horizontal" && oppositeDimension === "width" || mainAxis === "vertical" && oppositeDimension === "height") && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[oppositeDimension];
-	if (oppositeValue === void 0) return 0;
-	const oppositeSize = parseLength(oppositeValue, oppositeBasis, 0, getNodeLengthContext(node, context));
-	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context), dimension);
+	const authoredOppositeValue = authoredLengthOrUndefined((mainAxis === "horizontal" && oppositeDimension === "width" || mainAxis === "vertical" && oppositeDimension === "height") && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[oppositeDimension]);
+	if (authoredOppositeValue === void 0) return 0;
+	const oppositeSize = parseLength(authoredOppositeValue, oppositeBasis, 0, getNodeLengthContext(node, context));
+	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" || node.kind === "video" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
 }
-function getNodeMargin(node, context) {
+function getNodeMargin(node, context, percentageBaseEmu = 0) {
 	switch (node.kind) {
-		case "view": return parseSpacing(node.props.margin, context);
+		case "view": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 		case "text": {
 			const { props } = node;
-			return parseSpacing(props.margin, getTextLengthContext(props, context));
+			return parseSpacingAllowAuto(props.margin, getTextLengthContext(props, context), percentageBaseEmu);
 		}
-		case "image": return parseSpacing(node.props.margin, context);
-		case "shape": return parseSpacing(node.props.margin, context);
+		case "image": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
+		case "video": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
+		case "shape": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 	}
 }
 function estimateChildMainSize(node, axis, parent, context) {
-	const [top, right, bottom, left] = getNodeMargin(node, context);
+	const [top, right, bottom, left] = getNodeMargin(node, context, parent.widthEmu);
 	const margin = axis === "horizontal" ? left + right : top + bottom;
 	return estimateChildContentSize(node, axis === "horizontal" ? "width" : "height", parent, axis, context) + margin;
 }
 function estimateChildCrossSize(node, axis, parent, context) {
-	const [top, right, bottom, left] = getNodeMargin(node, context);
+	const [top, right, bottom, left] = getNodeMargin(node, context, parent.widthEmu);
 	const margin = axis === "horizontal" ? top + bottom : left + right;
 	return estimateChildContentSize(node, axis === "horizontal" ? "height" : "width", parent, axis, context) + margin;
 }
 function shouldStretchGridDimension(node, dimension) {
-	if (node.props[dimension] !== void 0) return false;
+	if (hasAuthoredLength(node.props[dimension])) return false;
 	if (!parseAspectRatio(node.props.aspectRatio)) return true;
 	const oppositeDimension = dimension === "width" ? "height" : "width";
-	return node.props[oppositeDimension] === void 0;
+	return !hasAuthoredLength(node.props[oppositeDimension]);
 }
 function resolveChildGridPlacements(node, namedAreas) {
 	const explicitRow = resolveGridPlacementFromLonghands(node.props.gridRowStart, node.props.gridRowEnd) ?? parseGridPlacement(node.props.gridRow);
@@ -7278,7 +8308,7 @@ function resolveChildGridPlacements(node, namedAreas) {
 	};
 }
 function resolveGridContainerSpec(parentFrame, options, context) {
-	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context);
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
 	const contentX = parentFrame.xEmu + paddingLeft;
 	const contentY = parentFrame.yEmu + paddingTop;
 	const contentWidth = Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0);
@@ -7289,8 +8319,8 @@ function resolveGridContainerSpec(parentFrame, options, context) {
 		widthEmu: contentWidth,
 		heightEmu: contentHeight
 	};
-	const columnGapEmu = parseLength(options.columnGap ?? options.rowGap, 0, 0, context);
-	const rowGapEmu = parseLength(options.rowGap ?? options.columnGap, 0, 0, context);
+	const columnGapEmu = parseLength(options.columnGap ?? options.rowGap, contentWidth, 0, context);
+	const rowGapEmu = parseLength(options.rowGap ?? options.columnGap, contentHeight, 0, context);
 	const placeItems = parsePlaceItems(options.placeItems);
 	const placeContent = parsePlaceContent(options.placeContent);
 	const namedAreas = parseGridTemplateAreas(options.gridTemplateAreas);
@@ -7375,7 +8405,7 @@ function compileGridChildren(authorChildren, parentFrame, idGenerator, options,
 	const rowOffsets = resolveTrackOffsets(stretchedRowTracks, spec.rowGapEmu).map((offset) => offset + blockPacking.offsetEmu);
 	return sortNodesForPaint(placements.map((placement) => {
 		const { child, row, column, rowSpan, columnSpan } = placement;
-		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context);
+		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, spec.contentWidth);
 		const cellWidth = stretchedColumnTracks.slice(column - 1, column - 1 + columnSpan).reduce((sum, size) => sum + size, 0) + Math.max(columnSpan - 1, 0) * spec.columnGapEmu;
 		const cellHeight = stretchedRowTracks.slice(row - 1, row - 1 + rowSpan).reduce((sum, size) => sum + size, 0) + Math.max(rowSpan - 1, 0) * spec.rowGapEmu;
 		const innerFrame = {
@@ -7402,6 +8432,44 @@ function compileGridChildren(authorChildren, parentFrame, idGenerator, options,
 		return compileNode(child, innerFrame, idGenerator, placementOverride, clipRect, context, resolutionOptions);
 	}).filter((node) => node !== null));
 }
+function hasExplicitFrameInput(child) {
+	const { props } = child;
+	const relativePosition = props.position === "relative";
+	return props.position === "absolute" || props.area !== void 0 || !relativePosition && (hasAuthoredLength(props.x) || hasAuthoredLength(props.y) || hasCssWideKeywordToken(props.inset) === false && props.inset !== void 0 || hasAuthoredLength(props.left) || hasAuthoredLength(props.top) || hasAuthoredLength(props.right) || hasAuthoredLength(props.bottom)) || hasAuthoredLength(props.width) || hasAuthoredLength(props.height);
+}
+function compileBlockFlowChildren(authorChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions) {
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
+	const contentFrame = {
+		xEmu: parentFrame.xEmu + paddingLeft,
+		yEmu: parentFrame.yEmu + paddingTop,
+		widthEmu: Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0),
+		heightEmu: Math.max(parentFrame.heightEmu - paddingTop - paddingBottom, 0)
+	};
+	const blockGapEmu = resolveMainGap("vertical", options.gap, options.rowGap, options.columnGap, context, contentFrame.heightEmu);
+	let cursorY = contentFrame.yEmu;
+	const flowNodes = [];
+	for (const child of authorChildren) {
+		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, contentFrame.widthEmu);
+		const childWidth = authoredLengthOrUndefined(child.props.width) === void 0 ? Math.max(contentFrame.widthEmu - marginLeft - marginRight, 0) : estimateChildContentSize(child, "width", contentFrame, void 0, context);
+		const childHeight = estimateChildContentSize(child, "height", contentFrame, "vertical", context);
+		const compiledNode = compileNode(child, contentFrame, idGenerator, {
+			xEmu: contentFrame.xEmu + marginLeft,
+			yEmu: cursorY + marginTop,
+			widthEmu: childWidth,
+			heightEmu: childHeight
+		}, clipRect, context, resolutionOptions);
+		if (compiledNode) flowNodes.push(compiledNode);
+		cursorY += marginTop + childHeight + marginBottom + blockGapEmu;
+	}
+	return flowNodes;
+}
+function compileAbsoluteChildren(authorChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions) {
+	const flowChildren = authorChildren.filter((child) => !hasExplicitFrameInput(child));
+	const absoluteChildren = authorChildren.filter(hasExplicitFrameInput);
+	const flowNodes = compileBlockFlowChildren(flowChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions);
+	const absoluteNodes = absoluteChildren.map((child) => compileNode(child, parentFrame, idGenerator, void 0, clipRect, context, resolutionOptions)).filter((node) => node !== null);
+	return sortNodesForPaint([...flowNodes, ...absoluteNodes].sort((left, right) => left.siblingOrder - right.siblingOrder));
+}
 function compileChildren$1(children, parentFrame, idGenerator, layout, options, clipRect, context, resolutionOptions) {
 	const authorChildren = children.map((child, siblingOrder) => {
 		if (!isLayoutInputContentNode(child)) throw new Error("Only deckjsx components can be children of View in structured layout.");
@@ -7424,11 +8492,15 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 		placeContent: options.placeContent,
 		gridAutoFlow: options.gridAutoFlow
 	}, clipRect, context, resolutionOptions);
-	if (layout !== "stack") return sortNodesForPaint(authorChildren.map((child) => compileNode(child, parentFrame, idGenerator, void 0, clipRect, context, resolutionOptions)).filter((node) => node !== null));
+	if (layout !== "stack") return compileAbsoluteChildren(authorChildren, parentFrame, idGenerator, {
+		padding: options.padding,
+		gap: options.gap,
+		rowGap: options.rowGap,
+		columnGap: options.columnGap
+	}, clipRect, context, resolutionOptions);
 	const direction = options.direction ?? "vertical";
-	const mainGapEmu = resolveMainGap(direction, options.gap, options.rowGap, options.columnGap, context);
-	const crossGapEmu = resolveCrossGap(direction, options.gap, options.rowGap, options.columnGap, context);
-	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context);
+	const defaultAlignItems = options.alignItems ?? (options.display === "flex" ? "stretch" : void 0);
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
 	const contentX = parentFrame.xEmu + paddingLeft;
 	const contentY = parentFrame.yEmu + paddingTop;
 	const contentWidth = Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0);
@@ -7439,6 +8511,8 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 		widthEmu: contentWidth,
 		heightEmu: contentHeight
 	};
+	const mainGapEmu = resolveMainGap(direction, options.gap, options.rowGap, options.columnGap, context, direction === "horizontal" ? contentWidth : contentHeight);
+	const crossGapEmu = resolveCrossGap(direction, options.gap, options.rowGap, options.columnGap, context, direction === "horizontal" ? contentHeight : contentWidth);
 	const stackEntries = authorChildren.map((child, sourceIndex) => ({
 		child,
 		sourceIndex,
@@ -7456,13 +8530,13 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 	const absoluteEntries = stackEntries.filter((entry) => entry.position === "absolute");
 	const availableMain = direction === "horizontal" ? contentWidth : contentHeight;
 	const availableCross = direction === "horizontal" ? contentHeight : contentWidth;
-	const lines = buildStackLines(flowEntries, direction, parentFrame, availableMain, mainGapEmu, options.flexWrap, stackMetrics, context);
+	const lines = buildStackLines(flowEntries, direction, contentFrame, availableMain, mainGapEmu, options.flexWrap, stackMetrics, context);
 	const usedCross = lines.reduce((sum, line) => sum + line.crossSizeEmu, 0) + Math.max(lines.length - 1, 0) * crossGapEmu;
 	const contentPacking = resolveAlignContentOffset(options.alignContent, availableCross, usedCross, lines.length);
 	let crossCursor = contentPacking.offsetEmu;
 	const flowNodes = [];
 	for (const [lineIndex, line] of lines.entries()) {
-		const mainAllocations = resolveFlexMainAllocations(line, direction, parentFrame, availableMain, mainGapEmu, stackMetrics, context);
+		const mainAllocations = resolveFlexMainAllocations(line, direction, contentFrame, availableMain, mainGapEmu, stackMetrics, context);
 		const allocatedUsedMain = mainAllocations.reduce((sum, allocation) => sum + allocation.outerMainEmu, 0) + Math.max(line.entries.length - 1, 0) * mainGapEmu;
 		const justify = resolveJustifyOffset(options.justifyContent, availableMain, allocatedUsedMain, line.entries.length);
 		let mainCursor = justify.offsetEmu;
@@ -7471,10 +8545,10 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 			const mainAllocation = mainAllocations[entryIndex];
 			if (mainAllocation === void 0) throw new Error("Stack layout allocation count did not match line entry count.");
 			const { child } = entry;
-			const childCross = estimateChildCrossSize(child, direction, parentFrame, context);
-			const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context);
-			let alignment = parsePlaceSelf(child.props.placeSelf).alignSelf ?? child.props.alignSelf ?? options.alignItems;
-			if (alignment === "auto") alignment = void 0;
+			const childCross = estimateChildCrossSize(child, direction, contentFrame, context);
+			const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, contentFrame.widthEmu);
+			const alignSelf = parsePlaceSelf(child.props.placeSelf).alignSelf ?? child.props.alignSelf;
+			let alignment = alignSelf === "auto" ? defaultAlignItems : alignSelf ?? defaultAlignItems;
 			if (alignment === "flex-start") alignment = "start";
 			if (alignment === "flex-end") alignment = "end";
 			const hasExplicitCrossSize = child.props[direction === "horizontal" ? "height" : "width"] !== void 0;
@@ -7520,13 +8594,14 @@ function compileGroupNode(node, parentFrame, idGenerator, placement, clipRect, c
 	const visibleFrame = intersectClipRect(originalFrame, clipRect);
 	if (!visibleFrame) return null;
 	const childClipRect = props.overflow === "hidden" ? intersectClipRect(originalFrame, clipRect) : clipRect;
-	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, context));
+	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, context, visibleFrame.widthEmu));
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(props), props.backgroundTransparency, {
 		widthEmu: visibleFrame.widthEmu,
 		heightEmu: visibleFrame.heightEmu
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedTransformStackingContextSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
@@ -7562,9 +8637,10 @@ function compileGroupNode(node, parentFrame, idGenerator, placement, clipRect, c
 		...strokes.edgeStrokes ? { edgeStrokes: strokes.edgeStrokes } : {},
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, context),
+		radiusEmu: resolveCornerRadiusEmu$1(props.borderRadius, visibleFrame, context),
 		children: compileChildren$1(node.source.children, originalFrame, idGenerator, props.layout, {
 			direction: props.direction,
+			display: props.display,
 			gap: props.gap,
 			rowGap: props.rowGap,
 			columnGap: props.columnGap,
@@ -7592,7 +8668,7 @@ function textStyleFromProps$1(props, textLengthContext) {
 	const underlineColor = normalizeColor(props.textDecorationColor);
 	const textDirection = resolveTextDirection(props.writingMode);
 	const tabStops = resolveTabStops(props.tabStops, textLengthContext);
-	const fontSizePt = props.fontSize === void 0 ? void 0 : parsePointValue(props.fontSize, 0, textLengthContext);
+	const fontSizePt = props.fontSize === void 0 || isCssWideKeyword(props.fontSize) ? void 0 : parsePointValue(props.fontSize, 0, textLengthContext);
 	return {
 		fontFamily: props.fontFamily,
 		fontSizePt,
@@ -7608,11 +8684,11 @@ function textStyleFromProps$1(props, textLengthContext) {
 		paddingPt: parseSpacingInPoints(props.padding, textLengthContext),
 		lineSpacing: props.lineSpacing ?? lineHeight.lineSpacing,
 		lineSpacingMultiple: props.lineSpacingMultiple ?? lineHeight.lineSpacingMultiple,
-		paragraphSpacingBefore: props.paragraphSpacingBefore,
-		paragraphSpacingAfter: props.paragraphSpacingAfter,
+		paragraphSpacingBefore: props.paragraphSpacingBefore === void 0 ? void 0 : parsePointValue(props.paragraphSpacingBefore, 0, textLengthContext),
+		paragraphSpacingAfter: props.paragraphSpacingAfter === void 0 ? void 0 : parsePointValue(props.paragraphSpacingAfter, 0, textLengthContext),
 		...props.textIndent === void 0 ? {} : { textIndentPt: parsePointValue(props.textIndent, 0, textLengthContext) },
 		...tabStops ? { tabStops } : {},
-		charSpacing: props.charSpacing,
+		charSpacing: resolveCharacterSpacing(props.charSpacing, textLengthContext),
 		...list ? { list } : {},
 		fit: props.fit,
 		wrap: props.wrap,
@@ -7662,10 +8738,66 @@ function clippingMetadata(originalFrame, clipRect, visibleFrame) {
 		visibleFrame
 	};
 }
+function textFramePropsWithFallback(props, placement, context) {
+	let resolved = props;
+	const hasAuthoredWidth = authoredLengthOrUndefined(props.width) !== void 0;
+	const hasAuthoredHeight = authoredLengthOrUndefined(props.height) !== void 0;
+	const hasAuthoredInset = props.inset !== void 0 && !hasCssWideKeywordToken(props.inset);
+	const hasAuthoredLeft = authoredLengthOrUndefined(props.left) !== void 0;
+	const hasAuthoredRight = authoredLengthOrUndefined(props.right) !== void 0;
+	const hasAuthoredTop = authoredLengthOrUndefined(props.top) !== void 0;
+	const hasAuthoredBottom = authoredLengthOrUndefined(props.bottom) !== void 0;
+	const hasAuthoredX = authoredLengthOrUndefined(props.x) !== void 0;
+	if (placement?.widthEmu === void 0 && !hasAuthoredWidth && !hasAuthoredInset) {
+		if (!hasAuthoredRight && (hasAuthoredX || hasAuthoredLeft)) resolved = {
+			...resolved,
+			right: 0
+		};
+		else if (!hasAuthoredLeft && hasAuthoredRight) resolved = {
+			...resolved,
+			left: 0
+		};
+		else if (!hasAuthoredLeft && !hasAuthoredRight) resolved = {
+			...resolved,
+			width: "100%"
+		};
+	}
+	if (placement?.heightEmu === void 0 && !hasAuthoredHeight && !hasAuthoredInset && !(hasAuthoredTop && hasAuthoredBottom)) resolved = {
+		...resolved,
+		height: `${resolveTextLineHeightPt(props, context)}pt`
+	};
+	return resolved;
+}
+function usesTextLineHeightFallback(props, placement) {
+	const hasAuthoredHeight = authoredLengthOrUndefined(props.height) !== void 0;
+	const hasAuthoredInset = props.inset !== void 0 && !hasCssWideKeywordToken(props.inset);
+	const hasAuthoredTop = authoredLengthOrUndefined(props.top) !== void 0;
+	const hasAuthoredBottom = authoredLengthOrUndefined(props.bottom) !== void 0;
+	return placement?.heightEmu === void 0 && !hasAuthoredHeight && !hasAuthoredInset && !(hasAuthoredTop && hasAuthoredBottom);
+}
+function textMayNeedWrappedMeasurement(text, props) {
+	if (!text || props.wrap === false) return false;
+	return text.includes("\n") || text.trim().length > 80;
+}
+function unsupportedWrappedTextMeasurementSemantics(input) {
+	if (!usesTextLineHeightFallback(input.props, input.placement) || !textMayNeedWrappedMeasurement(input.text, input.props)) return [];
+	const semantic = unsupportedSemantic({
+		feature: "layout",
+		property: "height",
+		value: "auto",
+		error: /* @__PURE__ */ new Error("Exact wrapped text measurement is not part of the v0.8.2 layout subset; deckjsx uses a line-height based auto-height fallback."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["availableInlineSize", "lineHeightAutoHeight"],
+			missing: ["wrappedTextMeasurement"]
+		}
+	});
+	return semantic ? [semantic] : [];
+}
 function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
 	const textLengthContext = getTextLengthContext(props, context);
-	const resolved = frameFromProps(props, parentFrame, placement, textLengthContext);
+	const resolved = frameFromProps(textFramePropsWithFallback(props, placement, textLengthContext), parentFrame, placement, textLengthContext);
 	const strokes = resolveNodeStrokesOrFallback(props, textLengthContext);
 	const shadow = parseShadowShorthandOrIgnore({
 		property: props.textShadow !== void 0 ? "textShadow" : "boxShadow",
@@ -7678,6 +8810,7 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 	} : void 0;
 	const style = textStyleFromProps$1(props, textLengthContext);
 	const runs = extractRichTextRuns(node.source.children, props.textTransform, textLengthContext);
+	const text = runs.map((run) => run.text).join("");
 	const originalFrame = {
 		xEmu: resolved.xEmu,
 		yEmu: resolved.yEmu,
@@ -7686,13 +8819,15 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 	};
 	const visibleFrame = intersectClipRect(originalFrame, clipRect);
 	if (!visibleFrame) return null;
-	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, textLengthContext));
+	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, textLengthContext, visibleFrame.widthEmu));
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(props), props.backgroundTransparency, {
 		widthEmu: visibleFrame.widthEmu,
 		heightEmu: visibleFrame.heightEmu
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
+		...unsupportedTextLogicalLayoutSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7702,6 +8837,11 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 			flipH: resolved.flipH,
 			flipV: resolved.flipV
 		}),
+		...unsupportedWrappedTextMeasurementSemantics({
+			props,
+			placement,
+			text
+		}),
 		...strokes.unsupportedSemantics,
 		...outline.unsupportedSemantics,
 		...shadow.unsupportedSemantics,
@@ -7722,7 +8862,7 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 		flipV: resolved.flipV,
 		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
 		content: {
-			text: runs.map((run) => run.text).join(""),
+			text,
 			...runs.length > 1 || runs.some((run) => run.style) ? { runs } : {}
 		},
 		style,
@@ -7733,11 +8873,12 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, textLengthContext)
+		radiusEmu: resolveCornerRadiusEmu$1(props.borderRadius, visibleFrame, textLengthContext)
 	};
 }
 function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
+	const fit = normalizeProjectedImageFit(props.fit);
 	const resolved = frameFromProps(props, parentFrame, placement, context);
 	const shadow = parseShadowShorthandOrIgnore({
 		property: "boxShadow",
@@ -7763,6 +8904,7 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 	if (!visibleFrame) return null;
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7777,9 +8919,14 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 			rotation: resolved.rotation,
 			flipH: resolved.flipH,
 			flipV: resolved.flipV,
-			fit: props.fit,
+			fit,
 			hasExplicitCrop: crop !== void 0
 		}),
+		...unsupportedObjectPositionSemantics({
+			value: props.objectPosition,
+			resolved: objectPosition
+		}),
+		...unsupportedObjectFitSemantics(props.fit),
 		...shadow.unsupportedSemantics
 	];
 	return {
@@ -7797,7 +8944,7 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 		flipH: resolved.flipH,
 		flipV: resolved.flipV,
 		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
-		fit: props.fit ?? "contain",
+		fit,
 		...objectPosition ? { objectPosition } : {},
 		...crop ? { crop } : {},
 		transparency: normalizeTransparency$1(props.transparency),
@@ -7807,6 +8954,123 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 		source: imageSourceFromProps(props)
 	};
 }
+const DEFAULT_VIDEO_ASPECT_RATIO = 16 / 9;
+function isUnspecifiedVideoDimension(value) {
+	if (value === void 0) return true;
+	if (typeof value === "string") {
+		const normalized = value.trim().toLowerCase();
+		return normalized === "auto" || isCssWideKeyword(normalized);
+	}
+	return false;
+}
+function videoPropsWithFallbackFrame(props, parentFrame) {
+	const missingWidth = isUnspecifiedVideoDimension(props.width);
+	const missingHeight = isUnspecifiedVideoDimension(props.height);
+	if (!missingWidth && !missingHeight) return {
+		props,
+		missingHeight,
+		missingWidth,
+		unsupportedSemantics: []
+	};
+	const aspectRatio = parseAspectRatio(props.aspectRatio) ?? DEFAULT_VIDEO_ASPECT_RATIO;
+	const fallbackWidthIn = parentFrame.widthEmu / EMU_PER_INCH / 2;
+	return {
+		props: {
+			...props,
+			aspectRatio: props.aspectRatio ?? `${DEFAULT_VIDEO_ASPECT_RATIO}`,
+			...missingWidth && missingHeight ? { width: fallbackWidthIn } : {}
+		},
+		missingHeight,
+		missingWidth,
+		unsupportedSemantics: [{
+			feature: "layout",
+			property: missingWidth && missingHeight ? "width,height" : missingWidth ? "width" : "height",
+			value: missingWidth && missingHeight ? "auto auto" : "auto",
+			reason: "Video frame size was omitted; deckjsx synthesized a 16:9 fallback frame for the initial playable video projection.",
+			fallback: {
+				strategy: "synthesizeFallbackFrame",
+				preserves: ["playableVideoMedia"],
+				missing: [
+					...missingWidth ? ["authoredWidth"] : [],
+					...missingHeight ? ["authoredHeight"] : [],
+					...props.aspectRatio === void 0 ? [`defaultAspectRatio=${aspectRatio}`] : []
+				]
+			}
+		}]
+	};
+}
+function compileVideoNode(node, parentFrame, idGenerator, placement, clipRect, context) {
+	const videoFrame = videoPropsWithFallbackFrame(node.props, parentFrame);
+	const { props } = videoFrame;
+	const fit = normalizeProjectedImageFit(props.fit);
+	const resolved = frameFromProps(props, parentFrame, videoFrame.missingWidth || videoFrame.missingHeight ? {
+		...placement?.xEmu !== void 0 ? { xEmu: placement.xEmu } : {},
+		...placement?.yEmu !== void 0 ? { yEmu: placement.yEmu } : {},
+		...!videoFrame.missingWidth && placement?.widthEmu !== void 0 ? { widthEmu: placement.widthEmu } : {},
+		...!videoFrame.missingHeight && placement?.heightEmu !== void 0 ? { heightEmu: placement.heightEmu } : {}
+	} : placement, context);
+	const shadow = parseShadowShorthandOrIgnore({
+		property: "boxShadow",
+		value: props.boxShadow
+	});
+	const objectPosition = parseObjectPosition(props.objectPosition, {
+		widthEmu: resolved.widthEmu,
+		heightEmu: resolved.heightEmu
+	});
+	if (!props.src && !props.data) throw new Error("Video requires either src or data.");
+	const originalFrame = {
+		xEmu: resolved.xEmu,
+		yEmu: resolved.yEmu,
+		widthEmu: resolved.widthEmu,
+		heightEmu: resolved.heightEmu
+	};
+	const visibleFrame = intersectClipRect(originalFrame, clipRect);
+	if (!visibleFrame) return null;
+	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
+	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
+		...unsupportedTransformSemantics$1(props),
+		...unsupportedCompositingSemantics$1(props),
+		...unsupportedOpacityStackingContextSemantics$1(props),
+		...unsupportedClippingTransformSemantics({
+			clip,
+			rotation: resolved.rotation,
+			flipH: resolved.flipH,
+			flipV: resolved.flipV
+		}),
+		...unsupportedObjectPositionSemantics({
+			value: props.objectPosition,
+			resolved: objectPosition
+		}),
+		...unsupportedObjectFitSemantics(props.fit),
+		...shadow.unsupportedSemantics,
+		...videoFrame.unsupportedSemantics
+	];
+	const posterSource = videoPosterSourceFromProps(props);
+	return {
+		id: idGenerator.nextNode(),
+		kind: "video",
+		...node.origin ? { origin: node.origin } : {},
+		frame: visibleFrame,
+		siblingOrder: node.siblingOrder,
+		...clip ? { clip } : {},
+		sourceFrame: originalFrame,
+		opacity: resolved.opacity,
+		rotation: resolved.rotation,
+		zIndex: resolved.zIndex,
+		...props.visibility !== void 0 ? { visibility: props.visibility } : {},
+		flipH: resolved.flipH,
+		flipV: resolved.flipV,
+		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
+		fit,
+		...objectPosition ? { objectPosition } : {},
+		transparency: normalizeTransparency$1(props.transparency),
+		rounding: props.rounding,
+		...shadow.shadow ? { shadow: shadow.shadow } : {},
+		source: videoSourceFromProps(props),
+		...posterSource ? { posterSource } : {}
+	};
+}
 function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
 	const resolved = frameFromProps(props, parentFrame, placement, context);
@@ -7835,6 +9099,7 @@ function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, c
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7871,7 +9136,7 @@ function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, c
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.radius, 0, 0, context)
+		radiusEmu: resolveCornerRadiusEmu$1(props.radius, visibleFrame, context)
 	};
 }
 function compileNode(child, parentFrame, idGenerator, placement, clipRect, context, resolutionOptions) {
@@ -7879,6 +9144,7 @@ function compileNode(child, parentFrame, idGenerator, placement, clipRect, conte
 		case "view": return compileGroupNode(child, parentFrame, idGenerator, placement, clipRect, context, resolutionOptions);
 		case "text": return compileTextNode(child, parentFrame, idGenerator, placement, clipRect, context);
 		case "image": return compileImageNode(child, parentFrame, idGenerator, placement, clipRect, context);
+		case "video": return compileVideoNode(child, parentFrame, idGenerator, placement, clipRect, context);
 		case "shape": return compileShapeNode(child, parentFrame, idGenerator, placement, clipRect, context);
 	}
 }
@@ -7889,14 +9155,19 @@ function compileSlide(root, context, slideFrame, idGenerator, lengthContext) {
 		widthEmu: slideFrame.widthEmu,
 		heightEmu: slideFrame.heightEmu
 	}, slideFrame, backgroundBoxFrames, slideProps.backgroundPosition, slideProps.backgroundSize, slideProps.backgroundRepeat, slideProps.backgroundOrigin, slideProps.backgroundClip);
-	const nodes = root.children.map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext)).filter((child) => child.props.display !== "none").map((child) => compileNode(child, slideFrame, idGenerator, void 0, void 0, lengthContext)).filter((node) => node !== null);
+	const nodes = compileAbsoluteChildren(root.children.map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext)).filter((child) => child.props.display !== "none"), slideFrame, idGenerator, {
+		padding: void 0,
+		gap: void 0,
+		rowGap: void 0,
+		columnGap: void 0
+	}, void 0, lengthContext);
 	return {
 		id: idGenerator.nextSlide(),
 		name: slideProps.name,
 		...root.origin ? { origin: root.origin } : {},
 		background: backgroundFill.fill,
 		...backgroundFill.backgroundLayers ? { backgroundLayers: backgroundFill.backgroundLayers } : {},
-		nodes: sortNodesForPaint(nodes)
+		nodes
 	};
 }
 function resolveProjectedLayout(options, input) {
@@ -8001,6 +9272,7 @@ function mediaContentType(extension) {
 		case "png": return "image/png";
 		case "gif": return "image/gif";
 		case "svg": return "image/svg+xml";
+		case "mp4": return "video/mp4";
 		default: return "application/octet-stream";
 	}
 }
@@ -8065,8 +9337,15 @@ function buildPptxManifest(input) {
 			targetPath: input.presentationPropertiesPart.path,
 			type: "presentationProperties"
 		}),
+		relationship({
+			id: input.serializedId("rId5"),
+			ownerPath: input.presentationPart.path,
+			targetPartId: input.tableStylesPart.id,
+			targetPath: input.tableStylesPart.path,
+			type: "tableStyles"
+		}),
 		...input.slides.map((slide, index) => relationship({
-			id: input.serializedId(`rId${index + 5}`),
+			id: input.serializedId(`rId${index + 6}`),
 			ownerPath: input.presentationPart.path,
 			targetPartId: slide.id,
 			targetPath: slide.path,
@@ -8114,6 +9393,7 @@ function buildPptxManifest(input) {
 			override(input.extendedDocumentPropertiesPart, "application/vnd.openxmlformats-officedocument.extended-properties+xml"),
 			override(input.viewPropertiesPart, "application/vnd.openxmlformats-officedocument.presentationml.viewProps+xml"),
 			override(input.presentationPropertiesPart, "application/vnd.openxmlformats-officedocument.presentationml.presProps+xml"),
+			override(input.tableStylesPart, "application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml"),
 			...input.slides.map((slide) => override(slide, "application/vnd.openxmlformats-officedocument.presentationml.slide+xml"))
 		]
 	};
@@ -8155,7 +9435,8 @@ function buildPptxManifest(input) {
 		documentPropertiesPart: input.documentPropertiesPart,
 		extendedDocumentPropertiesPart: input.extendedDocumentPropertiesPart,
 		viewPropertiesPart: input.viewPropertiesPart,
-		presentationPropertiesPart: input.presentationPropertiesPart
+		presentationPropertiesPart: input.presentationPropertiesPart,
+		tableStylesPart: input.tableStylesPart
 	};
 }
 //#endregion
@@ -8188,6 +9469,7 @@ function mediaTypeFromExtension$1(extension) {
 		case "png": return "image/png";
 		case "gif": return "image/gif";
 		case "svg": return "image/svg+xml";
+		case "mp4": return "video/mp4";
 		default: return;
 	}
 }
@@ -8197,6 +9479,7 @@ function extensionFromMediaType$1(mediaType) {
 		case "image/png": return "png";
 		case "image/gif": return "gif";
 		case "image/svg+xml": return "svg";
+		case "video/mp4": return "mp4";
 		default: return;
 	}
 }
@@ -8208,9 +9491,10 @@ function dataMediaType(value) {
 }
 function mediaAllocationKey(input) {
 	const asset = input.assetEntityId ? input.assets?.get(input.assetEntityId) : void 0;
+	const mediaKind = input.mediaKind ?? "image";
 	const hash = asset?.probe?.hash;
-	if (hash) return `hash:${hash}:${asset?.probe?.extension ?? asset?.probe?.mediaType ?? imageExtension(input.source)}`;
-	return `source:${asset?.resolverScope ?? "deckjsx:builtin"}:${imageSourceKey(input.source)}`;
+	if (hash) return `${mediaKind}:hash:${hash}:${asset?.probe?.extension ?? asset?.probe?.mediaType ?? imageExtension(input.source)}`;
+	return `${mediaKind}:source:${asset?.resolverScope ?? "deckjsx:builtin"}:${imageSourceKey(input.source)}`;
 }
 function mediaPartIdForSource(input) {
 	return packageIdentity("media", fingerprintString(mediaAllocationKey(input)));
@@ -8281,6 +9565,7 @@ function mediaPayloadFor(input) {
 	} : void 0;
 	const allocationKey = mediaAllocationKey(input);
 	return {
+		mediaKind: input.mediaKind ?? "image",
 		source: input.source,
 		sources: [input.source],
 		...input.elementId ? { elementId: input.elementId } : {},
@@ -8337,22 +9622,43 @@ function mergeMediaPackagePart(part, payload) {
 		payload: mergeMediaPartPayload(part.payload, payload)
 	};
 }
-function withCanonicalImageMediaPartIds(slides, assets) {
+function withCanonicalMediaPartIds(slides, assets) {
 	return slides.map((slide) => ({
 		...slide,
 		payload: {
 			...slide.payload,
 			drawing: drawingFromElements(mapElements(slideDrawingChildren(slide), (element) => {
-				if (element.kind !== "image") return element;
-				const assetEntityId = element.origin.assetEntityIds?.[0];
-				return {
-					...element,
-					mediaPartId: mediaPartIdForSource({
-						source: element.source,
-						...assetEntityId ? { assetEntityId } : {},
-						assets
-					})
-				};
+				if (element.kind === "image") {
+					const assetEntityId = element.origin.assetEntityIds?.[0];
+					return {
+						...element,
+						mediaPartId: mediaPartIdForSource({
+							source: element.source,
+							mediaKind: "image",
+							...assetEntityId ? { assetEntityId } : {},
+							assets
+						})
+					};
+				}
+				if (element.kind === "video") {
+					const [assetEntityId, posterAssetEntityId] = element.origin.assetEntityIds ?? [];
+					return {
+						...element,
+						mediaPartId: mediaPartIdForSource({
+							source: element.source,
+							mediaKind: "video",
+							...assetEntityId ? { assetEntityId } : {},
+							assets
+						}),
+						...element.posterSource ? { posterMediaPartId: mediaPartIdForSource({
+							source: element.posterSource,
+							mediaKind: "image",
+							...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+							assets
+						}) } : {}
+					};
+				}
+				return element;
 			}))
 		}
 	}));
@@ -8385,10 +9691,12 @@ function mediaPartsFor(slides, assets) {
 			mediaIndex += 1;
 		}
 		walkElements(slideDrawingChildren(slide), (element) => {
-			if (element.kind !== "image" || !element.mediaPartId) return;
+			if (element.kind !== "image" && element.kind !== "video") return;
+			if (!element.mediaPartId) return;
 			const assetEntityId = element.origin.assetEntityIds?.[0];
 			const payload = mediaPayloadFor({
 				source: element.source,
+				mediaKind: element.kind === "video" ? "video" : "image",
 				elementId: element.id,
 				...assetEntityId ? { assetEntityId } : {},
 				assets
@@ -8404,6 +9712,7 @@ function mediaPartsFor(slides, assets) {
 				kind: "media",
 				path: `ppt/media/media${mediaIndex}.${mediaExtension({
 					source: element.source,
+					mediaKind: element.kind === "video" ? "video" : "image",
 					...assetEntityId ? { assetEntityId } : {},
 					assets
 				})}`,
@@ -8414,13 +9723,44 @@ function mediaPartsFor(slides, assets) {
 				payload
 			});
 			mediaIndex += 1;
+			if (element.kind !== "video" || !element.posterSource || !element.posterMediaPartId) return;
+			const posterAssetEntityId = element.origin.assetEntityIds?.[1];
+			const posterPayload = mediaPayloadFor({
+				source: element.posterSource,
+				mediaKind: "image",
+				elementId: element.id,
+				...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+				assets
+			});
+			const currentPoster = parts.get(element.posterMediaPartId);
+			if (currentPoster) {
+				parts.set(element.posterMediaPartId, mergeMediaPackagePart(currentPoster, posterPayload));
+				return;
+			}
+			parts.set(element.posterMediaPartId, {
+				id: element.posterMediaPartId,
+				category: "authored-content",
+				kind: "media",
+				path: `ppt/media/media${mediaIndex}.${mediaExtension({
+					source: element.posterSource,
+					mediaKind: "image",
+					...posterAssetEntityId ? { assetEntityId: posterAssetEntityId } : {},
+					assets
+				})}`,
+				origin: {
+					...element.origin.graphNodeIds ? { graphNodeIds: element.origin.graphNodeIds } : {},
+					...element.origin.source ? { source: element.origin.source } : {}
+				},
+				payload: posterPayload
+			});
+			mediaIndex += 1;
 		});
 	}
 	return [...parts.values()];
 }
 function withHyperlinkRelationship(input) {
 	const { element } = input;
-	if (element.kind === "group" || !element.hyperlink) return element;
+	if (element.kind === "group" || element.kind === "video" || !element.hyperlink) return element;
 	const relationshipId = nextSlideRelationshipId(input.relationships);
 	const serialized = {
 		...element.serialized,
@@ -8456,6 +9796,9 @@ function withHyperlinkRelationship(input) {
 function nextSlideRelationshipId(relationships) {
 	return mediaRelationshipId(relationships.length + 1);
 }
+function relationshipKey(type, mediaPartId) {
+	return `${type}:${mediaPartId}`;
+}
 function attachMediaRelationships(slides, mediaParts, assets) {
 	const mediaPartById = new Map(mediaParts.map((part) => [part.id, part]));
 	return slides.map((slide) => {
@@ -8463,7 +9806,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 		const relationshipByMediaPartId = /* @__PURE__ */ new Map();
 		for (const backgroundImage of backgroundImageLayersForSlide(slide, assets)) {
 			const mediaPart = mediaPartById.get(backgroundImage.mediaPartId);
-			if (!mediaPart || relationshipByMediaPartId.has(backgroundImage.mediaPartId)) continue;
+			const key = relationshipKey("image", backgroundImage.mediaPartId);
+			if (!mediaPart || relationshipByMediaPartId.has(key)) continue;
 			const relationship = {
 				id: nextSlideRelationshipId(relationships),
 				target: projectedRelationshipTarget({
@@ -8474,7 +9818,7 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 				targetPath: mediaPart.path,
 				type: "image"
 			};
-			relationshipByMediaPartId.set(backgroundImage.mediaPartId, relationship);
+			relationshipByMediaPartId.set(key, relationship);
 			relationships.push(relationship);
 		}
 		const children = mapElements(slideDrawingChildren(slide), (element) => {
@@ -8482,7 +9826,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 			if (nextElement.kind === "image" && nextElement.mediaPartId) {
 				const mediaPart = mediaPartById.get(nextElement.mediaPartId);
 				if (mediaPart) {
-					const relationship = relationshipByMediaPartId.get(nextElement.mediaPartId) ?? {
+					const key = relationshipKey("image", nextElement.mediaPartId);
+					const relationship = relationshipByMediaPartId.get(key) ?? {
 						id: nextSlideRelationshipId(relationships),
 						target: projectedRelationshipTarget({
 							ownerPath: slide.path,
@@ -8492,8 +9837,8 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 						targetPath: mediaPart.path,
 						type: "image"
 					};
-					if (!relationshipByMediaPartId.has(nextElement.mediaPartId)) {
-						relationshipByMediaPartId.set(nextElement.mediaPartId, relationship);
+					if (!relationshipByMediaPartId.has(key)) {
+						relationshipByMediaPartId.set(key, relationship);
 						relationships.push(relationship);
 					}
 					nextElement = {
@@ -8505,6 +9850,69 @@ function attachMediaRelationships(slides, mediaParts, assets) {
 					};
 				}
 			}
+			if (nextElement.kind === "video" && nextElement.mediaPartId) {
+				const mediaPart = mediaPartById.get(nextElement.mediaPartId);
+				if (mediaPart) {
+					const videoKey = relationshipKey("video", nextElement.mediaPartId);
+					const videoRelationship = relationshipByMediaPartId.get(videoKey) ?? {
+						id: nextSlideRelationshipId(relationships),
+						target: projectedRelationshipTarget({
+							ownerPath: slide.path,
+							targetPath: mediaPart.path
+						}),
+						targetPartId: mediaPart.id,
+						targetPath: mediaPart.path,
+						type: "video"
+					};
+					if (!relationshipByMediaPartId.has(videoKey)) {
+						relationshipByMediaPartId.set(videoKey, videoRelationship);
+						relationships.push(videoRelationship);
+					}
+					const mediaKey = relationshipKey("media", nextElement.mediaPartId);
+					const mediaRelationship = relationshipByMediaPartId.get(mediaKey) ?? {
+						id: nextSlideRelationshipId(relationships),
+						target: projectedRelationshipTarget({
+							ownerPath: slide.path,
+							targetPath: mediaPart.path
+						}),
+						targetPartId: mediaPart.id,
+						targetPath: mediaPart.path,
+						type: "media"
+					};
+					if (!relationshipByMediaPartId.has(mediaKey)) {
+						relationshipByMediaPartId.set(mediaKey, mediaRelationship);
+						relationships.push(mediaRelationship);
+					}
+					nextElement = {
+						...nextElement,
+						serialized: {
+							...nextElement.serialized,
+							relationshipId: videoRelationship.id,
+							mediaRelationshipId: mediaRelationship.id
+						}
+					};
+				}
+				if (nextElement.posterMediaPartId) {
+					const posterPart = mediaPartById.get(nextElement.posterMediaPartId);
+					if (posterPart) {
+						const posterKey = relationshipKey("image", nextElement.posterMediaPartId);
+						const posterRelationship = relationshipByMediaPartId.get(posterKey) ?? {
+							id: nextSlideRelationshipId(relationships),
+							target: projectedRelationshipTarget({
+								ownerPath: slide.path,
+								targetPath: posterPart.path
+							}),
+							targetPartId: posterPart.id,
+							targetPath: posterPart.path,
+							type: "image"
+						};
+						if (!relationshipByMediaPartId.has(posterKey)) {
+							relationshipByMediaPartId.set(posterKey, posterRelationship);
+							relationships.push(posterRelationship);
+						}
+					}
+				}
+			}
 			return withHyperlinkRelationship({
 				element: nextElement,
 				ownerPath: slide.path,
@@ -8559,6 +9967,9 @@ function textRunStyleFor(node, resolvedStyles) {
 function imageStyleFor(node, resolvedStyles) {
 	return targetStyle(pptxStyleFor(node, resolvedStyles), IMAGE_STYLE_KEYS);
 }
+function videoStyleFor(node, resolvedStyles) {
+	return targetStyle(pptxStyleFor(node, resolvedStyles), VIDEO_STYLE_KEYS);
+}
 function shapeStyleFor(node, resolvedStyles, shape) {
 	return {
 		...targetStyle(pptxStyleFor(node, resolvedStyles), SHAPE_STYLE_KEYS),
@@ -8611,24 +10022,23 @@ function shapeFillInputFor(resolved, props) {
 function errorReason(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function semanticValue(value) {
-	return typeof value === "string" ? value : JSON.stringify(value);
-}
-function unsupportedSemantic(input) {
-	if (input.value === void 0 || input.value === null || input.value === "") return;
-	return {
-		feature: input.feature,
-		property: input.property,
-		value: semanticValue(input.value),
-		reason: errorReason(input.error),
-		...input.fallback ? { fallback: input.fallback } : {}
-	};
-}
 function parseShadowSafely(input) {
 	try {
+		const shadow = parseShadowShorthand(input.value);
+		const unsupported = hasShadowSpreadRadius(input.value) ? unsupportedSemantic({
+			feature: "shadow",
+			property: input.property,
+			value: input.value,
+			error: /* @__PURE__ */ new Error(`CSS shadow spread radius is not projected by the current PPTX shadow model: ${input.value}`),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["projectedShadowWithoutSpread"],
+				missing: ["cssShadowSpreadRadius"]
+			}
+		}) : void 0;
 		return {
-			shadow: parseShadowShorthand(input.value),
-			unsupportedSemantics: []
+			shadow,
+			unsupportedSemantics: unsupported ? [unsupported] : []
 		};
 	} catch (error) {
 		const unsupported = unsupportedSemantic({
@@ -8717,6 +10127,27 @@ function isExplicitNone(value) {
 function isStrokeIntentionallyNone(props) {
 	return isExplicitNone(props.border) || isExplicitNone(props.borderTop) || isExplicitNone(props.borderRight) || isExplicitNone(props.borderBottom) || isExplicitNone(props.borderLeft) || props.borderStyle === "none";
 }
+function unsupportedStrokeCssWideKeywordSemantics(props) {
+	const unsupported = [];
+	for (const property of [
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"strokeWidth"
+	]) {
+		if (!hasCssWideKeywordToken(props[property])) continue;
+		const semantic = unsupportedCssWideKeywordSemantic(property, props[property]);
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
+function unsupportedOutlineCssWideKeywordSemantics(props) {
+	if (!hasCssWideKeywordToken(props.outlineWidth)) return [];
+	const semantic = unsupportedCssWideKeywordSemantic("outlineWidth", props.outlineWidth);
+	return semantic ? [semantic] : [];
+}
 function unsupportedStrokeFallback(props, error) {
 	const input = strokeFallbackInput(props);
 	return unsupportedSemantic({
@@ -8732,32 +10163,34 @@ function unsupportedStrokeFallback(props, error) {
 	});
 }
 function resolveNodeStrokesSafely(props, context) {
+	const cssWideSemantics = unsupportedStrokeCssWideKeywordSemantics(props);
 	try {
 		const strokes = resolveNodeStrokes(props, context);
 		if (!strokes.stroke && !strokes.edgeStrokes && hasAuthoredStrokeInput(props) && !isStrokeIntentionallyNone(props)) {
 			const semantic = unsupportedStrokeFallback(props, /* @__PURE__ */ new Error("No PPTX stroke could be produced from the authored stroke input."));
 			return {
 				...strokes,
-				unsupportedSemantics: semantic ? [semantic] : []
+				unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics
 			};
 		}
 		return {
 			...strokes,
-			unsupportedSemantics: []
+			unsupportedSemantics: cssWideSemantics
 		};
 	} catch (error) {
 		const semantic = unsupportedStrokeFallback(props, error);
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	}
 }
 function outlineStrokeSafely(props, context) {
 	if (!hasAuthoredOutlineInput(props)) return { unsupportedSemantics: [] };
+	const cssWideSemantics = unsupportedOutlineCssWideKeywordSemantics(props);
 	try {
 		const outlineInput = parseOutlineShorthand(props.outline);
 		const outline = toStroke(props.outlineColor ?? outlineInput.outlineColor, props.outlineWidth ?? outlineInput.outlineWidth, props.outlineStyle ?? outlineInput.outlineStyle, outlineInput.outlineDashType, parseStrokeLineCap(props.strokeLinecap), parseStrokeLineJoin(props.strokeLinejoin), void 0, context);
 		if (outline) return {
 			outline,
-			unsupportedSemantics: []
+			unsupportedSemantics: cssWideSemantics
 		};
 		const input = outlineFallbackInput(props);
 		const semantic = unsupportedSemantic({
@@ -8771,7 +10204,7 @@ function outlineStrokeSafely(props, context) {
 				missing: ["pptxOutline"]
 			}
 		});
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	} catch (error) {
 		const input = outlineFallbackInput(props);
 		const semantic = unsupportedSemantic({
@@ -8785,7 +10218,7 @@ function outlineStrokeSafely(props, context) {
 				missing: ["pptxOutline"]
 			}
 		});
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	}
 }
 function unsupportedTransformSemantics(props) {
@@ -9018,6 +10451,17 @@ function unsupportedSemanticsForGraphNode(node, resolvedStyles) {
 					}).unsupportedSemantics
 				];
 			}
+			case "video": {
+				const props = normalizeVideoProps(videoStyleFor(node, resolvedStyles));
+				return [
+					...unsupportedTransformSemantics(props),
+					...unsupportedCompositingSemantics(props),
+					...parseShadowSafely({
+						property: "boxShadow",
+						value: props.boxShadow
+					}).unsupportedSemantics
+				];
+			}
 			case "shape": {
 				const props = normalizeShapeProps({ ...shapeStyleFor(node, resolvedStyles, node.shape) });
 				const strokes = resolveNodeStrokesSafely(props);
@@ -9097,7 +10541,7 @@ function collectPptxUnsupportedProjectionModelDiagnostics(projection, options =
 		const slideItems = [];
 		walkElements(slide.payload.drawing.children, (element) => {
 			for (const semantic of element.unsupportedSemantics ?? []) {
-				if (!options.includeAllUnsupportedSemantics && semantic.feature !== "border" && semantic.feature !== "clipping" && semantic.feature !== "filter" && semantic.feature !== "blend" && semantic.feature !== "isolation" && semantic.feature !== "outline" && semantic.feature !== "stroke" && !(semantic.feature === "opacity" && semantic.property === "stackingContext") && !(semantic.feature === "transform" && semantic.property === "stackingContext")) continue;
+				if (!options.includeAllUnsupportedSemantics && semantic.feature !== "border" && semantic.feature !== "clipping" && semantic.feature !== "filter" && semantic.feature !== "blend" && semantic.feature !== "isolation" && semantic.feature !== "outline" && semantic.feature !== "stroke" && semantic.fallback?.strategy !== "synthesizeFallbackFrame" && !(semantic.feature === "opacity" && semantic.property === "stackingContext") && !(semantic.feature === "transform" && semantic.property === "stackingContext")) continue;
 				const graphNodeId = element.origin.graphNodeIds?.[0];
 				slideItems.push(diagnostic({
 					severity: "warning",
@@ -9137,6 +10581,10 @@ const DEFAULT_OBJECT_POSITION = {
 	x: .5,
 	y: .5
 };
+const DEFAULT_VIDEO_POSTER_SOURCE = {
+	kind: "data",
+	data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="
+};
 const DEFAULT_TEXT_FIT = "none";
 const DEFAULT_TEXT_DIRECTION = "horz";
 const DEFAULT_TEXT_VERTICAL_ALIGN = "top";
@@ -9239,6 +10687,9 @@ function parseObjectPositionValue(objectPosition, frame) {
 		y: axisValue(yToken, frame.heightEmu)
 	};
 }
+function resolveCornerRadiusEmu(value, frame, context) {
+	return parseLength(value, Math.min(frame.widthEmu, frame.heightEmu), 0, context);
+}
 function textStyleFromProps(props, textLengthContext) {
 	const list = resolveListStyle(props, textLengthContext);
 	const lineHeight = resolveLineHeight(props.lineHeight, textLengthContext);
@@ -9262,11 +10713,11 @@ function textStyleFromProps(props, textLengthContext) {
 		paddingPt: parseSpacingInPoints(props.padding, textLengthContext),
 		lineSpacing: props.lineSpacing ?? lineHeight.lineSpacing,
 		lineSpacingMultiple: props.lineSpacingMultiple ?? lineHeight.lineSpacingMultiple,
-		paragraphSpacingBefore: props.paragraphSpacingBefore,
-		paragraphSpacingAfter: props.paragraphSpacingAfter,
+		paragraphSpacingBefore: props.paragraphSpacingBefore === void 0 ? void 0 : parsePointValue(props.paragraphSpacingBefore, 0, textLengthContext),
+		paragraphSpacingAfter: props.paragraphSpacingAfter === void 0 ? void 0 : parsePointValue(props.paragraphSpacingAfter, 0, textLengthContext),
 		...props.textIndent === void 0 ? {} : { textIndentPt: parsePointValue(props.textIndent, 0, textLengthContext) },
 		...tabStops ? { tabStops } : {},
-		charSpacing: props.charSpacing,
+		charSpacing: resolveCharacterSpacing(props.charSpacing, textLengthContext),
 		...list ? { list } : {},
 		fit: props.fit ?? DEFAULT_TEXT_FIT,
 		wrap: props.wrap ?? DEFAULT_TEXT_WRAP,
@@ -9531,7 +10982,7 @@ function compileContainer(graph, resolvedStyles, node, templates, packagePartIdV
 		...outlineResult.outline ? { outline: outlineResult.outline } : {},
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, context),
+		radiusEmu: resolveCornerRadiusEmu(props.borderRadius, frame, context),
 		children: compileChildren(graph, resolvedStyles, node.children, templates, packagePartIdValue, frame, indexPath, context)
 	};
 }
@@ -9610,7 +11061,7 @@ function compileText(graph, resolvedStyles, node, templates, packagePartIdValue,
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, textLengthContext)
+		radiusEmu: resolveCornerRadiusEmu(props.borderRadius, frame, textLengthContext)
 	};
 }
 function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue, parentFrame, indexPath, context) {
@@ -9623,6 +11074,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 	}, context);
 	if (props.display === "none") return;
 	const frame = frameToFrameIR$1(frameFromProps(props, parentFrame, void 0, context));
+	const fit = normalizeProjectedImageFit(props.fit);
 	const shadowResult = parseShadowSafely({
 		property: "boxShadow",
 		value: props.boxShadow
@@ -9642,6 +11094,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 			...unsupportedTransformSemantics(props),
 			...unsupportedCompositingSemantics(props),
 			...unsupportedOpacityStackingContextSemantics(props),
+			...unsupportedObjectFitSemantics(props.fit),
 			...shadowResult.unsupportedSemantics
 		]
 	});
@@ -9651,7 +11104,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 		mediaPartId: mediaPartIdForElement(base.id),
 		sourceFrame: frame,
 		source: assetSource(asset),
-		fit: props.fit ?? "contain",
+		fit,
 		objectPosition: parseObjectPositionValue(props.objectPosition, frame),
 		...parseImageCrop(props.crop) ? { crop: parseImageCrop(props.crop) } : {},
 		transparency: props.transparency,
@@ -9728,7 +11181,7 @@ function compileShape(node, resolvedStyles, templates, packagePartIdValue, paren
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.radius, 0, 0, context)
+		radiusEmu: resolveCornerRadiusEmu(props.radius, frame, context)
 	};
 }
 function compileElement(input) {
@@ -9738,6 +11191,7 @@ function compileElement(input) {
 		case "container": return compileContainer(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "text": return compileText(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "image": return compileImage(input.graph, input.resolvedStyles, node, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
+		case "video": return;
 		case "shape": return compileShape(node, input.resolvedStyles, input.templates, input.packagePartId, input.parentFrame, input.indexPath, input.context);
 		case "document":
 		case "slide":
@@ -9896,6 +11350,23 @@ function mapProjectedLayoutNodeToElement(input) {
 			shadow: input.node.shadow,
 			hyperlink: input.node.hyperlink
 		};
+		case "video": {
+			const posterSource = input.node.posterSource ?? DEFAULT_VIDEO_POSTER_SOURCE;
+			return {
+				...base,
+				kind: "video",
+				mediaPartId: mediaPartIdForElement(base.id),
+				posterMediaPartId: packageIdentity("media", `${base.id}:poster`),
+				sourceFrame: input.node.sourceFrame,
+				source: input.node.source,
+				posterSource,
+				fit: input.node.fit,
+				objectPosition: input.node.objectPosition ?? DEFAULT_OBJECT_POSITION,
+				transparency: input.node.transparency,
+				rounding: input.node.rounding,
+				shadow: input.node.shadow
+			};
+		}
 		case "shape": {
 			const backgroundLayers = projectBackgroundLayers({
 				layers: input.node.backgroundLayers,
@@ -10784,6 +12255,17 @@ function defaultPptxSupportParts(input) {
 				editable: true,
 				settings: {}
 			}
+		},
+		tableStylesPart: {
+			id: packageIdentity("support", "table-styles"),
+			category: "support",
+			kind: "table-styles",
+			path: "ppt/tableStyles.xml",
+			payload: {
+				kind: "table-styles",
+				editable: true,
+				defaultStyleId: "{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}"
+			}
 		}
 	};
 }
@@ -10824,7 +12306,7 @@ function projectGraphToPptxPackageInternal(input) {
 		widthEmu: size.widthEmu,
 		heightEmu: size.heightEmu
 	};
-	const projectedSlidesWithMedia = withCanonicalImageMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
+	const projectedSlidesWithMedia = withCanonicalMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
 		const slide = input.graph.nodes.get(slideId);
 		if (slide?.kind !== "slide") return [];
 		const layoutSlide = projectedLayout?.slides[slideIndex];
@@ -10880,6 +12362,7 @@ function projectGraphToPptxPackageInternal(input) {
 		extendedDocumentPropertiesPart: supportParts.extendedDocumentPropertiesPart,
 		viewPropertiesPart: supportParts.viewPropertiesPart,
 		presentationPropertiesPart: supportParts.presentationPropertiesPart,
+		tableStylesPart: supportParts.tableStylesPart,
 		slides,
 		mediaParts,
 		serializedId
@@ -10898,6 +12381,7 @@ function projectGraphToPptxPackageInternal(input) {
 		manifest.extendedDocumentPropertiesPart,
 		manifest.viewPropertiesPart,
 		manifest.presentationPropertiesPart,
+		manifest.tableStylesPart,
 		...slides,
 		...slideRelationshipParts,
 		...mediaParts
@@ -10976,7 +12460,7 @@ async function loadNodeOutputRuntime() {
 	const status = nodeOutputRuntimeStatus();
 	if (!status.ok) return status;
 	try {
-		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-BXQOTLKj.mjs");
+		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-L2bV2_8g.mjs");
 		return {
 			ok: true,
 			createByteSink: createNodeOutputByteSink,
@@ -11098,10 +12582,11 @@ function assetProbeInvalidFields(result) {
 	if (result.byteLength !== void 0 && (!isFiniteNumber(result.byteLength) || result.byteLength < 0)) invalidFields.push("byteLength");
 	return invalidFields;
 }
-function missingRequiredAssetProbeFields(probe) {
+function missingRequiredAssetProbeFields(input) {
+	if (input.assetKind === "video") return [];
 	const missingFields = [];
-	if (probe?.width === void 0) missingFields.push("width");
-	if (probe?.height === void 0) missingFields.push("height");
+	if (input.probe?.width === void 0) missingFields.push("width");
+	if (input.probe?.height === void 0) missingFields.push("height");
 	return missingFields;
 }
 function normalizedAssetProbeResult(input) {
@@ -11495,7 +12980,10 @@ async function resolveAssetArtifacts(input) {
 			}
 			resolverScope = BUILTIN_ASSET_RESOLVER_SCOPE;
 		}
-		const missingRequiredFields = missingRequiredAssetProbeFields(probe);
+		const missingRequiredFields = missingRequiredAssetProbeFields({
+			probe,
+			assetKind: asset.kind
+		});
 		if (missingRequiredFields.length > 0) diagnostics.push(missingRequiredAssetProbeDiagnostics({
 			source,
 			resolverScope,
@@ -11720,21 +13208,11 @@ async function prepareRenderOutputSink(adapter) {
 		path: output,
 		runtime: outputRuntime
 	};
-	try {
-		return {
-			requested: true,
-			mode: "sink",
-			path: output,
-			sink: outputRuntime.createByteSink({ output })
-		};
-	} catch (error) {
-		return {
-			requested: true,
-			mode: "sinkCreationFailed",
-			path: output,
-			error
-		};
-	}
+	return {
+		requested: true,
+		mode: "deferredWrite",
+		path: output
+	};
 }
 async function writeRenderedArtifact(input) {
 	if (!input.preparedOutput.requested) return {