Move jv and css to own folder

template.html

@@ -1756,18 +1756,23 @@
               });
               
               // Show overlay again
-              document.getElementById('comparisonOverlay').style.display = 'flex';
+              document.getElementById('comparisonOverlay').classList.add('open');
               this.comparisonSlot = null;
               return;
             }
             
+            // Close comparison overlay if open
+            const comparisonOverlay = document.getElementById('comparisonOverlay');
+            if (comparisonOverlay && comparisonOverlay.classList.contains('open')) {
+              this.hideComparisonOverlay();
+              return;
+            }
+            
+            // Other ESC behaviors
             document.getElementById('searchResults').style.display = 'none';
             if (document.getElementById('sidebar').classList.contains('open')) {
               this.toggleSidebar();
             }
-            if (document.getElementById('comparisonOverlay').classList.contains('open')) {
-              this.hideComparisonOverlay();
-            }
             document.getElementById('shortcutsHelp').style.display = 'none';
           }
         });
@@ -1867,9 +1872,9 @@
       selectPlotForComparison(slot) {
         this.comparisonSlot = slot;
         
-        // Hide overlay temporarily
+        // Hide overlay temporarily by removing the 'open' class
         const overlay = document.getElementById('comparisonOverlay');
-        overlay.style.display = 'none';
+        overlay.classList.remove('open');
         
         // Show simple alert with instructions
         const instruction = document.createElement('div');
@@ -1915,7 +1920,8 @@
           // Clean up
           instruction.remove();
           gridItems.forEach(item => item.removeEventListener('click', handleClick));
-          overlay.style.display = 'flex';
+          this.comparisonSlot = null;
+          overlay.classList.add('open');
         };
         
         gridItems.forEach(item => {
@@ -1933,7 +1939,8 @@
               item.style.cursor = '';
               item.style.border = '';
             });
-            overlay.style.display = 'flex';
+            this.comparisonSlot = null;
+            overlay.classList.add('open');
             document.removeEventListener('keydown', handleEscape);
           }
         };