diff --git a/app/web/static/compare.js b/app/web/static/compare.js
index e274b0e..c59cfa0 100644
--- a/app/web/static/compare.js
+++ b/app/web/static/compare.js
@@ -388,7 +388,7 @@ function renderHeader(panelEl, data) {
   });
 }
 
-// Toggle .diff on each param span where the two panels disagree.
+// Toggle .diff on header spans where the two panels disagree.
 function markParamDiffs(metaA, metaB) {
   if (!metaA || !metaB) return;
   for (const { key } of PARAM_FIELDS) {
@@ -398,6 +398,13 @@ function markParamDiffs(metaA, metaB) {
       if (span) span.classList.toggle('diff', differs);
     }
   }
+  for (const role of ['embedder', 'generator']) {
+    const differs = metaA[role] !== metaB[role];
+    for (const panelEl of [panelElA, panelElB]) {
+      const span = panelEl.querySelector(`[data-role="${role}"]`);
+      if (span) span.classList.toggle('diff', differs);
+    }
+  }
 }
 
 // -------- main ------------------------------------------------------------
diff --git a/app/web/static/style.css b/app/web/static/style.css
index bf6d257..e8f559c 100644
--- a/app/web/static/style.css
+++ b/app/web/static/style.css
@@ -1527,7 +1527,9 @@ button.submit:disabled { background: var(--faint); border-color: var(--faint); c
   font-size: 0.74rem;
   flex-basis: 100%;
 }
-.compare-panel-head .panel-params .param.diff {
+.compare-panel-head .panel-params .param.diff,
+.compare-panel-head .panel-embedder.diff,
+.compare-panel-head .panel-generator.diff {
   color: var(--alarm);
   font-weight: 600;
 }
diff --git a/app/web/templates/compare.html b/app/web/templates/compare.html
index 29bc1aa..e9cae6f 100644
--- a/app/web/templates/compare.html
+++ b/app/web/templates/compare.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook &middot; compare</title>
-  <link rel="stylesheet" href="/static/style.css?v=24" />
+  <link rel="stylesheet" href="/static/style.css?v=25" />
   <script type="importmap">
   {
     "imports": {
@@ -111,6 +111,6 @@
 </section>
 
 <script src="/static/theme.js?v=11"></script>
-<script type="module" src="/static/compare.js?v=4"></script>
+<script type="module" src="/static/compare.js?v=5"></script>
 </body>
 </html>
diff --git a/app/web/templates/index.html b/app/web/templates/index.html
index e1a6ac0..d6d2b9c 100644
--- a/app/web/templates/index.html
+++ b/app/web/templates/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook</title>
-  <link rel="stylesheet" href="/static/style.css?v=24" />
+  <link rel="stylesheet" href="/static/style.css?v=25" />
   <script src="https://unpkg.com/htmx.org@2.0.4"></script>
   <script type="importmap">
   {