fix(registry): add pointer-events: none to caption component roots

Caption components are overlays — their root element should not
intercept pointer events, allowing clicks to pass through to the
underlying composition content in Studio.

registry/components/caption-clip-wipe/caption-clip-wipe.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #clip-wipe {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-editorial-emphasis/caption-editorial-emphasis.html

@@ -29,6 +29,7 @@
       }
 
       #editorial-emphasis {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-emoji-pop/caption-emoji-pop.html

@@ -29,6 +29,7 @@
       }
 
       #emoji-pop {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-glitch-rgb/caption-glitch-rgb.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #caption-glitch-rgb {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-gradient-fill/caption-gradient-fill.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #gradient-fill {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-highlight/caption-highlight.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #highlight {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-kinetic-slam/caption-kinetic-slam.html

@@ -23,6 +23,7 @@
         background: transparent;
       }
       #kinetic-slam {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-matrix-decode/caption-matrix-decode.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #matrix-decode {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-neon-accent/caption-neon-accent.html

@@ -29,6 +29,7 @@
       }
 
       #neon-accent {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-neon-glow/caption-neon-glow.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #neon-glow {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-parallax-layers/caption-parallax-layers.html

@@ -29,6 +29,7 @@
       }
 
       #parallax-layers {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-particle-burst/caption-particle-burst.html

@@ -26,6 +26,7 @@
         background: transparent;
       }
       #particle-burst {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-pill-karaoke/caption-pill-karaoke.html

@@ -29,6 +29,7 @@
       }
 
       #pill-karaoke {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;

registry/components/caption-weight-shift/caption-weight-shift.html

@@ -29,6 +29,7 @@
       }
 
       #weight-shift {
+        pointer-events: none;
         position: relative;
         width: 1920px;
         height: 1080px;