Publish relight five-model comparison

app.py

@@ -51,12 +51,12 @@ def render(sample_id):
     prompt = row["prompt"].replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
     return f"""
     <style>
-      .wrap { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
-      .prompt { padding: 12px; border: 1px solid #ddd; background: #fafafa; margin-bottom: 14px; white-space: pre-wrap; line-height: 1.45; }
-      .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items: start; }
-      .image-cell { border: 1px solid #ddd; border-radius: 8px; padding: 8px; background: white; }
-      .label { font-weight: 700; margin-bottom: 6px; }
-      img { width: 100%; max-height: 360px; object-fit: contain; display: block; }
+      .wrap {{ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }}
+      .prompt {{ padding: 12px; border: 1px solid #ddd; background: #fafafa; margin-bottom: 14px; white-space: pre-wrap; line-height: 1.45; }}
+      .grid {{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items: start; }}
+      .image-cell {{ border: 1px solid #ddd; border-radius: 8px; padding: 8px; background: white; }}
+      .label {{ font-weight: 700; margin-bottom: 6px; }}
+      img {{ width: 100%; max-height: 360px; object-fit: contain; display: block; }}
     </style>
     <div class='wrap'>
       <h3>Sample {row["sample_id"]}</h3>