From ee18196618703f7785ea8476c8251adcef0712d3 Mon Sep 17 00:00:00 2001
From: fOuttaMyPaint <TMhospitalitystrategies@gmail.com>
Date: Fri, 3 Jul 2026 16:43:31 -0400
Subject: [PATCH] docs: redesign the site as a Blender viewport session
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The landing page and gallery now share one bespoke design system built
from Blender's own UI vernacular. The hero is a viewport: perspective
grid floor with the red-X/green-Y origin lines, HUD corners carrying the
mode indicator, axis gizmo, pack counts as a statistics overlay, and the
smoke-gate claim as the render status line. Sections are Blender panels,
the topbar is Blender's topbar, the footer is its status bar.

Editorial one-pager replaces the collapsed-card layout: every skill,
rule, snippet, and example is visible on one scroll, with benefit-led
headers and the CI-artifact claim as the thesis. Barlow Condensed
(self-hosted) joins Inter and JetBrains Mono; selection orange #ff8c19
is the single accent; axis colors appear only where they encode axes.
Dark only — the theme toggle is retired. The changelog panel (which
only linked to release notes) is now a Releases status-bar link.

Verified at desktop and 390px mobile: copy button, stat count-up boot,
chips, and lightbox all work; reduced-motion skips the boot sequence.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 docs/gallery/DESIGN_NOTES.md                  |   79 +-
 docs/gallery/depsgraph-export/index.html      |  154 +--
 docs/gallery/gn-sdf-remesh/index.html         |  154 +--
 docs/gallery/index.html                       |  154 +--
 docs/gallery/swatch-grid/index.html           |  154 +--
 docs/gallery/turntable/index.html             |  154 +--
 scripts/build_gallery.py                      |  154 +--
 scripts/site/build_site.py                    |   22 +-
 scripts/site/fonts/barlow-condensed-500.woff2 |  Bin 0 -> 21424 bytes
 scripts/site/fonts/barlow-condensed-600.woff2 |  Bin 0 -> 22308 bytes
 scripts/site/template.html.j2                 | 1172 ++++++-----------
 site.json                                     |    4 -
 12 files changed, 832 insertions(+), 1369 deletions(-)
 create mode 100644 scripts/site/fonts/barlow-condensed-500.woff2
 create mode 100644 scripts/site/fonts/barlow-condensed-600.woff2

diff --git a/docs/gallery/DESIGN_NOTES.md b/docs/gallery/DESIGN_NOTES.md
index a0f6718..ff9858a 100644
--- a/docs/gallery/DESIGN_NOTES.md
+++ b/docs/gallery/DESIGN_NOTES.md
@@ -1,48 +1,31 @@
-# Gallery design direction — prototype for the Option-2 fleet facelift
-
-This local gallery (`docs/gallery/`, generated by `scripts/build_gallery.py` from
-`examples/gallery.json`) is the **deliberate prototype** for the eventual shared-template
-facelift tracked in [Developer-Tools-Directory#86](https://github.com/TMHSDigital/Developer-Tools-Directory/issues/86)
-and the ROADMAP "Fleet Pages examples support" candidate. The markup here is throwaway on
-migration; the **data** (`gallery.json`) and the **visual direction** below are what carry over.
-
-## Tokens (aligned to the fleet landing page so the two never clash)
-
-| Token | Dark | Light | Notes |
-| --- | --- | --- | --- |
-| `--bg` | `#0d1117` | `#f6f8fa` | matches landing's GitHub-dark base |
-| `--surface` | `#161b22` | `#ffffff` | card background |
-| `--surface-2` | `#1c2128` | `#f0f2f5` | toggle / inline code |
-| `--border` | `#30363d` | `#d0d7de` | |
-| `--text` | `#e6edf3` | `#1f2328` | |
-| `--text-dim` | `#8b949e` | `#656d76` | secondary text |
-| `--accent` / `--accent-light` | `#7c3aed` / `#a78bfa` | same | from `site.json`; shared with landing |
-| `--radius` / `--radius-lg` | `8px` / `12px` | — | cards use `-lg` |
-| font | `'Inter', system-ui…` | — | landing ships the Inter webfont; the prototype uses the same stack and falls back to system sans (no coupling to the fleet font files) |
-
-## Type scale
-- Page title `h1`: `clamp(1.9rem, 4vw, 2.6rem)`, `letter-spacing: -0.02em` — fluid hero.
-- Card title `h2`: `1.22rem`.
-- Body: `1rem` / `line-height: 1.6`; secondary `0.9rem`; tag `0.68rem` uppercase.
-
-## Layout
-- Container `max-width: 1080px`, centered, `1.25rem` side padding.
-- Grid: **1 column** mobile → **2 columns at ≥720px**, `align-items: stretch` so paired cards share a row height.
-- **Heroes are a uniform 16:9** (`aspect-ratio: 16/9; object-fit: cover`). This was a deliberate revision: the first cut used mixed aspects (8:3 swatch panorama + 16:9 stills) with `align-items: start`, which — confirmed by headless screenshots — left a ragged empty gap under the short card on desktop. The swatch hero was re-rendered at 16:9 so all three share an aspect; with uniform heroes `object-fit: cover` no longer crops anything. Keep new heroes 16:9.
-- Card is a flex column; the "View example" link is pinned to the bottom (`margin-top: auto`) so footers align across a row. Hover lifts `-3px` with an accent-tinted border and soft shadow.
-
-## Theme
-- Tri-state **auto / light / dark** mirroring the landing: `data-theme` on `<html>`, persisted in `localStorage['theme']` — **the same key the landing uses**, so a visitor's choice carries across both pages.
-- FOUC guard runs before first paint. `theme-color` meta per scheme. Toggle cycles auto→light→dark with a sun/moon glyph and an accurate `aria-label`.
-
-## Navigation / discoverability
-- The landing→gallery link is **template-blocked** (the landing nav is fleet-generated). The gallery compensates with self-sufficient outbound nav: a top-bar **back link to the landing** (`../`) and a **GitHub repo link**, plus per-card links to each example on GitHub. A visitor who arrives via the README or a direct link can always navigate out.
-
-## Accessibility
-- Skip-to-content link; `:focus-visible` outlines (accent, 2px); `prefers-reduced-motion` disables hover transform + smooth scroll; descriptive `alt` per hero ("`<name> — <what it teaches>`"); single `h1`, card titles as `h2`.
-
-## What the fleet template should adopt (not the markup, the direction)
-1. The token set above as CSS variables, light/dark parity with the existing landing palette.
-2. An **Examples grid** section reading `gallery.json` (per-entry `name/dir/teaches/witnessesFix/hero/preview`), cards styled as here.
-3. A **nav link to the gallery** (closes the landing→gallery cross-link gap — impossible today without a template edit).
-4. Standardize heroes at **16:9** with `object-fit: cover` and `align-items: stretch` for an even grid; pin card footers (`margin-top: auto`). (Supersedes the first cut's mixed-aspect/`align-items: start` approach, which read as ragged — see Layout.)
+# Site design — the Blender viewport system
+
+The whole site (landing page `docs/index.html` via `scripts/site/`, gallery
+`docs/gallery/` via `scripts/build_gallery.py`) shares one design system: the
+site reads as a Blender viewport session. This replaced the earlier purple
+fleet-template look (2026-07-03); the previous plan to upstream that look into
+the shared template was dropped — the fleet template only scaffolds new tools,
+and each tool's site evolves independently after that.
+
+## Vocabulary
+
+- **Conceit**: topbar = Blender's topbar, footer = its status bar, sections =
+  its panels (caret + mono label headers), hero = a viewport with a
+  perspective grid floor, red-X/green-Y origin lines, and HUD overlays in the
+  corners (mode, axis gizmo, statistics overlay with the pack counts, render
+  status `smoke-gated · exit 0`).
+- **Color**: Blender panel grays (`#1a1b1e` bg, `#222327` panel, `#3a3b40`
+  border). ONE accent: selection orange `#ff8c19` (Blender's selected-object
+  outline; cards use it as a hover outline). Axis colors
+  `#ff3352 / #8bdc00 / #2890ff` appear only in the gizmo and grid origin
+  lines — they encode, never decorate. Dark only; there is no theme toggle.
+- **Type**: Barlow Condensed 600 uppercase for display; Inter for body;
+  JetBrains Mono for every HUD label, stat, name, and chip. Fonts are
+  self-hosted in `scripts/site/fonts/` and deployed to `docs/fonts/` by the
+  landing build — gallery pages reference them at `../fonts/` / `../../fonts/`.
+- **Copy**: benefit-led headers ("Every render here is a CI artifact"), the
+  smoke-gate claim is the headline thesis.
+
+Keep both builders in this system when editing either; the tokens are
+duplicated (template.html.j2 and build_gallery.py SHELL) — change them in
+both places.
diff --git a/docs/gallery/depsgraph-export/index.html b/docs/gallery/depsgraph-export/index.html
index 12dfcc6..49537b7 100644
--- a/docs/gallery/depsgraph-export/index.html
+++ b/docs/gallery/depsgraph-export/index.html
@@ -7,8 +7,7 @@
   <meta name="description" content="The depsgraph lifetime contract — evaluated_get().to_mesh() paired with to_mesh_clear() — measured against an OBJ export of the same object." />
   <link rel="canonical" href="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/depsgraph-export/" />
   <link rel="icon" href="../../assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="depsgraph-export — Examples — Blender Developer Tools" />
   <meta property="og:description" content="The depsgraph lifetime contract — evaluated_get().to_mesh() paired with to_mesh_clear() — measured against an OBJ export of the same object." />
@@ -18,90 +17,85 @@
   <meta name="twitter:title" content="depsgraph-export — Examples — Blender Developer Tools" />
   <meta name="twitter:description" content="The depsgraph lifetime contract — evaluated_get().to_mesh() paired with to_mesh_clear() — measured against an OBJ export of the same object." />
   <meta name="twitter:image" content="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/depsgraph-export-hero.webp" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('../../fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('../../fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -109,9 +103,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -120,9 +114,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -150,14 +145,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -168,7 +166,6 @@
     <a class="back" href="../"><span aria-hidden="true">&larr;</span> Examples Gallery</a>
     <div class="topbar-right">
       <a class="ghlink" href="https://github.com/TMHSDigital/Blender-Developer-Tools">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
   <header class="hero">
@@ -263,28 +260,13 @@ <h2>Source</h2>
     <img src="../assets/depsgraph-export-hero.webp" alt="depsgraph-export render, full size" />
   </div>
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\u263C', light: '\u2600', dark: '\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 
     (function () {
       var hero = document.getElementById('heroZoom');
diff --git a/docs/gallery/gn-sdf-remesh/index.html b/docs/gallery/gn-sdf-remesh/index.html
index 2ee0c54..7c2ae9e 100644
--- a/docs/gallery/gn-sdf-remesh/index.html
+++ b/docs/gallery/gn-sdf-remesh/index.html
@@ -7,8 +7,7 @@
   <meta name="description" content="A Geometry Nodes SDF remesh (MeshToSDFGrid → GridToMesh at the SDF zero-level), with a Set Material node carrying the material through the remesh." />
   <link rel="canonical" href="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/gn-sdf-remesh/" />
   <link rel="icon" href="../../assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="gn-sdf-remesh — Examples — Blender Developer Tools" />
   <meta property="og:description" content="A Geometry Nodes SDF remesh (MeshToSDFGrid → GridToMesh at the SDF zero-level), with a Set Material node carrying the material through the remesh." />
@@ -18,90 +17,85 @@
   <meta name="twitter:title" content="gn-sdf-remesh — Examples — Blender Developer Tools" />
   <meta name="twitter:description" content="A Geometry Nodes SDF remesh (MeshToSDFGrid → GridToMesh at the SDF zero-level), with a Set Material node carrying the material through the remesh." />
   <meta name="twitter:image" content="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/gn-sdf-remesh-hero.webp" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('../../fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('../../fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -109,9 +103,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -120,9 +114,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -150,14 +145,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -168,7 +166,6 @@
     <a class="back" href="../"><span aria-hidden="true">&larr;</span> Examples Gallery</a>
     <div class="topbar-right">
       <a class="ghlink" href="https://github.com/TMHSDigital/Blender-Developer-Tools">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
   <header class="hero">
@@ -337,28 +334,13 @@ <h2>Source</h2>
     <img src="../assets/gn-sdf-remesh-hero.webp" alt="gn-sdf-remesh render, full size" />
   </div>
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\u263C', light: '\u2600', dark: '\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 
     (function () {
       var hero = document.getElementById('heroZoom');
diff --git a/docs/gallery/index.html b/docs/gallery/index.html
index 6fca1c3..888d16c 100644
--- a/docs/gallery/index.html
+++ b/docs/gallery/index.html
@@ -7,8 +7,7 @@
   <meta name="description" content="Runnable, smoke-gated Blender Python examples — each executed headless on Blender 4.5 LTS and 5.1, so every render reflects code that actually runs." />
   <link rel="canonical" href="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/" />
   <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="Examples Gallery — Blender Developer Tools" />
   <meta property="og:description" content="Runnable, smoke-gated Blender Python examples — each executed headless on Blender 4.5 LTS and 5.1, so every render reflects code that actually runs." />
@@ -18,90 +17,85 @@
   <meta name="twitter:title" content="Examples Gallery — Blender Developer Tools" />
   <meta name="twitter:description" content="Runnable, smoke-gated Blender Python examples — each executed headless on Blender 4.5 LTS and 5.1, so every render reflects code that actually runs." />
   <meta name="twitter:image" content="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/swatch-grid-hero.webp" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('../fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('../fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('../fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -109,9 +103,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -120,9 +114,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -150,14 +145,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -168,7 +166,6 @@
     <a class="back" href="../"><span aria-hidden="true">&larr;</span> Blender Developer Tools</a>
     <div class="topbar-right">
       <a class="ghlink" href="https://github.com/TMHSDigital/Blender-Developer-Tools">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
   <header class="hero">
@@ -233,28 +230,13 @@ <h2><a href="depsgraph-export/">depsgraph-export</a></h2>
     </div>
   </main>
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\u263C', light: '\u2600', dark: '\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 
     (function () {
       var chips = document.querySelectorAll('.chip');
diff --git a/docs/gallery/swatch-grid/index.html b/docs/gallery/swatch-grid/index.html
index 7e577cc..103950e 100644
--- a/docs/gallery/swatch-grid/index.html
+++ b/docs/gallery/swatch-grid/index.html
@@ -7,8 +7,7 @@
   <meta name="description" content="Procedural Principled materials — metal and dielectric, the emission pattern, and the cross-version set_specular shim." />
   <link rel="canonical" href="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/swatch-grid/" />
   <link rel="icon" href="../../assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="swatch-grid — Examples — Blender Developer Tools" />
   <meta property="og:description" content="Procedural Principled materials — metal and dielectric, the emission pattern, and the cross-version set_specular shim." />
@@ -18,90 +17,85 @@
   <meta name="twitter:title" content="swatch-grid — Examples — Blender Developer Tools" />
   <meta name="twitter:description" content="Procedural Principled materials — metal and dielectric, the emission pattern, and the cross-version set_specular shim." />
   <meta name="twitter:image" content="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/swatch-grid-hero.webp" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('../../fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('../../fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -109,9 +103,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -120,9 +114,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -150,14 +145,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -168,7 +166,6 @@
     <a class="back" href="../"><span aria-hidden="true">&larr;</span> Examples Gallery</a>
     <div class="topbar-right">
       <a class="ghlink" href="https://github.com/TMHSDigital/Blender-Developer-Tools">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
   <header class="hero">
@@ -435,28 +432,13 @@ <h2>Source</h2>
     <img src="../assets/swatch-grid-hero.webp" alt="swatch-grid render, full size" />
   </div>
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\u263C', light: '\u2600', dark: '\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 
     (function () {
       var hero = document.getElementById('heroZoom');
diff --git a/docs/gallery/turntable/index.html b/docs/gallery/turntable/index.html
index 816e878..14340fc 100644
--- a/docs/gallery/turntable/index.html
+++ b/docs/gallery/turntable/index.html
@@ -7,8 +7,7 @@
   <meta name="description" content="A slotted-actions Z-rotation turntable keyed through the cross-version channelbag path (get_channelbag_for_slot)." />
   <link rel="canonical" href="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/turntable/" />
   <link rel="icon" href="../../assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="turntable — Examples — Blender Developer Tools" />
   <meta property="og:description" content="A slotted-actions Z-rotation turntable keyed through the cross-version channelbag path (get_channelbag_for_slot)." />
@@ -18,90 +17,85 @@
   <meta name="twitter:title" content="turntable — Examples — Blender Developer Tools" />
   <meta name="twitter:description" content="A slotted-actions Z-rotation turntable keyed through the cross-version channelbag path (get_channelbag_for_slot)." />
   <meta name="twitter:image" content="https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/turntable-hero.webp" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('../../fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('../../fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('../../fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -109,9 +103,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -120,9 +114,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -150,14 +145,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -168,7 +166,6 @@
     <a class="back" href="../"><span aria-hidden="true">&larr;</span> Examples Gallery</a>
     <div class="topbar-right">
       <a class="ghlink" href="https://github.com/TMHSDigital/Blender-Developer-Tools">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
   <header class="hero">
@@ -339,28 +336,13 @@ <h2>Source</h2>
     <img src="../assets/turntable-hero.webp" alt="turntable render, full size" />
   </div>
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\u263C', light: '\u2600', dark: '\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 
     (function () {
       var hero = document.getElementById('heroZoom');
diff --git a/scripts/build_gallery.py b/scripts/build_gallery.py
index af84ccd..9d9bf4d 100644
--- a/scripts/build_gallery.py
+++ b/scripts/build_gallery.py
@@ -49,8 +49,7 @@
   <meta name="description" content="__DESC__" />
   <link rel="canonical" href="__CANONICAL__" />
   <link rel="icon" href="__SITEROOT__assets/favicon.svg" type="image/svg+xml" />
-  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)" />
-  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="__TITLE__" />
   <meta property="og:description" content="__DESC__" />
@@ -60,90 +59,85 @@
   <meta name="twitter:title" content="__TITLE__" />
   <meta name="twitter:description" content="__DESC__" />
   <meta name="twitter:image" content="__OGIMAGE__" />
-  <!-- FOUC guard: apply the saved theme before first paint. Shares the 'theme'
-       key with the landing page, so a visitor's choice carries across. -->
-  <script>(function(){try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();</script>
   <style>
+    /* fonts are deployed by the landing build (docs/fonts/) */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('__SITEROOT__fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('__SITEROOT__fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('__SITEROOT__fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('__SITEROOT__fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* Blender-viewport system, shared with the landing page. Dark only. */
     :root {
-      --bg: #0d1117; --bg2: #161b22; --surface: #161b22; --surface-2: #1c2128;
-      --border: #30363d; --text: #e6edf3; --text-dim: #8b949e;
-      --accent: #7c3aed; --accent-light: #a78bfa;
-      --radius: 8px; --radius-lg: 12px; --maxw: 1080px;
+      --bg: #1a1b1e; --surface: #222327; --surface-2: #2a2b30; --bg2: #131417;
+      --border: #3a3b40; --text: #e8e9eb; --text-dim: #9698a0;
+      --select: #ff8c19; --ok: #6dc96d;
+      --radius: 4px; --radius-lg: 6px; --maxw: 1080px;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
       --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-      --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #8b949e; --code-n: #79c0ff;
-    }
-    /* auto mode: follow the OS unless the user forced dark */
-    @media (prefers-color-scheme: light) {
-      :root:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
-      }
-    }
-    /* explicit override */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --surface: #ffffff; --surface-2: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --code-k: #cf222e; --code-s: #0a3069; --code-c: #6e7781; --code-n: #0550ae;
+      --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+      --code-k: #ff7b72; --code-s: #a5d6ff; --code-c: #9698a0; --code-n: #79c0ff;
     }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
     body { font-family: var(--font-sans); background: var(--bg); color: var(--text);
       line-height: 1.6; min-height: 100vh; -webkit-font-smoothing: antialiased; }
-    a { color: var(--accent-light); text-decoration: none; }
+    a { color: var(--select); text-decoration: none; }
     a:hover { text-decoration: underline; }
-    :focus-visible { outline: 2px solid var(--accent-light); outline-offset: 2px; border-radius: 3px; }
-    .skip { position: absolute; left: -999px; top: 0; background: var(--accent); color: #fff;
-      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 3px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: var(--radius); z-index: 10; font-weight: 500; }
     .skip:focus { left: 0.5rem; top: 0.5rem; }
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--text-dim); text-transform: uppercase; }
 
     .topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center;
-      justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem;
-      background: color-mix(in srgb, var(--bg) 88%, transparent);
+      justify-content: space-between; gap: 1rem; padding: 0 1.25rem; height: 46px;
+      background: color-mix(in srgb, var(--surface) 92%, transparent);
       backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
-    .topbar .back { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar .back:hover { color: var(--accent-light); }
+    .topbar .back { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar .back:hover { color: var(--select); text-decoration: none; }
     .topbar-right { display: flex; align-items: center; gap: 0.85rem; }
-    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.9rem; font-weight: 500; }
-    .topbar-right .ghlink:hover { color: var(--accent-light); }
-    .theme-toggle { background: var(--surface-2); border: 1px solid var(--border);
-      color: var(--text); border-radius: var(--radius); padding: 0.35rem 0.6rem;
-      font-size: 0.95rem; cursor: pointer; line-height: 1; transition: border-color 0.15s, background 0.15s; }
-    .theme-toggle:hover { border-color: var(--accent-light); }
+    .topbar-right .ghlink { color: var(--text-dim); font-size: 0.8125rem; font-weight: 500; }
+    .topbar-right .ghlink:hover { color: var(--select); text-decoration: none; }
 
-    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 3rem 1.25rem 1.5rem; }
-    header.hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.02em; line-height: 1.15; }
-    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.6rem; font-size: 1.02rem; }
+    header.hero { max-width: var(--maxw); margin: 0 auto; padding: 2.75rem 1.25rem 1.25rem; }
+    header.hero h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.2rem, 5vw, 3.4rem); letter-spacing: 0.005em; line-height: 0.98; }
+    header.hero p { color: var(--text-dim); max-width: 62ch; margin-top: 0.7rem; font-size: 1rem; }
 
     /* ---- index: filter chips ---- */
     .chips { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 0.25rem;
       display: flex; flex-wrap: wrap; gap: 0.5rem; }
     .chip { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-dim);
-      border-radius: 999px; padding: 0.25rem 0.85rem; font-size: 0.82rem; font-weight: 500;
-      font-family: var(--font-sans); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
-    .chip:hover { color: var(--accent-light); border-color: var(--accent); }
-    .chip.active { color: #fff; background: var(--accent); border-color: var(--accent); }
+      border-radius: 3px; padding: 0.22rem 0.7rem; font-size: 0.72rem; font-weight: 400;
+      font-family: var(--font-mono); cursor: pointer; transition: color 0.15s, border-color 0.15s; }
+    .chip:hover { color: var(--select); border-color: var(--select); }
+    .chip.active { color: #1a1b1e; background: var(--select); border-color: var(--select); }
 
     main { max-width: var(--maxw); margin: 0 auto; padding: 1rem 1.25rem 2rem; }
     .grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: stretch; }
     .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
       overflow: hidden; display: flex; flex-direction: column;
-      transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
-    .card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
-      box-shadow: 0 8px 28px rgba(0,0,0,0.28); }
+      outline: 2px solid transparent; outline-offset: -1px;
+      transition: outline-color 0.12s ease, border-color 0.12s ease; }
+    .card:hover { border-color: var(--select); outline-color: var(--select); }
     .card.hidden { display: none; }
     .card-media { display: block; background: var(--bg2); line-height: 0; }
     .card-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .card-body { padding: 1.15rem 1.4rem 1.45rem; display: flex; flex-direction: column; flex: 1 1 auto; }
-    .card-body h2 { font-size: 1.22rem; letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+    .card-body h2 { font-family: var(--font-mono); font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }
     .card-body h2 a { color: var(--text); }
-    .card-body h2 a:hover { color: var(--accent-light); text-decoration: none; }
-    .teaches { color: var(--text); margin-bottom: 0.7rem; }
-    .witnesses { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 1rem; }
-    .tag { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em;
-      color: var(--accent-light); border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-      border-radius: 999px; padding: 0.08rem 0.55rem; margin-right: 0.4rem; vertical-align: 1px; }
+    .card-body h2 a:hover { color: var(--select); text-decoration: none; }
+    .teaches { color: var(--text); margin-bottom: 0.7rem; font-size: 0.92rem; }
+    .witnesses { color: var(--text-dim); font-size: 0.85rem; margin-bottom: 1rem; }
+    .tag { display: inline-block; font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--select); border: 1px solid color-mix(in srgb, var(--select) 55%, transparent);
+      border-radius: 3px; padding: 0.08rem 0.5rem; margin-right: 0.4rem; vertical-align: 1px; }
     .card-link { font-weight: 600; font-size: 0.95rem; margin-top: auto; }
 
     /* ---- detail page ---- */
@@ -151,9 +145,9 @@
       background: var(--bg2); padding: 0; display: block; width: 100%; cursor: zoom-in; line-height: 0; }
     .detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
     .zoom-hint { color: var(--text-dim); font-size: 0.78rem; margin-top: 0.4rem; }
-    .callout { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border));
-      border-left: 3px solid var(--accent); border-radius: var(--radius);
-      background: color-mix(in srgb, var(--accent) 7%, var(--surface));
+    .callout { border: 1px solid color-mix(in srgb, var(--select) 45%, var(--border));
+      border-left: 3px solid var(--select); border-radius: var(--radius);
+      background: color-mix(in srgb, var(--select) 7%, var(--surface));
       padding: 0.85rem 1.1rem; margin: 1.5rem 0; font-size: 0.95rem; }
     .runline { display: flex; align-items: stretch; gap: 0.5rem; margin: 1.5rem 0; }
     .runline pre { flex: 1 1 auto; background: var(--surface-2); border: 1px solid var(--border);
@@ -162,9 +156,10 @@
     .copy-btn { flex: 0 0 auto; background: var(--surface-2); border: 1px solid var(--border);
       color: var(--text-dim); border-radius: var(--radius); padding: 0 0.85rem; cursor: pointer;
       font-family: var(--font-sans); font-size: 0.82rem; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
-    .copy-btn:hover { color: var(--accent-light); border-color: var(--accent); }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
     .detail-section { margin-top: 2.25rem; }
-    .detail-section > h2 { font-size: 1.15rem; letter-spacing: -0.01em; padding-bottom: 0.5rem;
+    .detail-section > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: 1.45rem; letter-spacing: 0.005em; padding-bottom: 0.5rem;
       border-bottom: 1px solid var(--border); margin-bottom: 1rem; }
 
     .md h1, .md h2, .md h3 { letter-spacing: -0.01em; margin: 1.4rem 0 0.6rem; line-height: 1.25; }
@@ -192,14 +187,17 @@
     .lightbox.open { display: flex; }
     .lightbox img { max-width: 100%; max-height: 100%; border-radius: var(--radius); }
 
-    footer { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.25rem 3rem;
-      color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }
-    footer code { background: var(--surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.82rem; }
+    footer { border-top: 1px solid var(--border); background: var(--surface); margin-top: 2rem; }
+    footer .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem;
+      display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
+      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      text-transform: uppercase; color: var(--text-dim); }
+    footer .statusbar code { font-family: inherit; text-transform: none; }
 
     @media (min-width: 720px) { .grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
     @media (prefers-reduced-motion: reduce) {
       html { scroll-behavior: auto; }
-      .card, .theme-toggle { transition: none; }
+      .card { transition: none; }
       .card:hover { transform: none; }
     }
   </style>
@@ -210,33 +208,17 @@
     <a class="back" href="__BACKHREF__"><span aria-hidden="true">&larr;</span> __BACKLABEL__</a>
     <div class="topbar-right">
       <a class="ghlink" href="__REPO__">GitHub</a>
-      <button class="theme-toggle" id="themeToggle" type="button" aria-label="Theme: auto (click to change)">&#9788;</button>
     </div>
   </div>
 __CONTENT__
   <footer>
-    Generated from <code>examples/gallery.json</code> by <code>scripts/build_gallery.py</code>.
-    &nbsp;&bull;&nbsp; CC-BY-NC-ND-4.0
+    <div class="statusbar">
+      <span>generated from <code>examples/gallery.json</code></span>
+      <span>CC-BY-NC-ND-4.0</span>
+      <span style="color: var(--ok);">exit 0</span>
+    </div>
   </footer>
   <script>
-    (function () {
-      var btn = document.getElementById('themeToggle');
-      var root = document.documentElement;
-      var order = ['auto', 'light', 'dark'];
-      var glyph = { auto: '\\u263C', light: '\\u2600', dark: '\\u263D' };
-      function get() { try { return localStorage.getItem('theme') || 'auto'; } catch (e) { return 'auto'; } }
-      function apply(state) {
-        if (state === 'light' || state === 'dark') root.setAttribute('data-theme', state);
-        else root.removeAttribute('data-theme');
-        try { if (state === 'auto') localStorage.removeItem('theme'); else localStorage.setItem('theme', state); } catch (e) {}
-        btn.innerHTML = glyph[state]; btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      apply(get());
-      btn.addEventListener('click', function () {
-        var next = order[(order.indexOf(get()) + 1) % order.length];
-        apply(next);
-      });
-    })();
 __PAGEJS__
   </script>
 </body>
diff --git a/scripts/site/build_site.py b/scripts/site/build_site.py
index 389c524..13ae6ed 100644
--- a/scripts/site/build_site.py
+++ b/scripts/site/build_site.py
@@ -80,6 +80,14 @@ def _extract_trigger_section(body: str) -> list[str]:
     return triggers
 
 
+def _truncate_words(text: str, limit: int) -> str:
+    """Cut *text* at a word boundary under *limit* chars, with an ellipsis."""
+    if len(text) <= limit:
+        return text
+    cut = text[:limit].rsplit(" ", 1)[0].rstrip(",;:")
+    return cut + "…"
+
+
 def parse_skills(repo_root: Path) -> list[dict]:
     skills_dir = repo_root / "skills"
     if not skills_dir.is_dir():
@@ -97,7 +105,7 @@ def parse_skills(repo_root: Path) -> list[dict]:
         name = meta.get("name", "").replace("-", " ").replace("_", " ").title()
         if not name:
             name = skill_dir.name.replace("-", " ").replace("_", " ").title()
-        description = meta.get("description", "")[:200]
+        description = _truncate_words(meta.get("description", ""), 200)
 
         if not description:
             for line in body.splitlines():
@@ -154,7 +162,7 @@ def parse_rules(repo_root: Path) -> list[dict]:
                 key, _, val = stripped.partition(":")
                 key_lower = key.strip().lower()
                 if key_lower == "description":
-                    description = val.strip()[:200]
+                    description = _truncate_words(val.strip(), 200)
                 elif key_lower in ("globs", "scope"):
                     scope = val.strip()
                 continue
@@ -163,6 +171,7 @@ def parse_rules(repo_root: Path) -> list[dict]:
 
         results.append({
             "name": name,
+            "slug": rule_file.stem,
             "description": description,
             "scope": scope,
         })
@@ -371,6 +380,15 @@ def main():
         "example_count": len(examples),
         "snippet_count": len(plugin.get("snippets", [])),
         "template_count": len(plugin.get("templates", [])),
+        # basenames for display: snippets/foo-bar.py -> foo-bar
+        "snippets": [
+            {"name": p.split("/")[-1].removesuffix(".py"), "path": p}
+            for p in plugin.get("snippets", [])
+        ],
+        "templates": [
+            {"name": p.split("/")[-1], "path": p}
+            for p in plugin.get("templates", [])
+        ],
         "mcp_tools": mcp_tools,
         "mcp_tool_count": len(mcp_tools),
         "mcp_grouped": mcp_grouped,
diff --git a/scripts/site/fonts/barlow-condensed-500.woff2 b/scripts/site/fonts/barlow-condensed-500.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..e30e2395f93890ed62beb172f637adb6f5e6cd31
GIT binary patch
literal 21424
zcmV({K+?Z=Pew8T0RR9108_945dZ)H0K-H808>o>0RR9100000000000000000000
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
P@hkDC@xQ5j#o*l>+`3n*

literal 0
HcmV?d00001

diff --git a/scripts/site/fonts/barlow-condensed-600.woff2 b/scripts/site/fonts/barlow-condensed-600.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..da60c9a90e758f7924dfac415f24961ee74c59c9
GIT binary patch
literal 22308
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
PKP}bZXI*N7khDDj=5*Dq

literal 0
HcmV?d00001

diff --git a/scripts/site/template.html.j2 b/scripts/site/template.html.j2
index a94313a..5e14880 100644
--- a/scripts/site/template.html.j2
+++ b/scripts/site/template.html.j2
@@ -1,887 +1,461 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  {% set og_image = site.ogImage | default('https://tmhsdigital.github.io/Developer-Tools-Directory/assets/logo.png', true) %}
-  <title>{{ plugin.displayName }}</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>{{ plugin.displayName }} — Blender Python that actually runs</title>
   <meta name="description" content="{{ plugin.description }}" />
   {% if site.canonical %}<link rel="canonical" href="{{ site.canonical }}" />{% endif %}
-  <meta property="og:title" content="{{ plugin.displayName }}" />
-  <meta property="og:description" content="{{ plugin.description }}" />
+  {% if site.favicon %}<link rel="icon" href="{{ site.favicon }}" />{% endif %}
+  <meta name="theme-color" content="#1a1b1e" />
   <meta property="og:type" content="website" />
+  <meta property="og:title" content="{{ plugin.displayName }} — Blender Python that actually runs" />
+  <meta property="og:description" content="{{ plugin.description }}" />
   {% if site.canonical %}<meta property="og:url" content="{{ site.canonical }}" />{% endif %}
-  <meta property="og:image" content="{{ og_image }}" />
+  {% set og_image = site.ogImage | default('', true) %}
+  {% if og_image %}<meta property="og:image" content="{{ og_image }}" />{% endif %}
   <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="{{ plugin.displayName }}" />
+  <meta name="twitter:title" content="{{ plugin.displayName }} — Blender Python that actually runs" />
   <meta name="twitter:description" content="{{ plugin.description }}" />
-  <meta name="twitter:image" content="{{ og_image }}" />
-  {% if site.favicon %}<link rel="icon" href="{{ site.favicon }}" />{% endif %}
-  <link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/inter-regular.woff2" />
-  <link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/inter-bold.woff2" />
-  <script>
-    (function(){var t=localStorage.getItem('theme');if(t==='light')document.documentElement.setAttribute('data-theme','light');else if(t==='dark')document.documentElement.setAttribute('data-theme','dark');})();
-  </script>
+  {% if og_image %}<meta name="twitter:image" content="{{ og_image }}" />{% endif %}
   <style>
-    @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-regular.woff2') format('woff2'); }
-    @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/inter-medium.woff2') format('woff2'); }
-    @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/inter-bold.woff2') format('woff2'); }
-    @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/jetbrains-mono-regular.woff2') format('woff2'); }
-
-    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
-    /* Shared design tokens, single source of truth (see tokens.css). */
-{% include 'tokens.css' %}
-
-    /* Per-tool themeable values; the rest come from tokens.css above. */
+    /* ---- fonts (self-hosted, copied to docs/fonts/ by build_site.py) ---- */
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 500; font-display: swap;
+      src: url('fonts/barlow-condensed-500.woff2') format('woff2'); }
+    @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-display: swap;
+      src: url('fonts/barlow-condensed-600.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 400; font-display: swap;
+      src: url('fonts/inter-regular.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 500; font-display: swap;
+      src: url('fonts/inter-medium.woff2') format('woff2'); }
+    @font-face { font-family: 'Inter'; font-weight: 700; font-display: swap;
+      src: url('fonts/inter-bold.woff2') format('woff2'); }
+    @font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap;
+      src: url('fonts/jetbrains-mono-regular.woff2') format('woff2'); }
+
+    /* ---- tokens: Blender's own UI grays; selection orange is THE accent;
+           axis colors appear only in the gizmo and the grid origin lines ---- */
     :root {
-      --accent: {{ site.accent | default('#7c3aed') }};
-      --accent-light: {{ site.accentLight | default('#a78bfa') }};
-      --bg: {{ site.heroGradientFrom | default('#0d1117') }};
-      --nav-bg: rgba(13,17,23,0.85);
-      --hero-from: {{ site.heroGradientFrom | default('#0d1117') }};
-      --hero-to: {{ site.heroGradientTo | default('#161b22') }};
+      --bg: #1a1b1e; --panel: #222327; --panel-2: #2a2b30; --border: #3a3b40;
+      --text: #e8e9eb; --dim: #9698a0;
+      --select: #ff8c19;
+      --ax-x: #ff3352; --ax-y: #8bdc00; --ax-z: #2890ff;
+      --ok: #6dc96d;
+      --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
+      --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
+      --font-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
+      --maxw: 1060px;
     }
-
-    /* LIGHT THEME (OS preference, no explicit data-theme) */
-    @media (prefers-color-scheme: light) {
-      html:not([data-theme="dark"]) {
-        --bg: #f6f8fa; --bg2: #ffffff; --bg3: #f0f2f5;
-        --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-        --nav-bg: rgba(255,255,255,0.88);
-        --hero-from: #f0f2f5; --hero-to: #f6f8fa;
-      }
-      html:not([data-theme="dark"]) a { color: var(--accent); }
-      html:not([data-theme="dark"]) a:hover { color: var(--accent); }
-      html:not([data-theme="dark"]) .hero h1 { background: linear-gradient(135deg, var(--text), var(--accent)); -webkit-background-clip: text; background-clip: text; }
-      html:not([data-theme="dark"]) .data-table tr:hover td { background: rgba(0,0,0,0.03); }
-      html:not([data-theme="dark"]) .search-input { background: var(--bg3); }
-      html:not([data-theme="dark"]) .install-steps code { background: var(--bg3); }
-    }
-    /* LIGHT THEME (explicit toggle) */
-    [data-theme="light"] {
-      --bg: #f6f8fa; --bg2: #ffffff; --bg3: #f0f2f5;
-      --border: #d0d7de; --text: #1f2328; --text-dim: #656d76;
-      --nav-bg: rgba(255,255,255,0.88);
-      --hero-from: #f0f2f5; --hero-to: #f6f8fa;
-    }
-    [data-theme="light"] a { color: var(--accent); }
-    [data-theme="light"] a:hover { color: var(--accent); }
-    [data-theme="light"] .hero h1 { background: linear-gradient(135deg, var(--text), var(--accent)); -webkit-background-clip: text; background-clip: text; }
-    [data-theme="light"] .data-table tr:hover td { background: rgba(0,0,0,0.03); }
-    [data-theme="light"] .search-input { background: var(--bg3); }
-    [data-theme="light"] .install-steps code { background: var(--bg3); }
-
+    * { box-sizing: border-box; margin: 0; padding: 0; }
     html { scroll-behavior: smooth; }
-    body { font-family: var(--font-sans); background: var(--bg); color: var(--text); line-height: 1.6; min-height: 100vh; }
-    a { color: var(--accent-light); text-decoration: none; transition: color 0.2s; }
-    a:hover { color: var(--link-hover); }
-
-    /* NAV */
-    .nav { position: sticky; top: 0; z-index: 100; background: var(--nav-bg); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 0 1.5rem; }
-    .nav-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 56px; }
-    .nav-brand { font-weight: 700; font-size: 1rem; color: var(--text); white-space: nowrap; }
-    .nav-links { display: flex; gap: 1.5rem; list-style: none; align-items: center; }
-    .nav-links a { color: var(--text-dim); font-size: 0.875rem; font-weight: 500; transition: color 0.2s; }
-    .nav-links a:hover, .nav-links a.active { color: var(--accent-light); }
-    .nav-toggle { display: none; background: none; border: none; color: var(--text); cursor: pointer; padding: 0.5rem; }
-    .nav-toggle svg { width: 24px; height: 24px; }
-    .theme-toggle { background: none; border: 1px solid var(--border); border-radius: 6px; color: var(--text-dim); cursor: pointer; padding: 0.25rem 0.5rem; font-size: 0.8125rem; transition: color 0.2s, border-color 0.2s; display: inline-flex; align-items: center; gap: 0.3rem; font-family: var(--font-sans); }
-    .theme-toggle:hover { color: var(--accent-light); border-color: var(--accent); }
-    .theme-toggle svg { width: 14px; height: 14px; }
-
-    /* HERO */
-    .hero { text-align: center; padding: 4rem 1.5rem 4.5rem; background: linear-gradient(180deg, var(--hero-from) 0%, var(--hero-to) 70%, var(--bg) 100%); position: relative; }
-    .hero-inner { max-width: 720px; margin: 0 auto; }
-    .hero-logo { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; box-shadow: 0 4px 24px rgba(0,0,0,0.3); border: 2px solid var(--border); }
-    .hero h1 { font-size: var(--hero-h1); font-weight: 700; margin-bottom: 1rem; background: linear-gradient(135deg, var(--text), var(--accent-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
-    .hero p { font-size: 1.125rem; color: var(--text-dim); margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto; }
-    .stats { display: flex; justify-content: center; gap: 2.5rem; flex-wrap: wrap; margin-bottom: 2rem; }
-    .stat { text-align: center; }
-    .stat-val { font-size: var(--stat-size); font-weight: 700; color: var(--accent-light); font-family: var(--font-mono); }
-    .stat-lbl { font-size: 0.75rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 0.25rem; }
-    .hero-badges { display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap; margin-top: 1.5rem; }
-    .badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; color: var(--text); font-size: 0.875rem; font-weight: 500; transition: border-color 0.2s, background 0.2s; }
-    .badge:hover { border-color: var(--accent); background: var(--bg3); color: var(--text); }
-    .badge svg { width: 18px; height: 18px; flex-shrink: 0; }
-
-    /* CONTENT AREA */
-    .content-area { max-width: 1040px; margin: 0 auto; padding: 2rem 1.5rem 0; }
-
-    /* SECTIONS */
-    .section { background: var(--bg2); border: 1px solid var(--border); border-top: 2px solid var(--accent); border-radius: 12px; padding: 1.75rem 2rem; margin-bottom: 1.25rem; box-shadow: 0 -2px 20px color-mix(in srgb, var(--accent) 8%, transparent); }
-    .section-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; padding-bottom: 0.625rem; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
-    .section-header h2 { font-size: 1.25rem; font-weight: 700; margin: 0; }
-    .count { font-size: 0.8125rem; font-weight: 500; color: var(--text-dim); background: var(--bg3); padding: 0.15rem 0.6rem; border-radius: 12px; }
-    .section-actions { margin-left: auto; display: flex; gap: 0.5rem; align-items: center; }
-    .btn-sm { padding: 0.3rem 0.75rem; background: var(--bg3); border: 1px solid var(--border); border-radius: 6px; color: var(--text-dim); font-size: 0.75rem; font-weight: 500; cursor: pointer; transition: color 0.2s, border-color 0.2s; font-family: var(--font-sans); }
-    .btn-sm:hover { color: var(--accent-light); border-color: var(--accent); }
-    a.btn-sm { text-decoration: none; display: inline-flex; align-items: center; }
-
-    /* EXAMPLES */
-    .example-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
-    .example-card { display: block; background: var(--bg3); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; transition: border-color 0.2s, transform 0.2s; }
-    .example-card:hover { border-color: var(--accent); transform: translateY(-2px); }
-    .example-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
-    .example-card-body { padding: 0.75rem 0.875rem 0.875rem; }
-    .example-card-body h3 { font-size: 0.9375rem; font-weight: 600; margin: 0 0 0.35rem; color: var(--text); font-family: var(--font-mono); }
-    .example-card-body p { font-size: 0.8125rem; color: var(--text-dim); line-height: 1.45; margin: 0; }
-
-    /* SEARCH */
-    .search-wrap { margin-bottom: 1rem; position: relative; }
-    .search-input { width: 100%; padding: 0.6rem 0.75rem 0.6rem 2.25rem; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; color: var(--text); font-size: 0.875rem; font-family: var(--font-sans); outline: none; transition: border-color 0.2s; }
-    .search-input:focus { border-color: var(--accent); }
-    .search-input::placeholder { color: var(--text-dim); }
-    .search-icon { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--text-dim); pointer-events: none; }
-    .search-icon svg { width: 16px; height: 16px; }
-    .search-meta { font-size: 0.75rem; color: var(--text-dim); margin-top: 0.35rem; }
-    .search-shortcut { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 0.625rem; color: var(--text-dim); background: var(--bg3); border: 1px solid var(--border); border-radius: 4px; padding: 0.1rem 0.4rem; font-family: var(--font-mono); pointer-events: none; }
-
-    /* DETAILS / COLLAPSIBLE */
-    details.cat-group { margin-bottom: 0.25rem; }
-    details.cat-group > summary { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; background: var(--bg2); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; list-style: none; font-weight: 600; font-size: 0.875rem; color: var(--text); transition: background 0.15s; }
-    details.cat-group > summary::-webkit-details-marker { display: none; }
-    details.cat-group > summary::before { content: ''; display: inline-block; width: 0; height: 0; border-left: 5px solid var(--accent-light); border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform 0.2s; flex-shrink: 0; }
-    details.cat-group[open] > summary::before { transform: rotate(90deg); }
-    details.cat-group > summary:hover { background: var(--bg3); }
-    details.cat-group > summary .cat-count { font-weight: 400; color: var(--text-dim); font-size: 0.75rem; margin-left: auto; }
-    details.cat-group > .cat-body { overflow: hidden; }
-
-    /* EXPAND ANIMATION */
-    .cat-body-anim { transition: max-height 0.25s ease, opacity 0.2s ease; overflow: hidden; }
-
-    /* TABLE */
-    .data-table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
-    .data-table th { text-align: left; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-dim); padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--border); }
-    .data-table td { padding: 0.625rem 0.75rem; border-bottom: 1px solid rgba(48,54,61,0.5); color: var(--text-dim); vertical-align: top; }
-    .data-table tr:hover td { background: rgba(22,27,34,0.5); }
-    .data-table .name-cell { color: var(--text); font-weight: 500; white-space: nowrap; }
-    .data-table .scope-cell { font-family: var(--font-mono); font-size: 0.8125rem; color: var(--accent-light); }
-    tr.hidden-row { display: none; }
-
-    /* INSTALL */
-    .install-steps { list-style: none; counter-reset: step; }
-    .install-steps li { counter-increment: step; display: flex; align-items: flex-start; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(48,54,61,0.4); }
-    .install-steps li::before { content: counter(step); flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 700; font-size: 0.8125rem; }
-    .install-steps code { background: var(--bg2); padding: 0.2rem 0.5rem; border-radius: 4px; font-family: var(--font-mono); font-size: 0.85em; position: relative; }
-    .copy-icon { display: inline-flex; align-items: center; margin-left: 0.35rem; padding: 0.15rem; cursor: pointer; color: var(--text-dim); transition: color 0.2s; vertical-align: middle; }
-    .copy-icon:hover { color: var(--accent-light); }
-    .copy-icon svg { width: 14px; height: 14px; }
-
-    /* TOAST */
-    .toast { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%) translateY(100%); background: var(--bg3); border: 1px solid var(--border); color: var(--text); padding: 0.5rem 1.25rem; border-radius: 8px; font-size: 0.8125rem; font-weight: 500; opacity: 0; transition: transform 0.3s, opacity 0.3s; z-index: 200; pointer-events: none; }
-    .toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
-
-    /* BACK TO TOP */
-    .back-to-top { position: fixed; bottom: 1.5rem; right: 1.5rem; width: 40px; height: 40px; border-radius: 50%; background: var(--accent); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 150; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
-    .back-to-top.visible { opacity: 1; pointer-events: auto; }
-    .back-to-top svg { width: 20px; height: 20px; }
-
-    /* FOOTER */
-    footer { text-align: center; padding: 2rem 1.5rem 2.5rem; color: var(--text-dim); font-size: 0.8125rem; margin-top: 1rem; }
-    footer a { color: var(--accent-light); }
-    .footer-inner { max-width: 1040px; margin: 0 auto; }
-    .footer-links { display: flex; justify-content: center; gap: 1.25rem; margin-bottom: 1rem; flex-wrap: wrap; }
-    .footer-links a { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--text-dim); transition: color 0.2s; }
-    .footer-links a:hover { color: var(--accent-light); }
-    .footer-links svg { width: 16px; height: 16px; }
-    .footer-divider { width: 60px; height: 2px; background: var(--accent); margin: 0 auto 1rem; border-radius: 1px; opacity: 0.4; }
-    .footer-meta { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.75rem; }
-    .footer-meta span { opacity: 0.7; }
-    .footer-directory { margin-top: 0.75rem; font-size: 0.6875rem; opacity: 0.5; }
+    body { background: var(--bg); color: var(--text); font-family: var(--font-body);
+      line-height: 1.6; font-size: 16px; -webkit-font-smoothing: antialiased; }
+    a { color: var(--text); text-decoration: none; }
+    :focus-visible { outline: 2px solid var(--select); outline-offset: 2px; border-radius: 2px; }
+    ::selection { background: color-mix(in srgb, var(--select) 40%, transparent); }
+    .skip { position: absolute; left: -999px; top: 0; background: var(--select); color: #1a1b1e;
+      padding: 0.5rem 1rem; border-radius: 4px; z-index: 30; font-weight: 500; }
+    .skip:focus { left: 0.5rem; top: 0.5rem; }
+
+    /* HUD vocabulary: small mono labels, everywhere */
+    .hud { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
+      color: var(--dim); text-transform: uppercase; }
+
+    /* ---- topbar: Blender's topbar ---- */
+    .topbar { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--panel) 92%, transparent);
+      backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
+    .topbar-inner { max-width: var(--maxw); margin: 0 auto; display: flex; align-items: center;
+      gap: 1rem; padding: 0 1.25rem; height: 46px; }
+    .brand { display: flex; align-items: center; gap: 0.6rem; font-weight: 700; font-size: 0.9rem; white-space: nowrap; }
+    .brand-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--select); flex-shrink: 0; }
+    .mode-chip { font-family: var(--font-mono); font-size: 0.6875rem; color: var(--dim);
+      border: 1px solid var(--border); border-radius: 3px; padding: 0.1rem 0.5rem; white-space: nowrap; }
+    .topnav { margin-left: auto; display: flex; gap: 1.1rem; list-style: none; align-items: center; }
+    .topnav a { color: var(--dim); font-size: 0.8125rem; font-weight: 500; transition: color 0.15s; }
+    .topnav a:hover { color: var(--select); }
+
+    /* ---- hero: the viewport ---- */
+    .stage { max-width: var(--maxw); margin: 1.25rem auto 0; padding: 0 1.25rem; }
+    .viewport { position: relative; border: 1px solid var(--border); border-radius: 6px;
+      background: linear-gradient(180deg, #212226 0%, #1c1d21 55%, #232428 100%);
+      overflow: hidden; min-height: 560px; display: flex; align-items: center; justify-content: center; }
+    .vp-floor { position: absolute; left: -25%; right: -25%; bottom: -12%; height: 62%;
+      perspective: 480px; pointer-events: none;
+      -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 45%);
+      mask-image: linear-gradient(180deg, transparent 0, #000 45%); }
+    .vp-grid { position: absolute; inset: 0; transform: rotateX(62deg); transform-origin: 50% 100%;
+      background:
+        repeating-linear-gradient(90deg, color-mix(in srgb, var(--dim) 22%, transparent) 0 1px, transparent 1px 56px),
+        repeating-linear-gradient(0deg, color-mix(in srgb, var(--dim) 22%, transparent) 0 1px, transparent 1px 56px); }
+    /* Blender's viewport origin lines: X red, Y green */
+    .vp-grid::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px;
+      background: color-mix(in srgb, var(--ax-x) 55%, transparent); }
+    .vp-grid::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px;
+      background: color-mix(in srgb, var(--ax-y) 55%, transparent); }
+
+    .hud-corner { position: absolute; z-index: 2; }
+    .hud-tl { top: 0.9rem; left: 1.1rem; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
+    .hud-tr { top: 0.9rem; right: 1.1rem; display: flex; gap: 0.55rem; align-items: center; }
+    .hud-bl { bottom: 0.9rem; left: 1.1rem; }
+    .hud-br { bottom: 0.9rem; right: 1.1rem; display: flex; align-items: center; gap: 0.45rem; }
+    .axis { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px;
+      border-radius: 50%; font-family: var(--font-mono); font-size: 0.625rem; color: #1a1b1e; font-weight: 700; }
+    .axis-x { background: var(--ax-x); } .axis-y { background: var(--ax-y); } .axis-z { background: var(--ax-z); }
+    .stats-hud { display: grid; grid-template-columns: auto auto; gap: 0.1rem 0.8rem; }
+    .stats-hud a { color: var(--dim); transition: color 0.15s; }
+    .stats-hud a:hover { color: var(--select); }
+    .stats-hud .v { color: var(--text); text-align: right; font-family: var(--font-mono); font-size: 0.6875rem; }
+    .ok-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); flex-shrink: 0; }
+
+    .vp-center { position: relative; z-index: 3; text-align: center; padding: 4.5rem 1.25rem;
+      width: 100%; max-width: 760px; }
+    .vp-center h1 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(2.3rem, 8.5vw, 5.6rem); line-height: 0.94; letter-spacing: 0.005em; }
+    .vp-center h1 .runs { color: var(--select); }
+    .vp-center .sub { color: var(--dim); font-size: 1.02rem; max-width: 56ch; margin: 1.25rem auto 0; }
+    .clone-row { display: flex; justify-content: center; align-items: stretch; margin-top: 1.75rem; }
+    .clone-row pre { min-width: 0; background: #131417; border: 1px solid var(--border); border-right: none;
+      border-radius: 4px 0 0 4px; padding: 0.6rem 0.9rem; font-family: var(--font-mono);
+      font-size: 0.78rem; line-height: 1.4; overflow-x: auto; color: var(--text); text-align: left; }
+    .clone-row pre .p { color: var(--dim); }
+    .copy-btn { background: var(--panel-2); border: 1px solid var(--border); border-radius: 0 4px 4px 0;
+      color: var(--dim); padding: 0 0.85rem; cursor: pointer; font-family: var(--font-mono);
+      font-size: 0.72rem; transition: color 0.15s, border-color 0.15s; }
+    .copy-btn:hover { color: var(--select); border-color: var(--select); }
+    .hero-links { margin-top: 1.1rem; font-size: 0.85rem; }
+    .hero-links a { color: var(--dim); font-weight: 500; margin: 0 0.7rem; transition: color 0.15s; }
+    .hero-links a:hover { color: var(--select); }
+
+    /* ---- sections as Blender panels ---- */
+    main { max-width: var(--maxw); margin: 0 auto; padding: 0 1.25rem 2rem; }
+    .panel { background: var(--panel); border: 1px solid var(--border); border-radius: 6px;
+      margin-top: 1.25rem; overflow: hidden; }
+    .panel-head { display: flex; align-items: baseline; gap: 0.6rem; padding: 0.55rem 1.1rem;
+      background: var(--panel-2); border-bottom: 1px solid var(--border); }
+    .panel-head .caret { color: var(--dim); font-size: 0.6rem; align-self: center; }
+    .panel-head .count { margin-left: auto; }
+    .panel-body { padding: 1.5rem 1.75rem 1.75rem; }
+    .panel-body > h2 { font-family: var(--font-display); font-weight: 600; text-transform: uppercase;
+      font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height: 1.02; margin-bottom: 0.4rem; }
+    .panel-body > .lede { color: var(--dim); max-width: 66ch; margin-bottom: 1.5rem; }
+    .panel-body > .lede a { color: var(--select); }
+    .panel-body > .lede a:hover { text-decoration: underline; }
+
+    /* examples: selection-outline cards (Blender's selected-object orange) */
+    .render-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
+    .render-card { display: block; border: 1px solid var(--border); border-radius: 4px; overflow: hidden;
+      background: var(--panel-2); transition: outline-color 0.12s, border-color 0.12s; outline: 2px solid transparent; outline-offset: -1px; }
+    .render-card:hover { border-color: var(--select); outline-color: var(--select); }
+    .render-card img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
+    .render-meta { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.6rem 0.9rem; }
+    .render-meta .name { font-family: var(--font-mono); font-size: 0.8rem; color: var(--text); white-space: nowrap; }
+    .render-meta .teach { color: var(--dim); font-size: 0.78rem; white-space: nowrap; overflow: hidden;
+      text-overflow: ellipsis; }
+    .panel-cta { display: inline-block; margin-top: 1.25rem; font-weight: 500; font-size: 0.9rem; color: var(--select); }
+    .panel-cta:hover { text-decoration: underline; }
+
+    /* skills */
+    .skill-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 2.25rem; }
+    .skill-row { display: flex; flex-direction: column; padding: 0.55rem 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); }
+    .skill-row .name { font-family: var(--font-mono); font-size: 0.8rem; color: var(--select); }
+    .skill-row .desc { color: var(--dim); font-size: 0.85rem; margin-top: 0.15rem; }
+
+    /* rules */
+    .rules-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
+    .rules-table th { text-align: left; padding: 0.5rem 0.75rem 0.5rem 0; border-bottom: 1px solid var(--border); }
+    .rules-table td { padding: 0.6rem 0.75rem 0.6rem 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent);
+      vertical-align: top; color: var(--dim); }
+    .rules-table .r-name { color: var(--text); font-family: var(--font-mono); font-size: 0.75rem; }
+    .rules-table .r-scope { font-family: var(--font-mono); font-size: 0.75rem; white-space: nowrap; }
+
+    /* snippets */
+    .chip-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; }
+    .chip-grid a { font-family: var(--font-mono); font-size: 0.72rem; color: var(--dim);
+      border: 1px solid var(--border); border-radius: 3px; padding: 0.28rem 0.6rem;
+      transition: color 0.12s, border-color 0.12s; }
+    .chip-grid a:hover { color: var(--select); border-color: var(--select); }
+    .tmpl-note { color: var(--dim); font-size: 0.9rem; margin-top: 1.25rem; }
+    .tmpl-note a { color: var(--select); }
+    .tmpl-note a:hover { text-decoration: underline; }
+
+    /* install */
+    .steps { list-style: none; counter-reset: n; max-width: 72ch; }
+    .steps li { counter-increment: n; display: flex; gap: 0.9rem; align-items: flex-start;
+      padding: 0.8rem 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); font-size: 0.92rem; }
+    .steps li::before { content: counter(n); flex-shrink: 0; width: 24px; height: 24px; border-radius: 3px;
+      background: var(--panel-2); border: 1px solid var(--border); color: var(--select);
+      font-family: var(--font-mono); font-size: 0.72rem; display: flex; align-items: center; justify-content: center; }
+    .steps code { background: #131417; border: 1px solid var(--border); padding: 0.1rem 0.4rem;
+      border-radius: 3px; font-family: var(--font-mono); font-size: 0.8em; }
+    .steps strong { color: var(--text); }
+    .steps li span { color: var(--dim); }
+
+    /* ---- footer: Blender's status bar ---- */
+    footer { border-top: 1px solid var(--border); background: var(--panel); margin-top: 2rem; }
+    .statusbar { max-width: var(--maxw); margin: 0 auto; padding: 0.55rem 1.25rem; display: flex;
+      align-items: center; gap: 1rem; flex-wrap: wrap; }
+    .statusbar .right { margin-left: auto; display: flex; gap: 1rem; }
+    .statusbar a { color: var(--dim); font-family: var(--font-mono); font-size: 0.6875rem;
+      text-transform: uppercase; letter-spacing: 0.04em; }
+    .statusbar a:hover { color: var(--select); }
+
+    /* boot sequence: HUD fades in, stats count up (JS adds .booted) */
+    @media (prefers-reduced-motion: no-preference) {
+      .hud-corner { opacity: 0; transition: opacity 0.5s ease; }
+      .booted .hud-corner { opacity: 1; }
+      .booted .hud-tl { transition-delay: 0.1s; } .booted .hud-tr { transition-delay: 0.25s; }
+      .booted .hud-bl { transition-delay: 0.4s; } .booted .hud-br { transition-delay: 0.55s; }
+    }
 
-    /* RESPONSIVE */
-    @media (max-width: 768px) {
-      .hero h1 { font-size: 2rem; }
-      .hero-logo { width: 64px; height: 64px; }
-      .stats { gap: 1.25rem; }
-      .stat-val { font-size: 1.5rem; }
-      .nav-links { gap: 0.75rem; }
-      .nav-links a { font-size: 0.8rem; }
-      .data-table { font-size: 0.875rem; }
+    @media (max-width: 820px) {
+      .skill-grid, .render-grid { grid-template-columns: 1fr; }
+      .render-meta .teach { white-space: normal; }
     }
     @media (max-width: 640px) {
-      .nav-toggle { display: block; }
-      .nav-links { display: none; position: absolute; top: 56px; left: 0; right: 0; flex-direction: column; background: var(--nav-bg); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); padding: 1rem 1.5rem; gap: 0.75rem; }
-      .nav-links.open { display: flex; }
-      .hero { padding: 3rem 1rem 2.5rem; }
-      .hero h1 { font-size: 1.5rem; }
-      .hero-badges { flex-direction: column; align-items: center; }
-      .content-area { padding: 0 0.75rem; }
-      .section { padding: 1.25rem 1rem; border-radius: 8px; }
-      .section-header { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
-      .section-actions { margin-left: 0; }
+      .topnav { gap: 0.7rem; } .topnav a { font-size: 0.72rem; }
+      .mode-chip { display: none; }
+      .viewport { min-height: 480px; }
+      .hud-bl { display: none; }
+      .vp-center { padding: 3.5rem 1rem; }
+      .panel-body { padding: 1.1rem 1rem 1.25rem; }
+      .rules-table .r-scope { white-space: normal; }
     }
-
-    /* SKILL DETAIL ROWS */
-    details.skill-row { border-bottom: 1px solid rgba(48,54,61,0.5); }
-    details.skill-row > summary { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.625rem 0.75rem; cursor: pointer; list-style: none; transition: background 0.15s; }
-    details.skill-row > summary::-webkit-details-marker { display: none; }
-    details.skill-row > summary::before { content: ''; display: inline-block; width: 0; height: 0; margin-top: 0.4rem; border-left: 5px solid var(--accent-light); border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform 0.2s; flex-shrink: 0; }
-    details.skill-row[open] > summary::before { transform: rotate(90deg); }
-    details.skill-row > summary:hover { background: var(--bg3); }
-    .skill-name { font-weight: 500; color: var(--text); flex: 0 1 12rem; min-width: 0; }
-    .skill-desc { color: var(--text-dim); font-size: 0.875rem; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
-    /* Narrow screens: stack name above description (the two-column flex row leaves the name
-       too cramped). flex-wrap + a full-width basis on .skill-desc drops it to its own line
-       under the triangle+name; indent it to align under the name. */
-    @media (max-width: 620px) {
-      details.skill-row > summary { flex-wrap: wrap; }
-      .skill-name { flex: 1 1 0; }
-      .skill-desc { flex: 1 0 100%; margin-left: 1.1rem; }
-    }
-    .skill-detail { padding: 0.5rem 0.75rem 1rem 1.75rem; }
-    .skill-detail-group { margin-bottom: 0.75rem; }
-    .skill-detail-group strong { display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-dim); margin-bottom: 0.35rem; }
-    .skill-detail-group ul { list-style: disc; padding-left: 1.25rem; font-size: 0.875rem; color: var(--text); }
-    .skill-detail-group li { margin-bottom: 0.2rem; }
-    .skill-tools { display: flex; flex-wrap: wrap; gap: 0.35rem; }
-    .skill-tools code { background: var(--bg3); padding: 0.15rem 0.5rem; border-radius: 4px; font-family: var(--font-mono); font-size: 0.8rem; color: var(--accent-light); }
-    .skill-category-label { display: inline-block; font-size: 0.6875rem; color: var(--text-dim); background: var(--bg3); padding: 0.1rem 0.5rem; border-radius: 10px; }
-
-    /* QUICK START */
-    .quick-start { position: relative; max-width: 640px; margin: 0 auto 2rem; }
-    .quick-start-title { font-size: 0.8125rem; color: var(--text-dim); text-align: center; margin-bottom: 0.5rem; font-weight: 500; }
-    .quick-start-block { position: relative; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; padding: 1rem 3rem 1rem 1.25rem; font-family: var(--font-mono); font-size: 0.9rem; color: var(--accent-light); overflow-x: auto; white-space: pre; line-height: 1.6; }
-    .quick-start-copy { position: absolute; top: 0.625rem; right: 0.625rem; background: var(--bg3); border: 1px solid var(--border); border-radius: 6px; color: var(--text-dim); cursor: pointer; padding: 0.3rem; display: flex; align-items: center; justify-content: center; transition: color 0.2s, border-color 0.2s; }
-    .quick-start-copy:hover { color: var(--accent-light); border-color: var(--accent); }
-    .quick-start-copy svg { width: 16px; height: 16px; }
-
-    /* COMPATIBILITY BADGES */
-    .compat-row { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
-    .compat-pill { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.25rem 0.75rem; background: color-mix(in srgb, var(--accent) 12%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: 999px; font-size: 0.75rem; font-weight: 500; color: var(--accent-light); white-space: nowrap; }
-    .compat-pill svg { width: 14px; height: 14px; flex-shrink: 0; }
-
-    /* CHANGELOG */
-    .changelog-entry { margin-bottom: 1.25rem; }
-    .changelog-version { font-size: 1rem; font-weight: 700; color: var(--text); }
-    .changelog-date { font-size: 0.8125rem; color: var(--text-dim); margin-left: 0.5rem; }
-    .changelog-heading { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent-light); margin: 0.75rem 0 0.35rem; }
-    .changelog-items { list-style: disc; padding-left: 1.25rem; font-size: 0.875rem; color: var(--text-dim); }
-    .changelog-items li { margin-bottom: 0.2rem; }
-    .changelog-link { display: inline-block; margin-top: 0.75rem; font-size: 0.8125rem; }
-
-    /* RELATED TOOLS */
-    .related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
-    .related-card { display: flex; flex-direction: column; padding: 1rem 1.25rem; background: var(--bg3); border: 1px solid var(--border); border-radius: 8px; transition: border-color 0.2s, transform 0.15s; text-decoration: none; color: inherit; }
-    .related-card:hover { border-color: var(--accent); transform: translateY(-2px); color: inherit; }
-    .related-card-name { font-weight: 600; font-size: 0.9375rem; color: var(--text); display: flex; align-items: center; gap: 0.4rem; }
-    .related-card-name svg { width: 14px; height: 14px; color: var(--accent-light); flex-shrink: 0; }
-    .related-card-desc { font-size: 0.8125rem; color: var(--text-dim); margin-top: 0.35rem; }
-
-    /* SR ONLY */
-    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
-
-    /* SKIP LINK */
-    .skip-link { position: absolute; left: 0.5rem; top: -3rem; z-index: 300; background: var(--accent); color: #fff; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 600; transition: top 0.15s; }
-    .skip-link:focus { top: 0.5rem; color: #fff; }
-
-    /* REDUCED MOTION */
-    @media (prefers-reduced-motion: reduce) {
-      html { scroll-behavior: auto; }
-      *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
+    @media (max-width: 520px) {
+      .topnav li:not(.always) { display: none; }
     }
   </style>
 </head>
 <body>
+  <a class="skip" href="#main">Skip to content</a>
 
-  <a href="#main" class="skip-link">Skip to content</a>
-
-  <!-- Nav -->
-  <nav class="nav">
-    <div class="nav-inner">
-      <span class="nav-brand">{{ plugin.displayName }}</span>
-      <button class="nav-toggle" aria-label="Toggle navigation">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
-      </button>
-      <ul class="nav-links">
+  <div class="topbar">
+    <div class="topbar-inner">
+      <span class="brand"><span class="brand-dot" aria-hidden="true"></span>{{ plugin.displayName }}</span>
+      <span class="mode-chip" aria-hidden="true">Object Mode &#9662;</span>
+      <ul class="topnav">
+        {% if examples %}<li><a href="#examples">Examples</a></li>{% endif %}
         {% if skills %}<li><a href="#skills">Skills</a></li>{% endif %}
         {% if rules %}<li><a href="#rules">Rules</a></li>{% endif %}
-        {% if examples %}<li><a href="#examples">Examples</a></li>{% endif %}
-        {% if mcp_tools %}<li><a href="#mcp-tools">MCP Tools</a></li>{% endif %}
-        <li><a href="#install">Install</a></li>
-        {% if has_changelog %}<li><a href="#changelog">Changelog</a></li>{% endif %}
-        {% if site.relatedTools %}<li><a href="#related">Related</a></li>{% endif %}
-        <li><a href="{{ site.links.github | default(plugin.repository) }}">GitHub</a></li>
-        <li>
-          <button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
-            <svg id="themeIcon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
-          </button>
-        </li>
+        <li class="always"><a href="#install">Install</a></li>
+        <li class="always"><a href="{{ site.links.github | default(plugin.repository) }}">GitHub</a></li>
       </ul>
     </div>
-  </nav>
+  </div>
 
-  <main id="main">
+  <!-- The viewport -->
+  <div class="stage">
+    <section class="viewport" id="viewport" aria-label="Overview">
+      <div class="vp-floor" aria-hidden="true"><div class="vp-grid"></div></div>
 
-  <!-- Hero -->
-  <section class="hero">
-    <div class="hero-inner">
-      {% if plugin.logo %}<img class="hero-logo" src="{{ plugin.logo }}" alt="{{ plugin.displayName }} logo" />{% endif %}
-      <h1>{{ plugin.displayName }}</h1>
-      <p>{{ plugin.description }}</p>
-      <div class="stats">
-        {% if skill_count %}<div class="stat"><div class="stat-val" data-target="{{ skill_count }}">0</div><div class="stat-lbl">Skills</div></div>{% endif %}
-        {% if rule_count %}<div class="stat"><div class="stat-val" data-target="{{ rule_count }}">0</div><div class="stat-lbl">Rules</div></div>{% endif %}
-        {% if mcp_tool_count %}<div class="stat"><div class="stat-val" data-target="{{ mcp_tool_count }}">0</div><div class="stat-lbl">MCP Tools</div></div>{% endif %}
-        {% if snippet_count %}<div class="stat"><div class="stat-val" data-target="{{ snippet_count }}">0</div><div class="stat-lbl">Snippets</div></div>{% endif %}
-        {% if template_count %}<div class="stat"><div class="stat-val" data-target="{{ template_count }}">0</div><div class="stat-lbl">Templates</div></div>{% endif %}
-        {% if example_count %}<div class="stat"><div class="stat-val" data-target="{{ example_count }}">0</div><div class="stat-lbl">Examples</div></div>{% endif %}
+      <div class="hud-corner hud-tl hud" aria-hidden="true">
+        <span>Object Mode</span><span>bpy 5.1 &middot; 4.5 LTS</span>
       </div>
-      {% if site.compatibility %}
-      <div class="compat-row">
-        {% if site.compatibility.cursor %}
-        <span class="compat-pill">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
-          Cursor {{ site.compatibility.cursor }}
-        </span>
-        {% endif %}
-        {% if site.compatibility.os %}
-        <span class="compat-pill">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
-          {{ site.compatibility.os | join(' / ') }}
-        </span>
-        {% endif %}
-        {% if site.compatibility.node %}
-        <span class="compat-pill">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
-          Node {{ site.compatibility.node }}
-        </span>
-        {% endif %}
-        {% if site.compatibility.claude %}
-        <span class="compat-pill">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z"/><path d="M9 12l2 2 4-4"/></svg>
-          {{ site.compatibility.claude }}
-        </span>
-        {% endif %}
+      <div class="hud-corner hud-tr" aria-hidden="true">
+        <span class="axis axis-x">x</span><span class="axis axis-y">y</span><span class="axis axis-z">z</span>
       </div>
-      {% endif %}
-
-      <div class="hero-badges">
-        <a class="badge" href="{{ site.links.github | default(plugin.repository) }}">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
-          GitHub
-        </a>
-        {% if site.links.npm %}
-        <a class="badge" href="{{ site.links.npm }}">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M0 0v16h16V0H0zm13 13H8V5H5v8H3V3h10v10z"/></svg>
-          npm
-        </a>
-        {% endif %}
+      <div class="hud-corner hud-bl hud stats-hud">
+        {% if skill_count %}<a href="#skills">Skills</a><span class="v" data-count="{{ skill_count }}">0</span>{% endif %}
+        {% if rule_count %}<a href="#rules">Rules</a><span class="v" data-count="{{ rule_count }}">0</span>{% endif %}
+        {% if snippet_count %}<a href="#snippets">Snippets</a><span class="v" data-count="{{ snippet_count }}">0</span>{% endif %}
+        {% if template_count %}<a href="#snippets">Templates</a><span class="v" data-count="{{ template_count }}">0</span>{% endif %}
+        {% if example_count %}<a href="#examples">Examples</a><span class="v" data-count="{{ example_count }}">0</span>{% endif %}
+      </div>
+      <div class="hud-corner hud-br hud">
+        <span class="ok-dot" aria-hidden="true"></span><span>smoke-gated on 4.5 LTS + 5.1 &middot; exit 0</span>
       </div>
 
-      {% if site.quickStart %}
-      <div class="quick-start">
-        <div class="quick-start-title">{{ site.quickStart.title | default('Get started') }}</div>
-        <div class="quick-start-block" id="quickStartCode">{{ site.quickStart.command }}</div>
-        <button class="quick-start-copy" id="quickStartCopy" aria-label="Copy command">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
-        </button>
+      <div class="vp-center">
+        <h1>Blender Python<br />that <span class="runs">actually runs</span>.</h1>
+        <p class="sub">Skills, rules, snippets, and starter templates that teach Cursor and Claude Code
+          the <code style="font-family: var(--font-mono); font-size: 0.9em;">bpy</code> that works —
+          every pattern executed headless on Blender 4.5 LTS and 5.1 before it ships.</p>
+        <div class="clone-row">
+          <pre id="cloneCmd"><span class="p">$</span> git clone {{ site.links.github | default(plugin.repository) }}</pre>
+          <button class="copy-btn" type="button" data-copy="git clone {{ site.links.github | default(plugin.repository) }}">copy</button>
+        </div>
+        <div class="hero-links">
+          <a href="#examples">See the proof &darr;</a>
+          <a href="gallery/">Examples gallery &rarr;</a>
+        </div>
       </div>
-      {% endif %}
-    </div>
-  </section>
+    </section>
+  </div>
 
-  <!-- Content sections -->
-  <div class="content-area">
+  <main id="main">
 
-  <!-- Skills -->
-  {% if skills %}
-  <section class="section" id="skills">
-    <div class="section-header">
-      <h2>Skills</h2>
-      <span class="count">{{ skill_count }}</span>
-      <div class="section-actions">
-        <button class="btn-sm toggle-section" data-target="skills-body">Expand</button>
-      </div>
+  {% if examples %}
+  <section class="panel" id="examples">
+    <div class="panel-head">
+      <span class="caret" aria-hidden="true">&#9662;</span>
+      <span class="hud">Render Result</span>
+      <span class="hud count">{{ example_count }} frames</span>
     </div>
-    <details class="cat-group" id="skills-body">
-      <summary class="sr-only">Skills list</summary>
-      <div class="cat-body">
-        {% for skill in skills %}
-        <details class="skill-row">
-          <summary>
-            <span class="skill-name">{{ skill.name }}</span>
-            <span class="skill-desc">{{ skill.description }}</span>
-          </summary>
-          <div class="skill-detail">
-            {% if skill.triggers %}
-            <div class="skill-detail-group">
-              <strong>Triggers</strong>
-              <ul>{% for t in skill.triggers %}<li>{{ t }}</li>{% endfor %}</ul>
-            </div>
-            {% endif %}
-            {% if skill.tools %}
-            <div class="skill-detail-group">
-              <strong>MCP Tools</strong>
-              <div class="skill-tools">{% for tool in skill.tools %}<code>{{ tool }}</code>{% endfor %}</div>
-            </div>
-            {% endif %}
-            <span class="skill-category-label">{{ skill.category }}</span>
+    <div class="panel-body">
+      <h2>Every render here is a CI artifact.</h2>
+      <p class="lede">These aren't mockups. Each example runs headless on Blender 4.5 LTS and 5.1 in the
+        smoke workflow, asserts its own correctness, and exits non-zero if the API drifted. The render is
+        what the code produced.</p>
+      <div class="render-grid">
+        {% for ex in examples %}
+        <a class="render-card" href="gallery/{{ ex.name }}/">
+          <img src="{{ ex.heroSite }}" alt="{{ ex.name }} render" loading="lazy" width="1280" height="720" />
+          <div class="render-meta">
+            <span class="name">{{ ex.name }}</span>
+            <span class="teach">{{ ex.teaches }}</span>
           </div>
-        </details>
+        </a>
         {% endfor %}
       </div>
-    </details>
-  </section>
-  {% endif %}
-
-  <!-- Rules -->
-  {% if rules %}
-  <section class="section" id="rules">
-    <div class="section-header">
-      <h2>Rules</h2>
-      <span class="count">{{ rule_count }}</span>
-      <div class="section-actions">
-        <button class="btn-sm toggle-section" data-target="rules-body">Expand</button>
-      </div>
+      <a class="panel-cta" href="gallery/">Open the gallery — code, README, and full-size renders &rarr;</a>
     </div>
-    <details class="cat-group" id="rules-body">
-      <summary class="sr-only">Rules list</summary>
-      <div class="cat-body">
-        <table class="data-table">
-          <thead><tr><th>Name</th><th>Scope</th><th>Description</th></tr></thead>
-          <tbody>
-            {% for rule in rules %}
-            <tr>
-              <td class="name-cell">{{ rule.name }}</td>
-              <td class="scope-cell">{{ rule.scope }}</td>
-              <td>{{ rule.description }}</td>
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    </details>
   </section>
   {% endif %}
 
-  <!-- Examples -->
-  {% if examples %}
-  <section class="section" id="examples">
-    <div class="section-header">
-      <h2>Examples</h2>
-      <span class="count">{{ example_count }}</span>
-      <div class="section-actions">
-        <a class="btn-sm" href="gallery/">Full gallery &rarr;</a>
-      </div>
+  {% if skills %}
+  <section class="panel" id="skills">
+    <div class="panel-head">
+      <span class="caret" aria-hidden="true">&#9662;</span>
+      <span class="hud">Skills</span>
+      <span class="hud count">{{ skill_count }} loaded</span>
     </div>
-    <div class="example-grid">
-      {% for ex in examples %}
-      <a class="example-card" href="gallery/">
-        <img src="{{ ex.heroSite }}" alt="{{ ex.name }} render" loading="lazy" width="1280" height="720" />
-        <div class="example-card-body">
-          <h3>{{ ex.name }}</h3>
-          <p>{{ ex.teaches }}</p>
+    <div class="panel-body">
+      <h2>Workflows the AI loads by name.</h2>
+      <p class="lede">Each skill is the canonical pattern for one job — operators, panels, bmesh,
+        geometry nodes, slotted actions — plus the mistakes AI assistants actually make there. Where
+        4.5 LTS and 5.1 diverge, both code paths are shown.</p>
+      <div class="skill-grid">
+        {% for skill in skills %}
+        <div class="skill-row">
+          <span class="name">{{ skill.category }}</span>
+          <span class="desc">{{ skill.description }}</span>
         </div>
-      </a>
-      {% endfor %}
+        {% endfor %}
+      </div>
     </div>
   </section>
   {% endif %}
 
-  <!-- MCP Tools -->
-  {% if mcp_tools %}
-  <section class="section" id="mcp-tools">
-    <div class="section-header">
-      <h2>MCP Tools</h2>
-      <span class="count">{{ mcp_tool_count }}</span>
-      {% if mcp_grouped | length > 1 %}
-      <div class="section-actions">
-        <button class="btn-sm" id="toggleAllCats">Expand all</button>
-      </div>
-      {% endif %}
-    </div>
-    <div class="search-wrap">
-      <span class="search-icon"><svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.5 7a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zm-.82 4.74a6 6 0 1 1 1.06-1.06l3.04 3.04a.75.75 0 1 1-1.06 1.06l-3.04-3.04z"/></svg></span>
-      <input class="search-input" id="toolSearch" type="text" placeholder="Filter tools..." autocomplete="off" />
-      <span class="search-shortcut">/</span>
-      <div class="search-meta" id="toolSearchMeta"></div>
+  {% if rules %}
+  <section class="panel" id="rules">
+    <div class="panel-head">
+      <span class="caret" aria-hidden="true">&#9662;</span>
+      <span class="hud">Rules</span>
+      <span class="hud count">{{ rule_count }} active</span>
     </div>
-    {% if mcp_grouped | length > 1 %}
-      {% for category, tools in mcp_grouped.items() %}
-      <details class="cat-group" data-cat="{{ category }}">
-        <summary>{{ category }} <span class="cat-count">{{ tools | length }}</span></summary>
-        <div class="cat-body">
-          <table class="data-table">
-            <thead><tr><th>Name</th><th>Description</th></tr></thead>
-            <tbody>
-              {% for tool in tools %}
-              <tr data-tool>
-                <td class="name-cell">{{ tool.name }}</td>
-                <td>{{ tool.description }}</td>
-              </tr>
-              {% endfor %}
-            </tbody>
-          </table>
-        </div>
-      </details>
-      {% endfor %}
-    {% else %}
-      <table class="data-table">
-        <thead><tr><th>Name</th><th>Description</th></tr></thead>
+    <div class="panel-body">
+      <h2>Anti-patterns, caught before they ship.</h2>
+      <p class="lede">Always-on guardrails for the failure modes that make Blender Python look right
+        and run wrong: ops in loops, leaked bmesh, deprecated context dicts, per-vertex Python loops.</p>
+      <table class="rules-table">
+        <thead><tr><th class="hud">Rule</th><th class="hud">Scope</th><th class="hud">Flags</th></tr></thead>
         <tbody>
-          {% for tool in mcp_tools %}
-          <tr data-tool>
-            <td class="name-cell">{{ tool.name }}</td>
-            <td>{{ tool.description }}</td>
+          {% for rule in rules %}
+          <tr>
+            <td class="r-name">{{ rule.slug | default(rule.name) }}</td>
+            <td class="r-scope">{{ rule.scope }}</td>
+            <td>{{ rule.description }}</td>
           </tr>
           {% endfor %}
         </tbody>
       </table>
-    {% endif %}
-  </section>
-  {% endif %}
-
-  <!-- Install -->
-  {% if site.installSteps %}
-  <section class="section" id="install">
-    <div class="section-header">
-      <h2>Installation</h2>
-      <div class="section-actions">
-        <button class="btn-sm toggle-section" data-target="install-body">Expand</button>
-      </div>
     </div>
-    <details class="cat-group" id="install-body">
-      <summary class="sr-only">Installation steps</summary>
-      <div class="cat-body">
-        <ol class="install-steps">
-          {% for step in site.installSteps %}
-          <li><span>{{ step | safe }}</span></li>
-          {% endfor %}
-        </ol>
-      </div>
-    </details>
   </section>
   {% endif %}
 
-  <!-- Changelog -->
-  {% if has_changelog %}
-  <section class="section" id="changelog">
-    <div class="section-header">
-      <h2>Changelog</h2>
-      <div class="section-actions">
-        <button class="btn-sm toggle-section" data-target="changelog-body">Expand</button>
-      </div>
+  {% if snippets %}
+  <section class="panel" id="snippets">
+    <div class="panel-head">
+      <span class="caret" aria-hidden="true">&#9662;</span>
+      <span class="hud">Snippets</span>
+      <span class="hud count">{{ snippet_count }} patterns</span>
     </div>
-    <details class="cat-group" id="changelog-body">
-      <summary class="sr-only">Recent changelog</summary>
-      <div class="cat-body">
-        {% for entry in changelog %}
-        <div class="changelog-entry">
-          <span class="changelog-version">v{{ entry.version }}</span>
-          {% if entry.date %}<span class="changelog-date">{{ entry.date }}</span>{% endif %}
-          {% for sec in entry.sections %}
-          <div class="changelog-heading">{{ sec.heading }}</div>
-          <ul class="changelog-items">
-            {% for item in sec.entries %}<li>{{ item }}</li>{% endfor %}
-          </ul>
-          {% endfor %}
-        </div>
+    <div class="panel-body">
+      <h2>Canonical patterns, five to fifty lines.</h2>
+      <p class="lede">Standalone, paste-ready answers to the questions that come up every session:
+        the right way to create and delete objects, read bulk vertex data, bind properties, bridge
+        the 4.x/5.x API boundary.</p>
+      <div class="chip-grid">
+        {% for sn in snippets %}
+        <a href="{{ site.links.github | default(plugin.repository) }}/blob/main/{{ sn.path }}">{{ sn.name }}</a>
         {% endfor %}
-        <a class="changelog-link" href="{{ site.links.github | default(plugin.repository) }}/blob/main/CHANGELOG.md">View full changelog on GitHub &rarr;</a>
       </div>
-    </details>
+      {% if templates %}
+      <p class="tmpl-note">Plus {{ template_count }} starter templates:
+        {% for t in templates %}<a href="{{ site.links.github | default(plugin.repository) }}/tree/main/{{ t.path }}">{{ t.name }}</a>{% if not loop.last %} and {% endif %}{% endfor %}
+        — a complete Extensions-Platform add-on and a headless batch job with CI exit codes.</p>
+      {% endif %}
+    </div>
   </section>
   {% endif %}
 
-  <!-- Related Tools -->
-  {% if site.relatedTools %}
-  <section class="section" id="related">
-    <div class="section-header">
-      <h2>Related Tools</h2>
-      <span class="count">{{ site.relatedTools | length }}</span>
+  {% if site.installSteps %}
+  <section class="panel" id="install">
+    <div class="panel-head">
+      <span class="caret" aria-hidden="true">&#9662;</span>
+      <span class="hud">Install</span>
     </div>
-    <div class="related-grid">
-      {% for tool in site.relatedTools %}
-      <a class="related-card" href="{{ tool.url }}">
-        <span class="related-card-name">
-          {{ tool.name }}
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7"/><path d="M7 7h10v10"/></svg>
-        </span>
-        <span class="related-card-desc">{{ tool.description }}</span>
-      </a>
-      {% endfor %}
+    <div class="panel-body">
+      <h2>Clone it. Point your AI at it.</h2>
+      <ol class="steps">
+        {% for step in site.installSteps %}
+        <li><span>{{ step | safe }}</span></li>
+        {% endfor %}
+      </ol>
     </div>
   </section>
   {% endif %}
 
-  </div><!-- /.content-area -->
-
   </main>
 
-  <!-- Footer -->
   <footer>
-    <div class="footer-inner">
-      <div class="footer-links">
-        <a href="{{ site.links.github | default(plugin.repository) }}">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
-          GitHub
-        </a>
-        {% if site.links.npm %}
-        <a href="{{ site.links.npm }}">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M0 0v16h16V0H0zm13 13H8V5H5v8H3V3h10v10z"/></svg>
-          npm
-        </a>
-        {% endif %}
-        <a href="https://tmhsdigital.github.io/Developer-Tools-Directory/">
-          <svg viewBox="0 0 16 16" fill="currentColor"><path d="M1.5 1.75V13.5h13.05l.001-11.75H1.5zM0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v11.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V1.75zM9.22 3.72a.75.75 0 000 1.06L10.69 6.25H6.75a.75.75 0 000 1.5h3.94l-1.47 1.47a.75.75 0 101.06 1.06l2.75-2.75a.75.75 0 000-1.06L10.28 3.72a.75.75 0 00-1.06 0z"/></svg>
-          All Tools
-        </a>
-      </div>
-      <div class="footer-divider"></div>
-      <div class="footer-meta">
-        <span>v{{ plugin.version | default('0.0.0') }}</span>
-        <span>&middot;</span>
-        <span>{{ plugin.license | default('CC-BY-NC-ND-4.0') }}</span>
-        <span>&middot;</span>
-        <span>Built {{ build_date }}</span>
-      </div>
-      <div class="footer-directory">
-        Part of <a href="https://tmhsdigital.github.io/Developer-Tools-Directory/">TMHSDigital Developer Tools</a>
-      </div>
+    <div class="statusbar hud">
+      <span>{{ plugin.displayName }}</span>
+      <span>v{{ plugin.version }}</span>
+      <span>{{ plugin.license }}</span>
+      <span>built {{ build_date }}</span>
+      <span style="color: var(--ok);">exit 0</span>
+      <span class="right">
+        <a href="{{ site.links.github | default(plugin.repository) }}/releases">Releases</a>
+        <a href="{{ site.links.github | default(plugin.repository) }}">GitHub</a>
+        <a href="https://tmhsdigital.github.io/Developer-Tools-Directory/">All tools</a>
+      </span>
     </div>
   </footer>
 
-  <!-- Toast -->
-  <div class="toast" id="toast"></div>
-
-  <!-- Back to top -->
-  <button class="back-to-top" id="backToTop" aria-label="Back to top">
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
-  </button>
-
   <script>
-    /* Toast */
     (function () {
-      var toastEl = document.getElementById('toast');
-      var timer;
-      window.showToast = function (msg) {
-        clearTimeout(timer);
-        toastEl.textContent = msg;
-        toastEl.classList.add('show');
-        timer = setTimeout(function () { toastEl.classList.remove('show'); }, 2000);
-      };
-    })();
-
-    /* Parse an SVG string and append its children as real nodes. No HTML sink
-       used (parity with the catalog's DOMParser approach). */
-    function svgChildrenInto(target, svgString) {
-      while (target.firstChild) target.removeChild(target.firstChild);
-      var doc = new DOMParser().parseFromString(svgString, 'image/svg+xml');
-      var src = doc.documentElement;
-      if (src && src.nodeName === 'svg') {
-        Array.prototype.slice.call(src.childNodes).forEach(function (k) {
-          target.appendChild(document.importNode(k, true));
+      // copy buttons
+      document.querySelectorAll('[data-copy]').forEach(function (btn) {
+        btn.addEventListener('click', function () {
+          navigator.clipboard.writeText(btn.getAttribute('data-copy')).then(function () {
+            btn.textContent = 'copied';
+            setTimeout(function () { btn.textContent = 'copy'; }, 1500);
+          });
         });
-      }
-    }
-
-    /* Theme toggle (dark / light / auto) */
-    (function () {
-      var SVG_NS = 'http://www.w3.org/2000/svg';
-      var btn = document.getElementById('themeToggle');
-      var icon = document.getElementById('themeIcon');
-      var iconSvgs = {
-        light: '<svg xmlns="' + SVG_NS + '"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>',
-        dark: '<svg xmlns="' + SVG_NS + '"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>',
-        auto: '<svg xmlns="' + SVG_NS + '"><circle cx="12" cy="12" r="10"/><path d="M12 2a10 10 0 0 1 0 20V2z"/></svg>'
-      };
-      var states = ['dark', 'light', 'auto'];
-      function getState() { return localStorage.getItem('theme') || 'auto'; }
-      function apply(state) {
-        if (state === 'light') { document.documentElement.setAttribute('data-theme', 'light'); }
-        else if (state === 'dark') { document.documentElement.setAttribute('data-theme', 'dark'); }
-        else { document.documentElement.removeAttribute('data-theme'); }
-        if (state === 'auto') localStorage.removeItem('theme');
-        else localStorage.setItem('theme', state);
-        updateIcon(state);
-      }
-      function updateIcon(state) {
-        svgChildrenInto(icon, iconSvgs[state] || iconSvgs.auto);
-        btn.title = 'Theme: ' + state;
-        btn.setAttribute('aria-label', 'Theme: ' + state + ' (click to change)');
-      }
-      btn.addEventListener('click', function () {
-        var cur = getState();
-        var next = states[(states.indexOf(cur) + 1) % states.length];
-        apply(next);
       });
-      updateIcon(getState());
-    })();
 
-    /* Animated stat counters */
-    (function () {
-      var prefersReduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-      var observer = new IntersectionObserver(function (entries) {
-        entries.forEach(function (entry) {
-          if (!entry.isIntersecting) return;
-          var el = entry.target;
-          var target = parseInt(el.getAttribute('data-target'), 10);
-          if (isNaN(target)) return;
-          observer.unobserve(el);
-          if (prefersReduce) { el.textContent = target; return; }
-          var duration = 1200, start = performance.now();
-          function tick(now) {
-            var p = Math.min((now - start) / duration, 1);
-            el.textContent = Math.round((1 - Math.pow(1 - p, 3)) * target);
-            if (p < 1) requestAnimationFrame(tick);
-          }
-          requestAnimationFrame(tick);
-        });
-      }, { threshold: 0.3 });
-      document.querySelectorAll('.stat-val[data-target]').forEach(function (el) { observer.observe(el); });
-    })();
-
-    /* Copy to clipboard with toast */
-    function copyText(text) {
-      navigator.clipboard.writeText(text).then(function () { showToast('Copied to clipboard'); });
-    }
-
-    /* Quick-start copy button */
-    (function () {
-      var btn = document.getElementById('quickStartCopy');
-      var block = document.getElementById('quickStartCode');
-      if (!btn || !block) return;
-      btn.addEventListener('click', function () { copyText(block.textContent.trim()); });
-    })();
-
-    /* Auto-add copy buttons next to <code> in install steps */
-    (function () {
-      var COPY_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>';
-      document.querySelectorAll('.install-steps code').forEach(function (code) {
-        var btn = document.createElement('span');
-        btn.className = 'copy-icon';
-        btn.title = 'Copy';
-        svgChildrenInto(btn, COPY_SVG);
-        btn.addEventListener('click', function () { copyText(code.textContent); });
-        code.parentNode.insertBefore(btn, code.nextSibling);
-      });
-    })();
-
-    /* MCP tool search / filter */
-    (function () {
-      var input = document.getElementById('toolSearch');
-      var meta = document.getElementById('toolSearchMeta');
-      if (!input) return;
-      var rows = document.querySelectorAll('#mcp-tools [data-tool]');
-      var total = rows.length;
-      function filter() {
-        var q = input.value.toLowerCase().trim();
-        var shown = 0;
-        rows.forEach(function (tr) {
-          var text = tr.textContent.toLowerCase();
-          var match = !q || text.indexOf(q) !== -1;
-          tr.classList.toggle('hidden-row', !match);
-          if (match) shown++;
-        });
-        if (q) {
-          meta.textContent = shown + ' of ' + total;
-          document.querySelectorAll('.cat-group').forEach(function (d) {
-            var vis = d.querySelectorAll('[data-tool]:not(.hidden-row)').length;
-            if (vis > 0) { d.open = true; d.style.display = ''; }
-            else { d.style.display = 'none'; }
+      // boot sequence: HUD fade-in + stats count-up (skipped for reduced motion)
+      var vp = document.getElementById('viewport');
+      var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+      var counters = document.querySelectorAll('.stats-hud .v');
+      function setFinal() {
+        counters.forEach(function (el) { el.textContent = el.getAttribute('data-count'); });
+      }
+      if (reduce) { setFinal(); } else {
+        requestAnimationFrame(function () { vp.classList.add('booted'); });
+        var t0 = null;
+        function tick(ts) {
+          if (t0 === null) t0 = ts;
+          var k = Math.min((ts - t0) / 900, 1);
+          var ease = 1 - Math.pow(1 - k, 3);
+          counters.forEach(function (el) {
+            el.textContent = Math.round(ease * parseInt(el.getAttribute('data-count'), 10));
           });
-        } else {
-          meta.textContent = '';
-          document.querySelectorAll('.cat-group').forEach(function (d) { d.style.display = ''; });
+          if (k < 1) requestAnimationFrame(tick); else setFinal();
         }
+        requestAnimationFrame(tick);
       }
-      input.addEventListener('input', filter);
-      document.addEventListener('keydown', function (e) {
-        if (e.key === '/' && !e.ctrlKey && !e.metaKey && document.activeElement.tagName !== 'INPUT' && document.activeElement.tagName !== 'TEXTAREA') {
-          e.preventDefault();
-          input.focus();
-        }
-      });
-    })();
-
-    /* Expand / collapse all categories */
-    (function () {
-      var btn = document.getElementById('toggleAllCats');
-      if (!btn) return;
-      btn.addEventListener('click', function () {
-        var details = document.querySelectorAll('#mcp-tools .cat-group');
-        var allOpen = Array.prototype.every.call(details, function (d) { return d.open; });
-        details.forEach(function (d) { d.open = !allOpen; });
-        btn.textContent = allOpen ? 'Expand all' : 'Collapse all';
-      });
-    })();
-
-    /* Section collapse/expand toggles */
-    (function () {
-      document.querySelectorAll('.toggle-section').forEach(function (btn) {
-        var targetId = btn.getAttribute('data-target');
-        var details = document.getElementById(targetId);
-        if (!details) return;
-        function updateLabel() { btn.textContent = details.open ? 'Collapse' : 'Expand'; }
-        btn.addEventListener('click', function () { details.open = !details.open; updateLabel(); });
-        details.addEventListener('toggle', updateLabel);
-      });
-    })();
-
-    /* Smooth expand/collapse animation */
-    (function () {
-      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
-      document.querySelectorAll('details.cat-group').forEach(function (det) {
-        var body = det.querySelector('.cat-body');
-        if (!body) return;
-        det.addEventListener('toggle', function () {
-          if (det.open) {
-            body.style.maxHeight = '0';
-            body.style.opacity = '0';
-            body.classList.add('cat-body-anim');
-            requestAnimationFrame(function () {
-              body.style.maxHeight = body.scrollHeight + 'px';
-              body.style.opacity = '1';
-            });
-            setTimeout(function () { body.style.maxHeight = 'none'; body.classList.remove('cat-body-anim'); }, 260);
-          }
-        });
-      });
-    })();
-
-    /* Scroll spy */
-    (function () {
-      var links = document.querySelectorAll('.nav-links a[href^="#"]');
-      if (!links.length) return;
-      var sections = [];
-      links.forEach(function (link) {
-        var id = link.getAttribute('href').slice(1);
-        var el = document.getElementById(id);
-        if (el) sections.push({ el: el, link: link });
-      });
-      function onScroll() {
-        var scrollY = window.scrollY + 80;
-        var current = null;
-        sections.forEach(function (s) { if (s.el.offsetTop <= scrollY) current = s; });
-        links.forEach(function (l) { l.classList.remove('active'); });
-        if (current) current.link.classList.add('active');
-      }
-      window.addEventListener('scroll', onScroll, { passive: true });
-      onScroll();
-    })();
-
-    /* Back to top */
-    (function () {
-      var btn = document.getElementById('backToTop');
-      window.addEventListener('scroll', function () {
-        btn.classList.toggle('visible', window.scrollY > 400);
-      }, { passive: true });
-      btn.addEventListener('click', function () { window.scrollTo({ top: 0, behavior: 'smooth' }); });
-    })();
-
-    /* Mobile nav toggle */
-    (function () {
-      var toggle = document.querySelector('.nav-toggle');
-      var links = document.querySelector('.nav-links');
-      if (!toggle || !links) return;
-      toggle.addEventListener('click', function () { links.classList.toggle('open'); });
-      links.querySelectorAll('a').forEach(function (a) {
-        a.addEventListener('click', function () { links.classList.remove('open'); });
-      });
     })();
   </script>
-
 </body>
 </html>
diff --git a/site.json b/site.json
index de14af7..da80091 100644
--- a/site.json
+++ b/site.json
@@ -1,8 +1,4 @@
 {
-  "accent": "#7c3aed",
-  "accentLight": "#a78bfa",
-  "heroGradientFrom": "#0d1117",
-  "heroGradientTo": "#161b22",
   "canonical": "https://tmhsdigital.github.io/Blender-Developer-Tools/",
   "favicon": "assets/favicon.svg",
   "ogImage": "https://tmhsdigital.github.io/Blender-Developer-Tools/gallery/assets/swatch-grid-hero.webp",