diff --git "a/layer_norm/results/combined_results.html" "b/layer_norm/results/combined_results.html"
--- "a/layer_norm/results/combined_results.html"
+++ "b/layer_norm/results/combined_results.html"
@@ -4,6 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>LayerNorm Benchmark - Combined Results</title>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
+
     <script>
 // Iframe-friendly navigation router
         (function() {
@@ -87,1320 +92,1542 @@
     </script>
     <style>
 :root[data-theme="light"] {
-            --bg-primary: #ffffff;
-            --bg-secondary: #f6f8fa;
-            --bg-tertiary: #f8f9fa;
-            --bg-code: #f8f9fa;
-            --bg-error: #fdf2f2;
-            --bg-artifact: #e6f3ff;
-            --bg-artifact-hover: #d0e7ff;
-            
-            --text-primary: #333;
-            --text-secondary: #656d76;
-            --text-error: #c53030;
-            --text-link: #0969da;
-            
-            --border-primary: #e1e5e9;
-            --border-error: #e53e3e;
-            --border-cell-failed: #d73a49;
-            
-            --shadow: rgba(0, 0, 0, 0.1);
-        }
-
-        :root[data-theme="dark"] {
-            --bg-primary: #0a0a0a;
-            --bg-secondary: #121212;
-            --bg-tertiary: #181818;
-            --bg-code: #0d0d0d;
-            --bg-error: #1a0f0f;
-            --bg-artifact: #151515;
-            --bg-artifact-hover: #1a1a1a;
-            
-            --text-primary: #e0e0e0;
-            --text-secondary: #888888;
-            --text-error: #ff6b6b;
-            --text-link: #64b5f6;
-            
-            --border-primary: #2a2a2a;
-            --border-error: #ff6b6b;
-            --border-cell-failed: #ff6b6b;
-            
-            --shadow: rgba(255, 255, 255, 0.05);
-        }
-        /* Monocolor UI theme: black/white background, all text/borders single blue */
-        :root[data-ui="monocolor"] { --mono-color: #0a66ff; }
-        :root[data-ui="monocolor"][data-theme="light"] {
-            --bg-primary: #ffffff;
-        }
-        :root[data-ui="monocolor"][data-theme="dark"] {
-            --bg-primary: #000000;
-        }
-        :root[data-ui="monocolor"] {
-            --bg-secondary: var(--bg-primary);
-            --bg-tertiary: var(--bg-primary);
-            --bg-code: var(--bg-primary);
-            --bg-error: var(--bg-primary);
-            --bg-artifact: var(--bg-primary);
-            --bg-artifact-hover: var(--bg-primary);
-
-            --text-primary: var(--mono-color);
-            --text-secondary: var(--mono-color);
-            --text-error: var(--mono-color);
-            --text-link: var(--mono-color);
-
-            --border-primary: var(--mono-color);
-            --border-error: var(--mono-color);
-            --border-cell-failed: var(--mono-color);
-
-            --shadow: none;
-        }
-        :root[data-ui="monocolor"] a { color: var(--mono-color); }
-        :root[data-ui="monocolor"] .menu-button,
-        :root[data-ui="monocolor"] .theme-toggle,
-        :root[data-ui="monocolor"] .reset-toggle,
-        :root[data-ui="monocolor"] .back-button { background: var(--bg-primary); color: var(--mono-color); border-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .menu-button:hover,
-        :root[data-ui="monocolor"] .theme-toggle:hover,
-        :root[data-ui="monocolor"] .reset-toggle:hover,
-        :root[data-ui="monocolor"] .back-button:hover { background: var(--bg-primary); color: var(--mono-color); border-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .menu-dropdown { background: var(--bg-primary); border-color: var(--mono-color); box-shadow: none; }
-        :root[data-ui="monocolor"] .menu-item { color: var(--mono-color); border-bottom-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .system-info { background: var(--bg-primary); border-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .cell { border-color: var(--mono-color); background: var(--bg-primary); }
-        :root[data-ui="monocolor"] .cell-header { background: var(--bg-primary); border-bottom-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .artifact { background: var(--bg-primary); border-color: var(--mono-color); color: var(--mono-color); }
-        :root[data-ui="monocolor"] .artifact:hover { background: var(--bg-primary); }
-        :root[data-ui="monocolor"] .artifact-preview img,
-        :root[data-ui="monocolor"] .artifact-preview svg { border-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .status-widget { background: var(--bg-primary); border-color: var(--mono-color); color: var(--mono-color); }
-        :root[data-ui="monocolor"] .minimap,
-        :root[data-ui="monocolor"] .file-explorer,
-        :root[data-ui="monocolor"] .tools-widget {
-            background: var(--bg-primary);
-            border-color: var(--mono-color);
-            color: var(--mono-color);
-        }
-        :root[data-ui="monocolor"] .cell-code {
-            background: var(--bg-primary);
-            border-bottom-color: var(--mono-color);
-        }
-        :root[data-ui="monocolor"] .tools-title,
-        :root[data-ui="monocolor"] .file-explorer-section-title,
-        :root[data-ui="monocolor"] .minimap-title { color: var(--mono-color); border-bottom-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .tool-button { background: var(--bg-primary); border-color: var(--mono-color); color: var(--mono-color); }
-        :root[data-ui="monocolor"] .tool-button.active { border-color: var(--mono-color); }
-        :root[data-ui="monocolor"] .file-explorer-item,
-        :root[data-ui="monocolor"] .minimap-item { color: var(--mono-color); }
-        /* Force Pygments code to mono blue on mono bg */
-        :root[data-ui="monocolor"] .highlight { background: var(--bg-primary) !important; color: var(--mono-color) !important; }
-        :root[data-ui="monocolor"] .highlight *,
-        :root[data-ui="monocolor"] .highlight .hll { color: var(--mono-color) !important; background: transparent !important; border-color: var(--mono-color) !important; }
-        /* Default code font + metrics (overridable via frontmatter) */
-        :root { --code-font-size: 0.95rem; --code-line-height: 1.5; --code-pad-y: 0.75rem; }
-        /* Minimal UI theme overrides base variables for a flatter, 90s look */
-        :root[data-ui="none"] {
-            --bg-primary: #ffffff;
-            --bg-secondary: transparent;
-            --bg-tertiary: transparent;
-            --bg-code: #f9f9f9;
-            --bg-error: #fff0f0;
-            --bg-artifact: #f0f7ff;
-            --bg-artifact-hover: #e5f1ff;
-
-            --text-primary: #000000;
-            --text-secondary: #222222;
-            --text-error: #a00000;
-            --text-link: #0000ee;
-
-            --border-primary: #cccccc;
-            --border-error: #cc0000;
-            --border-cell-failed: #cc0000;
-
-            --shadow: none;
-        }
-        html {
-            overscroll-behavior: none;
-        }
-        body {
-            font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
-            line-height: 1.4;
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 15px;
-            color: var(--text-primary);
-            background: var(--bg-primary);
-            transition: background-color 0.2s ease, color 0.2s ease;
-            overscroll-behavior: none;
-        }
-        /* Minimal "none" UI theme overrides */
-        :root[data-ui="none"] body {
-            font-family: 'Times New Roman', Times, serif;
-            line-height: 1.5;
-            max-width: 860px;
-            padding: 12px;
-            background: #ffffff;
-            color: #000000;
-            transition: none;
-        }
-        
-        /* Two panel layout removed */
-        
-        .controls {
-            position: fixed;
-            top: 20px;
-            right: 20px;
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-            gap: 0.25rem;
-            z-index: 1000;
-        }
-        .controls-buttons { display: flex; gap: 0.5rem; }
-        
-        .menu-button {
-            position: relative;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            padding: 8px 12px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-family: inherit;
-            font-size: 0.9rem;
-            user-select: none;
-        }
-        /* Keep default control styling when widgets are enabled, even in minimal UI */
-        :root[data-ui="none"][data-widgets="on"] .menu-button,
-        :root[data-ui="none"][data-widgets="on"] .theme-toggle,
-        :root[data-ui="none"][data-widgets="on"] .reset-toggle,
-        :root[data-ui="none"][data-widgets="on"] .back-button {
-            background: #f6f6f6;
-            border: 1px solid #cccccc;
-            color: #222222;
-        }
-        
-        .menu-button:hover {
-            color: var(--text-primary);
-            background: var(--bg-tertiary);
-        }
-        /* Controls state indicator (top-right) */
-        /* Status widget (bottom-right) */
-        .status-widget {
-            position: fixed;
-            right: 20px;
-            bottom: 20px;
-            width: auto;
-            max-width: 260px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            padding: 6px 8px;
-            font-size: 0.8rem;
-            color: var(--text-secondary);
-            z-index: 100;
-        }
-        .status-widget strong { color: var(--text-primary); }
-        :root[data-ui="none"][data-widgets="on"] .status-widget { background: #f6f6f6; border-color: #ccc; color: #222; }
-        :root[data-ui="none"][data-widgets="on"] .menu-button:hover,
-        :root[data-ui="none"][data-widgets="on"] .theme-toggle:hover,
-        :root[data-ui="none"][data-widgets="on"] .reset-toggle:hover,
-        :root[data-ui="none"][data-widgets="on"] .back-button:hover {
-            background: #ededed;
-            border-color: #bbbbbb;
-            color: #000000;
-        }
-        
-        .menu-dropdown {
-            position: absolute;
-            top: 100%;
-            right: 0;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 4px;
-            box-shadow: 0 4px 12px var(--shadow);
-            min-width: 160px;
-            opacity: 0;
-            visibility: hidden;
-            transform: translateY(-8px);
-            transition: all 0.2s ease;
-            z-index: 1001;
-            margin-top: 4px;
-        }
-        :root[data-ui="none"][data-widgets="on"] .menu-dropdown { background: #ffffff; border: 1px solid #cccccc; box-shadow: none; }
-        
-        .menu-button.active .menu-dropdown {
-            opacity: 1;
-            visibility: visible;
-            transform: translateY(0);
-        }
-        
-        .menu-item {
-            display: block;
-            padding: 8px 12px;
-            color: var(--text-secondary);
-            text-decoration: none;
-            font-size: 0.85rem;
-            border-bottom: 1px solid var(--border-primary);
-            cursor: pointer;
-        }
-        :root[data-ui="none"] .menu-item { color: #000; border-bottom: 1px solid #eee; }
-        
-        .menu-item:last-child {
-            border-bottom: none;
-        }
-        
-        .menu-item:hover {
-            background: var(--bg-tertiary);
-            color: var(--text-primary);
-        }
-        
-        .menu-checkbox {
-            display: inline-block;
-            width: 16px;
-            font-family: monospace;
-            color: var(--text-link);
-        }
-        
-        .theme-toggle,
-        .reset-toggle,
-        .back-button {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            padding: 8px 12px;
-            border-radius: 4px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-family: inherit;
-            font-size: 0.9rem;
-            user-select: none;
-        }
-
-        .back-button {
-            text-decoration: none;
-            display: inline-block;
-        }
-
-        .theme-toggle:hover,
-        .reset-toggle:hover,
-        .back-button:hover {
-            color: var(--text-primary);
-            background: var(--bg-tertiary);
-        }
-        
-        .system-info {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 4px;
-            padding: 8px 12px;
-            margin-bottom: 16px;
-            font-size: 0.85em;
-            color: var(--text-secondary);
-        }
-        
-        .system-info-header {
-            font-weight: 600;
-            color: var(--text-primary);
-            margin-bottom: 2px;
-        }
-        
-        .system-info-content {
-            font-family: monospace;
-        }
-        
-        .theme-toggle, .reset-toggle {
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            /* padding: 0.4rem 0.6rem; */
-            cursor: pointer;
-            font-family: inherit;
-            font-size: 0.8rem;
-            color: var(--text-secondary);
-            user-select: none;
-            transition: all 0.2s ease;
-            text-transform: lowercase;
-            letter-spacing: 0;
-        }
-        
-        .theme-toggle:hover, .reset-toggle:hover {
-            background: var(--bg-tertiary);
-            border-color: var(--text-secondary);
-            color: var(--text-primary);
-        }
-        
-        .minimap {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
-            width: 220px;
-            max-height: 400px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            padding: 0.5rem;
-            font-size: 0.7rem;
-            overflow-y: auto;
-            z-index: 100;
-            opacity: 0.9;
-            transition: opacity 0.2s ease;
-        }
-        /* Hide widgets and controls when disabled via frontmatter */
-        :root[data-widgets="off"] .controls,
-        :root[data-widgets="off"] .minimap,
-        :root[data-widgets="off"] .file-explorer,
-        :root[data-widgets="off"] .tools-widget,
-        :root[data-widgets="off"] .status-widget { display: none !important; }
-        
-        .file-explorer {
-            position: fixed;
-            bottom: 20px; /* default; JS will stack */
-            right: 20px;
-            left: auto;
-            top: auto;
-            width: 220px;
-            max-height: 400px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            padding: 0.5rem;
-            font-size: 0.7rem;
-            overflow-y: auto;
-            z-index: 100;
-            opacity: 0.9;
-            transition: opacity 0.2s ease;
-        }
-
-        /* Drawing overlay */
-        .draw-overlay {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100vw;
-            height: 100vh;
-            z-index: 80; /* under widgets (100) and controls (1000) */
-            display: block;
-            pointer-events: none; /* enabled only when a tool is active */
-        }
-
-        /* Tools widget */
-        .tools-widget {
-            position: fixed;
-            bottom: 20px; /* default; JS will stack */
-            right: 20px;
-            left: auto;
-            top: auto;
-            width: 220px;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            padding: 0.5rem;
-            font-size: 0.7rem;
-            z-index: 100;
-            opacity: 0.95;
-        }
-        .tools-title {
-            font-weight: bold;
-            color: var(--text-secondary);
-            margin-bottom: 0.5rem;
-            padding-bottom: 0.25rem;
-            border-bottom: 1px solid var(--border-primary);
-            cursor: grab;
-            user-select: none;
-        }
-        .tools-row { display: flex; gap: 0.4rem; flex-wrap: wrap; }
-        .tool-button {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            padding: 0.25rem 0.4rem;
-            cursor: pointer;
-            color: var(--text-secondary);
-            font-family: inherit;
-            font-size: 0.75rem;
-            user-select: none;
-        }
-        .tool-button:hover { color: var(--text-primary); }
-        .tool-button.active { color: var(--text-primary); border-color: var(--text-secondary); background: var(--bg-secondary); }
-        
-        .minimap:hover, .file-explorer:hover {
-            opacity: 1;
-        }
-        
-        .minimap-title {
-            font-weight: bold;
-            color: var(--text-secondary);
-            margin-bottom: 0.5rem;
-            padding-bottom: 0.25rem;
-            border-bottom: 1px solid var(--border-primary);
-            cursor: grab; /* drag handle */
-            user-select: none;
-        }
-        
-        .minimap-item {
-            display: block;
-            color: var(--text-secondary);
-            text-decoration: none;
-            padding: 0.15rem 0;
-            border-left: 2px solid transparent;
-            padding-left: 0.5rem;
-            transition: all 0.2s ease;
-            cursor: pointer;
-        }
-        
-        .minimap-item:hover {
-            color: var(--text-primary);
-            border-left-color: var(--text-secondary);
-        }
-        
-        .minimap-item.active {
-            color: var(--text-primary);
-            border-left-color: var(--text-link);
-        }
-        
-        .minimap-heading {
-            font-weight: normal;
-        }
-        
-        .minimap-heading.h1 { padding-left: 0.5rem; }
-        .minimap-heading.h2 { padding-left: 1rem; }
-        .minimap-heading.h3 { padding-left: 1.5rem; }
-        .minimap-heading.h4 { padding-left: 2rem; }
-        .minimap-heading.h5 { padding-left: 2.5rem; }
-        .minimap-heading.h6 { padding-left: 3rem; }
-        
-        .minimap-cell {
-            color: var(--text-link);
-            opacity: 0.8;
-            font-style: italic;
-        }
-        
-        .minimap-cell:hover {
-            opacity: 1;
-        }
-        
-        .file-explorer-title {
-            font-weight: bold;
-            color: var(--text-secondary);
-            margin-bottom: 0.5rem;
-            padding-bottom: 0.25rem;
-            border-bottom: 1px solid var(--border-primary);
-            cursor: grab; /* drag handle */
-            user-select: none;
-        }
-        
-        .file-explorer-section {
-            margin-bottom: 0.75rem;
-        }
-        
-        .file-explorer-section-title {
-            font-weight: bold;
-            color: var(--text-secondary);
-            font-size: 0.65rem;
-            margin-bottom: 0.25rem;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-        }
-        
-        .file-explorer-item {
-            display: block;
-            color: var(--text-secondary);
-            text-decoration: none;
-            padding: 0.1rem 0;
-            margin-left: 0.5rem;
-            transition: color 0.2s ease;
-            cursor: pointer;
-            font-family: monospace;
-        }
-        
-        .file-explorer-item:hover {
-            color: var(--text-primary);
-        }
-        
-        .file-explorer-item.script {
-            color: var(--text-link);
-        }
-        
-        .file-explorer-item.artifact {
-            color: var(--text-secondary);
-            opacity: 0.8;
-        }
-        
-
-        /* Hide widgets on smaller screens */
-        @media (max-width: 768px) {
-            .minimap, .file-explorer, .tools-widget {
-                display: none;
-            }
-        }
-        
-        .cell {
-            margin: 1rem 0;
-            border: 1px solid var(--border-primary);
-            border-radius: 2px;
-            overflow: hidden;
-            background: var(--bg-secondary);
-        }
-        :root[data-ui="none"] .cell { margin: 1em 0; border: none; background: transparent; }
-        .cell-header {
-            background: var(--bg-secondary);
-            padding: 0.5rem 1rem;
-            border-bottom: 1px solid var(--border-primary);
-            font-family: inherit;
-            font-size: 0.85rem;
-        }
-        :root[data-ui="none"] .cell-header { background: transparent; border: none; padding: 0; font-weight: bold; }
-        :root[data-ui="none"] .cell-content { padding: 0; }
-        :root[data-ui="none"] .copy-button,
-        :root[data-ui="none"] .collapse-indicators,
-        :root[data-ui="none"] .cell-meta,
-        :root[data-ui="none"] .cell-outputs-header { display: none !important; }
-        :root[data-ui="none"] pre, :root[data-ui="none"] code { font-family: Menlo, Monaco, 'Courier New', monospace; }
-        :root[data-ui="none"] .code-content pre { background: #f9f9f9; border: 1px solid #ddd; padding: 8px; }
-        :root[data-ui="none"] .output { background: transparent; border: none; padding: 0.25em 0; }
-            color: var(--text-secondary);
-            cursor: pointer;
-            user-select: none;
-            transition: background-color 0.2s ease;
-        }
-        .cell-header:hover {
-            background: var(--bg-tertiary);
-        }
-        .collapse-indicators {
-            color: var(--text-secondary);
-            font-size: 0.8rem;
-            opacity: 0.7;
-        }
-        .collapse-indicators span:hover {
-            color: var(--text-primary);
-            opacity: 1;
-        }
-        .cell-code {
-            display: block;
-            background: var(--bg-code);
-        }
-        .cell-code.collapsed {
-            display: none;
-        }
-        .cell-code pre {
-            margin: 0;
-            padding: 0.75rem;
-            background: var(--bg-code);
-            overflow-x: auto;
-            color: var(--text-primary);
-        }
-        .cell-output {
-            padding: 0.75rem;
-            /* background: var(--bg-primary); */
-            background: var(--bg-secondary);
-        }
-        .cell-output.collapsed {
-            display: none;
-        }
-        .cell-stdout {
-            background: var(--bg-tertiary);
-            padding: 0.75rem;
-            border-radius: 1px;
-            /* margin: 0.25rem 0; */
-            font-family: inherit;
-            font-size: 0.9rem;
-            white-space: pre-wrap;
-            color: var(--text-primary);
-        }
-
-        .cell-stdout {
-            background: var(--bg-tertiary);
-            padding: 0.75rem;
-            border-radius: 1px;
-            font-family: inherit;
-            font-size: 0.9rem;
-            color: var(--text-primary);
-
-            /* key bits */
-            overflow: auto;          /* show scrollbars when needed */
-            max-width: 100%;         /* respects whatever layout width you give it */
-        }
-
-        .cell-stdout .stdout-text {
-            margin: 0;               /* reset pre default margin */
-            white-space: pre;        /* keep line breaks, NO wrapping */
-            display: inline-block;   /* shrink-to-content */
-            min-width: max-content;  /* allow very long lines to define intrinsic width */
-            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-            tab-size: 2;
-        }
-
-        .cell-stderr {
-            background: var(--bg-error);
-            border-left: 2px solid var(--border-error);
-            padding: 1rem;
-            margin: 0.5rem 0;
-            font-family: inherit;
-            font-size: 0.9rem;
-            color: var(--text-error);
-            white-space: pre-wrap;
-        }
-        .uv-install-logs {
-            margin: 0.5rem 0;
-        }
-        .uv-logs-header {
-            cursor: pointer;
-            padding: 0.75rem;
-            border-left: 3px solid var(--border-color);
-            font-family: inherit;
-            font-size: 0.85rem;
-            color: var(--text-secondary);
-            user-select: none;
-        }
-        .uv-logs-content {
-            background: var(--bg-secondary);
-            padding: 1rem;
-            border-left: 3px solid var(--border-color);
-            white-space: pre-wrap;
-            font-family: monospace;
-            font-size: 0.85rem;
-            color: var(--text-secondary);
-            overflow-x: auto;
-        }
-        .cell-artifacts {
-            margin: 1rem 0;
-        }
-        .cell-artifacts h4 {
-            margin: 0 0 0.5rem 0;
-            color: var(--text-secondary);
-            font-size: 0.9rem;
-        }
-        .artifact {
-            display: inline-block;
-            background: var(--bg-artifact);
-            padding: 0.25rem 0.5rem;
-            border-radius: 1px;
-            margin: 0.25rem 0.5rem 0.25rem 0;
-            font-family: inherit;
-            font-size: 0.8rem;
-            color: var(--text-link);
-            text-decoration: none;
-            transition: background-color 0.2s ease;
-            border: 1px solid var(--border-primary);
-        }
-        .artifact:hover {
-            background: var(--bg-artifact-hover);
-        }
-        .artifact-preview {
-            margin-top: 1rem;
-        }
-        .artifact-preview img {
-            max-width: 100%;
-            height: auto;
-            border: 1px solid var(--border-primary);
-            border-radius: 1px;
-        }
-        .artifact-preview svg {
-            max-width: 100%;
-            height: auto;
-            border: 1px solid var(--border-primary);
-            border-radius: 1px;
-            display: block;
-        }
-        /* Style SVG text elements */
-        .artifact-preview svg g {
-            fill: var(--text-primary) !important;
-        }
-        /* Auto-theme SVG elements */
-        .artifact-preview svg {
-            background: transparent;
-        }
-        /* Invert SVG images in dark mode */
-        :root[data-theme="dark"] .artifact-preview img[src$=".svg"] {
-            filter: invert(0.9) hue-rotate(180deg);
-        }
-        /* Keep SVG images readable in monocolor mode */
-        :root[data-ui="monocolor"] .artifact-preview img[src$=".svg"] {
-            filter: none;
-        }
-        /* CSV table styling */
-        .artifact-csv {
-            margin-top: 1rem;
-            overflow-x: auto;
-        }
-        .csv-table {
-            width: 100%;
-            border-collapse: collapse;
-            font-size: 0.9rem;
-            background: var(--bg-secondary);
-            border: 1px solid var(--border-primary);
-            border-radius: 1px;
-        }
-        .csv-table th,
-        .csv-table td {
-            padding: 0.5rem 0.75rem;
-            text-align: left;
-            border: 1px solid var(--border-primary);
-        }
-        .csv-table th {
-            background: var(--bg-tertiary);
-            font-weight: 600;
-            color: var(--text-primary);
-        }
-        .csv-table tbody tr:hover {
-            background: var(--bg-artifact-hover);
-        }
-        .artifact-csv-error {
-            margin-top: 1rem;
-            padding: 1rem;
-            background: var(--bg-error);
-            color: var(--text-error);
-            border: 1px solid var(--border-error);
-            border-radius: 1px;
-        }
-        .cell-failed {
-            border-color: var(--border-cell-failed);
-        }
-        .cell-failed .cell-header {
-            background: var(--bg-error);
-            color: var(--text-error);
-        }
-        .cell-commented {
-            opacity: 0.6;
-            border-style: dashed;
-        }
-        .cell-commented .cell-header {
-            background: var(--bg-secondary);
-            color: var(--text-secondary);
-            font-style: italic;
-        }
-        .run-btn {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            padding: 2px 6px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-size: 0.75em;
-            font-family: inherit;
-            margin-left: 4px;
-        }
-        .run-btn:hover {
-            color: var(--text-primary);
-            background: var(--bg-primary);
-        }
-        .run-btn:disabled {
-            opacity: 0.6;
-            cursor: not-allowed;
-        }
-        .copy-btn {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            padding: 2px 6px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-size: 0.75em;
-            font-family: inherit;
-            margin-left: 4px;
-        }
-        .copy-btn:hover {
-            color: var(--text-primary);
-            background: var(--bg-primary);
-        }
-        .copy-btn:disabled {
-            opacity: 0.6;
-            cursor: not-allowed;
-        }
-        .copy-btn.copied {
-            color: #4caf50;
-            background: var(--bg-primary);
-            border-color: #4caf50;
-            transition: all 0.2s ease;
-        }
-        .raw-btn {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            padding: 2px 6px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-size: 0.75em;
-            font-family: inherit;
-            margin-left: 4px;
-            text-decoration: none;
-            display: inline-block;
-        }
-        .raw-btn:hover {
-            color: var(--text-primary);
-            background: var(--bg-primary);
-            text-decoration: none;
-        }
-        .github-btn {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            padding: 2px 6px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-size: 0.75em;
-            font-family: inherit;
-            margin-left: 4px;
-            text-decoration: none;
-            display: inline-block;
-        }
-        .github-btn:hover {
-            color: var(--text-primary);
-            background: var(--bg-primary);
-            text-decoration: none;
-        }
-        .hf-btn {
-            background: var(--bg-tertiary);
-            border: 1px solid var(--border-primary);
-            padding: 2px 6px;
-            border-radius: 2px;
-            color: var(--text-secondary);
-            cursor: pointer;
-            font-size: 0.75em;
-            font-family: inherit;
-            margin-left: 4px;
-            text-decoration: none;
-            display: inline-block;
-        }
-        .hf-btn:hover {
-            color: var(--text-primary);
-            background: var(--bg-primary);
-            text-decoration: none;
-        }
-        .output-stale {
-            opacity: 0.5;
-            position: relative;
-        }
-        .output-stale::after {
-            content: '⏳ updating...';
-            position: absolute;
-            top: 8px;
-            right: 8px;
-            background: var(--bg-secondary);
-            padding: 4px 8px;
-            border-radius: 2px;
-            font-size: 0.75em;
-            color: var(--text-secondary);
-            border: 1px solid var(--border-primary);
-        }
-        h1, h2, h3, h4, h5, h6 {
-            margin-top: 1.5rem;
-            margin-bottom: 0.75rem;
-            color: var(--text-primary);
-        }
-        h1 {
-            margin-top: 0;
-            margin-bottom: 1rem;
-        }
-        p {
-            margin: 0.75rem 0;
-            color: var(--text-primary);
-        }
-        a {
-            color: var(--text-link);
-        }
-        img {
-            max-width: 100%;
-            height: auto;
-            border-radius: 1px;
-            box-shadow: none;
-        }
-        pre, code {
-            font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
-            font-size: var(--code-font-size);
-        }
-        .code-wrap { position: relative; }
-        .code-line-highlight { display: none; position: absolute; left: 0; right: 0; height: 1.5em; background: rgba(255, 235, 170, 0.35); pointer-events: none; border-left: 3px solid #f4c542; }
-        .line-number { cursor: pointer; text-decoration: none; color: var(--text-secondary); padding: 0 0.25rem; }
-        .line-number.selected { background: rgba(255, 235, 170, 0.4); color: var(--text-primary); }
-        
-        /* Line numbers */
-        .highlight-with-lines {
-            display: flex;
-        }
-        .line-numbers {
-            background: var(--bg-tertiary);
-            padding: var(--code-pad-y) 0.5rem;
-            font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
-            font-size: var(--code-font-size);
-            line-height: var(--code-line-height);
-            color: var(--text-secondary);
-            user-select: none;
-            text-align: right;
-            border-right: 1px solid var(--border-primary);
-        }
-        .line-numbers .line-number {
-            display: block;
-            line-height: var(--code-line-height);
-        }
-        .highlight-with-lines .highlight {
-            flex: 1;
-        }
-        .highlight .hll { background-color: transparent; } /* don't conflict with our highlight */
-        .highlight pre {
-            white-space: pre;
-            margin: 0;
-            padding: var(--code-pad-y) 0.75rem;
-            line-height: var(--code-line-height);
-        }
-        
-        /* Collapsed code styling */
-        .cell-code.collapsed {
-            display: none;
-        }
-        .cell-code.expanded {
-            display: block;
-        }
-        
-        .cell-code {
-            display: block;
-            border-bottom: 1px solid var(--border-primary);
-        }
-        
-        
-        pre { line-height: 125%; }
-td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-[data-theme="light"] .highlight .hll { background-color: #ffffcc }
-[data-theme="light"] .highlight { background: #f8f8f8; }
-[data-theme="light"] .highlight .c { color: #3D7B7B; font-style: italic } /* Comment */
-[data-theme="light"] .highlight .err { border: 1px solid #F00 } /* Error */
-[data-theme="light"] .highlight .k { color: #008000; font-weight: bold } /* Keyword */
-[data-theme="light"] .highlight .o { color: #666 } /* Operator */
-[data-theme="light"] .highlight .ch { color: #3D7B7B; font-style: italic } /* Comment.Hashbang */
-[data-theme="light"] .highlight .cm { color: #3D7B7B; font-style: italic } /* Comment.Multiline */
-[data-theme="light"] .highlight .cp { color: #9C6500 } /* Comment.Preproc */
-[data-theme="light"] .highlight .cpf { color: #3D7B7B; font-style: italic } /* Comment.PreprocFile */
-[data-theme="light"] .highlight .c1 { color: #3D7B7B; font-style: italic } /* Comment.Single */
-[data-theme="light"] .highlight .cs { color: #3D7B7B; font-style: italic } /* Comment.Special */
-[data-theme="light"] .highlight .gd { color: #A00000 } /* Generic.Deleted */
-[data-theme="light"] .highlight .ge { font-style: italic } /* Generic.Emph */
-[data-theme="light"] .highlight .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
-[data-theme="light"] .highlight .gr { color: #E40000 } /* Generic.Error */
-[data-theme="light"] .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
-[data-theme="light"] .highlight .gi { color: #008400 } /* Generic.Inserted */
-[data-theme="light"] .highlight .go { color: #717171 } /* Generic.Output */
-[data-theme="light"] .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
-[data-theme="light"] .highlight .gs { font-weight: bold } /* Generic.Strong */
-[data-theme="light"] .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
-[data-theme="light"] .highlight .gt { color: #04D } /* Generic.Traceback */
-[data-theme="light"] .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
-[data-theme="light"] .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
-[data-theme="light"] .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
-[data-theme="light"] .highlight .kp { color: #008000 } /* Keyword.Pseudo */
-[data-theme="light"] .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
-[data-theme="light"] .highlight .kt { color: #B00040 } /* Keyword.Type */
-[data-theme="light"] .highlight .m { color: #666 } /* Literal.Number */
-[data-theme="light"] .highlight .s { color: #BA2121 } /* Literal.String */
-[data-theme="light"] .highlight .na { color: #687822 } /* Name.Attribute */
-[data-theme="light"] .highlight .nb { color: #008000 } /* Name.Builtin */
-[data-theme="light"] .highlight .nc { color: #00F; font-weight: bold } /* Name.Class */
-[data-theme="light"] .highlight .no { color: #800 } /* Name.Constant */
-[data-theme="light"] .highlight .nd { color: #A2F } /* Name.Decorator */
-[data-theme="light"] .highlight .ni { color: #717171; font-weight: bold } /* Name.Entity */
-[data-theme="light"] .highlight .ne { color: #CB3F38; font-weight: bold } /* Name.Exception */
-[data-theme="light"] .highlight .nf { color: #00F } /* Name.Function */
-[data-theme="light"] .highlight .nl { color: #767600 } /* Name.Label */
-[data-theme="light"] .highlight .nn { color: #00F; font-weight: bold } /* Name.Namespace */
-[data-theme="light"] .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
-[data-theme="light"] .highlight .nv { color: #19177C } /* Name.Variable */
-[data-theme="light"] .highlight .ow { color: #A2F; font-weight: bold } /* Operator.Word */
-[data-theme="light"] .highlight .w { color: #BBB } /* Text.Whitespace */
-[data-theme="light"] .highlight .mb { color: #666 } /* Literal.Number.Bin */
-[data-theme="light"] .highlight .mf { color: #666 } /* Literal.Number.Float */
-[data-theme="light"] .highlight .mh { color: #666 } /* Literal.Number.Hex */
-[data-theme="light"] .highlight .mi { color: #666 } /* Literal.Number.Integer */
-[data-theme="light"] .highlight .mo { color: #666 } /* Literal.Number.Oct */
-[data-theme="light"] .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
-[data-theme="light"] .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
-[data-theme="light"] .highlight .sc { color: #BA2121 } /* Literal.String.Char */
-[data-theme="light"] .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
-[data-theme="light"] .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
-[data-theme="light"] .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
-[data-theme="light"] .highlight .se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */
-[data-theme="light"] .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
-[data-theme="light"] .highlight .si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */
-[data-theme="light"] .highlight .sx { color: #008000 } /* Literal.String.Other */
-[data-theme="light"] .highlight .sr { color: #A45A77 } /* Literal.String.Regex */
-[data-theme="light"] .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
-[data-theme="light"] .highlight .ss { color: #19177C } /* Literal.String.Symbol */
-[data-theme="light"] .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
-[data-theme="light"] .highlight .fm { color: #00F } /* Name.Function.Magic */
-[data-theme="light"] .highlight .vc { color: #19177C } /* Name.Variable.Class */
-[data-theme="light"] .highlight .vg { color: #19177C } /* Name.Variable.Global */
-[data-theme="light"] .highlight .vi { color: #19177C } /* Name.Variable.Instance */
-[data-theme="light"] .highlight .vm { color: #19177C } /* Name.Variable.Magic */
-[data-theme="light"] .highlight .il { color: #666 } /* Literal.Number.Integer.Long */
-
-pre { line-height: 125%; }
-td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-[data-theme="dark"] .highlight .hll { background-color: #49483e }
-[data-theme="dark"] .highlight { background: #272822; color: #F8F8F2 }
-[data-theme="dark"] .highlight .c { color: #959077 } /* Comment */
-[data-theme="dark"] .highlight .err { color: #ED007E; background-color: #1E0010 } /* Error */
-[data-theme="dark"] .highlight .esc { color: #F8F8F2 } /* Escape */
-[data-theme="dark"] .highlight .g { color: #F8F8F2 } /* Generic */
-[data-theme="dark"] .highlight .k { color: #66D9EF } /* Keyword */
-[data-theme="dark"] .highlight .l { color: #AE81FF } /* Literal */
-[data-theme="dark"] .highlight .n { color: #F8F8F2 } /* Name */
-[data-theme="dark"] .highlight .o { color: #FF4689 } /* Operator */
-[data-theme="dark"] .highlight .x { color: #F8F8F2 } /* Other */
-[data-theme="dark"] .highlight .p { color: #F8F8F2 } /* Punctuation */
-[data-theme="dark"] .highlight .ch { color: #959077 } /* Comment.Hashbang */
-[data-theme="dark"] .highlight .cm { color: #959077 } /* Comment.Multiline */
-[data-theme="dark"] .highlight .cp { color: #959077 } /* Comment.Preproc */
-[data-theme="dark"] .highlight .cpf { color: #959077 } /* Comment.PreprocFile */
-[data-theme="dark"] .highlight .c1 { color: #959077 } /* Comment.Single */
-[data-theme="dark"] .highlight .cs { color: #959077 } /* Comment.Special */
-[data-theme="dark"] .highlight .gd { color: #FF4689 } /* Generic.Deleted */
-[data-theme="dark"] .highlight .ge { color: #F8F8F2; font-style: italic } /* Generic.Emph */
-[data-theme="dark"] .highlight .ges { color: #F8F8F2; font-weight: bold; font-style: italic } /* Generic.EmphStrong */
-[data-theme="dark"] .highlight .gr { color: #F8F8F2 } /* Generic.Error */
-[data-theme="dark"] .highlight .gh { color: #F8F8F2 } /* Generic.Heading */
-[data-theme="dark"] .highlight .gi { color: #A6E22E } /* Generic.Inserted */
-[data-theme="dark"] .highlight .go { color: #66D9EF } /* Generic.Output */
-[data-theme="dark"] .highlight .gp { color: #FF4689; font-weight: bold } /* Generic.Prompt */
-[data-theme="dark"] .highlight .gs { color: #F8F8F2; font-weight: bold } /* Generic.Strong */
-[data-theme="dark"] .highlight .gu { color: #959077 } /* Generic.Subheading */
-[data-theme="dark"] .highlight .gt { color: #F8F8F2 } /* Generic.Traceback */
-[data-theme="dark"] .highlight .kc { color: #66D9EF } /* Keyword.Constant */
-[data-theme="dark"] .highlight .kd { color: #66D9EF } /* Keyword.Declaration */
-[data-theme="dark"] .highlight .kn { color: #FF4689 } /* Keyword.Namespace */
-[data-theme="dark"] .highlight .kp { color: #66D9EF } /* Keyword.Pseudo */
-[data-theme="dark"] .highlight .kr { color: #66D9EF } /* Keyword.Reserved */
-[data-theme="dark"] .highlight .kt { color: #66D9EF } /* Keyword.Type */
-[data-theme="dark"] .highlight .ld { color: #E6DB74 } /* Literal.Date */
-[data-theme="dark"] .highlight .m { color: #AE81FF } /* Literal.Number */
-[data-theme="dark"] .highlight .s { color: #E6DB74 } /* Literal.String */
-[data-theme="dark"] .highlight .na { color: #A6E22E } /* Name.Attribute */
-[data-theme="dark"] .highlight .nb { color: #F8F8F2 } /* Name.Builtin */
-[data-theme="dark"] .highlight .nc { color: #A6E22E } /* Name.Class */
-[data-theme="dark"] .highlight .no { color: #66D9EF } /* Name.Constant */
-[data-theme="dark"] .highlight .nd { color: #A6E22E } /* Name.Decorator */
-[data-theme="dark"] .highlight .ni { color: #F8F8F2 } /* Name.Entity */
-[data-theme="dark"] .highlight .ne { color: #A6E22E } /* Name.Exception */
-[data-theme="dark"] .highlight .nf { color: #A6E22E } /* Name.Function */
-[data-theme="dark"] .highlight .nl { color: #F8F8F2 } /* Name.Label */
-[data-theme="dark"] .highlight .nn { color: #F8F8F2 } /* Name.Namespace */
-[data-theme="dark"] .highlight .nx { color: #A6E22E } /* Name.Other */
-[data-theme="dark"] .highlight .py { color: #F8F8F2 } /* Name.Property */
-[data-theme="dark"] .highlight .nt { color: #FF4689 } /* Name.Tag */
-[data-theme="dark"] .highlight .nv { color: #F8F8F2 } /* Name.Variable */
-[data-theme="dark"] .highlight .ow { color: #FF4689 } /* Operator.Word */
-[data-theme="dark"] .highlight .pm { color: #F8F8F2 } /* Punctuation.Marker */
-[data-theme="dark"] .highlight .w { color: #F8F8F2 } /* Text.Whitespace */
-[data-theme="dark"] .highlight .mb { color: #AE81FF } /* Literal.Number.Bin */
-[data-theme="dark"] .highlight .mf { color: #AE81FF } /* Literal.Number.Float */
-[data-theme="dark"] .highlight .mh { color: #AE81FF } /* Literal.Number.Hex */
-[data-theme="dark"] .highlight .mi { color: #AE81FF } /* Literal.Number.Integer */
-[data-theme="dark"] .highlight .mo { color: #AE81FF } /* Literal.Number.Oct */
-[data-theme="dark"] .highlight .sa { color: #E6DB74 } /* Literal.String.Affix */
-[data-theme="dark"] .highlight .sb { color: #E6DB74 } /* Literal.String.Backtick */
-[data-theme="dark"] .highlight .sc { color: #E6DB74 } /* Literal.String.Char */
-[data-theme="dark"] .highlight .dl { color: #E6DB74 } /* Literal.String.Delimiter */
-[data-theme="dark"] .highlight .sd { color: #E6DB74 } /* Literal.String.Doc */
-[data-theme="dark"] .highlight .s2 { color: #E6DB74 } /* Literal.String.Double */
-[data-theme="dark"] .highlight .se { color: #AE81FF } /* Literal.String.Escape */
-[data-theme="dark"] .highlight .sh { color: #E6DB74 } /* Literal.String.Heredoc */
-[data-theme="dark"] .highlight .si { color: #E6DB74 } /* Literal.String.Interpol */
-[data-theme="dark"] .highlight .sx { color: #E6DB74 } /* Literal.String.Other */
-[data-theme="dark"] .highlight .sr { color: #E6DB74 } /* Literal.String.Regex */
-[data-theme="dark"] .highlight .s1 { color: #E6DB74 } /* Literal.String.Single */
-[data-theme="dark"] .highlight .ss { color: #E6DB74 } /* Literal.String.Symbol */
-[data-theme="dark"] .highlight .bp { color: #F8F8F2 } /* Name.Builtin.Pseudo */
-[data-theme="dark"] .highlight .fm { color: #A6E22E } /* Name.Function.Magic */
-[data-theme="dark"] .highlight .vc { color: #F8F8F2 } /* Name.Variable.Class */
-[data-theme="dark"] .highlight .vg { color: #F8F8F2 } /* Name.Variable.Global */
-[data-theme="dark"] .highlight .vi { color: #F8F8F2 } /* Name.Variable.Instance */
-[data-theme="dark"] .highlight .vm { color: #F8F8F2 } /* Name.Variable.Magic */
-[data-theme="dark"] .highlight .il { color: #AE81FF } /* Literal.Number.Integer.Long */
-
-        /* Ensure our code metrics override Pygments defaults */
-        .highlight pre {
-            white-space: pre;
-            margin: 0;
-            padding: var(--code-pad-y) 0.75rem !important;
-            line-height: var(--code-line-height) !important;
-            font-size: var(--code-font-size) !important;
-            font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace !important;
-            border: none;
-        }
-        .line-numbers { line-height: var(--code-line-height) !important; }
-        .line-numbers .line-number { line-height: var(--code-line-height) !important; }
-
-        /* Custom CSS from frontmatter */
-        
-
-        
-        
-        
-        /* Cursor for tools */
-        body[data-tool="arrow"] .main-content { 
-            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>') 12 12, crosshair;
-        }
-        body[data-tool="pen"] .main-content { 
-            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><circle cx="4" cy="20" r="2" fill="%23e53935"/></svg>') 4 20, pointer;
-        }
-        body[data-tool="eraser"] .main-content { 
-            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M20 20H7l-7-7 7-7h13v14z"/><path d="M13 13l7-7"/><path d="M13 13L9 9"/></svg>') 12 12, auto;
-        }
-
-        /* Color picker styles */
-        .tools-section-title {
-            font-weight: bold;
-            color: var(--text-secondary);
-            font-size: 0.65rem;
-            margin: 0.75rem 0 0.5rem 0;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-        }
-        .color-row {
-            display: grid;
-            grid-template-columns: repeat(6, 1fr);
-            gap: 0.25rem;
-            margin-bottom: 0.5rem;
-        }
-        .color-swatch {
-            width: 18px;
-            height: 18px;
-            border: 2px solid var(--border-primary);
-            border-radius: 3px;
-            cursor: pointer;
-            transition: all 0.2s ease;
-            position: relative;
-        }
-        .color-swatch:hover {
-            transform: scale(1.1);
-            border-color: var(--text-secondary);
-        }
-        .color-swatch.selected {
-            border-color: var(--text-primary);
-            box-shadow: 0 0 0 2px var(--text-link);
-        }
-        .color-swatch.selected::after {
-            content: '✓';
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            color: white;
-            font-size: 10px;
-            font-weight: bold;
-            text-shadow: 1px 1px 1px black;
-        }
-        .color-input {
-            width: 24px;
-            height: 24px;
-            border: 2px solid var(--border-primary);
-            border-radius: 3px;
-            cursor: pointer;
-            background: none;
-            padding: 0;
-            grid-column: span 2;
-            justify-self: center;
-        }
-        .color-input:hover {
-            border-color: var(--text-secondary);
-        }
-        
-        /* Thickness slider styles */
-        .thickness-row {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-            margin-top: 0.75rem;
-        }
-        .thickness-slider {
-            flex: 1;
-            -webkit-appearance: none;
-            appearance: none;
-            height: 4px;
-            background: var(--border-primary);
-            border-radius: 2px;
-            outline: none;
-            opacity: 0.7;
-            transition: opacity 0.2s;
-        }
-        .thickness-slider:hover {
-            opacity: 1;
-        }
-        .thickness-slider::-webkit-slider-thumb {
-            -webkit-appearance: none;
-            appearance: none;
-            width: 12px;
-            height: 12px;
-            background: var(--text-link);
-            border-radius: 50%;
-            cursor: pointer;
-        }
-        .thickness-slider::-moz-range-thumb {
-            width: 12px;
-            height: 12px;
-            background: var(--text-link);
-            border-radius: 50%;
-            cursor: pointer;
-            border: none;
-        }
-        .thickness-value {
-            font-size: 0.7rem;
-            color: var(--text-secondary);
-            min-width: 20px;
-            text-align: right;
-        }
-
-        .highlight {
-            background: none !important;
-        }
-        
-        /* Loading animations */
-        .loading-spinner {
-            display: inline-block;
-            width: 16px;
-            height: 16px;
-            border: 2px solid var(--border-primary);
-            border-radius: 50%;
-            border-top-color: var(--text-link);
-            animation: spin 1s linear infinite;
-            margin-right: 8px;
-            vertical-align: middle;
-        }
-        
-        @keyframes spin {
-            to { transform: rotate(360deg); }
-        }
-        
-        .loading-skeleton {
-            display: inline-block;
-            background: var(--bg-tertiary);
-            background: linear-gradient(
-                90deg,
-                var(--bg-tertiary) 25%,
-                var(--bg-secondary) 50%,
-                var(--bg-tertiary) 75%
-            );
-            background-size: 200% 100%;
-            animation: loading-shimmer 2s ease-in-out infinite;
-            border-radius: 2px;
-            height: 1em;
-            width: 80px;
-            vertical-align: middle;
-        }
-        
-        @keyframes loading-shimmer {
-            0% { background-position: -200% 0; }
-            100% { background-position: 200% 0; }
-        }
-        
-        /* Loading state for cell output */
-        .cell-output:has(.loading-spinner) {
-            opacity: 0.7;
-            background: var(--bg-secondary);
-            /* border-left: 3px solid var(--text-link); */
-        }
+    --bg-primary: #ffffff;
+    --bg-secondary: #f6f8fa;
+    --bg-tertiary: #f8f9fa;
+    --bg-code: #f8f9fa;
+    --bg-error: #fdf2f2;
+    --bg-artifact: #e6f3ff;
+    --bg-artifact-hover: #d0e7ff;
+
+    --text-primary: #333;
+    --text-secondary: #656d76;
+    --text-error: #c53030;
+    --text-link: #0969da;
+
+    --border-primary: #e1e5e9;
+    --border-error: #e53e3e;
+    --border-cell-failed: #d73a49;
+
+    --shadow: rgba(0, 0, 0, 0.1);
+}
+
+:root[data-theme="dark"] {
+    --bg-primary: #0a0a0a;
+    --bg-secondary: #121212;
+    --bg-tertiary: #181818;
+    --bg-code: #0d0d0d;
+    --bg-error: #1a0f0f;
+    --bg-artifact: #151515;
+    --bg-artifact-hover: #1a1a1a;
+
+    --text-primary: #e0e0e0;
+    --text-secondary: #888888;
+    --text-error: #ff6b6b;
+    --text-link: #64b5f6;
+
+    --border-primary: #2a2a2a;
+    --border-error: #ff6b6b;
+    --border-cell-failed: #ff6b6b;
+
+    --shadow: rgba(255, 255, 255, 0.05);
+}
+
+/* Monocolor UI theme: black/white background, all text/borders single blue */
+:root[data-ui="monocolor"] {
+    --mono-color: #0a66ff;
+}
+
+:root[data-ui="monocolor"][data-theme="light"] {
+    --bg-primary: #ffffff;
+}
+
+:root[data-ui="monocolor"][data-theme="dark"] {
+    --bg-primary: #000000;
+}
+
+:root[data-ui="monocolor"] {
+    --bg-secondary: var(--bg-primary);
+    --bg-tertiary: var(--bg-primary);
+    --bg-code: var(--bg-primary);
+    --bg-error: var(--bg-primary);
+    --bg-artifact: var(--bg-primary);
+    --bg-artifact-hover: var(--bg-primary);
+
+    --text-primary: var(--mono-color);
+    --text-secondary: var(--mono-color);
+    --text-error: var(--mono-color);
+    --text-link: var(--mono-color);
+
+    --border-primary: var(--mono-color);
+    --border-error: var(--mono-color);
+    --border-cell-failed: var(--mono-color);
+
+    --shadow: none;
+}
+
+:root[data-ui="monocolor"] a {
+    color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .menu-button,
+:root[data-ui="monocolor"] .theme-toggle,
+:root[data-ui="monocolor"] .reset-toggle,
+:root[data-ui="monocolor"] .back-button {
+    background: var(--bg-primary);
+    color: var(--mono-color);
+    border-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .menu-button:hover,
+:root[data-ui="monocolor"] .theme-toggle:hover,
+:root[data-ui="monocolor"] .reset-toggle:hover,
+:root[data-ui="monocolor"] .back-button:hover {
+    background: var(--bg-primary);
+    color: var(--mono-color);
+    border-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .menu-dropdown {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+    box-shadow: none;
+}
+
+:root[data-ui="monocolor"] .menu-item {
+    color: var(--mono-color);
+    border-bottom-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .system-info {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .cell {
+    border-color: var(--mono-color);
+    background: var(--bg-primary);
+}
+
+:root[data-ui="monocolor"] .cell-header {
+    background: var(--bg-primary);
+    border-bottom-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .artifact {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+    color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .artifact:hover {
+    background: var(--bg-primary);
+}
+
+:root[data-ui="monocolor"] .artifact-preview img,
+:root[data-ui="monocolor"] .artifact-preview svg {
+    border-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .status-widget {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+    color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .minimap,
+:root[data-ui="monocolor"] .file-explorer,
+:root[data-ui="monocolor"] .tools-widget {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+    color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .cell-code {
+    background: var(--bg-primary);
+    border-bottom-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .tools-title,
+:root[data-ui="monocolor"] .file-explorer-section-title,
+:root[data-ui="monocolor"] .minimap-title {
+    color: var(--mono-color);
+    border-bottom-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .tool-button {
+    background: var(--bg-primary);
+    border-color: var(--mono-color);
+    color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .tool-button.active {
+    border-color: var(--mono-color);
+}
+
+:root[data-ui="monocolor"] .file-explorer-item,
+:root[data-ui="monocolor"] .minimap-item {
+    color: var(--mono-color);
+}
+
+/* Force Pygments code to mono blue on mono bg */
+:root[data-ui="monocolor"] .highlight {
+    background: var(--bg-primary) !important;
+    color: var(--mono-color) !important;
+}
+
+:root[data-ui="monocolor"] .highlight *,
+:root[data-ui="monocolor"] .highlight .hll {
+    color: var(--mono-color) !important;
+    background: transparent !important;
+    border-color: var(--mono-color) !important;
+}
+
+/* Default code font + metrics (overridable via frontmatter) */
+:root {
+    --code-font-size: 0.95rem;
+    --code-line-height: 1.5;
+    --code-pad-y: 0.75rem;
+}
+
+/* Minimal UI theme overrides base variables for a flatter, 90s look */
+:root[data-ui="none"] {
+    --bg-primary: #ffffff;
+    --bg-secondary: transparent;
+    --bg-tertiary: transparent;
+    --bg-code: #f9f9f9;
+    --bg-error: #fff0f0;
+    --bg-artifact: #f0f7ff;
+    --bg-artifact-hover: #e5f1ff;
+
+    --text-primary: #000000;
+    --text-secondary: #222222;
+    --text-error: #a00000;
+    --text-link: #0000ee;
+
+    --border-primary: #cccccc;
+    --border-error: #cc0000;
+    --border-cell-failed: #cc0000;
+
+    --shadow: none;
+}
+
+html {
+    overscroll-behavior: none;
+}
+
+body {
+    font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
+    line-height: 1.4;
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 15px;
+    color: var(--text-primary);
+    background: var(--bg-primary);
+    transition: background-color 0.2s ease, color 0.2s ease;
+    overscroll-behavior: none;
+}
+
+/* Minimal "none" UI theme overrides */
+:root[data-ui="none"] body {
+    font-family: 'Times New Roman', Times, serif;
+    line-height: 1.5;
+    max-width: 860px;
+    padding: 12px;
+    background: #ffffff;
+    color: #000000;
+    transition: none;
+}
+
+/* Two panel layout removed */
+
+.controls {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 0.25rem;
+    z-index: 1000;
+}
+
+.controls-buttons {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.menu-button {
+    position: relative;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    padding: 8px 12px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 0.9rem;
+    user-select: none;
+}
+
+/* Keep default control styling when widgets are enabled, even in minimal UI */
+:root[data-ui="none"][data-widgets="on"] .menu-button,
+:root[data-ui="none"][data-widgets="on"] .theme-toggle,
+:root[data-ui="none"][data-widgets="on"] .reset-toggle,
+:root[data-ui="none"][data-widgets="on"] .back-button {
+    background: #f6f6f6;
+    border: 1px solid #cccccc;
+    color: #222222;
+}
+
+.menu-button:hover {
+    color: var(--text-primary);
+    background: var(--bg-tertiary);
+}
+
+/* Controls state indicator (top-right) */
+/* Status widget (bottom-right) */
+.status-widget {
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    width: auto;
+    max-width: 260px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    padding: 6px 8px;
+    font-size: 0.8rem;
+    color: var(--text-secondary);
+    z-index: 100;
+}
+
+.status-widget strong {
+    color: var(--text-primary);
+}
+
+:root[data-ui="none"][data-widgets="on"] .status-widget {
+    background: #f6f6f6;
+    border-color: #ccc;
+    color: #222;
+}
+
+:root[data-ui="none"][data-widgets="on"] .menu-button:hover,
+:root[data-ui="none"][data-widgets="on"] .theme-toggle:hover,
+:root[data-ui="none"][data-widgets="on"] .reset-toggle:hover,
+:root[data-ui="none"][data-widgets="on"] .back-button:hover {
+    background: #ededed;
+    border-color: #bbbbbb;
+    color: #000000;
+}
+
+.menu-dropdown {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 4px;
+    box-shadow: 0 4px 12px var(--shadow);
+    min-width: 160px;
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(-8px);
+    transition: all 0.2s ease;
+    z-index: 1001;
+    margin-top: 4px;
+}
+
+:root[data-ui="none"][data-widgets="on"] .menu-dropdown {
+    background: #ffffff;
+    border: 1px solid #cccccc;
+    box-shadow: none;
+}
+
+.menu-button.active .menu-dropdown {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+}
+
+.menu-item {
+    display: block;
+    padding: 8px 12px;
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.85rem;
+    border-bottom: 1px solid var(--border-primary);
+    cursor: pointer;
+}
+
+:root[data-ui="none"] .menu-item {
+    color: #000;
+    border-bottom: 1px solid #eee;
+}
+
+.menu-item:last-child {
+    border-bottom: none;
+}
+
+.menu-item:hover {
+    background: var(--bg-tertiary);
+    color: var(--text-primary);
+}
+
+.menu-checkbox {
+    display: inline-block;
+    width: 16px;
+    font-family: monospace;
+    color: var(--text-link);
+}
+
+.theme-toggle,
+.reset-toggle,
+.back-button {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    padding: 8px 12px;
+    border-radius: 4px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 0.9rem;
+    user-select: none;
+}
+
+.back-button {
+    text-decoration: none;
+    display: inline-block;
+}
+
+.theme-toggle:hover,
+.reset-toggle:hover,
+.back-button:hover {
+    color: var(--text-primary);
+    background: var(--bg-tertiary);
+}
+
+.system-info {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 4px;
+    padding: 8px 12px;
+    margin-bottom: 16px;
+    font-size: 0.85em;
+    color: var(--text-secondary);
+}
+
+.system-info-header {
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 2px;
+}
+
+.system-info-content {
+    font-family: monospace;
+}
+
+.theme-toggle,
+.reset-toggle {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    /* padding: 0.4rem 0.6rem; */
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 0.8rem;
+    color: var(--text-secondary);
+    user-select: none;
+    transition: all 0.2s ease;
+    text-transform: lowercase;
+    letter-spacing: 0;
+}
+
+.theme-toggle:hover,
+.reset-toggle:hover {
+    background: var(--bg-tertiary);
+    border-color: var(--text-secondary);
+    color: var(--text-primary);
+}
+
+.minimap {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 220px;
+    max-height: 400px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    padding: 0.5rem;
+    font-size: 0.7rem;
+    overflow-y: auto;
+    z-index: 100;
+    opacity: 0.9;
+    transition: opacity 0.2s ease;
+}
+
+/* Hide widgets and controls when disabled via frontmatter */
+:root[data-widgets="off"] .controls,
+:root[data-widgets="off"] .minimap,
+:root[data-widgets="off"] .file-explorer,
+:root[data-widgets="off"] .tools-widget,
+:root[data-widgets="off"] .status-widget {
+    display: none !important;
+}
+
+.file-explorer {
+    position: fixed;
+    bottom: 20px;
+    /* default; JS will stack */
+    right: 20px;
+    left: auto;
+    top: auto;
+    width: 220px;
+    max-height: 400px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    padding: 0.5rem;
+    font-size: 0.7rem;
+    overflow-y: auto;
+    z-index: 100;
+    opacity: 0.9;
+    transition: opacity 0.2s ease;
+}
+
+/* Drawing overlay */
+.draw-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    z-index: 80;
+    /* under widgets (100) and controls (1000) */
+    display: block;
+    pointer-events: none;
+    /* enabled only when a tool is active */
+}
+
+/* Tools widget */
+.tools-widget {
+    position: fixed;
+    bottom: 20px;
+    /* default; JS will stack */
+    right: 20px;
+    left: auto;
+    top: auto;
+    width: 220px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    padding: 0.5rem;
+    font-size: 0.7rem;
+    z-index: 100;
+    opacity: 0.95;
+}
+
+.tools-title {
+    font-weight: bold;
+    color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+    padding-bottom: 0.25rem;
+    border-bottom: 1px solid var(--border-primary);
+    cursor: grab;
+    user-select: none;
+}
+
+.tools-row {
+    display: flex;
+    gap: 0.4rem;
+    flex-wrap: wrap;
+}
+
+.tool-button {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    padding: 0.25rem 0.4rem;
+    cursor: pointer;
+    color: var(--text-secondary);
+    font-family: inherit;
+    font-size: 0.75rem;
+    user-select: none;
+}
+
+.tool-button:hover {
+    color: var(--text-primary);
+}
+
+.tool-button.active {
+    color: var(--text-primary);
+    border-color: var(--text-secondary);
+    background: var(--bg-secondary);
+}
+
+.minimap:hover,
+.file-explorer:hover {
+    opacity: 1;
+}
+
+.minimap-title {
+    font-weight: bold;
+    color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+    padding-bottom: 0.25rem;
+    border-bottom: 1px solid var(--border-primary);
+    cursor: grab;
+    /* drag handle */
+    user-select: none;
+}
+
+.minimap-item {
+    display: block;
+    color: var(--text-secondary);
+    text-decoration: none;
+    padding: 0.15rem 0;
+    border-left: 2px solid transparent;
+    padding-left: 0.5rem;
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.minimap-item:hover {
+    color: var(--text-primary);
+    border-left-color: var(--text-secondary);
+}
+
+.minimap-item.active {
+    color: var(--text-primary);
+    border-left-color: var(--text-link);
+}
+
+.minimap-heading {
+    font-weight: normal;
+}
+
+.minimap-heading.h1 {
+    padding-left: 0.5rem;
+}
+
+.minimap-heading.h2 {
+    padding-left: 1rem;
+}
+
+.minimap-heading.h3 {
+    padding-left: 1.5rem;
+}
+
+.minimap-heading.h4 {
+    padding-left: 2rem;
+}
+
+.minimap-heading.h5 {
+    padding-left: 2.5rem;
+}
+
+.minimap-heading.h6 {
+    padding-left: 3rem;
+}
+
+.minimap-cell {
+    color: var(--text-link);
+    opacity: 0.8;
+    font-style: italic;
+}
+
+.minimap-cell:hover {
+    opacity: 1;
+}
+
+.file-explorer-title {
+    font-weight: bold;
+    color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+    padding-bottom: 0.25rem;
+    border-bottom: 1px solid var(--border-primary);
+    cursor: grab;
+    /* drag handle */
+    user-select: none;
+}
+
+.file-explorer-section {
+    margin-bottom: 0.75rem;
+}
+
+.file-explorer-section-title {
+    font-weight: bold;
+    color: var(--text-secondary);
+    font-size: 0.65rem;
+    margin-bottom: 0.25rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.file-explorer-item {
+    display: block;
+    color: var(--text-secondary);
+    text-decoration: none;
+    padding: 0.1rem 0;
+    margin-left: 0.5rem;
+    transition: color 0.2s ease;
+    cursor: pointer;
+    font-family: monospace;
+}
+
+.file-explorer-item:hover {
+    color: var(--text-primary);
+}
+
+.file-explorer-item.script {
+    color: var(--text-link);
+}
+
+.file-explorer-item.artifact {
+    color: var(--text-secondary);
+    opacity: 0.8;
+}
+
+
+/* Hide widgets on smaller screens */
+@media (max-width: 768px) {
+
+    .minimap,
+    .file-explorer,
+    .tools-widget {
+        display: none;
+    }
+}
+
+.cell {
+    margin: 1rem 0;
+    border: 1px solid var(--border-primary);
+    border-radius: 2px;
+    overflow: hidden;
+    background: var(--bg-secondary);
+}
+
+:root[data-ui="none"] .cell {
+    margin: 1em 0;
+    border: none;
+    background: transparent;
+}
+
+.cell-header {
+    background: var(--bg-secondary);
+    padding: 0.5rem 1rem;
+    border-bottom: 1px solid var(--border-primary);
+    font-family: inherit;
+    font-size: 0.85rem;
+}
+
+:root[data-ui="none"] .cell-header {
+    background: transparent;
+    border: none;
+    padding: 0;
+    font-weight: bold;
+}
+
+:root[data-ui="none"] .cell-content {
+    padding: 0;
+}
+
+:root[data-ui="none"] .copy-button,
+:root[data-ui="none"] .collapse-indicators,
+:root[data-ui="none"] .cell-meta,
+:root[data-ui="none"] .cell-outputs-header {
+    display: none !important;
+}
+
+:root[data-ui="none"] pre,
+:root[data-ui="none"] code {
+    font-family: Menlo, Monaco, 'Courier New', monospace;
+}
+
+:root[data-ui="none"] .code-content pre {
+    background: #f9f9f9;
+    border: 1px solid #ddd;
+    padding: 8px;
+}
+
+:root[data-ui="none"] .output {
+    background: transparent;
+    border: none;
+    padding: 0.25em 0;
+}
+
+color: var(--text-secondary);
+cursor: pointer;
+user-select: none;
+transition: background-color 0.2s ease;
+}
+
+.cell-header:hover {
+    background: var(--bg-tertiary);
+}
+
+.collapse-indicators {
+    color: var(--text-secondary);
+    font-size: 0.8rem;
+    opacity: 0.7;
+}
+
+.collapse-indicators span:hover {
+    color: var(--text-primary);
+    opacity: 1;
+}
+
+.cell-code {
+    display: block;
+    background: var(--bg-code);
+}
+
+.cell-code.collapsed {
+    display: none;
+}
+
+.cell-code pre {
+    margin: 0;
+    padding: 0.75rem;
+    background: var(--bg-code);
+    overflow-x: auto;
+    color: var(--text-primary);
+}
+
+.cell-output {
+    padding: 0.75rem;
+    /* background: var(--bg-primary); */
+    background: var(--bg-secondary);
+}
+
+.cell-output.collapsed {
+    display: none;
+}
+
+.cell-stdout {
+    background: var(--bg-tertiary);
+    padding: 0.75rem;
+    border-radius: 1px;
+    /* margin: 0.25rem 0; */
+    font-family: inherit;
+    font-size: 0.9rem;
+    white-space: pre-wrap;
+    color: var(--text-primary);
+}
+
+.cell-stdout {
+    background: var(--bg-tertiary);
+    padding: 0.75rem;
+    border-radius: 1px;
+    font-family: inherit;
+    font-size: 0.9rem;
+    color: var(--text-primary);
+
+    /* key bits */
+    overflow: auto;
+    /* show scrollbars when needed */
+    max-width: 100%;
+    /* respects whatever layout width you give it */
+}
+
+.cell-stdout .stdout-text {
+    margin: 0;
+    /* reset pre default margin */
+    white-space: pre;
+    /* keep line breaks, NO wrapping */
+    display: inline-block;
+    /* shrink-to-content */
+    min-width: max-content;
+    /* allow very long lines to define intrinsic width */
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    tab-size: 2;
+}
+
+.cell-stderr {
+    background: var(--bg-error);
+    border-left: 2px solid var(--border-error);
+    padding: 1rem;
+    margin: 0.5rem 0;
+    font-family: inherit;
+    font-size: 0.9rem;
+    color: var(--text-error);
+    white-space: pre-wrap;
+}
+
+.uv-install-logs {
+    margin: 0.5rem 0;
+}
+
+.uv-logs-header {
+    cursor: pointer;
+    padding: 0.75rem;
+    border-left: 3px solid var(--border-color);
+    font-family: inherit;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+    user-select: none;
+}
+
+.uv-logs-content {
+    background: var(--bg-secondary);
+    padding: 1rem;
+    border-left: 3px solid var(--border-color);
+    white-space: pre-wrap;
+    font-family: monospace;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+    overflow-x: auto;
+}
+
+.cell-artifacts {
+    margin: 1rem 0;
+}
+
+.cell-artifacts h4 {
+    margin: 0 0 0.5rem 0;
+    color: var(--text-secondary);
+    font-size: 0.9rem;
+}
+
+.artifact {
+    display: inline-block;
+    background: var(--bg-artifact);
+    padding: 0.25rem 0.5rem;
+    border-radius: 1px;
+    margin: 0.25rem 0.5rem 0.25rem 0;
+    font-family: inherit;
+    font-size: 0.8rem;
+    color: var(--text-link);
+    text-decoration: none;
+    transition: background-color 0.2s ease;
+    border: 1px solid var(--border-primary);
+}
+
+.artifact:hover {
+    background: var(--bg-artifact-hover);
+}
+
+.artifact-preview {
+    margin-top: 1rem;
+}
+
+.artifact-preview img {
+    max-width: 100%;
+    height: auto;
+    border: 1px solid var(--border-primary);
+    border-radius: 1px;
+}
+
+.artifact-preview svg {
+    max-width: 100%;
+    height: auto;
+    border: 1px solid var(--border-primary);
+    border-radius: 1px;
+    display: block;
+}
+
+/* Style SVG text elements */
+.artifact-preview svg g {
+    fill: var(--text-primary) !important;
+}
+
+/* Auto-theme SVG elements */
+.artifact-preview svg {
+    background: transparent;
+}
+
+/* Invert SVG images in dark mode */
+:root[data-theme="dark"] .artifact-preview img[src$=".svg"] {
+    filter: invert(0.9) hue-rotate(180deg);
+}
+
+/* Keep SVG images readable in monocolor mode */
+:root[data-ui="monocolor"] .artifact-preview img[src$=".svg"] {
+    filter: none;
+}
+
+/* CSV table styling */
+.artifact-csv {
+    margin-top: 1rem;
+    overflow-x: auto;
+}
+
+.csv-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.9rem;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-primary);
+    border-radius: 1px;
+}
+
+.csv-table th,
+.csv-table td {
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    border: 1px solid var(--border-primary);
+}
+
+.csv-table th {
+    background: var(--bg-tertiary);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.csv-table tbody tr:hover {
+    background: var(--bg-artifact-hover);
+}
+
+.artifact-csv-error {
+    margin-top: 1rem;
+    padding: 1rem;
+    background: var(--bg-error);
+    color: var(--text-error);
+    border: 1px solid var(--border-error);
+    border-radius: 1px;
+}
+
+.cell-failed {
+    border-color: var(--border-cell-failed);
+}
+
+.cell-failed .cell-header {
+    background: var(--bg-error);
+    color: var(--text-error);
+}
+
+.cell-commented {
+    opacity: 0.6;
+    border-style: dashed;
+}
+
+.cell-commented .cell-header {
+    background: var(--bg-secondary);
+    color: var(--text-secondary);
+    font-style: italic;
+}
+
+.run-btn {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    padding: 2px 6px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.75em;
+    font-family: inherit;
+    margin-left: 4px;
+}
+
+.run-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-primary);
+}
+
+.run-btn:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.copy-btn {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    padding: 2px 6px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.75em;
+    font-family: inherit;
+    margin-left: 4px;
+}
+
+.copy-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-primary);
+}
+
+.copy-btn:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.copy-btn.copied {
+    color: #4caf50;
+    background: var(--bg-primary);
+    border-color: #4caf50;
+    transition: all 0.2s ease;
+}
+
+.raw-btn {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    padding: 2px 6px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.75em;
+    font-family: inherit;
+    margin-left: 4px;
+    text-decoration: none;
+    display: inline-block;
+}
+
+.raw-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-primary);
+    text-decoration: none;
+}
+
+.github-btn {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    padding: 2px 6px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.75em;
+    font-family: inherit;
+    margin-left: 4px;
+    text-decoration: none;
+    display: inline-block;
+}
+
+.github-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-primary);
+    text-decoration: none;
+}
+
+.hf-btn {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-primary);
+    padding: 2px 6px;
+    border-radius: 2px;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.75em;
+    font-family: inherit;
+    margin-left: 4px;
+    text-decoration: none;
+    display: inline-block;
+}
+
+.hf-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-primary);
+    text-decoration: none;
+}
+
+.output-stale {
+    opacity: 0.5;
+    position: relative;
+}
+
+.output-stale::after {
+    content: '⏳ updating...';
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    background: var(--bg-secondary);
+    padding: 4px 8px;
+    border-radius: 2px;
+    font-size: 0.75em;
+    color: var(--text-secondary);
+    border: 1px solid var(--border-primary);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-top: 1.5rem;
+    margin-bottom: 0.75rem;
+    color: var(--text-primary);
+}
+
+h1 {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+p {
+    margin: 0.75rem 0;
+    color: var(--text-primary);
+}
+
+a {
+    color: var(--text-link);
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 1px;
+    box-shadow: none;
+}
+
+pre,
+code {
+    font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
+    font-size: var(--code-font-size);
+}
+
+.code-wrap {
+    position: relative;
+}
+
+.code-line-highlight {
+    display: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 1.5em;
+    background: rgba(255, 235, 170, 0.35);
+    pointer-events: none;
+    border-left: 3px solid #f4c542;
+}
+
+.line-number {
+    cursor: pointer;
+    text-decoration: none;
+    color: var(--text-secondary);
+    padding: 0 0.25rem;
+}
+
+.line-number.selected {
+    background: rgba(255, 235, 170, 0.4);
+    color: var(--text-primary);
+}
+
+/* Line numbers */
+.highlight-with-lines {
+    display: flex;
+}
+
+.line-numbers {
+    background: var(--bg-tertiary);
+    padding: var(--code-pad-y) 0.5rem;
+    font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace;
+    font-size: var(--code-font-size);
+    line-height: var(--code-line-height);
+    color: var(--text-secondary);
+    user-select: none;
+    text-align: right;
+    border-right: 1px solid var(--border-primary);
+}
+
+.line-numbers .line-number {
+    display: block;
+    line-height: var(--code-line-height);
+}
+
+.highlight-with-lines .highlight {
+    flex: 1;
+}
+
+.highlight .hll {
+    background-color: transparent;
+}
+
+/* don't conflict with our highlight */
+.highlight pre {
+    white-space: pre;
+    margin: 0;
+    padding: var(--code-pad-y) 0.75rem;
+    line-height: var(--code-line-height);
+}
+
+/* Collapsed code styling */
+.cell-code.collapsed {
+    display: none;
+}
+
+.cell-code.expanded {
+    display: block;
+}
+
+    {
+    % if config.collapse_code %
+}
+
+.cell-code {
+    display: none;
+}
+
+    {
+    % else %
+}
+
+.cell-code {
+    display: block;
+    border-bottom: 1px solid var(--border-primary);
+}
+
+    {
+    % endif %
+}
+
+    {
+        {
+        pygments_css
+    }
+}
+
+/* Ensure our code metrics override Pygments defaults */
+.highlight pre {
+    white-space: pre;
+    margin: 0;
+    padding: var(--code-pad-y) 0.75rem !important;
+    line-height: var(--code-line-height) !important;
+    font-size: var(--code-font-size) !important;
+    font-family: 'Cascadia Mono', 'Cascadia Code', 'JetBrains Mono', 'SF Mono', Monaco, 'Consolas', monospace !important;
+    border: none;
+}
+
+.line-numbers {
+    line-height: var(--code-line-height) !important;
+}
+
+.line-numbers .line-number {
+    line-height: var(--code-line-height) !important;
+}
+
+/* Custom CSS from frontmatter */
+    {
+        {
+        config.custom_css
+    }
+}
+
+    {
+    # Override code font size from frontmatter (accept number as px) #
+}
+
+    {
+    % if config.code_font_size is not none %
+}
+
+    {
+    % if config.code_font_size is string %
+}
+
+:root {
+    --code-font-size: {
+            {
+            config.code_font_size
+        }
+    }
+
+    ;
+}
+
+    {
+    % else %
+}
+
+:root {
+    --code-font-size: {
+            {
+            config.code_font_size
+        }
+    }
+
+    px;
+}
+
+    {
+    % endif %
+}
+
+    {
+    % endif %
+}
+
+/* Cursor for tools */
+body[data-tool="arrow"] .main-content {
+    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>') 12 12, crosshair;
+}
+
+body[data-tool="pen"] .main-content {
+    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><circle cx="4" cy="20" r="2" fill="%23e53935"/></svg>') 4 20, pointer;
+}
+
+body[data-tool="eraser"] .main-content {
+    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e53935" stroke-width="2"><path d="M20 20H7l-7-7 7-7h13v14z"/><path d="M13 13l7-7"/><path d="M13 13L9 9"/></svg>') 12 12, auto;
+}
+
+/* Color picker styles */
+.tools-section-title {
+    font-weight: bold;
+    color: var(--text-secondary);
+    font-size: 0.65rem;
+    margin: 0.75rem 0 0.5rem 0;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.color-row {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    gap: 0.25rem;
+    margin-bottom: 0.5rem;
+}
+
+.color-swatch {
+    width: 18px;
+    height: 18px;
+    border: 2px solid var(--border-primary);
+    border-radius: 3px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    position: relative;
+}
+
+.color-swatch:hover {
+    transform: scale(1.1);
+    border-color: var(--text-secondary);
+}
+
+.color-swatch.selected {
+    border-color: var(--text-primary);
+    box-shadow: 0 0 0 2px var(--text-link);
+}
+
+.color-swatch.selected::after {
+    content: '✓';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    font-size: 10px;
+    font-weight: bold;
+    text-shadow: 1px 1px 1px black;
+}
+
+.color-input {
+    width: 24px;
+    height: 24px;
+    border: 2px solid var(--border-primary);
+    border-radius: 3px;
+    cursor: pointer;
+    background: none;
+    padding: 0;
+    grid-column: span 2;
+    justify-self: center;
+}
+
+.color-input:hover {
+    border-color: var(--text-secondary);
+}
+
+/* Thickness slider styles */
+.thickness-row {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-top: 0.75rem;
+}
+
+.thickness-slider {
+    flex: 1;
+    -webkit-appearance: none;
+    appearance: none;
+    height: 4px;
+    background: var(--border-primary);
+    border-radius: 2px;
+    outline: none;
+    opacity: 0.7;
+    transition: opacity 0.2s;
+}
+
+.thickness-slider:hover {
+    opacity: 1;
+}
+
+.thickness-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 12px;
+    height: 12px;
+    background: var(--text-link);
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.thickness-slider::-moz-range-thumb {
+    width: 12px;
+    height: 12px;
+    background: var(--text-link);
+    border-radius: 50%;
+    cursor: pointer;
+    border: none;
+}
+
+.thickness-value {
+    font-size: 0.7rem;
+    color: var(--text-secondary);
+    min-width: 20px;
+    text-align: right;
+}
+
+.highlight {
+    background: none !important;
+}
+
+/* Loading animations */
+.loading-spinner {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border: 2px solid var(--border-primary);
+    border-radius: 50%;
+    border-top-color: var(--text-link);
+    animation: spin 1s linear infinite;
+    margin-right: 8px;
+    vertical-align: middle;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.loading-skeleton {
+    display: inline-block;
+    background: var(--bg-tertiary);
+    background: linear-gradient(90deg,
+            var(--bg-tertiary) 25%,
+            var(--bg-secondary) 50%,
+            var(--bg-tertiary) 75%);
+    background-size: 200% 100%;
+    animation: loading-shimmer 2s ease-in-out infinite;
+    border-radius: 2px;
+    height: 1em;
+    width: 80px;
+    vertical-align: middle;
+}
+
+@keyframes loading-shimmer {
+    0% {
+        background-position: -200% 0;
+    }
+
+    100% {
+        background-position: 200% 0;
+    }
+}
+
+/* Loading state for cell output */
+.cell-output:has(.loading-spinner) {
+    opacity: 0.7;
+    background: var(--bg-secondary);
+    /* border-left: 3px solid var(--text-link); */
+}
     </style>
     <script>
 // --- Drag utilities ---
@@ -3880,7 +4107,7 @@ span.linenos.special { color: #000000; background-color: #ffffc0; padding-left:
   <rdf:RDF>
    <ns2:Work>
     <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-    <dc:date>2025-10-29T15:51:05.081730</dc:date>
+    <dc:date>2025-10-30T15:53:45.192018</dc:date>
     <dc:format>image/svg+xml</dc:format>
     <dc:creator>
      <ns2:Agent>
@@ -3964,70 +4191,70 @@ span.linenos.special { color: #000000; background-color: #ffffc0; padding-left:
    <g id="matplotlib.axis_2">
     <g id="ytick_1">
      <g id="grid-y--2" class="grid grid-y">
-      <path d="M 47.72 409.909979  L 840.20233 409.909979  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 409.256777  L 840.20233 409.256777  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_5">
       <defs>
        <path id="m0fca2865ba" d="M 0 0  L -3.5 0  " style="stroke: #000000; stroke-width: 0.8" />
       </defs>
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="409.909979" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="409.256777" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_5">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="413.709198" transform="rotate(-0 40.72 413.709198)">1.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="413.055996" transform="rotate(-0 40.72 413.055996)">1.0</text>
      </g>
     </g>
     <g id="ytick_2">
      <g id="grid-y--3" class="grid grid-y">
-      <path d="M 47.72 331.917289  L 840.20233 331.917289  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 331.172592  L 840.20233 331.172592  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_6">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="331.917289" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="331.172592" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_6">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="335.716508" transform="rotate(-0 40.72 335.716508)">1.5</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="334.971811" transform="rotate(-0 40.72 334.971811)">1.5</text>
      </g>
     </g>
     <g id="ytick_3">
      <g id="grid-y--4" class="grid grid-y">
-      <path d="M 47.72 253.924599  L 840.20233 253.924599  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 253.088408  L 840.20233 253.088408  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_7">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="253.924599" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="253.088408" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_7">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="257.723817" transform="rotate(-0 40.72 257.723817)">2.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="256.887626" transform="rotate(-0 40.72 256.887626)">2.0</text>
      </g>
     </g>
     <g id="ytick_4">
      <g id="grid-y--5" class="grid grid-y">
-      <path d="M 47.72 175.931908  L 840.20233 175.931908  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 175.004223  L 840.20233 175.004223  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_8">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="175.931908" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="175.004223" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_8">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="179.731127" transform="rotate(-0 40.72 179.731127)">2.5</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="178.803442" transform="rotate(-0 40.72 178.803442)">2.5</text>
      </g>
     </g>
     <g id="ytick_5">
      <g id="grid-y--6" class="grid grid-y">
-      <path d="M 47.72 97.939218  L 840.20233 97.939218  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 96.920038  L 840.20233 96.920038  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_9">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="97.939218" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="96.920038" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_9">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="101.738437" transform="rotate(-0 40.72 101.738437)">3.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="100.719257" transform="rotate(-0 40.72 100.719257)">3.0</text>
      </g>
     </g>
     <g id="label--y" class="ylabel">
@@ -4035,27 +4262,27 @@ span.linenos.special { color: #000000; background-color: #ffffc0; padding-left:
     </g>
    </g>
    <g id="series--torch-layer-norm" class="series">
-    <path d="M 83.741924 437.689571  L 323.888085 303.515627  L 564.034245 314.85592  L 804.180406 46.442361  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #1f77b4; stroke-width: 1.5; stroke-linecap: square" />
+    <path d="M 83.741924 437.689571  L 323.888085 303.103046  L 564.034245 314.275643  L 804.180406 46.442361  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #1f77b4; stroke-width: 1.5; stroke-linecap: square" />
     <defs>
      <path id="md7efaf3aec" d="M 0 3  C 0.795609 3 1.55874 2.683901 2.12132 2.12132  C 2.683901 1.55874 3 0.795609 3 0  C 3 -0.795609 2.683901 -1.55874 2.12132 -2.12132  C 1.55874 -2.683901 0.795609 -3 0 -3  C -0.795609 -3 -1.55874 -2.683901 -2.12132 -2.12132  C -2.683901 -1.55874 -3 -0.795609 -3 0  C -3 0.795609 -2.683901 1.55874 -2.12132 2.12132  C -1.55874 2.683901 -0.795609 3 0 3  z " style="stroke: #1f77b4" />
     </defs>
     <g clip-path="url(#p2214f54723)">
      <use ns4:href="#md7efaf3aec" x="83.741924" y="437.689571" style="fill: #1f77b4; stroke: #1f77b4" />
-     <use ns4:href="#md7efaf3aec" x="323.888085" y="303.515627" style="fill: #1f77b4; stroke: #1f77b4" />
-     <use ns4:href="#md7efaf3aec" x="564.034245" y="314.85592" style="fill: #1f77b4; stroke: #1f77b4" />
+     <use ns4:href="#md7efaf3aec" x="323.888085" y="303.103046" style="fill: #1f77b4; stroke: #1f77b4" />
+     <use ns4:href="#md7efaf3aec" x="564.034245" y="314.275643" style="fill: #1f77b4; stroke: #1f77b4" />
      <use ns4:href="#md7efaf3aec" x="804.180406" y="46.442361" style="fill: #1f77b4; stroke: #1f77b4" />
     </g>
    </g>
    <g id="series--hf-kernels-layer-norm" class="series">
-    <path d="M 83.741924 435.933176  L 323.888085 307.404498  L 564.034245 307.981644  L 804.180406 57.739446  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #ff7f0e; stroke-width: 1.5; stroke-linecap: square" />
+    <path d="M 83.741924 434.541217  L 323.888085 307.897415  L 564.034245 308.267534  L 804.180406 56.232243  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #ff7f0e; stroke-width: 1.5; stroke-linecap: square" />
     <defs>
      <path id="m9b8c54d372" d="M 0 3  C 0.795609 3 1.55874 2.683901 2.12132 2.12132  C 2.683901 1.55874 3 0.795609 3 0  C 3 -0.795609 2.683901 -1.55874 2.12132 -2.12132  C 1.55874 -2.683901 0.795609 -3 0 -3  C -0.795609 -3 -1.55874 -2.683901 -2.12132 -2.12132  C -2.683901 -1.55874 -3 -0.795609 -3 0  C -3 0.795609 -2.683901 1.55874 -2.12132 2.12132  C -1.55874 2.683901 -0.795609 3 0 3  z " style="stroke: #ff7f0e" />
     </defs>
     <g clip-path="url(#p2214f54723)">
-     <use ns4:href="#m9b8c54d372" x="83.741924" y="435.933176" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="323.888085" y="307.404498" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="564.034245" y="307.981644" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="804.180406" y="57.739446" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="83.741924" y="434.541217" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="323.888085" y="307.897415" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="564.034245" y="308.267534" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="804.180406" y="56.232243" style="fill: #ff7f0e; stroke: #ff7f0e" />
     </g>
    </g>
    <g id="patch_3">
@@ -4113,7 +4340,7 @@ span.linenos.special { color: #000000; background-color: #ffffc0; padding-left:
 <span onclick="toggleOutput('combine')" style="cursor: pointer;">▼ output</span>
  <span id="uv-indicator-combine" onclick="toggleUvLogsFromHeader('combine')" style="cursor: pointer;">▶ uv-logs</span>
 </span> | 
-Cell: combine | 4.18s
+Cell: combine | 4.28s
  | <button class="run-btn" onclick="runCell('combine')">▶ run</button>
 <button class="copy-btn" onclick="copyCell('combine')">Copy</button>
 <a href="cells/combine.py" target="_blank" class="raw-btn">Raw</a>
@@ -4200,14 +4427,14 @@ Summary: 2 found, 0 skipped, 0 missing
 COMBINED BENCHMARK SUMMARY
 
 impl                     wl                  p50(ms)  ok
-hf_kernels_layer_norm    LN_B16_S2048_D4096     0.83  True
-hf_kernels_layer_norm    LN_B16_S2048_D8192     1.66  True
+hf_kernels_layer_norm    LN_B16_S2048_D4096     0.84  True
+hf_kernels_layer_norm    LN_B16_S2048_D8192     1.65  True
 hf_kernels_layer_norm    LN_B16_S4096_D4096     1.65  True
 hf_kernels_layer_norm    LN_B16_S4096_D8192     3.26  True
 torch_layer_norm         LN_B16_S2048_D4096     0.82  True
 torch_layer_norm         LN_B16_S2048_D8192     1.68  True
 torch_layer_norm         LN_B16_S4096_D4096     1.61  True
-torch_layer_norm         LN_B16_S4096_D8192     3.33  True
+torch_layer_norm         LN_B16_S4096_D8192     3.32  True
 
 GENERATING COMBINED VISUALIZATION
 
@@ -4227,7 +4454,7 @@ Implementations included:
 <div class="uv-install-logs" id="uv-logs-combine">
 <div class="uv-logs-header" onclick="toggleUvLogs(this)">▶ UV Install Logs</div>
 <div class="uv-logs-content" style="display: none;">
-Installed 37 packages in 195ms
+Installed 37 packages in 222ms
 </div>
 </div>
 <div class="cell-artifacts">
@@ -4240,7 +4467,7 @@ Installed 37 packages in 195ms
   <rdf:RDF>
    <ns2:Work>
     <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-    <dc:date>2025-10-29T15:51:05.081730</dc:date>
+    <dc:date>2025-10-30T15:53:45.192018</dc:date>
     <dc:format>image/svg+xml</dc:format>
     <dc:creator>
      <ns2:Agent>
@@ -4324,70 +4551,70 @@ Installed 37 packages in 195ms
    <g id="matplotlib.axis_2">
     <g id="ytick_1">
      <g id="grid-y--2" class="grid grid-y">
-      <path d="M 47.72 409.909979  L 840.20233 409.909979  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 409.256777  L 840.20233 409.256777  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_5">
       <defs>
        <path id="m0fca2865ba" d="M 0 0  L -3.5 0  " style="stroke: #000000; stroke-width: 0.8" />
       </defs>
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="409.909979" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="409.256777" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_5">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="413.709198" transform="rotate(-0 40.72 413.709198)">1.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="413.055996" transform="rotate(-0 40.72 413.055996)">1.0</text>
      </g>
     </g>
     <g id="ytick_2">
      <g id="grid-y--3" class="grid grid-y">
-      <path d="M 47.72 331.917289  L 840.20233 331.917289  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 331.172592  L 840.20233 331.172592  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_6">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="331.917289" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="331.172592" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_6">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="335.716508" transform="rotate(-0 40.72 335.716508)">1.5</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="334.971811" transform="rotate(-0 40.72 334.971811)">1.5</text>
      </g>
     </g>
     <g id="ytick_3">
      <g id="grid-y--4" class="grid grid-y">
-      <path d="M 47.72 253.924599  L 840.20233 253.924599  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 253.088408  L 840.20233 253.088408  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_7">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="253.924599" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="253.088408" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_7">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="257.723817" transform="rotate(-0 40.72 257.723817)">2.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="256.887626" transform="rotate(-0 40.72 256.887626)">2.0</text>
      </g>
     </g>
     <g id="ytick_4">
      <g id="grid-y--5" class="grid grid-y">
-      <path d="M 47.72 175.931908  L 840.20233 175.931908  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 175.004223  L 840.20233 175.004223  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_8">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="175.931908" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="175.004223" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_8">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="179.731127" transform="rotate(-0 40.72 179.731127)">2.5</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="178.803442" transform="rotate(-0 40.72 178.803442)">2.5</text>
      </g>
     </g>
     <g id="ytick_5">
      <g id="grid-y--6" class="grid grid-y">
-      <path d="M 47.72 97.939218  L 840.20233 97.939218  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
+      <path d="M 47.72 96.920038  L 840.20233 96.920038  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #b0b0b0; stroke-opacity: 0.3; stroke-width: 0.8; stroke-linecap: square" />
      </g>
      <g id="line2d_9">
       <g>
-       <use ns4:href="#m0fca2865ba" x="47.72" y="97.939218" style="stroke: #000000; stroke-width: 0.8" />
+       <use ns4:href="#m0fca2865ba" x="47.72" y="96.920038" style="stroke: #000000; stroke-width: 0.8" />
       </g>
      </g>
      <g id="text_9">
-      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="101.738437" transform="rotate(-0 40.72 101.738437)">3.0</text>
+      <text style="font-size: 10px; font-family: 'DejaVu Sans', 'Bitstream Vera Sans', 'Computer Modern Sans Serif', 'Lucida Grande', 'Verdana', 'Geneva', 'Lucid', 'Arial', 'Helvetica', 'Avant Garde', sans-serif; text-anchor: end" x="40.72" y="100.719257" transform="rotate(-0 40.72 100.719257)">3.0</text>
      </g>
     </g>
     <g id="label--y" class="ylabel">
@@ -4395,27 +4622,27 @@ Installed 37 packages in 195ms
     </g>
    </g>
    <g id="series--torch-layer-norm" class="series">
-    <path d="M 83.741924 437.689571  L 323.888085 303.515627  L 564.034245 314.85592  L 804.180406 46.442361  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #1f77b4; stroke-width: 1.5; stroke-linecap: square" />
+    <path d="M 83.741924 437.689571  L 323.888085 303.103046  L 564.034245 314.275643  L 804.180406 46.442361  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #1f77b4; stroke-width: 1.5; stroke-linecap: square" />
     <defs>
      <path id="md7efaf3aec" d="M 0 3  C 0.795609 3 1.55874 2.683901 2.12132 2.12132  C 2.683901 1.55874 3 0.795609 3 0  C 3 -0.795609 2.683901 -1.55874 2.12132 -2.12132  C 1.55874 -2.683901 0.795609 -3 0 -3  C -0.795609 -3 -1.55874 -2.683901 -2.12132 -2.12132  C -2.683901 -1.55874 -3 -0.795609 -3 0  C -3 0.795609 -2.683901 1.55874 -2.12132 2.12132  C -1.55874 2.683901 -0.795609 3 0 3  z " style="stroke: #1f77b4" />
     </defs>
     <g clip-path="url(#p2214f54723)">
      <use ns4:href="#md7efaf3aec" x="83.741924" y="437.689571" style="fill: #1f77b4; stroke: #1f77b4" />
-     <use ns4:href="#md7efaf3aec" x="323.888085" y="303.515627" style="fill: #1f77b4; stroke: #1f77b4" />
-     <use ns4:href="#md7efaf3aec" x="564.034245" y="314.85592" style="fill: #1f77b4; stroke: #1f77b4" />
+     <use ns4:href="#md7efaf3aec" x="323.888085" y="303.103046" style="fill: #1f77b4; stroke: #1f77b4" />
+     <use ns4:href="#md7efaf3aec" x="564.034245" y="314.275643" style="fill: #1f77b4; stroke: #1f77b4" />
      <use ns4:href="#md7efaf3aec" x="804.180406" y="46.442361" style="fill: #1f77b4; stroke: #1f77b4" />
     </g>
    </g>
    <g id="series--hf-kernels-layer-norm" class="series">
-    <path d="M 83.741924 435.933176  L 323.888085 307.404498  L 564.034245 307.981644  L 804.180406 57.739446  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #ff7f0e; stroke-width: 1.5; stroke-linecap: square" />
+    <path d="M 83.741924 434.541217  L 323.888085 307.897415  L 564.034245 308.267534  L 804.180406 56.232243  " clip-path="url(#p2214f54723)" style="fill: none; stroke: #ff7f0e; stroke-width: 1.5; stroke-linecap: square" />
     <defs>
      <path id="m9b8c54d372" d="M 0 3  C 0.795609 3 1.55874 2.683901 2.12132 2.12132  C 2.683901 1.55874 3 0.795609 3 0  C 3 -0.795609 2.683901 -1.55874 2.12132 -2.12132  C 1.55874 -2.683901 0.795609 -3 0 -3  C -0.795609 -3 -1.55874 -2.683901 -2.12132 -2.12132  C -2.683901 -1.55874 -3 -0.795609 -3 0  C -3 0.795609 -2.683901 1.55874 -2.12132 2.12132  C -1.55874 2.683901 -0.795609 3 0 3  z " style="stroke: #ff7f0e" />
     </defs>
     <g clip-path="url(#p2214f54723)">
-     <use ns4:href="#m9b8c54d372" x="83.741924" y="435.933176" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="323.888085" y="307.404498" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="564.034245" y="307.981644" style="fill: #ff7f0e; stroke: #ff7f0e" />
-     <use ns4:href="#m9b8c54d372" x="804.180406" y="57.739446" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="83.741924" y="434.541217" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="323.888085" y="307.897415" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="564.034245" y="308.267534" style="fill: #ff7f0e; stroke: #ff7f0e" />
+     <use ns4:href="#m9b8c54d372" x="804.180406" y="56.232243" style="fill: #ff7f0e; stroke: #ff7f0e" />
     </g>
    </g>
    <g id="patch_3">