@liustack/pagepress 0.9.0 → 1.0.0

package/README.md

@@ -1,15 +1,13 @@
 # PagePress
 
-A CLI toolkit for AI agents to render local Markdown and HTML files into high-quality PDF documents.
+A CLI toolkit for AI agents to render local HTML files into high-quality PDF documents.
 
 中文说明请见：[README.zh-CN.md](README.zh-CN.md)
 
 ## Features
 
 - PDF-only command surface (`pagepress`)
-- Local file input only (`.md` / `.html`)
-- Built-in Markdown templates: `default`, `github`, `magazine`
-- Built-in Mermaid rendering for Markdown code blocks
+- Local HTML file input only (`.html`)
 - Deterministic output via Playwright + Chromium print engine
 
 ## Installation
@@ -28,24 +26,14 @@ npx @liustack/pagepress [options]
 ## Usage
 
 ```bash
-# Markdown to PDF
-pagepress -i document.md -o output.pdf --template default
-
 # Local HTML to PDF
 pagepress -i page.html -o output.pdf
 ```
 
-## Templates
-
-- `default` - Clean minimalist style
-- `github` - GitHub style
-- `magazine` - magazine layout
-
 ## Options
 
-- `-i, --input <path>` input Markdown or HTML file path
+- `-i, --input <path>` input HTML file path
 - `-o, --output <path>` output PDF file path
-- `-t, --template <name>` template for Markdown input (default: `default`)
 - `--wait-until <state>` `load | domcontentloaded | networkidle`
 - `--timeout <ms>` timeout in milliseconds
 - `--safe` disable external network requests and JavaScript execution

package/README.zh-CN.md

@@ -1,13 +1,11 @@
 # PagePress
 
-面向 AI Agent 的 PDF 渲染 CLI，可将本地 Markdown 和 HTML 文件输出为高质量 PDF。
+面向 AI Agent 的 PDF 渲染 CLI，可将本地 HTML 文件输出为高质量 PDF。
 
 ## 特性
 
 - 专注 PDF 输出（仅 `pagepress`）
-- 仅支持本地文件输入（`.md` / `.html`）
-- 内置 Markdown 模板：`default`、`github`、`magazine`
-- 支持 Mermaid 代码块渲染
+- 仅支持本地 HTML 文件输入（`.html`）
 - 基于 Playwright + Chromium 的稳定打印引擎
 
 ## 安装
@@ -26,24 +24,14 @@ npx @liustack/pagepress [options]
 ## 用法
 
 ```bash
-# Markdown 转 PDF
-pagepress -i document.md -o output.pdf --template default
-
 # 本地 HTML 转 PDF
 pagepress -i page.html -o output.pdf
 ```
 
-## 模板
-
-- `default` - 简洁风格
-- `github` - GitHub 风格
-- `magazine` - 杂志排版
-
 ## 参数
 
-- `-i, --input <path>` 输入 Markdown 或 HTML 路径
+- `-i, --input <path>` 输入 HTML 路径
 - `-o, --output <path>` 输出 PDF 路径
-- `-t, --template <name>` Markdown 模板（默认 `default`）
 - `--wait-until <state>` `load | domcontentloaded | networkidle`
 - `--timeout <ms>` 超时时间（毫秒）
 - `--safe` 禁用外部网络请求和 JavaScript 执行

package/dist/main.js

@@ -4,75 +4,8 @@ import { chromium } from "playwright";
 import * as fs from "fs";
 import * as path from "path";
 import { fileURLToPath, pathToFileURL } from "url";
-import { createRequire } from "module";
-import { Renderer, marked } from "marked";
-import matter from "gray-matter";
-import hljs from "highlight.js";
-const pdfTemplates = {
-  default: {
-    name: "default",
-    description: "Clean minimalist design",
-    file: "default.html"
-  },
-  github: {
-    name: "github",
-    description: "GitHub-flavored markdown style",
-    file: "github.html"
-  },
-  magazine: {
-    name: "magazine",
-    description: "VOGUE/WIRED premium magazine style",
-    file: "magazine.html"
-  }
-};
-function getTemplate(name) {
-  const template = pdfTemplates[name];
-  if (!template) {
-    throw new Error(`Unknown PDF template: ${name}. Available: ${Object.keys(pdfTemplates).join(", ")}`);
-  }
-  return template;
-}
-const require$2 = createRequire(import.meta.url);
-const MAGAZINE_FONTS = [
-  "@fontsource/bebas-neue/400.css",
-  "@fontsource/cormorant-garamond/400.css",
-  "@fontsource/cormorant-garamond/400-italic.css",
-  "@fontsource/cormorant-garamond/600.css",
-  "@fontsource/inter/300.css",
-  "@fontsource/inter/400.css",
-  "@fontsource/inter/500.css"
-];
-function getFontCSS(template) {
-  if (template !== "magazine") {
-    return "";
-  }
-  const cssChunks = [];
-  for (const fontPath of MAGAZINE_FONTS) {
-    try {
-      const cssFilePath = require$2.resolve(fontPath);
-      let css = fs.readFileSync(cssFilePath, "utf-8");
-      const cssDir = path.dirname(cssFilePath);
-      css = css.replace(/url\(\.\/files\/([^)]+)\)/g, (match, filename) => {
-        const fontFilePath = path.join(cssDir, "files", filename);
-        if (fs.existsSync(fontFilePath)) {
-          const fontData = fs.readFileSync(fontFilePath);
-          const base64 = fontData.toString("base64");
-          const ext = path.extname(filename).slice(1);
-          const mimeType = ext === "woff2" ? "font/woff2" : `font/${ext}`;
-          return `url(data:${mimeType};base64,${base64})`;
-        }
-        return match;
-      });
-      cssChunks.push(css);
-    } catch (e) {
-      console.warn(`Warning: Could not load font ${fontPath}:`, e);
-    }
-  }
-  return cssChunks.join("\n");
-}
 const __filename$1 = fileURLToPath(import.meta.url);
-const __dirname$1 = path.dirname(__filename$1);
-const require$1 = createRequire(import.meta.url);
+path.dirname(__filename$1);
 const WAIT_UNTIL_STATES = /* @__PURE__ */ new Set(["load", "domcontentloaded", "networkidle"]);
 function normalizeWaitUntil(value) {
   if (!value) return "networkidle";
@@ -88,92 +21,18 @@ function normalizeTimeout(value) {
   }
   return value;
 }
-function findTemplatesDir() {
-  const candidates = [
-    // When running from project root (dev/installed)
-    path.resolve(process.cwd(), "src/templates"),
-    // Relative to dist/main.js
-    path.resolve(__dirname$1, "..", "src", "templates"),
-    // Relative to source file location
-    path.resolve(__dirname$1, "templates")
-  ];
-  for (const dir of candidates) {
-    if (fs.existsSync(dir)) return dir;
-  }
-  throw new Error(`Templates directory not found. Searched: ${candidates.join(", ")}`);
-}
 async function render(options) {
-  const template = getTemplate(options.template ?? "default");
   const safeMode = options.safe ?? false;
   const waitUntil = normalizeWaitUntil(options.waitUntil);
   const timeout = normalizeTimeout(options.timeout);
-  const templatesDir = findTemplatesDir();
-  const templatePath = path.join(templatesDir, template.file);
-  if (!fs.existsSync(templatePath)) {
-    throw new Error(`Template not found: ${templatePath}`);
-  }
-  const inputPath = path.resolve(options.input);
-  let htmlContent;
-  let hasMermaid = false;
   if (options.input.startsWith("http://") || options.input.startsWith("https://")) {
-    throw new Error("Remote URL inputs are not supported. Please provide a local Markdown or HTML file path.");
-  } else if (options.input.endsWith(".md")) {
-    const raw = fs.readFileSync(inputPath, "utf-8");
-    const { data: frontmatter, content } = matter(raw);
-    hasMermaid = /```mermaid/i.test(content);
-    const renderer = new Renderer();
-    renderer.code = function({ text, lang }) {
-      if (lang === "mermaid") {
-        return `<pre class="mermaid">${text}</pre>`;
-      }
-      const highlighted = lang && hljs.getLanguage(lang) ? hljs.highlight(text, { language: lang }).value : hljs.highlightAuto(text).value;
-      const langClass = lang ? `hljs language-${lang}` : "hljs";
-      return `<pre><code class="${langClass}">${highlighted}</code></pre>`;
-    };
-    marked.use({ renderer });
-    const bodyHtml = await marked.parse(content);
-    const title = frontmatter.title || "Document";
-    const isDarkTheme = template.name === "magazine";
-    const hljsLightStyles = `
-<style>
-/* highlight.js GitHub Light Theme */
-.hljs { color: #24292e; }
-.hljs-comment, .hljs-quote { color: #6a737d; font-style: italic; }
-.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-type { color: #d73a49; font-weight: 600; }
-.hljs-string, .hljs-attr, .hljs-symbol, .hljs-bullet, .hljs-addition { color: #032f62; }
-.hljs-number { color: #005cc5; }
-.hljs-title, .hljs-section, .hljs-function .hljs-title { color: #6f42c1; }
-.hljs-built_in, .hljs-name { color: #005cc5; }
-.hljs-class .hljs-title { color: #e36209; }
-.hljs-meta { color: #6f42c1; }
-.hljs-variable, .hljs-template-variable { color: #e36209; }
-.hljs-params { color: #24292e; }
-</style>
-`;
-    const hljsDarkStyles = `
-<style>
-/* highlight.js Dark Theme for Magazine */
-.hljs { color: #e8e8e8; }
-.hljs-comment, .hljs-quote { color: #6b7280; font-style: italic; }
-.hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-type { color: #f0abfc; }
-.hljs-string, .hljs-attr, .hljs-symbol, .hljs-bullet, .hljs-addition { color: #86efac; }
-.hljs-number { color: #fcd34d; }
-.hljs-title, .hljs-section, .hljs-function .hljs-title { color: #93c5fd; }
-.hljs-built_in, .hljs-name { color: #93c5fd; }
-.hljs-class .hljs-title { color: #67e8f9; }
-.hljs-meta { color: #f0abfc; }
-.hljs-variable, .hljs-template-variable { color: #fcd34d; }
-.hljs-params { color: #e8e8e8; }
-</style>
-`;
-    const hljsStyles = isDarkTheme ? hljsDarkStyles : hljsLightStyles;
-    let templateHtml = fs.readFileSync(templatePath, "utf-8");
-    htmlContent = templateHtml.replace(/\{\{title\}\}/g, title).replace(/\{\{body\}\}/g, bodyHtml).replace(/\{\{styles\}\}/g, hljsStyles);
-  } else if (options.input.endsWith(".html")) {
-    htmlContent = fs.readFileSync(inputPath, "utf-8");
-  } else {
-    throw new Error(`Unsupported input format: ${options.input}`);
+    throw new Error("Remote URL inputs are not supported. Please provide a local HTML file path.");
+  }
+  if (!options.input.endsWith(".html")) {
+    throw new Error(`Unsupported input format: ${options.input}. Only HTML (.html) files are supported.`);
   }
+  const inputPath = path.resolve(options.input);
+  const htmlContent = fs.readFileSync(inputPath, "utf-8");
   let browser = null;
   try {
     browser = await chromium.launch({ headless: true });
@@ -190,112 +49,6 @@ async function render(options) {
     const page = await context.newPage();
     await page.goto(pathToFileURL(inputPath).href, { waitUntil: "domcontentloaded", timeout });
     await page.setContent(htmlContent, { waitUntil, timeout });
-    const fontCSS = getFontCSS(template.name);
-    if (fontCSS) {
-      await page.addStyleTag({ content: fontCSS });
-    }
-    if (hasMermaid && !safeMode) {
-      const mermaidPath = require$1.resolve("mermaid/dist/mermaid.min.js");
-      await page.addScriptTag({ path: mermaidPath });
-      const templateName = template.name;
-      await page.evaluate((tpl) => {
-        const defaultTheme = {
-          primaryColor: "#f5f5f7",
-          primaryTextColor: "#1d1d1f",
-          primaryBorderColor: "#d2d2d7",
-          lineColor: "#86868b",
-          secondaryColor: "#f5f5f7",
-          tertiaryColor: "#ffffff",
-          background: "#ffffff",
-          mainBkg: "#f5f5f7",
-          nodeBorder: "#d2d2d7",
-          nodeTextColor: "#1d1d1f",
-          clusterBkg: "rgba(0, 0, 0, 0.02)",
-          clusterBorder: "rgba(0, 0, 0, 0.1)",
-          titleColor: "#1d1d1f"
-        };
-        const githubTheme = {
-          primaryColor: "#f6f8fa",
-          primaryTextColor: "#1f2328",
-          primaryBorderColor: "#d0d7de",
-          lineColor: "#656d76",
-          secondaryColor: "#f6f8fa",
-          tertiaryColor: "#ffffff",
-          background: "#ffffff",
-          mainBkg: "#f6f8fa",
-          nodeBorder: "#d0d7de",
-          nodeTextColor: "#1f2328",
-          clusterBkg: "rgba(208, 215, 222, 0.2)",
-          clusterBorder: "#d0d7de",
-          titleColor: "#1f2328"
-        };
-        const magazineTheme = {
-          primaryColor: "#2a2a2a",
-          primaryTextColor: "#ffffff",
-          primaryBorderColor: "#c41e3a",
-          lineColor: "#666666",
-          secondaryColor: "#1a1a1a",
-          tertiaryColor: "#0f0f0f",
-          background: "#0f0f0f",
-          mainBkg: "#2a2a2a",
-          nodeBorder: "#c41e3a",
-          nodeTextColor: "#ffffff",
-          clusterBkg: "rgba(196, 30, 58, 0.1)",
-          clusterBorder: "rgba(196, 30, 58, 0.4)",
-          titleColor: "#ffffff"
-        };
-        const themes = {
-          default: defaultTheme,
-          github: githubTheme,
-          magazine: magazineTheme
-        };
-        const activeTheme = themes[tpl] || defaultTheme;
-        window.mermaid.initialize({
-          startOnLoad: false,
-          theme: "base",
-          themeVariables: {
-            ...activeTheme,
-            fontFamily: '"SF Mono", "Fira Code", Menlo, monospace',
-            fontSize: "13px"
-          },
-          flowchart: {
-            curve: "basis",
-            nodeSpacing: 40,
-            rankSpacing: 50,
-            htmlLabels: true,
-            useMaxWidth: true,
-            subGraphTitleMargin: { top: 15, bottom: 15 },
-            padding: 20
-          }
-        });
-      }, templateName);
-      await page.evaluate(() => {
-        return window.mermaid.run();
-      });
-      await page.waitForSelector(".mermaid svg", { timeout: 5e3 });
-      await page.waitForTimeout(300);
-      await page.evaluate(() => {
-        document.querySelectorAll(".node rect").forEach((rect) => {
-          rect.setAttribute("rx", "12");
-          rect.setAttribute("ry", "12");
-        });
-        document.querySelectorAll(".cluster rect").forEach((rect) => {
-          rect.setAttribute("rx", "16");
-          rect.setAttribute("ry", "16");
-        });
-        document.querySelectorAll(".cluster-label").forEach((label) => {
-          const transform = label.getAttribute("transform");
-          if (transform) {
-            const match = transform.match(/translate\(([\d.]+),\s*([\d.]+)\)/);
-            if (match) {
-              const x = parseFloat(match[1]);
-              const y = parseFloat(match[2]) + 8;
-              label.setAttribute("transform", `translate(${x}, ${y})`);
-            }
-          }
-        });
-      });
-    }
     await page.waitForTimeout(200);
     const outputPath = path.resolve(options.output);
     await page.pdf({
@@ -307,7 +60,6 @@ async function render(options) {
     return {
       pdfPath: outputPath,
       meta: {
-        template: template.name,
         generatedAt: (/* @__PURE__ */ new Date()).toISOString()
       }
     };
@@ -318,7 +70,7 @@ async function render(options) {
   }
 }
 const program = new Command();
-program.name("pagepress").description("Render local Markdown and HTML files to PDF").version("0.9.0").requiredOption("-i, --input <path>", "Input Markdown or HTML file path").requiredOption("-o, --output <path>", "Output PDF file path").option("-t, --template <name>", "PDF template (default, github, magazine)", "default").option("--wait-until <state>", "Navigation waitUntil (load, domcontentloaded, networkidle)", "networkidle").option("--timeout <ms>", "Navigation timeout in milliseconds", "30000").option("--safe", "Disable external network requests and JavaScript execution").action(async (options) => {
+program.name("pagepress").description("Render local HTML files to PDF").version("1.0.0").requiredOption("-i, --input <path>", "Input HTML file path").requiredOption("-o, --output <path>", "Output PDF file path").option("--wait-until <state>", "Navigation waitUntil (load, domcontentloaded, networkidle)", "networkidle").option("--timeout <ms>", "Navigation timeout in milliseconds", "30000").option("--safe", "Disable external network requests and JavaScript execution").action(async (options) => {
   try {
     const timeout = Number.parseInt(options.timeout, 10);
     if (!Number.isFinite(timeout) || timeout < 0) {
@@ -327,7 +79,6 @@ program.name("pagepress").description("Render local Markdown and HTML files to P
     const result = await render({
       input: options.input,
       output: options.output,
-      template: options.template,
       waitUntil: options.waitUntil,
       timeout,
       safe: options.safe

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "@liustack/pagepress",
-  "version": "0.9.0",
-  "description": "CLI tool to render local Markdown and HTML files into PDF",
+  "version": "1.0.0",
+  "description": "CLI tool to render local HTML files into PDF",
   "type": "module",
   "bin": {
     "pagepress": "./dist/main.js"
   },
   "files": [
-    "dist",
-    "src/templates"
+    "dist"
   ],
   "keywords": [
     "pdf",
-    "markdown-to-pdf",
     "html-to-pdf",
     "pdf-report",
     "cli",
-    "playwright",
-    "mermaid"
+    "playwright"
   ],
   "author": "Leon Liu",
   "license": "MIT",
@@ -33,15 +30,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@fontsource/bebas-neue": "^5.2.7",
-    "@fontsource/cormorant-garamond": "^5.2.11",
-    "@fontsource/inter": "^5.2.8",
     "commander": "^13.1.0",
-    "gray-matter": "^4.0.3",
-    "highlight.js": "^11.11.1",
-    "marked": "^15.0.12",
-    "marked-highlight": "^2.2.3",
-    "mermaid": "^11.12.2",
     "playwright": "^1.58.1"
   },
   "devDependencies": {

package/src/templates/default.html

@@ -1,253 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>{{title}}</title>
-  <style>
-    /**
-     * Default Theme — Clean minimalist design
-     */
-
-    :root {
-      --text-primary: #1d1d1f;
-      --text-secondary: #6e6e73;
-      --text-tertiary: #86868b;
-      --bg-primary: #ffffff;
-      --border-color: #d2d2d7;
-      --border-light: #e5e5ea;
-      --accent: #0071e3;
-      --code-bg: #f5f5f7;
-      --code-block-bg: #f6f8fa;
-    }
-
-    * {
-      box-sizing: border-box;
-      margin: 0;
-      padding: 0;
-    }
-
-    body {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-        "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
-      font-size: 16px;
-      line-height: 1.75;
-      color: var(--text-primary);
-      background: var(--bg-primary);
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      -webkit-print-color-adjust: exact;
-      print-color-adjust: exact;
-    }
-
-    .container {
-      max-width: 900px;
-      margin: 0 auto;
-      padding: 64px 56px 120px;
-    }
-
-    /* Heading System */
-    h1, h2, h3, h4, h5, h6 {
-      font-weight: 600;
-      line-height: 1.25;
-      margin-top: 1.5em;
-      margin-bottom: 0.5em;
-    }
-
-    h1 {
-      font-size: 32px;
-      line-height: 1.15;
-      margin-top: 0;
-      margin-bottom: 20px;
-    }
-
-    h2 {
-      font-size: 24px;
-      margin-top: 40px;
-    }
-
-    h3 {
-      font-size: 18px;
-    }
-
-    h4 {
-      font-size: 16px;
-      color: var(--text-secondary);
-    }
-
-    /* Paragraph */
-    p {
-      margin-bottom: 1.25em;
-    }
-
-    strong {
-      font-weight: 600;
-    }
-
-    a {
-      color: var(--accent);
-      text-decoration: none;
-    }
-
-    a:hover {
-      text-decoration: underline;
-    }
-
-    /* Blockquote */
-    blockquote {
-      margin: 1.5em 0;
-      padding: 0 0 0 1em;
-      border-left: 3px solid var(--border-color);
-      color: var(--text-secondary);
-      font-style: italic;
-    }
-
-    blockquote p:last-child {
-      margin-bottom: 0;
-    }
-
-    /* Code */
-    code {
-      font-family: ui-monospace, Menlo, Consolas, monospace;
-      font-size: 0.875em;
-      padding: 0.15em 0.4em;
-      background: var(--code-bg);
-      border-radius: 4px;
-      color: var(--text-primary);
-    }
-
-    pre {
-      margin: 1.5em 0;
-      padding: 20px 24px;
-      background: var(--code-block-bg);
-      border: 1px solid var(--border-light);
-      border-radius: 8px;
-      overflow-x: auto;
-      font-family: ui-monospace, Menlo, Consolas, monospace;
-      font-size: 13px;
-      line-height: 1.6;
-      color: var(--text-primary);
-    }
-
-    pre code {
-      display: block;
-      padding: 0;
-      background: transparent;
-      color: inherit;
-      border-radius: 0;
-      font-size: inherit;
-      font-family: inherit;
-    }
-
-    /* Syntax highlighting — light theme */
-    pre .hljs { color: #24292e; }
-    pre .hljs-comment, pre .hljs-quote { color: #6a737d; font-style: italic; }
-    pre .hljs-keyword, pre .hljs-selector-tag, pre .hljs-literal, pre .hljs-type { color: #d73a49; font-weight: 600; }
-    pre .hljs-string, pre .hljs-attr, pre .hljs-symbol, pre .hljs-bullet, pre .hljs-addition { color: #032f62; }
-    pre .hljs-number { color: #005cc5; }
-    pre .hljs-title, pre .hljs-section { color: #6f42c1; }
-    pre .hljs-built_in, pre .hljs-name { color: #005cc5; }
-    pre .hljs-variable, pre .hljs-template-variable { color: #e36209; }
-    pre .hljs-meta { color: #6f42c1; }
-
-    /* codehilite compatibility */
-    pre .c, pre .ch, pre .cm, pre .c1, pre .cs { color: #6a737d; font-style: italic; }
-    pre .k, pre .kc, pre .kd, pre .kn, pre .kp, pre .kr, pre .kt { color: #d73a49; font-weight: 600; }
-    pre .s, pre .s1, pre .s2, pre .sa, pre .sb, pre .sc, pre .sd, pre .se, pre .sh, pre .si, pre .sr, pre .ss, pre .sx { color: #032f62; }
-    pre .nf, pre .fm { color: #6f42c1; }
-    pre .mi, pre .mf, pre .mh, pre .mo, pre .mb, pre .il { color: #005cc5; }
-    pre .bp { color: #005cc5; }
-
-    /* Table */
-    table {
-      width: 100%;
-      margin: 1.5em 0;
-      border-collapse: collapse;
-      font-size: 15px;
-    }
-
-    th, td {
-      padding: 10px 14px;
-      text-align: left;
-      border-bottom: 1px solid var(--border-light);
-    }
-
-    th {
-      font-weight: 600;
-      color: var(--text-primary);
-      border-bottom-color: var(--border-color);
-    }
-
-    tr:last-child td {
-      border-bottom: none;
-    }
-
-    /* Lists */
-    ul, ol {
-      margin: 1em 0;
-      padding-left: 1.5em;
-    }
-
-    li {
-      margin: 0.4em 0;
-      line-height: 1.75;
-    }
-
-    li::marker {
-      color: var(--text-secondary);
-    }
-
-    /* Images */
-    img {
-      max-width: 100%;
-      height: auto;
-      display: block;
-      margin: 1.5em auto;
-      border-radius: 8px;
-    }
-
-    /* Divider */
-    hr {
-      border: none;
-      height: 1px;
-      background: var(--border-color);
-      margin: 2em 0;
-    }
-
-    /* Print */
-    @page {
-      size: A4;
-      margin: 24mm 20mm;
-    }
-
-    @media print {
-      .container {
-        padding: 0;
-        max-width: none;
-      }
-
-      h1 { font-size: 24px; }
-      h2 { font-size: 18px; }
-
-      pre {
-        background: var(--code-block-bg) !important;
-        color: var(--text-primary) !important;
-        border: 1px solid var(--border-light);
-        -webkit-print-color-adjust: exact;
-        print-color-adjust: exact;
-      }
-
-      pre code { color: inherit !important; }
-    }
-  </style>
-  {{styles}}
-</head>
-
-<body>
-  <article class="container">
-    {{body}}
-  </article>
-</body>
-
-</html>