@taole/giftstage 0.3.1 → 0.3.3

package/dist/gift-stage.es.js

@@ -85,186 +85,186 @@ void main() {\r
     vec4 c = texture(u_atlas, v_uv);\r
     fragColor = vec4(c.rgb * v_color.rgb * v_color.a, c.a * v_color.a);\r
 }\r
-`, RE = `#version 300 es
-precision highp float;
-precision highp int;
-
-/**
- * Table-aware SVGA instanced vertex stage.
- *
- * The frame table is a RGBA32F/NEAREST texture with three texels per
- * (sprite, frame) row:
- *   texel 0 = layoutW, layoutH, a, b
- *   texel 1 = c, d, tx, ty
- *   texel 2 = alpha, 0, 0, 0
- *
- * Static sprite metadata is a second RGBA32F/NEAREST texture with two texels
- * per row:
- *   texel 0 = atlas UV min.xy / max.xy
- *   texel 1 = sourceSpriteIndex, atlasPage, flags, reserved
- *
- * One draw covers a single atlas page of one slot.  \`gl_InstanceID\` selects a
- * metadata row (\`u_spriteBase + gl_InstanceID\`), so the only per-frame CPU
- * state is the slot transform/opacity/clip and the authoritative frame index.
- */
-layout(location = 0) in vec2 a_corner;
-// Optional Hybrid scheduling row. Direct draws leave these attributes disabled
-// and use the uniform slot state below.
-layout(location = 1) in vec4 a_instanceParent;
-layout(location = 2) in vec4 a_instanceTranslateOpacityFrame;
-layout(location = 3) in vec4 a_instanceClipRect;
-/** x=clipEnabled, y=metadataRow, z=atlasPage, w=present. */
-layout(location = 4) in vec4 a_instanceInfo;
-
-uniform mat4 u_projection;
-uniform highp sampler2D u_frameTable;
-uniform highp sampler2D u_spriteMetadata;
-/**
- * Canonical compact state (four RGBA32F texels / 16 floats):
- * affine; translate+opacity+frame; clip rect; clipEnabled+metadataBase+atlasPage+track+1.
- */
-uniform highp sampler2D u_slotStates;
-/** x = frameCount, y = spriteCount, z = texels per frame (3), w = default frame. */
-uniform ivec4 u_tableInfo;
-/** x/y = frame-table texture width/height in texels. */
-uniform ivec2 u_frameTableSize;
-/** x/y = sprite metadata texture width/height in texels. */
-uniform ivec2 u_spriteMetadataSize;
-uniform int u_spriteMetadataTexelsPerRow;
-uniform ivec2 u_slotStateSize;
-/** First static metadata row consumed by this slot/page draw. */
-uniform int u_spriteBase;
-/** Authoritative SVGA frame selected by RenderManager/PlaybackScope. */
-uniform int u_frameIndex;
-uniform vec4 u_parentAffine;
-uniform vec2 u_parentTranslate;
-uniform float u_slotOpacity;
-/** Atlas page for this draw; negative means metadata page filtering is disabled. */
-uniform int u_atlasPage;
-uniform vec4 u_clipRect;
-uniform float u_clipEnabled;
-/** WebGL's gl_FragCoord has a bottom-left origin; input clip rects are top-left. */
-uniform float u_canvasHeight;
-uniform float u_instanceStateEnabled;
-uniform float u_compactSlotStateEnabled;
-uniform int u_spritesPerSlot;
-
-out vec2 v_uv;
-out vec4 v_color;
-flat out vec4 v_clipRect;
-flat out float v_clipEnabled;
-out vec2 v_localPosition;
-flat out vec4 v_localClipRect;
-flat out float v_localClipEnabled;
-
-ivec2 texelCoord(int linearIndex, ivec2 textureSize) {
-    int width = max(textureSize.x, 1);
-    return ivec2(linearIndex - (linearIndex / width) * width, linearIndex / width);
-}
-
-void main() {
-    int frameCount = max(u_tableInfo.x, 1);
-    int spriteCount = max(u_tableInfo.y, 1);
-    bool instanceState = u_instanceStateEnabled > 0.5;
-    bool compactSlotState = u_compactSlotStateEnabled > 0.5;
-    int spritesPerSlot = max(u_spritesPerSlot, 1);
-    int slotStateIndex = gl_InstanceID / spritesPerSlot;
-    int spriteWithinSlot = gl_InstanceID - slotStateIndex * spritesPerSlot;
-    vec4 compactParent = vec4(0.0);
-    vec4 compactTranslateOpacityFrame = vec4(0.0);
-    vec4 compactClip = vec4(0.0);
-    vec4 compactInfo = vec4(0.0);
-    if (compactSlotState) {
-        int compactBase = slotStateIndex * 4;
-        compactParent = texelFetch(u_slotStates, texelCoord(compactBase, u_slotStateSize), 0);
-        compactTranslateOpacityFrame = texelFetch(u_slotStates, texelCoord(compactBase + 1, u_slotStateSize), 0);
-        compactClip = texelFetch(u_slotStates, texelCoord(compactBase + 2, u_slotStateSize), 0);
-        compactInfo = texelFetch(u_slotStates, texelCoord(compactBase + 3, u_slotStateSize), 0);
-    }
-    int metadataRow = instanceState
-        ? max(int(a_instanceInfo.y + 0.5), 0)
-        : compactSlotState
-            ? max(u_spriteBase + spriteWithinSlot, 0)
-            : max(u_spriteBase + gl_InstanceID, 0);
-    int metadataStride = max(u_spriteMetadataTexelsPerRow, 2);
-    int metadataTexel = metadataRow * metadataStride;
-    vec4 metadata0 = texelFetch(
-        u_spriteMetadata,
-        texelCoord(metadataTexel, u_spriteMetadataSize),
-        0
-    );
-    vec4 metadata1 = texelFetch(
-        u_spriteMetadata,
-        texelCoord(metadataTexel + 1, u_spriteMetadataSize),
-        0
-    );
-    vec4 metadata2 = metadataStride >= 3
-        ? texelFetch(u_spriteMetadata, texelCoord(metadataTexel + 2, u_spriteMetadataSize), 0)
-        : vec4(0.0);
-    // Metadata carries the source sprite index so a page-specific range can
-    // represent non-contiguous atlas pages. Its y component is the atlas page.
-    int spriteIndex = clamp(int(max(metadata1.x, 0.0) + 0.5), 0, spriteCount - 1);
-    int frameIndex = instanceState
-        ? int(a_instanceTranslateOpacityFrame.w + 0.5)
-        : compactSlotState
-            ? int(compactTranslateOpacityFrame.w + 0.5)
-            : u_frameIndex;
-    if (frameIndex < 0) frameIndex = u_tableInfo.w;
-    frameIndex = clamp(frameIndex, 0, frameCount - 1);
-
-    int row = spriteIndex * frameCount + frameIndex;
-    int frameTexel = row * u_tableInfo.z;
-    vec4 frame0 = texelFetch(u_frameTable, texelCoord(frameTexel, u_frameTableSize), 0);
-    vec4 frame1 = texelFetch(u_frameTable, texelCoord(frameTexel + 1, u_frameTableSize), 0);
-    vec4 frame2 = texelFetch(u_frameTable, texelCoord(frameTexel + 2, u_frameTableSize), 0);
-
-    float layoutW = frame0.x;
-    float layoutH = frame0.y;
-    vec2 local = vec2(
-        frame0.z * layoutW * a_corner.x + frame1.x * layoutH * a_corner.y + frame1.z,
-        frame0.w * layoutW * a_corner.x + frame1.y * layoutH * a_corner.y + frame1.w
-    );
-
-    vec4 parentAffine = instanceState
-        ? a_instanceParent
-        : compactSlotState ? compactParent : u_parentAffine;
-    vec2 parentTranslate = instanceState
-        ? a_instanceTranslateOpacityFrame.xy
-        : compactSlotState ? compactTranslateOpacityFrame.xy : u_parentTranslate;
-    float slotOpacity = instanceState
-        ? a_instanceTranslateOpacityFrame.z
-        : compactSlotState ? compactTranslateOpacityFrame.z : u_slotOpacity;
-    int atlasPage = instanceState
-        ? int(a_instanceInfo.z + 0.5)
-        : compactSlotState
-            ? (compactInfo.z < -0.5 ? -1 : int(compactInfo.z + 0.5))
-            : u_atlasPage;
-    vec4 clipRect = instanceState
-        ? a_instanceClipRect
-        : compactSlotState ? compactClip : u_clipRect;
-    float clipEnabled = instanceState
-        ? a_instanceInfo.x
-        : compactSlotState ? compactInfo.x : u_clipEnabled;
-    vec2 world = vec2(
-        parentAffine.x * local.x + parentAffine.z * local.y + parentTranslate.x,
-        parentAffine.y * local.x + parentAffine.w * local.y + parentTranslate.y
-    );
-
-    gl_Position = u_projection * vec4(world, 0.0, 1.0);
-    v_uv = mix(metadata0.xy, metadata0.zw, a_corner);
-    bool pageMatches = atlasPage < 0 || int(max(metadata1.y, 0.0) + 0.5) == atlasPage;
-    int metadataFlags = int(max(metadata1.z, 0.0) + 0.5);
-    bool metadataPresent = (metadataFlags & 1) == 0;
-    float pageAlpha = pageMatches && metadataPresent ? 1.0 : 0.0;
-    float effectiveAlpha = frame2.x * slotOpacity * pageAlpha;
-    // Match the CPU reference's strict \`< 0.05\` visibility cutoff.
-    v_color = vec4(1.0, 1.0, 1.0, effectiveAlpha >= 0.05 ? effectiveAlpha : 0.0);
-    v_clipRect = clipRect;
-    v_clipEnabled = clipEnabled;
-    v_localPosition = vec2(layoutW * a_corner.x, layoutH * a_corner.y);
-    v_localClipRect = metadata2;
-    v_localClipEnabled = (metadataFlags & 2) != 0 ? 1.0 : 0.0;
-}
+`, RE = `#version 300 es\r
+precision highp float;\r
+precision highp int;\r
+\r
+/**\r
+ * Table-aware SVGA instanced vertex stage.\r
+ *\r
+ * The frame table is a RGBA32F/NEAREST texture with three texels per\r
+ * (sprite, frame) row:\r
+ *   texel 0 = layoutW, layoutH, a, b\r
+ *   texel 1 = c, d, tx, ty\r
+ *   texel 2 = alpha, 0, 0, 0\r
+ *\r
+ * Static sprite metadata is a second RGBA32F/NEAREST texture with two texels\r
+ * per row:\r
+ *   texel 0 = atlas UV min.xy / max.xy\r
+ *   texel 1 = sourceSpriteIndex, atlasPage, flags, reserved\r
+ *\r
+ * One draw covers a single atlas page of one slot.  \`gl_InstanceID\` selects a\r
+ * metadata row (\`u_spriteBase + gl_InstanceID\`), so the only per-frame CPU\r
+ * state is the slot transform/opacity/clip and the authoritative frame index.\r
+ */\r
+layout(location = 0) in vec2 a_corner;\r
+// Optional Hybrid scheduling row. Direct draws leave these attributes disabled\r
+// and use the uniform slot state below.\r
+layout(location = 1) in vec4 a_instanceParent;\r
+layout(location = 2) in vec4 a_instanceTranslateOpacityFrame;\r
+layout(location = 3) in vec4 a_instanceClipRect;\r
+/** x=clipEnabled, y=metadataRow, z=atlasPage, w=present. */\r
+layout(location = 4) in vec4 a_instanceInfo;\r
+\r
+uniform mat4 u_projection;\r
+uniform highp sampler2D u_frameTable;\r
+uniform highp sampler2D u_spriteMetadata;\r
+/**\r
+ * Canonical compact state (four RGBA32F texels / 16 floats):\r
+ * affine; translate+opacity+frame; clip rect; clipEnabled+metadataBase+atlasPage+track+1.\r
+ */\r
+uniform highp sampler2D u_slotStates;\r
+/** x = frameCount, y = spriteCount, z = texels per frame (3), w = default frame. */\r
+uniform ivec4 u_tableInfo;\r
+/** x/y = frame-table texture width/height in texels. */\r
+uniform ivec2 u_frameTableSize;\r
+/** x/y = sprite metadata texture width/height in texels. */\r
+uniform ivec2 u_spriteMetadataSize;\r
+uniform int u_spriteMetadataTexelsPerRow;\r
+uniform ivec2 u_slotStateSize;\r
+/** First static metadata row consumed by this slot/page draw. */\r
+uniform int u_spriteBase;\r
+/** Authoritative SVGA frame selected by RenderManager/PlaybackScope. */\r
+uniform int u_frameIndex;\r
+uniform vec4 u_parentAffine;\r
+uniform vec2 u_parentTranslate;\r
+uniform float u_slotOpacity;\r
+/** Atlas page for this draw; negative means metadata page filtering is disabled. */\r
+uniform int u_atlasPage;\r
+uniform vec4 u_clipRect;\r
+uniform float u_clipEnabled;\r
+/** WebGL's gl_FragCoord has a bottom-left origin; input clip rects are top-left. */\r
+uniform float u_canvasHeight;\r
+uniform float u_instanceStateEnabled;\r
+uniform float u_compactSlotStateEnabled;\r
+uniform int u_spritesPerSlot;\r
+\r
+out vec2 v_uv;\r
+out vec4 v_color;\r
+flat out vec4 v_clipRect;\r
+flat out float v_clipEnabled;\r
+out vec2 v_localPosition;\r
+flat out vec4 v_localClipRect;\r
+flat out float v_localClipEnabled;\r
+\r
+ivec2 texelCoord(int linearIndex, ivec2 textureSize) {\r
+    int width = max(textureSize.x, 1);\r
+    return ivec2(linearIndex - (linearIndex / width) * width, linearIndex / width);\r
+}\r
+\r
+void main() {\r
+    int frameCount = max(u_tableInfo.x, 1);\r
+    int spriteCount = max(u_tableInfo.y, 1);\r
+    bool instanceState = u_instanceStateEnabled > 0.5;\r
+    bool compactSlotState = u_compactSlotStateEnabled > 0.5;\r
+    int spritesPerSlot = max(u_spritesPerSlot, 1);\r
+    int slotStateIndex = gl_InstanceID / spritesPerSlot;\r
+    int spriteWithinSlot = gl_InstanceID - slotStateIndex * spritesPerSlot;\r
+    vec4 compactParent = vec4(0.0);\r
+    vec4 compactTranslateOpacityFrame = vec4(0.0);\r
+    vec4 compactClip = vec4(0.0);\r
+    vec4 compactInfo = vec4(0.0);\r
+    if (compactSlotState) {\r
+        int compactBase = slotStateIndex * 4;\r
+        compactParent = texelFetch(u_slotStates, texelCoord(compactBase, u_slotStateSize), 0);\r
+        compactTranslateOpacityFrame = texelFetch(u_slotStates, texelCoord(compactBase + 1, u_slotStateSize), 0);\r
+        compactClip = texelFetch(u_slotStates, texelCoord(compactBase + 2, u_slotStateSize), 0);\r
+        compactInfo = texelFetch(u_slotStates, texelCoord(compactBase + 3, u_slotStateSize), 0);\r
+    }\r
+    int metadataRow = instanceState\r
+        ? max(int(a_instanceInfo.y + 0.5), 0)\r
+        : compactSlotState\r
+            ? max(u_spriteBase + spriteWithinSlot, 0)\r
+            : max(u_spriteBase + gl_InstanceID, 0);\r
+    int metadataStride = max(u_spriteMetadataTexelsPerRow, 2);\r
+    int metadataTexel = metadataRow * metadataStride;\r
+    vec4 metadata0 = texelFetch(\r
+        u_spriteMetadata,\r
+        texelCoord(metadataTexel, u_spriteMetadataSize),\r
+        0\r
+    );\r
+    vec4 metadata1 = texelFetch(\r
+        u_spriteMetadata,\r
+        texelCoord(metadataTexel + 1, u_spriteMetadataSize),\r
+        0\r
+    );\r
+    vec4 metadata2 = metadataStride >= 3\r
+        ? texelFetch(u_spriteMetadata, texelCoord(metadataTexel + 2, u_spriteMetadataSize), 0)\r
+        : vec4(0.0);\r
+    // Metadata carries the source sprite index so a page-specific range can\r
+    // represent non-contiguous atlas pages. Its y component is the atlas page.\r
+    int spriteIndex = clamp(int(max(metadata1.x, 0.0) + 0.5), 0, spriteCount - 1);\r
+    int frameIndex = instanceState\r
+        ? int(a_instanceTranslateOpacityFrame.w + 0.5)\r
+        : compactSlotState\r
+            ? int(compactTranslateOpacityFrame.w + 0.5)\r
+            : u_frameIndex;\r
+    if (frameIndex < 0) frameIndex = u_tableInfo.w;\r
+    frameIndex = clamp(frameIndex, 0, frameCount - 1);\r
+\r
+    int row = spriteIndex * frameCount + frameIndex;\r
+    int frameTexel = row * u_tableInfo.z;\r
+    vec4 frame0 = texelFetch(u_frameTable, texelCoord(frameTexel, u_frameTableSize), 0);\r
+    vec4 frame1 = texelFetch(u_frameTable, texelCoord(frameTexel + 1, u_frameTableSize), 0);\r
+    vec4 frame2 = texelFetch(u_frameTable, texelCoord(frameTexel + 2, u_frameTableSize), 0);\r
+\r
+    float layoutW = frame0.x;\r
+    float layoutH = frame0.y;\r
+    vec2 local = vec2(\r
+        frame0.z * layoutW * a_corner.x + frame1.x * layoutH * a_corner.y + frame1.z,\r
+        frame0.w * layoutW * a_corner.x + frame1.y * layoutH * a_corner.y + frame1.w\r
+    );\r
+\r
+    vec4 parentAffine = instanceState\r
+        ? a_instanceParent\r
+        : compactSlotState ? compactParent : u_parentAffine;\r
+    vec2 parentTranslate = instanceState\r
+        ? a_instanceTranslateOpacityFrame.xy\r
+        : compactSlotState ? compactTranslateOpacityFrame.xy : u_parentTranslate;\r
+    float slotOpacity = instanceState\r
+        ? a_instanceTranslateOpacityFrame.z\r
+        : compactSlotState ? compactTranslateOpacityFrame.z : u_slotOpacity;\r
+    int atlasPage = instanceState\r
+        ? int(a_instanceInfo.z + 0.5)\r
+        : compactSlotState\r
+            ? (compactInfo.z < -0.5 ? -1 : int(compactInfo.z + 0.5))\r
+            : u_atlasPage;\r
+    vec4 clipRect = instanceState\r
+        ? a_instanceClipRect\r
+        : compactSlotState ? compactClip : u_clipRect;\r
+    float clipEnabled = instanceState\r
+        ? a_instanceInfo.x\r
+        : compactSlotState ? compactInfo.x : u_clipEnabled;\r
+    vec2 world = vec2(\r
+        parentAffine.x * local.x + parentAffine.z * local.y + parentTranslate.x,\r
+        parentAffine.y * local.x + parentAffine.w * local.y + parentTranslate.y\r
+    );\r
+\r
+    gl_Position = u_projection * vec4(world, 0.0, 1.0);\r
+    v_uv = mix(metadata0.xy, metadata0.zw, a_corner);\r
+    bool pageMatches = atlasPage < 0 || int(max(metadata1.y, 0.0) + 0.5) == atlasPage;\r
+    int metadataFlags = int(max(metadata1.z, 0.0) + 0.5);\r
+    bool metadataPresent = (metadataFlags & 1) == 0;\r
+    float pageAlpha = pageMatches && metadataPresent ? 1.0 : 0.0;\r
+    float effectiveAlpha = frame2.x * slotOpacity * pageAlpha;\r
+    // Match the CPU reference's strict \`< 0.05\` visibility cutoff.\r
+    v_color = vec4(1.0, 1.0, 1.0, effectiveAlpha >= 0.05 ? effectiveAlpha : 0.0);\r
+    v_clipRect = clipRect;\r
+    v_clipEnabled = clipEnabled;\r
+    v_localPosition = vec2(layoutW * a_corner.x, layoutH * a_corner.y);\r
+    v_localClipRect = metadata2;\r
+    v_localClipEnabled = (metadataFlags & 2) != 0 ? 1.0 : 0.0;\r
+}\r
 `, uE = `#version 300 es
 precision highp float;
 
@@ -791,67 +791,67 @@ void main() {\r
   float coverage = 1.0 - smoothstep(0.45, 1.0, distanceToCenter);\r
   outColor = v_color * coverage;\r
 }\r
-`, TE = `#version 300 es
-precision highp float;
-
-layout(location = 0) in vec2 a_corner;
-layout(location = 1) in vec4 a_birthLifePosition;
-layout(location = 2) in vec4 a_velocityAcceleration;
-layout(location = 3) in vec4 a_scaleRotation;
-layout(location = 4) in vec4 a_color;
-layout(location = 5) in vec4 a_sizeAnchor;
-layout(location = 6) in vec4 a_uvRect;
-
-uniform mat4 u_projection;
-uniform float u_time;
-uniform float u_globalAlpha;
-uniform float u_sizeEnvelope;
-uniform float u_fadeMode;
-uniform vec2 u_cssScale;
-
-out vec2 v_uv;
-out vec4 v_modulation;
-
-void main() {
-  float age = u_time - a_birthLifePosition.x;
-  float life = max(a_birthLifePosition.y, 0.0001);
-  bool alive = age >= 0.0 && age <= life;
-  float safeAge = max(age, 0.0);
-  vec2 position = a_birthLifePosition.zw
-    + a_velocityAcceleration.xy * safeAge
-    + 0.5 * a_velocityAcceleration.zw * safeAge * safeAge;
-  float scale = max(0.04, a_scaleRotation.x + a_scaleRotation.y * safeAge) * u_sizeEnvelope;
-  vec2 unitCorner = a_corner + 0.5;
-  vec2 local = (unitCorner - a_sizeAnchor.zw) * a_sizeAnchor.xy * scale;
-  float angle = a_scaleRotation.z + a_scaleRotation.w * safeAge;
-  float c = cos(angle);
-  float s = sin(angle);
-  vec2 rotated = vec2(c * local.x - s * local.y, s * local.x + c * local.y);
-  float progress = clamp(safeAge / life, 0.0, 1.0);
-  float fade = u_fadeMode > 0.5
-    ? min(safeAge / 0.04, 1.0) * pow(1.0 - progress, 0.78)
-    : 1.0;
-  if (!alive) {
-    position = vec2(-100000.0);
-    fade = 0.0;
-  }
-  gl_Position = u_projection * vec4((position + rotated) * u_cssScale, 0.0, 1.0);
-  v_uv = mix(a_uvRect.xy, a_uvRect.zw, unitCorner);
-  float alpha = a_color.a * fade * u_globalAlpha;
-  v_modulation = vec4(a_color.rgb * alpha, alpha);
-}
-`, vE = `#version 300 es
-precision highp float;
-
-uniform sampler2D u_atlas;
-in vec2 v_uv;
-in vec4 v_modulation;
-out vec4 outColor;
-
-void main() {
-  vec4 sampled = texture(u_atlas, v_uv);
-  outColor = vec4(sampled.rgb * v_modulation.rgb, sampled.a * v_modulation.a);
-}
+`, TE = `#version 300 es\r
+precision highp float;\r
+\r
+layout(location = 0) in vec2 a_corner;\r
+layout(location = 1) in vec4 a_birthLifePosition;\r
+layout(location = 2) in vec4 a_velocityAcceleration;\r
+layout(location = 3) in vec4 a_scaleRotation;\r
+layout(location = 4) in vec4 a_color;\r
+layout(location = 5) in vec4 a_sizeAnchor;\r
+layout(location = 6) in vec4 a_uvRect;\r
+\r
+uniform mat4 u_projection;\r
+uniform float u_time;\r
+uniform float u_globalAlpha;\r
+uniform float u_sizeEnvelope;\r
+uniform float u_fadeMode;\r
+uniform vec2 u_cssScale;\r
+\r
+out vec2 v_uv;\r
+out vec4 v_modulation;\r
+\r
+void main() {\r
+  float age = u_time - a_birthLifePosition.x;\r
+  float life = max(a_birthLifePosition.y, 0.0001);\r
+  bool alive = age >= 0.0 && age <= life;\r
+  float safeAge = max(age, 0.0);\r
+  vec2 position = a_birthLifePosition.zw\r
+    + a_velocityAcceleration.xy * safeAge\r
+    + 0.5 * a_velocityAcceleration.zw * safeAge * safeAge;\r
+  float scale = max(0.04, a_scaleRotation.x + a_scaleRotation.y * safeAge) * u_sizeEnvelope;\r
+  vec2 unitCorner = a_corner + 0.5;\r
+  vec2 local = (unitCorner - a_sizeAnchor.zw) * a_sizeAnchor.xy * scale;\r
+  float angle = a_scaleRotation.z + a_scaleRotation.w * safeAge;\r
+  float c = cos(angle);\r
+  float s = sin(angle);\r
+  vec2 rotated = vec2(c * local.x - s * local.y, s * local.x + c * local.y);\r
+  float progress = clamp(safeAge / life, 0.0, 1.0);\r
+  float fade = u_fadeMode > 0.5\r
+    ? min(safeAge / 0.04, 1.0) * pow(1.0 - progress, 0.78)\r
+    : 1.0;\r
+  if (!alive) {\r
+    position = vec2(-100000.0);\r
+    fade = 0.0;\r
+  }\r
+  gl_Position = u_projection * vec4((position + rotated) * u_cssScale, 0.0, 1.0);\r
+  v_uv = mix(a_uvRect.xy, a_uvRect.zw, unitCorner);\r
+  float alpha = a_color.a * fade * u_globalAlpha;\r
+  v_modulation = vec4(a_color.rgb * alpha, alpha);\r
+}\r
+`, vE = `#version 300 es\r
+precision highp float;\r
+\r
+uniform sampler2D u_atlas;\r
+in vec2 v_uv;\r
+in vec4 v_modulation;\r
+out vec4 outColor;\r
+\r
+void main() {\r
+  vec4 sampled = texture(u_atlas, v_uv);\r
+  outColor = vec4(sampled.rgb * v_modulation.rgb, sampled.a * v_modulation.a);\r
+}\r
 `, WE = `/** SVGA atlas variant for premultiplied RGBA atlas textures. */\r
 struct Uniforms {\r
     projection: mat4x4f,\r
@@ -1357,78 +1357,78 @@ fn fs(input: VOut) -> @location(0) vec4f {\r
     let coverage = 1.0 - smoothstep(0.45, 1.0, distanceToCenter);\r
     return input.color * coverage;\r
 }\r
-`, gi = `struct Globals {
-    projection: mat4x4f,
-}
-
-@group(0) @binding(0) var<uniform> globals: Globals;
-@group(0) @binding(1) var<storage, read> instanceData: array<f32>;
-@group(1) @binding(0) var atlasTexture: texture_2d<f32>;
-@group(1) @binding(1) var atlasSampler: sampler;
-
-struct VIn {
-    @location(0) corner: vec2f,
-}
-
-struct VOut {
-    @builtin(position) position: vec4f,
-    @location(0) uv: vec2f,
-    @location(1) modulation: vec4f,
-}
-
-@vertex
-fn vs(input: VIn, @builtin(instance_index) instance: u32) -> VOut {
-    let base = 8u + instance * 24u;
-    let birth = instanceData[base];
-    let life = max(instanceData[base + 1u], 0.0001);
-    let age = instanceData[0] - birth;
-    let safeAge = max(age, 0.0);
-    var position = vec2f(instanceData[base + 2u], instanceData[base + 3u])
-        + vec2f(instanceData[base + 4u], instanceData[base + 5u]) * safeAge
-        + 0.5 * vec2f(instanceData[base + 6u], instanceData[base + 7u]) * safeAge * safeAge;
-    let scale = max(0.04, instanceData[base + 8u] + instanceData[base + 9u] * safeAge)
-        * instanceData[2];
-    let unitCorner = input.corner + vec2f(0.5);
-    let anchor = vec2f(instanceData[base + 18u], instanceData[base + 19u]);
-    let spriteSize = vec2f(instanceData[base + 16u], instanceData[base + 17u]);
-    let local = (unitCorner - anchor) * spriteSize * scale;
-    let angle = instanceData[base + 10u] + instanceData[base + 11u] * safeAge;
-    let c = cos(angle);
-    let s = sin(angle);
-    let rotated = vec2f(c * local.x - s * local.y, s * local.x + c * local.y);
-    let progress = clamp(safeAge / life, 0.0, 1.0);
-    var fade = select(
-        1.0,
-        min(safeAge / 0.04, 1.0) * pow(1.0 - progress, 0.78),
-        instanceData[3] > 0.5,
-    );
-    if (age < 0.0 || age > life) {
-        position = vec2f(-100000.0);
-        fade = 0.0;
-    }
-    let cssScale = vec2f(instanceData[4], instanceData[5]);
-    let alpha = instanceData[base + 15u] * fade * instanceData[1];
-    var output: VOut;
-    output.position = globals.projection * vec4f((position + rotated) * cssScale, 0.0, 1.0);
-    output.uv = mix(
-        vec2f(instanceData[base + 20u], instanceData[base + 21u]),
-        vec2f(instanceData[base + 22u], instanceData[base + 23u]),
-        unitCorner,
-    );
-    output.modulation = vec4f(
-        instanceData[base + 12u] * alpha,
-        instanceData[base + 13u] * alpha,
-        instanceData[base + 14u] * alpha,
-        alpha,
-    );
-    return output;
-}
-
-@fragment
-fn fs(input: VOut) -> @location(0) vec4f {
-    let sampled = textureSample(atlasTexture, atlasSampler, input.uv);
-    return vec4f(sampled.rgb * input.modulation.rgb, sampled.a * input.modulation.a);
-}
+`, gi = `struct Globals {\r
+    projection: mat4x4f,\r
+}\r
+\r
+@group(0) @binding(0) var<uniform> globals: Globals;\r
+@group(0) @binding(1) var<storage, read> instanceData: array<f32>;\r
+@group(1) @binding(0) var atlasTexture: texture_2d<f32>;\r
+@group(1) @binding(1) var atlasSampler: sampler;\r
+\r
+struct VIn {\r
+    @location(0) corner: vec2f,\r
+}\r
+\r
+struct VOut {\r
+    @builtin(position) position: vec4f,\r
+    @location(0) uv: vec2f,\r
+    @location(1) modulation: vec4f,\r
+}\r
+\r
+@vertex\r
+fn vs(input: VIn, @builtin(instance_index) instance: u32) -> VOut {\r
+    let base = 8u + instance * 24u;\r
+    let birth = instanceData[base];\r
+    let life = max(instanceData[base + 1u], 0.0001);\r
+    let age = instanceData[0] - birth;\r
+    let safeAge = max(age, 0.0);\r
+    var position = vec2f(instanceData[base + 2u], instanceData[base + 3u])\r
+        + vec2f(instanceData[base + 4u], instanceData[base + 5u]) * safeAge\r
+        + 0.5 * vec2f(instanceData[base + 6u], instanceData[base + 7u]) * safeAge * safeAge;\r
+    let scale = max(0.04, instanceData[base + 8u] + instanceData[base + 9u] * safeAge)\r
+        * instanceData[2];\r
+    let unitCorner = input.corner + vec2f(0.5);\r
+    let anchor = vec2f(instanceData[base + 18u], instanceData[base + 19u]);\r
+    let spriteSize = vec2f(instanceData[base + 16u], instanceData[base + 17u]);\r
+    let local = (unitCorner - anchor) * spriteSize * scale;\r
+    let angle = instanceData[base + 10u] + instanceData[base + 11u] * safeAge;\r
+    let c = cos(angle);\r
+    let s = sin(angle);\r
+    let rotated = vec2f(c * local.x - s * local.y, s * local.x + c * local.y);\r
+    let progress = clamp(safeAge / life, 0.0, 1.0);\r
+    var fade = select(\r
+        1.0,\r
+        min(safeAge / 0.04, 1.0) * pow(1.0 - progress, 0.78),\r
+        instanceData[3] > 0.5,\r
+    );\r
+    if (age < 0.0 || age > life) {\r
+        position = vec2f(-100000.0);\r
+        fade = 0.0;\r
+    }\r
+    let cssScale = vec2f(instanceData[4], instanceData[5]);\r
+    let alpha = instanceData[base + 15u] * fade * instanceData[1];\r
+    var output: VOut;\r
+    output.position = globals.projection * vec4f((position + rotated) * cssScale, 0.0, 1.0);\r
+    output.uv = mix(\r
+        vec2f(instanceData[base + 20u], instanceData[base + 21u]),\r
+        vec2f(instanceData[base + 22u], instanceData[base + 23u]),\r
+        unitCorner,\r
+    );\r
+    output.modulation = vec4f(\r
+        instanceData[base + 12u] * alpha,\r
+        instanceData[base + 13u] * alpha,\r
+        instanceData[base + 14u] * alpha,\r
+        alpha,\r
+    );\r
+    return output;\r
+}\r
+\r
+@fragment\r
+fn fs(input: VOut) -> @location(0) vec4f {\r
+    let sampled = textureSample(atlasTexture, atlasSampler, input.uv);\r
+    return vec4f(sampled.rgb * input.modulation.rgb, sampled.a * input.modulation.a);\r
+}\r
 `, Ii = `struct Globals {\r
     projection: mat4x4f,\r
 }\r
@@ -1773,292 +1773,292 @@ fn applyMotionPoint(point: vec2f, center: vec2f, scale: vec2f, cosine: f32, sine
   svgaMotionInstancedPremul: Ii,
   svgaFrameTableShape: Bi,
   svgaFrameTableClipMask: Ci
-}, Qi = `/// SVGA timeline/table variant for premultiplied RGBA atlas textures.
-///
-/// The frame table and sprite metadata are resident storage buffers. A draw
-/// submits one instance per sprite. Direct draws derive the sprite index from
-/// the GPU instance index and only upload the slot/global uniform. Hybrid
-/// draws can additionally bind compact CPU-precompiled scheduling rows that
-/// omit the SVGA child matrix and alpha fetched from the frame table.
-///
-/// Frame table: three vec4 values per (sprite, frame):
-///   0: layoutW, layoutH, a, b
-///   1: c, d, tx, ty
-///   2: alpha, reserved, reserved, reserved
-///
-/// Sprite metadata: two vec4 values per draw sprite:
-///   0: atlas UV min.xy / max.xy
-///   1: source sprite index, atlas page, flags, reserved
-///
-/// Uniform layout:
-///   projection                 mat4x4f (64 bytes)
-///   parentAffine               vec4f   (a, b, c, d)
-///   translateOpacityFrame      vec4f   (tx, ty, opacity, frameIndex)
-///   clipRect                   vec4f   (top-left x0, y0, x1, y1)
-///   drawInfo                   vec4u   (metadataBase, drawSpriteCount, clipEnabled, trackIndex+1)
-///   tableInfo                  vec4u   (frameCount, spriteCount, vec4sPerFrame, 0)
-///   batchInfo                  vec4u   (spritesPerSlot, metadataVec4Stride, stateMode, 0)
-
-struct Globals {
-    projection: mat4x4f,
-    parentAffine: vec4f,
-    translateOpacityFrame: vec4f,
-    clipRect: vec4f,
-    drawInfo: vec4u,
-    tableInfo: vec4u,
-    batchInfo: vec4u,
-}
-
-struct MotionGlobals {
-    timeMs: f32,
-    sampleIntervalMs: f32,
-    sampleCount: f32,
-    cssScaleX: f32,
-    cssScaleY: f32,
-    pad0: f32,
-    pad1: f32,
-    pad2: f32,
-}
-
-@group(0) @binding(0) var<uniform> globals: Globals;
-@group(0) @binding(1) var<storage, read> frameTable: array<vec4f>;
-@group(0) @binding(2) var<storage, read> spriteMetadata: array<vec4f>;
-@group(0) @binding(3) var<storage, read> motionData: array<f32>;
-@group(0) @binding(4) var<uniform> motionGlobals: MotionGlobals;
-// Canonical four-vec4 / 16-float slot row: affine; translate+opacity+frame;
-// clip rect; clipEnabled+metadataBase+atlasPage+motionTrack+1.
-// Optional Hybrid scheduling rows use this exact schema per draw instance.
-// Direct draws bind a harmless dummy slice and leave drawInfo bit 1 clear.
-@group(0) @binding(5) var<storage, read> hybridInstances: array<vec4f>;
-@group(1) @binding(0) var atlasTex: texture_2d<f32>;
-@group(1) @binding(1) var atlasSampler: sampler;
-
-struct VIn {
-    @location(0) corner: vec2f,
-}
-
-struct VOut {
-    @builtin(position) pos: vec4f,
-    @location(0) uv: vec2f,
-    @location(1) color: vec4f,
-    @location(2) @interpolate(flat) clipRect: vec4f,
-    @location(3) @interpolate(flat) clipEnabled: f32,
-    @location(4) localPosition: vec2f,
-    @location(5) @interpolate(flat) localClipRect: vec4f,
-    @location(6) @interpolate(flat) localClipEnabled: f32,
-}
-
-fn readFrameValue(index: u32) -> vec4f {
-    return frameTable[index];
-}
-
-fn sampleMotion(track: u32, channel: u32) -> f32 {
-    let sampleCount = max(u32(motionGlobals.sampleCount), 1u);
-    let samplePosition = clamp(
-        motionGlobals.timeMs / max(motionGlobals.sampleIntervalMs, 0.001),
-        0.0,
-        f32(sampleCount - 1u),
-    );
-    let left = u32(floor(samplePosition));
-    let right = min(sampleCount - 1u, left + 1u);
-    let trackBase = track * sampleCount * 8u;
-    let leftBase = trackBase + left * 8u;
-    let rightBase = trackBase + right * 8u;
-    let interpolate = left != right && motionData[leftBase + 7u] > 0.5 && channel < 6u;
-    if (!interpolate) {
-        return motionData[leftBase + channel];
-    }
-    let progress = samplePosition - f32(left);
-    return mix(motionData[leftBase + channel], motionData[rightBase + channel], progress);
-}
-
-fn applyMotionPoint(
-    point: vec2f,
-    center: vec2f,
-    scale: vec2f,
-    cosine: f32,
-    sine: f32,
-) -> vec2f {
-    let scaled = point * scale;
-    return center + vec2f(
-        cosine * scaled.x - sine * scaled.y,
-        sine * scaled.x + cosine * scaled.y,
-    );
-}
-
-@vertex
-fn vs(input: VIn, @builtin(instance_index) instance: u32) -> VOut {
-    let safeInstance = min(instance, max(globals.drawInfo.y, 1u) - 1u);
-    let hybrid = (globals.drawInfo.z & 2u) != 0u;
-    let compactSlots = (globals.drawInfo.z & 4u) != 0u;
-    let spritesPerSlot = max(globals.batchInfo.x, 1u);
-    let slotStateIndex = select(safeInstance, safeInstance / spritesPerSlot, compactSlots);
-    let hybridBase = slotStateIndex * 4u;
-    var hybridParent = vec4f(0.0);
-    var hybridTranslateOpacityFrame = vec4f(0.0);
-    var hybridClip = vec4f(0.0);
-    var hybridInfo = vec4f(0.0);
-    if (hybrid || compactSlots) {
-        hybridParent = hybridInstances[hybridBase];
-        hybridTranslateOpacityFrame = hybridInstances[hybridBase + 1u];
-        hybridClip = hybridInstances[hybridBase + 2u];
-        hybridInfo = hybridInstances[hybridBase + 3u];
-    }
-    let spriteWithinSlot = select(safeInstance, safeInstance % spritesPerSlot, compactSlots);
-    let metadataIndex = select(
-        globals.drawInfo.x + spriteWithinSlot,
-        u32(max(hybridInfo.y, 0.0)),
-        hybrid,
-    );
-    let metadataStride = max(globals.batchInfo.y, 2u);
-    let metadataBase = metadataIndex * metadataStride;
-    let metadataUv = spriteMetadata[metadataBase];
-    let metadataSprite = spriteMetadata[metadataBase + 1u];
-    var metadataClip = vec4f(0.0);
-    if (metadataStride >= 3u) {
-        metadataClip = spriteMetadata[metadataBase + 2u];
-    }
-    let metadataPage = metadataSprite.y;
-    let metadataFlags = u32(max(metadataSprite.z, 0.0));
-    // The source sprite index is explicit so a page-specific metadata range
-    // can represent non-contiguous atlas pages without duplicating frame rows.
-    // A page mismatch is made transparent so an invalid plan cannot sample a
-    // sprite into the wrong atlas page.
-    let spriteIndex = u32(max(metadataSprite.x, 0.0));
-
-    let frameCount = max(globals.tableInfo.x, 1u);
-    let spriteCount = max(globals.tableInfo.y, 1u);
-    let safeSprite = min(spriteIndex, spriteCount - 1u);
-    let selectedFrame = select(
-        globals.translateOpacityFrame.w,
-        hybridTranslateOpacityFrame.w,
-        hybrid || compactSlots,
-    );
-    let safeFrame = min(
-        u32(max(selectedFrame, 0.0)),
-        frameCount - 1u,
-    );
-    let tableBase = (safeSprite * frameCount + safeFrame) * globals.tableInfo.z;
-    let frame0 = readFrameValue(tableBase);
-    let frame1 = readFrameValue(tableBase + 1u);
-    let frame2 = readFrameValue(tableBase + 2u);
-
-    let layoutW = frame0.x;
-    let layoutH = frame0.y;
-    let local = vec2f(
-        frame0.z * layoutW * input.corner.x + frame1.x * layoutH * input.corner.y + frame1.z,
-        frame0.w * layoutW * input.corner.x + frame1.y * layoutH * input.corner.y + frame1.w,
-    );
-
-    let instanceSlotState = hybrid || compactSlots;
-    let parent = select(globals.parentAffine, hybridParent, instanceSlotState);
-    let parentTranslate = select(
-        globals.translateOpacityFrame.xy,
-        hybridTranslateOpacityFrame.xy,
-        instanceSlotState,
-    );
-    let parentLocal = vec2f(
-        parent.x * local.x + parent.z * local.y + parentTranslate.x,
-        parent.y * local.x + parent.w * local.y + parentTranslate.y,
-    );
-    let instanceTrack = u32(max(hybridInfo.w, 0.0));
-    let selectedTrack = select(globals.drawInfo.w, instanceTrack, compactSlots);
-    let hasParentMotion = selectedTrack > 0u;
-    var world = parentLocal;
-    var outerClip = select(globals.clipRect, hybridClip, instanceSlotState);
-    let outerClipEnabled = select(
-        f32(globals.drawInfo.z & 1u),
-        hybridInfo.x,
-        instanceSlotState,
-    );
-    var parentOpacity = select(
-        globals.translateOpacityFrame.z,
-        hybridTranslateOpacityFrame.z,
-        instanceSlotState,
-    );
-    if (hasParentMotion) {
-        let track = selectedTrack - 1u;
-        let scale = vec2f(sampleMotion(track, 2u), sampleMotion(track, 3u));
-        let angle = sampleMotion(track, 4u);
-        let cosine = cos(angle);
-        let sine = sin(angle);
-        let center = vec2f(
-            sampleMotion(track, 0u) * motionGlobals.cssScaleX,
-            sampleMotion(track, 1u) * motionGlobals.cssScaleY,
-        );
-        world = applyMotionPoint(parentLocal, center, scale, cosine, sine);
-        let clip0 = applyMotionPoint(outerClip.xy, center, scale, cosine, sine);
-        let clip1 = applyMotionPoint(vec2f(outerClip.z, outerClip.y), center, scale, cosine, sine);
-        let clip2 = applyMotionPoint(outerClip.zw, center, scale, cosine, sine);
-        let clip3 = applyMotionPoint(vec2f(outerClip.x, outerClip.w), center, scale, cosine, sine);
-        outerClip = vec4f(
-            min(min(clip0.x, clip1.x), min(clip2.x, clip3.x)),
-            min(min(clip0.y, clip1.y), min(clip2.y, clip3.y)),
-            max(max(clip0.x, clip1.x), max(clip2.x, clip3.x)),
-            max(max(clip0.y, clip1.y), max(clip2.y, clip3.y)),
-        );
-        let visible = sampleMotion(track, 6u);
-        parentOpacity = sampleMotion(track, 5u) * select(0.0, 1.0, visible > 0.5);
-    }
-
-    var output: VOut;
-    output.pos = globals.projection * vec4f(world, 0.0, 1.0);
-    output.uv = mix(metadataUv.xy, metadataUv.zw, input.corner);
-    var pageMatchesValue = globals.tableInfo.w == 0xffffffffu ||
-        u32(max(metadataPage, 0.0)) == globals.tableInfo.w;
-    if (hybrid || compactSlots) {
-        pageMatchesValue = hybridInfo.z < -0.5 ||
-            i32(round(metadataPage)) == i32(round(hybridInfo.z));
-    }
-    let pageMatches = select(
-        0.0,
-        1.0,
-        pageMatchesValue,
-    );
-    let metadataPresent = select(1.0, 0.0, (metadataFlags & 1u) != 0u);
-    // Keep the table path's visibility cutoff identical to the CPU reference
-    // renderer: rows below 0.05 are culled before issuing meaningful color.
-    // Exactly 0.05 remains visible (the reference uses a strict \`< 0.05\` test).
-    let effectiveAlpha = frame2.x * parentOpacity * pageMatches * metadataPresent;
-    let visibleAlpha = select(0.0, effectiveAlpha, effectiveAlpha >= 0.05);
-    output.color = vec4f(visibleAlpha);
-    output.clipRect = outerClip;
-    output.clipEnabled = outerClipEnabled;
-    output.localPosition = vec2f(layoutW * input.corner.x, layoutH * input.corner.y);
-    output.localClipRect = metadataClip;
-    output.localClipEnabled = select(0.0, 1.0, (metadataFlags & 2u) != 0u);
-    return output;
-}
-
-@fragment
-fn fs(input: VOut) -> @location(0) vec4f {
-    if (input.color.a < 0.05) {
-        discard;
-    }
-    if (input.clipEnabled > 0.5) {
-        if (
-            input.pos.x < input.clipRect.x ||
-            input.pos.y < input.clipRect.y ||
-            input.pos.x >= input.clipRect.z ||
-            input.pos.y >= input.clipRect.w
-        ) {
-            discard;
-        }
-    }
-    if (
-        input.localClipEnabled > 0.5 &&
-        (
-            input.localPosition.x < input.localClipRect.x ||
-            input.localPosition.y < input.localClipRect.y ||
-            input.localPosition.x >= input.localClipRect.z ||
-            input.localPosition.y >= input.localClipRect.w
-        )
-    ) {
-        discard;
-    }
-    let color = textureSample(atlasTex, atlasSampler, input.uv);
-    return vec4f(color.rgb * input.color.a, color.a * input.color.a);
-}
+}, Qi = `/// SVGA timeline/table variant for premultiplied RGBA atlas textures.\r
+///\r
+/// The frame table and sprite metadata are resident storage buffers. A draw\r
+/// submits one instance per sprite. Direct draws derive the sprite index from\r
+/// the GPU instance index and only upload the slot/global uniform. Hybrid\r
+/// draws can additionally bind compact CPU-precompiled scheduling rows that\r
+/// omit the SVGA child matrix and alpha fetched from the frame table.\r
+///\r
+/// Frame table: three vec4 values per (sprite, frame):\r
+///   0: layoutW, layoutH, a, b\r
+///   1: c, d, tx, ty\r
+///   2: alpha, reserved, reserved, reserved\r
+///\r
+/// Sprite metadata: two vec4 values per draw sprite:\r
+///   0: atlas UV min.xy / max.xy\r
+///   1: source sprite index, atlas page, flags, reserved\r
+///\r
+/// Uniform layout:\r
+///   projection                 mat4x4f (64 bytes)\r
+///   parentAffine               vec4f   (a, b, c, d)\r
+///   translateOpacityFrame      vec4f   (tx, ty, opacity, frameIndex)\r
+///   clipRect                   vec4f   (top-left x0, y0, x1, y1)\r
+///   drawInfo                   vec4u   (metadataBase, drawSpriteCount, clipEnabled, trackIndex+1)\r
+///   tableInfo                  vec4u   (frameCount, spriteCount, vec4sPerFrame, 0)\r
+///   batchInfo                  vec4u   (spritesPerSlot, metadataVec4Stride, stateMode, 0)\r
+\r
+struct Globals {\r
+    projection: mat4x4f,\r
+    parentAffine: vec4f,\r
+    translateOpacityFrame: vec4f,\r
+    clipRect: vec4f,\r
+    drawInfo: vec4u,\r
+    tableInfo: vec4u,\r
+    batchInfo: vec4u,\r
+}\r
+\r
+struct MotionGlobals {\r
+    timeMs: f32,\r
+    sampleIntervalMs: f32,\r
+    sampleCount: f32,\r
+    cssScaleX: f32,\r
+    cssScaleY: f32,\r
+    pad0: f32,\r
+    pad1: f32,\r
+    pad2: f32,\r
+}\r
+\r
+@group(0) @binding(0) var<uniform> globals: Globals;\r
+@group(0) @binding(1) var<storage, read> frameTable: array<vec4f>;\r
+@group(0) @binding(2) var<storage, read> spriteMetadata: array<vec4f>;\r
+@group(0) @binding(3) var<storage, read> motionData: array<f32>;\r
+@group(0) @binding(4) var<uniform> motionGlobals: MotionGlobals;\r
+// Canonical four-vec4 / 16-float slot row: affine; translate+opacity+frame;\r
+// clip rect; clipEnabled+metadataBase+atlasPage+motionTrack+1.\r
+// Optional Hybrid scheduling rows use this exact schema per draw instance.\r
+// Direct draws bind a harmless dummy slice and leave drawInfo bit 1 clear.\r
+@group(0) @binding(5) var<storage, read> hybridInstances: array<vec4f>;\r
+@group(1) @binding(0) var atlasTex: texture_2d<f32>;\r
+@group(1) @binding(1) var atlasSampler: sampler;\r
+\r
+struct VIn {\r
+    @location(0) corner: vec2f,\r
+}\r
+\r
+struct VOut {\r
+    @builtin(position) pos: vec4f,\r
+    @location(0) uv: vec2f,\r
+    @location(1) color: vec4f,\r
+    @location(2) @interpolate(flat) clipRect: vec4f,\r
+    @location(3) @interpolate(flat) clipEnabled: f32,\r
+    @location(4) localPosition: vec2f,\r
+    @location(5) @interpolate(flat) localClipRect: vec4f,\r
+    @location(6) @interpolate(flat) localClipEnabled: f32,\r
+}\r
+\r
+fn readFrameValue(index: u32) -> vec4f {\r
+    return frameTable[index];\r
+}\r
+\r
+fn sampleMotion(track: u32, channel: u32) -> f32 {\r
+    let sampleCount = max(u32(motionGlobals.sampleCount), 1u);\r
+    let samplePosition = clamp(\r
+        motionGlobals.timeMs / max(motionGlobals.sampleIntervalMs, 0.001),\r
+        0.0,\r
+        f32(sampleCount - 1u),\r
+    );\r
+    let left = u32(floor(samplePosition));\r
+    let right = min(sampleCount - 1u, left + 1u);\r
+    let trackBase = track * sampleCount * 8u;\r
+    let leftBase = trackBase + left * 8u;\r
+    let rightBase = trackBase + right * 8u;\r
+    let interpolate = left != right && motionData[leftBase + 7u] > 0.5 && channel < 6u;\r
+    if (!interpolate) {\r
+        return motionData[leftBase + channel];\r
+    }\r
+    let progress = samplePosition - f32(left);\r
+    return mix(motionData[leftBase + channel], motionData[rightBase + channel], progress);\r
+}\r
+\r
+fn applyMotionPoint(\r
+    point: vec2f,\r
+    center: vec2f,\r
+    scale: vec2f,\r
+    cosine: f32,\r
+    sine: f32,\r
+) -> vec2f {\r
+    let scaled = point * scale;\r
+    return center + vec2f(\r
+        cosine * scaled.x - sine * scaled.y,\r
+        sine * scaled.x + cosine * scaled.y,\r
+    );\r
+}\r
+\r
+@vertex\r
+fn vs(input: VIn, @builtin(instance_index) instance: u32) -> VOut {\r
+    let safeInstance = min(instance, max(globals.drawInfo.y, 1u) - 1u);\r
+    let hybrid = (globals.drawInfo.z & 2u) != 0u;\r
+    let compactSlots = (globals.drawInfo.z & 4u) != 0u;\r
+    let spritesPerSlot = max(globals.batchInfo.x, 1u);\r
+    let slotStateIndex = select(safeInstance, safeInstance / spritesPerSlot, compactSlots);\r
+    let hybridBase = slotStateIndex * 4u;\r
+    var hybridParent = vec4f(0.0);\r
+    var hybridTranslateOpacityFrame = vec4f(0.0);\r
+    var hybridClip = vec4f(0.0);\r
+    var hybridInfo = vec4f(0.0);\r
+    if (hybrid || compactSlots) {\r
+        hybridParent = hybridInstances[hybridBase];\r
+        hybridTranslateOpacityFrame = hybridInstances[hybridBase + 1u];\r
+        hybridClip = hybridInstances[hybridBase + 2u];\r
+        hybridInfo = hybridInstances[hybridBase + 3u];\r
+    }\r
+    let spriteWithinSlot = select(safeInstance, safeInstance % spritesPerSlot, compactSlots);\r
+    let metadataIndex = select(\r
+        globals.drawInfo.x + spriteWithinSlot,\r
+        u32(max(hybridInfo.y, 0.0)),\r
+        hybrid,\r
+    );\r
+    let metadataStride = max(globals.batchInfo.y, 2u);\r
+    let metadataBase = metadataIndex * metadataStride;\r
+    let metadataUv = spriteMetadata[metadataBase];\r
+    let metadataSprite = spriteMetadata[metadataBase + 1u];\r
+    var metadataClip = vec4f(0.0);\r
+    if (metadataStride >= 3u) {\r
+        metadataClip = spriteMetadata[metadataBase + 2u];\r
+    }\r
+    let metadataPage = metadataSprite.y;\r
+    let metadataFlags = u32(max(metadataSprite.z, 0.0));\r
+    // The source sprite index is explicit so a page-specific metadata range\r
+    // can represent non-contiguous atlas pages without duplicating frame rows.\r
+    // A page mismatch is made transparent so an invalid plan cannot sample a\r
+    // sprite into the wrong atlas page.\r
+    let spriteIndex = u32(max(metadataSprite.x, 0.0));\r
+\r
+    let frameCount = max(globals.tableInfo.x, 1u);\r
+    let spriteCount = max(globals.tableInfo.y, 1u);\r
+    let safeSprite = min(spriteIndex, spriteCount - 1u);\r
+    let selectedFrame = select(\r
+        globals.translateOpacityFrame.w,\r
+        hybridTranslateOpacityFrame.w,\r
+        hybrid || compactSlots,\r
+    );\r
+    let safeFrame = min(\r
+        u32(max(selectedFrame, 0.0)),\r
+        frameCount - 1u,\r
+    );\r
+    let tableBase = (safeSprite * frameCount + safeFrame) * globals.tableInfo.z;\r
+    let frame0 = readFrameValue(tableBase);\r
+    let frame1 = readFrameValue(tableBase + 1u);\r
+    let frame2 = readFrameValue(tableBase + 2u);\r
+\r
+    let layoutW = frame0.x;\r
+    let layoutH = frame0.y;\r
+    let local = vec2f(\r
+        frame0.z * layoutW * input.corner.x + frame1.x * layoutH * input.corner.y + frame1.z,\r
+        frame0.w * layoutW * input.corner.x + frame1.y * layoutH * input.corner.y + frame1.w,\r
+    );\r
+\r
+    let instanceSlotState = hybrid || compactSlots;\r
+    let parent = select(globals.parentAffine, hybridParent, instanceSlotState);\r
+    let parentTranslate = select(\r
+        globals.translateOpacityFrame.xy,\r
+        hybridTranslateOpacityFrame.xy,\r
+        instanceSlotState,\r
+    );\r
+    let parentLocal = vec2f(\r
+        parent.x * local.x + parent.z * local.y + parentTranslate.x,\r
+        parent.y * local.x + parent.w * local.y + parentTranslate.y,\r
+    );\r
+    let instanceTrack = u32(max(hybridInfo.w, 0.0));\r
+    let selectedTrack = select(globals.drawInfo.w, instanceTrack, compactSlots);\r
+    let hasParentMotion = selectedTrack > 0u;\r
+    var world = parentLocal;\r
+    var outerClip = select(globals.clipRect, hybridClip, instanceSlotState);\r
+    let outerClipEnabled = select(\r
+        f32(globals.drawInfo.z & 1u),\r
+        hybridInfo.x,\r
+        instanceSlotState,\r
+    );\r
+    var parentOpacity = select(\r
+        globals.translateOpacityFrame.z,\r
+        hybridTranslateOpacityFrame.z,\r
+        instanceSlotState,\r
+    );\r
+    if (hasParentMotion) {\r
+        let track = selectedTrack - 1u;\r
+        let scale = vec2f(sampleMotion(track, 2u), sampleMotion(track, 3u));\r
+        let angle = sampleMotion(track, 4u);\r
+        let cosine = cos(angle);\r
+        let sine = sin(angle);\r
+        let center = vec2f(\r
+            sampleMotion(track, 0u) * motionGlobals.cssScaleX,\r
+            sampleMotion(track, 1u) * motionGlobals.cssScaleY,\r
+        );\r
+        world = applyMotionPoint(parentLocal, center, scale, cosine, sine);\r
+        let clip0 = applyMotionPoint(outerClip.xy, center, scale, cosine, sine);\r
+        let clip1 = applyMotionPoint(vec2f(outerClip.z, outerClip.y), center, scale, cosine, sine);\r
+        let clip2 = applyMotionPoint(outerClip.zw, center, scale, cosine, sine);\r
+        let clip3 = applyMotionPoint(vec2f(outerClip.x, outerClip.w), center, scale, cosine, sine);\r
+        outerClip = vec4f(\r
+            min(min(clip0.x, clip1.x), min(clip2.x, clip3.x)),\r
+            min(min(clip0.y, clip1.y), min(clip2.y, clip3.y)),\r
+            max(max(clip0.x, clip1.x), max(clip2.x, clip3.x)),\r
+            max(max(clip0.y, clip1.y), max(clip2.y, clip3.y)),\r
+        );\r
+        let visible = sampleMotion(track, 6u);\r
+        parentOpacity = sampleMotion(track, 5u) * select(0.0, 1.0, visible > 0.5);\r
+    }\r
+\r
+    var output: VOut;\r
+    output.pos = globals.projection * vec4f(world, 0.0, 1.0);\r
+    output.uv = mix(metadataUv.xy, metadataUv.zw, input.corner);\r
+    var pageMatchesValue = globals.tableInfo.w == 0xffffffffu ||\r
+        u32(max(metadataPage, 0.0)) == globals.tableInfo.w;\r
+    if (hybrid || compactSlots) {\r
+        pageMatchesValue = hybridInfo.z < -0.5 ||\r
+            i32(round(metadataPage)) == i32(round(hybridInfo.z));\r
+    }\r
+    let pageMatches = select(\r
+        0.0,\r
+        1.0,\r
+        pageMatchesValue,\r
+    );\r
+    let metadataPresent = select(1.0, 0.0, (metadataFlags & 1u) != 0u);\r
+    // Keep the table path's visibility cutoff identical to the CPU reference\r
+    // renderer: rows below 0.05 are culled before issuing meaningful color.\r
+    // Exactly 0.05 remains visible (the reference uses a strict \`< 0.05\` test).\r
+    let effectiveAlpha = frame2.x * parentOpacity * pageMatches * metadataPresent;\r
+    let visibleAlpha = select(0.0, effectiveAlpha, effectiveAlpha >= 0.05);\r
+    output.color = vec4f(visibleAlpha);\r
+    output.clipRect = outerClip;\r
+    output.clipEnabled = outerClipEnabled;\r
+    output.localPosition = vec2f(layoutW * input.corner.x, layoutH * input.corner.y);\r
+    output.localClipRect = metadataClip;\r
+    output.localClipEnabled = select(0.0, 1.0, (metadataFlags & 2u) != 0u);\r
+    return output;\r
+}\r
+\r
+@fragment\r
+fn fs(input: VOut) -> @location(0) vec4f {\r
+    if (input.color.a < 0.05) {\r
+        discard;\r
+    }\r
+    if (input.clipEnabled > 0.5) {\r
+        if (\r
+            input.pos.x < input.clipRect.x ||\r
+            input.pos.y < input.clipRect.y ||\r
+            input.pos.x >= input.clipRect.z ||\r
+            input.pos.y >= input.clipRect.w\r
+        ) {\r
+            discard;\r
+        }\r
+    }\r
+    if (\r
+        input.localClipEnabled > 0.5 &&\r
+        (\r
+            input.localPosition.x < input.localClipRect.x ||\r
+            input.localPosition.y < input.localClipRect.y ||\r
+            input.localPosition.x >= input.localClipRect.z ||\r
+            input.localPosition.y >= input.localClipRect.w\r
+        )\r
+    ) {\r
+        discard;\r
+    }\r
+    let color = textureSample(atlasTex, atlasSampler, input.uv);\r
+    return vec4f(color.rgb * input.color.a, color.a * input.color.a);\r
+}\r
 `, tg = Object.freeze({
   submitted: !0
 });
@@ -3932,12 +3932,12 @@ const hg = class CA {
       rA,
       this.storageBindOffsetAlign
     ), this.writeInstancedStorageShadow(QA, UA, rA), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += rA, x && BA >= 0 && (this.svgaCompactSlotStateUploadId = BA, this.svgaCompactSlotStateStorageBase = QA, this.svgaCompactSlotStateByteLength = rA));
-    const V = A.motionTrackIndex, YA = A.motionTrackBuffer, kA = A.motionTrackGlobalsBuffer, W = YA ? this.buffers.get(YA.id) : null, pA = kA ? this.buffers.get(kA.id) : null, LA = Math.floor((D = A.motionTrackSampleCount) != null ? D : 0), ag = Math.floor(V != null ? V : -1), OA = (ag + 1) * LA * 8 * 4, KA = ag >= 0 && LA >= 1 && (W == null ? void 0 : W.usage) === "storage" && (pA == null ? void 0 : pA.usage) === "uniform" && W.buffer.size >= OA && pA.buffer.size >= 32, qA = A.stencil === "test" ? "test" : A.stencil === "write" ? "write" : A.stencil === "clear" ? "clear" : this.frameUsesStencil ? "pass" : "none", sA = l ? this.ensureSVGAFrameTableMeshPipeline(
+    const V = A.motionTrackIndex, YA = A.motionTrackBuffer, kA = A.motionTrackGlobalsBuffer, W = YA ? this.buffers.get(YA.id) : null, pA = kA ? this.buffers.get(kA.id) : null, LA = Math.floor((D = A.motionTrackSampleCount) != null ? D : 0), ag = Math.floor(V != null ? V : -1), OA = (ag + 1) * LA * 8 * 4, KA = ag >= 0 && LA >= 1 && (W == null ? void 0 : W.usage) === "storage" && (pA == null ? void 0 : pA.usage) === "uniform" && W.buffer.size >= OA && pA.buffer.size >= 32, TA = A.stencil === "test" ? "test" : A.stencil === "write" ? "write" : A.stencil === "clear" ? "clear" : this.frameUsesStencil ? "pass" : "none", sA = l ? this.ensureSVGAFrameTableMeshPipeline(
       A.shader,
-      qA
-    ) : this.ensureSVGAFrameTablePipeline(qA === "test" ? "test" : qA === "pass" ? "pass" : "none");
+      TA
+    ) : this.ensureSVGAFrameTablePipeline(TA === "test" ? "test" : TA === "pass" ? "pass" : "none");
     this.lastDrawPipeline !== sA.pipeline && (w.setPipeline(sA.pipeline), this.lastDrawPipeline = sA.pipeline, this.lastInstancedTextureBindGroup = null);
-    const L = qA === "test" || qA === "write" ? 1 : 0;
+    const L = TA === "test" || TA === "write" ? 1 : 0;
     this.frameUsesStencil && this.lastStencilRef !== L && (w.setStencilReference(L), this.lastStencilRef = L);
     const EA = A.uniforms.u_projection;
     if (!(EA instanceof Float32Array) || EA.length < 16) return;
@@ -4007,20 +4007,20 @@ const hg = class CA {
     }), this.instancedTextureBindGroupCache.set(eA, tA)), w.setBindGroup(1, tA), this.lastVertexBufferId !== A.vertexBuffer.id && (w.setVertexBuffer(0, Bg.buffer), this.lastVertexBufferId = A.vertexBuffer.id), this.lastIndexBufferId !== A.indexBuffer.id && (w.setIndexBuffer(AA.buffer, "uint32"), this.lastIndexBufferId = A.indexBuffer.id), w.drawIndexed(A.indexCount, F, 0, 0, 0), this.recordSubmittedDraw();
   }
   resolveSVGAFrameTableSlotUniform(A, g, I) {
-    var B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, qA, sA;
+    var B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, TA, sA;
     const L = (Q = (B = A.svgaFrameTableSlotState) != null ? B : A.svgaSlotState) != null ? Q : A.uniforms.u_svgaSlotState instanceof Float32Array ? A.uniforms.u_svgaSlotState : A.uniforms.u_slotState instanceof Float32Array ? A.uniforms.u_slotState : null, EA = A.uniforms.u_transform, Bg = A.uniforms.u_clipRect, AA = A.svgaFrameTableParentAffine, DA = A.svgaFrameTableParentTranslate, IA = A.svgaFrameTableClipRect, pg = A.svgaFrameIndex != null || A.svgaFrameTableFrameIndex != null || A.frameTableFrameIndex != null, Kg = A.svgaFrameTableOpacity != null || typeof A.uniforms.u_opacity == "number", Cg = A.uniforms.u_projection;
     if (!(Cg instanceof Float32Array) || Cg.length < 16) return null;
-    let GA = 1, fA = 0, dA = 0, iA = 1, eA = 0, tA = 0, hA = (E = A.svgaFrameTableOpacity) != null ? E : typeof A.uniforms.u_opacity == "number" ? A.uniforms.u_opacity : 1, aA = (t = (e = (i = A.svgaFrameIndex) != null ? i : A.svgaFrameTableFrameIndex) != null ? e : A.frameTableFrameIndex) != null ? t : 0, nA = 0, RA = 0, uA = this.canvas.width, TA = this.canvas.height, Qg = 0, Wg = (a = A.svgaFrameTableAtlasPage) != null ? a : -1, PA = (h = (r = (n = (s = (o = A.svgaFrameTableMetadataBase) != null ? o : A.svgaFrameTableSpriteBase) != null ? s : A.frameTableSpriteBase) != null ? n : A.svgaSpriteMetadataBase) != null ? r : A.svgaSpriteBase) != null ? h : 0;
+    let GA = 1, fA = 0, dA = 0, iA = 1, eA = 0, tA = 0, hA = (E = A.svgaFrameTableOpacity) != null ? E : typeof A.uniforms.u_opacity == "number" ? A.uniforms.u_opacity : 1, aA = (t = (e = (i = A.svgaFrameIndex) != null ? i : A.svgaFrameTableFrameIndex) != null ? e : A.frameTableFrameIndex) != null ? t : 0, nA = 0, RA = 0, uA = this.canvas.width, vA = this.canvas.height, Qg = 0, Wg = (a = A.svgaFrameTableAtlasPage) != null ? a : -1, PA = (h = (r = (n = (s = (o = A.svgaFrameTableMetadataBase) != null ? o : A.svgaFrameTableSpriteBase) != null ? s : A.frameTableSpriteBase) != null ? n : A.svgaSpriteMetadataBase) != null ? r : A.svgaSpriteBase) != null ? h : 0;
     if (AA && AA.length >= 4)
-      GA = (c = AA[0]) != null ? c : GA, fA = (D = AA[1]) != null ? D : fA, dA = (w = AA[2]) != null ? w : dA, iA = (l = AA[3]) != null ? l : iA, DA && DA.length >= 2 && (eA = (F = DA[0]) != null ? F : eA, tA = (d = DA[1]) != null ? d : tA), IA && IA.length >= 4 && (nA = (y = IA[0]) != null ? y : nA, RA = (G = IA[1]) != null ? G : RA, uA = (f = IA[2]) != null ? f : uA, TA = (u = IA[3]) != null ? u : TA, Qg = 1);
+      GA = (c = AA[0]) != null ? c : GA, fA = (D = AA[1]) != null ? D : fA, dA = (w = AA[2]) != null ? w : dA, iA = (l = AA[3]) != null ? l : iA, DA && DA.length >= 2 && (eA = (F = DA[0]) != null ? F : eA, tA = (d = DA[1]) != null ? d : tA), IA && IA.length >= 4 && (nA = (y = IA[0]) != null ? y : nA, RA = (G = IA[1]) != null ? G : RA, uA = (f = IA[2]) != null ? f : uA, vA = (u = IA[3]) != null ? u : vA, Qg = 1);
     else if (L && L.length >= 13)
-      GA = (R = L[0]) != null ? R : GA, fA = (M = L[1]) != null ? M : fA, dA = (N = L[2]) != null ? N : dA, iA = (S = L[3]) != null ? S : iA, eA = (Y = L[4]) != null ? Y : eA, tA = (U = L[5]) != null ? U : tA, Kg || (hA = (k = L[6]) != null ? k : hA), pg || (aA = (m = L[7]) != null ? m : aA), nA = (J = L[8]) != null ? J : nA, RA = (q = L[9]) != null ? q : RA, uA = (_ = L[10]) != null ? _ : uA, TA = (Z = L[11]) != null ? Z : TA, Qg = ((x = L[12]) != null ? x : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (PA = (X = L[13]) != null ? X : PA);
+      GA = (R = L[0]) != null ? R : GA, fA = (M = L[1]) != null ? M : fA, dA = (N = L[2]) != null ? N : dA, iA = (S = L[3]) != null ? S : iA, eA = (Y = L[4]) != null ? Y : eA, tA = (U = L[5]) != null ? U : tA, Kg || (hA = (k = L[6]) != null ? k : hA), pg || (aA = (m = L[7]) != null ? m : aA), nA = (J = L[8]) != null ? J : nA, RA = (q = L[9]) != null ? q : RA, uA = (_ = L[10]) != null ? _ : uA, vA = (Z = L[11]) != null ? Z : vA, Qg = ((x = L[12]) != null ? x : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (PA = (X = L[13]) != null ? X : PA);
     else if (EA instanceof Float32Array && EA.length >= 16) {
       GA = (v = EA[0]) != null ? v : GA, fA = (gA = EA[1]) != null ? gA : fA, dA = (UA = EA[4]) != null ? UA : dA, iA = (yA = EA[5]) != null ? yA : iA, eA = (rA = EA[12]) != null ? rA : eA, tA = (BA = EA[13]) != null ? BA : tA;
       const _g = Bg instanceof Float32Array && Bg.length >= 4 ? Bg : IA;
-      _g && _g.length >= 4 && (nA = (Ig = _g[0]) != null ? Ig : nA, RA = (QA = _g[1]) != null ? QA : RA, uA = (V = _g[2]) != null ? V : uA, TA = (YA = _g[3]) != null ? YA : TA, Qg = typeof A.uniforms.u_clipEnabled == "number" ? A.uniforms.u_clipEnabled > 0.5 ? 1 : 0 : 1);
+      _g && _g.length >= 4 && (nA = (Ig = _g[0]) != null ? Ig : nA, RA = (QA = _g[1]) != null ? QA : RA, uA = (V = _g[2]) != null ? V : uA, vA = (YA = _g[3]) != null ? YA : vA, Qg = typeof A.uniforms.u_clipEnabled == "number" ? A.uniforms.u_clipEnabled > 0.5 ? 1 : 0 : 1);
     }
-    return AA && L && L.length >= 13 && (DA || (eA = (kA = L[4]) != null ? kA : eA, tA = (W = L[5]) != null ? W : tA), Kg || (hA = (pA = L[6]) != null ? pA : hA), pg || (aA = (LA = L[7]) != null ? LA : aA), IA || (nA = (ag = L[8]) != null ? ag : nA, RA = (OA = L[9]) != null ? OA : RA, uA = (KA = L[10]) != null ? KA : uA, TA = (qA = L[11]) != null ? qA : TA, Qg = ((sA = L[12]) != null ? sA : 0) > 0.5 ? 1 : 0)), Number.isFinite(hA) || (hA = 1), Number.isFinite(aA) || (aA = 0), Number.isFinite(PA) || (PA = 0), Number.isFinite(Wg) || (Wg = -1), aA = Math.max(0, Math.min(I - 1, Math.floor(aA))), PA = Math.max(0, Math.floor(PA)), ![GA, fA, dA, iA, eA, tA, hA].every(Number.isFinite) || g < 1 ? null : {
+    return AA && L && L.length >= 13 && (DA || (eA = (kA = L[4]) != null ? kA : eA, tA = (W = L[5]) != null ? W : tA), Kg || (hA = (pA = L[6]) != null ? pA : hA), pg || (aA = (LA = L[7]) != null ? LA : aA), IA || (nA = (ag = L[8]) != null ? ag : nA, RA = (OA = L[9]) != null ? OA : RA, uA = (KA = L[10]) != null ? KA : uA, vA = (TA = L[11]) != null ? TA : vA, Qg = ((sA = L[12]) != null ? sA : 0) > 0.5 ? 1 : 0)), Number.isFinite(hA) || (hA = 1), Number.isFinite(aA) || (aA = 0), Number.isFinite(PA) || (PA = 0), Number.isFinite(Wg) || (Wg = -1), aA = Math.max(0, Math.min(I - 1, Math.floor(aA))), PA = Math.max(0, Math.floor(PA)), ![GA, fA, dA, iA, eA, tA, hA].every(Number.isFinite) || g < 1 ? null : {
       parentA: GA,
       parentB: fA,
       parentC: dA,
@@ -4032,7 +4032,7 @@ const hg = class CA {
       clipX0: nA,
       clipY0: RA,
       clipX1: uA,
-      clipY1: TA,
+      clipY1: vA,
       clipEnabled: Qg,
       metadataBase: PA,
       atlasPage: Math.max(-1, Math.floor(Wg))
@@ -4234,7 +4234,7 @@ function dC(C, A, g) {
   }
   return I;
 }
-function vA(C, A, g) {
+function WA(C, A, g) {
   const I = dC(C, C.VERTEX_SHADER, A), B = dC(C, C.FRAGMENT_SHADER, g), Q = C.createProgram();
   if (!Q)
     throw C.deleteShader(I), C.deleteShader(B), new Error("Failed to create program");
@@ -4263,7 +4263,7 @@ function pI(C) {
   return typeof A.displayHeight == "number" && A.displayHeight > 0 ? A.displayHeight : typeof A.codedHeight == "number" && A.codedHeight > 0 ? A.codedHeight : typeof A.videoHeight == "number" && A.videoHeight > 0 ? A.videoHeight : typeof A.naturalHeight == "number" && A.naturalHeight > 0 ? A.naturalHeight : typeof A.height == "number" && A.height > 0 ? A.height : 0;
 }
 var si = Object.defineProperty, ni = (C, A, g) => A in C ? si(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, H = (C, A, g) => ni(C, typeof A != "symbol" ? A + "" : A, g);
-const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]), hi = new Float32Array([1, 1]), SA = class xA {
+const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]), hi = new Float32Array([1, 1]), SA = class bA {
   constructor(A, g = !0) {
     H(this, "type", "webgl2"), H(this, "supportsAtomicFrameReplay", !0), H(this, "canvas"), H(this, "maxTextureSize", 4096), H(this, "antialias"), H(this, "gl"), H(this, "nextId", 1), H(this, "buffers", /* @__PURE__ */ new Map()), H(this, "textures", /* @__PURE__ */ new Map()), H(this, "frameTables", /* @__PURE__ */ new Map()), H(this, "ownedFrameTableMetadataIds", /* @__PURE__ */ new Set()), H(this, "programs", /* @__PURE__ */ new Map()), H(this, "vertexArrays", /* @__PURE__ */ new Map()), H(this, "cachedDrawProgram", null), H(this, "cachedTex0Id", null), H(this, "cachedFrameTableId", null), H(this, "cachedFrameMetadataId", null), H(this, "cachedProjectionRef", null), H(this, "cachedProjectionShader", null), H(this, "videoUploadCanvas", null), H(this, "videoUploadCtx", null), H(this, "videoElementPreferCanvasBridge", oi()), H(this, "videoElementDirectUploadValidated", !1), H(this, "maxVertexTextureImageUnits", 0), H(this, "svgaFrameTableSupported", !1), H(this, "instancedSvgaInstanceGLBuffer", null), H(this, "svgaSlotStateTexture", null), H(this, "svgaSlotStateTextureWidth", 0), H(this, "svgaSlotStateTextureHeight", 0), H(this, "svgaSlotStateUploadScratch", new Float32Array(0)), H(this, "svgaSlotStateUploadId", -1), H(this, "svgaTableInfoScratch", new Int32Array(4)), H(this, "svgaTableSizeScratch", new Int32Array(2)), H(this, "svgaMetadataSizeScratch", new Int32Array(2)), H(this, "instancedClipMaskGLBuffer", null), H(this, "instancedAlphaInstanceGLBuffer", null), H(this, "performanceBufferWrites", 0), H(this, "performanceBufferWriteBytes", 0), H(this, "performanceStorageBufferWrites", 0), H(this, "performanceStorageBufferWriteBytes", 0), H(this, "performanceSubmittedDrawCalls", 0), H(this, "performanceRejectedDrawCalls", 0), H(this, "performanceSVGADynamicUploadWrites", 0), H(this, "performanceSVGADynamicUploadBytes", 0), H(this, "runtimeSubmittedDrawCalls", 0), H(this, "runtimeRejectedDrawCalls", 0), H(this, "currentDrawResult", $(
       "invalid-command",
@@ -4322,19 +4322,19 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     this.currentDrawRecorded = !0, this.currentDrawResult.submitted && (this.currentDrawResult = $("invalid-command", "WebGL2 draw was rejected")), this.performanceRejectedDrawCalls++, this.runtimeRejectedDrawCalls++;
   }
   initPrograms() {
-    const A = this.gl, g = vA(A, P.svgaBatchPremul.vert, P.svgaBatchPremul.frag);
+    const A = this.gl, g = WA(A, P.svgaBatchPremul.vert, P.svgaBatchPremul.frag);
     this.programs.set(
       "svga-batch-premul",
       this.makeProgramEntry(g, { transform: !0, opacity: !0 })
     ), this.bindProgramSamplers(g, { u_atlas: 0 });
-    const I = vA(
+    const I = WA(
       A,
       P.svgaInstancedPremul.vert,
       P.svgaInstancedPremul.frag
     );
     if (this.programs.set("svga-instanced-premul", this.makeProgramEntry(I)), this.bindProgramSamplers(I, { u_atlas: 0 }), this.maxVertexTextureImageUnits >= 2 && this.maxTextureSize >= 3)
       try {
-        const n = vA(
+        const n = WA(
           A,
           P.svgaFrameTableInstancedPremul.vert,
           P.svgaFrameTableInstancedPremul.frag
@@ -4369,7 +4369,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
           u_spriteMetadata: 2,
           u_slotStates: 3
         });
-        const r = vA(
+        const r = WA(
           A,
           P.svgaFrameTableShape.vert,
           P.svgaFrameTableShape.frag
@@ -4393,7 +4393,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
             compactSlotStateEnabled: !0
           })
         ), this.bindProgramSamplers(r, { u_frameTable: 0, u_slotStates: 3 });
-        const h = vA(
+        const h = WA(
           A,
           P.svgaFrameTableClipMask.vert,
           P.svgaFrameTableClipMask.frag
@@ -4419,7 +4419,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       } catch (n) {
         this.svgaFrameTableSupported = !1, console.warn("[WebGL2] SVGA frame-table shader unavailable; using CPU reference path.", n);
       }
-    const B = vA(A, P.vap.vert, P.vap.frag);
+    const B = WA(A, P.vap.vert, P.vap.frag);
     this.programs.set(
       "vap",
       this.makeProgramEntry(B, {
@@ -4429,12 +4429,12 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
         rgbPremultiplied: !0
       })
     ), this.bindProgramSamplers(B, { u_video: 0 });
-    const Q = vA(A, P.vapMixOverlay.vert, P.vapMixOverlay.frag);
+    const Q = WA(A, P.vapMixOverlay.vert, P.vapMixOverlay.frag);
     this.programs.set(
       "vap-mix-overlay",
       this.makeProgramEntry(Q, { transform: !0, atlasRemap: !0, opacity: !0 })
     ), this.bindProgramSamplers(Q, { u_resource: 0, u_video: 1 });
-    const E = vA(A, P.alphaVideo.vert, P.alphaVideo.frag);
+    const E = WA(A, P.alphaVideo.vert, P.alphaVideo.frag);
     this.programs.set(
       "alpha-video",
       this.makeProgramEntry(E, {
@@ -4444,28 +4444,28 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
         rgbPremultiplied: !0
       })
     ), this.bindProgramSamplers(E, { u_video: 0 });
-    const i = vA(A, P.rgbaTextured.vert, P.rgbaTextured.frag);
+    const i = WA(A, P.rgbaTextured.vert, P.rgbaTextured.frag);
     this.programs.set(
       "rgba-textured",
       this.makeProgramEntry(i, { transform: !0, atlasRemap: !0, opacity: !0 })
     ), this.bindProgramSamplers(i, { u_video: 0 });
-    const e = vA(
+    const e = WA(
       A,
       P.alphaVideoInstanced.vert,
       P.alphaVideoInstanced.frag
     );
     this.programs.set("alpha-video-instanced", this.makeProgramEntry(e)), this.bindProgramSamplers(e, { u_video: 0 });
-    const t = vA(A, P.vapInstanced.vert, P.vapInstanced.frag);
+    const t = WA(A, P.vapInstanced.vert, P.vapInstanced.frag);
     this.programs.set("vap-instanced", this.makeProgramEntry(t)), this.bindProgramSamplers(t, { u_video: 0 });
-    const a = vA(A, P.clipMask.vert, P.clipMask.frag);
+    const a = WA(A, P.clipMask.vert, P.clipMask.frag);
     this.programs.set("clip-mask", this.makeProgramEntry(a, { transform: !0 }));
-    const o = vA(
+    const o = WA(
       A,
       P.clipMaskInstanced.vert,
       P.clipMaskInstanced.frag
     );
     this.programs.set("clip-mask-instanced", this.makeProgramEntry(o));
-    const s = vA(
+    const s = WA(
       A,
       P.particleInstanced.vert,
       P.particleInstanced.frag
@@ -4475,7 +4475,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   ensureParticleSpriteProgram() {
     let A = this.programs.get("particle-sprite-instanced");
     if (A) return A;
-    const g = vA(
+    const g = WA(
       this.gl,
       P.particleSpriteInstanced.vert,
       P.particleSpriteInstanced.frag
@@ -5081,7 +5081,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedSvgaInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_SVGA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedSvgaInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_SVGA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedSvgaInstanceGLBuffer = g;
     }
     return this.instancedSvgaInstanceGLBuffer;
   }
@@ -5099,19 +5099,19 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     return e !== t.length && (this.svgaSlotStateUploadScratch.length < e && (this.svgaSlotStateUploadScratch = new Float32Array(e)), this.svgaSlotStateUploadScratch.fill(0, 0, e), this.svgaSlotStateUploadScratch.set(t), a = this.svgaSlotStateUploadScratch.subarray(0, e)), B.texSubImage2D(B.TEXTURE_2D, 0, 0, 0, E, i, B.RGBA, B.FLOAT, a, 0), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += g * $A * Float32Array.BYTES_PER_ELEMENT, this.svgaSlotStateUploadId = I, { width: E, height: i };
   }
   resolveSVGAFrameTableSlotState(A, g) {
-    var I, B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, qA;
+    var I, B, Q, E, i, e, t, a, o, s, n, r, h, c, D, w, l, F, d, y, G, f, u, R, M, N, S, Y, U, k, m, J, q, _, Z, x, X, v, gA, UA, yA, rA, BA, Ig, QA, V, YA, kA, W, pA, LA, ag, OA, KA, TA;
     const sA = A.uniforms, L = (B = (I = A.svgaFrameTableSlotState) != null ? I : A.svgaSlotState) != null ? B : sA.u_svgaSlotState instanceof Float32Array ? sA.u_svgaSlotState : sA.u_slotState instanceof Float32Array ? sA.u_slotState : null, EA = sA.u_transform, Bg = sA.u_clipRect, AA = A.svgaFrameTableParentAffine, DA = A.svgaFrameTableParentTranslate, IA = A.svgaFrameTableClipRect, pg = A.svgaFrameIndex != null || A.svgaFrameTableFrameIndex != null || A.frameTableFrameIndex != null, Kg = A.svgaFrameTableOpacity != null || typeof sA.u_opacity == "number";
-    let Cg = 1, GA = 0, fA = 0, dA = 1, iA = 0, eA = 0, tA = (Q = A.svgaFrameTableOpacity) != null ? Q : typeof sA.u_opacity == "number" ? sA.u_opacity : 1, hA = (e = (i = (E = A.svgaFrameIndex) != null ? E : A.svgaFrameTableFrameIndex) != null ? i : A.frameTableFrameIndex) != null ? e : 0, aA = 0, nA = 0, RA = this.canvas.width, uA = this.canvas.height, TA = 0, Qg = (n = (s = (o = (a = (t = A.svgaFrameTableMetadataBase) != null ? t : A.svgaFrameTableSpriteBase) != null ? a : A.frameTableSpriteBase) != null ? o : A.svgaSpriteMetadataBase) != null ? s : A.svgaSpriteBase) != null ? n : 0, Wg = (r = A.svgaFrameTableAtlasPage) != null ? r : -1;
+    let Cg = 1, GA = 0, fA = 0, dA = 1, iA = 0, eA = 0, tA = (Q = A.svgaFrameTableOpacity) != null ? Q : typeof sA.u_opacity == "number" ? sA.u_opacity : 1, hA = (e = (i = (E = A.svgaFrameIndex) != null ? E : A.svgaFrameTableFrameIndex) != null ? i : A.frameTableFrameIndex) != null ? e : 0, aA = 0, nA = 0, RA = this.canvas.width, uA = this.canvas.height, vA = 0, Qg = (n = (s = (o = (a = (t = A.svgaFrameTableMetadataBase) != null ? t : A.svgaFrameTableSpriteBase) != null ? a : A.frameTableSpriteBase) != null ? o : A.svgaSpriteMetadataBase) != null ? s : A.svgaSpriteBase) != null ? n : 0, Wg = (r = A.svgaFrameTableAtlasPage) != null ? r : -1;
     if (AA && AA.length >= 4)
-      Cg = (h = AA[0]) != null ? h : Cg, GA = (c = AA[1]) != null ? c : GA, fA = (D = AA[2]) != null ? D : fA, dA = (w = AA[3]) != null ? w : dA, DA && DA.length >= 2 && (iA = (l = DA[0]) != null ? l : iA, eA = (F = DA[1]) != null ? F : eA), IA && IA.length >= 4 && (aA = (d = IA[0]) != null ? d : aA, nA = (y = IA[1]) != null ? y : nA, RA = (G = IA[2]) != null ? G : RA, uA = (f = IA[3]) != null ? f : uA, TA = 1);
+      Cg = (h = AA[0]) != null ? h : Cg, GA = (c = AA[1]) != null ? c : GA, fA = (D = AA[2]) != null ? D : fA, dA = (w = AA[3]) != null ? w : dA, DA && DA.length >= 2 && (iA = (l = DA[0]) != null ? l : iA, eA = (F = DA[1]) != null ? F : eA), IA && IA.length >= 4 && (aA = (d = IA[0]) != null ? d : aA, nA = (y = IA[1]) != null ? y : nA, RA = (G = IA[2]) != null ? G : RA, uA = (f = IA[3]) != null ? f : uA, vA = 1);
     else if (L && L.length >= 13)
-      Cg = (u = L[0]) != null ? u : Cg, GA = (R = L[1]) != null ? R : GA, fA = (M = L[2]) != null ? M : fA, dA = (N = L[3]) != null ? N : dA, iA = (S = L[4]) != null ? S : iA, eA = (Y = L[5]) != null ? Y : eA, Kg || (tA = (U = L[6]) != null ? U : tA), pg || (hA = (k = L[7]) != null ? k : hA), aA = (m = L[8]) != null ? m : aA, nA = (J = L[9]) != null ? J : nA, RA = (q = L[10]) != null ? q : RA, uA = (_ = L[11]) != null ? _ : uA, TA = ((Z = L[12]) != null ? Z : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (Qg = (x = L[13]) != null ? x : Qg);
+      Cg = (u = L[0]) != null ? u : Cg, GA = (R = L[1]) != null ? R : GA, fA = (M = L[2]) != null ? M : fA, dA = (N = L[3]) != null ? N : dA, iA = (S = L[4]) != null ? S : iA, eA = (Y = L[5]) != null ? Y : eA, Kg || (tA = (U = L[6]) != null ? U : tA), pg || (hA = (k = L[7]) != null ? k : hA), aA = (m = L[8]) != null ? m : aA, nA = (J = L[9]) != null ? J : nA, RA = (q = L[10]) != null ? q : RA, uA = (_ = L[11]) != null ? _ : uA, vA = ((Z = L[12]) != null ? Z : 0) > 0.5 ? 1 : 0, A.svgaFrameTableMetadataBase == null && A.svgaFrameTableSpriteBase == null && A.frameTableSpriteBase == null && A.svgaSpriteMetadataBase == null && A.svgaSpriteBase == null && L.length >= 14 && (Qg = (x = L[13]) != null ? x : Qg);
     else if (EA instanceof Float32Array && EA.length >= 16) {
       Cg = (X = EA[0]) != null ? X : Cg, GA = (v = EA[1]) != null ? v : GA, fA = (gA = EA[4]) != null ? gA : fA, dA = (UA = EA[5]) != null ? UA : dA, iA = (yA = EA[12]) != null ? yA : iA, eA = (rA = EA[13]) != null ? rA : eA;
       const PA = Bg instanceof Float32Array && Bg.length >= 4 ? Bg : IA;
-      PA && PA.length >= 4 && (aA = (BA = PA[0]) != null ? BA : aA, nA = (Ig = PA[1]) != null ? Ig : nA, RA = (QA = PA[2]) != null ? QA : RA, uA = (V = PA[3]) != null ? V : uA, TA = typeof sA.u_clipEnabled == "number" ? sA.u_clipEnabled > 0.5 ? 1 : 0 : 1);
+      PA && PA.length >= 4 && (aA = (BA = PA[0]) != null ? BA : aA, nA = (Ig = PA[1]) != null ? Ig : nA, RA = (QA = PA[2]) != null ? QA : RA, uA = (V = PA[3]) != null ? V : uA, vA = typeof sA.u_clipEnabled == "number" ? sA.u_clipEnabled > 0.5 ? 1 : 0 : 1);
     }
-    return AA && L && L.length >= 13 && (DA || (iA = (YA = L[4]) != null ? YA : iA, eA = (kA = L[5]) != null ? kA : eA), Kg || (tA = (W = L[6]) != null ? W : tA), pg || (hA = (pA = L[7]) != null ? pA : hA), IA || (aA = (LA = L[8]) != null ? LA : aA, nA = (ag = L[9]) != null ? ag : nA, RA = (OA = L[10]) != null ? OA : RA, uA = (KA = L[11]) != null ? KA : uA, TA = ((qA = L[12]) != null ? qA : 0) > 0.5 ? 1 : 0)), Number.isFinite(tA) || (tA = 1), Number.isFinite(hA) || (hA = 0), Number.isFinite(Qg) || (Qg = 0), Number.isFinite(Wg) || (Wg = -1), hA = Math.max(0, Math.min(Math.max(1, g) - 1, Math.floor(hA))), Qg = Math.max(0, Math.floor(Qg)), [Cg, GA, fA, dA, iA, eA, tA, aA, nA, RA, uA].every(Number.isFinite) ? {
+    return AA && L && L.length >= 13 && (DA || (iA = (YA = L[4]) != null ? YA : iA, eA = (kA = L[5]) != null ? kA : eA), Kg || (tA = (W = L[6]) != null ? W : tA), pg || (hA = (pA = L[7]) != null ? pA : hA), IA || (aA = (LA = L[8]) != null ? LA : aA, nA = (ag = L[9]) != null ? ag : nA, RA = (OA = L[10]) != null ? OA : RA, uA = (KA = L[11]) != null ? KA : uA, vA = ((TA = L[12]) != null ? TA : 0) > 0.5 ? 1 : 0)), Number.isFinite(tA) || (tA = 1), Number.isFinite(hA) || (hA = 0), Number.isFinite(Qg) || (Qg = 0), Number.isFinite(Wg) || (Wg = -1), hA = Math.max(0, Math.min(Math.max(1, g) - 1, Math.floor(hA))), Qg = Math.max(0, Math.floor(Qg)), [Cg, GA, fA, dA, iA, eA, tA, aA, nA, RA, uA].every(Number.isFinite) ? {
       parentA: Cg,
       parentB: GA,
       parentC: fA,
@@ -5124,7 +5124,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       clipY0: nA,
       clipX1: RA,
       clipY1: uA,
-      clipEnabled: TA,
+      clipEnabled: vA,
       metadataBase: Qg,
       atlasPage: Math.max(-1, Math.floor(Wg))
     } : null;
@@ -5213,12 +5213,12 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     this.applyProjectionUniform(W, kA, A.uniforms.u_projection);
     const KA = this.svgaTableInfoScratch;
     KA[0] = q, KA[1] = _, KA[2] = 3, KA[3] = 0;
-    const qA = this.svgaTableSizeScratch;
-    qA[0] = Y.width, qA[1] = Y.height;
+    const TA = this.svgaTableSizeScratch;
+    TA[0] = Y.width, TA[1] = Y.height;
     const sA = this.svgaMetadataSizeScratch;
     sA[0] = k.width, sA[1] = k.height;
     const L = R;
-    if (W.tableInfoLoc && ((F = L.uniform4iv) == null || F.call(L, W.tableInfoLoc, KA)), W.frameTableSizeLoc && ((d = L.uniform2iv) == null || d.call(L, W.frameTableSizeLoc, qA)), W.spriteMetadataSizeLoc && ((y = L.uniform2iv) == null || y.call(L, W.spriteMetadataSizeLoc, sA)), W.spriteMetadataStrideLoc && R.uniform1i(W.spriteMetadataStrideLoc, QA), W.spriteBaseLoc && R.uniform1i(W.spriteBaseLoc, V.metadataBase), W.frameIndexLoc && R.uniform1i(W.frameIndexLoc, V.frameIndex), W.parentAffineLoc && R.uniform4f(W.parentAffineLoc, V.parentA, V.parentB, V.parentC, V.parentD), W.parentTranslateLoc && R.uniform2f(W.parentTranslateLoc, V.tx, V.ty), W.slotOpacityLoc && R.uniform1f(W.slotOpacityLoc, V.opacity), W.atlasPageLoc && R.uniform1i(W.atlasPageLoc, V.atlasPage), W.clipRectLoc && R.uniform4f(W.clipRectLoc, V.clipX0, V.clipY0, V.clipX1, V.clipY1), W.clipEnabledLoc && R.uniform1f(W.clipEnabledLoc, V.clipEnabled), W.canvasHeightLoc && R.uniform1f(W.canvasHeightLoc, this.canvas.height), W.instanceStateEnabledLoc && R.uniform1f(W.instanceStateEnabledLoc, yA ? 1 : 0), W.compactSlotStateEnabledLoc && R.uniform1f(W.compactSlotStateEnabledLoc, UA ? 1 : 0), W.spritesPerSlotLoc && R.uniform1i(W.spritesPerSlotLoc, UA ? gA : 1), W.slotStateSizeLoc) {
+    if (W.tableInfoLoc && ((F = L.uniform4iv) == null || F.call(L, W.tableInfoLoc, KA)), W.frameTableSizeLoc && ((d = L.uniform2iv) == null || d.call(L, W.frameTableSizeLoc, TA)), W.spriteMetadataSizeLoc && ((y = L.uniform2iv) == null || y.call(L, W.spriteMetadataSizeLoc, sA)), W.spriteMetadataStrideLoc && R.uniform1i(W.spriteMetadataStrideLoc, QA), W.spriteBaseLoc && R.uniform1i(W.spriteBaseLoc, V.metadataBase), W.frameIndexLoc && R.uniform1i(W.frameIndexLoc, V.frameIndex), W.parentAffineLoc && R.uniform4f(W.parentAffineLoc, V.parentA, V.parentB, V.parentC, V.parentD), W.parentTranslateLoc && R.uniform2f(W.parentTranslateLoc, V.tx, V.ty), W.slotOpacityLoc && R.uniform1f(W.slotOpacityLoc, V.opacity), W.atlasPageLoc && R.uniform1i(W.atlasPageLoc, V.atlasPage), W.clipRectLoc && R.uniform4f(W.clipRectLoc, V.clipX0, V.clipY0, V.clipX1, V.clipY1), W.clipEnabledLoc && R.uniform1f(W.clipEnabledLoc, V.clipEnabled), W.canvasHeightLoc && R.uniform1f(W.canvasHeightLoc, this.canvas.height), W.instanceStateEnabledLoc && R.uniform1f(W.instanceStateEnabledLoc, yA ? 1 : 0), W.compactSlotStateEnabledLoc && R.uniform1f(W.compactSlotStateEnabledLoc, UA ? 1 : 0), W.spritesPerSlotLoc && R.uniform1i(W.spritesPerSlotLoc, UA ? gA : 1), W.slotStateSizeLoc) {
       const AA = new Int32Array([
         (G = OA == null ? void 0 : OA.width) != null ? G : 1,
         (f = OA == null ? void 0 : OA.height) != null ? f : 1
@@ -5340,8 +5340,8 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   drawInstancedSvgaGL(A) {
     var g, I;
     const B = this.gl, Q = (g = A.instanceCount) != null ? g : 0, E = A.instanceData;
-    if (Q < 1 || !E || E.length < Q * xA.INST_SVGA_GL_FLOATS) return;
-    if (Q > xA.INST_SVGA_GL_MAX) {
+    if (Q < 1 || !E || E.length < Q * bA.INST_SVGA_GL_FLOATS) return;
+    if (Q > bA.INST_SVGA_GL_MAX) {
       console.warn("[WebGL2] svga-instanced-premul: instanceCount exceeds max", Q);
       return;
     }
@@ -5360,8 +5360,8 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     const a = this.buffers.get(A.vertexBuffer.id), o = this.buffers.get(A.indexBuffer.id);
     if (!a || !o) return;
     const s = this.ensureInstancedSvgaInstanceBuffer();
-    if (B.bindBuffer(B.ARRAY_BUFFER, s), B.bufferSubData(B.ARRAY_BUFFER, 0, E, 0, Q * xA.INST_SVGA_GL_FLOATS), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += Q * xA.INST_SVGA_GL_FLOATS * Float32Array.BYTES_PER_ELEMENT, this.bindCachedVertexArray(e, A.vertexBuffer.id, A.indexBuffer.id)) {
-      const n = xA.INST_SVGA_GL_STRIDE;
+    if (B.bindBuffer(B.ARRAY_BUFFER, s), B.bufferSubData(B.ARRAY_BUFFER, 0, E, 0, Q * bA.INST_SVGA_GL_FLOATS), this.performanceSVGADynamicUploadWrites++, this.performanceSVGADynamicUploadBytes += Q * bA.INST_SVGA_GL_FLOATS * Float32Array.BYTES_PER_ELEMENT, this.bindCachedVertexArray(e, A.vertexBuffer.id, A.indexBuffer.id)) {
+      const n = bA.INST_SVGA_GL_STRIDE;
       B.bindBuffer(B.ARRAY_BUFFER, s), B.enableVertexAttribArray(1), B.vertexAttribPointer(1, 4, B.FLOAT, !1, n, 0), B.vertexAttribDivisor(1, 1), B.enableVertexAttribArray(2), B.vertexAttribPointer(2, 3, B.FLOAT, !1, n, 16), B.vertexAttribDivisor(2, 1), B.enableVertexAttribArray(3), B.vertexAttribPointer(3, 4, B.FLOAT, !1, n, 28), B.vertexAttribDivisor(3, 1), B.enableVertexAttribArray(4), B.vertexAttribIPointer(4, 2, B.UNSIGNED_INT, n, 44), B.vertexAttribDivisor(4, 1), B.bindBuffer(B.ARRAY_BUFFER, a.buffer), B.enableVertexAttribArray(0), B.vertexAttribPointer(0, 2, B.FLOAT, !1, 8, 0), B.vertexAttribDivisor(0, 0), B.bindBuffer(B.ELEMENT_ARRAY_BUFFER, o.buffer);
     }
     B.drawElementsInstanced(B.TRIANGLES, A.indexCount, B.UNSIGNED_INT, 0, Q), this.recordSubmittedDraw(), i !== "none" && (B.disable(B.STENCIL_TEST), B.colorMask(!0, !0, !0, !0));
@@ -5373,7 +5373,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       if (!g) throw new Error("createBuffer failed");
       A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(
         A.ARRAY_BUFFER,
-        xA.INST_CLIP_MASK_GL_BYTES,
+        bA.INST_CLIP_MASK_GL_BYTES,
         A.DYNAMIC_DRAW
       ), this.instancedClipMaskGLBuffer = g;
     }
@@ -5382,9 +5382,9 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
   drawInstancedClipMaskGL(A) {
     var g, I;
     const B = this.gl, Q = (g = A.instanceCount) != null ? g : 0, E = A.instanceData;
-    if (Q < 1 || !E || E.length < Q * xA.INST_CLIP_MASK_GL_FLOATS)
+    if (Q < 1 || !E || E.length < Q * bA.INST_CLIP_MASK_GL_FLOATS)
       return;
-    if (Q > xA.INST_CLIP_MASK_GL_MAX) {
+    if (Q > bA.INST_CLIP_MASK_GL_MAX) {
       console.warn(
         "[WebGL2] clip-mask-instanced: instanceCount exceeds max",
         Q
@@ -5403,9 +5403,9 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
       0,
       E,
       0,
-      Q * xA.INST_CLIP_MASK_GL_FLOATS
+      Q * bA.INST_CLIP_MASK_GL_FLOATS
     ), this.bindCachedVertexArray(i, A.vertexBuffer.id, A.indexBuffer.id)) {
-      const n = xA.INST_CLIP_MASK_GL_STRIDE;
+      const n = bA.INST_CLIP_MASK_GL_STRIDE;
       B.bindBuffer(B.ARRAY_BUFFER, s), B.enableVertexAttribArray(1), B.vertexAttribPointer(1, 4, B.FLOAT, !1, n, 0), B.vertexAttribDivisor(1, 1), B.enableVertexAttribArray(2), B.vertexAttribPointer(2, 2, B.FLOAT, !1, n, 16), B.vertexAttribDivisor(2, 1), B.bindBuffer(B.ARRAY_BUFFER, t.buffer), B.enableVertexAttribArray(0), B.vertexAttribPointer(0, 2, B.FLOAT, !1, 8, 0), B.vertexAttribDivisor(0, 0), B.bindBuffer(B.ELEMENT_ARRAY_BUFFER, a.buffer);
     }
     B.drawElementsInstanced(
@@ -5421,7 +5421,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedAlphaInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_ALPHA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedAlphaInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_ALPHA_GL_BYTES, A.DYNAMIC_DRAW), this.instancedAlphaInstanceGLBuffer = g;
     }
     return this.instancedAlphaInstanceGLBuffer;
   }
@@ -5429,7 +5429,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     var g;
     const I = this.gl, B = (g = A.instanceCount) != null ? g : 0, Q = A.instanceData;
     if (B < 1 || !Q || Q.length < B * 12) return;
-    if (B > xA.INST_ALPHA_GL_MAX) {
+    if (B > bA.INST_ALPHA_GL_MAX) {
       console.warn("[WebGL2] alpha-video-instanced: instanceCount exceeds max", B);
       return;
     }
@@ -5464,7 +5464,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     if (!this.instancedVapInstanceGLBuffer) {
       const g = A.createBuffer();
       if (!g) throw new Error("createBuffer failed");
-      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, xA.INST_VAP_GL_BYTES, A.DYNAMIC_DRAW), this.instancedVapInstanceGLBuffer = g;
+      A.bindVertexArray(null), A.bindBuffer(A.ARRAY_BUFFER, g), A.bufferData(A.ARRAY_BUFFER, bA.INST_VAP_GL_BYTES, A.DYNAMIC_DRAW), this.instancedVapInstanceGLBuffer = g;
     }
     return this.instancedVapInstanceGLBuffer;
   }
@@ -5472,7 +5472,7 @@ const vI = "svga-frame-table-instanced-premul", uC = 8, ri = new Float32Array([1
     var g;
     const I = this.gl, B = (g = A.instanceCount) != null ? g : 0, Q = A.instanceData;
     if (B < 1 || !Q || Q.length < B * 32) return;
-    if (B > xA.INST_VAP_GL_MAX) {
+    if (B > bA.INST_VAP_GL_MAX) {
       console.warn("[WebGL2] vap-instanced: instanceCount exceeds max", B);
       return;
     }
@@ -6120,32 +6120,32 @@ function fB(C, A, g) {
   return E;
 }
 function Ni(C, A, g) {
-  const I = UC(C, z.__wbindgen_malloc), B = bA;
-  var Q = UC(A, z.__wbindgen_malloc), E = bA, i = JQ(g, z.__wbindgen_malloc), e = bA;
+  const I = UC(C, z.__wbindgen_malloc), B = qA;
+  var Q = UC(A, z.__wbindgen_malloc), E = qA, i = JQ(g, z.__wbindgen_malloc), e = qA;
   return z.build_batch_vertices(I, B, Q, E, A, i, e, g) >>> 0;
 }
 function Ui(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga(A, g);
   if (I[2])
     throw KI(I[1]);
   return KI(I[0]);
 }
 function ki(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga_payload(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga_payload(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
   return z.__wbindgen_free(I[0], I[1] * 1, 1), B;
 }
 function Yi(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.decode_svga_payload_profiled(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.decode_svga_payload_profiled(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
   return z.__wbindgen_free(I[0], I[1] * 1, 1), B;
 }
 function pi(C) {
-  const A = yB(C, z.__wbindgen_malloc), g = bA, I = z.inflate(A, g);
+  const A = yB(C, z.__wbindgen_malloc), g = qA, I = z.inflate(A, g);
   if (I[3])
     throw KI(I[2]);
   var B = FB(I[0], I[1]).slice();
@@ -6158,7 +6158,7 @@ function Ki() {
   return z.take_svga_payload_profile();
 }
 function mi(C, A) {
-  const g = xi(C, z.__wbindgen_malloc), I = bA, B = JQ(A, z.__wbindgen_malloc), Q = bA, E = z.triangulate_clip_polygons(g, I, B, Q);
+  const g = xi(C, z.__wbindgen_malloc), I = qA, B = JQ(A, z.__wbindgen_malloc), Q = qA, E = z.triangulate_clip_polygons(g, I, B, Q);
   var i = Ji(E[0], E[1]).slice();
   return z.__wbindgen_free(E[0], E[1] * 4, 4), i;
 }
@@ -6171,7 +6171,7 @@ function KQ() {
         return Error(MB(A, g));
       },
       __wbg_String_8564e559799eccda: function(A, g) {
-        const I = String(g), B = bi(I, z.__wbindgen_malloc, z.__wbindgen_realloc), Q = bA;
+        const I = String(g), B = bi(I, z.__wbindgen_malloc, z.__wbindgen_realloc), Q = qA;
         NC().setInt32(A + 4, Q, !0), NC().setInt32(A + 0, B, !0);
       },
       __wbg___wbindgen_copy_to_typed_array_a4db337751e0b328: function(A, g, I) {
@@ -6251,24 +6251,24 @@ function iI() {
 }
 function JQ(C, A) {
   const g = A(C.length * 4, 4) >>> 0;
-  return mQ().set(C, g / 4), bA = C.length, g;
+  return mQ().set(C, g / 4), qA = C.length, g;
 }
 function yB(C, A) {
   const g = A(C.length * 1, 1) >>> 0;
-  return iI().set(C, g / 1), bA = C.length, g;
+  return iI().set(C, g / 1), qA = C.length, g;
 }
 function UC(C, A) {
   const g = A(C.length * 4, 4) >>> 0;
-  return Li().set(C, g / 4), bA = C.length, g;
+  return Li().set(C, g / 4), qA = C.length, g;
 }
 function xi(C, A) {
   const g = A(C.length * 8, 8) >>> 0;
-  return Hi().set(C, g / 8), bA = C.length, g;
+  return Hi().set(C, g / 8), qA = C.length, g;
 }
 function bi(C, A, g) {
   if (g === void 0) {
     const i = dI.encode(C), e = A(i.length, 1) >>> 0;
-    return iI().subarray(e, e + i.length).set(i), bA = i.length, e;
+    return iI().subarray(e, e + i.length).set(i), qA = i.length, e;
   }
   let I = C.length, B = A(I, 1) >>> 0;
   const Q = iI();
@@ -6283,7 +6283,7 @@ function bi(C, A, g) {
     const i = iI().subarray(B + E, B + I), e = dI.encodeInto(C, i);
     E += e.written, B = g(B, I, E, 1) >>> 0;
   }
-  return bA = E, B;
+  return qA = E, B;
 }
 function KI(C) {
   const A = z.__wbindgen_externrefs.get(C);
@@ -6304,7 +6304,7 @@ const dI = new TextEncoder();
     written: g.length
   };
 });
-let bA = 0, z;
+let qA = 0, z;
 function LQ(C, A) {
   return z = C.exports, Zg = null, DI = null, lI = null, wI = null, FI = null, z.__wbindgen_start(), z;
 }
@@ -11112,10 +11112,10 @@ function hI(C, A, g, I = { left: 0, right: 0, top: 0, bottom: 0 }) {
   const [B, Q, E, i] = C;
   return I.left = B / A, I.right = (B + E) / A, I.top = (g - Q) / g, I.bottom = (g - Q - i) / g, I;
 }
-var lt = Object.defineProperty, wt = (C, A, g) => A in C ? lt(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, WA = (C, A, g) => wt(C, typeof A != "symbol" ? A + "" : A, g);
+var lt = Object.defineProperty, wt = (C, A, g) => A in C ? lt(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, VA = (C, A, g) => wt(C, typeof A != "symbol" ? A + "" : A, g);
 class jQ {
   constructor(A) {
-    WA(this, "onFrameAvailable"), WA(this, "frameInfo", /* @__PURE__ */ new Map()), WA(this, "pending", /* @__PURE__ */ new Set()), WA(this, "lastHandle", /* @__PURE__ */ new Map()), WA(this, "started", /* @__PURE__ */ new Set()), WA(this, "firstUploaded", /* @__PURE__ */ new Set()), WA(this, "forceTimeFallback", /* @__PURE__ */ new Set()), WA(this, "lastArmAt", /* @__PURE__ */ new Map()), WA(this, "lastCallbackAt", /* @__PURE__ */ new Map()), WA(this, "lastProgressAt", /* @__PURE__ */ new Map()), WA(this, "lastRecoveryAt", /* @__PURE__ */ new Map()), WA(this, "stallLogged", /* @__PURE__ */ new Set()), WA(this, "stagnationLogged", /* @__PURE__ */ new Set()), WA(this, "lastTimeFallback", /* @__PURE__ */ new Map()), WA(this, "healthTimers", /* @__PURE__ */ new Map()), this.onFrameAvailable = A;
+    VA(this, "onFrameAvailable"), VA(this, "frameInfo", /* @__PURE__ */ new Map()), VA(this, "pending", /* @__PURE__ */ new Set()), VA(this, "lastHandle", /* @__PURE__ */ new Map()), VA(this, "started", /* @__PURE__ */ new Set()), VA(this, "firstUploaded", /* @__PURE__ */ new Set()), VA(this, "forceTimeFallback", /* @__PURE__ */ new Set()), VA(this, "lastArmAt", /* @__PURE__ */ new Map()), VA(this, "lastCallbackAt", /* @__PURE__ */ new Map()), VA(this, "lastProgressAt", /* @__PURE__ */ new Map()), VA(this, "lastRecoveryAt", /* @__PURE__ */ new Map()), VA(this, "stallLogged", /* @__PURE__ */ new Set()), VA(this, "stagnationLogged", /* @__PURE__ */ new Set()), VA(this, "lastTimeFallback", /* @__PURE__ */ new Map()), VA(this, "healthTimers", /* @__PURE__ */ new Map()), this.onFrameAvailable = A;
   }
   /**
    * Returns true when `updateTexture` should run for this slot: first time, or a new decoded frame was signaled.
@@ -17052,18 +17052,18 @@ async function I(t, e, n, o, s) {
 }
 function v(t, e, n, o, s, i) {
   if (n.w <= 0 || n.h <= 0 || i <= 0) return;
-  const l = Math.max(1, Math.floor(i * 0.5)), a = n.x, c = n.y, h = n.w, r = n.h, f = Math.min(l, a), u = Math.min(l, c), d = Math.min(l, o - (a + h)), w = Math.min(l, s - (c + r)), H = e.imageSmoothingEnabled;
-  e.imageSmoothingEnabled = !1, f > 0 && e.drawImage(t, a, c, 1, r, a - f, c, f, r), d > 0 && e.drawImage(t, a + h - 1, c, 1, r, a + h, c, d, r), u > 0 && e.drawImage(t, a, c, h, 1, a, c - u, h, u), w > 0 && e.drawImage(t, a, c + r - 1, h, 1, a, c + r, h, w), f > 0 && u > 0 && e.drawImage(t, a, c, 1, 1, a - f, c - u, f, u), d > 0 && u > 0 && e.drawImage(t, a + h - 1, c, 1, 1, a + h, c - u, d, u), f > 0 && w > 0 && e.drawImage(t, a, c + r - 1, 1, 1, a - f, c + r, f, w), d > 0 && w > 0 && e.drawImage(t, a + h - 1, c + r - 1, 1, 1, a + h, c + r, d, w), e.imageSmoothingEnabled = H;
+  const l = Math.max(1, Math.floor(i * 0.5)), a = n.x, c = n.y, h = n.w, r = n.h, f = Math.min(l, a), u = Math.min(l, c), w = Math.min(l, o - (a + h)), d = Math.min(l, s - (c + r)), H = e.imageSmoothingEnabled;
+  e.imageSmoothingEnabled = !1, f > 0 && e.drawImage(t, a, c, 1, r, a - f, c, f, r), w > 0 && e.drawImage(t, a + h - 1, c, 1, r, a + h, c, w, r), u > 0 && e.drawImage(t, a, c, h, 1, a, c - u, h, u), d > 0 && e.drawImage(t, a, c + r - 1, h, 1, a, c + r, h, d), f > 0 && u > 0 && e.drawImage(t, a, c, 1, 1, a - f, c - u, f, u), w > 0 && u > 0 && e.drawImage(t, a + h - 1, c, 1, 1, a + h, c - u, w, u), f > 0 && d > 0 && e.drawImage(t, a, c + r - 1, 1, 1, a - f, c + r, f, d), w > 0 && d > 0 && e.drawImage(t, a + h - 1, c + r - 1, 1, 1, a + h, c + r, w, d), e.imageSmoothingEnabled = H;
 }
 var E = Object.defineProperty, C = (t, e, n) => e in t ? E(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e, n) => C(t, typeof e != "symbol" ? e + "" : e, n);
 function g() {
   return typeof performance != "undefined" ? performance.now() : Date.now();
 }
-function S(t) {
+function A(t) {
   const e = t != null ? t : 4;
   return Number.isFinite(e) ? Math.max(1, Math.min(8, e)) : 4;
 }
-class T {
+class S {
   constructor(e = 4) {
     this.maxSliceMs = e, M(this, "sliceStartedAt", g());
   }
@@ -17071,7 +17071,7 @@ class T {
     g() - this.sliceStartedAt < this.maxSliceMs || (await new Promise((e) => setTimeout(e, 0)), this.sliceStartedAt = g());
   }
 }
-class A {
+class T {
   constructor() {
     M(this, "running", !1), M(this, "tasks", []);
   }
@@ -17090,7 +17090,7 @@ class A {
     }
   }
 }
-const m = self, Y = new A();
+const m = self, Y = new T();
 async function _(t, e, n, o) {
   const s = new OffscreenCanvas(t.atlasW, t.atlasH), i = s.getContext("2d");
   if (!i) throw new Error("Atlas worker: 2d context unavailable");
@@ -17127,7 +17127,7 @@ async function X(t, e) {
 }
 async function $(t) {
   var e;
-  const n = [], o = new T(S(t.workerTimeSliceMs));
+  const n = [], o = new S(A(t.workerTimeSliceMs));
   try {
     if (typeof OffscreenCanvas == "undefined")
       throw new Error("OffscreenCanvas unavailable in atlas worker");
@@ -17154,7 +17154,7 @@ async function $(t) {
     for (const r of l) {
       const f = await _(r, s, t.padding, o);
       t.captureEncodedPng && c.push(B(f));
-      const u = f.transferToImageBitmap();
+      const u = await createImageBitmap(f, { premultiplyAlpha: "premultiply" });
       a.push({
         width: r.atlasW,
         height: r.atlasH,
@@ -17202,7 +17202,7 @@ m.onmessage = (t) => {
   const e = t.data;
   !e || e.type !== "build-svga-atlas" || Y.push(() => $(e));
 };
-//# sourceMappingURL=svga-atlas-worker-B7n5WXUn.js.map
+//# sourceMappingURL=svga-atlas-worker-CkVFsaPa.js.map
 `, lQ = typeof self != "undefined" && self.Blob && new Blob(["URL.revokeObjectURL(import.meta.url);", sE], { type: "text/javascript;charset=utf-8" });
 function no(C) {
   let A;
@@ -17318,7 +17318,7 @@ function ho() {
   return NI;
 }
 function nE() {
-  return typeof Worker != "undefined" && UQ() && typeof OffscreenCanvas.prototype.transferToImageBitmap == "function";
+  return typeof Worker != "undefined" && UQ() && typeof createImageBitmap == "function";
 }
 async function co(C, A) {
   if (!nE())
@@ -17524,7 +17524,8 @@ async function yo(C, A, g, I, B) {
         width: o.width,
         height: o.height,
         filter: "linear",
-        premultiplyAlpha: !0
+        premultiplyAlpha: !0,
+        sourcePremultiplied: !0
       });
       try {
         o.bitmap.close();
@@ -18967,10 +18968,10 @@ class _B {
     this._released || (this._released = !0, this.gpuGlobalsBuffer && ((A = this.backend) == null || A.deleteBuffer(this.gpuGlobalsBuffer)), this.table.release());
   }
 }
-var ls = Object.defineProperty, ws = (C, A, g) => A in C ? ls(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, VA = (C, A, g) => ws(C, typeof A != "symbol" ? A + "" : A, g);
+var ls = Object.defineProperty, ws = (C, A, g) => A in C ? ls(C, A, { enumerable: !0, configurable: !0, writable: !0, value: g }) : C[A] = g, xA = (C, A, g) => ws(C, typeof A != "symbol" ? A + "" : A, g);
 class Fs {
   constructor(A, g = `scope-${xQ()}`) {
-    VA(this, "id"), VA(this, "host"), VA(this, "controller", new AbortController()), VA(this, "gifts", /* @__PURE__ */ new Map()), VA(this, "tracks", /* @__PURE__ */ new Set()), VA(this, "bindings", /* @__PURE__ */ new Set()), VA(this, "particleBatches", /* @__PURE__ */ new Set()), VA(this, "particleBatchGroups", /* @__PURE__ */ new Set()), VA(this, "frameListeners", /* @__PURE__ */ new Set()), VA(this, "finishListeners", /* @__PURE__ */ new Set()), VA(this, "unregisterController"), VA(this, "_state", "idle"), VA(this, "_currentTimeMs", 0), VA(this, "durationMs", 0), VA(this, "lastTickAtMs", 0), this.host = A, this.id = g, this.unregisterController = A.registerFrameController(this);
+    xA(this, "id"), xA(this, "host"), xA(this, "controller", new AbortController()), xA(this, "gifts", /* @__PURE__ */ new Map()), xA(this, "tracks", /* @__PURE__ */ new Set()), xA(this, "bindings", /* @__PURE__ */ new Set()), xA(this, "particleBatches", /* @__PURE__ */ new Set()), xA(this, "particleBatchGroups", /* @__PURE__ */ new Set()), xA(this, "frameListeners", /* @__PURE__ */ new Set()), xA(this, "finishListeners", /* @__PURE__ */ new Set()), xA(this, "unregisterController"), xA(this, "_state", "idle"), xA(this, "_currentTimeMs", 0), xA(this, "durationMs", 0), xA(this, "lastTickAtMs", 0), xA(this, "playbackRevision", 0), this.host = A, this.id = g, this.unregisterController = A.registerFrameController(this);
   }
   get signal() {
     return this.controller.signal;
@@ -18999,7 +19000,11 @@ class Fs {
   createMotionTrack(A) {
     this.assertAlive();
     const g = new _B(this.host.backend, A);
-    return this.tracks.add(g), g;
+    this.tracks.add(g);
+    const I = g.release.bind(g);
+    return g.release = () => {
+      I(), this.tracks.delete(g);
+    }, g;
   }
   createParticleBatch(A) {
     this.assertAlive();
@@ -19053,47 +19058,48 @@ class Fs {
   }
   start(A) {
     var g;
-    this.assertAlive(), this.durationMs = Math.max(0, A.durationMs), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, (g = A.fromMs) != null ? g : 0)), this.lastTickAtMs = performance.now(), this._state = "playing";
+    this.assertAlive(), this.playbackRevision++, this.durationMs = Math.max(0, A.durationMs), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, (g = A.fromMs) != null ? g : 0)), this.lastTickAtMs = performance.now(), this._state = "playing";
     for (const I of this.gifts.values()) I.resume();
     this.applyMediaTime(this._currentTimeMs, !0, !0), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.host.invalidate(!0);
   }
   pause() {
     if (this._state === "playing") {
-      this._state = "paused";
+      this.playbackRevision++, this._state = "paused";
       for (const A of this.gifts.values()) A.pause();
     }
   }
   resume() {
     if (this._state === "paused") {
-      this.lastTickAtMs = performance.now(), this._state = "playing";
+      this.playbackRevision++, this.lastTickAtMs = performance.now(), this._state = "playing";
       for (const A of this.gifts.values()) A.resume();
       this.applyMediaTime(this._currentTimeMs, !1, !0), this.host.invalidate(!0);
     }
   }
   seek(A) {
-    this.assertAlive(), this._currentTimeMs = Math.max(0, Math.min(this.durationMs, A)), this._state === "playing" && (this.lastTickAtMs = performance.now()), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs, !1, !0), this.emitFrame(0), this.host.invalidate();
+    this.assertAlive(), this.playbackRevision++, this._currentTimeMs = Math.max(0, Math.min(this.durationMs, A)), this._state === "playing" && (this.lastTickAtMs = performance.now()), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs, !1, !0), this.emitFrame(0), this.host.invalidate();
   }
   stop() {
     if (!(this._state === "destroyed" || this._state === "stopped")) {
-      this._state = "stopped";
+      this.playbackRevision++, this._state = "stopped";
       for (const A of this.gifts.values()) A.pause();
       this.host.invalidate();
     }
   }
   tick(A, g) {
     if (this._state !== "playing") return !1;
-    const I = Math.max(0, g), B = this.lastTickAtMs > 0 ? Math.max(0, A - this.lastTickAtMs) : I, Q = Math.min(I, B);
-    if (this.lastTickAtMs = A, this._currentTimeMs = Math.min(this.durationMs, this._currentTimeMs + Q), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs), this.emitFrame(Q), this._currentTimeMs >= this.durationMs) {
+    const I = this.playbackRevision, B = Math.max(0, g), Q = this.lastTickAtMs > 0 ? Math.max(0, A - this.lastTickAtMs) : B, E = Math.min(B, Q);
+    if (this.lastTickAtMs = A, this._currentTimeMs = Math.min(this.durationMs, this._currentTimeMs + E), this.applyAll(this._currentTimeMs), this.applyParticleTime(this._currentTimeMs), this.applyMediaTime(this._currentTimeMs), I !== this.playbackRevision || (this.emitFrame(E), I !== this.playbackRevision)) return !0;
+    if (this._currentTimeMs >= this.durationMs) {
       this._state = "stopped";
-      for (const E of this.gifts.values()) E.pause();
-      for (const E of this.finishListeners) E();
+      for (const i of this.gifts.values()) i.pause();
+      for (const i of this.finishListeners) i();
     }
     return !0;
   }
   destroy() {
     var A;
     if (this._state !== "destroyed") {
-      this._state = "destroyed", this.controller.abort(), (A = this.unregisterController) == null || A.call(this), this.unregisterController = null;
+      this.playbackRevision++, this._state = "destroyed", this.controller.abort(), (A = this.unregisterController) == null || A.call(this), this.unregisterController = null;
       for (const g of this.bindings) this.bindings.delete(g);
       for (const g of this.gifts.values()) this.host.removeGift(g.id);
       this.gifts.clear();
@@ -21277,11 +21283,27 @@ const Fg = class zA {
       preload: (e, t, a) => this.preload(e, t, a),
       createParticleAtlas: async (e) => {
         const t = await this.createParticleAtlas(e);
-        return I.add(t), t;
+        I.add(t);
+        const a = t.destroy.bind(t);
+        return t.destroy = () => {
+          try {
+            a();
+          } finally {
+            I.delete(t);
+          }
+        }, t;
       },
       createPlaybackScope: (e) => {
         const t = this.createPlaybackScope(e);
-        return g.add(t), t;
+        g.add(t);
+        const a = t.destroy.bind(t);
+        return t.destroy = () => {
+          try {
+            a();
+          } finally {
+            g.delete(t);
+          }
+        }, t;
       }
     }, Q = await A.setup(B);
     let E = !1;