Update app_enhanced.py

app_enhanced.py

@@ -523,11 +523,11 @@ class EnhancedComicGenerator:
         .speech-bubble.speech {
             font-family: "Permanent Marker", cursive;
             padding: 1em;
-            --b: 3em;   /* base */
-            --h: 1.8em; /* height */
-            --t: .6;    /* thickness (from 0 to 1) */
-            --p: 20%;  /* main position (0%:left 100%:right) */
-            --r: 1.2em; /* the radius */
+            --b: 3em;
+            --h: 1.8em;
+            --t: .6;
+            --p: 20%;
+            --r: 1.2em;
             --c: #FFFFFF;
             background: var(--c);
             border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - (1 - var(--t))*var(--b)/2) min(var(--r),var(--p) - (1 - var(--t))*var(--b)/2)/var(--r);
@@ -817,6 +817,10 @@ class EnhancedComicGenerator:
             panel.classList.add('selected');
             currentlySelectedPanel = panel;
             selectBubble(null);
+            
+            const img = currentlySelectedPanel.querySelector('img');
+            document.getElementById('zoom-slider').value = img.dataset.zoom || 100;
+            document.getElementById('zoom-slider').disabled = false;
         }
 
         function selectBubble(bubble) {