Header: add Built-with-ML-Intern badge and Build-your-own-app CTA in studio style

index.html

@@ -102,7 +102,13 @@ a { color: var(--accent-text); text-decoration: none; }
 @keyframes pulse { 50% { opacity: .35; } }
 .share-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--bg-panel-raised); border: 1px solid var(--border-strong); border-radius: var(--r-sm); padding: 5px 12px; font-size: 12px; font-weight: 500; color: var(--text); }
 .share-btn:hover { background: var(--bg-hover); }
-@media (max-width: 640px) { .share-btn { display: none; } }
+.ml-badge { display: inline-flex; align-items: center; }
+.ml-badge img { height: 20px; display: block; }
+.ml-badge:hover { opacity: .85; }
+.top-cta { color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: var(--r-sm); white-space: nowrap; background: linear-gradient(90deg, var(--accent), var(--accent-hover)); transition: filter .15s; }
+.top-cta:hover { filter: brightness(1.12); }
+@media (max-width: 900px) { .ml-badge { display: none; } }
+@media (max-width: 640px) { .share-btn, .top-cta { display: none; } }
 
 /* ------- generic panel chrome ------- */
 .panel { background: var(--bg-panel); display: flex; flex-direction: column; min-height: 0; min-width: 0; }
@@ -378,6 +384,8 @@ body.in-session .steps { display: inline-flex; }
     <span class="spacer"></span>
     <span class="status" id="slots"><span class="dot"></span><span>Checking GPUs…</span></span>
     <button class="share-btn" id="share" type="button">⤴ Share</button>
+    <a class="ml-badge" href="https://hf.co/chat?mode=ml-intern" target="_blank" rel="noopener" title="Built with ML Intern"><img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/built-with-ml-intern-sm.svg" alt="Built with ML Intern"></a>
+    <a class="top-cta" href="https://hf.co/chat?mode=ml-intern" target="_blank" rel="noopener">Build your own app here</a>
   </header>
 
   <main class="studio-main">