@riverbankcms/sdk 0.77.1 → 0.78.0

package/dist/server/theme-bridge.mjs

@@ -1417,7 +1417,8 @@ var accordionSystemSchema = z7.object({
   icon: z7.object({
     style: accordionIconSchema,
     position: z7.enum(["left", "right"]),
-    size: z7.enum(["sm", "md", "lg"])
+    size: z7.enum(["sm", "md", "lg"]),
+    colorToken: themeColorTokenSchema.optional()
   }),
   // Trigger (question) styling
   trigger: z7.object({
@@ -1551,6 +1552,7 @@ var navLinkPaddingXSchema = z11.enum(["none", "tight", "compact", "default", "re
 var navLinkBorderRadiusSchema = z11.enum(["none", "sm", "md", "full"]);
 var navLinkTextSizeSchema = z11.enum(["xs", "sm", "base", "lg"]);
 var navLinkLetterSpacingSchema = z11.enum(["normal", "wide", "wider", "widest"]);
+var navLinkContrastTreatmentSchema = z11.enum(["none", "soft-glow"]);
 var navLinkStyleSchema = z11.object({
   /** Display name for the style */
   name: z11.string().min(1).max(30).optional(),
@@ -1562,6 +1564,8 @@ var navLinkStyleSchema = z11.object({
   textSize: navLinkTextSizeSchema.optional(),
   /** Optional letter spacing override */
   letterSpacing: navLinkLetterSpacingSchema.optional(),
+  /** Optional text-only contrast treatment for transparent/overlay navigation */
+  contrastTreatment: navLinkContrastTreatmentSchema.optional(),
   /** Hover/active color token (for color-change effects) */
   hoverColorToken: themeColorTokenSchema.nullable().optional(),
   /** Padding preset */
@@ -1776,6 +1780,9 @@ var componentShadowSchema = z14.object({
 });
 
 // ../theme-core/src/site-styles/types.ts
+function asAppearancePresetId(value) {
+  return brandNonEmptyString(value, "AppearancePresetId");
+}
 function asSiteStyleId(value) {
   const siteStyleId = brandNonEmptyString(value, "SiteStyleId");
   if (!siteStyleId.startsWith("site-style:")) {
@@ -1785,17 +1792,40 @@ function asSiteStyleId(value) {
   }
   return siteStyleId;
 }
+function asDesignSystemTemplateId(value) {
+  return brandNonEmptyString(value, "DesignSystemTemplateId");
+}
+function assertNever(value, message = "Unhandled Theme V2 variant") {
+  throw new Error(`${message}: ${String(value)}`);
+}
 function brandNonEmptyString(value, label) {
   if (value.length === 0) {
     throw new Error(`${label} must be a non-empty string.`);
   }
   return value;
 }
+var plainFrame = {
+  kind: "plain"
+};
+function panelFrame(treatment) {
+  return { kind: "panel", treatment };
+}
+function flushPanelFrame(options) {
+  return {
+    kind: "flush-panel",
+    treatment: options.treatment ?? "media-panel",
+    bleed: options.bleed
+  };
+}
 var tileTreatmentValues = [
   "default",
   "quiet",
   "brand-depth"
 ];
+var eventListTreatmentValues = [
+  "plain",
+  "lined-panel"
+];
 var eyebrowTreatmentValues = [
   "plain",
   "pill",
@@ -1970,6 +2000,7 @@ var sectionStylesOverrideSchema = z16.object({
   spacing: semanticSpacingSchema.nullable().optional(),
   minHeight: z16.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
   tileTreatment: z16.enum(tileTreatmentValues).nullable().optional(),
+  eventListTreatment: z16.enum(eventListTreatmentValues).nullable().optional(),
   eyebrowTreatment: z16.enum(eyebrowTreatmentValues).nullable().optional(),
   headingDecoration: headingDecorationSchema.nullable().optional(),
   // Author-level override consumed by later block/editor rendering phases.
@@ -2415,6 +2446,9 @@ var themesTurnSchema = z16.object({
   themes: z16.array(themeSchema).length(3)
 });
 
+// ../theme-core/src/fonts/uploadFormat.ts
+var MAX_FONT_UPLOAD_BYTES = 5 * 1024 * 1024;
+
 // ../theme-core/src/palette/utils/colorConversion.ts
 function hexToRgb(hex) {
   const h = hex.replace(/^#/, "");
@@ -2423,58 +2457,2579 @@ function hexToRgb(hex) {
   const int = parseInt(m, 16);
   return { r: int >> 16 & 255, g: int >> 8 & 255, b: int & 255 };
 }
-
-// ../theme-core/src/styles/shadow.ts
-function generateShadowCssVars(theme) {
-  const level = theme.shadow.elevation;
-  const soft = theme.shadow.softness !== "crisp";
-  const base = {
-    sm: [{ y: 1, blur: 2, spread: 0, a: 0.08 }],
-    md: [
-      { y: 4, blur: 6, spread: -1, a: 0.1 },
-      { y: 2, blur: 4, spread: -2, a: 0.1 }
-    ],
-    lg: [
-      { y: 10, blur: 15, spread: -3, a: 0.1 },
-      { y: 4, blur: 6, spread: -4, a: 0.1 }
-    ],
-    xl: [
-      { y: 20, blur: 25, spread: -5, a: 0.1 },
-      { y: 8, blur: 10, spread: -6, a: 0.1 }
-    ],
-    x2l: [{ y: 25, blur: 50, spread: -12, a: 0.25 }]
+
+// ../theme-core/src/styles/shadow.ts
+function generateShadowCssVars(theme) {
+  const level = theme.shadow.elevation;
+  const soft = theme.shadow.softness !== "crisp";
+  const base = {
+    sm: [{ y: 1, blur: 2, spread: 0, a: 0.08 }],
+    md: [
+      { y: 4, blur: 6, spread: -1, a: 0.1 },
+      { y: 2, blur: 4, spread: -2, a: 0.1 }
+    ],
+    lg: [
+      { y: 10, blur: 15, spread: -3, a: 0.1 },
+      { y: 4, blur: 6, spread: -4, a: 0.1 }
+    ],
+    xl: [
+      { y: 20, blur: 25, spread: -5, a: 0.1 },
+      { y: 8, blur: 10, spread: -6, a: 0.1 }
+    ],
+    x2l: [{ y: 25, blur: 50, spread: -12, a: 0.25 }]
+  };
+  const scale = (() => {
+    switch (level) {
+      case "none":
+        return 0.8;
+      case "low":
+        return 1;
+      case "medium":
+        return 1.25;
+      case "high":
+        return 1.5;
+      default:
+        return 1;
+    }
+  })();
+  const blurMul = soft ? 1.2 : 1;
+  const alphaMul = soft ? 0.9 : 1.05;
+  const fmt = (layers) => layers.map((l) => {
+    const y = Math.round(l.y * scale);
+    const blur = Math.round(l.blur * scale * blurMul);
+    const spread = Math.round(l.spread * scale);
+    const a = Math.max(0, Math.min(1, +(l.a * alphaMul).toFixed(3)));
+    return `0 ${y}px ${blur}px ${spread}px rgba(0, 0, 0, ${a})`;
+  }).join(", ");
+  return {
+    "--shadow-sm": fmt(base.sm),
+    "--shadow-md": fmt(base.md),
+    "--shadow-lg": fmt(base.lg),
+    "--shadow-xl": fmt(base.xl),
+    "--shadow-2xl": fmt(base.x2l)
+  };
+}
+
+// ../theme-core/src/palette/variants/types.ts
+import { z as z17 } from "zod";
+function asPaletteVariantId(value) {
+  if (value.length === 0) {
+    throw new Error("PaletteVariantId must be a non-empty string");
+  }
+  return value;
+}
+var paletteVariantIdSchema = z17.string().min(1).transform((value) => asPaletteVariantId(value));
+var HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+var hexColorSchema = z17.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+var variantPaletteColorSchema = paletteColorSchema.extend({
+  name: paletteTokenNameSchema
+});
+var paletteVariantSchema = z17.object({
+  id: paletteVariantIdSchema,
+  name: z17.string().min(1),
+  description: z17.string().min(1),
+  tags: styleTagsSchema,
+  mode: z17.enum(["light", "dark"]),
+  colors: z17.array(variantPaletteColorSchema).min(1)
+});
+function definePaletteVariant(input) {
+  return {
+    id: asPaletteVariantId(input.id),
+    name: input.name,
+    description: input.description,
+    tags: input.tags,
+    mode: input.mode,
+    colors: input.colors
+  };
+}
+var paletteOverridesSchema = z17.object({
+  primary: hexColorSchema.optional(),
+  primaryForeground: hexColorSchema.optional(),
+  secondary: hexColorSchema.optional(),
+  accent: hexColorSchema.optional(),
+  success: hexColorSchema.optional(),
+  warning: hexColorSchema.optional(),
+  destructive: hexColorSchema.optional(),
+  background: hexColorSchema.optional(),
+  surface: hexColorSchema.optional(),
+  surfaceAlt: hexColorSchema.optional(),
+  muted: hexColorSchema.optional(),
+  text: hexColorSchema.optional(),
+  border: hexColorSchema.optional()
+}).strict().transform((value) => value);
+
+// ../theme-core/src/palette/variants/brand-led.ts
+var brandLedCool = definePaletteVariant({
+  id: "brand-led-cool",
+  name: "Brand-led \u2014 Cool",
+  description: "Confident blue primary with slate neutrals.",
+  tags: { tone: "classic", energy: "calm", era: "modern" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#2563eb" },
+    { name: "secondary", hex: "#64748b" },
+    { name: "accent", hex: "#0f766e" },
+    { name: "success", hex: "#16a34a" },
+    { name: "warning", hex: "#d97706" },
+    { name: "destructive", hex: "#dc2626" },
+    { name: "background", hex: "#ffffff" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f8fafc" },
+    { name: "muted", hex: "#f1f5f9" },
+    { name: "text", hex: "#0f172a" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#cbd5e1" }
+  ]
+});
+var brandLedWarm = definePaletteVariant({
+  id: "brand-led-warm",
+  name: "Brand-led \u2014 Warm",
+  description: "Sunset orange primary with warm grey neutrals.",
+  tags: { tone: "classic", energy: "vibrant", era: "modern" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#ea580c" },
+    { name: "secondary", hex: "#78716c" },
+    { name: "accent", hex: "#a16207" },
+    { name: "success", hex: "#16a34a" },
+    { name: "warning", hex: "#d97706" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#fffaf3" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#fbeee0" },
+    { name: "muted", hex: "#f4e2cd" },
+    { name: "text", hex: "#1c1917" },
+    { name: "primaryForeground", hex: "#fffaf3" },
+    { name: "border", hex: "#d6c4ad" }
+  ]
+});
+var brandLedJewel = definePaletteVariant({
+  id: "brand-led-jewel",
+  name: "Brand-led \u2014 Jewel",
+  description: "Deep emerald primary with rich neutrals.",
+  tags: { tone: "bold", energy: "vibrant", era: "modern" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#047857" },
+    { name: "secondary", hex: "#4b5563" },
+    { name: "accent", hex: "#7c3aed" },
+    { name: "success", hex: "#15803d" },
+    { name: "warning", hex: "#b45309" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#ffffff" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f5f5f4" },
+    { name: "muted", hex: "#e7e5e4" },
+    { name: "text", hex: "#0c0a09" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#a8a29e" }
+  ]
+});
+var brandLedBurgundyGold = definePaletteVariant({
+  id: "brand-led-burgundy-gold",
+  name: "Brand-led \u2014 Burgundy Gold",
+  description: "Deep burgundy with warm gold accents and soft neutral grounds.",
+  tags: { tone: "bold", energy: "vibrant", era: "modern" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#7c2e38" },
+    { name: "secondary", hex: "#d4af37" },
+    { name: "accent", hex: "#b8e19a" },
+    { name: "success", hex: "#10b981" },
+    { name: "warning", hex: "#f59e0b" },
+    { name: "destructive", hex: "#ef4444" },
+    { name: "background", hex: "#f1dfd0" },
+    { name: "surface", hex: "#f5e6db" },
+    { name: "surfaceAlt", hex: "#f8ece3" },
+    { name: "muted", hex: "#c9b8a8" },
+    { name: "text", hex: "#400000" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#c9b8a8" }
+  ]
+});
+
+// ../theme-core/src/palette/variants/high-contrast.ts
+var highContrastInk = definePaletteVariant({
+  id: "high-contrast-ink",
+  name: "High Contrast \u2014 Ink",
+  description: "Near-black primary with cool greys.",
+  tags: { tone: "bold", energy: "calm", era: "editorial" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#111827" },
+    { name: "secondary", hex: "#374151" },
+    { name: "accent", hex: "#1d4ed8" },
+    { name: "success", hex: "#047857" },
+    { name: "warning", hex: "#b45309" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#ffffff" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f3f4f6" },
+    { name: "muted", hex: "#e5e7eb" },
+    { name: "text", hex: "#030712" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#6b7280" }
+  ]
+});
+var highContrastCharcoal = definePaletteVariant({
+  id: "high-contrast-charcoal",
+  name: "High Contrast \u2014 Charcoal",
+  description: "Warm charcoal primary on a soft cream ground.",
+  tags: { tone: "minimal", energy: "calm", era: "editorial" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#1f2937" },
+    { name: "secondary", hex: "#52525b" },
+    { name: "accent", hex: "#a16207" },
+    { name: "success", hex: "#15803d" },
+    { name: "warning", hex: "#b45309" },
+    { name: "destructive", hex: "#991b1b" },
+    { name: "background", hex: "#fafaf9" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f5f5f4" },
+    { name: "muted", hex: "#e7e5e4" },
+    { name: "text", hex: "#0c0a09" },
+    { name: "primaryForeground", hex: "#fafaf9" },
+    { name: "border", hex: "#a8a29e" }
+  ]
+});
+var highContrastMonochrome = definePaletteVariant({
+  id: "high-contrast-monochrome",
+  name: "High Contrast \u2014 Monochrome",
+  description: "Pure black-on-white with a single saturated accent.",
+  tags: { tone: "bold", energy: "vibrant", era: "editorial" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#000000" },
+    { name: "secondary", hex: "#404040" },
+    { name: "accent", hex: "#dc2626" },
+    { name: "success", hex: "#000000" },
+    { name: "warning", hex: "#000000" },
+    { name: "destructive", hex: "#dc2626" },
+    { name: "background", hex: "#ffffff" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f5f5f5" },
+    { name: "muted", hex: "#e5e5e5" },
+    { name: "text", hex: "#000000" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#525252" }
+  ]
+});
+
+// ../theme-core/src/palette/variants/soft-natural.ts
+var softNaturalSage = definePaletteVariant({
+  id: "soft-natural-sage",
+  name: "Soft Natural \u2014 Sage",
+  description: "Olive sage primary on an off-white ground.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#3f6212" },
+    { name: "secondary", hex: "#6b7280" },
+    { name: "accent", hex: "#0f766e" },
+    { name: "success", hex: "#15803d" },
+    { name: "warning", hex: "#a16207" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#fbfdf7" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#eef5e8" },
+    { name: "muted", hex: "#e7efdf" },
+    { name: "text", hex: "#1f2a1d" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#cbd8c0" }
+  ]
+});
+var softNaturalStone = definePaletteVariant({
+  id: "soft-natural-stone",
+  name: "Soft Natural \u2014 Stone",
+  description: "River-stone grey-green primary with cool neutrals.",
+  tags: { tone: "minimal", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#5a7a5d" },
+    { name: "secondary", hex: "#8a9a8c" },
+    { name: "accent", hex: "#c9b88f" },
+    { name: "success", hex: "#5a7a5d" },
+    { name: "warning", hex: "#a89466" },
+    { name: "destructive", hex: "#a3503e" },
+    { name: "background", hex: "#faf6ec" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f0ecdf" },
+    { name: "muted", hex: "#e6e1d0" },
+    { name: "text", hex: "#2f3d31" },
+    { name: "primaryForeground", hex: "#faf6ec" },
+    { name: "border", hex: "#c9c1ad" }
+  ]
+});
+var softNaturalWatercolor = definePaletteVariant({
+  id: "soft-natural-watercolor",
+  name: "Soft Natural \u2014 Watercolor",
+  description: "Soft sand primary with watercolour sage accents.",
+  tags: { tone: "classic", energy: "vibrant", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#a8825f" },
+    { name: "secondary", hex: "#88a888" },
+    { name: "accent", hex: "#c8a78e" },
+    { name: "success", hex: "#7d8a5f" },
+    { name: "warning", hex: "#c89a4d" },
+    { name: "destructive", hex: "#a3503e" },
+    { name: "background", hex: "#fefdfa" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f6f1e6" },
+    { name: "muted", hex: "#eee7d1" },
+    { name: "text", hex: "#4a3d30" },
+    { name: "primaryForeground", hex: "#fefdfa" },
+    { name: "border", hex: "#d8c9a8" }
+  ]
+});
+
+// ../theme-core/src/palette/variants/warm-neutral.ts
+var warmNeutralClay = definePaletteVariant({
+  id: "warm-neutral-clay",
+  name: "Warm Neutral \u2014 Clay",
+  description: "Terracotta primary on a cream ground.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#8b5e34" },
+    { name: "secondary", hex: "#7c6f64" },
+    { name: "accent", hex: "#a15c38" },
+    { name: "success", hex: "#527853" },
+    { name: "warning", hex: "#b7791f" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#fffaf3" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f5eadc" },
+    { name: "muted", hex: "#efe2d0" },
+    { name: "text", hex: "#2f241c" },
+    { name: "primaryForeground", hex: "#fffaf3" },
+    { name: "border", hex: "#d8c6b3" }
+  ]
+});
+var warmNeutralCream = definePaletteVariant({
+  id: "warm-neutral-cream",
+  name: "Warm Neutral \u2014 Cream",
+  description: "Soft sand primary with pale cream surfaces.",
+  tags: { tone: "minimal", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#b08864" },
+    { name: "secondary", hex: "#9a8c7e" },
+    { name: "accent", hex: "#c2956a" },
+    { name: "success", hex: "#7d8a5f" },
+    { name: "warning", hex: "#c89a4d" },
+    { name: "destructive", hex: "#a3503e" },
+    { name: "background", hex: "#fdf8ee" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f4ebd9" },
+    { name: "muted", hex: "#ede3cf" },
+    { name: "text", hex: "#3b2f24" },
+    { name: "primaryForeground", hex: "#fdf8ee" },
+    { name: "border", hex: "#e0d2b8" }
+  ]
+});
+var warmNeutralSoftEarth = definePaletteVariant({
+  id: "warm-neutral-soft-earth",
+  name: "Warm Neutral \u2014 Soft Earth",
+  description: "Cream ground with terracotta primary, clay accents, and olive depth.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#a8573d" },
+    { name: "secondary", hex: "#72765c" },
+    { name: "accent", hex: "#c87557" },
+    { name: "success", hex: "#687854" },
+    { name: "warning", hex: "#b7863e" },
+    { name: "destructive", hex: "#a54b3c" },
+    { name: "background", hex: "#fbf6eb" },
+    { name: "surface", hex: "#fffdf7" },
+    { name: "surfaceAlt", hex: "#f0e4d3" },
+    { name: "muted", hex: "#eadbc6" },
+    { name: "text", hex: "#30281f" },
+    { name: "primaryForeground", hex: "#fffaf3" },
+    { name: "border", hex: "#d9c8b2" }
+  ]
+});
+var warmNeutralForest = definePaletteVariant({
+  id: "warm-neutral-forest",
+  name: "Warm Neutral \u2014 Forest",
+  description: "Deep forest green primary with earthy neutrals.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#3d5840" },
+    { name: "secondary", hex: "#7a6f5d" },
+    { name: "accent", hex: "#b06b50" },
+    { name: "success", hex: "#5a7a5d" },
+    { name: "warning", hex: "#b7791f" },
+    { name: "destructive", hex: "#b91c1c" },
+    { name: "background", hex: "#fbf8f0" },
+    { name: "surface", hex: "#ffffff" },
+    { name: "surfaceAlt", hex: "#f2ecdb" },
+    { name: "muted", hex: "#ebe3cc" },
+    { name: "text", hex: "#2a2a2a" },
+    { name: "primaryForeground", hex: "#fbf8f0" },
+    { name: "border", hex: "#cdc1a4" }
+  ]
+});
+
+// ../theme-core/src/palette/variants/index.ts
+var paletteVariants = [
+  // Brand-led family
+  brandLedCool,
+  brandLedWarm,
+  brandLedJewel,
+  brandLedBurgundyGold,
+  // Warm-neutral family
+  warmNeutralClay,
+  warmNeutralCream,
+  warmNeutralSoftEarth,
+  warmNeutralForest,
+  // High-contrast family
+  highContrastInk,
+  highContrastCharcoal,
+  highContrastMonochrome,
+  // Soft-natural family
+  softNaturalSage,
+  softNaturalStone,
+  softNaturalWatercolor
+];
+var paletteVariantsById = new Map(
+  paletteVariants.map((v) => [v.id, v])
+);
+
+// ../theme-core/src/accordions/siteStyleDefaults.ts
+var softEarthAccordionSystem = {
+  background: {
+    type: "solid",
+    colorToken: "background"
+  },
+  spacing: "comfortable",
+  corners: "square",
+  border: null,
+  shadow: null,
+  icon: {
+    style: "plus-minus",
+    position: "right",
+    size: "md",
+    colorToken: "primary"
+  },
+  trigger: {
+    textColorToken: "text",
+    fontWeight: "medium"
+  },
+  hover: {
+    textColorToken: "primary"
+  },
+  content: {
+    textColorToken: "neutral-700"
+  }
+};
+
+// ../theme-core/src/site-styles/headerCtaVariants.ts
+function hasButtonVariant(theme, variantId) {
+  return theme.buttons?.variants.some((variant) => variant.enabled && variant.id === variantId) ?? false;
+}
+function resolveHeaderCtaVariant(theme, treatment) {
+  switch (treatment) {
+    case "default":
+      return void 0;
+    case "primary":
+      return "primary";
+    case "secondary":
+      return hasButtonVariant(theme, "secondary") ? "secondary" : "primary";
+    case "inverted":
+      if (hasButtonVariant(theme, "header")) return "header";
+      if (hasButtonVariant(theme, "secondary")) return "secondary";
+      if (hasButtonVariant(theme, "outline")) return "outline";
+      return "primary";
+    case "outline":
+      return hasButtonVariant(theme, "outline") ? "outline" : "secondary";
+    case "ghost":
+      return hasButtonVariant(theme, "ghost") ? "ghost" : "secondary";
+  }
+}
+
+// ../theme-core/src/site-styles/headerLooks.ts
+function asHeaderLookId(value) {
+  return value;
+}
+function asHeaderLayoutId(value) {
+  return value;
+}
+function asHeaderStyleId(value) {
+  return value;
+}
+function baseHeader(theme) {
+  const {
+    navLinkStyle: _navLinkStyle,
+    dropdownStyle: _dropdownStyle,
+    ctaVariant: _ctaVariant,
+    navContainer: _navContainer,
+    container: _container,
+    shadow: _shadow,
+    logo: _logo,
+    logoText: _logoText,
+    border: _border,
+    ...header
+  } = theme.header;
+  return {
+    ...header,
+    navContainer: { type: "none", tint: null, opacity: 0.15 }
+  };
+}
+var headerLayoutCatalog = [
+  {
+    id: asHeaderLayoutId("classic"),
+    label: "Classic",
+    description: "Logo and navigation in one practical horizontal row.",
+    structure: "inline-classic",
+    variant: "classic",
+    defaultPositioning: "sticky",
+    shrinkOnScroll: false
+  },
+  {
+    id: asHeaderLayoutId("centered"),
+    label: "Centered",
+    description: "Logo centered above a balanced navigation row.",
+    structure: "centered-stack",
+    variant: "centered",
+    defaultPositioning: "static",
+    shrinkOnScroll: false,
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal", "square"]
+  },
+  {
+    id: asHeaderLayoutId("floating"),
+    label: "Floating",
+    description: "Detached header chrome that sits over the opening section.",
+    structure: "floating-shell",
+    variant: "floating",
+    defaultPositioning: "sticky",
+    shrinkOnScroll: true,
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal"]
+  }
+];
+function supportedLayouts(ids) {
+  return ids.map(asHeaderLayoutId);
+}
+var headerStyleCatalog = [
+  {
+    id: asHeaderStyleId("minimal"),
+    label: "Minimal",
+    description: "Quiet surface with simple color-change navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "color-change",
+    surface: "neutral",
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["calm", "professional", "editorial"]
+  },
+  {
+    id: asHeaderStyleId("fine-line"),
+    label: "Fine Line",
+    description: "Light surface with a crisp lower rule and underline hover.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "underline-grow",
+    surface: "bordered",
+    defaultDepth: "line",
+    navTypography: "plain",
+    moods: ["calm", "professional", "editorial"]
+  },
+  {
+    id: asHeaderStyleId("soft-bar"),
+    label: "Soft Bar",
+    description: "Soft tinted surface with gentle pill hover states.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "pill-background",
+    surface: "soft",
+    defaultDepth: "line",
+    navTypography: "plain",
+    moods: ["calm", "professional"]
+  },
+  {
+    id: asHeaderStyleId("pill-nav"),
+    label: "Pill Nav",
+    description: "A calm pill navigation rail over a neutral header.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "pill-background",
+    surface: "soft",
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["calm"]
+  },
+  {
+    id: asHeaderStyleId("brand-bar"),
+    label: "Brand Bar",
+    description: "Solid brand surface with high-contrast navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "color-change",
+    surface: "brand-solid",
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["professional", "expressive", "utility"]
+  },
+  {
+    id: asHeaderStyleId("brand-underline"),
+    label: "Brand Underline",
+    description: "Brand surface with underline-grow navigation.",
+    supportedLayoutIds: supportedLayouts(["classic"]),
+    navInteraction: "underline-grow",
+    surface: "brand-solid",
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["expressive"]
+  },
+  {
+    id: asHeaderStyleId("brand-pill"),
+    label: "Brand Pill",
+    description: "Solid brand surface with rounded active and hover states.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "floating"]),
+    navInteraction: "pill-background",
+    surface: "brand-solid",
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["expressive"]
+  },
+  {
+    id: asHeaderStyleId("serif-line"),
+    label: "Serif Line",
+    description: "Typographic logo treatment with understated underline navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "underline-grow",
+    surface: "bordered",
+    defaultDepth: "line",
+    navTypography: "heading",
+    moods: ["editorial", "calm"]
+  },
+  {
+    id: asHeaderStyleId("flat-tabs"),
+    label: "Flat Tabs",
+    description: "Flat block hover and active states with a Swiss utility feel.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "flat-block",
+    surface: "bordered",
+    defaultDepth: "shadow",
+    navTypography: "quiet-caps",
+    moods: ["professional", "utility", "expressive"]
+  },
+  {
+    id: asHeaderStyleId("glass"),
+    label: "Glass",
+    description: "Translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    defaultDepth: "shadow",
+    navTypography: "plain",
+    moods: ["expressive", "calm"]
+  },
+  {
+    id: asHeaderStyleId("minimal-surface"),
+    label: "Clear Split",
+    description: "Floating logo with transparent navigation and no shared shell.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "color-change",
+    surface: "floating",
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["editorial", "calm"]
+  },
+  {
+    id: asHeaderStyleId("soft-shell"),
+    label: "Soft Shell",
+    description: "Floating rounded shell with soft pill navigation states.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    defaultDepth: "shadow",
+    navTypography: "plain",
+    moods: ["calm", "professional"]
+  },
+  {
+    id: asHeaderStyleId("split-glass"),
+    label: "Split Glass",
+    description: "Logo floats independently while the navigation sits in a glass rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    defaultDepth: "shadow",
+    navTypography: "quiet-caps",
+    moods: ["expressive"]
+  },
+  {
+    id: asHeaderStyleId("split-pill"),
+    label: "Split Pill",
+    description: "Logo floats independently with a soft pill-backed navigation rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    defaultDepth: "shadow",
+    navTypography: "heading",
+    moods: ["calm", "editorial"]
+  }
+];
+var headerLayoutsById = new Map(
+  headerLayoutCatalog.map((layout) => [layout.id, layout])
+);
+var headerStylesById = new Map(
+  headerStyleCatalog.map((style) => [style.id, style])
+);
+var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
+  [
+    asHeaderLayoutId("classic"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-underline",
+      "brand-pill",
+      "serif-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("centered"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-pill",
+      "serif-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("floating"),
+    headerStyleRepairChain([
+      "glass",
+      "minimal-surface",
+      "split-glass",
+      "split-pill",
+      "soft-shell",
+      "brand-pill"
+    ])
+  ]
+]);
+function headerStyleRepairChain(values) {
+  return values.map(asHeaderStyleId);
+}
+var headerStyleRepairOrder = /* @__PURE__ */ new Map(
+  [
+    [
+      asHeaderStyleId("brand-bar"),
+      headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-underline"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-pill"),
+      headerStyleRepairChain(["brand-pill", "brand-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("pill-nav"),
+      headerStyleRepairChain(["pill-nav", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("flat-tabs"),
+      headerStyleRepairChain(["flat-tabs", "pill-nav", "minimal"])
+    ],
+    [
+      asHeaderStyleId("serif-line"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("glass"),
+      headerStyleRepairChain([
+        "glass",
+        "soft-shell",
+        "fine-line",
+        "minimal-surface",
+        "minimal"
+      ])
+    ],
+    [
+      asHeaderStyleId("soft-shell"),
+      headerStyleRepairChain(["soft-shell", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("minimal-surface"),
+      headerStyleRepairChain(["minimal-surface", "minimal"])
+    ],
+    [
+      asHeaderStyleId("split-glass"),
+      headerStyleRepairChain(["split-glass", "glass", "minimal-surface"])
+    ],
+    [
+      asHeaderStyleId("split-pill"),
+      headerStyleRepairChain(["split-pill", "soft-shell", "brand-pill"])
+    ],
+    [
+      asHeaderStyleId("fine-line"),
+      headerStyleRepairChain(["fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-bar"),
+      headerStyleRepairChain(["soft-bar", "minimal"])
+    ],
+    [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
+  ]
+);
+var legacyHeaderLookAliases = [
+  {
+    lookId: asHeaderLookId("clean-base"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("brand-solid"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("brand-bar")
+    }
+  },
+  {
+    lookId: asHeaderLookId("serif-line"),
+    selection: {
+      layoutId: asHeaderLayoutId("centered"),
+      styleId: asHeaderStyleId("serif-line")
+    }
+  },
+  {
+    lookId: asHeaderLookId("centered-calm"),
+    selection: {
+      layoutId: asHeaderLayoutId("centered"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("practical-utility"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("flat-tabs")
+    }
+  },
+  {
+    lookId: asHeaderLookId("minimal-transparent"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("transparent-overlay"),
+    selection: {
+      layoutId: asHeaderLayoutId("floating"),
+      styleId: asHeaderStyleId("glass")
+    }
+  },
+  {
+    lookId: asHeaderLookId("floating-glass"),
+    selection: {
+      layoutId: asHeaderLayoutId("floating"),
+      styleId: asHeaderStyleId("glass")
+    }
+  }
+];
+var legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
+function getHeaderStyle(id) {
+  return headerStylesById.get(id) ?? null;
+}
+function isHeaderStyleCompatibleWithLayout(style, layoutId) {
+  return style.supportedLayoutIds.includes(layoutId);
+}
+function getHeaderStyleOrThrow(id) {
+  const style = getHeaderStyle(id);
+  if (!style) {
+    throw new Error(`Unknown Theme V2 header style: ${id}`);
+  }
+  return style;
+}
+function resolveLegacyHeaderLookAlias(lookId) {
+  return legacyHeaderLookAliasesById.get(lookId)?.selection ?? null;
+}
+function getCompatibleHeaderStyleIds(layoutId) {
+  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter(
+    (styleId) => {
+      const style = getHeaderStyleOrThrow(styleId);
+      return isHeaderStyleCompatibleWithLayout(style, layoutId);
+    }
+  );
+}
+function themedHeaderShadow(theme) {
+  switch (theme.shadow.elevation) {
+    case "none":
+      return void 0;
+    case "low":
+      return { elevation: "sm" };
+    case "medium":
+      return { elevation: "md" };
+    case "high":
+      return { elevation: "lg" };
+    default:
+      return assertNever(
+        theme.shadow.elevation,
+        "Unhandled theme shadow elevation"
+      );
+  }
+}
+function solidBrandHeader(theme) {
+  const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
+  return {
+    ...baseHeader(theme),
+    variant: "classic",
+    positioning: "sticky",
+    shrinkOnScroll: true,
+    background: {
+      type: "color",
+      color: "primary"
+    },
+    textColor: "primaryForeground",
+    navColor: "primaryForeground",
+    navStyle: "underline-grow",
+    navWeight: "bold",
+    navLinkStyle: {
+      typography: "body",
+      fontWeight: "bold",
+      textTransform: "uppercase",
+      italic: false,
+      colorToken: "primaryForeground",
+      hoverColorToken: "secondary",
+      textSize: "sm",
+      letterSpacing: "wider",
+      padding: "compact",
+      paddingX: "compact",
+      borderRadius: "none",
+      effects: {
+        hover: [
+          {
+            effectId: "text-color-change",
+            options: { hoverColorToken: "secondary" }
+          },
+          {
+            effectId: "nav-underline",
+            options: { style: "grow", colorToken: "secondary" }
+          }
+        ]
+      }
+    },
+    dropdownStyle: {
+      background: "primary-700",
+      textColor: "primaryForeground",
+      borderColor: null,
+      shadow: "md",
+      borderRadius: "md",
+      hoverBackground: "primary-900",
+      hoverTextColor: "secondary",
+      textTransform: "uppercase",
+      letterSpacing: "wider",
+      fontWeight: "bold",
+      textSize: "sm"
+    },
+    border: {
+      style: "solid",
+      width: "none",
+      position: "none"
+    },
+    logoText: {
+      hideOnShrink: true,
+      mobileMaxWidth: "sm",
+      mobileWrapLines: 2
+    },
+    ctaGap: "compact",
+    ctaTreatment: "inverted",
+    ...ctaVariant ? { ctaVariant } : {}
+  };
+}
+function cleanBaseHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "classic",
+    positioning: "sticky",
+    shrinkOnScroll: false,
+    background: {
+      type: "color",
+      color: "surface"
+    },
+    textColor: "text",
+    navColor: "text",
+    navStyle: "minimal",
+    navWeight: "medium",
+    border: {
+      style: "solid",
+      width: "thin",
+      position: "bottom",
+      colorToken: "border"
+    },
+    ctaTreatment: "default",
+    ctaGap: "default"
+  };
+}
+function serifLineHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "centered",
+    positioning: "sticky",
+    shrinkOnScroll: false,
+    background: {
+      type: "color",
+      color: "background"
+    },
+    textColor: "text",
+    navColor: "text",
+    navStyle: "underline-grow",
+    navWeight: "medium",
+    logo: {
+      fontFamily: "heading",
+      letterSpacing: "wide",
+      gradient: false
+    },
+    ctaTreatment: "outline",
+    ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
+    ctaGap: "relaxed"
+  };
+}
+function centeredCalmHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "centered",
+    positioning: "static",
+    shrinkOnScroll: false,
+    background: {
+      type: "color",
+      color: "surface"
+    },
+    textColor: "text",
+    navColor: "text",
+    navStyle: "minimal",
+    navWeight: "medium",
+    ctaTreatment: "ghost",
+    ctaVariant: resolveHeaderCtaVariant(theme, "ghost"),
+    ctaGap: "none"
+  };
+}
+function practicalUtilityHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "classic",
+    positioning: "sticky",
+    shrinkOnScroll: true,
+    background: {
+      type: "color",
+      color: "surface"
+    },
+    textColor: "text",
+    navColor: "text",
+    navStyle: "solid",
+    navWeight: "semibold",
+    shadow: themedHeaderShadow(theme),
+    border: {
+      style: "solid",
+      width: "thin",
+      position: "bottom",
+      colorToken: "border"
+    },
+    ctaTreatment: "primary",
+    ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+    ctaGap: "compact",
+    logoText: {
+      mobileMaxWidth: "sm",
+      mobileWrapLines: 1,
+      hideOnShrink: false
+    }
+  };
+}
+function minimalTransparentHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "classic",
+    positioning: "static",
+    shrinkOnScroll: false,
+    background: {
+      type: "color",
+      color: "transparent"
+    },
+    textColor: "text",
+    navColor: "text",
+    navStyle: "underline",
+    navWeight: "medium",
+    border: {
+      style: "solid",
+      width: "none",
+      position: "none"
+    },
+    ctaTreatment: "outline",
+    ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
+    ctaGap: "default"
+  };
+}
+function transparentOverlayHeader(theme) {
+  return {
+    ...baseHeader(theme),
+    variant: "transparent",
+    positioning: "fixed",
+    shrinkOnScroll: true,
+    background: {
+      type: "color",
+      color: "transparent"
+    },
+    textColor: "background",
+    navColor: "background",
+    navStyle: "frosted",
+    navWeight: "semibold",
+    border: {
+      style: "solid",
+      width: "none",
+      position: "none"
+    },
+    ctaTreatment: "inverted",
+    ctaVariant: resolveHeaderCtaVariant(theme, "inverted"),
+    ctaGap: "compact"
+  };
+}
+function floatingGlassHeader(theme) {
+  return {
+    ...transparentOverlayHeader(theme),
+    variant: "floating",
+    positioning: "sticky",
+    navStyle: "frosted",
+    navContainer: {
+      type: "glass",
+      tint: "text",
+      opacity: 0.16
+    },
+    container: {
+      rounded: "2xl",
+      border: true,
+      shadow: true,
+      padding: "sm",
+      tint: "background",
+      opacity: 0.12
+    }
+  };
+}
+var headerLookCatalog = [
+  {
+    id: asHeaderLookId("clean-base"),
+    label: "Clean base",
+    visualTreatment: "solid-neutral",
+    layoutBehavior: "sticky",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky"
+    },
+    openingRequirement: "none",
+    compile: cleanBaseHeader
+  },
+  {
+    id: asHeaderLookId("brand-solid"),
+    label: "Brand solid",
+    visualTreatment: "solid-brand",
+    layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-brand",
+      behavior: "sticky-shrink"
+    },
+    openingRequirement: "none",
+    compile: solidBrandHeader
+  },
+  {
+    id: asHeaderLookId("serif-line"),
+    label: "Serif line",
+    visualTreatment: "light-serif",
+    layoutBehavior: "sticky",
+    configuration: {
+      structure: "centered-stack",
+      treatment: "light-serif",
+      behavior: "sticky"
+    },
+    openingRequirement: "none",
+    maxRecommendedNavItems: 6,
+    compile: serifLineHeader
+  },
+  {
+    id: asHeaderLookId("centered-calm"),
+    label: "Centered calm",
+    visualTreatment: "light-serif",
+    layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "centered-stack",
+      treatment: "light-serif",
+      behavior: "normal-flow"
+    },
+    openingRequirement: "none",
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal", "square"],
+    compile: centeredCalmHeader
+  },
+  {
+    id: asHeaderLookId("practical-utility"),
+    label: "Practical utility",
+    visualTreatment: "solid-neutral",
+    layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky-shrink"
+    },
+    openingRequirement: "none",
+    requiresProminentCta: true,
+    compile: practicalUtilityHeader
+  },
+  {
+    id: asHeaderLookId("minimal-transparent"),
+    label: "Minimal transparent",
+    visualTreatment: "minimal-transparent",
+    layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "minimal-transparent",
+      behavior: "normal-flow"
+    },
+    openingRequirement: "reserved-space-ok",
+    compile: minimalTransparentHeader
+  },
+  {
+    id: asHeaderLookId("transparent-overlay"),
+    label: "Transparent overlay",
+    visualTreatment: "transparent-overlay",
+    layoutBehavior: "fixed-overlay",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "transparent-overlay",
+      behavior: "fixed-overlay"
+    },
+    openingRequirement: "requires-image-hero-with-contrast-overlay",
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal"],
+    compile: transparentOverlayHeader
+  },
+  {
+    id: asHeaderLookId("floating-glass"),
+    label: "Floating glass",
+    visualTreatment: "floating-glass",
+    layoutBehavior: "fixed-floating",
+    configuration: {
+      structure: "floating-shell",
+      treatment: "floating-glass",
+      behavior: "fixed-floating"
+    },
+    openingRequirement: "requires-image-hero-with-contrast-overlay",
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal"],
+    compile: floatingGlassHeader
+  }
+];
+var guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
+var guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
+var guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
+var allowedHeaderConfigurationKeys = new Set(
+  headerLookCatalog.map((look) => headerConfigurationKey(look.configuration))
+);
+var headerLooksById = new Map(
+  headerLookCatalog.map((look) => [look.id, look])
+);
+function headerConfigurationKey(configuration) {
+  return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
+}
+
+// ../theme-core/src/site-styles/footerLooks.ts
+function asFooterLookId(value) {
+  return value;
+}
+var guaranteedFallbackFooterLookId = asFooterLookId("footer-muted-grounding");
+function mutedGroundingFooter(theme) {
+  return theme.footer;
+}
+function brandTwoBandFooter(theme) {
+  return {
+    ...theme.footer,
+    variant: "split",
+    maxWidth: "container",
+    background: {
+      type: "color",
+      color: "primary-800"
+    },
+    navStyle: "minimal",
+    navWeight: "medium",
+    navColor: "primaryForeground",
+    navLinkStyle: {
+      typography: "body",
+      fontWeight: "medium",
+      textTransform: "none",
+      italic: false,
+      colorToken: "primaryForeground",
+      hoverColorToken: "secondary",
+      padding: "none",
+      borderRadius: "none"
+    },
+    bottomTextLinkStyle: {
+      colorToken: "secondary",
+      decorationColorToken: "secondary"
+    },
+    navLayout: {
+      layout: "inline-wrap",
+      align: "start",
+      gapX: "default",
+      gapY: "tight"
+    },
+    logo: {
+      showLogo: true,
+      showLogoText: false,
+      placement: "left",
+      size: "sm",
+      align: "start"
+    },
+    bottomBar: {
+      enabled: true,
+      fullBleed: true,
+      background: {
+        type: "color",
+        color: "primary-900"
+      },
+      textColor: "primaryForeground",
+      textAlign: "center",
+      paddingX: "default",
+      paddingY: "compact",
+      borderTop: {
+        width: "none"
+      }
+    }
+  };
+}
+var footerLookCatalog = [
+  {
+    id: asFooterLookId("footer-muted-grounding"),
+    label: "Muted grounding footer",
+    compile: mutedGroundingFooter
+  },
+  {
+    id: asFooterLookId("site-footer-brand-two-band"),
+    label: "Two-band brand footer",
+    maxRecommendedNavDensity: "balanced",
+    allowedContentPresence: ["default-footer", "default-and-blocks"],
+    compile: brandTwoBandFooter
+  }
+];
+var footerLooksById = new Map(
+  footerLookCatalog.map((look) => [look.id, look])
+);
+
+// ../theme-core/src/site-styles/sourceCatalogs.ts
+var generatedContentFrames = [
+  plainFrame,
+  panelFrame("inset"),
+  panelFrame("raised"),
+  flushPanelFrame({ bleed: "start" })
+];
+var userContentFrames = [
+  ...generatedContentFrames,
+  panelFrame("editorial"),
+  flushPanelFrame({ bleed: "end" }),
+  flushPanelFrame({ bleed: "both" })
+];
+var generatedDesignOptionCatalog = {
+  source: "generated",
+  sectionSurfaces: ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"],
+  contentFrames: generatedContentFrames,
+  itemSurfaces: ["none", "default", "flat", "outlined", "raised"],
+  transitions: ["none", "soft-fade-short", "soft-fade-long"],
+  emphases: ["low", "medium", "high"],
+  detachedCustom: false
+};
+var userDesignOptionCatalog = {
+  source: "user",
+  sectionSurfaces: generatedDesignOptionCatalog.sectionSurfaces,
+  contentFrames: userContentFrames,
+  itemSurfaces: [
+    ...generatedDesignOptionCatalog.itemSurfaces,
+    "inset",
+    "editorial"
+  ],
+  transitions: [
+    ...generatedDesignOptionCatalog.transitions,
+    "wave-edge",
+    "angle-edge"
+  ],
+  emphases: generatedDesignOptionCatalog.emphases,
+  detachedCustom: false
+};
+var advancedDesignOptionCatalog = {
+  source: "advanced",
+  sectionSurfaces: userDesignOptionCatalog.sectionSurfaces,
+  contentFrames: userDesignOptionCatalog.contentFrames,
+  itemSurfaces: userDesignOptionCatalog.itemSurfaces,
+  transitions: userDesignOptionCatalog.transitions,
+  emphases: userDesignOptionCatalog.emphases,
+  detachedCustom: true
+};
+
+// ../theme-core/src/site-styles/typographyPresets.ts
+var bodyReadablePolicy = {
+  recommendedCategories: ["sans-serif", "serif"],
+  allowedCategories: ["sans-serif", "serif"],
+  requiresItalicForBody: true,
+  requiresBoldForBody: true
+};
+var headingFlexiblePolicy = {
+  recommendedCategories: ["sans-serif", "serif", "display"],
+  allowedCategories: ["sans-serif", "serif", "display"]
+};
+var displayHeadingPolicy = {
+  recommendedCategories: ["display", "sans-serif", "serif"],
+  allowedCategories: ["display", "sans-serif", "serif"]
+};
+function asTypographyPresetId(value) {
+  if (!value.startsWith("typography-preset:")) {
+    throw new Error(`TypographyPresetId must start with "typography-preset:". Received: ${value}`);
+  }
+  return value;
+}
+function defineTypographyPreset(preset) {
+  return {
+    ...preset,
+    id: asTypographyPresetId(preset.id)
+  };
+}
+var modernSansTypography = {
+  body: {
+    family: "Inter, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Inter, system-ui, sans-serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var warmRoundedTypography = {
+  body: {
+    family: "Nunito Sans, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Nunito Sans, system-ui, sans-serif",
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var editorialSerifTypography = {
+  body: {
+    family: "Lora, Georgia, serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "loose",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Playfair Display, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: true }
+  },
+  scale: "spacious"
+};
+var classicSerifTypography = {
+  body: {
+    family: "Libre Baskerville, Georgia, serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var luxeContrastTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "spacious"
+};
+var boldDisplayTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: '"TAN - PEARL", sans-serif',
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      colorToken: "primary",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var typographyPresets = [
+  defineTypographyPreset({
+    id: "typography-preset:modern-sans",
+    name: "Modern Sans",
+    description: "Crisp, neutral type for clear service pages and practical editorial structure.",
+    defaultFonts: { body: "Inter, system-ui, sans-serif", heading: "Inter, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Inter", "Source Sans 3", "IBM Plex Sans"],
+      heading: ["Inter", "Manrope", "Source Sans 3"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: modernSansTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:warm-rounded",
+    name: "Warm Rounded",
+    description: "Soft, friendly type for welcoming studios, classes, and community businesses.",
+    defaultFonts: { body: "Nunito Sans, system-ui, sans-serif", heading: "Nunito Sans, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Nunito Sans", "Atkinson Hyperlegible", "Lato"],
+      heading: ["Nunito Sans", "Quicksand", "Manrope"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: warmRoundedTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:editorial-serif",
+    name: "Editorial Serif",
+    description: "Story-led type with warm reading rhythm and expressive headings.",
+    defaultFonts: { body: "Lora, Georgia, serif", heading: "Playfair Display, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Lora", "Source Serif 4", "Libre Baskerville"],
+      heading: ["Playfair Display", "Cormorant Garamond", "Fraunces"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: editorialSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:classic-serif",
+    name: "Classic Serif",
+    description: "Measured, polished type for premium and established offers.",
+    defaultFonts: { body: "Libre Baskerville, Georgia, serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Libre Baskerville", "Source Serif 4", "Lora"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Libre Baskerville"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: classicSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:luxe-contrast",
+    name: "Luxe Contrast",
+    description: "A restrained sans body paired with elegant high-contrast headings.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Source Sans 3"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Bodoni Moda"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: luxeContrastTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:bold-display",
+    name: "Bold Display",
+    description: "Punchy display headings with readable sans body copy for branded launches.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: '"TAN - PEARL", sans-serif' },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Space Grotesk"],
+      heading: ["Anton", "Bebas Neue", "Archivo Black"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: boldDisplayTypography,
+    heroTypography: {
+      headlineSize: "6xl",
+      headlineLineHeight: "tight",
+      subheadlineSize: "2xl",
+      subheadlineLineHeight: "normal",
+      microHeadlineSize: "6xl",
+      microHeadlineLineHeight: "tight",
+      microSubheadlineSize: "xl",
+      microSubheadlineLineHeight: "normal",
+      responsive: {
+        tablet: { headlineSize: "5xl" },
+        mobile: { headlineSize: "4xl", subheadlineSize: "xl" }
+      }
+    }
+  })
+];
+var typographyPresetsById = new Map(
+  typographyPresets.map((preset) => [preset.id, preset])
+);
+
+// ../theme-core/src/site-styles/curatedSiteStyles.ts
+var SOFT_EARTH_SITE_STYLE_ID_VALUE = "site-style:soft-earth";
+var SOFT_EARTH_SITE_STYLE_ID = asSiteStyleId(SOFT_EARTH_SITE_STYLE_ID_VALUE);
+var quietBudget = {
+  accentDensity: "low",
+  panelDensity: "medium",
+  transitionMix: "quiet",
+  primaryCtaLimit: 2,
+  mediaDensity: "medium",
+  decorativeRepetition: "low"
+};
+var balancedBudget = {
+  accentDensity: "medium",
+  panelDensity: "medium",
+  transitionMix: "balanced",
+  primaryCtaLimit: 3,
+  mediaDensity: "medium",
+  decorativeRepetition: "medium"
+};
+var expressiveBudget = {
+  accentDensity: "high",
+  panelDensity: "high",
+  transitionMix: "expressive",
+  primaryCtaLimit: 3,
+  mediaDensity: "high",
+  decorativeRepetition: "medium"
+};
+var expressiveUnderlineInputs = {
+  base: {
+    background: { type: "transparent" },
+    textColorToken: "text",
+    border: {
+      widthClass: "border-2",
+      colorToken: "border",
+      style: "underline"
+    },
+    corners: "square",
+    shadow: null,
+    spacing: "compact",
+    fontSize: "base"
+  },
+  label: {
+    textColorToken: "primary",
+    fontWeight: "black",
+    fontSize: "xs",
+    textTransform: "uppercase",
+    letterSpacing: "widest",
+    opacity: 1
+  },
+  focus: {
+    ringColorToken: "secondary",
+    ringWidth: "0",
+    borderColorToken: "secondary"
+  },
+  error: {
+    borderColorToken: "destructive",
+    textColorToken: "destructive"
+  },
+  disabled: {
+    backgroundColorToken: "surface",
+    textColorToken: "text",
+    opacity: 0.6
+  }
+};
+function uniqueContentFrameKinds() {
+  const kinds = [
+    ...new Set(
+      generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
+    )
+  ];
+  const firstKind = kinds[0];
+  if (!firstKind) {
+    throw new Error(
+      "Expected generated design option catalog to expose at least one content frame kind."
+    );
+  }
+  return [firstKind, ...kinds.slice(1)];
+}
+var generatedContentFrameKinds = uniqueContentFrameKinds();
+function defineCuratedSiteStyle(input) {
+  const legacyHeaderLookIds = input.recommendedHeaderLookIds ?? ["clean-base"];
+  const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(
+    legacyHeaderLookIds,
+    input.tokenRecipes
+  );
+  const typographyPresetChoices = input.typographyPresetChoices ?? defaultTypographyPresetChoicesForRecipe(input.tokenRecipes.typography);
+  const defaultTypographyPresetId = input.defaultTypographyPresetId ? asTypographyPresetId(input.defaultTypographyPresetId) : typographyPresetChoices[0].id;
+  if (!typographyPresetChoices.some(
+    (choice) => choice.id === defaultTypographyPresetId
+  )) {
+    throw new Error(
+      `Default typography preset ${defaultTypographyPresetId} is not curated for site style ${input.id}.`
+    );
+  }
+  return {
+    id: asSiteStyleId(input.id),
+    name: input.name,
+    description: input.description,
+    generationBrief: input.generationBrief,
+    selectionKeywordRules: input.selectionKeywordRules ?? [],
+    siteCreatorSelection: input.siteCreatorSelection ?? {
+      kind: "explicit_only"
+    },
+    template: {
+      id: asDesignSystemTemplateId(
+        `template:${input.id.replace("site-style:", "")}`
+      ),
+      name: input.name,
+      version: 1,
+      tokenRecipes: input.tokenRecipes,
+      compositionBudget: input.compositionBudget,
+      supportedSectionSurfaces: generatedDesignOptionCatalog.sectionSurfaces,
+      supportedContentFrames: generatedContentFrameKinds,
+      supportedItemSurfaces: generatedDesignOptionCatalog.itemSurfaces,
+      supportedTransitions: generatedDesignOptionCatalog.transitions
+    },
+    ...input.themeOverrides ? { themeOverrides: input.themeOverrides } : {},
+    ...input.defaultBlockVariants ? { defaultBlockVariants: input.defaultBlockVariants } : {},
+    recommendedAppearancePresetIds: (input.recommendedAppearancePresetIds ?? []).map(asAppearancePresetId),
+    defaultHeaderSelection: input.defaultHeaderSelection ? {
+      layoutId: asHeaderLayoutId(input.defaultHeaderSelection.layoutId),
+      styleId: asHeaderStyleId(input.defaultHeaderSelection.styleId)
+    } : inferredHeaderCuration.defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: input.recommendedHeaderLayoutChoices ?? inferredHeaderCuration.recommendedHeaderLayoutChoices,
+    recommendedHeaderStyleChoicesByLayout: input.recommendedHeaderStyleChoicesByLayout ?? inferredHeaderCuration.recommendedHeaderStyleChoicesByLayout,
+    discouragedHeaderSelections: input.discouragedHeaderSelections?.map(
+      (selection) => ({
+        layoutId: asHeaderLayoutId(selection.layoutId),
+        styleId: asHeaderStyleId(selection.styleId)
+      })
+    ),
+    recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
+    // Empty is intentional: resolveFooterLook always appends its guaranteed fallback.
+    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(
+      asFooterLookId
+    ),
+    buttonPersonalityChoices: input.buttonPersonalityChoices,
+    paletteVariantChoices: input.paletteVariantChoices,
+    typographyPresetChoices,
+    defaultTypographyPresetId
+  };
+}
+function buttonChoice(id, note) {
+  return note ? { id: asButtonPersonalityId(id), note } : { id: asButtonPersonalityId(id) };
+}
+function paletteChoice(id, note) {
+  return note ? { id: asPaletteVariantId(id), note } : { id: asPaletteVariantId(id) };
+}
+function headerLayoutChoice(id, note) {
+  return note ? { id: asHeaderLayoutId(id), note } : { id: asHeaderLayoutId(id) };
+}
+function headerStyleChoice(id, note) {
+  return note ? { id: asHeaderStyleId(id), note } : { id: asHeaderStyleId(id) };
+}
+function unbrandHeaderLayoutId(id) {
+  return id;
+}
+function uniqueHeaderLayoutChoices(choices) {
+  const seen = /* @__PURE__ */ new Set();
+  const unique = choices.filter((choice) => {
+    if (seen.has(choice.id)) return false;
+    seen.add(choice.id);
+    return true;
+  });
+  const first = unique[0];
+  if (!first) {
+    throw new Error("Expected at least one curated header layout choice.");
+  }
+  return [first, ...unique.slice(1)];
+}
+function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
+  const first = choices[0] ?? {
+    id: getCompatibleHeaderStyleIds(fallbackLayoutId)[0] ?? asHeaderStyleId("minimal")
   };
-  const scale = (() => {
-    switch (level) {
-      case "none":
-        return 0.8;
-      case "low":
-        return 1;
-      case "medium":
-        return 1.25;
-      case "high":
-        return 1.5;
-      default:
-        return 1;
-    }
-  })();
-  const blurMul = soft ? 1.2 : 1;
-  const alphaMul = soft ? 0.9 : 1.05;
-  const fmt = (layers) => layers.map((l) => {
-    const y = Math.round(l.y * scale);
-    const blur = Math.round(l.blur * scale * blurMul);
-    const spread = Math.round(l.spread * scale);
-    const a = Math.max(0, Math.min(1, +(l.a * alphaMul).toFixed(3)));
-    return `0 ${y}px ${blur}px ${spread}px rgba(0, 0, 0, ${a})`;
-  }).join(", ");
+  return [first, ...choices.slice(1)];
+}
+function uniqueCompatibleHeaderStyleChoices(choices, fallbackLayoutId) {
+  const compatible = new Set(getCompatibleHeaderStyleIds(fallbackLayoutId));
+  const seen = /* @__PURE__ */ new Set();
+  const unique = choices.filter((choice) => {
+    if (!compatible.has(choice.id)) return false;
+    if (seen.has(choice.id)) return false;
+    seen.add(choice.id);
+    return true;
+  });
+  return nonEmptyHeaderStyleChoices(unique, fallbackLayoutId);
+}
+function inferredHeaderStyleValuesForRecipes(layoutId, recipes) {
+  switch (layoutId) {
+    case "classic":
+      if (isExpressiveRecipe(recipes)) {
+        return [
+          "brand-bar",
+          "brand-underline",
+          "flat-tabs",
+          "brand-pill",
+          "fine-line"
+        ];
+      }
+      if (recipes.spacing === "compact") {
+        return ["flat-tabs", "fine-line", "minimal", "brand-bar"];
+      }
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["serif-line", "fine-line", "minimal", "soft-bar"];
+      }
+      if (recipes.radius === "rounded" || recipes.radius === "pill") {
+        return ["soft-bar", "pill-nav", "fine-line", "minimal"];
+      }
+      return ["fine-line", "minimal", "soft-bar", "brand-bar"];
+    case "centered":
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["serif-line", "fine-line", "minimal", "soft-bar"];
+      }
+      if (isExpressiveRecipe(recipes)) {
+        return ["brand-pill", "flat-tabs", "brand-bar", "fine-line"];
+      }
+      if (recipes.radius === "rounded" || recipes.radius === "pill") {
+        return ["soft-bar", "pill-nav", "fine-line", "minimal"];
+      }
+      return ["minimal", "fine-line", "soft-bar"];
+    case "floating":
+      if (isExpressiveRecipe(recipes)) {
+        return ["glass", "split-glass", "brand-pill", "soft-shell"];
+      }
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["split-pill", "minimal-surface", "soft-shell"];
+      }
+      return ["soft-shell", "minimal-surface", "glass"];
+    default:
+      return [];
+  }
+}
+function isExpressiveRecipe(recipes) {
+  return recipes.contrast === "maximum" || recipes.shadow === "layered" || recipes.motion === "expressive";
+}
+function isSerifTypographyRecipe(recipes) {
+  return recipes.typography === "serif-editorial" || recipes.typography === "classic-serif";
+}
+function inferHeaderCurationFromLegacyLooks(lookIds, recipes) {
+  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter(
+    (selection) => Boolean(selection)
+  );
+  const defaultHeaderSelection = selections[0] ?? {
+    layoutId: asHeaderLayoutId("classic"),
+    styleId: asHeaderStyleId("minimal")
+  };
+  const layoutChoices = uniqueHeaderLayoutChoices(
+    selections.map((selection) => headerLayoutChoice(selection.layoutId))
+  );
+  const stylesByLayout = {};
+  for (const layoutChoice of layoutChoices) {
+    const legacyStyleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
+    const inferredStyleChoices = inferredHeaderStyleValuesForRecipes(
+      layoutChoice.id,
+      recipes
+    ).map((styleId) => headerStyleChoice(styleId));
+    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = uniqueCompatibleHeaderStyleChoices(
+      [...legacyStyleChoices, ...inferredStyleChoices],
+      layoutChoice.id
+    );
+  }
   return {
-    "--shadow-sm": fmt(base.sm),
-    "--shadow-md": fmt(base.md),
-    "--shadow-lg": fmt(base.lg),
-    "--shadow-xl": fmt(base.xl),
-    "--shadow-2xl": fmt(base.x2l)
+    defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: layoutChoices,
+    recommendedHeaderStyleChoicesByLayout: stylesByLayout
   };
 }
+function typographyChoice(id, note) {
+  return note ? { id: asTypographyPresetId(id), note } : { id: asTypographyPresetId(id) };
+}
+function defaultTypographyPresetChoicesForRecipe(recipe) {
+  switch (recipe) {
+    case "clean-sans":
+      return [
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:bold-display")
+      ];
+    case "friendly-sans":
+      return [
+        typographyChoice("typography-preset:warm-rounded"),
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+    case "serif-editorial":
+      return [
+        typographyChoice("typography-preset:editorial-serif"),
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:warm-rounded")
+      ];
+    case "classic-serif":
+      return [
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+  }
+}
+var curatedSiteStyles = [
+  defineCuratedSiteStyle({
+    id: "site-style:calm-studio",
+    name: "Calm Studio",
+    description: "Soft, measured, and spacious for intimate appointment or class businesses.",
+    generationBrief: "Use calm pacing, concise copy, generous breathing room, and natural imagery. Keep calls to action steady rather than urgent.",
+    tokenRecipes: {
+      palette: "soft-natural",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "friendly-sans",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: quietBudget,
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link"),
+      buttonChoice("brushed-wash")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("soft-natural-sage"),
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("soft-natural-watercolor")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:clear-professional",
+    name: "Clear Professional",
+    description: "Crisp, trustworthy, and direct for local services and consultancies.",
+    generationBrief: "Prioritize clarity, proof, service detail, and easy next steps. Keep visuals polished and specific, with restrained decorative treatment.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "strong",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "regular",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("confident-chip"),
+      buttonChoice("soft-pill"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-cool"),
+      paletteChoice("high-contrast-ink"),
+      paletteChoice("brand-led-jewel")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:warm-editorial",
+    name: "Warm Editorial",
+    description: "Story-led and textured for educators, makers, venues, and retreats.",
+    generationBrief: "Let the copy feel thoughtful and grounded. Favor narrative sections, supporting media, and a small number of editorial panels.",
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "square",
+      shadow: "none",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "minimal-transparent",
+      "centered-calm"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("editorial-link"),
+      buttonChoice("soft-pill"),
+      buttonChoice("brushed-wash")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-cream"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("soft-natural-stone")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:bright-community",
+    name: "Bright Community",
+    description: "Friendly, welcoming, and active for groups, classes, and neighborhood offers.",
+    generationBrief: "Use welcoming language, clear event or booking routes, and optimistic imagery. Let accents appear, but avoid noisy decoration.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "standard",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "friendly-sans",
+      spacing: "regular",
+      motion: "expressive"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("pebble"),
+      buttonChoice("brushed-wash"),
+      buttonChoice("confident-chip")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-warm"),
+      paletteChoice("brand-led-jewel"),
+      paletteChoice("soft-natural-watercolor")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:quiet-luxury",
+    name: "Quiet Luxury",
+    description: "Minimal, confident, and refined for premium experiences and private services.",
+    generationBrief: "Use fewer claims, more specificity, and restrained sensory detail. Favor elegant media and low repetition over dense panels.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 20
+    },
+    selectionKeywordRules: [
+      { kind: "word", value: "luxury" },
+      { kind: "word", value: "premium" },
+      { kind: "word", value: "boutique" },
+      { kind: "word", value: "bespoke" },
+      { kind: "word", value: "exclusive" }
+    ],
+    tokenRecipes: {
+      palette: "high-contrast",
+      contrast: "strong",
+      radius: "square",
+      shadow: "none",
+      typography: "classic-serif",
+      spacing: "airy",
+      motion: "none"
+    },
+    compositionBudget: quietBudget,
+    recommendedHeaderLookIds: [
+      "minimal-transparent",
+      "serif-line",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("editorial-link"),
+      buttonChoice("confident-chip"),
+      buttonChoice("soft-pill")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("high-contrast-charcoal"),
+      paletteChoice("high-contrast-ink"),
+      paletteChoice("warm-neutral-cream")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:practical-services",
+    name: "Practical Services",
+    description: "Efficient, plainspoken, and conversion-focused for trades and everyday services.",
+    generationBrief: "Make services, location, trust signals, and contact paths obvious. Keep copy brief and avoid ornate visual treatments.",
+    siteCreatorSelection: { kind: "primary_goal_support" },
+    selectionKeywordRules: [
+      { kind: "word", value: "repair" },
+      { kind: "substring", value: "plumb" },
+      { kind: "substring", value: "electric" },
+      { kind: "word", value: "cleaning" },
+      { kind: "substring", value: "landscap" },
+      { kind: "substring", value: "contractor" }
+    ],
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "maximum",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "compact",
+      motion: "none"
+    },
+    compositionBudget: quietBudget,
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("confident-chip"),
+      buttonChoice("pebble"),
+      buttonChoice("ink-stamp")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-cool"),
+      paletteChoice("high-contrast-ink"),
+      paletteChoice("brand-led-warm")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:modern-wellness",
+    name: "Modern Wellness",
+    description: "Natural, current, and reassuring for practitioners, studios, and wellbeing offers.",
+    generationBrief: "Keep the tone warm and practical. Use gentle section variation, natural materials, and inclusive copy without making medical claims.",
+    tokenRecipes: {
+      palette: "soft-natural",
+      contrast: "standard",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("confident-chip")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("soft-natural-sage"),
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("warm-neutral-forest")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:quiet-practice",
+    name: "Quiet Practice",
+    description: "Grounded, calm, and practical for small appointment-first practices.",
+    generationBrief: "Make services, practitioner trust, preparation notes, and booking routes easy to scan. Keep the tone warm and specific, with quiet confidence rather than spa cliches or medical claims.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 30
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "massage" },
+      { kind: "word", value: "bodywork" },
+      { kind: "phrase", value: "appointment practice" },
+      { kind: "phrase", value: "appointment-first" },
+      { kind: "substring", value: "practitioner" },
+      { kind: "substring", value: "therap" },
+      { kind: "substring", value: "clinic" },
+      { kind: "phrase", value: "wellness practice" }
+    ],
+    tokenRecipes: {
+      palette: "soft-natural",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "regular",
+      motion: "subtle"
+    },
+    compositionBudget: quietBudget,
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "clean-base",
+      "centered-calm"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("pebble"),
+      buttonChoice("soft-pill"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("soft-natural-sage"),
+      paletteChoice("warm-neutral-clay")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:personal-retreat-journal",
+    name: "Personal Retreat Journal",
+    description: "Warm, story-led, and readable for solo practitioners with mixed offers.",
+    generationBrief: "Center the practitioner as the guide, then make private sessions, classes, retreats, and resources feel like clear pathways. Keep retreat copy grounded and practical, with enough editorial warmth for longer reading.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 40
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "solo practitioner" },
+      { kind: "phrase", value: "personal brand" },
+      { kind: "substring", value: "teacher" },
+      { kind: "substring", value: "coach" },
+      { kind: "phrase", value: "retreat resources" },
+      { kind: "substring", value: "journal" }
+    ],
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "centered-calm",
+      "minimal-transparent"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("editorial-link"),
+      buttonChoice("soft-pill"),
+      buttonChoice("brushed-wash")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("soft-natural-stone")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:tactile-workshop",
+    name: "Tactile Workshop",
+    description: "Bright, hands-on, and image-led for maker studios, workshops, and creative classes.",
+    generationBrief: "Lead with objects, materials, studio process, and practical booking detail. Keep the tone warm and direct, with useful mess, clear dates, and enough gallery rhythm to feel like a real creative studio.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 50
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "ceramic" },
+      { kind: "word", value: "pottery" },
+      { kind: "phrase", value: "maker studio" },
+      { kind: "phrase", value: "craft class" },
+      { kind: "phrase", value: "craft workshop" },
+      { kind: "word", value: "clay" },
+      { kind: "word", value: "kiln" }
+    ],
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "friendly-sans",
+      spacing: "regular",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("pebble"),
+      buttonChoice("confident-chip"),
+      buttonChoice("ink-stamp"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-warm"),
+      paletteChoice("brand-led-cool"),
+      paletteChoice("soft-natural-watercolor"),
+      paletteChoice("warm-neutral-clay")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: SOFT_EARTH_SITE_STYLE_ID,
+    name: "Soft Earth",
+    description: "Warm, grounded, and editorial for yoga studios, retreats, and wellbeing communities.",
+    generationBrief: "Use cream space, terracotta CTAs, olive quote bands, natural imagery, generous but composed spacing, and editorial serif headings. Prefer a real intro section, image-led offering cards, warm community quotes, and an FAQ with a full-width intro above two columns of questions when content allows.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 45
+    },
+    selectionKeywordRules: [
+      { kind: "word", value: "meditation" },
+      { kind: "word", value: "wellbeing" },
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "yoga studio" },
+      { kind: "phrase", value: "mindful movement" }
+    ],
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    themeOverrides: {
+      typography: {
+        body: {
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
+          weight: "regular",
+          lineHeight: "relaxed",
+          letterSpacing: "normal"
+        },
+        headings: {
+          default: {
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            colorToken: "text",
+            italic: null,
+            case: null
+          },
+          h1: {
+            size: "xl",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h2: {
+            size: "lg",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h3: {
+            size: "md",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          }
+        },
+        scale: "majorThird"
+      },
+      bodyText: {
+        intro: {
+          paragraphSize: "default",
+          headingSize: "editorial"
+        }
+      },
+      accordions: softEarthAccordionSystem
+    },
+    defaultBlockVariants: {
+      "block.faq": "question-columns"
+    },
+    recommendedAppearancePresetIds: [
+      "hero-brand-scrim",
+      "intro-organic-statement",
+      "feature-cards-raised-rule",
+      "events-lined-panel",
+      "testimonials-brand-background-quotes",
+      "contact-form-panel"
+    ],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "serif-line"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("earth-pill"),
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-soft-earth"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("soft-natural-sage")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:bold-launch",
+    name: "Bold Launch",
+    description: "High-energy and punchy for launches, campaigns, and creative offers.",
+    generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 10
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "launch" },
+      { kind: "substring", value: "campaign" },
+      { kind: "word", value: "preorder" },
+      { kind: "phrase", value: "pre-order" },
+      { kind: "substring", value: "waitlist" },
+      { kind: "word", value: "drop" }
+    ],
+    tokenRecipes: {
+      palette: "high-contrast",
+      contrast: "maximum",
+      radius: "pill",
+      shadow: "layered",
+      typography: "clean-sans",
+      spacing: "regular",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    recommendedHeaderLookIds: [
+      "transparent-overlay",
+      "floating-glass",
+      "brand-solid"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("ink-stamp"),
+      buttonChoice("confident-chip"),
+      buttonChoice("brushed-wash"),
+      buttonChoice("pebble")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("high-contrast-monochrome"),
+      paletteChoice("high-contrast-ink"),
+      paletteChoice("brand-led-jewel"),
+      paletteChoice("brand-led-warm")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:south-west-twerk-school",
+    name: "South West Twerk School",
+    description: "Energetic, editorial, and high-contrast for a branded dance school presence.",
+    generationBrief: "Use confident rhythm, bold burgundy-and-gold accents, large editorial intro copy, strong booking routes, and dark feature sections where proof or forms need emphasis.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "maximum",
+      radius: "soft",
+      shadow: "layered",
+      typography: "clean-sans",
+      spacing: "airy",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    typographyPresetChoices: [
+      typographyChoice("typography-preset:bold-display"),
+      typographyChoice("typography-preset:modern-sans"),
+      typographyChoice("typography-preset:luxe-contrast")
+    ],
+    defaultTypographyPresetId: "typography-preset:bold-display",
+    themeOverrides: {
+      bodyText: {
+        intro: {
+          paragraphSize: "editorial",
+          headingSize: "editorial"
+        }
+      },
+      inputs: expressiveUnderlineInputs
+    },
+    recommendedAppearancePresetIds: [
+      "hero-brand-scrim-fixed-frame",
+      "body-text-editorial-intro",
+      "schedule-details-brand-depth",
+      "testimonials-accent-quote-cards",
+      "contact-form-brand-depth-card"
+    ],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "transparent-overlay",
+      "practical-utility"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("showtime-pill"),
+      buttonChoice("confident-chip"),
+      buttonChoice("ink-stamp"),
+      buttonChoice("brushed-wash")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-burgundy-gold"),
+      paletteChoice("brand-led-jewel"),
+      paletteChoice("brand-led-warm"),
+      paletteChoice("high-contrast-ink")
+    ]
+  })
+];
+var curatedSiteStylesById = new Map(
+  curatedSiteStyles.map((style) => [style.id, style])
+);
 
 // ../theme-core/src/navigation/presets.ts
 var NAV_LINK_PRESETS = {
@@ -3058,6 +5613,15 @@ ${root} {
 `;
 }
 
+// ../theme-core/src/runtime/themeCssVarNames.ts
+var THEME_RADIUS_CSS_VARS = {
+  block: "--rb-block-radius",
+  button: "--rb-button-radius",
+  input: "--rb-input-radius",
+  legacyCard: "--radius-card",
+  legacyControl: "--radius-control"
+};
+
 // ../theme-core/src/blocks/vars/customer-portal.ts
 function generateCustomerPortalVars({
   themeId
@@ -3071,6 +5635,11 @@ ${root} {
   --cp-muted: rgb(var(--tb-mutedText));
   --cp-border: rgb(var(--tb-border));
   --cp-shadow: var(--shadow-elev);
+  --cp-primary: rgb(var(--tb-primary));
+  --cp-primary-hover: rgb(var(--tb-primary-700, var(--tb-primary)));
+  --cp-error: rgb(var(--tb-destructive));
+  --cp-card-radius: var(${THEME_RADIUS_CSS_VARS.block}, var(${THEME_RADIUS_CSS_VARS.legacyCard}, 0.75rem));
+  --cp-control-radius: var(${THEME_RADIUS_CSS_VARS.input}, var(${THEME_RADIUS_CSS_VARS.legacyControl}, 0.5rem));
 
   /* Shared tab bar (underline style) */
   --rb-tab-border-width: 1px;
@@ -3121,7 +5690,7 @@ ${root} {
   --rb-modal-bg: var(--cp-card-bg);
   --rb-modal-border: var(--cp-card-border);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
-  --rb-modal-radius: var(--radius-card);
+  --rb-modal-radius: var(--cp-card-radius);
   --rb-modal-max-width: 560px;
 
   /* Header */
@@ -3473,6 +6042,12 @@ var containerResponsiveThemeCss = `/*
   }
 
   /* Display */
+  .rb-min-h-screen {
+    min-height: 100vh;
+  }
+  .rb-min-h-full {
+    min-height: 100%;
+  }
   .rb-block {
     display: block;
   }
@@ -3795,9 +6370,21 @@ var containerResponsiveThemeCss = `/*
   }
 
   /* Grid */
+  .rb-grid-rows-main-footer {
+    grid-template-rows: minmax(0, 1fr) auto;
+  }
   .rb-grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .rb-row-start-1 {
+    grid-row-start: 1;
+  }
+  .rb-row-start-2 {
+    grid-row-start: 2;
+  }
+  .rb-col-start-1 {
+    grid-column-start: 1;
+  }
   .rb-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -4043,6 +6630,17 @@ var containerResponsiveThemeCss = `/*
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
   }
+  :where(.theme-scope)
+    [data-site-document-layout-mode="header-overlay"]
+    [data-rb-reserved-surface].rb-reserved-surface-main {
+    padding-top: calc(var(--rb-reserved-surface-header-offset, 5.5rem) + 2.5rem);
+  }
+  .rb-preview-editor-offset {
+    padding-bottom: calc(
+      var(--builder-editor-chrome-offset, 0px) +
+      var(--builder-preview-banner-offset, 0px)
+    );
+  }
   .rb-py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem;
@@ -5115,6 +7713,14 @@ var containerResponsiveThemeCss = `/*
     line-height: 1.45;
   }
 
+  /* -------------------------------------------------------------------------- */
+  /* Shared: Site document overlay header clearance                             */
+  /* -------------------------------------------------------------------------- */
+
+  :where(.theme-scope) :where([data-site-document-overlay-content='true']) :where([data-block]):first-of-type > :where([data-slot='section']) > :where(.rb-container) {
+    padding-top: calc(var(--site-overlay-header-clearance, 0px) + var(--site-overlay-opening-content-extra-pad, 0px));
+  }
+
   /* -------------------------------------------------------------------------- */
   /* Header: Mobile nav overlay transitions                                      */
   /* -------------------------------------------------------------------------- */
@@ -6769,17 +9375,103 @@ var containerResponsiveThemeCss = `/*
   border-radius: var(--rb-block-radius);
   background: transparent;
   cursor: pointer;
-  transition: border-color var(--rb-block-transition) ease,
-              background-color var(--rb-block-transition) ease;
+  transition: border-color var(--rb-block-transition) ease,
+              background-color var(--rb-block-transition) ease;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option:hover {
+  border-color: var(--er-payment-border-hover);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--selected {
+  border-color: var(--er-payment-border-selected);
+  background-color: var(--er-payment-bg-selected);
+}
+
+/* Discount code entry */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount {
+  margin-top: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__form {
+  display: grid;
+  gap: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__toggle {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: rgb(var(--tb-primary));
+  cursor: pointer;
+  font-size: 0.875rem;
+  text-decoration: underline;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__toggle:hover {
+  text-decoration: none;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__label {
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__row {
+  display: flex;
+  gap: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__input {
+  flex: 1;
+  border-radius: calc(var(--rb-block-radius) * 0.6);
+  border: 1px solid var(--er-border);
+  padding: 0.5rem 0.75rem;
+  background: rgb(var(--tb-background));
+  color: rgb(var(--tb-foreground));
+  font-size: 0.875rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__input:focus {
+  outline: 2px solid var(--er-focus-ring);
+  outline-offset: 2px;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__remove {
+  background: transparent;
+  border: 0;
+  padding: 0.25rem;
+  color: var(--er-on-surface);
+  cursor: pointer;
+  opacity: 0.7;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__apply {
+  background: transparent;
+  border: 0;
+  padding: 0.25rem;
+  color: var(--er-on-surface);
+  cursor: pointer;
+  opacity: 0.8;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option:hover {
-  border-color: var(--er-payment-border-hover);
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__remove:hover {
+  opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--selected {
-  border-color: var(--er-payment-border-selected);
-  background-color: var(--er-payment-bg-selected);
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__apply:hover {
+  opacity: 1;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__hint {
+  margin: 0;
+  font-size: 0.875rem;
+  color: var(--er-on-surface-muted);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-discount__feedback {
+  margin: 0;
+  font-size: 0.875rem;
 }
 
 /* Visually hide native radio but keep focusable (sr-only pattern) */
@@ -9142,7 +11834,7 @@ var containerResponsiveThemeCss = `/*
   width: 100%;
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--ab-input-border, rgb(var(--tb-border, 226 232 240)));
-  border-radius: var(--ab-input-radius, var(--radius-control, var(--rb-block-radius, 1rem)));
+  border-radius: var(--ab-input-radius, var(--rb-input-radius, var(--radius-control, var(--rb-block-radius, 1rem))));
   background: transparent;
   font-size: 0.875rem;
   transition: border-color var(--rb-block-transition, 150ms) ease, box-shadow var(--rb-block-transition, 150ms) ease;
@@ -9379,6 +12071,69 @@ var containerResponsiveThemeCss = `/*
 }
 }
 
+/* Hero typography scales. These classes are emitted by Theme V2 hero looks. */
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-quiet .hero-headline {
+  font-size: clamp(2rem, 4vw, 3rem);
+  line-height: 1.12;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-quiet .hero-subheadline {
+  font-size: clamp(1rem, 1.2vw, 1.25rem);
+  line-height: 1.55;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-editorial .hero-headline {
+  font-size: clamp(2.5rem, 5vw, 4rem);
+  line-height: 1.08;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-editorial .hero-subheadline {
+  font-size: clamp(1.0625rem, 1.4vw, 1.375rem);
+  line-height: 1.55;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-display .hero-headline {
+  font-size: clamp(3rem, 6vw, 5rem);
+  line-height: 1.04;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-display .hero-subheadline {
+  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
+  line-height: 1.5;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-poster .hero-headline {
+  font-size: clamp(3.5rem, 8vw, 6.5rem);
+  line-height: 0.98;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-poster .hero-subheadline {
+  font-size: clamp(1.125rem, 1.4vw, 1.5rem);
+  line-height: 1.45;
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-medium.rb-hero-typography-poster .hero-headline {
+  font-size: clamp(3rem, 6.5vw, 5rem);
+}
+
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-poster .hero-headline,
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-display .hero-headline {
+  font-size: clamp(2.75rem, 5.5vw, 4.5rem);
+  line-height: 1.05;
+}
+
+@container rb-site (max-width: 639px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-poster .hero-headline,
+  :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-display .hero-headline,
+  :where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-poster .hero-headline,
+  :where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-display .hero-headline {
+    font-size: clamp(2.5rem, 11vw, 3.5rem);
+    line-height: 1.05;
+  }
+}
+}
+
 /* =============================================================================
  * Shared: Heading Group (used by CTA, single-button, etc.)
  * =============================================================================
@@ -9768,6 +12523,8 @@ var containerResponsiveThemeCss = `/*
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.6);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
   --rb-modal-z-index: 20000;
+  --shop-card-radius: var(--rb-block-radius, var(--radius-card, 0.75rem));
+  --shop-control-radius: var(--rb-input-radius, var(--radius-control, 0.375rem));
 }
 
 :where(.theme-scope) .shop--empty {
@@ -9785,7 +12542,7 @@ var containerResponsiveThemeCss = `/*
   background-color: rgba(var(--tb-destructive), 0.1);
   color: rgb(var(--tb-destructive));
   padding: 0.75rem 1rem;
-  border-radius: var(--radius-control, 0.375rem);
+  border-radius: var(--shop-control-radius);
   margin-bottom: 1rem;
   font-size: 0.875rem;
 }
@@ -9824,7 +12581,7 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) .shop__card {
   background: rgb(var(--tb-surface));
   border: 1px solid rgb(var(--tb-border));
-  border-radius: var(--radius-card, 0.5rem);
+  border-radius: var(--shop-card-radius);
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
@@ -9932,7 +12689,7 @@ var containerResponsiveThemeCss = `/*
   background-color: rgba(var(--tb-destructive), 0.1);
   color: rgb(var(--tb-destructive));
   padding: 0.625rem 0.75rem;
-  border-radius: var(--radius-control, 0.375rem);
+  border-radius: var(--shop-control-radius);
   font-size: 0.875rem;
   margin-bottom: 1rem;
 }
@@ -9975,7 +12732,7 @@ var containerResponsiveThemeCss = `/*
   padding: 1.5rem 1rem;
   margin-bottom: 1.25rem;
   border: 1px solid rgb(var(--tb-border));
-  border-radius: var(--radius-card);
+  border-radius: var(--shop-card-radius);
   background: rgb(var(--tb-surface));
 }
 
@@ -10050,7 +12807,7 @@ var containerResponsiveThemeCss = `/*
   padding: 2rem;
   background: var(--cp-card-bg);
   border: 1px solid var(--cp-card-border);
-  border-radius: var(--radius-card);
+  border-radius: var(--cp-card-radius);
 }
 
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-login__title {
@@ -10120,7 +12877,7 @@ var containerResponsiveThemeCss = `/*
 /* Alerts */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-alert {
   padding: 1rem 1.25rem;
-  border-radius: var(--radius-control);
+  border-radius: var(--cp-control-radius);
   font-size: 0.9375rem;
   line-height: 1.4;
   border-left: 4px solid transparent;
@@ -10178,7 +12935,7 @@ var containerResponsiveThemeCss = `/*
   text-align: center;
   background: var(--cp-card-bg);
   border: 1px dashed var(--cp-card-border);
-  border-radius: var(--radius-card);
+  border-radius: var(--cp-card-radius);
 }
 
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-empty__text {
@@ -10190,7 +12947,7 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-card {
   background: var(--cp-card-bg);
   border: 1px solid var(--cp-card-border);
-  border-radius: var(--radius-card);
+  border-radius: var(--cp-card-radius);
   padding: 1.25rem;
 }
 
@@ -10308,7 +13065,7 @@ var containerResponsiveThemeCss = `/*
   /* Use tiles as a mini "details grid" rather than event occurrence selection. */
   --rb-event-tile-bg: var(--cp-card-bg);
   --rb-event-tile-border: var(--cp-card-border);
-  --rb-event-tile-radius: var(--radius-control);
+  --rb-event-tile-radius: var(--cp-control-radius);
 
   display: flex;
   flex-direction: column;
@@ -10354,7 +13111,7 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table-wrap {
   background: var(--cp-card-bg);
   border: 1px solid var(--cp-card-border);
-  border-radius: var(--radius-card);
+  border-radius: var(--cp-card-radius);
 }
 
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-table {
@@ -11767,6 +14524,11 @@ var containerResponsiveThemeCss = `/*
   margin-top: 0.5rem;
 }
 
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__form {
+  display: grid;
+  gap: 0.5rem;
+}
+
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__toggle {
   background: transparent;
   border: 0;
@@ -11781,10 +14543,14 @@ var containerResponsiveThemeCss = `/*
   text-decoration: none;
 }
 
-:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__field {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__label {
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__row {
   display: flex;
   gap: 0.5rem;
-  margin-top: 0.5rem;
 }
 
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__input {
@@ -11810,10 +14576,33 @@ var containerResponsiveThemeCss = `/*
   opacity: 0.6;
 }
 
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__apply {
+  background: transparent;
+  border: 0;
+  padding: 0.25rem;
+  cursor: pointer;
+  opacity: 0.8;
+}
+
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__remove:hover {
   opacity: 1;
 }
 
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__apply:hover {
+  opacity: 1;
+}
+
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__hint {
+  margin: 0;
+  font-size: 0.875rem;
+  opacity: 0.7;
+}
+
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-discount__feedback {
+  margin: 0;
+  font-size: 0.875rem;
+}
+
 /* =============================================================================
  * Altcha (Spam Protection)
  * =============================================================================
@@ -12258,16 +15047,36 @@ var containerResponsiveThemeCss = `/*
  * ============================================================================= */
 
 :where(.theme-scope) .event-listing-compact-container {
-  width: min(100%, 56rem);
+  --event-compact-divider-color: color-mix(
+    in oklab,
+    rgb(var(--tb-border, 229 231 235)),
+    rgb(var(--tb-text, 17 24 39)) 4%
+  );
+
+  width: min(100%, 92rem);
   margin-inline: auto;
+  overflow: hidden;
+  border: 1px solid var(--event-compact-divider-color);
+  border-radius: 1rem;
+  background: rgb(var(--tb-background, 255 255 255));
+  box-shadow: 0 1.25rem 3.5rem rgba(var(--tb-shadow), 0.08);
+}
+
+:where(.theme-scope) .rb-event-list-treatment-lined-panel .event-listing-compact-container {
+  --event-compact-divider-color: color-mix(
+    in oklab,
+    rgb(var(--tb-border, 229 231 235)),
+    rgb(var(--tb-text, 17 24 39)) 8%
+  );
 }
 
 :where(.theme-scope) .event-compact-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: clamp(5.5rem, 8vw, 8rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
   align-items: center;
-  gap: 1rem;
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid rgb(var(--tb-border, 229 231 235));
+  min-height: 8.75rem;
+  padding: 1.55rem clamp(1.5rem, 3vw, 2.6rem);
+  border-bottom: 1px solid var(--event-compact-divider-color);
   transition: background-color 150ms ease;
 }
 
@@ -12276,70 +15085,212 @@ var containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) .event-compact-row:hover {
-  background-color: rgba(var(--tb-primary, 0 0 0), 0.04);
+  background-color: rgba(var(--tb-primary, 0 0 0), 0.035);
 }
 
-:where(.theme-scope) .event-compact-row-content {
-  flex: 1;
+:where(.theme-scope) .event-compact-row-date {
+  display: grid;
+  grid-template-rows: 1rem minmax(2.7rem, auto) 1rem;
+  place-items: center;
+  gap: 0.35rem;
   min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
+  padding-right: clamp(1rem, 2vw, 1.75rem);
+  text-align: center;
+  text-decoration: none;
+}
+
+:where(.theme-scope) .event-compact-row-date-weekday,
+:where(.theme-scope) .event-compact-row-date-month {
+  display: grid;
+  place-items: center;
+  block-size: 1rem;
+  color: rgb(var(--tb-primary, 0 0 0));
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: normal;
+  letter-spacing: 0.08em;
+}
+
+:where(.theme-scope) .event-compact-row-date-day {
+  display: grid;
+  place-items: center;
+  min-block-size: clamp(2.7rem, 4.5vw, 3.7rem);
+  color: rgb(var(--tb-text, 17 24 39));
+  font-family: var(--font-heading, var(--font-body, inherit));
+  font-size: clamp(2.3rem, 4.2vw, 3.35rem);
+  font-weight: 400;
+  line-height: 1;
 }
 
-:where(.theme-scope) .event-compact-row-top {
+:where(.theme-scope) .event-compact-row-content {
+  min-width: 0;
   display: flex;
-  align-items: baseline;
-  gap: 0.75rem;
-  flex-wrap: wrap;
+  flex-direction: column;
+  gap: 1rem;
+  height: 100%;
+  justify-content: center;
+  padding-inline: clamp(1.4rem, 3vw, 3.2rem);
+  border-left: 1px solid var(--event-compact-divider-color);
 }
 
 :where(.theme-scope) .event-compact-row-title {
-  font-weight: 600;
-  font-size: 0.9375rem;
-  line-height: 1.3;
-  white-space: nowrap;
+  margin: 0;
+  color: rgb(var(--tb-text, 17 24 39));
+  font-family: var(--font-heading, var(--font-body, inherit));
+  font-size: clamp(1.55rem, 2.6vw, 2.4rem);
+  font-weight: 400;
+  line-height: 1.05;
   overflow: hidden;
   text-overflow: ellipsis;
-  min-width: 0;
-  flex: 1;
-}
-
-:where(.theme-scope) .event-compact-row-datetime {
-  font-size: 0.8125rem;
-  opacity: 0.7;
   white-space: nowrap;
-  flex-shrink: 0;
 }
 
-:where(.theme-scope) .event-compact-row-bottom {
+:where(.theme-scope) .event-compact-row-meta {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
-  font-size: 0.8125rem;
-  opacity: 0.7;
+  gap: 0.9rem;
+  min-width: 0;
+  color: rgb(var(--tb-text, 17 24 39));
+  font-size: clamp(0.9375rem, 1.4vw, 1.0625rem);
+  line-height: 1.35;
 }
 
 :where(.theme-scope) .event-compact-row-venue {
   display: inline-flex;
   align-items: center;
-  gap: 0.25rem;
+  gap: 0.45rem;
+  min-width: 0;
+}
+
+:where(.theme-scope) .event-compact-row-venue svg {
+  width: 1.05em;
+  height: 1.05em;
 }
 
+:where(.theme-scope) .event-compact-row-teacher,
 :where(.theme-scope) .event-compact-row-price {
-  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.9rem;
+}
+
+:where(.theme-scope) .event-compact-row-teacher::before,
+:where(.theme-scope) .event-compact-row-price::before {
+  content: "";
+  width: 0.18rem;
+  height: 0.18rem;
+  border-radius: 9999px;
+  background: currentColor;
+}
+
+:where(.theme-scope) .event-compact-row-price {
+  color: rgb(var(--tb-secondary, var(--tb-primary, 0 0 0)));
+  font-weight: 600;
+}
+
+:where(.theme-scope) .event-compact-row-action {
+  display: grid;
+  align-content: center;
+  gap: 1rem;
+  height: 100%;
+  padding-left: clamp(1.5rem, 3vw, 3.2rem);
+  border-left: 1px solid var(--event-compact-divider-color);
+}
+
+:where(.theme-scope) .event-compact-row-datetime {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.65rem;
+  color: rgb(var(--tb-text, 17 24 39));
+  font-size: clamp(0.9375rem, 1.45vw, 1.0625rem);
+  line-height: 1.3;
+  white-space: nowrap;
+}
+
+:where(.theme-scope) .event-compact-row-datetime svg {
+  width: 1.1em;
+  height: 1.1em;
+  flex-shrink: 0;
 }
 
 :where(.theme-scope) .event-compact-row-status {
+  color: rgb(var(--tb-muted, var(--tb-text, 17 24 39)));
   font-weight: 500;
-  opacity: 0.8;
 }
 
 :where(.theme-scope) .event-compact-row-cta {
-  flex-shrink: 0;
+  width: min(100%, 15rem);
+  min-height: 2.7rem;
+  justify-content: space-between;
+  gap: 1rem;
+  border-radius: 9999px;
+  padding-inline: 1.25rem 1rem;
   white-space: nowrap;
 }
 
+:where(.theme-scope) .event-compact-row-cta svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
+
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .event-listing-compact-container {
+    border-radius: 0.875rem;
+  }
+
+  :where(.theme-scope) .event-compact-row {
+    grid-template-columns: 4.75rem minmax(0, 1fr);
+    min-height: 0;
+    padding: 1.25rem;
+    row-gap: 1.1rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-date {
+    padding-right: 0.9rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-date-day {
+    font-size: 2.35rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-content {
+    gap: 0.75rem;
+    padding-left: 1.1rem;
+    padding-right: 0;
+  }
+
+  :where(.theme-scope) .event-compact-row-title {
+    font-size: clamp(1.35rem, 8vw, 1.9rem);
+    white-space: normal;
+  }
+
+  :where(.theme-scope) .event-compact-row-meta {
+    flex-wrap: wrap;
+    gap: 0.5rem 0.8rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-action {
+    grid-column: 1 / -1;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0.85rem;
+    padding-left: 0;
+    padding-top: 1rem;
+    border-left: none;
+    border-top: 1px solid var(--event-compact-divider-color);
+  }
+
+  :where(.theme-scope) .event-compact-row-datetime {
+    white-space: normal;
+  }
+
+  :where(.theme-scope) .event-compact-row-cta {
+    width: 100%;
+  }
+}
+}
+
 :where(.theme-scope) .section-state__callout {
   text-align: center;
   padding: 2rem;
@@ -12384,6 +15335,67 @@ var containerResponsiveThemeCss = `/*
   border-color: rgba(var(--tb-destructive, 239 68 68), 0.3);
   background: rgba(var(--tb-destructive, 239 68 68), 0.1);
   color: rgb(var(--tb-destructive, 239 68 68));
+}
+
+/* =============================================================================
+ * Shared: Heading Decorations
+ * =============================================================================
+ */
+
+:where(.theme-scope) .rb-heading-decoration {
+  display: block;
+  flex: 0 0 auto;
+  pointer-events: none;
+}
+
+:where(.theme-scope) .rb-heading-decoration-placement-after-heading {
+  margin-top: 0.35rem;
+}
+
+:where(.theme-scope) .rb-heading-decoration-placement-under-centered-heading {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+:where(.theme-scope) .rb-heading-decoration-organic-squiggle {
+  width: clamp(5.5rem, 15vw, 9rem);
+  height: 1.1rem;
+  background-color: currentColor;
+  opacity: 0.9;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg width='144' height='18' viewBox='0 0 144 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10C15 1 27 1 40 10C53 18 66 18 79 10C92 1 105 1 118 10C127 16 136 17 142 12' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg width='144' height='18' viewBox='0 0 144 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10C15 1 27 1 40 10C53 18 66 18 79 10C92 1 105 1 118 10C127 16 136 17 142 12' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
+}
+
+:where(.theme-scope) .rb-heading-decoration-short-center-rule {
+  width: 4.5rem;
+  height: 0.125rem;
+  border-radius: 999px;
+  background-color: currentColor;
+  opacity: 0.75;
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-text {
+  color: rgb(var(--tb-text));
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-primary {
+  color: rgb(var(--tb-primary));
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-secondary {
+  color: rgb(var(--tb-secondary));
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-accent {
+  color: rgb(var(--tb-accent));
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-border {
+  color: rgb(var(--tb-border));
+}
+
+:where(.theme-scope) .rb-heading-decoration-color-muted {
+  color: rgb(var(--tb-mutedText));
 }`;
 
 // ../theme-core/src/ThemeScopeCore.tsx
@@ -12570,11 +15582,15 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 import * as React from "react";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 
+// ../theme-core/src/siteChromeOverlayClearance.ts
+var SITE_CHROME_VISIBLE_HEADER_ATTR = "data-site-chrome-visible-header";
+var SITE_CHROME_VISIBLE_HEADER_SELECTOR = `[${SITE_CHROME_VISIBLE_HEADER_ATTR}="true"]`;
+
 // ../theme-core/src/siteChrome.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // ../theme-core/src/runtime/buildThemeRuntimeFromBridge.ts
-import { z as z17 } from "zod";
+import { z as z18 } from "zod";
 
 // ../theme-core/src/inputs/core.ts
 var CORNER_RADIUS_MAP4 = {
@@ -12767,33 +15783,33 @@ var CSS_DECLARATION_PROPERTY_PATTERN = /^(?:-[a-zA-Z][a-zA-Z0-9-]*|[a-zA-Z][a-zA
 var UNSAFE_CSS_MARKUP_PATTERN = /[{}<>]|<\/|<script/i;
 var EXTERNAL_URL_PATTERN = /url\s*\(\s*['"]?(?:https?:|\/\/)/i;
 var JAVASCRIPT_URL_PATTERN2 = /javascript\s*:/i;
-var themeBridgeConfigSchema = z17.object({
-  tokens: z17.record(z17.string(), z17.string()),
-  typography: z17.object({
-    headingFamily: z17.string().optional(),
-    bodyFamily: z17.string().optional(),
-    headingWeight: z17.number().optional(),
-    bodyWeight: z17.number().optional()
+var themeBridgeConfigSchema = z18.object({
+  tokens: z18.record(z18.string(), z18.string()),
+  typography: z18.object({
+    headingFamily: z18.string().optional(),
+    bodyFamily: z18.string().optional(),
+    headingWeight: z18.number().optional(),
+    bodyWeight: z18.number().optional()
   }).optional(),
-  spacing: z17.enum(["comfortable", "standard", "dense"]).optional(),
-  corners: z17.enum(["square", "soft", "rounded", "pill"]).optional(),
-  shadows: z17.enum(["none", "low", "medium", "high"]).optional(),
-  components: z17.object({
-    buttons: z17.union([
-      z17.boolean(),
-      z17.object({
-        variants: z17.array(z17.enum(["primary", "secondary", "outline", "ghost"])).optional()
+  spacing: z18.enum(["comfortable", "standard", "dense"]).optional(),
+  corners: z18.enum(["square", "soft", "rounded", "pill"]).optional(),
+  shadows: z18.enum(["none", "low", "medium", "high"]).optional(),
+  components: z18.object({
+    buttons: z18.union([
+      z18.boolean(),
+      z18.object({
+        variants: z18.array(z18.enum(["primary", "secondary", "outline", "ghost"])).optional()
       })
     ]).optional(),
-    cards: z17.union([
-      z17.boolean(),
-      z17.object({
-        variants: z17.array(z17.enum(["default", "elevated", "outlined"])).optional()
+    cards: z18.union([
+      z18.boolean(),
+      z18.object({
+        variants: z18.array(z18.enum(["default", "elevated", "outlined"])).optional()
       })
     ]).optional(),
-    inputs: z17.boolean().optional()
+    inputs: z18.boolean().optional()
   }).optional(),
-  overrides: z17.record(z17.string(), z17.string()).optional()
+  overrides: z18.record(z18.string(), z18.string()).optional()
 }).passthrough();
 var TOKEN_ALIASES = [
   { source: "text", target: "foreground" },
@@ -12932,10 +15948,14 @@ function buildSpacingCssVars(spacing) {
 function buildCornerCssVars(corners2) {
   const cornersPreset = CORNERS_CONFIG[corners2 ?? "rounded"];
   return {
-    "--radius-control": cornersPreset.control,
-    "--radius-card": cornersPreset.card,
-    "--rb-block-radius": cornersPreset.block,
-    "--rb-button-radius": cornersPreset.button,
+    [THEME_RADIUS_CSS_VARS.block]: cornersPreset.block,
+    [THEME_RADIUS_CSS_VARS.button]: cornersPreset.button,
+    [THEME_RADIUS_CSS_VARS.input]: cornersPreset.control,
+    // Deprecated compatibility aliases intentionally mirror the full
+    // ThemeScope runtime contract so user-authored CSS can move between SDK
+    // bridge and public runtimes without radius drift.
+    [THEME_RADIUS_CSS_VARS.legacyControl]: cornersPreset.control,
+    [THEME_RADIUS_CSS_VARS.legacyCard]: cornersPreset.block,
     "--tb-radius-control": cornersPreset.control,
     "--tb-radius-card": cornersPreset.card
   };