Move copy button inside seq-block (top-right)

index.html

@@ -34,18 +34,19 @@
     text-transform: uppercase; letter-spacing: 2px; color: #444;
     margin-top: 24px; margin-bottom: 8px;
     border-bottom: 1px solid #ccc; padding-bottom: 4px;
-    display: flex; align-items: center; justify-content: space-between;
   }
+  .seq-wrap { position: relative; }
   .copy-btn {
+    position: absolute; top: 8px; right: 8px; z-index: 2;
     font-family: "JetBrains Mono", monospace;
     font-size: 9px; font-weight: 400;
-    padding: 2px 8px; border: 1px solid #ddd; border-radius: 3px;
+    padding: 3px 8px; border: 1px solid #ddd; border-radius: 3px;
     background: #fff; color: #666; cursor: pointer;
     text-transform: uppercase; letter-spacing: 1px;
     transition: all 0.15s;
   }
   .copy-btn:hover { border-color: #888; color: #1a1a1a; }
-  .copy-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+  .copy-btn:disabled { opacity: 0; pointer-events: none; }
   .copy-btn.copied { background: #1a8a3a; color: #fff; border-color: #1a8a3a; }
 
   /* --- Examples --- */
@@ -274,13 +275,11 @@
 
 <div class="status" id="status"><span class="dot"></span><span id="status-text">idle</span></div>
 
-<div class="section-title">
-  <span>Sequence</span>
-  <button id="copy-btn" class="copy-btn" disabled>copy</button>
-</div>
+<div class="section-title">Sequence</div>
 
 <div class="output-row">
-  <div>
+  <div class="seq-wrap">
+    <button id="copy-btn" class="copy-btn" disabled>copy</button>
     <div class="seq-block empty" id="seq">prompt + generated bases will stream here</div>
   </div>