1 files changed, 7 insertions, 7 deletions
diff --git a/docs/prototypes/panel-widget-gallery.html b/docs/prototypes/panel-widget-gallery.html
index 0bf3ab8..3d31b6b 100644
--- a/docs/prototypes/panel-widget-gallery.html
+++ b/docs/prototypes/panel-widget-gallery.html
@@ -219,10 +219,10 @@ a.no{text-decoration:none;cursor:pointer}
      switches, keys and lamps. Each card carries a live readout that tracks what you do. The trace displays run
      a live signal; the pointer types drive from your drag.</p>
     <div class="szbar"><span class="lab">instruments/row</span>
-      <button class="key" data-cols="1">1</button>
-      <button class="key" data-cols="2">2</button>
-      <button class="key on" data-cols="3">3</button>
-      <button class="key" data-cols="4">4</button>
+      <button class="dupre-key" data-cols="1">1</button>
+      <button class="dupre-key" data-cols="2">2</button>
+      <button class="dupre-key dupre-on" data-cols="3">3</button>
+      <button class="dupre-key" data-cols="4">4</button>
     </div>
   </div>
   <nav class="toc">
@@ -266,15 +266,15 @@ a.no{text-decoration:none;cursor:pointer}
 const $ = id => document.getElementById(id);
 const {svgEl,polar,dragX,dragY,dragDelta,seg7,buildBars,VUDB,vuDb,SCREEN_FAMS}=DUPRE;
 const reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;
-document.querySelectorAll('.szbar .key').forEach(b=>b.addEventListener('click',()=>{
+document.querySelectorAll('.szbar .dupre-key').forEach(b=>b.addEventListener('click',()=>{
   document.body.dataset.cols=b.dataset.cols;
   localStorage.setItem('gv-cols',b.dataset.cols);
-  document.querySelectorAll('.szbar .key').forEach(k=>k.classList.toggle('on',k===b));
+  document.querySelectorAll('.szbar .dupre-key').forEach(k=>k.classList.toggle('dupre-on',k===b));
 }));
 (function(){const s=localStorage.getItem('gv-cols');
   if(!s||!/^[1234]$/.test(s))return;
   document.body.dataset.cols=s;
-  document.querySelectorAll('.szbar .key').forEach(k=>k.classList.toggle('on',k.dataset.cols===s));})();
+  document.querySelectorAll('.szbar .dupre-key').forEach(k=>k.classList.toggle('dupre-on',k.dataset.cols===s));})();
 /* boost the intrinsically tiny instruments (audit: content under 10% of the stage) */
 const BOOST=['01','07','08','12','13','N14','18'];