Header badges: Built with ML Intern + Build your own app here CTA

studio.html

@@ -28,6 +28,17 @@
   .logo { font-weight: 800; letter-spacing: 0.06em; font-size: 13px; white-space: nowrap; }
   .logo span { color: var(--accent); }
   .spacer { flex: 1; }
+  /* header badges */
+  .ml-badge { display: flex; align-items: center; opacity: 0.8; }
+  .ml-badge:hover { opacity: 1; }
+  .ml-badge img { height: 20px; display: block; }
+  .build-cta {
+    color: var(--accent2); border: 1px solid var(--accent2); border-radius: 999px;
+    padding: 5px 13px; font-size: 11.5px; font-weight: 700; text-decoration: none;
+    white-space: nowrap; transition: background .15s;
+  }
+  .build-cta:hover { background: rgba(0, 224, 184, 0.12); }
+  @media (max-width: 900px) { .ml-badge, .build-cta { display: none; } }
   #signin {
     background: linear-gradient(90deg, #5300c9, #8a3dff); color: #fff; border: none;
     padding: 7px 16px; border-radius: 999px; font-weight: 700; cursor: pointer; font-size: 12px;
@@ -149,6 +160,10 @@
 <header>
   <div class="logo">KIMI <span>3D</span> WORLDS · STUDIO</div>
   <div class="spacer"></div>
+  <a class="ml-badge" href="https://hf.co/chat?mode=ml-intern" target="_blank" rel="noopener">
+    <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/built-with-ml-intern-md.svg" alt="Built with ML Intern">
+  </a>
+  <a class="build-cta" href="https://hf.co/chat?mode=ml-intern" target="_blank" rel="noopener">Build your own app here →</a>
   <div id="userchip"><span class="dot"></span><b id="username"></b><span>· your credits</span></div>
   <button id="signin">Sign in with Hugging Face</button>
 </header>