center download button, stats as subtle summary line above

frontend/index.html

@@ -353,34 +353,17 @@ input[type="range"]::-webkit-slider-thumb {
   background: var(--surface);
   border: 1px solid var(--border);
   border-radius: var(--r);
-  padding: 0.9rem 1.25rem;
+  padding: 1rem 1.25rem;
   box-shadow: var(--shadow);
+  flex-direction: column;
   align-items: center;
-  gap: 1.25rem;
+  gap: 0.6rem;
   grid-column: 1 / -1;
 }
-.stats-row { display: flex; gap: 1rem; }
-.stat-box {
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 0.5rem 1rem;
-}
-.stat-val {
-  font-family: 'Playfair Display', serif;
-  font-size: 1.6rem;
-  font-weight: 700;
-  color: var(--ink);
-  line-height: 1;
-  margin-bottom: 0.15rem;
-  letter-spacing: -0.02em;
-}
-.stat-label {
-  font-size: 12px;
-  color: var(--ink2);
+.stats-summary {
+  font-size: 14px;
+  color: var(--ink3);
   font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
 }
 .btn-download {
   display: flex; align-items: center; justify-content: center; gap: 8px;
@@ -556,16 +539,7 @@ input[type="range"]::-webkit-slider-thumb {
     </div>
 
     <div class="results-section hidden" id="resultsSection">
-      <div class="stats-row">
-        <div class="stat-box">
-          <div class="stat-val" id="statFiles">—</div>
-          <div class="stat-label">Files generated</div>
-        </div>
-        <div class="stat-box">
-          <div class="stat-val" id="statSpecies">—</div>
-          <div class="stat-label">Species processed</div>
-        </div>
-      </div>
+      <div class="stats-summary"><span id="statFiles">—</span> files generated &nbsp;·&nbsp; <span id="statSpecies">—</span> species processed</div>
       <button class="btn-download" id="downloadBtn" onclick="triggerDownload()">
         ⬇ Download Bootstrapped ZIP
       </button>