Invert slider: 0=baseline, 1=ablated, match paper convention

static/index.html

@@ -217,10 +217,14 @@
     </div>
 
     <div class="slider-row">
-      <label>Multiplier</label>
-      <input type="range" id="multiplier" min="0" max="1.0" step="0.05" value="1.0"
+      <label>Steering Strength</label>
+      <input type="range" id="steering" min="0" max="1.0" step="0.05" value="0"
              oninput="document.getElementById('mult-val').textContent = parseFloat(this.value).toFixed(2)">
-      <span class="slider-val" id="mult-val">1.0</span>
+      <span class="slider-val" id="mult-val">0.00</span>
+    </div>
+    <div style="display:flex; justify-content:space-between; font-size:0.75rem; color:#023750; opacity:0.5; margin-top:-0.5rem; margin-bottom:0.75rem; padding:0 80px 0 0;">
+      <span>Baseline</span>
+      <span>Ablated</span>
     </div>
 
     <button id="gen-btn" onclick="generate()">Generate</button>
@@ -267,7 +271,7 @@ async function generate() {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         prompt: document.getElementById('prompt').value,
-        multiplier: parseFloat(document.getElementById('multiplier').value),
+        multiplier: 1.0 - parseFloat(document.getElementById('steering').value),
         max_tokens: 200,
       }),
     });