@cuppacue/cli 0.1.0

package/dist/player/cuppacue-player.js

@@ -0,0 +1,3247 @@
+var Me = Object.defineProperty;
+var Ne = (t, e, a) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var f = (t, e, a) => Ne(t, typeof e != "symbol" ? e + "" : e, a);
+const ve = {
+  name: "default",
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  typography: {
+    title: { fontSize: "3.5rem", fontWeight: "700", lineHeight: "1.2" },
+    subtitle: { fontSize: "1.5rem", fontWeight: "400", lineHeight: "1.5" },
+    heading: { fontSize: "2.25rem", fontWeight: "600", lineHeight: "1.3" },
+    body: { fontSize: "1.25rem", fontWeight: "400", lineHeight: "1.5" },
+    caption: { fontSize: "1rem", fontWeight: "400", lineHeight: "1.5" }
+  }
+}, Ie = {
+  name: "elegant",
+  fonts: {
+    heading: "'Playfair Display', Georgia, serif",
+    body: "'Lato', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  typography: {
+    title: { fontSize: "4rem", fontWeight: "700", lineHeight: "1.1", letterSpacing: "-0.02em" },
+    subtitle: { fontSize: "1.4rem", fontWeight: "300", lineHeight: "1.6", letterSpacing: "0.02em" },
+    heading: { fontSize: "2.5rem", fontWeight: "600", lineHeight: "1.2", letterSpacing: "-0.01em" },
+    body: { fontSize: "1.2rem", fontWeight: "400", lineHeight: "1.8" },
+    caption: { fontSize: "0.95rem", fontWeight: "300", lineHeight: "1.5", letterSpacing: "0.03em" }
+  },
+  fontImports: [
+    "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap"
+  ]
+}, Le = {
+  name: "minimal",
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  typography: {
+    title: { fontSize: "3rem", fontWeight: "300", lineHeight: "1.3", letterSpacing: "0.02em" },
+    subtitle: { fontSize: "1.3rem", fontWeight: "300", lineHeight: "1.6", letterSpacing: "0.03em" },
+    heading: { fontSize: "2rem", fontWeight: "400", lineHeight: "1.4", letterSpacing: "0.01em" },
+    body: { fontSize: "1.1rem", fontWeight: "300", lineHeight: "1.8", letterSpacing: "0.01em" },
+    caption: { fontSize: "0.9rem", fontWeight: "300", lineHeight: "1.5", letterSpacing: "0.04em" }
+  }
+}, ze = {
+  name: "bold",
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  typography: {
+    title: { fontSize: "4rem", fontWeight: "800", lineHeight: "1.1", letterSpacing: "-0.03em" },
+    subtitle: { fontSize: "1.5rem", fontWeight: "500", lineHeight: "1.4" },
+    heading: { fontSize: "2.5rem", fontWeight: "700", lineHeight: "1.2", letterSpacing: "-0.02em" },
+    body: { fontSize: "1.3rem", fontWeight: "500", lineHeight: "1.6" },
+    caption: { fontSize: "1rem", fontWeight: "500", lineHeight: "1.4", textTransform: "uppercase", letterSpacing: "0.05em" }
+  }
+}, Pe = {
+  default: ve,
+  elegant: Ie,
+  minimal: Le,
+  bold: ze
+};
+function ae(t) {
+  return Pe[t] ?? ve;
+}
+const He = {
+  name: "dark",
+  colors: {
+    background: "#0f172a",
+    foreground: "#e2e8f0",
+    primary: "#38bdf8",
+    secondary: "#a78bfa",
+    accent: "#f472b6",
+    codeBackground: "#1e293b",
+    codeForeground: "#e2e8f0"
+  },
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  codeTheme: "vitesse-dark"
+}, Be = {
+  name: "light",
+  colors: {
+    background: "#ffffff",
+    foreground: "#1e293b",
+    primary: "#0284c7",
+    secondary: "#7c3aed",
+    accent: "#db2777",
+    codeBackground: "#f1f5f9",
+    codeForeground: "#1e293b"
+  },
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  codeTheme: "vitesse-light"
+}, se = ae("minimal"), De = {
+  name: "minimal",
+  colors: {
+    background: "#fafafa",
+    foreground: "#374151",
+    primary: "#6b7280",
+    secondary: "#9ca3af",
+    accent: "#374151",
+    codeBackground: "#f3f4f6",
+    codeForeground: "#374151"
+  },
+  fonts: se.fonts,
+  typography: se.typography,
+  codeTheme: "vitesse-light"
+}, je = {
+  name: "corporate",
+  colors: {
+    background: "#ffffff",
+    foreground: "#1f2937",
+    primary: "#1d4ed8",
+    secondary: "#4b5563",
+    accent: "#dc2626",
+    codeBackground: "#f8fafc",
+    codeForeground: "#1e293b"
+  },
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  typography: {
+    title: { fontSize: "3.5rem", fontWeight: "700", lineHeight: "1.2" },
+    subtitle: { fontSize: "1.4rem", fontWeight: "400", lineHeight: "1.5", letterSpacing: "0.01em" },
+    heading: { fontSize: "2.25rem", fontWeight: "600", lineHeight: "1.3" },
+    body: { fontSize: "1.15rem", fontWeight: "400", lineHeight: "1.7" },
+    caption: { fontSize: "0.95rem", fontWeight: "400", lineHeight: "1.5", textTransform: "uppercase", letterSpacing: "0.04em" }
+  },
+  codeTheme: "vitesse-light"
+}, X = ae("elegant"), Fe = {
+  name: "elegant",
+  colors: {
+    background: "#1a1a1a",
+    foreground: "#f5f0eb",
+    primary: "#d4a574",
+    secondary: "#a8927c",
+    accent: "#c47d5e",
+    codeBackground: "#2a2420",
+    codeForeground: "#f5f0eb"
+  },
+  fonts: X.fonts,
+  typography: X.typography,
+  fontImports: X.fontImports,
+  codeTheme: "vitesse-dark"
+}, oe = ae("bold"), Re = {
+  name: "bold",
+  colors: {
+    background: "#000000",
+    foreground: "#ffffff",
+    primary: "#facc15",
+    secondary: "#a3a3a3",
+    accent: "#ef4444",
+    codeBackground: "#171717",
+    codeForeground: "#e5e5e5"
+  },
+  fonts: oe.fonts,
+  typography: oe.typography,
+  codeTheme: "vitesse-dark"
+}, Oe = {
+  name: "forest",
+  colors: {
+    background: "#1a2e1a",
+    foreground: "#e8f0e8",
+    primary: "#4ade80",
+    secondary: "#86efac",
+    accent: "#fbbf24",
+    codeBackground: "#1e331e",
+    codeForeground: "#d1fae5"
+  },
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  codeTheme: "vitesse-dark"
+}, We = {
+  name: "ocean",
+  colors: {
+    background: "#0c1929",
+    foreground: "#e0f2fe",
+    primary: "#06b6d4",
+    secondary: "#67e8f9",
+    accent: "#f97316",
+    codeBackground: "#0f2235",
+    codeForeground: "#bae6fd"
+  },
+  fonts: {
+    heading: "'Inter', system-ui, sans-serif",
+    body: "'Inter', system-ui, sans-serif",
+    code: "'JetBrains Mono', 'Fira Code', monospace"
+  },
+  codeTheme: "vitesse-dark"
+}, bn = {
+  dark: He,
+  light: Be,
+  minimal: De,
+  corporate: je,
+  elegant: Fe,
+  bold: Re,
+  forest: Oe,
+  ocean: We
+};
+function m(t, e) {
+  return { path: t, message: e };
+}
+function x(t) {
+  return typeof t == "string";
+}
+function H(t) {
+  return typeof t == "number" && !Number.isNaN(t);
+}
+function k(t) {
+  return t !== null && typeof t == "object" && !Array.isArray(t);
+}
+const re = /* @__PURE__ */ new Set(["text", "code", "image", "list", "divider", "table", "mermaid", "chart", "cards", "stats", "terminal"]), ce = /* @__PURE__ */ new Set([
+  "fadeIn",
+  "fadeOut",
+  "fadeInUp",
+  "fadeInDown",
+  "fadeInLeft",
+  "fadeInRight",
+  "typewriter",
+  "revealDown",
+  "scale",
+  "highlight",
+  "bounceIn",
+  "blurIn",
+  "rotateIn",
+  "slideUp",
+  "slideDown",
+  "zoomIn"
+]), le = /* @__PURE__ */ new Set([
+  "center",
+  "header-body",
+  "split",
+  "code-focus",
+  "full",
+  "blank",
+  "intro",
+  "section",
+  "end",
+  "quote",
+  "image-left",
+  "image-right",
+  "image-full",
+  "image-grid"
+]), de = /* @__PURE__ */ new Set(["pause", "auto"]);
+function _e(t, e) {
+  const a = "manifest";
+  return k(t) ? (H(t.version) || e.push(m(`${a}.version`, "must be a number")), (!x(t.title) || t.title.length === 0) && e.push(m(`${a}.title`, "must be a non-empty string")), (!H(t.sceneCount) || t.sceneCount < 0) && e.push(m(`${a}.sceneCount`, "must be a non-negative number")), e.length === 0) : (e.push(m(a, "must be an object")), !1);
+}
+function Ve(t, e, a) {
+  if (!k(t))
+    return a.push(m(e, "must be an object")), !1;
+  switch ((!x(t.id) || t.id.length === 0) && a.push(m(`${e}.id`, "must be a non-empty string")), (!x(t.type) || !re.has(t.type)) && a.push(m(`${e}.type`, `must be one of: ${[...re].join(", ")}`)), t.type) {
+    case "text":
+      x(t.content) || a.push(m(`${e}.content`, "must be a string"));
+      break;
+    case "code":
+      x(t.content) || a.push(m(`${e}.content`, "must be a string")), x(t.language) || a.push(m(`${e}.language`, "must be a string"));
+      break;
+    case "image":
+      x(t.src) || a.push(m(`${e}.src`, "must be a string"));
+      break;
+    case "list":
+      (!Array.isArray(t.items) || !t.items.every(x)) && a.push(m(`${e}.items`, "must be an array of strings"));
+      break;
+    case "divider":
+      break;
+    case "table":
+      if ((!Array.isArray(t.headers) || !t.headers.every(x)) && a.push(m(`${e}.headers`, "must be an array of strings")), !Array.isArray(t.rows))
+        a.push(m(`${e}.rows`, "must be an array of arrays"));
+      else
+        for (let i = 0; i < t.rows.length; i++) {
+          const n = t.rows[i];
+          (!Array.isArray(n) || !n.every(x)) && a.push(m(`${e}.rows[${i}]`, "must be an array of strings"));
+        }
+      break;
+    case "mermaid":
+      x(t.definition) || a.push(m(`${e}.definition`, "must be a string"));
+      break;
+    case "chart": {
+      const i = /* @__PURE__ */ new Set(["bar", "line", "pie"]);
+      if ((!x(t.chartType) || !i.has(t.chartType)) && a.push(m(`${e}.chartType`, "must be one of: bar, line, pie")), (!Array.isArray(t.labels) || !t.labels.every(x)) && a.push(m(`${e}.labels`, "must be an array of strings")), !Array.isArray(t.datasets))
+        a.push(m(`${e}.datasets`, "must be an array"));
+      else
+        for (let n = 0; n < t.datasets.length; n++) {
+          const s = t.datasets[n];
+          k(s) ? (x(s.label) || a.push(m(`${e}.datasets[${n}].label`, "must be a string")), (!Array.isArray(s.data) || !s.data.every(H)) && a.push(m(`${e}.datasets[${n}].data`, "must be an array of numbers"))) : a.push(m(`${e}.datasets[${n}]`, "must be an object"));
+        }
+      break;
+    }
+    case "cards":
+      if (!Array.isArray(t.cards))
+        a.push(m(`${e}.cards`, "must be an array"));
+      else
+        for (let i = 0; i < t.cards.length; i++) {
+          const n = t.cards[i];
+          k(n) ? x(n.title) || a.push(m(`${e}.cards[${i}].title`, "must be a string")) : a.push(m(`${e}.cards[${i}]`, "must be an object"));
+        }
+      break;
+    case "stats":
+      if (!Array.isArray(t.stats))
+        a.push(m(`${e}.stats`, "must be an array"));
+      else
+        for (let i = 0; i < t.stats.length; i++) {
+          const n = t.stats[i];
+          k(n) ? (x(n.value) || a.push(m(`${e}.stats[${i}].value`, "must be a string")), x(n.label) || a.push(m(`${e}.stats[${i}].label`, "must be a string"))) : a.push(m(`${e}.stats[${i}]`, "must be an object"));
+        }
+      break;
+    case "terminal":
+      if (!Array.isArray(t.lines))
+        a.push(m(`${e}.lines`, "must be an array"));
+      else {
+        const i = /* @__PURE__ */ new Set(["command", "output"]);
+        for (let n = 0; n < t.lines.length; n++) {
+          const s = t.lines[n];
+          k(s) ? ((!x(s.type) || !i.has(s.type)) && a.push(m(`${e}.lines[${n}].type`, "must be one of: command, output")), x(s.text) || a.push(m(`${e}.lines[${n}].text`, "must be a string"))) : a.push(m(`${e}.lines[${n}]`, "must be an object"));
+        }
+      }
+      break;
+  }
+  return !0;
+}
+function qe(t, e, a) {
+  if (!k(t))
+    return a.push(m(e, "must be an object")), !1;
+  if ((!x(t.id) || t.id.length === 0) && a.push(m(`${e}.id`, "must be a non-empty string")), t.layout !== void 0 && (!x(t.layout) || !le.has(t.layout)) && a.push(m(`${e}.layout`, `must be one of: ${[...le].join(", ")}`)), t.transition !== void 0 && k(t.transition)) {
+    const i = /* @__PURE__ */ new Set(["fade", "slide", "none", "zoom", "reveal", "flip", "morph"]);
+    (!x(t.transition.type) || !i.has(t.transition.type)) && a.push(m(`${e}.transition.type`, `must be one of: ${[...i].join(", ")}`));
+  }
+  if (t.notes !== void 0 && !x(t.notes) && a.push(m(`${e}.notes`, "must be a string")), t.accentBar !== void 0)
+    if (!k(t.accentBar))
+      a.push(m(`${e}.accentBar`, "must be an object"));
+    else {
+      const i = t.accentBar;
+      x(i.color) || a.push(m(`${e}.accentBar.color`, "must be a string")), i.position !== void 0 && i.position !== "top" && i.position !== "bottom" && a.push(m(`${e}.accentBar.position`, "must be 'top' or 'bottom'")), i.height !== void 0 && !x(i.height) && a.push(m(`${e}.accentBar.height`, "must be a string"));
+    }
+  if (t.sceneTemplate !== void 0 && !x(t.sceneTemplate) && a.push(m(`${e}.sceneTemplate`, "must be a string")), t.templateData !== void 0)
+    if (!k(t.templateData))
+      a.push(m(`${e}.templateData`, "must be an object"));
+    else
+      for (const [i, n] of Object.entries(t.templateData))
+        x(n) || a.push(m(`${e}.templateData.${i}`, "must be a string"));
+  return Array.isArray(t.elements) ? t.elements.forEach((i, n) => Ve(i, `${e}.elements[${n}]`, a)) : a.push(m(`${e}.elements`, "must be an array")), !0;
+}
+function Ye(t, e) {
+  const a = "content";
+  return k(t) ? (Array.isArray(t.scenes) ? t.scenes.forEach((i, n) => qe(i, `${a}.scenes[${n}]`, e)) : e.push(m(`${a}.scenes`, "must be an array")), !0) : (e.push(m(a, "must be an object")), !1);
+}
+function Ge(t, e, a) {
+  return k(t) ? ((!x(t.elementId) || t.elementId.length === 0) && a.push(m(`${e}.elementId`, "must be a non-empty string")), (!x(t.animation) || !ce.has(t.animation)) && a.push(m(`${e}.animation`, `must be one of: ${[...ce].join(", ")}`)), (!H(t.at) || t.at < 0) && a.push(m(`${e}.at`, "must be a non-negative number")), !0) : (a.push(m(e, "must be an object")), !1);
+}
+function Ke(t, e, a) {
+  return k(t) ? ((!H(t.at) || t.at < 0) && a.push(m(`${e}.at`, "must be a non-negative number")), (!x(t.action) || !de.has(t.action)) && a.push(m(`${e}.action`, `must be one of: ${[...de].join(", ")}`)), !0) : (a.push(m(e, "must be an object")), !1);
+}
+function Je(t, e, a) {
+  return k(t) ? ((!x(t.sceneId) || t.sceneId.length === 0) && a.push(m(`${e}.sceneId`, "must be a non-empty string")), (!H(t.duration) || t.duration <= 0) && a.push(m(`${e}.duration`, "must be a positive number")), Array.isArray(t.events) ? t.events.forEach((i, n) => Ge(i, `${e}.events[${n}]`, a)) : a.push(m(`${e}.events`, "must be an array")), t.markers !== void 0 && (Array.isArray(t.markers) ? t.markers.forEach((i, n) => Ke(i, `${e}.markers[${n}]`, a)) : a.push(m(`${e}.markers`, "must be an array"))), !0) : (a.push(m(e, "must be an object")), !1);
+}
+function Xe(t, e) {
+  const a = "timesheet";
+  return k(t) ? (Array.isArray(t.timeline) ? t.timeline.forEach((i, n) => Je(i, `${a}.timeline[${n}]`, e)) : e.push(m(`${a}.timeline`, "must be an array")), !0) : (e.push(m(a, "must be an object")), !1);
+}
+function Ze(t, e) {
+  const a = "theme";
+  if (!k(t))
+    return e.push(m(a, "must be an object")), !1;
+  if ((!x(t.name) || t.name.length === 0) && e.push(m(`${a}.name`, "must be a non-empty string")), !k(t.colors))
+    e.push(m(`${a}.colors`, "must be an object"));
+  else {
+    const i = [
+      "background",
+      "foreground",
+      "primary",
+      "secondary",
+      "accent",
+      "codeBackground",
+      "codeForeground"
+    ];
+    for (const n of i)
+      x(t.colors[n]) || e.push(m(`${a}.colors.${n}`, "must be a string"));
+  }
+  if (!k(t.fonts))
+    e.push(m(`${a}.fonts`, "must be an object"));
+  else
+    for (const i of ["heading", "body", "code"])
+      x(t.fonts[i]) || e.push(m(`${a}.fonts.${i}`, "must be a string"));
+  return !0;
+}
+function Ue(t) {
+  const e = [];
+  if (!k(t))
+    return { valid: !1, errors: [m("", "input must be an object")] };
+  if (_e(t.manifest, e), Ye(t.content, e), Xe(t.timesheet, e), Ze(t.theme, e), k(t.content) && k(t.timesheet)) {
+    const a = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), n = t.content, s = t.timesheet;
+    if (Array.isArray(n.scenes)) {
+      for (const r of n.scenes)
+        if (r && typeof r == "object" && "id" in r && (i.add(r.id), Array.isArray(r.elements)))
+          for (const l of r.elements)
+            l && typeof l == "object" && "id" in l && a.add(l.id);
+    }
+    if (Array.isArray(s.timeline)) {
+      for (const r of s.timeline)
+        if (r && typeof r == "object" && "sceneId" in r && (i.has(r.sceneId) || e.push(m("timesheet.timeline", `references unknown scene "${r.sceneId}"`)), Array.isArray(r.events)))
+          for (const l of r.events)
+            l && typeof l == "object" && "elementId" in l && (a.has(l.elementId) || e.push(m("timesheet.timeline", `references unknown element "${l.elementId}"`)));
+    }
+  }
+  return { valid: e.length === 0, errors: e };
+}
+function Qe(t) {
+  switch (t.type) {
+    case "text": {
+      const e = t;
+      return e.role === "title" || e.role === "heading" ? 2 : e.role === "subtitle" ? 1.5 : 1;
+    }
+    case "code": {
+      const a = t.content.split(`
+`).length;
+      return a <= 10 ? 2 : a <= 20 ? 3 : a <= 40 ? 4 : 5;
+    }
+    case "list": {
+      const a = t.items.length;
+      return a <= 3 ? 1 : a <= 6 ? 2 : a <= 10 ? 3 : 4;
+    }
+    case "table": {
+      const a = t.rows.length;
+      return a <= 3 ? 2 : a <= 6 ? 3 : 4;
+    }
+    case "image":
+      return 2;
+    case "mermaid":
+      return 3;
+    case "chart":
+      return 3;
+    case "cards":
+      return 2;
+    case "stats":
+      return 1.5;
+    case "terminal":
+      return 2;
+    case "flow":
+      return 3;
+    case "divider":
+      return 0.5;
+    default:
+      return 1;
+  }
+}
+async function et(t) {
+  const e = t.endsWith("/") ? t : t + "/", [a, i, n, s] = await Promise.all([
+    _(`${e}manifest.json`),
+    _(`${e}content.json`),
+    _(`${e}timesheet.json`),
+    _(`${e}theme.json`)
+  ]), r = { manifest: a, content: i, timesheet: n, theme: s }, l = Ue(r);
+  return l.valid || console.warn(
+    "[CuppaCue] Validation warnings:",
+    l.errors.map((u) => `${u.path}: ${u.message}`).join("; ")
+  ), r;
+}
+async function _(t) {
+  const e = await fetch(t);
+  if (!e.ok)
+    throw new Error(`Failed to fetch ${t}: ${e.status} ${e.statusText}`);
+  return e.json();
+}
+const tt = {
+  zap: '<path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>',
+  brain: '<path d="M9.5 2A5.5 5.5 0 0 0 5 6.36V6.5a4.5 4.5 0 0 0-.69 8.73A3.5 3.5 0 0 0 7.5 22h1a3.5 3.5 0 0 0 3.19-6.77A4.5 4.5 0 0 0 11 6.5v-.14A5.5 5.5 0 0 0 9.5 2z"/><path d="M14.5 2A5.5 5.5 0 0 1 19 6.36V6.5a4.5 4.5 0 0 1 .69 8.73A3.5 3.5 0 0 1 16.5 22h-1a3.5 3.5 0 0 1-3.19-6.77A4.5 4.5 0 0 1 13 6.5v-.14A5.5 5.5 0 0 1 14.5 2z"/><path d="M12 2v20"/>',
+  code: '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>',
+  star: '<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>',
+  check: '<polyline points="20 6 9 17 4 12"/>',
+  heart: '<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>',
+  shield: '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>',
+  rocket: '<path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>',
+  globe: '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>',
+  database: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19a9 3 0 0 0 18 0V5"/><path d="M3 12a9 3 0 0 0 18 0"/>',
+  server: '<rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><line x1="6" x2="6.01" y1="6" y2="6"/><line x1="6" x2="6.01" y1="18" y2="18"/>',
+  cloud: '<path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>',
+  lock: '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
+  key: '<path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4"/>',
+  "bar-chart": '<line x1="12" x2="12" y1="20" y2="10"/><line x1="18" x2="18" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="16"/>',
+  users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
+  mail: '<rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>',
+  clock: '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>',
+  "arrow-right": '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
+  sparkles: '<path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/>',
+  refresh: '<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M3 21v-5h5"/>',
+  search: '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
+  settings: '<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>',
+  link: '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>',
+  target: '<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/>',
+  layers: '<path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/>',
+  cpu: '<rect width="16" height="16" x="4" y="4" rx="2"/><rect width="6" height="6" x="9" y="9" rx="1"/><path d="M15 2v2"/><path d="M15 20v2"/><path d="M2 15h2"/><path d="M2 9h2"/><path d="M20 15h2"/><path d="M20 9h2"/><path d="M9 2v2"/><path d="M9 20v2"/>',
+  wifi: '<path d="M12 20h.01"/><path d="M2 8.82a15 15 0 0 1 20 0"/><path d="M5 12.859a10 10 0 0 1 14 0"/><path d="M8.5 16.429a5 5 0 0 1 7 0"/>',
+  "git-branch": '<line x1="6" x2="6" y1="3" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/>',
+  "message-circle": '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>',
+  package: '<path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/>',
+  "trending-up": '<polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/>',
+  activity: '<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>',
+  download: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/>',
+  upload: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/>',
+  "alert-triangle": '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+  info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+  "check-circle": '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/>',
+  "file-text": '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/>',
+  layout: '<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><line x1="3" x2="21" y1="9" y2="9"/><line x1="9" x2="9" y1="21" y2="9"/>',
+  terminal: '<polyline points="4 17 10 11 4 5"/><line x1="12" x2="20" y1="19" y2="19"/>',
+  "help-circle": '<circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/>',
+  eye: '<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>',
+  bolt: '<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><circle cx="12" cy="12" r="4"/>'
+};
+function nt(t, e = 24) {
+  const a = tt[t];
+  return a ? `<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${a}</svg>` : "";
+}
+function at(t, e) {
+  const a = document.createElement("div");
+  a.className = "cue-cards";
+  for (const i of t.cards) {
+    const n = document.createElement("div");
+    if (n.className = "cue-card", i.accent && (n.dataset.accent = "", n.style.setProperty("--cue-card-accent", i.accent)), i.icon) {
+      const r = document.createElement("div");
+      r.className = "cue-card-icon", r.innerHTML = nt(i.icon, 32), r.innerHTML || (r.textContent = i.icon), n.appendChild(r);
+    }
+    const s = document.createElement("div");
+    if (s.className = "cue-card-title", s.textContent = i.title, n.appendChild(s), i.description) {
+      const r = document.createElement("div");
+      r.className = "cue-card-desc", r.textContent = i.description, n.appendChild(r);
+    }
+    a.appendChild(n);
+  }
+  return a;
+}
+function it(t, e, a = 1500) {
+  const i = e.match(/^([<>~]?)(\d[\d,.]*)(.*)/);
+  if (!i) {
+    t.textContent = e;
+    return;
+  }
+  const n = i[1], s = i[2].replace(/,/g, ""), r = i[3], l = parseFloat(s), u = !s.includes("."), c = i[2].includes(","), o = performance.now();
+  function d(p) {
+    const g = p - o, h = Math.min(g / a, 1), v = 1 - Math.pow(1 - h, 3), y = l * v;
+    let b;
+    if (u) {
+      const w = Math.round(y);
+      b = c ? w.toLocaleString() : String(w);
+    } else {
+      const w = (s.split(".")[1] || "").length, A = y.toFixed(w);
+      b = c ? parseFloat(A).toLocaleString(void 0, { minimumFractionDigits: w }) : A;
+    }
+    t.textContent = `${n}${b}${r}`, h < 1 ? requestAnimationFrame(d) : t.textContent = e;
+  }
+  t.textContent = `${n}0${r}`, requestAnimationFrame(d);
+}
+function st(t) {
+  const e = document.createElement("div");
+  e.className = "cue-stats";
+  for (const i of t.stats) {
+    const n = document.createElement("div");
+    n.className = "cue-stat";
+    const s = document.createElement("div");
+    s.className = "cue-stat-value", s.textContent = i.value, s.dataset.target = i.value, n.appendChild(s);
+    const r = document.createElement("div");
+    r.className = "cue-stat-label", r.textContent = i.label, n.appendChild(r), e.appendChild(n);
+  }
+  const a = new MutationObserver(() => {
+    parseFloat(getComputedStyle(e).opacity) > 0 && (a.disconnect(), e.querySelectorAll(".cue-stat-value").forEach((s, r) => {
+      const l = s.dataset.target || "";
+      setTimeout(() => it(s, l), r * 200);
+    }));
+  });
+  return a.observe(e, { attributes: !0, attributeFilter: ["style"] }), e;
+}
+function ot(t) {
+  const e = document.createElement("div");
+  e.className = "cue-terminal";
+  const a = document.createElement("div");
+  a.className = "cue-terminal-chrome", a.innerHTML = '<span class="cue-terminal-dot cue-terminal-dot--red"></span><span class="cue-terminal-dot cue-terminal-dot--yellow"></span><span class="cue-terminal-dot cue-terminal-dot--green"></span>', e.appendChild(a);
+  const i = document.createElement("div");
+  i.className = "cue-terminal-body";
+  for (const s of t.lines) {
+    const r = document.createElement("div");
+    if (r.className = `cue-terminal-line cue-terminal-line--${s.type}`, s.type === "command") {
+      const l = document.createElement("span");
+      l.className = "cue-terminal-prompt", l.textContent = "$ ", r.appendChild(l);
+      const u = document.createElement("span");
+      u.className = "cue-terminal-text", u.dataset.fullText = s.text, u.textContent = "", r.appendChild(u);
+    } else
+      r.textContent = s.text, r.style.display = "none";
+    i.appendChild(r);
+  }
+  e.appendChild(i);
+  const n = new MutationObserver(() => {
+    e.style.opacity === "1" && (n.disconnect(), rt(i));
+  });
+  return n.observe(e, { attributes: !0, attributeFilter: ["style"] }), e;
+}
+async function rt(t) {
+  const e = t.querySelectorAll(".cue-terminal-line");
+  for (const a of e)
+    if (a.classList.contains("cue-terminal-line--command")) {
+      const i = a.querySelector(".cue-terminal-text");
+      if (i) {
+        const n = i.dataset.fullText || "";
+        await ct(i, n), await ue(200);
+      }
+    } else
+      a.style.display = "", await ue(50);
+}
+function ct(t, e, a = 30) {
+  return new Promise((i) => {
+    let n = 0;
+    function s() {
+      n < e.length ? (t.textContent += e[n], n++, setTimeout(s, a)) : i();
+    }
+    s();
+  });
+}
+function ue(t) {
+  return new Promise((e) => setTimeout(e, t));
+}
+let Z = null, lt = 0;
+function dt() {
+  return Z || (Z = import("mermaid").then((t) => {
+    const e = t.default;
+    return e.initialize({
+      startOnLoad: !1,
+      theme: "dark",
+      themeVariables: {
+        darkMode: !0,
+        background: "transparent",
+        primaryColor: "#60a5fa",
+        primaryTextColor: "#e2e8f0",
+        lineColor: "#94a3b8"
+      }
+    }), e;
+  })), Z;
+}
+async function ut(t) {
+  const e = document.createElement("div");
+  e.className = "cue-mermaid";
+  try {
+    const a = await dt(), i = `cue-mermaid-${++lt}`, { svg: n } = await a.render(i, t.definition);
+    e.innerHTML = n;
+    const s = e.querySelector("svg");
+    if (s) {
+      const r = s.getAttribute("width"), l = s.getAttribute("height");
+      if (!s.getAttribute("viewBox") && r && l) {
+        const u = parseFloat(r), c = parseFloat(l);
+        !isNaN(u) && !isNaN(c) && s.setAttribute("viewBox", `0 0 ${u} ${c}`);
+      }
+      s.removeAttribute("width"), s.removeAttribute("height"), s.style.width = "100%", s.style.height = "100%", s.style.maxWidth = "100%", s.style.maxHeight = "100%";
+    }
+  } catch (a) {
+    const i = document.createElement("pre");
+    i.className = "cue-mermaid-fallback", i.textContent = t.definition, e.appendChild(i), console.warn("[CuppaCue] Mermaid render failed:", a);
+  }
+  return e;
+}
+let U = null;
+function pt() {
+  return U || (U = import("chart.js").then((t) => (t.Chart.register(
+    t.CategoryScale,
+    t.LinearScale,
+    t.BarController,
+    t.BarElement,
+    t.LineController,
+    t.LineElement,
+    t.PointElement,
+    t.PieController,
+    t.ArcElement,
+    t.Tooltip,
+    t.Legend,
+    t.Filler
+  ), t))), U;
+}
+const V = [
+  "#60a5fa",
+  // blue
+  "#34d399",
+  // green
+  "#f472b6",
+  // pink
+  "#fbbf24",
+  // yellow
+  "#a78bfa",
+  // purple
+  "#f87171",
+  // red
+  "#38bdf8",
+  // cyan
+  "#fb923c"
+  // orange
+];
+async function ht(t, e) {
+  const a = document.createElement("div");
+  a.className = "cue-chart";
+  const i = document.createElement("canvas");
+  a.appendChild(i);
+  try {
+    const { Chart: n } = await pt(), s = t.chartType === "pie", r = t.datasets.map((o, d) => {
+      const p = V[d % V.length];
+      return s ? {
+        label: o.label,
+        data: o.data,
+        backgroundColor: o.data.map((g, h) => V[h % V.length]),
+        borderColor: e.colors.background,
+        borderWidth: 2
+      } : {
+        label: o.label,
+        data: o.data,
+        backgroundColor: t.chartType === "bar" ? p : `${p}33`,
+        borderColor: p,
+        borderWidth: 2,
+        fill: t.chartType === "line",
+        tension: 0.3
+      };
+    }), l = r.length > 1, u = l ? r.map((o, d) => d === 0 ? o : { ...o, data: o.data.map(() => 0), hidden: !0 }) : r, c = new n(i, {
+      type: t.chartType,
+      data: {
+        labels: t.labels,
+        datasets: u
+      },
+      options: {
+        responsive: !0,
+        maintainAspectRatio: !0,
+        animation: {
+          duration: 1e3,
+          easing: "easeOutQuart"
+        },
+        plugins: {
+          legend: {
+            display: t.datasets.length > 1 || s,
+            labels: {
+              color: e.colors.foreground,
+              font: { family: e.fonts.body }
+            }
+          },
+          tooltip: {
+            enabled: !0
+          }
+        },
+        scales: s ? {} : {
+          x: {
+            ticks: { color: e.colors.foreground + "aa" },
+            grid: { color: e.colors.foreground + "11" }
+          },
+          y: {
+            ticks: { color: e.colors.foreground + "aa" },
+            grid: { color: e.colors.foreground + "11" }
+          }
+        }
+      }
+    });
+    l && (a.__cueChart = c, a.__cueChartDatasets = r, a.__cueChartStep = 0);
+  } catch (n) {
+    a.textContent = `[Chart: ${t.chartType}]`, console.warn("[CuppaCue] Chart.js render failed:", n);
+  }
+  return a;
+}
+function mt(t) {
+  const e = document.createElement("div");
+  e.className = "cue-flow";
+  const a = t.direction !== "TD", i = 200, n = 60, s = a ? 120 : 80, r = a ? 80 : 100, l = t.nodes.map((h, v) => ({
+    id: h.id,
+    x: a ? v * (i + s) : v % 2 * (i + s),
+    y: a ? 0 : v * (n + r),
+    width: i,
+    height: n
+  })), u = Math.max(...l.map((h) => h.x + h.width)), c = Math.max(...l.map((h) => h.y + h.height)), o = u + 40, d = c + 40, p = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  p.setAttribute("viewBox", `0 0 ${o} ${d}`), p.setAttribute("class", "cue-flow-svg"), p.style.width = "100%", p.style.maxWidth = `${o}px`;
+  const g = new Map(l.map((h) => [h.id, h]));
+  for (const h of t.edges) {
+    const v = g.get(h.from), y = g.get(h.to);
+    if (!v || !y) continue;
+    const b = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    b.setAttribute("class", "cue-flow-edge"), b.setAttribute("data-from", h.from), b.setAttribute("data-to", h.to);
+    const w = v.x + v.width / 2 + 20, A = v.y + v.height / 2 + 20, I = y.x + y.width / 2 + 20, Ae = y.y + y.height / 2 + 20;
+    let z, P, S, $;
+    a ? (z = v.x + v.width + 20, P = A, S = y.x + 20, $ = Ae) : (z = w, P = v.y + v.height + 20, S = I, $ = y.y + 20);
+    const K = (z + S) / 2, J = (P + $) / 2, O = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    a ? O.setAttribute("d", `M${z},${P} C${K},${P} ${K},${$} ${S},${$}`) : O.setAttribute("d", `M${z},${P} C${z},${J} ${S},${J} ${S},${$}`), O.setAttribute("class", "cue-flow-path"), b.appendChild(O);
+    const W = document.createElementNS("http://www.w3.org/2000/svg", "polygon"), M = 8;
+    if (a ? W.setAttribute(
+      "points",
+      `${S},${$} ${S - M},${$ - M / 2} ${S - M},${$ + M / 2}`
+    ) : W.setAttribute(
+      "points",
+      `${S},${$} ${S - M / 2},${$ - M} ${S + M / 2},${$ - M}`
+    ), W.setAttribute("class", "cue-flow-arrow"), b.appendChild(W), h.label) {
+      const j = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      j.setAttribute("x", String(K)), j.setAttribute("y", String(J - 8)), j.setAttribute("class", "cue-flow-edge-label"), j.textContent = h.label, b.appendChild(j);
+    }
+    p.appendChild(b);
+  }
+  for (let h = 0; h < t.nodes.length; h++) {
+    const v = t.nodes[h], y = l[h], b = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    b.setAttribute("class", "cue-flow-node"), b.setAttribute("data-node-id", v.id), b.setAttribute("data-node-index", String(h));
+    const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    w.setAttribute("x", String(y.x + 20)), w.setAttribute("y", String(y.y + 20)), w.setAttribute("width", String(y.width)), w.setAttribute("height", String(y.height)), w.setAttribute("rx", "10"), w.setAttribute("class", "cue-flow-node-rect"), v.color && w.setAttribute("fill", v.color), b.appendChild(w);
+    const A = document.createElementNS("http://www.w3.org/2000/svg", "text");
+    if (A.setAttribute("x", String(y.x + y.width / 2 + 20)), A.setAttribute("y", String(y.y + y.height / 2 + 20)), A.setAttribute("class", "cue-flow-node-label"), A.textContent = v.label, b.appendChild(A), v.icon) {
+      const I = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      I.setAttribute("x", String(y.x + 35)), I.setAttribute("y", String(y.y + y.height / 2 + 20)), I.setAttribute("class", "cue-flow-node-icon"), I.textContent = v.icon, b.appendChild(I);
+    }
+    p.appendChild(b);
+  }
+  return e.appendChild(p), e;
+}
+const C = "http://www.w3.org/2000/svg";
+function B() {
+  const t = document.createElement("div");
+  return t.className = "cue-st-decorations", t;
+}
+function D() {
+  const t = document.createElementNS(C, "svg");
+  return t.setAttribute("viewBox", "0 0 1920 1080"), t.setAttribute("preserveAspectRatio", "xMidYMid slice"), t.style.width = "100%", t.style.height = "100%", t;
+}
+function ft(t) {
+  const e = B(), a = D();
+  for (const i of t) {
+    const n = document.createElementNS(C, "circle");
+    n.setAttribute("cx", String(i.cx)), n.setAttribute("cy", String(i.cy)), n.setAttribute("r", String(i.r)), n.setAttribute("fill", i.color), n.setAttribute("opacity", String(i.opacity ?? 0.12)), a.appendChild(n);
+  }
+  return e.appendChild(a), e;
+}
+function xe(t, e) {
+  const a = B();
+  {
+    const i = D(), n = document.createElementNS(C, "defs"), s = document.createElementNS(C, "radialGradient");
+    s.setAttribute("id", "cue-grad-wash"), s.setAttribute("cx", "50%"), s.setAttribute("cy", "50%"), s.setAttribute("r", "70%");
+    for (const { color: l, stop: u, opacity: c } of e) {
+      const o = document.createElementNS(C, "stop");
+      o.setAttribute("offset", `${u}%`), o.setAttribute("stop-color", l), o.setAttribute("stop-opacity", String(c ?? 1)), s.appendChild(o);
+    }
+    n.appendChild(s), i.appendChild(n);
+    const r = document.createElementNS(C, "rect");
+    r.setAttribute("width", "1920"), r.setAttribute("height", "1080"), r.setAttribute("fill", "url(#cue-grad-wash)"), i.appendChild(r), a.appendChild(i);
+  }
+  return a;
+}
+function gt(t, e = 40, a = 2, i = 0.15) {
+  const n = B(), s = D(), r = document.createElementNS(C, "defs"), l = document.createElementNS(C, "pattern");
+  l.setAttribute("id", "cue-dots"), l.setAttribute("width", String(e)), l.setAttribute("height", String(e)), l.setAttribute("patternUnits", "userSpaceOnUse");
+  const u = document.createElementNS(C, "circle");
+  u.setAttribute("cx", String(e / 2)), u.setAttribute("cy", String(e / 2)), u.setAttribute("r", String(a)), u.setAttribute("fill", t), l.appendChild(u), r.appendChild(l), s.appendChild(r);
+  const c = document.createElementNS(C, "rect");
+  return c.setAttribute("width", "1920"), c.setAttribute("height", "1080"), c.setAttribute("fill", "url(#cue-dots)"), c.setAttribute("opacity", String(i)), s.appendChild(c), n.appendChild(s), n;
+}
+function we(t, e = "bottom", a = 0.15) {
+  const i = B(), n = D(), s = document.createElementNS(C, "path");
+  return e === "bottom" ? s.setAttribute(
+    "d",
+    "M0 900 C320 820, 640 980, 960 900 S1600 820, 1920 900 L1920 1080 L0 1080 Z"
+  ) : s.setAttribute(
+    "d",
+    "M0 180 C320 260, 640 100, 960 180 S1600 260, 1920 180 L1920 0 L0 0 Z"
+  ), s.setAttribute("fill", t), s.setAttribute("opacity", String(a)), n.appendChild(s), i.appendChild(n), i;
+}
+function ke(t, e = "top-right", a = 400, i = 0.1) {
+  const n = B(), s = D(), r = document.createElementNS(C, "path"), l = {
+    "top-right": `M${1920 - a} 0 L1920 0 L1920 ${a} Z`,
+    "top-left": `M0 0 L${a} 0 L0 ${a} Z`,
+    "bottom-right": `M1920 ${1080 - a} L1920 1080 L${1920 - a} 1080 Z`,
+    "bottom-left": `M0 ${1080 - a} L${a} 1080 L0 1080 Z`
+  };
+  return r.setAttribute("d", l[e]), r.setAttribute("fill", t), r.setAttribute("opacity", String(i)), s.appendChild(r), n.appendChild(s), n;
+}
+function Ce(t, e = 80, a = 1, i = 0.08) {
+  const n = B(), s = D(), r = document.createElementNS(C, "defs"), l = document.createElementNS(C, "pattern");
+  l.setAttribute("id", "cue-grid"), l.setAttribute("width", String(e)), l.setAttribute("height", String(e)), l.setAttribute("patternUnits", "userSpaceOnUse");
+  const u = document.createElementNS(C, "line");
+  u.setAttribute("x1", "0"), u.setAttribute("y1", String(e)), u.setAttribute("x2", String(e)), u.setAttribute("y2", String(e)), u.setAttribute("stroke", t), u.setAttribute("stroke-width", String(a)), l.appendChild(u);
+  const c = document.createElementNS(C, "line");
+  c.setAttribute("x1", String(e)), c.setAttribute("y1", "0"), c.setAttribute("x2", String(e)), c.setAttribute("y2", String(e)), c.setAttribute("stroke", t), c.setAttribute("stroke-width", String(a)), l.appendChild(c), r.appendChild(l), s.appendChild(r);
+  const o = document.createElementNS(C, "rect");
+  return o.setAttribute("width", "1920"), o.setAttribute("height", "1080"), o.setAttribute("fill", "url(#cue-grid)"), o.setAttribute("opacity", String(i)), s.appendChild(o), n.appendChild(s), n;
+}
+function Ee(t, e) {
+  return ft([
+    { cx: 1400, cy: 300, r: 400, color: t, opacity: 0.12 },
+    { cx: 1550, cy: 700, r: 350, color: e, opacity: 0.1 }
+  ]);
+}
+function L(t, e) {
+  const a = document.createElement("div");
+  return a.className = "cue-st-badge", a.textContent = t, a.style.backgroundColor = e, a;
+}
+function yt(t) {
+  const e = document.createElement("div");
+  return e.className = "cue-st-footer-bar", e.textContent = t, e;
+}
+function E(t, e = "top") {
+  const a = document.createElement("div");
+  return a.className = "cue-st-accent-bar", a.style.backgroundColor = t, e === "bottom" && (a.style.top = "auto", a.style.bottom = "0"), a;
+}
+const bt = {
+  async render(t, e, a, i) {
+    var c, o;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-tech-talk-intro", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = Ee(e.colors.accent, e.colors.primary);
+    n.appendChild(s);
+    const r = E(e.colors.accent);
+    if (n.appendChild(r), (c = t.templateData) != null && c.badge) {
+      const d = L(t.templateData.badge, e.colors.accent);
+      n.appendChild(d);
+    }
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = /* @__PURE__ */ new Map();
+    for (const d of t.elements) {
+      const p = await a(d, e, i);
+      u.set(d.id, p), l.appendChild(p);
+    }
+    if (n.appendChild(l), (o = t.templateData) != null && o.footerKeywords) {
+      const d = yt(t.templateData.footerKeywords);
+      n.appendChild(d);
+    }
+    return { container: n, elementMap: u };
+  }
+}, vt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-tech-talk-section", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = document.createElement("div");
+    s.className = "cue-st-section-gradient", s.style.background = `radial-gradient(ellipse at center, ${e.colors.accent}08 0%, transparent 70%)`, n.appendChild(s);
+    const r = document.createElement("div");
+    r.className = "cue-st-section-stripe", r.style.backgroundColor = e.colors.accent, n.appendChild(r);
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = /* @__PURE__ */ new Map();
+    for (const o of t.elements) {
+      const d = await a(o, e, i);
+      u.set(o.id, d), l.appendChild(d);
+    }
+    const c = document.createElement("div");
+    return c.className = "cue-st-accent-line", c.style.backgroundColor = e.colors.accent, l.appendChild(c), n.appendChild(l), { container: n, elementMap: u };
+  }
+}, xt = {
+  async render(t, e, a, i) {
+    var c;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-tech-talk-closing", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = Ee(e.colors.accent, e.colors.primary);
+    n.appendChild(s);
+    const r = E(e.colors.accent);
+    if (n.appendChild(r), (c = t.templateData) != null && c.badge) {
+      const o = L(t.templateData.badge, e.colors.accent);
+      n.appendChild(o);
+    }
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = /* @__PURE__ */ new Map();
+    for (const o of t.elements) {
+      const d = await a(o, e, i);
+      u.set(o.id, d), l.appendChild(d);
+    }
+    return n.appendChild(l), { container: n, elementMap: u };
+  }
+}, pe = [
+  "#3b82f6",
+  // blue
+  "#8b5cf6",
+  // violet
+  "#06b6d4",
+  // cyan
+  "#f59e0b",
+  // amber
+  "#10b981",
+  // emerald
+  "#ef4444"
+  // red
+];
+function he(t) {
+  return /<(strong|em|del|code|a |br)\b/.test(t);
+}
+function wt(t) {
+  const e = t.match(
+    /^<strong>(.+?)<\/strong>\s*(?:—|–|-|:)\s*(.+)$/
+  );
+  if (e)
+    return { title: e[1], description: e[2] };
+  const a = t.match(/^\*\*(.+?)\*\*\s*(?:—|–|-|:)\s*(.+)$/);
+  return a ? { title: a[1], description: a[2] } : null;
+}
+function T(t, e) {
+  const a = document.createElement("div");
+  a.className = "cue-st-list-rows", a.dataset.elementId = t.id, a.style.opacity = "0";
+  for (let i = 0; i < t.items.length; i++) {
+    const n = t.items[i], s = document.createElement("div");
+    s.className = "cue-st-list-row";
+    const r = pe[i % pe.length];
+    if (t.ordered) {
+      const u = document.createElement("div");
+      u.className = "cue-st-list-number", u.style.backgroundColor = r, u.textContent = String(i + 1), s.appendChild(u);
+    } else {
+      const u = document.createElement("div");
+      u.className = "cue-st-list-accent", u.style.backgroundColor = r, s.appendChild(u);
+    }
+    const l = wt(n);
+    if (l) {
+      const u = document.createElement("div");
+      u.className = "cue-st-list-text cue-st-list-text--two-line";
+      const c = document.createElement("div");
+      c.className = "cue-st-list-title", c.textContent = l.title;
+      const o = document.createElement("div");
+      o.className = "cue-st-list-desc", he(l.description) ? o.innerHTML = l.description : o.textContent = l.description, u.appendChild(c), u.appendChild(o), s.appendChild(u);
+    } else {
+      const u = document.createElement("div");
+      u.className = "cue-st-list-text", he(n) ? u.innerHTML = n : u.textContent = n, s.appendChild(u);
+    }
+    a.appendChild(s);
+  }
+  return a;
+}
+function kt(t) {
+  const e = t.replace("#", "");
+  if (e.length < 6) return !1;
+  const a = parseInt(e.slice(0, 2), 16), i = parseInt(e.slice(2, 4), 16), n = parseInt(e.slice(4, 6), 16);
+  return a * 0.299 + i * 0.587 + n * 0.114 > 160;
+}
+const Ct = {
+  async render(t, e, a, i) {
+    var o;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-tech-talk-content", n.dataset.sceneId = t.id;
+    const s = t.background || e.colors.background;
+    n.style.background = s, t.background && kt(t.background) && (n.dataset.light = ""), n.appendChild(E(e.colors.accent));
+    const r = t.elements.filter(
+      (d) => d.type === "text" && (d.role === "title" || d.role === "heading")
+    ), l = t.elements.filter(
+      (d) => !(d.type === "text" && (d.role === "title" || d.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const d = document.createElement("div");
+      d.className = "cue-st-content-header";
+      for (const g of r) {
+        const h = await a(g, e, i);
+        u.set(g.id, h), d.appendChild(h);
+      }
+      const p = document.createElement("div");
+      p.className = "cue-st-content-underline", p.style.backgroundColor = e.colors.accent, d.appendChild(p), n.appendChild(d);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const d of l)
+      if (d.type === "list") {
+        const p = T(d);
+        u.set(d.id, p), c.appendChild(p);
+      } else {
+        const p = await a(d, e, i);
+        u.set(d.id, p), c.appendChild(p);
+      }
+    if (n.appendChild(c), (o = t.templateData) != null && o.footer) {
+      const d = document.createElement("div");
+      d.className = "cue-st-content-footer", d.textContent = t.templateData.footer, n.appendChild(d);
+    }
+    return { container: n, elementMap: u };
+  }
+}, Et = {
+  async render(t, e, a, i) {
+    var c;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-tech-talk-code", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = t.elements.filter(
+      (o) => o.type === "text" && (o.role === "title" || o.role === "heading")
+    ), r = t.elements.filter((o) => o.type === "code"), l = t.elements.filter(
+      (o) => !(o.type === "text" && (o.role === "title" || o.role === "heading")) && o.type !== "code"
+    ), u = /* @__PURE__ */ new Map();
+    if (s.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-code-header";
+      for (const d of s) {
+        const p = await a(d, e, i);
+        u.set(d.id, p), o.appendChild(p);
+      }
+      n.appendChild(o);
+    }
+    if (r.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-code-container";
+      for (const d of r) {
+        const p = await a(d, e, i);
+        u.set(d.id, p), o.appendChild(p);
+      }
+      n.appendChild(o);
+    }
+    if (l.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-code-footer";
+      for (const d of l) {
+        const p = await a(d, e, i);
+        u.set(d.id, p), o.appendChild(p);
+      }
+      n.appendChild(o);
+    }
+    if ((c = t.templateData) != null && c.footer) {
+      const o = document.createElement("div");
+      o.className = "cue-st-content-footer", o.textContent = t.templateData.footer, n.appendChild(o);
+    }
+    return { container: n, elementMap: u };
+  }
+}, St = {
+  async render(t, e, a, i) {
+    var c;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-pitch-deck-hero", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = xe("radial", [
+      { color: e.colors.accent, stop: 0, opacity: 0.15 },
+      { color: e.colors.accent, stop: 50, opacity: 0.05 },
+      { color: e.colors.background, stop: 100, opacity: 0 }
+    ]);
+    n.appendChild(s);
+    const r = ke(e.colors.accent, "top-right", 400, 0.12);
+    n.appendChild(r);
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = /* @__PURE__ */ new Map();
+    for (const o of t.elements) {
+      const d = await a(o, e, i);
+      u.set(o.id, d), l.appendChild(d);
+    }
+    if ((c = t.templateData) != null && c.tagline) {
+      const o = document.createElement("div");
+      o.className = "cue-st-tagline", o.textContent = t.templateData.tagline, l.appendChild(o);
+    }
+    return n.appendChild(l), { container: n, elementMap: u };
+  }
+}, $t = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-pitch-deck-problem", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = t.elements.filter(
+      (c) => c.type === "text" && (c.role === "title" || c.role === "heading")
+    ), r = t.elements.filter(
+      (c) => !(c.type === "text" && (c.role === "title" || c.role === "heading"))
+    ), l = /* @__PURE__ */ new Map();
+    if (s.length > 0) {
+      const c = document.createElement("div");
+      c.className = "cue-st-content-header";
+      for (const d of s) {
+        const p = await a(d, e, i);
+        l.set(d.id, p), c.appendChild(p);
+      }
+      const o = document.createElement("div");
+      o.className = "cue-st-content-underline", o.style.backgroundColor = e.colors.accent, c.appendChild(o), n.appendChild(c);
+    }
+    const u = document.createElement("div");
+    u.className = "cue-st-content-body";
+    for (const c of r)
+      if (c.type === "list") {
+        const o = T(c);
+        l.set(c.id, o), u.appendChild(o);
+      } else {
+        const o = await a(c, e, i);
+        l.set(c.id, o), u.appendChild(o);
+      }
+    return n.appendChild(u), { container: n, elementMap: l };
+  }
+}, Tt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-pitch-deck-solution", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = t.elements.filter(
+      (u) => u.type === "text" && (u.role === "title" || u.role === "heading")
+    ), r = t.elements.filter(
+      (u) => !(u.type === "text" && (u.role === "title" || u.role === "heading"))
+    ), l = /* @__PURE__ */ new Map();
+    if (s.length > 0) {
+      const u = document.createElement("div");
+      u.className = "cue-st-content-header";
+      for (const o of s) {
+        const d = await a(o, e, i);
+        l.set(o.id, d), u.appendChild(d);
+      }
+      const c = document.createElement("div");
+      c.className = "cue-st-content-underline", c.style.backgroundColor = e.colors.accent, u.appendChild(c), n.appendChild(u);
+    }
+    if (r.length > 0) {
+      const u = document.createElement("div");
+      u.className = "cue-st-content-body";
+      for (const c of r)
+        if (c.type === "list") {
+          const o = T(c);
+          l.set(c.id, o), u.appendChild(o);
+        } else {
+          const o = await a(c, e, i);
+          l.set(c.id, o), u.appendChild(o);
+        }
+      n.appendChild(u);
+    }
+    return { container: n, elementMap: l };
+  }
+}, At = {
+  async render(t, e, a, i) {
+    var u;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-pitch-deck-metrics", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = t.elements.filter(
+      (c) => c.type === "text" && (c.role === "title" || c.role === "heading")
+    ), r = t.elements.filter(
+      (c) => !(c.type === "text" && (c.role === "title" || c.role === "heading"))
+    ), l = /* @__PURE__ */ new Map();
+    if (s.length > 0) {
+      const c = document.createElement("div");
+      c.className = "cue-st-content-header";
+      for (const o of s) {
+        const d = await a(o, e, i);
+        l.set(o.id, d), c.appendChild(d);
+      }
+      n.appendChild(c);
+    }
+    if (r.length > 0) {
+      const c = document.createElement("div");
+      c.className = "cue-st-content-body";
+      for (const o of r)
+        if (o.type === "list") {
+          const d = T(o);
+          l.set(o.id, d), c.appendChild(d);
+        } else {
+          const d = await a(o, e, i);
+          l.set(o.id, d), c.appendChild(d);
+        }
+      n.appendChild(c);
+    }
+    if ((u = t.templateData) != null && u.footer) {
+      const c = document.createElement("div");
+      c.className = "cue-st-content-footer", c.textContent = t.templateData.footer, n.appendChild(c);
+    }
+    return { container: n, elementMap: l };
+  }
+}, Mt = {
+  async render(t, e, a, i) {
+    var c;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-pitch-deck-cta", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = xe("radial", [
+      { color: e.colors.accent, stop: 0, opacity: 0.12 },
+      { color: e.colors.accent, stop: 60, opacity: 0.04 },
+      { color: e.colors.background, stop: 100, opacity: 0 }
+    ]);
+    n.appendChild(s);
+    const r = ke(e.colors.accent, "bottom-left", 400, 0.12);
+    n.appendChild(r);
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = /* @__PURE__ */ new Map();
+    for (const o of t.elements) {
+      const d = await a(o, e, i);
+      u.set(o.id, d), l.appendChild(d);
+    }
+    if ((c = t.templateData) != null && c.tagline) {
+      const o = document.createElement("div");
+      o.className = "cue-st-tagline", o.textContent = t.templateData.tagline, l.appendChild(o);
+    }
+    return n.appendChild(l), { container: n, elementMap: u };
+  }
+}, Nt = {
+  async render(t, e, a, i) {
+    var p, g, h, v;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-workshop-intro", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = we(e.colors.accent, "bottom");
+    n.appendChild(s);
+    const r = L("WORKSHOP", e.colors.accent);
+    n.appendChild(r);
+    const l = document.createElement("div");
+    l.className = "cue-st-content";
+    const u = t.elements.filter(
+      (y) => y.type === "text" && (y.role === "title" || y.role === "heading")
+    ), c = t.elements.filter(
+      (y) => !(y.type === "text" && (y.role === "title" || y.role === "heading"))
+    ), o = /* @__PURE__ */ new Map();
+    for (const y of u) {
+      const b = await a(y, e, i);
+      o.set(y.id, b), l.appendChild(b);
+    }
+    for (const y of c) {
+      const b = await a(y, e, i);
+      o.set(y.id, b), l.appendChild(b);
+    }
+    const d = document.createElement("div");
+    if (d.className = "cue-st-workshop-meta", (p = t.templateData) != null && p.duration) {
+      const y = document.createElement("span");
+      y.className = "cue-st-workshop-meta-item", y.textContent = t.templateData.duration, d.appendChild(y);
+    }
+    if ((g = t.templateData) != null && g.prerequisites) {
+      const y = document.createElement("span");
+      y.className = "cue-st-workshop-meta-item", y.textContent = t.templateData.prerequisites, d.appendChild(y);
+    }
+    return ((h = t.templateData) != null && h.duration || (v = t.templateData) != null && v.prerequisites) && l.appendChild(d), n.appendChild(l), { container: n, elementMap: o };
+  }
+}, It = {
+  async render(t, e, a, i) {
+    var p;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-workshop-step", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = gt(e.colors.accent);
+    n.appendChild(s), n.appendChild(E(e.colors.accent));
+    const r = ((p = t.templateData) == null ? void 0 : p.stepNumber) ?? "1", l = document.createElement("div");
+    l.className = "cue-st-workshop-step-badge", l.style.backgroundColor = e.colors.accent, l.textContent = r, n.appendChild(l);
+    const u = t.elements.filter(
+      (g) => g.type === "text" && (g.role === "title" || g.role === "heading")
+    ), c = t.elements.filter(
+      (g) => !(g.type === "text" && (g.role === "title" || g.role === "heading"))
+    ), o = /* @__PURE__ */ new Map();
+    if (u.length > 0) {
+      const g = document.createElement("div");
+      g.className = "cue-st-content-header";
+      for (const v of u) {
+        const y = await a(v, e, i);
+        o.set(v.id, y), g.appendChild(y);
+      }
+      const h = document.createElement("div");
+      h.className = "cue-st-content-underline", h.style.backgroundColor = e.colors.accent, g.appendChild(h), n.appendChild(g);
+    }
+    const d = document.createElement("div");
+    d.className = "cue-st-content-body";
+    for (const g of c)
+      if (g.type === "list") {
+        const h = T(g);
+        o.set(g.id, h), d.appendChild(h);
+      } else {
+        const h = await a(g, e, i);
+        o.set(g.id, h), d.appendChild(h);
+      }
+    return n.appendChild(d), { container: n, elementMap: o };
+  }
+}, Lt = {
+  async render(t, e, a, i) {
+    var o;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-workshop-exercise", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = L("EXERCISE", e.colors.accent);
+    if (n.appendChild(s), (o = t.templateData) != null && o.timer) {
+      const d = document.createElement("div");
+      d.className = "cue-st-workshop-timer", d.textContent = t.templateData.timer, d.style.backgroundColor = e.colors.accent, n.appendChild(d);
+    }
+    const r = t.elements.filter(
+      (d) => d.type === "text" && (d.role === "title" || d.role === "heading")
+    ), l = t.elements.filter(
+      (d) => !(d.type === "text" && (d.role === "title" || d.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const d = document.createElement("div");
+      d.className = "cue-st-content-header";
+      for (const p of r) {
+        const g = await a(p, e, i);
+        u.set(p.id, g), d.appendChild(g);
+      }
+      n.appendChild(d);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const d of l)
+      if (d.type === "list") {
+        const p = T(d);
+        u.set(d.id, p), c.appendChild(p);
+      } else {
+        const p = await a(d, e, i);
+        u.set(d.id, p), c.appendChild(p);
+      }
+    return n.appendChild(c), { container: n, elementMap: u };
+  }
+}, zt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-workshop-checkpoint", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = t.elements.filter(
+      (c) => c.type === "text" && (c.role === "title" || c.role === "heading")
+    ), r = t.elements.filter(
+      (c) => !(c.type === "text" && (c.role === "title" || c.role === "heading"))
+    ), l = /* @__PURE__ */ new Map();
+    if (s.length > 0) {
+      const c = document.createElement("div");
+      c.className = "cue-st-content-header";
+      for (const d of s) {
+        const p = await a(d, e, i);
+        l.set(d.id, p), c.appendChild(p);
+      }
+      const o = document.createElement("div");
+      o.className = "cue-st-content-underline", o.style.backgroundColor = e.colors.accent, c.appendChild(o), n.appendChild(c);
+    }
+    const u = document.createElement("div");
+    u.className = "cue-st-content-body";
+    for (const c of r)
+      if (c.type === "list") {
+        const o = T(c);
+        l.set(c.id, o), u.appendChild(o);
+      } else {
+        const o = await a(c, e, i);
+        l.set(c.id, o), u.appendChild(o);
+      }
+    return n.appendChild(u), { container: n, elementMap: l };
+  }
+}, Pt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-workshop-summary", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = we(e.colors.accent, "bottom");
+    n.appendChild(s), n.appendChild(E(e.colors.accent));
+    const r = t.elements.filter(
+      (o) => o.type === "text" && (o.role === "title" || o.role === "heading")
+    ), l = t.elements.filter(
+      (o) => !(o.type === "text" && (o.role === "title" || o.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-content-header";
+      for (const p of r) {
+        const g = await a(p, e, i);
+        u.set(p.id, g), o.appendChild(g);
+      }
+      const d = document.createElement("div");
+      d.className = "cue-st-content-underline", d.style.backgroundColor = e.colors.accent, o.appendChild(d), n.appendChild(o);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const o of l)
+      if (o.type === "list") {
+        const d = T(o);
+        u.set(o.id, d), c.appendChild(d);
+      } else {
+        const d = await a(o, e, i);
+        u.set(o.id, d), c.appendChild(d);
+      }
+    return n.appendChild(c), { container: n, elementMap: u };
+  }
+}, Ht = {
+  async render(t, e, a, i) {
+    var p, g;
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-changelog-cover", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = Ce(e.colors.foreground);
+    n.appendChild(s);
+    const r = document.createElement("div");
+    r.className = "cue-st-content";
+    const l = ((p = t.templateData) == null ? void 0 : p.version) ?? "";
+    if (l) {
+      const h = document.createElement("div");
+      h.className = "cue-st-version-badge", h.textContent = l, h.style.color = e.colors.accent, r.appendChild(h);
+    }
+    const u = t.elements.filter(
+      (h) => h.type === "text" && (h.role === "title" || h.role === "heading")
+    ), c = t.elements.filter(
+      (h) => !(h.type === "text" && (h.role === "title" || h.role === "heading"))
+    ), o = /* @__PURE__ */ new Map();
+    for (const h of u) {
+      const v = await a(h, e, i);
+      o.set(h.id, v), r.appendChild(v);
+    }
+    for (const h of c) {
+      const v = await a(h, e, i);
+      o.set(h.id, v), r.appendChild(v);
+    }
+    const d = ((g = t.templateData) == null ? void 0 : g.date) ?? "";
+    if (d) {
+      const h = document.createElement("div");
+      h.className = "cue-st-changelog-date", h.textContent = d, r.appendChild(h);
+    }
+    return n.appendChild(r), { container: n, elementMap: o };
+  }
+}, Bt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-changelog-feature", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = L("NEW", e.colors.secondary);
+    n.appendChild(s);
+    const r = t.elements.filter(
+      (o) => o.type === "text" && (o.role === "title" || o.role === "heading")
+    ), l = t.elements.filter(
+      (o) => !(o.type === "text" && (o.role === "title" || o.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-content-header";
+      for (const p of r) {
+        const g = await a(p, e, i);
+        u.set(p.id, g), o.appendChild(g);
+      }
+      const d = document.createElement("div");
+      d.className = "cue-st-content-underline", d.style.backgroundColor = e.colors.accent, o.appendChild(d), n.appendChild(o);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const o of l)
+      if (o.type === "list") {
+        const d = T(o);
+        u.set(o.id, d), c.appendChild(d);
+      } else {
+        const d = await a(o, e, i);
+        u.set(o.id, d), c.appendChild(d);
+      }
+    return n.appendChild(c), { container: n, elementMap: u };
+  }
+}, Dt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-changelog-breaking", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = L("BREAKING", e.colors.accent);
+    n.appendChild(s);
+    const r = t.elements.filter(
+      (o) => o.type === "text" && (o.role === "title" || o.role === "heading")
+    ), l = t.elements.filter(
+      (o) => !(o.type === "text" && (o.role === "title" || o.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-content-header";
+      for (const p of r) {
+        const g = await a(p, e, i);
+        u.set(p.id, g), o.appendChild(g);
+      }
+      const d = document.createElement("div");
+      d.className = "cue-st-content-underline", d.style.backgroundColor = e.colors.accent, o.appendChild(d), n.appendChild(o);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const o of l)
+      if (o.type === "list") {
+        const d = T(o);
+        u.set(o.id, d), c.appendChild(d);
+      } else {
+        const d = await a(o, e, i);
+        u.set(o.id, d), c.appendChild(d);
+      }
+    return n.appendChild(c), { container: n, elementMap: u };
+  }
+}, jt = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-changelog-fixes", n.dataset.sceneId = t.id, n.style.background = e.colors.background, n.appendChild(E(e.colors.accent));
+    const s = L("FIXES", e.colors.primary);
+    n.appendChild(s);
+    const r = t.elements.filter(
+      (o) => o.type === "text" && (o.role === "title" || o.role === "heading")
+    ), l = t.elements.filter(
+      (o) => !(o.type === "text" && (o.role === "title" || o.role === "heading"))
+    ), u = /* @__PURE__ */ new Map();
+    if (r.length > 0) {
+      const o = document.createElement("div");
+      o.className = "cue-st-content-header";
+      for (const p of r) {
+        const g = await a(p, e, i);
+        u.set(p.id, g), o.appendChild(g);
+      }
+      const d = document.createElement("div");
+      d.className = "cue-st-content-underline", d.style.backgroundColor = e.colors.accent, o.appendChild(d), n.appendChild(o);
+    }
+    const c = document.createElement("div");
+    c.className = "cue-st-content-body";
+    for (const o of l)
+      if (o.type === "list") {
+        const d = T(o);
+        u.set(o.id, d), c.appendChild(d);
+      } else {
+        const d = await a(o, e, i);
+        u.set(o.id, d), c.appendChild(d);
+      }
+    return n.appendChild(c), { container: n, elementMap: u };
+  }
+}, Ft = {
+  async render(t, e, a, i) {
+    const n = document.createElement("div");
+    n.className = "cue-scene cue-st-changelog-credits", n.dataset.sceneId = t.id, n.style.background = e.colors.background;
+    const s = Ce(e.colors.foreground);
+    n.appendChild(s);
+    const r = document.createElement("div");
+    r.className = "cue-st-content";
+    const l = /* @__PURE__ */ new Map();
+    for (const u of t.elements) {
+      const c = await a(u, e, i);
+      l.set(u.id, c), r.appendChild(c);
+    }
+    return n.appendChild(r), { container: n, elementMap: l };
+  }
+}, G = {
+  "tech-talk/intro": bt,
+  "tech-talk/section": vt,
+  "tech-talk/closing": xt,
+  "tech-talk/content": Ct,
+  "tech-talk/code": Et,
+  "pitch-deck/hero": St,
+  "pitch-deck/problem": $t,
+  "pitch-deck/solution": Tt,
+  "pitch-deck/metrics": At,
+  "pitch-deck/cta": Mt,
+  "workshop/intro": Nt,
+  "workshop/step": It,
+  "workshop/exercise": Lt,
+  "workshop/checkpoint": zt,
+  "workshop/summary": Pt,
+  "changelog/cover": Ht,
+  "changelog/feature": Bt,
+  "changelog/breaking": Dt,
+  "changelog/fixes": jt,
+  "changelog/credits": Ft
+};
+function vn(t, e) {
+  G[t] = e;
+}
+function xn(t) {
+  for (const [e, a] of Object.entries(t.renderers))
+    G[e] = a;
+}
+function Rt(t) {
+  return G[t];
+}
+function wn() {
+  return Object.keys(G);
+}
+let Q = null;
+function Ot(t) {
+  return Q || (Q = import("shiki").then(
+    (e) => e.createHighlighter({
+      themes: [t || "vitesse-dark"],
+      langs: [
+        "typescript",
+        "javascript",
+        "json",
+        "html",
+        "css",
+        "bash",
+        "shell",
+        "python",
+        "ruby",
+        "go",
+        "rust",
+        "swift",
+        "kotlin",
+        "java",
+        "c",
+        "cpp",
+        "yaml",
+        "toml",
+        "dockerfile",
+        "sql",
+        "markdown",
+        "xml",
+        "graphql",
+        "text"
+      ]
+    })
+  )), Q;
+}
+function Wt(t, e) {
+  if (t.style.position = "absolute", !e) {
+    t.style.left = "50%", t.style.top = "50%", t.style.transform = "translate(-50%, -50%)";
+    return;
+  }
+  e.maxWidth && (t.style.maxWidth = e.maxWidth), e.width && (t.style.width = e.width);
+  const a = e.anchor ?? "center", i = e.x ?? "50%", n = e.y ?? "50%";
+  switch (a) {
+    case "center":
+      t.style.left = i, t.style.top = n, t.style.transform = "translate(-50%, -50%)";
+      break;
+    case "top-left":
+      t.style.left = i, t.style.top = n;
+      break;
+    case "top-center":
+      t.style.left = i, t.style.top = n, t.style.transform = "translateX(-50%)";
+      break;
+    case "top-right":
+      t.style.right = `calc(100% - ${i})`, t.style.top = n;
+      break;
+    case "center-left":
+      t.style.left = i, t.style.top = n, t.style.transform = "translateY(-50%)";
+      break;
+    case "center-right":
+      t.style.right = `calc(100% - ${i})`, t.style.top = n, t.style.transform = "translateY(-50%)";
+      break;
+    case "bottom-left":
+      t.style.left = i, t.style.bottom = `calc(100% - ${n})`;
+      break;
+    case "bottom-center":
+      t.style.left = i, t.style.bottom = `calc(100% - ${n})`, t.style.transform = "translateX(-50%)";
+      break;
+    case "bottom-right":
+      t.style.right = `calc(100% - ${i})`, t.style.bottom = `calc(100% - ${n})`;
+      break;
+  }
+}
+function _t(t, e) {
+  if (t.type === "text" && t.role === "footer") return "footer";
+  switch (e) {
+    case "center":
+      return "default";
+    case "intro":
+    case "end":
+      return t.type === "image" ? "right" : "left";
+    case "section":
+    case "quote":
+      return "default";
+    case "header-body":
+      return t.type === "text" && (t.role === "title" || t.role === "heading") ? "header" : "body";
+    case "split":
+      return t.type === "text" && (t.role === "title" || t.role === "heading") ? "header" : t.type === "code" || t.type === "image" || t.type === "terminal" ? "right" : "left";
+    case "code-focus":
+      return t.type === "text" && (t.role === "title" || t.role === "heading") ? "header" : "code";
+    case "image-left":
+      return t.type === "image" ? "left" : "right";
+    case "image-right":
+      return t.type === "image" ? "right" : "left";
+    case "image-full":
+      return "default";
+    case "image-grid":
+      return t.type === "text" && (t.role === "title" || t.role === "heading") ? "header" : "body";
+    case "full":
+    case "blank":
+      return "default";
+  }
+}
+function me(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+const Vt = /\.(jpe?g|png|gif|svg|webp|avif|bmp)$/i;
+function qt(t) {
+  return Vt.test(t) || t.startsWith("resources/");
+}
+const ee = /(https?:\/\/[^\s<>"')\]]+)/g;
+function Se(t) {
+  return ee.test(t) ? (ee.lastIndex = 0, t.replace(ee, (e) => {
+    const a = e.length > 60 ? e.slice(0, 57) + "..." : e;
+    return `<a href="${me(e)}" target="_blank" rel="noopener noreferrer">${me(a)}</a>`;
+  })) : null;
+}
+function $e(t) {
+  return /<(strong|em|del|code|a |br)\b/.test(t);
+}
+function Yt(t) {
+  const e = document.createElement("div");
+  e.className = "cue-text", e.dataset.role = t.role ?? "body";
+  const a = t.content;
+  if ($e(a))
+    e.innerHTML = a;
+  else {
+    const i = Se(a);
+    i ? e.innerHTML = i : e.textContent = a;
+  }
+  return e;
+}
+async function Gt(t, e) {
+  var i;
+  const a = document.createElement("div");
+  a.className = "cue-code";
+  try {
+    const n = await Ot(e.codeTheme ?? "vitesse-dark");
+    a.innerHTML = n.codeToHtml(t.content, {
+      lang: t.language,
+      theme: e.codeTheme ?? "vitesse-dark"
+    });
+  } catch {
+    const n = document.createElement("pre"), s = document.createElement("code");
+    s.textContent = t.content, n.appendChild(s), a.appendChild(n);
+  }
+  if ((i = t.highlightLines) != null && i.length) {
+    const n = a.querySelectorAll(".line"), s = n.length;
+    n.forEach((r, l) => {
+      r.dataset.line = String(l + 1), t.highlightLines.includes(l + 1) || r.classList.add("cue-code-line-dimmed");
+    }), a.classList.add("cue-code-steppable"), a.dataset.totalLines = String(s), a.dataset.highlightLines = t.highlightLines.join(","), a.dataset.codeStepIndex = "0";
+  }
+  return a;
+}
+function Kt(t, e) {
+  const a = document.createElement("div");
+  if (a.className = "cue-image", t.placeholder) {
+    const i = document.createElement("div");
+    i.className = "cue-image-placeholder";
+    const n = document.createElement("div");
+    if (n.className = "cue-image-placeholder-icon", n.innerHTML = '<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg>', i.appendChild(n), t.alt) {
+      const s = document.createElement("div");
+      s.className = "cue-image-placeholder-label", s.textContent = t.alt, i.appendChild(s);
+    }
+    a.appendChild(i);
+  } else {
+    const i = document.createElement("img"), n = t.src.startsWith("resources/") && e ? e + t.src : t.src;
+    i.src = n, t.alt && (i.alt = t.alt), t.width && (i.style.width = t.width), t.height && (i.style.height = t.height), a.appendChild(i);
+  }
+  return a;
+}
+function Jt(t) {
+  const e = t.ordered ? "ol" : "ul", a = document.createElement(e);
+  a.className = "cue-list";
+  for (const i of t.items) {
+    const n = document.createElement("li");
+    if ($e(i))
+      n.innerHTML = i;
+    else {
+      const s = Se(i);
+      s ? n.innerHTML = s : n.textContent = i;
+    }
+    a.appendChild(n);
+  }
+  return a;
+}
+const fe = [
+  "#3b82f6",
+  // blue
+  "#8b5cf6",
+  // violet
+  "#06b6d4",
+  // cyan
+  "#f59e0b",
+  // amber
+  "#10b981",
+  // emerald
+  "#ef4444"
+  // red
+];
+function Xt(t) {
+  const e = document.createElement("div"), a = t.headers.length >= 3;
+  e.className = a ? "cue-table cue-table--styled" : "cue-table";
+  const i = document.createElement("table"), n = document.createElement("thead"), s = document.createElement("tr");
+  t.headers.forEach((l, u) => {
+    var o;
+    const c = document.createElement("th");
+    c.innerHTML = l, (o = t.alignments) != null && o[u] && (c.style.textAlign = t.alignments[u]), a && (c.style.backgroundColor = fe[u % fe.length]), s.appendChild(c);
+  }), n.appendChild(s), i.appendChild(n);
+  const r = document.createElement("tbody");
+  for (const l of t.rows) {
+    const u = document.createElement("tr");
+    l.forEach((c, o) => {
+      var p;
+      const d = document.createElement("td");
+      d.innerHTML = c, (p = t.alignments) != null && p[o] && (d.style.textAlign = t.alignments[o]), u.appendChild(d);
+    }), r.appendChild(u);
+  }
+  return i.appendChild(r), e.appendChild(i), e;
+}
+function Zt() {
+  const t = document.createElement("hr");
+  return t.className = "cue-divider", t;
+}
+function Ut(t, e) {
+  const a = document.createElement("div");
+  return a.className = "cue-error-placeholder", a.innerHTML = `<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg><span>Failed to render ${t.type}</span>`, console.warn(`[CuppaCue] Failed to render element "${t.id}" (${t.type}):`, e), a;
+}
+async function te(t, e, a) {
+  let i;
+  try {
+    switch (t.type) {
+      case "text":
+        i = Yt(t);
+        break;
+      case "code":
+        i = await Gt(t, e);
+        break;
+      case "image":
+        i = Kt(t, a);
+        break;
+      case "list":
+        i = Jt(t);
+        break;
+      case "divider":
+        i = Zt();
+        break;
+      case "table":
+        i = Xt(t);
+        break;
+      case "mermaid":
+        i = await ut(t);
+        break;
+      case "chart":
+        i = await ht(t, e);
+        break;
+      case "cards":
+        i = at(t, e);
+        break;
+      case "stats":
+        i = st(t);
+        break;
+      case "terminal":
+        i = ot(t);
+        break;
+      case "flow":
+        i = mt(t);
+        break;
+    }
+  } catch (n) {
+    i = Ut(t, n);
+  }
+  if (i.dataset.elementId = t.id, i.style.opacity = "0", t.style) {
+    const n = t.style;
+    n.fontSize && (i.style.fontSize = n.fontSize), n.color && (i.style.color = n.color), n.fontWeight && (i.style.fontWeight = n.fontWeight), n.fontFamily && (i.style.fontFamily = n.fontFamily), n.textAlign && (i.style.textAlign = n.textAlign), n.padding && (i.style.padding = n.padding);
+  }
+  return i;
+}
+async function ie(t, e, a = "") {
+  const i = t.sceneTemplate ? Rt(t.sceneTemplate) : void 0;
+  if (i)
+    return i.render(t, e, te, a);
+  const n = document.createElement("div");
+  if (n.className = "cue-scene", n.dataset.sceneId = t.id, t.background)
+    if (qt(t.background)) {
+      const r = t.background.startsWith("resources/") && a ? a + t.background : t.background;
+      n.style.backgroundImage = `url("${r}")`, n.style.backgroundSize = "cover", n.style.backgroundPosition = "center";
+    } else
+      n.style.background = t.background;
+  if (t.class)
+    for (const r of t.class.split(/\s+/))
+      r && n.classList.add(r);
+  t.accentBar && (n.dataset.accentBar = t.accentBar.position ?? "top", n.style.setProperty("--cue-accent-bar-color", t.accentBar.color), t.accentBar.height && n.style.setProperty("--cue-accent-bar-height", t.accentBar.height));
+  const s = /* @__PURE__ */ new Map();
+  if (t.layout) {
+    n.dataset.layout = t.layout;
+    const r = /* @__PURE__ */ new Map();
+    for (const l of t.elements) {
+      const u = _t(l, t.layout);
+      r.has(u) || r.set(u, []), r.get(u).push(l);
+    }
+    for (const [l, u] of r) {
+      const c = document.createElement("div");
+      c.className = "cue-slot", c.dataset.slot = l;
+      for (const o of u) {
+        const d = await te(o, e, a);
+        l !== "header" && (d.style.flexGrow = String(Qe(o))), s.set(o.id, d), c.appendChild(d);
+      }
+      n.appendChild(c);
+    }
+  } else
+    for (const r of t.elements) {
+      const l = await te(r, e, a);
+      Wt(l, r.position), s.set(r.id, l), n.appendChild(l);
+    }
+  return { container: n, elementMap: s };
+}
+const Te = {
+  fadeIn: {
+    keyframes: [
+      { opacity: 0 },
+      { opacity: 1 }
+    ]
+  },
+  fadeOut: {
+    keyframes: [
+      { opacity: 1 },
+      { opacity: 0 }
+    ]
+  },
+  fadeInUp: {
+    keyframes: [
+      { opacity: 0, transform: "translateY(30px)" },
+      { opacity: 1, transform: "translateY(0)" }
+    ]
+  },
+  fadeInDown: {
+    keyframes: [
+      { opacity: 0, transform: "translateY(-30px)" },
+      { opacity: 1, transform: "translateY(0)" }
+    ]
+  },
+  fadeInLeft: {
+    keyframes: [
+      { opacity: 0, transform: "translateX(-40px)" },
+      { opacity: 1, transform: "translateX(0)" }
+    ]
+  },
+  fadeInRight: {
+    keyframes: [
+      { opacity: 0, transform: "translateX(40px)" },
+      { opacity: 1, transform: "translateX(0)" }
+    ]
+  },
+  typewriter: {
+    keyframes: [
+      { clipPath: "inset(0 100% 0 0)", opacity: 1 },
+      { clipPath: "inset(0 0% 0 0)", opacity: 1 }
+    ],
+    options: {
+      easing: "steps(40, end)"
+    }
+  },
+  revealDown: {
+    keyframes: [
+      { clipPath: "inset(0 0 100% 0)", opacity: 1 },
+      { clipPath: "inset(0 0 0% 0)", opacity: 1 }
+    ],
+    options: {
+      easing: "steps(20, end)"
+    }
+  },
+  scale: {
+    keyframes: [
+      { opacity: 0, transform: "scale(0.7)" },
+      { opacity: 1, transform: "scale(1)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    }
+  },
+  highlight: {
+    keyframes: [
+      { backgroundColor: "transparent", opacity: 1 },
+      { backgroundColor: "rgba(56, 189, 248, 0.2)", opacity: 1 }
+    ]
+  },
+  bounceIn: {
+    keyframes: [
+      { opacity: 0, transform: "scale(0.3)" },
+      { opacity: 1, transform: "scale(1.05)" },
+      { opacity: 1, transform: "scale(0.95)" },
+      { opacity: 1, transform: "scale(1)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+    }
+  },
+  blurIn: {
+    keyframes: [
+      { opacity: 0, filter: "blur(20px)" },
+      { opacity: 1, filter: "blur(0px)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  },
+  rotateIn: {
+    keyframes: [
+      { opacity: 0, transform: "rotate(-15deg) scale(0.9)" },
+      { opacity: 1, transform: "rotate(0deg) scale(1)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    }
+  },
+  slideUp: {
+    keyframes: [
+      { opacity: 0, transform: "translateY(100%)" },
+      { opacity: 1, transform: "translateY(0)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  },
+  slideDown: {
+    keyframes: [
+      { opacity: 0, transform: "translateY(-100%)" },
+      { opacity: 1, transform: "translateY(0)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  },
+  zoomIn: {
+    keyframes: [
+      { opacity: 0, transform: "scale(0)" },
+      { opacity: 1, transform: "scale(1)" }
+    ],
+    options: {
+      easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    }
+  },
+  codeStep: {
+    keyframes: [
+      { opacity: 0.3 },
+      { opacity: 1 }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  },
+  chartStep: {
+    keyframes: [
+      { opacity: 0.3 },
+      { opacity: 1 }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  },
+  flowReveal: {
+    keyframes: [
+      { opacity: 0 },
+      { opacity: 1 }
+    ],
+    options: {
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  }
+};
+function Qt(t, e) {
+  const i = e - 300;
+  t.style.opacity = "1";
+  const n = t.querySelector("pre");
+  return n ? (t.style.background = "var(--cue-code-bg)", t.style.borderRadius = "12px", n.style.setProperty("background", "transparent", "important"), n.style.clipPath = "inset(0 0 100% 0)", t.animate(
+    [{ opacity: 0 }, { opacity: 1 }],
+    { duration: 300, fill: "forwards", easing: "ease-out" }
+  ), n.animate(
+    [
+      { clipPath: "inset(0 0 100% 0)" },
+      { clipPath: "inset(0 0 0% 0)" }
+    ],
+    {
+      duration: i,
+      fill: "forwards",
+      easing: "steps(20, end)",
+      delay: 300
+    }
+  )) : t.animate(
+    [{ opacity: 0 }, { opacity: 1 }],
+    { duration: e, fill: "forwards", easing: "cubic-bezier(0.4, 0, 0.2, 1)" }
+  );
+}
+function en(t, e) {
+  const a = t.dataset.highlightLines, i = parseInt(t.dataset.totalLines ?? "0", 10);
+  if (!a || i === 0)
+    return t.animate([{ opacity: 1 }], { duration: 0, fill: "forwards" });
+  const n = a.split(",").map(Number).sort((d, p) => d - p), s = [];
+  let r = [n[0]];
+  for (let d = 1; d < n.length; d++)
+    n[d] === n[d - 1] + 1 ? r.push(n[d]) : (s.push(r), r = [n[d]]);
+  if (s.push(r), s.length > 1) {
+    const d = [];
+    for (let p = 1; p <= i; p++) d.push(p);
+    s.push(d);
+  }
+  const l = parseInt(t.dataset.codeStepIndex ?? "0", 10) + 1;
+  t.dataset.codeStepIndex = String(l);
+  const u = s[Math.min(l, s.length - 1)], c = new Set(u);
+  return t.querySelectorAll(".line").forEach((d) => {
+    const p = parseInt(d.dataset.line ?? "0", 10);
+    c.has(p) ? d.classList.remove("cue-code-line-dimmed") : d.classList.add("cue-code-line-dimmed");
+  }), t.animate(
+    [{ opacity: 1 }, { opacity: 1 }],
+    { duration: e, fill: "forwards", easing: "linear" }
+  );
+}
+function tn(t, e) {
+  const a = t.querySelectorAll(".cue-flow-node:not([data-revealed])"), i = t.querySelectorAll(".cue-flow-edge:not([data-revealed])");
+  if (a.length > 0) {
+    const n = a[0], s = n.getAttribute("data-node-id");
+    n.setAttribute("data-revealed", ""), i.forEach((r) => {
+      r.getAttribute("data-to") === s && r.setAttribute("data-revealed", "");
+    });
+  }
+  return t.animate(
+    [{ opacity: 1 }, { opacity: 1 }],
+    { duration: e, fill: "forwards", easing: "linear" }
+  );
+}
+function nn(t, e) {
+  const a = t.__cueChart, i = t.__cueChartDatasets;
+  if (a && i) {
+    let n = t.__cueChartStep ?? 0;
+    n++, n < i.length && (a.data.datasets[n] = { ...i[n], hidden: !1 }, a.update("active"), t.__cueChartStep = n);
+  }
+  return t.animate(
+    [{ opacity: 1 }, { opacity: 1 }],
+    { duration: e, fill: "forwards", easing: "linear" }
+  );
+}
+function an(t, e, a = 600) {
+  var s;
+  const i = Te[e];
+  if (!i)
+    throw new Error(`Unknown animation: ${e}`);
+  return e === "revealDown" && t.classList.contains("cue-code") ? Qt(t, a) : e === "codeStep" && t.classList.contains("cue-code-steppable") ? en(t, a) : e === "chartStep" && t.classList.contains("cue-chart") ? nn(t, a) : e === "flowReveal" && t.classList.contains("cue-flow") ? tn(t, a) : ((e === "typewriter" || e === "revealDown" || e === "bounceIn" || e === "slideUp" || e === "slideDown") && (t.style.opacity = "1"), t.animate(i.keyframes, {
+    duration: a,
+    fill: "forwards",
+    easing: ((s = i.options) == null ? void 0 : s.easing) ?? "cubic-bezier(0.4, 0, 0.2, 1)",
+    ...i.options
+  }));
+}
+function kn() {
+  return Object.keys(Te);
+}
+class ge {
+  constructor(e = 600) {
+    f(this, "entry", null);
+    f(this, "elementMap", /* @__PURE__ */ new Map());
+    f(this, "currentTime", 0);
+    f(this, "playing", !1);
+    f(this, "paused", !1);
+    f(this, "rafId", null);
+    f(this, "lastTimestamp", null);
+    f(this, "firedEvents", /* @__PURE__ */ new Set());
+    f(this, "firedMarkers", /* @__PURE__ */ new Set());
+    f(this, "activeAnimations", []);
+    f(this, "listeners", []);
+    f(this, "defaultDuration");
+    f(this, "tick", () => {
+      if (!this.playing || !this.entry) return;
+      const e = performance.now();
+      if (this.lastTimestamp !== null) {
+        const a = e - this.lastTimestamp;
+        this.currentTime += a;
+      }
+      this.lastTimestamp = e;
+      for (let a = 0; a < this.entry.events.length; a++) {
+        if (this.firedEvents.has(a)) continue;
+        const i = this.entry.events[a];
+        this.currentTime >= i.at && (this.fireEvent(i), this.firedEvents.add(a));
+      }
+      if (this.entry.markers)
+        for (let a = 0; a < this.entry.markers.length; a++) {
+          if (this.firedMarkers.has(a)) continue;
+          const i = this.entry.markers[a];
+          if (this.currentTime >= i.at && (this.firedMarkers.add(a), this.emit("marker", i), i.action === "pause")) {
+            this.pause();
+            return;
+          }
+        }
+      if (this.currentTime >= this.entry.duration) {
+        this.playing = !1, this.emit("complete");
+        return;
+      }
+      this.emit("tick"), this.rafId = requestAnimationFrame(this.tick);
+    });
+    this.defaultDuration = e;
+  }
+  on(e) {
+    return this.listeners.push(e), () => {
+      this.listeners = this.listeners.filter((a) => a !== e);
+    };
+  }
+  emit(e, a) {
+    for (const i of this.listeners)
+      i(e, a);
+  }
+  load(e, a) {
+    this.stop(), this.entry = e, this.elementMap = a, this.currentTime = 0, this.firedEvents.clear(), this.firedMarkers.clear(), this.activeAnimations = [];
+  }
+  play() {
+    if (this.entry) {
+      if (this.paused) {
+        this.resume();
+        return;
+      }
+      this.playing = !0, this.paused = !1, this.lastTimestamp = null, this.tick();
+    }
+  }
+  pause() {
+    if (this.playing) {
+      this.playing = !1, this.paused = !0, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
+      for (const e of this.activeAnimations)
+        e.playState === "running" && e.pause();
+      this.emit("pause");
+    }
+  }
+  resume() {
+    if (this.paused) {
+      this.paused = !1, this.playing = !0;
+      for (const e of this.activeAnimations)
+        e.playState === "paused" && e.play();
+      this.lastTimestamp = null, this.tick(), this.emit("resume");
+    }
+  }
+  stop() {
+    this.playing = !1, this.paused = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
+    for (const e of this.activeAnimations)
+      e.cancel();
+    this.activeAnimations = [], this.lastTimestamp = null;
+  }
+  /** Advance timeline to the end, firing all remaining events immediately */
+  skipToEnd() {
+    if (this.entry) {
+      for (let e = 0; e < this.entry.events.length; e++)
+        this.firedEvents.has(e) || (this.fireEvent(this.entry.events[e]), this.firedEvents.add(e));
+      this.currentTime = this.entry.duration, this.stop(), this.emit("complete");
+    }
+  }
+  isPlaying() {
+    return this.playing;
+  }
+  isPaused() {
+    return this.paused;
+  }
+  getCurrentTime() {
+    return this.currentTime;
+  }
+  /** Returns true if there are unfired events remaining */
+  hasUnfiredEvents() {
+    return this.entry ? this.firedEvents.size < this.entry.events.length : !1;
+  }
+  /** Returns true if there are unfired pause markers remaining */
+  hasUnfiredMarkers() {
+    var i;
+    if (!((i = this.entry) != null && i.markers)) return !1;
+    const e = this.entry.markers.filter((n) => n.action === "pause");
+    return [...this.firedMarkers].filter(
+      (n) => this.entry.markers[n].action === "pause"
+    ).length < e.length;
+  }
+  /** Total step count for this scene (number of pause markers + 1 for the final state) */
+  totalSteps() {
+    var a;
+    return (a = this.entry) != null && a.markers ? this.entry.markers.filter((i) => i.action === "pause").length + 1 : 1;
+  }
+  /** Skip forward to the next unfired marker, firing all events up to that point */
+  skipToNextMarker() {
+    var e;
+    if ((e = this.entry) != null && e.markers)
+      for (let a = 0; a < this.entry.markers.length; a++) {
+        if (this.firedMarkers.has(a)) continue;
+        const i = this.entry.markers[a];
+        for (let n = 0; n < (this.entry.events ?? []).length; n++) {
+          if (this.firedEvents.has(n)) continue;
+          const s = this.entry.events[n];
+          s.at <= i.at && (this.fireEvent(s), this.firedEvents.add(n));
+        }
+        this.currentTime = i.at, this.firedMarkers.add(a), this.emit("marker", i), i.action === "pause" && this.pause();
+        return;
+      }
+  }
+  /** Current step (how many pause markers have been fired) */
+  currentStep() {
+    var a;
+    if (!((a = this.entry) != null && a.markers)) return 1;
+    let e = 0;
+    for (let i = 0; i < this.entry.markers.length; i++)
+      this.firedMarkers.has(i) && this.entry.markers[i].action === "pause" && e++;
+    return e + 1;
+  }
+  fireEvent(e) {
+    const a = this.elementMap.get(e.elementId);
+    if (!a) {
+      console.warn(`[CuppaCue] Element not found: ${e.elementId}`);
+      return;
+    }
+    const i = e.duration ?? this.defaultDuration, n = an(a, e.animation, i);
+    this.activeAnimations.push(n), n.finished.then(() => {
+      this.activeAnimations = this.activeAnimations.filter((s) => s !== n);
+    }).catch(() => {
+    });
+  }
+}
+const Y = class Y {
+  constructor(e) {
+    f(this, "actions");
+    f(this, "boundKeyHandler");
+    f(this, "boundClickHandler");
+    f(this, "boundTouchStart");
+    f(this, "boundTouchEnd");
+    f(this, "container", null);
+    f(this, "touchStartX", 0);
+    f(this, "touchStartY", 0);
+    f(this, "lastNavTime", 0);
+    this.actions = e, this.boundKeyHandler = this.handleKeyDown.bind(this), this.boundClickHandler = this.handleClick.bind(this), this.boundTouchStart = this.handleTouchStart.bind(this), this.boundTouchEnd = this.handleTouchEnd.bind(this);
+  }
+  attach(e) {
+    this.container = e, document.addEventListener("keydown", this.boundKeyHandler), e.addEventListener("click", this.boundClickHandler), e.addEventListener("touchstart", this.boundTouchStart, { passive: !0 }), e.addEventListener("touchend", this.boundTouchEnd), e.style.cursor = "pointer", e.tabIndex = 0;
+  }
+  detach() {
+    document.removeEventListener("keydown", this.boundKeyHandler), this.container && (this.container.removeEventListener("click", this.boundClickHandler), this.container.removeEventListener("touchstart", this.boundTouchStart), this.container.removeEventListener("touchend", this.boundTouchEnd), this.container = null);
+  }
+  throttleNav() {
+    const e = Date.now();
+    return e - this.lastNavTime < Y.NAV_COOLDOWN ? !0 : (this.lastNavTime = e, !1);
+  }
+  handleKeyDown(e) {
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+      case " ":
+        e.preventDefault(), this.throttleNav() || this.actions.next();
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        e.preventDefault(), this.throttleNav() || this.actions.prev();
+        break;
+      case "f":
+        e.preventDefault(), this.actions.toggleFullscreen();
+        break;
+      case "Escape":
+        this.actions.isOverviewVisible() ? (e.preventDefault(), this.actions.toggleOverview()) : document.fullscreenElement && (e.preventDefault(), document.exitFullscreen());
+        break;
+      case "p":
+        e.preventDefault(), this.actions.togglePlayPause();
+        break;
+      case "n":
+        e.preventDefault(), this.actions.openPresenterView();
+        break;
+      case "o":
+        e.preventDefault(), this.actions.toggleOverview();
+        break;
+    }
+  }
+  handleClick(e) {
+    this.throttleNav() || this.actions.next();
+  }
+  handleTouchStart(e) {
+    const a = e.touches[0];
+    this.touchStartX = a.clientX, this.touchStartY = a.clientY;
+  }
+  handleTouchEnd(e) {
+    const a = e.changedTouches[0], i = a.clientX - this.touchStartX, n = a.clientY - this.touchStartY;
+    Math.abs(n) > Math.abs(i) || Math.abs(i) < 50 || (e.preventDefault(), !this.throttleNav() && (i < 0 ? this.actions.next() : this.actions.prev()));
+  }
+};
+f(Y, "NAV_COOLDOWN", 150);
+let ne = Y;
+class sn {
+  constructor(e, a, i) {
+    f(this, "overlay", null);
+    f(this, "container");
+    f(this, "cupFile");
+    f(this, "visible", !1);
+    f(this, "onSelectScene");
+    this.container = e, this.cupFile = a, this.onSelectScene = i;
+  }
+  isVisible() {
+    return this.visible;
+  }
+  async toggle() {
+    this.visible ? this.hide() : await this.show();
+  }
+  async show() {
+    if (this.overlay) return;
+    this.visible = !0, this.overlay = document.createElement("div"), this.overlay.className = "cue-overview", this.overlay.addEventListener("click", (i) => {
+      i.target === this.overlay && this.hide();
+    });
+    const e = document.createElement("div");
+    e.className = "cue-overview-grid";
+    const a = this.cupFile.content.scenes;
+    for (let i = 0; i < a.length; i++) {
+      const n = await this.createThumbnail(a[i], i);
+      e.appendChild(n);
+    }
+    this.overlay.appendChild(e), this.container.appendChild(this.overlay), requestAnimationFrame(() => {
+      var i;
+      (i = this.overlay) == null || i.classList.add("cue-overview--visible");
+    });
+  }
+  hide() {
+    if (!this.overlay) return;
+    this.visible = !1, this.overlay.classList.remove("cue-overview--visible");
+    const e = this.overlay;
+    setTimeout(() => {
+      e.remove();
+    }, 300), this.overlay = null;
+  }
+  destroy() {
+    this.hide();
+  }
+  async createThumbnail(e, a) {
+    const i = document.createElement("div");
+    i.className = "cue-overview-thumb", i.dataset.index = String(a);
+    const n = document.createElement("div");
+    n.className = "cue-overview-label", n.textContent = String(a + 1), i.appendChild(n);
+    const s = document.createElement("div");
+    s.className = "cue-overview-scene";
+    try {
+      const r = await ie(e, this.cupFile.theme);
+      for (const [, l] of r.elementMap)
+        l.style.opacity = "1";
+      s.appendChild(r.container);
+    } catch {
+      s.textContent = `Scene ${a + 1}`;
+    }
+    return i.appendChild(s), i.addEventListener("click", (r) => {
+      r.stopPropagation(), this.onSelectScene(a), this.hide();
+    }), i;
+  }
+}
+const on = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cue-bg: #0f172a;--cue-fg: #e2e8f0;--cue-primary: #38bdf8;--cue-secondary: #a78bfa;--cue-accent: #f472b6;--cue-code-bg: #1e293b;--cue-code-fg: #e2e8f0;--cue-font-heading: "Inter", system-ui, sans-serif;--cue-font-body: "Inter", system-ui, sans-serif;--cue-font-code: "JetBrains Mono", "Fira Code", monospace;--cue-shadow: 0 4px 24px rgba(0, 0, 0, .12);--cue-shadow-lg: 0 8px 32px rgba(0, 0, 0, .18)}', rn = ".cue-text{line-height:1.5}.cue-text[data-role=title]{font-family:var(--cue-font-heading);font-size:var(--cue-typo-title-size, clamp(1.5rem, 5vw, 3.5rem));font-weight:var(--cue-typo-title-weight, 700);line-height:var(--cue-typo-title-lh, 1.2);letter-spacing:var(--cue-typo-title-ls, normal);text-transform:var(--cue-typo-title-tt, none);color:var(--cue-fg);text-align:center}.cue-text[data-role=subtitle]{font-family:var(--cue-font-body);font-size:var(--cue-typo-subtitle-size, clamp(.9rem, 2.5vw, 1.5rem));font-weight:var(--cue-typo-subtitle-weight, 400);line-height:var(--cue-typo-subtitle-lh, 1.5);letter-spacing:var(--cue-typo-subtitle-ls, normal);text-transform:var(--cue-typo-subtitle-tt, none);color:var(--cue-secondary);text-align:center}.cue-text[data-role=heading]{font-family:var(--cue-font-heading);font-size:var(--cue-typo-heading-size, 2.25rem);font-weight:var(--cue-typo-heading-weight, 600);line-height:var(--cue-typo-heading-lh, 1.3);letter-spacing:var(--cue-typo-heading-ls, normal);text-transform:var(--cue-typo-heading-tt, none);color:var(--cue-primary);text-align:center}.cue-text[data-role=body]{font-family:var(--cue-font-body);font-size:var(--cue-typo-body-size, 1.25rem);font-weight:var(--cue-typo-body-weight, 400);line-height:var(--cue-typo-body-lh, 1.5);letter-spacing:var(--cue-typo-body-ls, normal);text-transform:var(--cue-typo-body-tt, none);color:var(--cue-fg)}.cue-text[data-role=caption]{font-family:var(--cue-font-body);font-size:var(--cue-typo-caption-size, 1rem);font-weight:var(--cue-typo-caption-weight, 400);line-height:var(--cue-typo-caption-lh, 1.5);letter-spacing:var(--cue-typo-caption-ls, normal);text-transform:var(--cue-typo-caption-tt, none);color:var(--cue-fg);opacity:.6;text-align:center}.cue-text[data-role=footer]{font-family:var(--cue-font-body);font-size:var(--cue-typo-footer-size, .85rem);font-weight:var(--cue-typo-footer-weight, 400);line-height:var(--cue-typo-footer-lh, 1.5);letter-spacing:var(--cue-typo-footer-ls, normal);text-transform:var(--cue-typo-footer-tt, none);color:var(--cue-secondary);opacity:.6}.cue-code{font-family:var(--cue-font-code);font-size:clamp(1rem,1.6vw,1.5rem);line-height:1.7;overflow:hidden}.cue-code pre{background:var(--cue-code-bg)!important;border-radius:12px;padding:1.5rem;overflow-x:auto;margin:0;box-shadow:var(--cue-shadow)}.cue-code code{font-family:inherit}.cue-code-steppable .line{transition:opacity .3s ease}.cue-code-line-dimmed{opacity:.3}.cue-list{font-family:var(--cue-font-body);font-size:1.25rem;line-height:2;color:var(--cue-fg);padding-left:1.5em}.cue-list li{margin-bottom:.25em}.cue-list li::marker{color:var(--cue-primary)}.cue-divider{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--cue-primary),transparent)}.cue-image{display:flex;justify-content:center;align-items:center}.cue-image img{max-width:100%;max-height:100%;border-radius:8px;object-fit:contain}.cue-scene[data-layout] .cue-image{flex:1 1 0;min-height:0}.cue-scene[data-layout] .cue-image img{width:100%;height:100%;object-fit:contain}.cue-scene[data-layout=full] .cue-image img{border-radius:0}.cue-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:200px;padding:2rem;border:2px dashed var(--cue-secondary);border-radius:12px;background:color-mix(in srgb,var(--cue-secondary) 8%,transparent)}.cue-image-placeholder-icon{color:var(--cue-secondary);opacity:.6}.cue-image-placeholder-label{font-size:.9rem;color:var(--cue-secondary);opacity:.8;font-style:italic;text-align:center;max-width:80%}.cue-text a,.cue-list a{color:var(--cue-primary);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}.cue-text a:hover,.cue-list a:hover{opacity:.8}.cue-scene[data-layout] .cue-text[data-role=heading],.cue-scene[data-layout] .cue-text[data-role=title]{text-align:left}.cue-scene[data-layout=center] .cue-text[data-role=heading],.cue-scene[data-layout=center] .cue-text[data-role=title]{text-align:center}.cue-scene[data-layout] .cue-code{flex:1 1 0;min-height:0}.cue-scene[data-layout] .cue-code pre{height:100%;overflow:auto}.cue-scene[data-layout] .cue-list{flex:1 1 0}.cue-text strong,.cue-list strong{font-weight:700}.cue-text em,.cue-list em{font-style:italic}.cue-text del,.cue-list del{text-decoration:line-through;opacity:.7}.cue-text code,.cue-list code{font-family:var(--cue-font-code);font-size:.85em;background:color-mix(in srgb,var(--cue-code-bg) 60%,transparent);padding:.15em .4em;border-radius:4px}.cue-table{font-family:var(--cue-font-body);font-size:1.1rem;line-height:1.6;color:var(--cue-fg);overflow-x:auto;width:100%}.cue-table table{width:100%;border-collapse:collapse;border-spacing:0}.cue-table th,.cue-table td{padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--cue-fg) 15%,transparent)}.cue-table th{font-weight:600;text-align:left;color:var(--cue-primary);border-bottom-width:2px;border-bottom-color:var(--cue-primary)}.cue-table tbody tr:hover{background:color-mix(in srgb,var(--cue-fg) 5%,transparent)}.cue-table tbody tr:last-child td{border-bottom:none}.cue-table--styled th{color:#fff;font-weight:700;padding:.85rem 1rem;border-bottom:none}.cue-table--styled th:first-child{border-radius:8px 0 0}.cue-table--styled th:last-child{border-radius:0 8px 0 0}.cue-table--styled tbody tr:nth-child(2n){background:color-mix(in srgb,var(--cue-fg) 4%,transparent)}.cue-scene[data-layout] .cue-table{flex:1 1 0}.cue-table code{font-family:var(--cue-font-code);font-size:.85em;background:color-mix(in srgb,var(--cue-code-bg) 60%,transparent);padding:.15em .4em;border-radius:4px}.cue-table a{color:var(--cue-primary);text-decoration:underline;text-underline-offset:2px}.cue-mermaid{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;padding:1rem}.cue-mermaid svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.cue-mermaid-fallback{font-family:var(--cue-font-code);font-size:.9rem;color:var(--cue-fg);opacity:.7;white-space:pre-wrap}.cue-chart{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;padding:1rem}.cue-chart canvas{width:100%;height:100%;max-width:100%;max-height:100%}.cue-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;padding:.5rem}.cue-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2rem 1.5rem;border-radius:16px;background:color-mix(in srgb,var(--cue-fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--cue-fg) 12%,transparent);box-shadow:var(--cue-shadow);transition:transform .2s ease,box-shadow .2s ease}.cue-card:hover{transform:translateY(-2px);box-shadow:var(--cue-shadow-lg)}.cue-card[data-accent]{border-top:3px solid var(--cue-card-accent)}.cue-card-icon{color:var(--cue-primary);width:32px;height:32px}.cue-card-icon svg{width:100%;height:100%}.cue-card-title{font-family:var(--cue-font-heading);font-size:1.25rem;font-weight:600;color:var(--cue-fg)}.cue-card-desc{font-family:var(--cue-font-body);font-size:.95rem;color:var(--cue-secondary);line-height:1.5}.cue-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;padding:1rem}.cue-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:140px}.cue-stat-value{font-family:var(--cue-font-heading);font-size:3.5rem;font-weight:700;color:var(--cue-primary);font-variant-numeric:tabular-nums;line-height:1.1}.cue-stat-label{font-family:var(--cue-font-body);font-size:1rem;color:var(--cue-secondary);text-transform:uppercase;letter-spacing:.05em}.cue-terminal{font-family:var(--cue-font-code);font-size:.95rem;line-height:1.7;background:#1a1a2e;border-radius:12px;overflow:hidden;width:100%;box-shadow:var(--cue-shadow)}.cue-terminal-chrome{display:flex;gap:6px;padding:12px 16px;background:#16162a}.cue-terminal-dot{width:12px;height:12px;border-radius:50%}.cue-terminal-dot--red{background:#ff5f56}.cue-terminal-dot--yellow{background:#ffbd2e}.cue-terminal-dot--green{background:#27c93f}.cue-terminal-body{padding:1rem 1.5rem 1.5rem}.cue-terminal-line{white-space:pre-wrap;word-break:break-all}.cue-terminal-line--command{color:#e2e8f0}.cue-terminal-line--output{color:#94a3b8}.cue-terminal-prompt{color:#27c93f;-webkit-user-select:none;user-select:none}.cue-terminal-text{color:#e2e8f0}.cue-scene[data-layout] .cue-terminal,.cue-scene[data-layout] .cue-cards,.cue-scene[data-layout] .cue-stats,.cue-scene[data-layout] .cue-mermaid,.cue-scene[data-layout] .cue-chart{flex:1 1 0;min-height:0}.cue-flow{display:flex;align-items:center;justify-content:center}.cue-flow-svg{height:auto}.cue-flow-node-rect{fill:var(--cue-accent, #3b82f6);opacity:.15;stroke:var(--cue-accent, #3b82f6);stroke-width:2;transition:opacity .4s ease}.cue-flow-node-label{fill:var(--cue-fg, #fff);font-family:var(--cue-font-body);font-size:14px;text-anchor:middle;dominant-baseline:central}.cue-flow-node-icon{fill:var(--cue-fg, #fff);font-size:16px;dominant-baseline:central}.cue-flow-path{fill:none;stroke:var(--cue-secondary, #94a3b8);stroke-width:2;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset .6s ease}.cue-flow-arrow{fill:var(--cue-secondary, #94a3b8);opacity:0;transition:opacity .3s ease .4s}.cue-flow-edge-label{fill:var(--cue-secondary, #94a3b8);font-family:var(--cue-font-body);font-size:12px;text-anchor:middle;opacity:0;transition:opacity .3s ease .4s}.cue-flow-node[data-revealed] .cue-flow-node-rect{opacity:.3}.cue-flow-edge[data-revealed] .cue-flow-path{stroke-dashoffset:0}.cue-flow-edge[data-revealed] .cue-flow-arrow,.cue-flow-edge[data-revealed] .cue-flow-edge-label{opacity:1}.cue-scene[data-layout] .cue-flow{flex:1 1 0;min-height:0}.cue-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:120px;padding:2rem;border:2px dashed color-mix(in srgb,var(--cue-fg) 25%,transparent);border-radius:12px;background:color-mix(in srgb,var(--cue-fg) 5%,transparent);color:color-mix(in srgb,var(--cue-fg) 50%,transparent);font-family:var(--cue-font-body);font-size:.9rem}", cn = '.cue-scene[data-layout]{display:grid;padding:5% 6%;gap:2rem;align-content:start}.cue-scene[data-layout=center]{grid-template-rows:1fr;grid-template-columns:1fr;align-content:center;justify-items:center;text-align:center}.cue-scene[data-layout=intro]{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:"left";align-content:center;justify-items:start;text-align:left}.cue-scene[data-layout=intro]:has(.cue-slot[data-slot=right]){grid-template-columns:3fr 2fr;grid-template-areas:"left right"}.cue-scene[data-layout=intro] .cue-slot[data-slot=left]{align-self:center}.cue-scene[data-layout=intro] .cue-slot[data-slot=right]{align-self:center;justify-self:center}.cue-scene[data-layout=intro] .cue-slot[data-slot=right] .cue-image{max-height:70vh;display:flex;align-items:center;justify-content:center}.cue-scene[data-layout=intro] .cue-slot[data-slot=right] .cue-image img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px}.cue-scene[data-layout=header-body]{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"header" "body" "footer"}.cue-scene[data-layout=split]{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;grid-template-areas:"header header" "left   right" "footer footer"}.cue-scene[data-layout=code-focus]{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"header" "code" "footer"}.cue-scene[data-layout=full]{grid-template-rows:1fr;grid-template-columns:1fr;padding:2%}.cue-scene[data-layout=blank]{grid-template-rows:1fr;grid-template-columns:1fr;padding:0}.cue-scene[data-layout=section]{grid-template-rows:1fr;grid-template-columns:1fr;align-content:center;justify-items:center;text-align:center}.cue-scene[data-layout=section] .cue-text[data-role=heading],.cue-scene[data-layout=section] .cue-text[data-role=title]{font-size:3rem;position:relative;padding-bottom:1rem}.cue-scene[data-layout=section] .cue-text[data-role=heading]:after,.cue-scene[data-layout=section] .cue-text[data-role=title]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--cue-primary);border-radius:2px}.cue-scene[data-layout=end]{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:"left";align-content:center;justify-items:start;text-align:left}.cue-scene[data-layout=end]:has(.cue-slot[data-slot=right]){grid-template-columns:3fr 2fr;grid-template-areas:"left right"}.cue-scene[data-layout=end] .cue-slot[data-slot=left]{align-self:center}.cue-scene[data-layout=end] .cue-slot[data-slot=right]{align-self:center;justify-self:center}.cue-scene[data-layout=quote]{grid-template-rows:1fr;grid-template-columns:1fr;align-content:center;justify-items:center;text-align:center;padding:10% 15%}.cue-scene[data-layout=quote] .cue-text[data-role=caption],.cue-scene[data-layout=quote] .cue-text[data-role=body]{font-size:1.8rem;font-style:italic;line-height:1.6;position:relative;padding:1.5rem 0}.cue-scene[data-layout=quote] .cue-text[data-role=caption]:before,.cue-scene[data-layout=quote] .cue-text[data-role=body]:before{content:"“";position:absolute;top:-.5rem;left:-1.5rem;font-size:4rem;color:var(--cue-primary);opacity:.4;font-style:normal}.cue-scene[data-layout=image-left]{grid-template-rows:1fr;grid-template-columns:2fr 3fr;grid-template-areas:"left right";align-content:center;padding:3%;gap:3rem}.cue-scene[data-layout=image-left] .cue-slot[data-slot=left]{align-self:center;justify-self:center}.cue-scene[data-layout=image-left] .cue-slot[data-slot=left] .cue-image img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px}.cue-scene[data-layout=image-left] .cue-slot[data-slot=right]{align-self:center;padding:2% 4%}.cue-scene[data-layout=image-right]{grid-template-rows:1fr;grid-template-columns:3fr 2fr;grid-template-areas:"left right";align-content:center;padding:3%;gap:3rem}.cue-scene[data-layout=image-right] .cue-slot[data-slot=left]{align-self:center;padding:2% 4%}.cue-scene[data-layout=image-right] .cue-slot[data-slot=right]{align-self:center;justify-self:center}.cue-scene[data-layout=image-right] .cue-slot[data-slot=right] .cue-image img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px}.cue-scene[data-layout=image-full]{grid-template-rows:1fr;grid-template-columns:1fr;align-content:end;justify-items:start;padding:6% 8%;position:relative}.cue-scene[data-layout=image-full] .cue-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cue-scene[data-layout=image-full] .cue-image img{width:100%;height:100%;object-fit:cover}.cue-scene[data-layout=image-full] .cue-text{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.cue-scene[data-layout=image-grid]{grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-template-areas:"header" "body";padding:3% 4%;gap:1.5rem;align-content:center}.cue-scene[data-layout=image-grid] .cue-slot[data-slot=body]{flex-direction:row;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center;overflow:visible}.cue-scene[data-layout=image-grid] .cue-slot .cue-image{flex:1 1 0;min-width:0;min-height:0;max-height:100%}.cue-scene[data-layout=image-grid] .cue-slot .cue-image img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:12px}.cue-scene[data-layout=image-grid].vertical .cue-slot[data-slot=body]{flex-direction:column;align-items:center}.cue-scene[data-layout=image-grid].vertical .cue-slot .cue-image{flex:0 1 auto;width:50%}.cue-slot{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:0;overflow:hidden}.cue-slot[data-slot=header]{grid-area:header}.cue-slot[data-slot=body]{grid-area:body}.cue-slot[data-slot=left]{grid-area:left}.cue-slot[data-slot=right]{grid-area:right}.cue-slot[data-slot=code]{grid-area:code}.cue-slot[data-slot=footer]{grid-area:footer;align-self:end}.cue-scene[data-accent-bar]{position:relative}.cue-scene[data-accent-bar]:before{content:"";position:absolute;left:0;right:0;height:var(--cue-accent-bar-height, 4px);background:var(--cue-accent-bar-color);z-index:10}.cue-scene[data-accent-bar=top]:before{top:0}.cue-scene[data-accent-bar=bottom]:before{bottom:0}', ln = ".cue-st-decorations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.cue-st-badge{position:absolute;top:8%;left:6%;z-index:2;padding:.5rem 2rem;border-radius:4px;font-family:var(--cue-font-body);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff}.cue-st-footer-bar{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:1rem 6%;text-align:center;font-family:var(--cue-font-body);font-size:.9rem;color:var(--cue-secondary);opacity:.7;background:linear-gradient(transparent,#0000004d)}.cue-st-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;z-index:10}.cue-st-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem}.cue-st-badge{opacity:0;animation:cue-st-fade-in .6s ease .3s forwards}.cue-st-footer-bar{opacity:0;animation:cue-st-slide-up .5s ease .5s forwards}.cue-st-decorations{opacity:0;animation:cue-st-fade-in 1s ease forwards}.cue-st-accent-bar{opacity:0;animation:cue-st-fade-in .4s ease .1s forwards}@keyframes cue-st-fade-in{to{opacity:1}}@keyframes cue-st-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cue-st-tech-talk-intro{position:relative;display:flex;align-items:center;padding:15% 6% 5%}.cue-st-tech-talk-intro .cue-st-content{max-width:60%}.cue-st-tech-talk-intro .cue-text[data-role=title]{font-size:clamp(2.5rem,7vw,5rem);line-height:1.1}.cue-st-tech-talk-intro .cue-text[data-role=subtitle]{color:var(--cue-accent);font-style:italic;font-size:clamp(1.1rem,2.5vw,1.8rem)}.cue-st-tech-talk-section{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:5% 10%}.cue-st-section-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cue-st-section-stripe{position:absolute;left:0;top:15%;bottom:15%;width:4px;z-index:1;opacity:0;animation:cue-st-fade-in .6s ease .2s forwards}.cue-st-tech-talk-section .cue-text[data-role=heading]{font-size:clamp(1.8rem,5vw,3.5rem)}.cue-st-accent-line{width:80px;height:4px;margin:1rem auto 0;border-radius:2px;opacity:0;animation:cue-st-fade-in .5s ease .4s forwards}.cue-st-tech-talk-closing{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:5% 6%}.cue-st-tech-talk-closing .cue-text[data-role=title],.cue-st-tech-talk-closing .cue-text[data-role=heading]{font-size:clamp(2rem,5vw,3.5rem)}.cue-st-tech-talk-closing .cue-text[data-role=subtitle]{color:var(--cue-accent)}.cue-st-tech-talk-content{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-content-header{flex-shrink:0;margin-bottom:1.5rem}.cue-st-content-header .cue-text[data-role=heading],.cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-content-underline{width:60px;height:3px;border-radius:2px;margin-top:.75rem;opacity:0;animation:cue-st-fade-in .5s ease .3s forwards}.cue-st-content-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;flex:1 1 0;min-height:0}.cue-st-list-rows{display:flex;flex-direction:column;gap:.75rem;flex:1 1 0;min-height:0}.cue-st-list-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;background:color-mix(in srgb,var(--cue-fg) 5%,transparent);border:1px solid color-mix(in srgb,var(--cue-fg) 8%,transparent)}.cue-st-list-accent{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.cue-st-list-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--cue-font-heading);font-size:.95rem;font-weight:700;color:#fff;flex-shrink:0}.cue-st-list-text{flex:1;font-family:var(--cue-font-body);font-size:1.15rem;line-height:1.5;color:var(--cue-fg)}.cue-st-list-text--two-line{display:flex;flex-direction:column;gap:.15rem}.cue-st-list-title{font-weight:700;font-size:1.15rem;color:var(--cue-fg)}.cue-st-list-desc{font-size:.95rem;color:var(--cue-secondary);line-height:1.4}.cue-st-list-text strong{font-weight:700}.cue-st-list-text em{font-style:italic}.cue-st-list-text code{font-family:var(--cue-font-code);font-size:.85em;background:color-mix(in srgb,var(--cue-code-bg) 60%,transparent);padding:.15em .4em;border-radius:4px}.cue-st-tech-talk-code{position:relative;display:flex;flex-direction:column;padding:4% 6%}.cue-st-code-header{flex-shrink:0;margin-bottom:1rem}.cue-st-code-header .cue-text[data-role=heading],.cue-st-code-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-code-container{flex:1 1 0;min-height:0;container-type:size;display:flex;flex-direction:column}.cue-st-code-container .cue-code{flex:1 1 0;min-height:0;font-size:clamp(.75rem,3.5cqh,1.8rem)}.cue-st-code-container .cue-code pre{height:100%;overflow:auto}.cue-st-code-footer{flex-shrink:0;margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.cue-st-tech-talk-content .cue-cards{align-content:center}.cue-st-tech-talk-content .cue-card{background:#fff;border:none;color:#1a1a2e;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a}.cue-st-tech-talk-content .cue-card:hover{box-shadow:0 8px 24px #0003,0 2px 8px #0000001f}.cue-st-tech-talk-content .cue-card-title{color:#1a1a2e}.cue-st-tech-talk-content .cue-card-desc{color:#4a5568}.cue-st-tech-talk-content .cue-card-icon{color:var(--cue-card-accent, var(--cue-primary))}.cue-st-tech-talk-content .cue-card-title{font-size:1.5rem}.cue-st-tech-talk-content .cue-card-desc{font-size:1.05rem;line-height:1.6}.cue-st-tech-talk-content[data-light] .cue-st-content-header .cue-text[data-role=heading],.cue-st-tech-talk-content[data-light] .cue-st-content-header .cue-text[data-role=title],.cue-st-tech-talk-content[data-light] .cue-st-list-text{color:#1a1a2e}.cue-st-tech-talk-content[data-light] .cue-st-list-row{background:#0000000a;border-color:#00000014}.cue-st-tech-talk-content .cue-stats{gap:1.5rem;justify-content:center}.cue-st-tech-talk-content .cue-stat{background:#fff;border-radius:16px;padding:2rem 2.5rem;min-width:200px;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a}.cue-st-tech-talk-content .cue-stat-value{color:var(--cue-accent)}.cue-st-tech-talk-content .cue-stat-label{color:#4a5568}.cue-st-content-body .cue-terminal,.cue-st-content-body .cue-code,.cue-st-content-body .cue-mermaid,.cue-st-content-body .cue-chart,.cue-st-content-body .cue-table{flex:1 1 0;min-height:0}.cue-st-content-body .cue-terminal{font-size:clamp(.95rem,1.8vw,1.4rem)}.cue-st-content-footer{flex-shrink:0;margin-top:auto;padding:1rem 6%;font-family:var(--cue-font-body);font-size:1.15rem;line-height:1.6;color:var(--cue-secondary);text-align:center;background:color-mix(in srgb,var(--cue-fg) 4%,transparent);border-radius:8px}.cue-st-tech-talk-content[data-light] .cue-st-content-footer{color:#4a5568;background:#0000000a}.cue-st-pitch-deck-hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:8% 10%}.cue-st-pitch-deck-hero .cue-st-content{max-width:70%;align-items:center}.cue-st-pitch-deck-hero .cue-text[data-role=title]{font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.1}.cue-st-pitch-deck-hero .cue-text[data-role=subtitle]{font-size:clamp(1.1rem,2.5vw,1.8rem);color:var(--cue-secondary)}.cue-st-pitch-deck-hero .cue-st-tagline{margin-top:1.5rem;font-family:var(--cue-font-body);font-size:1.15rem;color:var(--cue-secondary);opacity:.8}.cue-st-pitch-deck-problem{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-pitch-deck-problem .cue-st-content-header .cue-text[data-role=heading],.cue-st-pitch-deck-problem .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-pitch-deck-problem .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-pitch-deck-solution{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-pitch-deck-solution .cue-st-content-header .cue-text[data-role=heading],.cue-st-pitch-deck-solution .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-pitch-deck-solution .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-pitch-deck-metrics{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-pitch-deck-metrics .cue-st-content-header .cue-text[data-role=heading],.cue-st-pitch-deck-metrics .cue-st-content-header .cue-text[data-role=title]{text-align:center;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-pitch-deck-metrics .cue-st-content-body{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center}.cue-st-pitch-deck-metrics .cue-stats{gap:2rem;justify-content:center}.cue-st-pitch-deck-metrics .cue-stat{background:color-mix(in srgb,var(--cue-fg) 5%,transparent);border-radius:16px;padding:2.5rem 3rem;min-width:220px}.cue-st-pitch-deck-metrics .cue-stat-value{font-size:clamp(2rem,5vw,3.5rem);color:var(--cue-accent)}.cue-st-pitch-deck-cta{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:8% 10%}.cue-st-pitch-deck-cta .cue-st-content{max-width:70%;align-items:center}.cue-st-pitch-deck-cta .cue-text[data-role=title],.cue-st-pitch-deck-cta .cue-text[data-role=heading]{font-size:clamp(2rem,5vw,3.5rem)}.cue-st-pitch-deck-cta .cue-text[data-role=subtitle]{color:var(--cue-accent)}.cue-st-pitch-deck-cta .cue-st-tagline{margin-top:1.5rem;font-family:var(--cue-font-body);font-size:1.15rem;color:var(--cue-secondary);opacity:.8}.cue-st-workshop-intro{position:relative;display:flex;align-items:center;padding:15% 6% 5%}.cue-st-workshop-intro .cue-st-content{max-width:65%}.cue-st-workshop-intro .cue-text[data-role=title]{font-size:clamp(2.5rem,7vw,5rem);line-height:1.1}.cue-st-workshop-intro .cue-text[data-role=subtitle]{color:var(--cue-accent);font-size:clamp(1.1rem,2.5vw,1.8rem)}.cue-st-workshop-meta{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.cue-st-workshop-meta-item{display:flex;align-items:center;gap:.5rem;font-family:var(--cue-font-body);font-size:1rem;color:var(--cue-secondary);opacity:.8}.cue-st-workshop-meta-label{font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.cue-st-workshop-step{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-workshop-step-badge{position:absolute;top:5%;right:5%;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--cue-font-heading);font-size:1.8rem;font-weight:800;color:#fff;z-index:3;opacity:0;animation:cue-st-fade-in .5s ease .2s forwards}.cue-st-workshop-step .cue-st-content-header .cue-text[data-role=heading],.cue-st-workshop-step .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-workshop-step .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-workshop-exercise{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-workshop-exercise .cue-st-badge{position:static;align-self:flex-start;margin-bottom:.75rem}.cue-st-workshop-exercise .cue-st-content-header .cue-text[data-role=heading],.cue-st-workshop-exercise .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-workshop-exercise .cue-st-content-body{flex:1 1 0;min-height:0;padding:1.5rem;border:2px solid var(--cue-accent);border-radius:12px;background:color-mix(in srgb,var(--cue-accent) 5%,transparent)}.cue-st-workshop-timer{position:absolute;top:5%;right:5%;padding:.4rem 1rem;border-radius:20px;font-family:var(--cue-font-body);font-size:.9rem;font-weight:600;color:#fff;z-index:3;opacity:0;animation:cue-st-fade-in .5s ease .3s forwards}.cue-st-workshop-checkpoint{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-workshop-checkpoint .cue-st-content-header .cue-text[data-role=heading],.cue-st-workshop-checkpoint .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-workshop-checkpoint .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-workshop-summary{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-workshop-summary .cue-st-content-header .cue-text[data-role=heading],.cue-st-workshop-summary .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-workshop-summary .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-changelog-cover{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:8% 10%}.cue-st-changelog-cover .cue-st-content{align-items:center}.cue-st-version-badge{display:inline-block;padding:.5rem 2.5rem;border-radius:30px;border:2px solid var(--cue-accent);font-family:var(--cue-font-code);font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:var(--cue-accent);margin-bottom:1.5rem;opacity:0;animation:cue-st-fade-in .6s ease .2s forwards}.cue-st-changelog-cover .cue-text[data-role=title]{font-size:clamp(1.8rem,5vw,3.5rem)}.cue-st-changelog-date{margin-top:.75rem;font-family:var(--cue-font-body);font-size:1rem;color:var(--cue-secondary);opacity:0;animation:cue-st-fade-in .5s ease .4s forwards}.cue-st-changelog-feature{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-changelog-feature .cue-st-badge{position:static;align-self:flex-start;margin-bottom:.75rem;background-color:#22c55e}.cue-st-changelog-feature .cue-st-content-header .cue-text[data-role=heading],.cue-st-changelog-feature .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-changelog-feature .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-changelog-breaking{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-changelog-breaking .cue-st-badge{position:static;align-self:flex-start;margin-bottom:.75rem;background-color:#ef4444}.cue-st-changelog-breaking .cue-st-accent-bar{background-color:#ef4444!important}.cue-st-changelog-breaking .cue-st-content-header .cue-text[data-role=heading],.cue-st-changelog-breaking .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-changelog-breaking .cue-st-content-body{flex:1 1 0;min-height:0;padding:1.5rem;border:2px solid #ef4444;border-radius:12px;background:color-mix(in srgb,#ef4444 5%,transparent)}.cue-st-changelog-fixes{position:relative;display:flex;flex-direction:column;padding:5% 6% 4%}.cue-st-changelog-fixes .cue-st-badge{position:static;align-self:flex-start;margin-bottom:.75rem;background-color:#3b82f6}.cue-st-changelog-fixes .cue-st-content-header .cue-text[data-role=heading],.cue-st-changelog-fixes .cue-st-content-header .cue-text[data-role=title]{text-align:left;font-size:clamp(1.5rem,4vw,2.5rem)}.cue-st-changelog-fixes .cue-st-content-body{flex:1 1 0;min-height:0}.cue-st-changelog-credits{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5% 10%}.cue-st-changelog-credits .cue-text[data-role=heading],.cue-st-changelog-credits .cue-text[data-role=title]{font-size:clamp(1.8rem,5vw,3.5rem)}.cue-st-changelog-credits .cue-text[data-role=subtitle]{color:var(--cue-accent)}.cue-st-changelog-fixes .cue-st-list-rows{display:flex;flex-direction:column;gap:.75rem}.cue-st-changelog-fixes .cue-st-list-row{border-left:3px solid #22c55e}";
+class dn {
+  constructor(e, a) {
+    f(this, "win", null);
+    f(this, "cupFile");
+    f(this, "callbacks", null);
+    f(this, "startTime", 0);
+    f(this, "timerInterval", null);
+    this.cupFile = e, this.callbacks = a ?? null;
+  }
+  open() {
+    const e = Math.min(screen.availWidth, 1400), a = Math.min(screen.availHeight, 900);
+    this.win = window.open("", "cuppacue-presenter", `width=${e},height=${a}`), this.win && (this.win.document.title = "Presenter View — CuppaCue", this.renderShell(), this.attachKeyboard(), this.attachCloseDetection(), this.startTime = Date.now(), this.startTimer());
+  }
+  close() {
+    var e;
+    this.timerInterval && clearInterval(this.timerInterval), this.timerInterval = null, (e = this.win) == null || e.close(), this.win = null;
+  }
+  isOpen() {
+    return this.win !== null && !this.win.closed;
+  }
+  async updateScene(e) {
+    if (!this.win || this.win.closed) return;
+    const a = this.cupFile.content.scenes, i = a[e], n = e + 1 < a.length ? a[e + 1] : null;
+    if (await this.renderPreview("presenter-current", i), n)
+      await this.renderPreview("presenter-next", n);
+    else {
+      const l = this.win.document.getElementById("presenter-next");
+      l && (l.innerHTML = '<div style="display:flex;align-items:center;justify-content:center;height:100%;opacity:0.4;">End of presentation</div>');
+    }
+    const s = this.win.document.getElementById("presenter-notes");
+    s && (s.textContent = i.notes ?? "(No notes for this scene)");
+    const r = this.win.document.getElementById("presenter-counter");
+    r && (r.textContent = `${e + 1} / ${a.length}`);
+  }
+  buildThemeVars() {
+    const e = this.cupFile.theme, a = [
+      `--cue-bg: ${e.colors.background}`,
+      `--cue-fg: ${e.colors.foreground}`,
+      `--cue-primary: ${e.colors.primary}`,
+      `--cue-secondary: ${e.colors.secondary}`,
+      `--cue-accent: ${e.colors.accent}`,
+      `--cue-code-bg: ${e.colors.codeBackground}`,
+      `--cue-code-fg: ${e.colors.codeForeground}`,
+      `--cue-font-heading: ${e.fonts.heading}`,
+      `--cue-font-body: ${e.fonts.body}`,
+      `--cue-font-code: ${e.fonts.code}`
+    ];
+    if (e.typography)
+      for (const [i, n] of Object.entries(e.typography))
+        n.fontSize && a.push(`--cue-typo-${i}-size: ${n.fontSize}`), n.fontWeight && a.push(`--cue-typo-${i}-weight: ${n.fontWeight}`), n.lineHeight && a.push(`--cue-typo-${i}-lh: ${n.lineHeight}`), n.letterSpacing && a.push(`--cue-typo-${i}-ls: ${n.letterSpacing}`), n.textTransform && a.push(`--cue-typo-${i}-tt: ${n.textTransform}`);
+    return `:root { ${a.join("; ")}; }`;
+  }
+  renderShell() {
+    if (!this.win) return;
+    const e = this.cupFile.theme.colors.background, a = this.cupFile.theme.colors.foreground, i = this.cupFile.theme.colors.primary, n = this.win.document;
+    n.open(), n.write(`<!DOCTYPE html>
+<html>
+<head>
+  <title>Presenter View — CuppaCue</title>
+  <!-- Player CSS for scene rendering -->
+  <style>${on}</style>
+  <style>${rn}</style>
+  <style>${cn}</style>
+  <style>${ln}</style>
+  <style>${this.buildThemeVars()}</style>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      background: ${e}; color: ${a};
+      font-family: 'Inter', system-ui, sans-serif;
+      display: grid;
+      grid-template-columns: 65% 35%;
+      grid-template-rows: 1fr auto;
+      height: 100vh;
+      overflow: hidden;
+    }
+
+    /* Left column: current slide */
+    .left-col {
+      grid-row: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      padding: 12px;
+      min-height: 0;
+    }
+
+    /* Right column: next slide + notes */
+    .right-col {
+      grid-row: 1;
+      display: flex;
+      flex-direction: column;
+      padding: 12px 12px 12px 0;
+      gap: 12px;
+      min-height: 0;
+    }
+
+    .section-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      opacity: 0.5;
+      font-weight: 600;
+      flex-shrink: 0;
+    }
+
+    /* Scene preview container — scene fills this natively */
+    .preview-frame {
+      position: relative;
+      border: 1px solid rgba(255,255,255,0.15);
+      border-radius: 8px;
+      overflow: hidden;
+      background: rgba(0,0,0,0.3);
+    }
+    /* Current: fill available height */
+    .left-col .preview-frame { flex: 1; min-height: 0; }
+    /* Next: fixed 16:9 aspect */
+    .next-section .preview-frame { aspect-ratio: 16 / 9; }
+
+    /* Override .cue-scene positioning for preview frames */
+    .preview-frame .cue-scene {
+      position: absolute;
+      inset: 0;
+      background: ${e};
+      color: ${a};
+    }
+
+    .next-section { flex-shrink: 0; }
+    .notes-section {
+      flex: 1;
+      overflow-y: auto;
+      min-height: 0;
+      border-top: 1px solid rgba(255,255,255,0.1);
+      padding-top: 12px;
+    }
+    .notes-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      opacity: 0.5;
+      margin-bottom: 8px;
+      font-weight: 600;
+    }
+    .notes-text { font-size: 18px; line-height: 1.7; white-space: pre-wrap; }
+
+    .footer {
+      grid-column: 1 / -1;
+      grid-row: 2;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px 16px;
+      border-top: 1px solid rgba(255,255,255,0.1);
+      font-size: 14px;
+      opacity: 0.6;
+    }
+    .footer-left { display: flex; align-items: center; gap: 16px; }
+    .footer-center { display: flex; align-items: center; gap: 8px; }
+    .timer { font-variant-numeric: tabular-nums; color: ${i}; font-weight: 600; font-size: 18px; }
+
+    /* Navigation buttons */
+    .nav-btn {
+      background: rgba(255,255,255,0.1);
+      border: 1px solid rgba(255,255,255,0.2);
+      color: ${a};
+      padding: 6px 14px;
+      border-radius: 6px;
+      font-size: 14px;
+      cursor: pointer;
+      transition: background 0.15s ease;
+    }
+    .nav-btn:hover { background: rgba(255,255,255,0.2); }
+    .nav-btn:active { background: rgba(255,255,255,0.3); }
+
+    /* Close button */
+    .close-btn {
+      background: none;
+      border: none;
+      color: ${a};
+      font-size: 20px;
+      cursor: pointer;
+      opacity: 0.5;
+      padding: 4px 8px;
+      border-radius: 4px;
+      transition: opacity 0.15s ease, background 0.15s ease;
+    }
+    .close-btn:hover { opacity: 1; background: rgba(255,255,255,0.1); }
+
+    .shortcut-hint {
+      font-size: 11px;
+      opacity: 0.4;
+    }
+  </style>
+</head>
+<body>
+  <div class="left-col">
+    <div class="section-label">Current</div>
+    <div class="preview-frame" id="presenter-current"></div>
+  </div>
+  <div class="right-col">
+    <div class="next-section">
+      <div class="section-label">Next</div>
+      <div class="preview-frame" id="presenter-next"></div>
+    </div>
+    <div class="notes-section">
+      <div class="notes-label">Speaker Notes</div>
+      <div class="notes-text" id="presenter-notes">(No notes)</div>
+    </div>
+  </div>
+  <div class="footer">
+    <div class="footer-left">
+      <span id="presenter-timer" class="timer">00:00</span>
+      <span class="shortcut-hint">Esc to close</span>
+    </div>
+    <div class="footer-center">
+      <button class="nav-btn" id="presenter-prev" title="Previous slide (Left arrow)">Prev</button>
+      <button class="nav-btn" id="presenter-next-btn" title="Next slide (Right arrow)">Next</button>
+    </div>
+    <div style="display:flex;align-items:center;gap:12px;">
+      <span id="presenter-counter">0 / 0</span>
+      <button class="close-btn" id="presenter-close" title="Close presenter view (Esc)">&#x2715;</button>
+    </div>
+  </div>
+</body>
+</html>`), n.close();
+    const s = n.getElementById("presenter-prev"), r = n.getElementById("presenter-next-btn"), l = n.getElementById("presenter-close");
+    s == null || s.addEventListener("click", () => {
+      var u;
+      return (u = this.callbacks) == null ? void 0 : u.onPrev();
+    }), r == null || r.addEventListener("click", () => {
+      var u;
+      return (u = this.callbacks) == null ? void 0 : u.onNext();
+    }), l == null || l.addEventListener("click", () => {
+      var u;
+      (u = this.callbacks) == null || u.onClose(), this.close();
+    });
+  }
+  attachKeyboard() {
+    this.win && this.win.addEventListener("keydown", (e) => {
+      var a, i, n;
+      switch (e.key) {
+        case "Escape":
+        case "n":
+          e.preventDefault(), (a = this.callbacks) == null || a.onClose(), this.close();
+          break;
+        case "ArrowRight":
+        case " ":
+          e.preventDefault(), (i = this.callbacks) == null || i.onNext();
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), (n = this.callbacks) == null || n.onPrev();
+          break;
+      }
+    });
+  }
+  attachCloseDetection() {
+    this.win && this.win.addEventListener("beforeunload", () => {
+      var e;
+      this.timerInterval && clearInterval(this.timerInterval), this.timerInterval = null, this.win = null, (e = this.callbacks) == null || e.onClose();
+    });
+  }
+  startTimer() {
+    this.timerInterval = setInterval(() => {
+      if (!this.win || this.win.closed) {
+        this.timerInterval && clearInterval(this.timerInterval), this.timerInterval = null;
+        return;
+      }
+      const e = Date.now() - this.startTime, a = Math.floor(e / 6e4), i = Math.floor(e % 6e4 / 1e3), n = this.win.document.getElementById("presenter-timer");
+      n && (n.textContent = `${String(a).padStart(2, "0")}:${String(i).padStart(2, "0")}`);
+    }, 1e3);
+  }
+  async renderPreview(e, a) {
+    if (!this.win || this.win.closed) return;
+    const i = this.win.document.getElementById(e);
+    if (i)
+      try {
+        const n = await ie(a, this.cupFile.theme);
+        for (const [, s] of n.elementMap)
+          s.style.opacity = "1";
+        i.innerHTML = "", i.appendChild(n.container);
+      } catch {
+        i.innerHTML = '<div style="padding:2rem;opacity:0.4;">Unable to render preview</div>';
+      }
+  }
+}
+const N = {
+  prev: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>',
+  next: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>',
+  play: '<svg viewBox="0 0 24 24" fill="currentColor"><polygon points="6,4 20,12 6,20"/></svg>',
+  pause: '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>',
+  overview: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>',
+  fullscreen: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>',
+  help: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>'
+}, un = [
+  { key: "← →", label: "Navigate slides" },
+  { key: "Space", label: "Next slide / step" },
+  { key: "P", label: "Play / Pause" },
+  { key: "F", label: "Fullscreen" },
+  { key: "O", label: "Slide overview" }
+];
+class pn {
+  constructor(e, a) {
+    f(this, "el");
+    f(this, "counter");
+    f(this, "playBtn");
+    f(this, "actions");
+    f(this, "hideTimeout", null);
+    f(this, "helpPopup", null);
+    this.actions = a, this.el = document.createElement("div"), this.el.className = "cue-navbar", this.el.addEventListener("click", (i) => i.stopPropagation()), this.el.appendChild(this.makeBtn(N.prev, "Previous slide (←)", () => a.prev())), this.el.appendChild(this.makeBtn(N.next, "Next slide (→)", () => a.next())), this.counter = document.createElement("span"), this.counter.className = "cue-navbar-counter", this.counter.textContent = "– / –", this.el.appendChild(this.counter), this.el.appendChild(this.makeSep()), this.playBtn = this.makeBtn(N.play, "Play / Pause (P)", () => a.togglePlayPause()), this.el.appendChild(this.playBtn), this.el.appendChild(this.makeBtn(N.overview, "Slide overview (O)", () => a.toggleOverview())), this.el.appendChild(this.makeBtn(N.fullscreen, "Fullscreen (F)", () => a.toggleFullscreen())), this.el.appendChild(this.makeSep()), this.el.appendChild(this.makeBtn(N.help, "Keyboard shortcuts (?)", () => this.toggleHelp())), e.appendChild(this.el), e.addEventListener("mousemove", (i) => {
+      const n = e.getBoundingClientRect();
+      i.clientY - n.top > n.height * 0.85 && this.show();
+    }), e.addEventListener("mouseleave", () => this.scheduleHide());
+  }
+  /** Flash the navbar briefly so users know it exists */
+  showBriefly() {
+    this.el.classList.add("cue-navbar--visible"), setTimeout(() => {
+      this.helpPopup || this.el.classList.remove("cue-navbar--visible");
+    }, 2500);
+  }
+  update(e, a, i) {
+    this.counter.textContent = `${e + 1} / ${a}`, this.playBtn.innerHTML = i ? N.pause : N.play, this.playBtn.title = i ? "Pause (P)" : "Play (P)";
+  }
+  destroy() {
+    this.hideTimeout && clearTimeout(this.hideTimeout), this.dismissHelp(), this.el.remove();
+  }
+  show() {
+    this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null), this.el.classList.add("cue-navbar--visible"), this.scheduleHide();
+  }
+  scheduleHide() {
+    this.hideTimeout && clearTimeout(this.hideTimeout), this.hideTimeout = setTimeout(() => {
+      this.el.classList.remove("cue-navbar--visible"), this.hideTimeout = null;
+    }, 3e3);
+  }
+  toggleHelp() {
+    this.helpPopup ? this.dismissHelp() : this.showHelp();
+  }
+  showHelp() {
+    var i;
+    if (this.helpPopup) return;
+    this.helpPopup = document.createElement("div"), this.helpPopup.className = "cue-help-popup";
+    const e = document.createElement("div");
+    e.className = "cue-help-title", e.textContent = "Keyboard Shortcuts", this.helpPopup.appendChild(e);
+    for (const n of un) {
+      const s = document.createElement("div");
+      s.className = "cue-help-row";
+      const r = document.createElement("kbd");
+      r.className = "cue-help-key", r.textContent = n.key;
+      const l = document.createElement("span");
+      l.className = "cue-help-label", l.textContent = n.label, s.appendChild(r), s.appendChild(l), this.helpPopup.appendChild(s);
+    }
+    (i = this.el.parentElement) == null || i.appendChild(this.helpPopup), this.hideTimeout && (clearTimeout(this.hideTimeout), this.hideTimeout = null), requestAnimationFrame(() => {
+      var n;
+      (n = this.helpPopup) == null || n.classList.add("cue-help-popup--visible");
+    });
+    const a = (n) => {
+      var s;
+      !((s = this.helpPopup) != null && s.contains(n.target)) && !this.el.contains(n.target) && (this.dismissHelp(), document.removeEventListener("click", a));
+    };
+    setTimeout(() => document.addEventListener("click", a), 0);
+  }
+  dismissHelp() {
+    if (!this.helpPopup) return;
+    this.helpPopup.classList.remove("cue-help-popup--visible");
+    const e = this.helpPopup;
+    this.helpPopup = null, setTimeout(() => e.remove(), 200), this.scheduleHide();
+  }
+  makeBtn(e, a, i) {
+    const n = document.createElement("button");
+    return n.className = "cue-navbar-btn", n.innerHTML = e, n.title = a, n.addEventListener("click", i), n;
+  }
+  makeSep() {
+    const e = document.createElement("div");
+    return e.className = "cue-navbar-sep", e;
+  }
+}
+const F = 600;
+function hn(t, e) {
+  const a = t.length, i = e.length, n = Array.from({ length: a + 1 }, () => new Array(i + 1).fill(0));
+  for (let c = 1; c <= a; c++)
+    for (let o = 1; o <= i; o++)
+      t[c - 1] === e[o - 1] ? n[c][o] = n[c - 1][o - 1] + 1 : n[c][o] = Math.max(n[c - 1][o], n[c][o - 1]);
+  const s = [];
+  let r = a, l = i;
+  const u = [];
+  for (; r > 0 || l > 0; )
+    r > 0 && l > 0 && t[r - 1] === e[l - 1] ? (u.push({ type: "unchanged", text: t[r - 1], oldIndex: r - 1, newIndex: l - 1 }), r--, l--) : l > 0 && (r === 0 || n[r][l - 1] >= n[r - 1][l]) ? (u.push({ type: "added", text: e[l - 1], newIndex: l - 1 }), l--) : (u.push({ type: "removed", text: t[r - 1], oldIndex: r - 1 }), r--);
+  for (let c = u.length - 1; c >= 0; c--)
+    s.push(u[c]);
+  return s;
+}
+function ye(t) {
+  return t.textContent ?? "";
+}
+function mn(t) {
+  const e = t.querySelector(".line");
+  return e && e.getBoundingClientRect().height || 20;
+}
+function q(t) {
+  return t.querySelector(".cue-code");
+}
+function fn(t, e) {
+  return t ? !!(q(t) && q(e)) : !1;
+}
+function gn(t, e, a) {
+  var y;
+  const i = q(e), n = q(a), s = Array.from(i.querySelectorAll(".line")), r = Array.from(n.querySelectorAll(".line")), l = s.map(ye), u = r.map(ye), c = hn(l, u), o = mn(i), d = i.getBoundingClientRect(), p = t.getBoundingClientRect(), g = document.createElement("div");
+  g.className = "cue-code-morph-overlay", g.style.cssText = `
+    position: absolute;
+    top: ${d.top - p.top}px;
+    left: ${d.left - p.left}px;
+    width: ${d.width}px;
+    height: ${Math.max(d.height, r.length * o + 40)}px;
+    overflow: hidden;
+    z-index: 10;
+    background: var(--cue-code-bg);
+    border-radius: 12px;
+  `;
+  const h = i.querySelector("pre"), v = h ? parseInt(getComputedStyle(h).paddingTop || "16", 10) : 16;
+  for (const b of c) {
+    if (b.type === "unchanged" && b.oldIndex !== void 0 && b.newIndex !== void 0) {
+      const w = s[b.oldIndex].cloneNode(!0);
+      w.style.cssText = `
+        position: absolute;
+        top: ${v + b.oldIndex * o}px;
+        left: 0;
+        right: 0;
+        padding: 0 16px;
+        height: ${o}px;
+        line-height: ${o}px;
+        transition: top ${F}ms cubic-bezier(0.4, 0, 0.2, 1);
+        white-space: pre;
+      `, g.appendChild(w), requestAnimationFrame(() => {
+        w.style.top = `${v + b.newIndex * o}px`;
+      });
+    } else if (b.type === "added" && b.newIndex !== void 0) {
+      const w = (y = r[b.newIndex]) == null ? void 0 : y.cloneNode(!0);
+      w && (w.style.cssText = `
+          position: absolute;
+          top: ${v + b.newIndex * o}px;
+          left: 0;
+          right: 0;
+          padding: 0 16px;
+          height: ${o}px;
+          line-height: ${o}px;
+          opacity: 0;
+          background: rgba(56, 189, 248, 0.1);
+          white-space: pre;
+        `, g.appendChild(w), w.animate(
+        [
+          { opacity: 0, background: "rgba(56, 189, 248, 0.2)" },
+          { opacity: 1, background: "rgba(56, 189, 248, 0.05)" }
+        ],
+        {
+          duration: F,
+          delay: F * 0.3,
+          fill: "forwards",
+          easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+        }
+      ));
+    } else if (b.type === "removed" && b.oldIndex !== void 0) {
+      const w = s[b.oldIndex].cloneNode(!0);
+      w.style.cssText = `
+        position: absolute;
+        top: ${v + b.oldIndex * o}px;
+        left: 0;
+        right: 0;
+        padding: 0 16px;
+        height: ${o}px;
+        line-height: ${o}px;
+        white-space: pre;
+      `, g.appendChild(w), w.animate(
+        [
+          { opacity: 1, background: "transparent" },
+          { opacity: 0, background: "rgba(239, 68, 68, 0.1)" }
+        ],
+        {
+          duration: F * 0.6,
+          fill: "forwards",
+          easing: "ease-out"
+        }
+      );
+    }
+    b.type;
+  }
+  return t.appendChild(g), new Promise((b) => {
+    setTimeout(() => {
+      g.remove(), e.remove(), a.classList.remove("cue-scene--entering"), b();
+    }, F + 100);
+  });
+}
+const R = class R {
+  constructor(e) {
+    f(this, "container");
+    f(this, "viewport");
+    f(this, "cupFile", null);
+    f(this, "currentSceneIndex", -1);
+    f(this, "renderedScene", null);
+    f(this, "timeline");
+    f(this, "navigator");
+    f(this, "sceneCounter");
+    f(this, "progressBar");
+    f(this, "statusBadge");
+    f(this, "statusTimeout", null);
+    f(this, "eventListeners", /* @__PURE__ */ new Map());
+    f(this, "slideOverview", null);
+    f(this, "presenterView", null);
+    f(this, "navBar", null);
+    f(this, "autoPlay", !1);
+    f(this, "stepIndicator");
+    f(this, "dataBaseUrl", "");
+    f(this, "transitionDirection", "forward");
+    f(this, "transitioning", !1);
+    f(this, "navigating", !1);
+    f(this, "unsubTimeline", null);
+    f(this, "resizeObserver", null);
+    this.container = document.createElement("div"), this.container.className = "cue-player", e.appendChild(this.container), this.viewport = document.createElement("div"), this.viewport.className = "cue-viewport", this.container.appendChild(this.viewport), this.sceneCounter = document.createElement("div"), this.sceneCounter.className = "cue-scene-counter", this.container.appendChild(this.sceneCounter), this.progressBar = document.createElement("div"), this.progressBar.className = "cue-progress", this.container.appendChild(this.progressBar), this.statusBadge = document.createElement("div"), this.statusBadge.className = "cue-status", this.container.appendChild(this.statusBadge), this.stepIndicator = document.createElement("div"), this.stepIndicator.className = "cue-step-indicator", this.container.appendChild(this.stepIndicator), this.timeline = new ge(), this.unsubTimeline = this.timeline.on((a) => {
+      switch (a) {
+        case "complete":
+          this.handleSceneComplete();
+          break;
+        case "pause":
+          this.emit("pause");
+          break;
+        case "tick":
+          this.updateProgress();
+          break;
+        case "marker":
+          this.updateStepIndicator();
+          break;
+      }
+    }), this.navigator = new ne({
+      next: () => this.next(),
+      prev: () => this.prevScene(),
+      toggleFullscreen: () => this.toggleFullscreen(),
+      togglePlayPause: () => this.togglePlayPause(),
+      openPresenterView: () => this.openPresenterView(),
+      toggleOverview: () => this.toggleOverview(),
+      isOverviewVisible: () => {
+        var a;
+        return ((a = this.slideOverview) == null ? void 0 : a.isVisible()) ?? !1;
+      }
+    }), this.navigator.attach(this.container), this.resizeObserver = new ResizeObserver(() => this.updateScale()), this.resizeObserver.observe(this.viewport), this.navBar = new pn(this.container, {
+      prev: () => this.prevScene(),
+      next: () => this.next(),
+      toggleFullscreen: () => this.toggleFullscreen(),
+      togglePlayPause: () => this.togglePlayPause(),
+      toggleOverview: () => this.toggleOverview(),
+      isPlaying: () => this.timeline.isPlaying(),
+      getCurrentScene: () => this.currentSceneIndex,
+      getTotalScenes: () => {
+        var a;
+        return ((a = this.cupFile) == null ? void 0 : a.content.scenes.length) ?? 0;
+      }
+    });
+  }
+  async load(e) {
+    typeof e == "string" ? (this.dataBaseUrl = e.endsWith("/") ? e : e + "/", this.cupFile = await et(e)) : this.cupFile = e, this.applyTheme(this.cupFile.theme), this.slideOverview = new sn(
+      this.container,
+      this.cupFile,
+      (a) => this.goToScene(a)
+    ), this.emit("load");
+  }
+  play() {
+    var e;
+    this.cupFile && (this.autoPlay = !0, this.currentSceneIndex < 0 ? this.goToScene(0) : this.timeline.isPaused() && (this.timeline.resume(), this.emit("play")), this.showStatus("playing"), (e = this.navBar) == null || e.update(this.currentSceneIndex, this.cupFile.content.scenes.length, !0));
+  }
+  pause() {
+    var e;
+    this.cupFile && (this.autoPlay = !1, this.timeline.pause(), this.showStatus("paused"), (e = this.navBar) == null || e.update(this.currentSceneIndex, this.cupFile.content.scenes.length, !1));
+  }
+  next() {
+    if (!this.navigating) {
+      if (this.timeline.isPaused() && (this.timeline.hasUnfiredEvents() || this.timeline.hasUnfiredMarkers())) {
+        this.timeline.resume(), this.updateStepIndicator();
+        return;
+      }
+      if (this.timeline.isPlaying() && this.timeline.hasUnfiredMarkers()) {
+        this.timeline.skipToNextMarker(), this.updateStepIndicator();
+        return;
+      }
+      this.timeline.stop(), this.hideStatus(), this.hideStepIndicator(), this.nextScene();
+    }
+  }
+  goToScene(e) {
+    if (!this.cupFile) return;
+    const a = this.cupFile.content.scenes;
+    if (e < 0 || e >= a.length) return;
+    this.navigating = !0, this.timeline.stop(), this.hideStepIndicator();
+    const i = this.currentSceneIndex;
+    this.currentSceneIndex = e;
+    const n = a[e], s = this.cupFile.timesheet.timeline.find(
+      (r) => r.sceneId === n.id
+    );
+    ie(n, this.cupFile.theme, this.dataBaseUrl).then((r) => {
+      var d, p, g, h, v, y;
+      this.renderedScene = r, this.navigating = !1;
+      const l = n.transition ?? { type: "fade" }, u = i < 0, c = this.viewport.querySelector(".cue-scene"), o = !u && l.type !== "none" && fn(c, r.container);
+      if (u || l.type === "none" ? (this.viewport.innerHTML = "", this.viewport.appendChild(r.container)) : o && c ? (r.container.classList.add("cue-scene--entering"), r.container.style.opacity = "0", this.viewport.appendChild(r.container), this.transitioning = !0, gn(this.viewport, c, r.container).then(() => {
+        r.container.style.opacity = "", this.transitioning = !1;
+      })) : this.applyTransition(r.container, l), this.updateSceneCounter(), this.emit("scenechange", { index: e, sceneId: n.id }), (d = this.presenterView) == null || d.updateScene(e), (p = this.navBar) == null || p.update(e, this.cupFile.content.scenes.length, this.autoPlay), u && ((g = this.navBar) == null || g.showBriefly()), s) {
+        (h = this.unsubTimeline) == null || h.call(this);
+        const b = ((v = this.cupFile.timesheet.defaults) == null ? void 0 : v.animationDuration) ?? 600;
+        if (this.timeline = new ge(b), this.unsubTimeline = this.timeline.on((w) => {
+          switch (w) {
+            case "complete":
+              this.handleSceneComplete();
+              break;
+            case "pause":
+              this.emit("pause");
+              break;
+            case "tick":
+              this.updateProgress();
+              break;
+            case "marker":
+              this.updateStepIndicator();
+              break;
+          }
+        }), this.timeline.load(s, r.elementMap), this.autoPlay || (y = s.markers) != null && y.length)
+          this.timeline.play(), this.autoPlay && this.emit("play");
+        else
+          for (const [, w] of r.elementMap)
+            w.style.opacity = "1";
+      }
+    });
+  }
+  nextScene() {
+    if (!this.cupFile || this.navigating) return;
+    const e = this.currentSceneIndex + 1;
+    e < this.cupFile.content.scenes.length ? (this.transitionDirection = "forward", this.goToScene(e)) : this.emit("end");
+  }
+  prevScene() {
+    if (this.navigating) return;
+    if (this.timeline.currentStep() > 1) {
+      this.transitionDirection = "forward", this.goToScene(this.currentSceneIndex);
+      return;
+    }
+    const e = this.currentSceneIndex - 1;
+    e >= 0 && (this.transitionDirection = "backward", this.goToScene(e));
+  }
+  toggleFullscreen() {
+    document.fullscreenElement ? document.exitFullscreen() : this.container.requestFullscreen();
+  }
+  togglePlayPause() {
+    this.timeline.isPlaying() ? this.pause() : this.play();
+  }
+  openPresenterView() {
+    var e;
+    if (this.cupFile) {
+      if ((e = this.presenterView) != null && e.isOpen()) {
+        this.presenterView.close(), this.presenterView = null;
+        return;
+      }
+      this.presenterView = new dn(this.cupFile, {
+        onNext: () => this.next(),
+        onPrev: () => this.prevScene(),
+        onClose: () => {
+          this.presenterView = null;
+        }
+      }), this.presenterView.open(), this.currentSceneIndex >= 0 && this.presenterView.updateScene(this.currentSceneIndex);
+    }
+  }
+  async toggleOverview() {
+    var e;
+    await ((e = this.slideOverview) == null ? void 0 : e.toggle());
+  }
+  on(e, a) {
+    return this.eventListeners.has(e) || this.eventListeners.set(e, /* @__PURE__ */ new Set()), this.eventListeners.get(e).add(a), () => {
+      var i;
+      return (i = this.eventListeners.get(e)) == null ? void 0 : i.delete(a);
+    };
+  }
+  destroy() {
+    var e, a, i, n, s;
+    (e = this.unsubTimeline) == null || e.call(this), this.timeline.stop(), this.navigator.detach(), (a = this.slideOverview) == null || a.destroy(), (i = this.presenterView) == null || i.close(), (n = this.navBar) == null || n.destroy(), (s = this.resizeObserver) == null || s.disconnect(), this.container.remove();
+  }
+  emit(e, a) {
+    const i = this.eventListeners.get(e);
+    if (i)
+      for (const n of i) n(a);
+  }
+  showStatus(e) {
+    this.statusTimeout && (clearTimeout(this.statusTimeout), this.statusTimeout = null), e === "paused" ? (this.statusBadge.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg><span>Paused</span><span class="cue-status-hint">P to resume</span>', this.statusBadge.classList.add("cue-status--visible")) : (this.statusBadge.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><polygon points="6,4 20,12 6,20"/></svg><span>Playing</span>', this.statusBadge.classList.add("cue-status--visible"), this.statusTimeout = setTimeout(() => {
+      this.statusBadge.classList.remove("cue-status--visible"), this.statusTimeout = null;
+    }, 1500));
+  }
+  hideStatus() {
+    this.statusTimeout && (clearTimeout(this.statusTimeout), this.statusTimeout = null), this.statusBadge.classList.remove("cue-status--visible");
+  }
+  applyTransition(e, a) {
+    const n = `${a.duration ?? 400}ms ease`, s = this.viewport.querySelector(".cue-scene");
+    if (this.transitioning && s) {
+      s.getAnimations().forEach((r) => r.cancel()), this.viewport.innerHTML = "", this.viewport.appendChild(e), this.transitioning = !1;
+      return;
+    }
+    if (this.transitioning = !0, a.type === "fade")
+      e.classList.add("cue-scene--entering"), e.style.animation = `cue-fade-in ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `cue-fade-out ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }));
+    else if (a.type === "slide") {
+      const r = this.transitionDirection === "forward", l = r ? "cue-slide-in-from-right" : "cue-slide-in-from-left", u = r ? "cue-slide-out-to-left" : "cue-slide-out-to-right";
+      e.classList.add("cue-scene--entering"), e.style.animation = `${l} ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `${u} ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }));
+    } else a.type === "zoom" ? (e.classList.add("cue-scene--entering"), e.style.animation = `cue-zoom-in ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `cue-zoom-out ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }))) : a.type === "reveal" ? (e.classList.add("cue-scene--entering"), e.style.animation = `cue-reveal-in ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `cue-reveal-out ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }))) : a.type === "flip" ? (e.classList.add("cue-scene--entering"), e.style.animation = `cue-flip-in ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `cue-flip-out ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }))) : a.type === "morph" ? (e.classList.add("cue-scene--entering"), e.style.animation = `cue-morph-in ${n}`, this.viewport.appendChild(e), s && (s.classList.add("cue-scene--exiting"), s.style.animation = `cue-morph-out ${n}`, s.addEventListener("animationend", () => s.remove(), { once: !0 }))) : (this.viewport.innerHTML = "", this.viewport.appendChild(e));
+    e.addEventListener("animationend", () => {
+      e.classList.remove("cue-scene--entering"), e.style.animation = "", this.transitioning = !1;
+    }, { once: !0 });
+  }
+  handleSceneComplete() {
+    this.autoPlay && setTimeout(() => this.nextScene(), 100);
+  }
+  updateSceneCounter() {
+    if (!this.cupFile) return;
+    const e = this.cupFile.content.scenes.length;
+    this.sceneCounter.textContent = `${this.currentSceneIndex + 1} / ${e}`;
+  }
+  updateStepIndicator() {
+    const e = this.timeline.totalSteps();
+    if (e <= 1) {
+      this.hideStepIndicator();
+      return;
+    }
+    const a = this.timeline.currentStep();
+    this.stepIndicator.textContent = `${a} / ${e}`, this.stepIndicator.classList.add("cue-step-indicator--visible");
+  }
+  hideStepIndicator() {
+    this.stepIndicator.classList.remove("cue-step-indicator--visible");
+  }
+  updateProgress() {
+    if (!this.cupFile) return;
+    const e = this.cupFile.content.scenes.length, a = (this.currentSceneIndex + 1) / e * 100;
+    this.progressBar.style.width = `${a}%`;
+  }
+  updateScale() {
+    const e = this.viewport.clientWidth, a = this.viewport.clientHeight;
+    if (e === 0 || a === 0) return;
+    let i = 1920, n = 1080;
+    Math.min(e / i, a / n) < R.MIN_SCALE && (i = Math.round(e / R.MIN_SCALE), n = Math.round(i * 9 / 16));
+    const r = Math.min(e / i, a / n);
+    this.viewport.style.setProperty("--cue-design-w", `${i}px`), this.viewport.style.setProperty("--cue-design-h", `${n}px`), this.viewport.style.setProperty("--cue-scale", String(r));
+  }
+  applyTheme(e) {
+    const a = this.container;
+    if (a.style.setProperty("--cue-bg", e.colors.background), a.style.setProperty("--cue-fg", e.colors.foreground), a.style.setProperty("--cue-primary", e.colors.primary), a.style.setProperty("--cue-secondary", e.colors.secondary), a.style.setProperty("--cue-accent", e.colors.accent), a.style.setProperty("--cue-code-bg", e.colors.codeBackground), a.style.setProperty("--cue-code-fg", e.colors.codeForeground), a.style.setProperty("--cue-font-heading", e.fonts.heading), a.style.setProperty("--cue-font-body", e.fonts.body), a.style.setProperty("--cue-font-code", e.fonts.code), e.typography) {
+      const i = ["title", "subtitle", "heading", "body", "caption", "footer"];
+      for (const n of i) {
+        const s = e.typography[n];
+        s && (s.fontSize && a.style.setProperty(`--cue-typo-${n}-size`, s.fontSize), s.fontWeight && a.style.setProperty(`--cue-typo-${n}-weight`, s.fontWeight), s.lineHeight && a.style.setProperty(`--cue-typo-${n}-lh`, s.lineHeight), s.letterSpacing && a.style.setProperty(`--cue-typo-${n}-ls`, s.letterSpacing), s.textTransform && a.style.setProperty(`--cue-typo-${n}-tt`, s.textTransform));
+      }
+    }
+    if (e.fontImports) {
+      for (const i of e.fontImports)
+        if (!document.querySelector(`link[href="${i}"]`)) {
+          const n = document.createElement("link");
+          n.rel = "stylesheet", n.href = i, document.head.appendChild(n);
+        }
+    }
+  }
+};
+f(R, "MIN_SCALE", 0.5);
+let be = R;
+export {
+  be as CuePlayer,
+  ne as Navigator,
+  dn as PresenterView,
+  sn as SlideOverview,
+  bn as THEMES,
+  ge as TimelineController,
+  an as animate,
+  He as darkTheme,
+  kn as getAnimationNames,
+  Rt as getTemplateRenderer,
+  wn as getTemplateRendererIds,
+  Be as lightTheme,
+  et as loadFromUrl,
+  xn as registerTemplatePackage,
+  vn as registerTemplateRenderer,
+  ie as renderScene
+};