diff --git a/README.md b/README.md
index f872528..9de4064 100644
--- a/README.md
+++ b/README.md
@@ -90,18 +90,20 @@ renderTemplate(page, { title: 'Hello' }, { slots: { extra: '<p>More</p>' } });
 
 The email preset calls these. They stay public so a part, or a caller, can use them directly.
 
-| Function                                            | Role                                                                 |
-| --------------------------------------------------- | -------------------------------------------------------------------- |
-| `head({ title?, preview? })`                        | `<head>` with charset, viewport, `<title>`, and a hidden preview div |
-| `main({ heading?, bodyText?, ctaLabel?, ctaUrl? })` | `<main>` with an `<h1>`, a paragraph, and an optional button         |
-| `footer({ companyName?, unsubscribeUrl? })`         | `<footer>` with the company name and an optional unsubscribe link    |
-| `body({ mainHtml?, footerHtml? })`                  | `<body>` around the main and footer fragments                        |
-| `content({ content? })`                             | A `<div>` around raw HTML. The email shell does not call it          |
-| `document({ headHtml?, mainHtml?, footerHtml? })`   | Doctype, `<html lang="en">`, head, and body                          |
+| Function                                                        | Role                                                                             |
+| --------------------------------------------------------------- | -------------------------------------------------------------------------------- |
+| `head({ title?, preview?, styles?, extraHead? })`               | `<head>` with inbox meta, `<title>`, optional preheader, styles, extra HTML      |
+| `main({ heading?, bodyText?, ctaLabel?, ctaUrl?, innerHtml? })` | `<main>` with an `<h1>`, a paragraph, and an optional button, or raw `innerHtml` |
+| `footer({ companyName?, unsubscribeUrl? })`                     | `<footer>` with the company name and an optional unsubscribe link                |
+| `body({ preheaderHtml?, mainHtml?, footerHtml? })`              | `<body>` around an optional preheader, main, and footer                          |
+| `content({ content? })`                                         | A `<div>` around raw HTML. The email shell does not call it                      |
+| `document({ headHtml?, mainHtml?, footerHtml? })`               | Doctype, `<html lang="en">`, head, and body                                      |
 
 Omitted strings render empty. The button is present only when both `ctaLabel` and `ctaUrl` are set. The unsubscribe link is present only when `unsubscribeUrl` is set.
 
-`bodyText`, `content`, and slot strings may contain inline HTML. Callers own that markup.
+`bodyText`, `content`, and slot strings may contain inline HTML. Callers own that markup. `escapeHtml` is exported for text and attribute positions; the shell does not call it.
+
+Subpath exports: `@llazyemail/template-runtime-display/escape`, `/head`, `/body`, and `/main`.
 
 ## Scripts
 
diff --git a/deepseek/body.ts.ts b/deepseek/body.ts.ts
deleted file mode 100644
index 643f2d3..0000000
--- a/deepseek/body.ts.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export interface BodyProps {
-  /** Raw HTML for the top of `<body>` (e.g. hidden preheader). */
-  preheaderHtml?: string;
-  /** `<main>` fragment. */
-  mainHtml?: string;
-  /** `<footer>` fragment. */
-  footerHtml?: string;
-}
-
-export function body({
-  preheaderHtml = '',
-  mainHtml = '',
-  footerHtml = '',
-}: BodyProps = {}): string {
-  return `<body>
-    ${preheaderHtml}
-${mainHtml}
-${footerHtml}
-  </body>`;
-}
diff --git a/deepseek/head.ts.ts b/deepseek/head.ts.ts
deleted file mode 100644
index 22b26fe..0000000
--- a/deepseek/head.ts.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export interface HeadProps {
-  /** Text for `<title>`. Empty when omitted. */
-  title?: string;
-  /** Inbox preview text. Rendered as a hidden span at the top of `<head>`. */
-  preview?: string;
-  /** Raw CSS injected into a `<style>` block. Empty when omitted. */
-  styles?: string;
-  /** Raw HTML inserted verbatim at the end of `<head>`. Use for MSO comments, extra meta, etc. */
-  extraHead?: string;
-}
-
-export function head({ title, preview, styles, extraHead }: HeadProps = {}): string {
-  const previewHtml = preview ? `<span class="preheader">${preview}</span>` : '';
-  const stylesHtml = styles
-    ? `<style type="text/css" rel="stylesheet" media="all">${styles}\n    </style>`
-    : '';
-  return `<head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="x-apple-disable-message-reformatting" />
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="color-scheme" content="light dark" />
-    <meta name="supported-color-schemes" content="light dark" />
-    <title>${title ?? ''}</title>
-    ${previewHtml}
-    ${stylesHtml}
-    ${extraHead ?? ''}
-  </head>`;
-}
diff --git a/deepseek/index.ts.ts b/deepseek/index.ts.ts
deleted file mode 100644
index d91e36c..0000000
--- a/deepseek/index.ts.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { escapeHtml } from './escape.ts';
-export { head, type HeadProps } from './head.ts';
-export { body, type BodyProps } from './body.ts';
-export { main, type MainProps } from './main.ts';
diff --git a/deepseek/main.ts.ts b/deepseek/main.ts.ts
deleted file mode 100644
index e5e7f4a..0000000
--- a/deepseek/main.ts.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export interface MainProps {
-  /** Raw inner HTML of `<main>`. */
-  innerHtml?: string;
-}
-
-export function main({ innerHtml = '' }: MainProps = {}): string {
-  return `<main>
-${innerHtml}
-  </main>`;
-}
diff --git a/deepseek/package.json b/deepseek/package.json
deleted file mode 100644
index 755bb62..0000000
--- a/deepseek/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "template-runtime-display",
-  "version": "0.2.0",
-  "type": "module",
-  "main": "./src/index.ts",
-  "exports": {
-    ".": "./src/index.ts",
-    "./escape": "./src/escape.ts",
-    "./head": "./src/head.ts",
-    "./body": "./src/body.ts"
-  }
-}
diff --git a/package.json b/package.json
index c46088d..5fb6fe9 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,46 @@
         "types": "./dist/index.d.cts",
         "default": "./dist/index.cjs"
       }
+    },
+    "./escape": {
+      "import": {
+        "types": "./dist/escape.d.ts",
+        "default": "./dist/escape.js"
+      },
+      "require": {
+        "types": "./dist/escape.d.cts",
+        "default": "./dist/escape.cjs"
+      }
+    },
+    "./head": {
+      "import": {
+        "types": "./dist/head.d.ts",
+        "default": "./dist/head.js"
+      },
+      "require": {
+        "types": "./dist/head.d.cts",
+        "default": "./dist/head.cjs"
+      }
+    },
+    "./body": {
+      "import": {
+        "types": "./dist/body.d.ts",
+        "default": "./dist/body.js"
+      },
+      "require": {
+        "types": "./dist/body.d.cts",
+        "default": "./dist/body.cjs"
+      }
+    },
+    "./main": {
+      "import": {
+        "types": "./dist/main.d.ts",
+        "default": "./dist/main.js"
+      },
+      "require": {
+        "types": "./dist/main.d.cts",
+        "default": "./dist/main.cjs"
+      }
     }
   },
   "files": [
@@ -85,6 +125,7 @@
     "runtime",
     "debug",
     "llazyemail",
-    "esm"
+    "esm",
+    "escape"
   ]
 }
diff --git a/src/body.ts b/src/body.ts
index 90bca70..643f2d3 100644
--- a/src/body.ts
+++ b/src/body.ts
@@ -1,13 +1,20 @@
 export interface BodyProps {
+  /** Raw HTML for the top of `<body>` (e.g. hidden preheader). */
+  preheaderHtml?: string;
   /** `<main>` fragment. */
   mainHtml?: string;
   /** `<footer>` fragment. */
   footerHtml?: string;
 }
 
-export function body({ mainHtml = '', footerHtml = '' }: BodyProps = {}): string {
+export function body({
+  preheaderHtml = '',
+  mainHtml = '',
+  footerHtml = '',
+}: BodyProps = {}): string {
   return `<body>
+    ${preheaderHtml}
 ${mainHtml}
 ${footerHtml}
-</body>`;
+  </body>`;
 }
diff --git a/src/escape.test.ts b/src/escape.test.ts
new file mode 100644
index 0000000..72481b0
--- /dev/null
+++ b/src/escape.test.ts
@@ -0,0 +1,73 @@
+import { describe, expect, it } from 'vitest';
+import { body, escapeHtml, head, main } from './index';
+
+describe('escapeHtml', () => {
+  it('escapes text and attribute characters', () => {
+    expect(escapeHtml(`Tom & Jerry <script> "quote" 'tick'`)).toBe(
+      'Tom &amp; Jerry &lt;script&gt; &quot;quote&quot; &#39;tick&#39;',
+    );
+  });
+
+  it('leaves safe text unchanged', () => {
+    expect(escapeHtml('Weekly update')).toBe('Weekly update');
+    expect(escapeHtml('')).toBe('');
+  });
+
+  it('escapes ampersands before other entities', () => {
+    expect(escapeHtml('&lt;')).toBe('&amp;lt;');
+  });
+});
+
+describe('head updated shell', () => {
+  it('renders inbox meta, a preheader span, styles, and extra head html', () => {
+    const html = head({
+      title: 'Hi',
+      preview: 'peek',
+      styles: 'body{margin:0}',
+      extraHead: '<!--[if mso]><xml></xml><![endif]-->',
+    });
+    expect(html).toContain('name="x-apple-disable-message-reformatting"');
+    expect(html).toContain('name="color-scheme" content="light dark"');
+    expect(html).toContain('<title>Hi</title>');
+    expect(html).toContain('<span class="preheader">peek</span>');
+    expect(html).toContain('<style type="text/css" rel="stylesheet" media="all">body{margin:0}');
+    expect(html).toContain('<!--[if mso]><xml></xml><![endif]-->');
+  });
+
+  it('omits preview, styles, and extra head when they are absent', () => {
+    const html = head({ title: 'Only' });
+    expect(html).not.toContain('preheader');
+    expect(html).not.toContain('<style');
+    expect(html).toContain('<title>Only</title>');
+  });
+});
+
+describe('body preheader', () => {
+  it('places preheader html before main and footer', () => {
+    const html = body({
+      preheaderHtml: '<span class="preheader">peek</span>',
+      mainHtml: '<main></main>',
+      footerHtml: '<footer></footer>',
+    });
+    expect(html.indexOf('preheader')).toBeLessThan(html.indexOf('<main>'));
+    expect(html.indexOf('<main>')).toBeLessThan(html.indexOf('<footer>'));
+  });
+});
+
+describe('main innerHtml', () => {
+  it('renders raw inner html and skips structured fields', () => {
+    const html = main({
+      innerHtml: '<p>Raw</p>',
+      heading: 'Ignored',
+      ctaLabel: 'Go',
+      ctaUrl: 'https://x',
+    });
+    expect(html).toBe(`<main>\n<p>Raw</p>\n  </main>`);
+    expect(html).not.toContain('Ignored');
+    expect(html).not.toContain('<a href=');
+  });
+
+  it('still renders the structured shell when innerHtml is omitted', () => {
+    expect(main({ heading: 'H', bodyText: 'B' })).toContain('<h1>H</h1>');
+  });
+});
diff --git a/deepseek/escape.ts.ts b/src/escape.ts
similarity index 100%
rename from deepseek/escape.ts.ts
rename to src/escape.ts
diff --git a/src/head.ts b/src/head.ts
index 2c32e34..22b26fe 100644
--- a/src/head.ts
+++ b/src/head.ts
@@ -1,17 +1,28 @@
 export interface HeadProps {
   /** Text for `<title>`. Empty when omitted. */
   title?: string;
-  /** Inbox preview text. Rendered as a hidden div inside `<head>`. */
+  /** Inbox preview text. Rendered as a hidden span at the top of `<head>`. */
   preview?: string;
+  /** Raw CSS injected into a `<style>` block. Empty when omitted. */
+  styles?: string;
+  /** Raw HTML inserted verbatim at the end of `<head>`. Use for MSO comments, extra meta, etc. */
+  extraHead?: string;
 }
 
-export function head({ title, preview }: HeadProps = {}): string {
-  return `
-  <head>
-    <meta charset="utf-8" />
+export function head({ title, preview, styles, extraHead }: HeadProps = {}): string {
+  const previewHtml = preview ? `<span class="preheader">${preview}</span>` : '';
+  const stylesHtml = styles
+    ? `<style type="text/css" rel="stylesheet" media="all">${styles}\n    </style>`
+    : '';
+  return `<head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>${title || ''}</title>
-    <!-- preview text, hidden -->
-    <div style="display:none;max-height:0;overflow:hidden;">${preview || ''}</div>
+    <meta name="x-apple-disable-message-reformatting" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="supported-color-schemes" content="light dark" />
+    <title>${title ?? ''}</title>
+    ${previewHtml}
+    ${stylesHtml}
+    ${extraHead ?? ''}
   </head>`;
 }
diff --git a/src/index.test.ts b/src/index.test.ts
index 39efc28..77ad6e6 100644
--- a/src/index.test.ts
+++ b/src/index.test.ts
@@ -13,7 +13,7 @@ describe('head', () => {
   it('interpolates title and preview', () => {
     const html = head({ title: 'Hi', preview: 'peek' });
     expect(html).toContain('<title>Hi</title>');
-    expect(html).toContain('>peek</div>');
+    expect(html).toContain('<span class="preheader">peek</span>');
   });
 });
 
diff --git a/src/index.ts b/src/index.ts
index 9aedaa4..b797249 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -23,6 +23,8 @@ export { explain } from './runtime/explain';
 export { defineEmailTemplate, renderEmail } from './email';
 export type { EmailProps, EmailTemplate } from './email';
 
+export { escapeHtml } from './escape';
+
 export { head } from './head';
 export type { HeadProps } from './head';
 
diff --git a/src/main.ts b/src/main.ts
index b4b9372..a246c63 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,15 +1,21 @@
 export interface MainProps {
-  /** `<h1>` text. */
+  /** `<h1>` text. Ignored when `innerHtml` is set. */
   heading?: string;
-  /** Paragraph under the heading. May contain inline HTML. */
+  /** Paragraph under the heading. May contain inline HTML. Ignored when `innerHtml` is set. */
   bodyText?: string;
   /** Button label. The button is omitted unless `ctaUrl` is set too. */
   ctaLabel?: string;
   /** Button href. The button is omitted unless `ctaLabel` is set too. */
   ctaUrl?: string;
+  /** Raw inner HTML of `<main>`. When set, structured fields are not rendered. */
+  innerHtml?: string;
 }
 
-export function main({ heading, bodyText, ctaLabel, ctaUrl }: MainProps = {}): string {
+export function main({ heading, bodyText, ctaLabel, ctaUrl, innerHtml }: MainProps = {}): string {
+  if (innerHtml !== undefined) {
+    return `<main>\n${innerHtml}\n  </main>`;
+  }
+
   const cta =
     ctaLabel && ctaUrl
       ? `<a href="${ctaUrl}" style="display:inline-block;padding:12px 20px;background:#111;color:#fff;text-decoration:none;border-radius:4px;">${ctaLabel}</a>`
diff --git a/tsup.config.ts b/tsup.config.ts
index 0f57d3e..f06d680 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -1,22 +1,44 @@
 import { defineConfig } from 'tsup';
 
-export default defineConfig({
-  entry: {
-    index: 'src/index.ts',
-  },
-  format: ['esm', 'cjs', 'iife'],
-  globalName: 'TemplateRuntimeDisplay',
-  platform: 'neutral',
-  target: 'es2022',
+const shared = {
+  platform: 'neutral' as const,
+  target: 'es2022' as const,
   dts: true,
   splitting: false,
   sourcemap: true,
-  clean: true,
   minify: false,
   treeshake: true,
-  outExtension({ format }) {
-    return {
-      js: format === 'cjs' ? '.cjs' : format === 'iife' ? '.global.js' : '.js',
-    };
+};
+
+export default defineConfig([
+  {
+    ...shared,
+    entry: {
+      index: 'src/index.ts',
+    },
+    format: ['esm', 'cjs', 'iife'],
+    globalName: 'TemplateRuntimeDisplay',
+    clean: true,
+    outExtension({ format }) {
+      return {
+        js: format === 'cjs' ? '.cjs' : format === 'iife' ? '.global.js' : '.js',
+      };
+    },
+  },
+  {
+    ...shared,
+    entry: {
+      escape: 'src/escape.ts',
+      head: 'src/head.ts',
+      body: 'src/body.ts',
+      main: 'src/main.ts',
+    },
+    format: ['esm', 'cjs'],
+    clean: false,
+    outExtension({ format }) {
+      return {
+        js: format === 'cjs' ? '.cjs' : '.js',
+      };
+    },
   },
-});
+]);