Center run analysis button above intake cards

app.py

@@ -158,6 +158,69 @@ footer { display: none !important; }
   display: none !important;
 }
 
+#totem-run-button-row {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  width: 100%;
+  margin: 26px 0 24px !important;
+  padding: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+#totem-run-button-row > .gr-column,
+#totem-run-button-row .form,
+#totem-run-button-row .block,
+#totem-run-button-row .wrap {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  width: auto !important;
+  min-width: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+#totem-run-button-row button,
+#totem-run-button-row .gradio-button {
+  min-width: 360px !important;
+  max-width: 460px !important;
+  min-height: 60px !important;
+  padding: 0 46px !important;
+  border-radius: 999px !important;
+  border: 2px solid rgba(87, 224, 255, 0.92) !important;
+  background:
+    radial-gradient(circle at 10% 0%, rgba(255, 215, 83, 0.24), transparent 32%),
+    radial-gradient(circle at 88% 100%, rgba(70, 221, 255, 0.24), transparent 36%),
+    linear-gradient(180deg, rgba(15, 14, 42, 0.98), rgba(8, 12, 31, 0.98)) !important;
+  color: #ffd86a !important;
+  font-family: var(--font-display) !important;
+  font-size: 30px !important;
+  font-weight: 600 !important;
+  letter-spacing: 0.01em !important;
+  text-shadow: 0 0 12px rgba(255, 202, 73, 0.56) !important;
+  box-shadow:
+    0 0 0 1px rgba(255, 78, 213, 0.78),
+    0 0 22px rgba(83, 224, 255, 0.48),
+    0 0 28px rgba(255, 74, 205, 0.35),
+    inset 0 0 18px rgba(255, 218, 94, 0.12) !important;
+}
+
+#totem-run-button-row button:hover,
+#totem-run-button-row .gradio-button:hover {
+  transform: translateY(-1px);
+  box-shadow:
+    0 0 0 1px rgba(255, 113, 221, 0.9),
+    0 0 30px rgba(83, 224, 255, 0.58),
+    0 0 36px rgba(255, 74, 205, 0.42),
+    inset 0 0 22px rgba(255, 218, 94, 0.16) !important;
+}
+
 #path-panel {
   display: none !important;
 }
@@ -1360,6 +1423,20 @@ HEAD = """
     }
   };
 
+  const mountRunButton = () => {
+    const mount = document.getElementById('totem-run-mount');
+    const row = document.getElementById('totem-run-button-row');
+    if (!mount || !row) return;
+    if (row.parentElement !== mount) {
+      mount.appendChild(row);
+    }
+  };
+
+  const mountDashboardControls = () => {
+    mountRunButton();
+    mountIntakeRow();
+  };
+
   const bindSidebarCodexLinks = () => {
     const bindings = [
       { selector: '.js-open-dashboard', handler: switchToDashboardTab },
@@ -1388,20 +1465,20 @@ HEAD = """
 
   const observer = new MutationObserver(() => {
     bindSidebarCodexLinks();
-    mountIntakeRow();
+    mountDashboardControls();
   });
   observer.observe(document.documentElement, { childList: true, subtree: true });
 
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', () => {
       bindSidebarCodexLinks();
-      mountIntakeRow();
+      mountDashboardControls();
     });
   } else {
     bindSidebarCodexLinks();
-    mountIntakeRow();
+    mountDashboardControls();
   }
-  setInterval(mountIntakeRow, 1000);
+  setInterval(mountDashboardControls, 1000);
 })();
 </script>
 """
@@ -1780,7 +1857,6 @@ def render_status_row(state: dict) -> str:
     return f"""
     <section class="totem-status-row state-{css_state}">
       <div>{message}</div>
-      <button class="totem-run-btn" type="button" aria-label="Run TOTEM Analysis visual button">Run TOTEM Analysis</button>
     </section>
     """
 
@@ -2006,6 +2082,9 @@ def render_dashboard(state: dict) -> str:
           {render_topbar(s)}
           {render_hero(s)}
           {render_status_row(s)}
+          <section class="totem-run-host">
+            <div id="totem-run-mount"></div>
+          </section>
           <section class="totem-intake-host">
             <div id="totem-intake-mount"></div>
           </section>
@@ -3194,9 +3273,16 @@ with gr.Blocks(title="TOTEM Studio") as demo:
                         variant="primary",
                         scale=1,
                     )
-                    run_button = gr.Button("Run TOTEM Analysis (Bridge v1)", variant="secondary", scale=1)
 
             gr.HTML("<div class='js-workbook-intake-anchor' aria-hidden='true'></div>")
+            with gr.Row(elem_id="totem-run-button-row"):
+                run_button = gr.Button(
+                    "✦ Run TOTEM Analysis ✦",
+                    variant="secondary",
+                    elem_id="totem-analysis-button",
+                    elem_classes=["totem-run-control"],
+                )
+
             with gr.Row(elem_id="intake-row"):
                 with gr.Column(scale=1, elem_id="workbook-intake-panel"):
                     gr.HTML(