default REAL WORLD samples, add EXAMPLES label

index.html

@@ -550,6 +550,15 @@
       margin-top: 0.15rem;
     }
     .samples-group[hidden] { display: none; }
+    .samples-group-label {
+      flex-basis: 100%;
+      font-family: var(--mono);
+      font-size: 0.6rem;
+      font-weight: 600;
+      letter-spacing: 0.14em;
+      text-transform: uppercase;
+      color: var(--text-subtle);
+    }
 
     .sample-chip {
       display: inline-flex;
@@ -1229,12 +1238,12 @@
           <h2 id="input-card-title">Input text</h2>
           <span class="badge-pill">stage 2 → 3</span>
         </div>
-        <p class="card-hint">Paste research text, or load a sample — synthetic examples or real research holdout excerpts.</p>
+        <p class="card-hint">Paste research text, or load a sample — real-world research excerpts or synthetic examples.</p>
 
         <div class="sample-controls">
           <div class="sample-seg" role="tablist" aria-label="Sample category">
-            <button type="button" class="sample-seg-btn active" data-category="synthetic" role="tab" aria-selected="true">SYNTHETIC (3)</button>
-            <button type="button" class="sample-seg-btn" data-category="holdout" role="tab" aria-selected="false">HOLDOUT REAL (13)</button>
+            <button type="button" class="sample-seg-btn active" data-category="holdout" role="tab" aria-selected="true">REAL WORLD (13)</button>
+            <button type="button" class="sample-seg-btn" data-category="synthetic" role="tab" aria-selected="false">SYNTHETIC (3)</button>
           </div>
           <button type="button" class="sample-shuffle-btn" id="sample-shuffle" title="Pick a random sample from active category">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67"/></svg>
@@ -1242,13 +1251,8 @@
           </button>
         </div>
 
-        <div class="samples-group" data-group="synthetic">
-          <button type="button" class="sample-chip" data-sample="0">Multiple mentions</button>
-          <button type="button" class="sample-chip" data-sample="1">Single mention</button>
-          <button type="button" class="sample-chip" data-sample="2">No mention</button>
-        </div>
-
-        <div class="samples-group" data-group="holdout" hidden>
+        <div class="samples-group" data-group="holdout">
+          <span class="samples-group-label">EXAMPLES</span>
           <button type="button" class="sample-chip" data-sample="3">Acronym panels (H8BS)</button>
           <button type="button" class="sample-chip" data-sample="4">GPS plot (EAC-I)</button>
           <button type="button" class="sample-chip" data-sample="5">NFHS India</button>
@@ -1264,6 +1268,13 @@
           <button type="button" class="sample-chip" data-sample="15">Return (IOM Index)</button>
         </div>
 
+        <div class="samples-group" data-group="synthetic" hidden>
+          <span class="samples-group-label">EXAMPLES</span>
+          <button type="button" class="sample-chip" data-sample="0">Multiple mentions</button>
+          <button type="button" class="sample-chip" data-sample="1">Single mention</button>
+          <button type="button" class="sample-chip" data-sample="2">No mention</button>
+        </div>
+
         <div class="textarea-wrap">
           <textarea id="text" placeholder="Paste research text here…">the Demographic and Health Survey (DHS) by EuStatistics in 2021 is the main dataset</textarea>
         </div>