@bg-effects/fireworks 1.0.6 → 1.0.8

package/dist/index-CQylcZgx.js

@@ -0,0 +1,1814 @@
+var Wa = Object.defineProperty;
+var Da = (a, r, t) => r in a ? Wa(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
+var T = (a, r, t) => Da(a, typeof r != "symbol" ? r + "" : r, t);
+import { defineComponent as Z, computed as B, openBlock as x, createElementBlock as I, normalizeClass as U, createElementVNode as d, normalizeStyle as Fa, Fragment as Q, renderList as ia, createCommentVNode as V, toDisplayString as C, h as pa, isRef as fa, toRefs as qa, customRef as Ka, toValue as z, watch as K, getCurrentScope as Qa, onScopeDispose as at, ref as A, shallowRef as Oa, readonly as tt, unref as h, createVNode as R, withCtx as sa, createBlock as H, renderSlot as ha, onUnmounted as ma, Teleport as xa, withModifiers as _a, resolveDynamicComponent as Ra, Transition as rt, createTextVNode as et, onMounted as Xa, defineAsyncComponent as nt } from "vue";
+import { Color as ba, Renderer as ot, Geometry as it, Program as st, Mesh as ut } from "ogl";
+const dt = `#version 300 es
+in vec3 position;
+in vec3 velocity;
+in float startTime;
+in float burstTime;
+in vec3 color;
+in float isRocket; 
+in float stayTime; 
+
+uniform float uTime;
+uniform float uSpeed;
+uniform float uSize;
+uniform float uCurvature;
+uniform float uIsCircular;
+uniform float uGravity;
+uniform float uClusterSize;
+uniform float uAspect;
+uniform float uFlashIntensity;
+
+out vec3 vColor;
+out float vOpacity;
+
+void main() {
+    float t = (uTime - startTime) * uSpeed;
+    float duration = burstTime + 9.0; 
+    t = mod(t, duration);
+
+    vec3 pos = position;
+    vec3 baseColor = color;
+    vColor = color;
+    vOpacity = 0.0;
+    gl_PointSize = 0.0;
+
+    if (t < burstTime) {
+        if (isRocket > 0.5) {
+            float progress = t / burstTime;
+            pos.y += t * 1.5; 
+            pos.x += uCurvature * progress * progress;
+            vOpacity = smoothstep(0.0, 0.1, t);
+            gl_PointSize = uSize * 8.0 * vOpacity;
+        }
+    } else {
+        if (isRocket < 0.5) {
+            float bt = t - burstTime;
+            float burstPosY = position.y + burstTime * 1.5;
+            float burstPosX = position.x + uCurvature;
+            float flash = exp(-bt * 5.0) * uFlashIntensity;
+            
+            if (uIsCircular > 0.5) {
+                float expansion = 1.0 - exp(-bt * 8.0);
+                float dropFactor = smoothstep(stayTime, 9.0, bt);
+                pos.x = burstPosX + (velocity.x * expansion * uClusterSize) / uAspect;
+                pos.y = burstPosY + velocity.y * expansion * uClusterSize - 0.5 * 9.8 * uGravity * pow(bt * dropFactor, 2.0) * 0.1;
+                pos.z = position.z + velocity.z * expansion * uClusterSize;
+                vOpacity = smoothstep(9.0, 0.0, bt);
+            } else {
+                float dropFactor = smoothstep(stayTime, 9.0, bt);
+                float effectiveBt = bt * dropFactor;
+                pos.x = burstPosX + (velocity.x * bt * uClusterSize) / uAspect;
+                pos.y = burstPosY + velocity.y * bt * uClusterSize - 0.5 * 9.8 * uGravity * effectiveBt * effectiveBt * 0.1;
+                pos.z = position.z + velocity.z * bt * uClusterSize;
+                vOpacity = smoothstep(9.0, 0.0, bt);
+            }
+            vColor = mix(baseColor, vec3(2.0), flash); 
+            float flicker = (bt > stayTime) ? (0.8 + 0.2 * sin(bt * 20.0)) : 1.0;
+            vOpacity *= flicker;
+            float flashSize = 1.0 + exp(-bt * 8.0) * 5.0 * uFlashIntensity;
+            gl_PointSize = uSize * 4.0 * vOpacity * flashSize;
+        }
+    }
+    gl_Position = vec4(pos, 1.0);
+}
+`, ct = `#version 300 es
+precision highp float;
+in vec3 vColor;
+in float vOpacity;
+out vec4 fragColor;
+void main() {
+    if (vOpacity <= 0.01) discard;
+    float d = distance(gl_PointCoord, vec2(0.5));
+    if (d > 0.5) discard;
+    float strength = smoothstep(0.5, 0.2, d);
+    fragColor = vec4(vColor, vOpacity * strength);
+}
+`, Ta = [
+  "#ff3333",
+  "#ff5500",
+  "#ffcc00",
+  "#ffff33",
+  "#33ff33",
+  "#00ffcc",
+  "#33ffff",
+  "#3333ff",
+  "#7733ff",
+  "#ff33ff",
+  "#ff66aa",
+  "#ffffff"
+].map((a) => new ba(a)), Ya = ["normal", "circular", "heart", "star", "butterfly", "spiral", "ring", "doubleRing", "atom", "trefoil", "clover", "cross", "saturn", "hexagram", "astroid", "gear", "fermat", "folium", "random"];
+class ja {
+  constructor(r, t) {
+    T(this, "renderer");
+    T(this, "gl");
+    T(this, "geometry");
+    T(this, "program");
+    T(this, "mesh");
+    T(this, "container");
+    T(this, "groupCount");
+    T(this, "particlesPerGroup");
+    T(this, "totalCount");
+    T(this, "colors");
+    T(this, "velocities");
+    T(this, "isRockets");
+    T(this, "groupBaseColors", []);
+    T(this, "animationId", 0);
+    T(this, "timeStart", 0);
+    T(this, "isPaused", !1);
+    T(this, "config");
+    T(this, "updateVelocities", () => {
+      for (let r = 0; r < this.groupCount; r++) {
+        let t = this.config.shape;
+        this.config.shape === "random" && (t = Ya[r % Ya.length]);
+        const e = this.config.rotation * Math.PI / 180, o = (r * 0.1357 % 1 - 0.5) * 2 * (this.config.rotationJitter * Math.PI), n = e + o, i = Math.cos(n), l = Math.sin(n);
+        for (let u = 0; u < this.particlesPerGroup; u++) {
+          const p = r * this.particlesPerGroup + u;
+          if (this.isRockets[p] > 0.5) continue;
+          let f = 0, g = 0, w = 0;
+          const M = 0.15;
+          switch (t) {
+            case "heart": {
+              const s = Math.random() * Math.PI * 2;
+              f = 16 * Math.pow(Math.sin(s), 3) * 6e-3, g = (13 * Math.cos(s) - 5 * Math.cos(2 * s) - 2 * Math.cos(3 * s) - Math.cos(4 * s)) * 6e-3, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "star": {
+              const s = Math.random() * Math.PI * 2, c = 1 + 0.8 * Math.abs(Math.cos(s * 2.5));
+              f = Math.cos(s) * c * 0.08, g = Math.sin(s) * c * 0.08, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "butterfly": {
+              const s = Math.random() * Math.PI * 12, c = Math.exp(Math.cos(s)) - 2 * Math.cos(4 * s) + Math.pow(Math.sin(s / 12), 5);
+              f = Math.sin(s) * c * 0.05, g = Math.cos(s) * c * 0.05, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "spiral": {
+              const s = Math.random() * Math.PI * 8, c = 0.015 * s;
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "ring": {
+              const s = Math.random() * Math.PI * 2, c = 0.12 + (Math.random() - 0.5) * 0.02;
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.02;
+              break;
+            }
+            case "doubleRing": {
+              const s = u / this.particlesPerGroup * Math.PI * 2, y = (u % 2 === 0 ? 0.15 : 0.09) + (Math.random() - 0.5) * 0.01;
+              f = Math.cos(s) * y, g = Math.sin(s) * y, w = (Math.random() - 0.5) * 0.02;
+              break;
+            }
+            case "atom": {
+              const s = Math.random() * Math.PI * 2, c = 0.15, F = u % 3 * Math.PI / 3, Y = Math.cos(s) * c, O = Math.sin(s) * c, N = (Math.random() - 0.5) * 0.01;
+              f = Y * Math.cos(F) - N * Math.sin(F), g = O, w = Y * Math.sin(F) + N * Math.cos(F);
+              break;
+            }
+            case "trefoil": {
+              const s = Math.random() * Math.PI * 2, c = Math.cos(3 * s) * 0.15;
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "clover": {
+              const s = Math.random() * Math.PI * 2, c = Math.cos(2 * s) * 0.15;
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "cross": {
+              const s = Math.floor(Math.random() * 4) * Math.PI / 2, c = Math.random() * 0.18;
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "saturn": {
+              if (u < this.particlesPerGroup * 0.6) {
+                const s = Math.random() * Math.PI * 2, c = Math.acos(2 * Math.random() - 1), y = Math.random() * 0.08;
+                f = Math.sin(c) * Math.cos(s) * y, g = Math.sin(c) * Math.sin(s) * y, w = Math.cos(c) * y;
+              } else {
+                const s = Math.random() * Math.PI * 2, c = 0.14 + (Math.random() - 0.5) * 0.02, y = Math.PI * 0.15;
+                f = Math.cos(s) * c, g = Math.sin(s) * c * Math.sin(y), w = Math.sin(s) * c * Math.cos(y);
+              }
+              break;
+            }
+            case "hexagram": {
+              const s = Math.random() > 0.5, c = (Math.floor(Math.random() * 3) * 120 + (s ? 60 : 0)) * (Math.PI / 180), y = c + 120 * Math.PI / 180, F = Math.random(), Y = 0.15;
+              f = (Math.cos(c) * (1 - F) + Math.cos(y) * F) * Y, g = (Math.sin(c) * (1 - F) + Math.sin(y) * F) * Y, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "astroid": {
+              const s = Math.random() * Math.PI * 2, c = 0.18;
+              f = Math.pow(Math.cos(s), 3) * c, g = Math.pow(Math.sin(s), 3) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "gear": {
+              const s = Math.random() * Math.PI * 2, c = 0.12 + 0.04 * Math.cos(8 * s);
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "fermat": {
+              const s = Math.random() * Math.PI * 10, c = 0.05 * Math.sqrt(s);
+              f = Math.cos(s) * c, g = Math.sin(s) * c, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            case "folium": {
+              const s = -0.5 + Math.random() * 2.5, c = 0.12, y = 1 + Math.pow(s, 3);
+              f = 3 * c * s / y, g = 3 * c * s * s / y, w = (Math.random() - 0.5) * 0.05;
+              break;
+            }
+            default:
+              if (this.config.uniformity > 0.01) {
+                const s = this.particlesPerGroup - 1, c = u - 1, y = Math.acos(1 - 2 * (c + 0.5) / s), F = Math.PI * (1 + Math.sqrt(5)) * (c + 0.5);
+                f = Math.cos(F) * Math.sin(y), g = Math.sin(F) * Math.sin(y), w = Math.cos(y);
+                const Y = M * (this.config.uniformity + (1 - this.config.uniformity) * Math.random());
+                f *= Y, g *= Y, w *= Y;
+              } else {
+                const s = Math.random() * Math.PI * 2, c = Math.acos(2 * Math.random() - 1), y = Math.random() * M;
+                f = Math.sin(c) * Math.cos(s) * y, g = Math.sin(c) * Math.sin(s) * y, w = Math.cos(c) * y;
+              }
+          }
+          const P = f * i - g * l, v = f * l + g * i;
+          this.velocities[p * 3 + 0] = P, this.velocities[p * 3 + 1] = v, this.velocities[p * 3 + 2] = w;
+        }
+      }
+    });
+    T(this, "resize", () => {
+      this.container && (this.renderer.setSize(this.container.offsetWidth, this.container.offsetHeight), this.program.uniforms.uAspect.value = this.container.offsetWidth / this.container.offsetHeight);
+    });
+    T(this, "update", (r) => {
+      this.isPaused || (this.timeStart || (this.timeStart = r), this.animationId = requestAnimationFrame(this.update), this.program.uniforms.uTime.value = (r - this.timeStart) % 1e6 * 1e-3, this.renderer.render({ scene: this.mesh }));
+    });
+    this.container = r, this.config = { ...t }, this.renderer = new ot({ dpr: 2, alpha: !0 }), this.gl = this.renderer.gl, this.container.appendChild(this.gl.canvas), this.groupCount = this.config.fireworkCount, this.particlesPerGroup = Math.floor(100 * this.config.density), this.totalCount = this.groupCount * this.particlesPerGroup;
+    const e = new Float32Array(this.totalCount * 3);
+    this.velocities = new Float32Array(this.totalCount * 3);
+    const o = new Float32Array(this.totalCount), n = new Float32Array(this.totalCount), i = new Float32Array(this.totalCount);
+    this.colors = new Float32Array(this.totalCount * 3), this.isRockets = new Float32Array(this.totalCount);
+    for (let l = 0; l < this.groupCount; l++) {
+      let u;
+      this.config.launchMode === "random" ? u = (Math.random() - 0.5) * 1.8 : u = (l / (this.groupCount - 1) - 0.5) * 1.8;
+      const p = -1.1, f = 0.6 + l * 13.57 % 1 * 0.4, g = 1 + Math.random() * 4, w = Ta[Math.floor(Math.random() * Ta.length)];
+      this.groupBaseColors.push(w);
+      let M;
+      if (this.config.launchMode === "burst") {
+        const v = Math.max(2, Math.floor(this.groupCount / 6));
+        M = Math.floor(l / (this.groupCount / v)) * -this.config.launchInterval - Math.random() * 0.1;
+      } else if (this.config.launchMode === "wave")
+        M = l / this.groupCount * -this.config.launchInterval;
+      else if (this.config.launchMode === "tide") {
+        const v = Math.abs(u) / 0.9;
+        M = Math.cos(v * Math.PI) * -this.config.launchInterval * 0.5 - this.config.launchInterval * 0.5;
+      } else if (this.config.launchMode === "simultaneous")
+        M = -this.config.launchInterval;
+      else if (this.config.launchMode === "pendulum") {
+        const v = l / (this.groupCount - 1);
+        M = Math.abs(v * 2 - 1) * -this.config.launchInterval;
+      } else
+        M = Math.random() * -this.config.launchInterval * 2;
+      const P = this.config.colorMode === "single" ? new ba(this.config.color) : w;
+      for (let v = 0; v < this.particlesPerGroup; v++) {
+        const s = l * this.particlesPerGroup + v;
+        e[s * 3 + 0] = u, e[s * 3 + 1] = p, e[s * 3 + 2] = (Math.random() - 0.5) * 0.2, this.isRockets[s] = v === 0 ? 1 : 0, o[s] = M;
+        const c = this.config.flightHeight * (1 + (f - 1) * this.config.flightHeightJitter);
+        n[s] = c, i[s] = g;
+        const y = this.config.colorJitter || 0;
+        this.colors[s * 3 + 0] = Math.max(0, Math.min(1, P.r + (Math.random() - 0.5) * y)), this.colors[s * 3 + 1] = Math.max(0, Math.min(1, P.g + (Math.random() - 0.5) * y)), this.colors[s * 3 + 2] = Math.max(0, Math.min(1, P.b + (Math.random() - 0.5) * y));
+      }
+    }
+    this.updateVelocities(), this.geometry = new it(this.gl, {
+      position: { size: 3, data: e },
+      velocity: { size: 3, data: this.velocities },
+      startTime: { size: 1, data: o },
+      burstTime: { size: 1, data: n },
+      stayTime: { size: 1, data: i },
+      color: { size: 3, data: this.colors },
+      isRocket: { size: 1, data: this.isRockets }
+    }), this.program = new st(this.gl, {
+      vertex: dt,
+      fragment: ct,
+      uniforms: {
+        uTime: { value: 0 },
+        uSpeed: { value: this.config.speed },
+        uSize: { value: this.config.size },
+        uCurvature: { value: this.config.curvature },
+        uIsCircular: { value: this.config.shape === "circular" ? 1 : 0 },
+        uGravity: { value: this.config.gravity },
+        uClusterSize: { value: this.config.clusterSize },
+        uAspect: { value: 1 },
+        uFlashIntensity: { value: this.config.flashIntensity }
+      },
+      transparent: !0,
+      depthTest: !1,
+      depthWrite: !1
+    }), this.mesh = new ut(this.gl, { geometry: this.geometry, program: this.program, mode: this.gl.POINTS }), this.resize(), window.addEventListener("resize", this.resize), this.animationId = requestAnimationFrame(this.update);
+  }
+  updateConfig(r) {
+    const t = { ...this.config };
+    if (this.config = { ...this.config, ...r }, this.program.uniforms.uSpeed.value = this.config.speed, this.program.uniforms.uSize.value = this.config.size, this.program.uniforms.uCurvature.value = this.config.curvature, this.program.uniforms.uGravity.value = this.config.gravity, this.program.uniforms.uClusterSize.value = this.config.clusterSize, this.program.uniforms.uFlashIntensity.value = this.config.flashIntensity, this.program.uniforms.uIsCircular.value = this.config.shape === "circular" ? 1 : 0, (t.shape !== this.config.shape || t.rotation !== this.config.rotation || t.rotationJitter !== this.config.rotationJitter || t.uniformity !== this.config.uniformity) && (this.updateVelocities(), this.geometry.attributes.velocity.needsUpdate = !0), t.colorMode !== this.config.colorMode || t.color !== this.config.color || t.colorJitter !== this.config.colorJitter) {
+      for (let e = 0; e < this.groupCount; e++) {
+        const o = this.config.colorMode === "single" ? new ba(this.config.color) : this.groupBaseColors[e];
+        for (let n = 0; n < this.particlesPerGroup; n++) {
+          const i = e * this.particlesPerGroup + n, l = this.config.colorJitter || 0;
+          this.colors[i * 3 + 0] = Math.max(0, Math.min(1, o.r + (Math.random() - 0.5) * l)), this.colors[i * 3 + 1] = Math.max(0, Math.min(1, o.g + (Math.random() - 0.5) * l)), this.colors[i * 3 + 2] = Math.max(0, Math.min(1, o.b + (Math.random() - 0.5) * l));
+        }
+      }
+      this.geometry.attributes.color.needsUpdate = !0;
+    }
+    if (t.launchMode !== this.config.launchMode || t.launchInterval !== this.config.launchInterval) {
+      this.timeStart = 0;
+      const e = this.geometry.attributes.position.data, o = this.geometry.attributes.startTime.data;
+      for (let n = 0; n < this.groupCount; n++) {
+        let i;
+        this.config.launchMode === "random" ? i = (Math.random() - 0.5) * 1.8 : i = (n / (this.groupCount - 1) - 0.5) * 1.8;
+        let l;
+        if (this.config.launchMode === "burst") {
+          const u = Math.max(2, Math.floor(this.groupCount / 6));
+          l = Math.floor(n / (this.groupCount / u)) * -this.config.launchInterval - Math.random() * 0.1;
+        } else if (this.config.launchMode === "wave")
+          l = n / this.groupCount * -this.config.launchInterval;
+        else if (this.config.launchMode === "tide") {
+          const u = Math.abs(i) / 0.9;
+          l = Math.cos(u * Math.PI) * -this.config.launchInterval * 0.5 - this.config.launchInterval * 0.5;
+        } else if (this.config.launchMode === "simultaneous")
+          l = -this.config.launchInterval;
+        else if (this.config.launchMode === "pendulum") {
+          const u = n / (this.groupCount - 1);
+          l = Math.abs(u * 2 - 1) * -this.config.launchInterval;
+        } else
+          l = Math.random() * -this.config.launchInterval * 2;
+        for (let u = 0; u < this.particlesPerGroup; u++) {
+          const p = n * this.particlesPerGroup + u;
+          e[p * 3 + 0] = i, o[p] = l;
+        }
+      }
+      this.geometry.attributes.position.needsUpdate = !0, this.geometry.attributes.startTime.needsUpdate = !0;
+    }
+    if (t.flightHeight !== this.config.flightHeight || t.flightHeightJitter !== this.config.flightHeightJitter) {
+      const e = this.geometry.attributes.burstTime.data;
+      for (let o = 0; o < this.groupCount; o++) {
+        const n = 0.6 + o * 13.57 % 1 * 0.4, i = this.config.flightHeight * (1 + (n - 1) * this.config.flightHeightJitter);
+        for (let l = 0; l < this.particlesPerGroup; l++) {
+          const u = o * this.particlesPerGroup + l;
+          e[u] = i;
+        }
+      }
+      this.geometry.attributes.burstTime.needsUpdate = !0;
+    }
+  }
+  pause() {
+    this.isPaused = !0, this.animationId && (cancelAnimationFrame(this.animationId), this.animationId = 0);
+  }
+  resume() {
+    this.isPaused && (this.isPaused = !1, this.animationId = requestAnimationFrame(this.update));
+  }
+  restart() {
+    this.timeStart = 0, this.isPaused && this.resume();
+  }
+  destroy() {
+    var r;
+    this.pause(), window.removeEventListener("resize", this.resize), this.container.contains(this.gl.canvas) && this.container.removeChild(this.gl.canvas), (r = this.gl.getExtension("WEBGL_lose_context")) == null || r.loseContext();
+  }
+}
+(function() {
+  try {
+    if (typeof document < "u") {
+      var a = document.createElement("style");
+      a.appendChild(document.createTextNode(`[data-v-518e4603],[data-v-518e4603]:before,[data-v-518e4603]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-518e4603]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-none[data-v-518e4603]{pointer-events:none}.h-1\\.5[data-v-518e4603]{height:.375rem}.w-full[data-v-518e4603]{width:100%}.flex[data-v-518e4603]{display:flex}.flex-col[data-v-518e4603]{flex-direction:column}.cursor-pointer[data-v-518e4603]{cursor:pointer}.appearance-none[data-v-518e4603]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center[data-v-518e4603]{align-items:center}.justify-between[data-v-518e4603]{justify-content:space-between}.gap-3[data-v-518e4603]{gap:.75rem}.border[data-v-518e4603]{border-width:1px}.border-white\\/5[data-v-518e4603]{border-color:#ffffff0d}.rounded-full[data-v-518e4603]{border-radius:9999px}.bg-white\\/5[data-v-518e4603]{background-color:#ffffff0d}.hover\\:bg-white\\/10[data-v-518e4603]:hover{background-color:#ffffff1a}.px-1[data-v-518e4603]{padding-left:.25rem;padding-right:.25rem}.text-\\[10px\\][data-v-518e4603]{font-size:10px}.text-\\[11px\\][data-v-518e4603]{font-size:11px}.text-white\\/20[data-v-518e4603]{color:#fff3}.text-white\\/40[data-v-518e4603],.group\\/item:hover .group-hover\\/item\\:text-white\\/40[data-v-518e4603]{color:#fff6}.group\\/item:hover .group-hover\\/item\\:text-blue-400[data-v-518e4603]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.font-black[data-v-518e4603]{font-weight:900}.font-bold[data-v-518e4603]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-518e4603]{letter-spacing:.2em}.font-mono[data-v-518e4603]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-518e4603]{text-transform:uppercase}.accent-blue-500[data-v-518e4603]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity))}.opacity-50[data-v-518e4603]{opacity:.5}.transition-all[data-v-518e4603]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-518e4603]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-eebdf2f8],[data-v-eebdf2f8]:before,[data-v-eebdf2f8]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-eebdf2f8]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-none[data-v-eebdf2f8]{pointer-events:none}.absolute[data-v-eebdf2f8]{position:absolute}.relative[data-v-eebdf2f8]{position:relative}.inset-0[data-v-eebdf2f8]{top:0;right:0;bottom:0;left:0}.h-\\[150\\%\\][data-v-eebdf2f8]{height:150%}.h-10[data-v-eebdf2f8]{height:2.5rem}.w-\\[150\\%\\][data-v-eebdf2f8]{width:150%}.w-10[data-v-eebdf2f8]{width:2.5rem}.flex[data-v-eebdf2f8]{display:flex}.flex-col[data-v-eebdf2f8]{flex-direction:column}.-translate-x-1\\/4[data-v-eebdf2f8]{--un-translate-x:-25%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\\/4[data-v-eebdf2f8]{--un-translate-y:-25%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-125[data-v-eebdf2f8]{--un-scale-x:1.25;--un-scale-y:1.25;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-eebdf2f8]{cursor:pointer}.items-center[data-v-eebdf2f8]{align-items:center}.gap-3[data-v-eebdf2f8]{gap:.75rem}.gap-4[data-v-eebdf2f8]{gap:1rem}.overflow-hidden[data-v-eebdf2f8]{overflow:hidden}.border[data-v-eebdf2f8]{border-width:1px}.border-white\\/10[data-v-eebdf2f8]{border-color:#ffffff1a}.border-white\\/5[data-v-eebdf2f8]{border-color:#ffffff0d}.hover\\:border-white\\/20[data-v-eebdf2f8]:hover{border-color:#fff3}.rounded-lg[data-v-eebdf2f8]{border-radius:.5rem}.bg-white\\/5[data-v-eebdf2f8]{background-color:#ffffff0d}.px-1[data-v-eebdf2f8]{padding-left:.25rem;padding-right:.25rem}.px-3[data-v-eebdf2f8]{padding-left:.75rem;padding-right:.75rem}.py-1\\.5[data-v-eebdf2f8]{padding-top:.375rem;padding-bottom:.375rem}.text-\\[10px\\][data-v-eebdf2f8]{font-size:10px}.text-xs[data-v-eebdf2f8]{font-size:.75rem;line-height:1rem}.text-white\\/20[data-v-eebdf2f8]{color:#fff3}.text-white\\/40[data-v-eebdf2f8]{color:#fff6}.font-bold[data-v-eebdf2f8]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-eebdf2f8]{letter-spacing:.2em}.font-mono[data-v-eebdf2f8]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-eebdf2f8]{text-transform:uppercase}.opacity-50[data-v-eebdf2f8]{opacity:.5}.shadow-lg[data-v-eebdf2f8]{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-eebdf2f8]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.select-control[data-v-b022a6dd]{display:flex;flex-direction:column;gap:var(--spacing-sm);transition:var(--transition-base)}.select-control.is-disabled[data-v-b022a6dd]{opacity:var(--opacity-disabled);pointer-events:none}.select-label[data-v-b022a6dd]{padding:0 var(--spacing-xs)}.select-input[data-v-b022a6dd]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color-base);background:#ffffff0d;color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.6)' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-md) + 16px)}.select-input[data-v-b022a6dd]:hover{background-color:#ffffff1a;border-color:var(--border-color-hover)}.select-input[data-v-b022a6dd]:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #3b82f61a}.select-input option[data-v-b022a6dd]{background:#000000f2;color:#fff;padding:var(--spacing-sm)}[data-v-b022a6dd],[data-v-b022a6dd]:before,[data-v-b022a6dd]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-b022a6dd]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex[data-v-b022a6dd]{display:flex}.border[data-v-b022a6dd]{border-width:1px}.outline[data-v-b022a6dd]{outline-style:solid}.transition[data-v-b022a6dd]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-abada5c9],[data-v-abada5c9]:before,[data-v-abada5c9]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-abada5c9]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-none[data-v-abada5c9]{pointer-events:none}.flex[data-v-abada5c9]{display:flex}.flex-1[data-v-abada5c9]{flex:1 1 0%}.flex-row[data-v-abada5c9]{flex-direction:row}.flex-col[data-v-abada5c9]{flex-direction:column}.cursor-pointer[data-v-abada5c9]{cursor:pointer}.cursor-not-allowed[data-v-abada5c9]{cursor:not-allowed}.gap-2[data-v-abada5c9]{gap:.5rem}.gap-3[data-v-abada5c9]{gap:.75rem}.truncate[data-v-abada5c9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border[data-v-abada5c9]{border-width:1px}.border-blue-400\\/50[data-v-abada5c9]{border-color:#60a5fa80}.border-white\\/5[data-v-abada5c9]{border-color:#ffffff0d}.rounded-lg[data-v-abada5c9]{border-radius:.5rem}.bg-blue-600[data-v-abada5c9]{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.bg-white\\/\\[0\\.03\\][data-v-abada5c9]{background-color:#ffffff08}.hover\\:bg-white\\/10[data-v-abada5c9]:hover{background-color:#ffffff1a}.px-1[data-v-abada5c9]{padding-left:.25rem;padding-right:.25rem}.py-2\\.5[data-v-abada5c9]{padding-top:.625rem;padding-bottom:.625rem}.text-\\[10px\\][data-v-abada5c9]{font-size:10px}.text-\\[8px\\][data-v-abada5c9]{font-size:8px}.text-white[data-v-abada5c9]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/20[data-v-abada5c9]{color:#fff3}.text-white\\/25[data-v-abada5c9]{color:#ffffff40}.hover\\:text-white\\/60[data-v-abada5c9]:hover{color:#fff9}.font-bold[data-v-abada5c9]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-abada5c9]{letter-spacing:.2em}.uppercase[data-v-abada5c9]{text-transform:uppercase}.opacity-50[data-v-abada5c9]{opacity:.5}.shadow-sm[data-v-abada5c9]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-1[data-v-abada5c9]{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-blue-400\\/30[data-v-abada5c9]{--un-ring-color:rgb(96 165 250 / .3) }.transition-all[data-v-abada5c9]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-2fc0bb08],[data-v-2fc0bb08]:before,[data-v-2fc0bb08]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-2fc0bb08]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-none[data-v-2fc0bb08]{pointer-events:none}.absolute[data-v-2fc0bb08]{position:absolute}.relative[data-v-2fc0bb08]{position:relative}.inset-\\[2px\\][data-v-2fc0bb08]{top:2px;right:2px;bottom:2px;left:2px}.inset-0[data-v-2fc0bb08]{top:0;right:0;bottom:0;left:0}.left-\\[2px\\][data-v-2fc0bb08]{left:2px}.top-\\[2px\\][data-v-2fc0bb08]{top:2px}.h-5[data-v-2fc0bb08]{height:1.25rem}.h-6[data-v-2fc0bb08]{height:1.5rem}.w-11[data-v-2fc0bb08]{width:2.75rem}.w-5[data-v-2fc0bb08]{width:1.25rem}.flex[data-v-2fc0bb08]{display:flex}.translate-x-0[data-v-2fc0bb08]{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-5[data-v-2fc0bb08]{--un-translate-x:1.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-2fc0bb08]{cursor:pointer}.items-center[data-v-2fc0bb08]{align-items:center}.justify-center[data-v-2fc0bb08]{justify-content:center}.justify-between[data-v-2fc0bb08]{justify-content:space-between}.border[data-v-2fc0bb08]{border-width:1px}.border-0[data-v-2fc0bb08]{border-width:0px}.border-white\\/10[data-v-2fc0bb08]{border-color:#ffffff1a}.rounded-full[data-v-2fc0bb08]{border-radius:9999px}.bg-white[data-v-2fc0bb08]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-white\\/10[data-v-2fc0bb08]{background-color:#ffffff1a}.hover\\:bg-white\\/15[data-v-2fc0bb08]:hover{background-color:#ffffff26}.from-blue-500[data-v-2fc0bb08]{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-white[data-v-2fc0bb08]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.to-blue-600[data-v-2fc0bb08]{--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-gray-100[data-v-2fc0bb08]{--un-gradient-to-position:100%;--un-gradient-to:rgb(243 244 246 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.bg-gradient-to-br[data-v-2fc0bb08]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-r[data-v-2fc0bb08]{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.px-1[data-v-2fc0bb08]{padding-left:.25rem;padding-right:.25rem}.py-2[data-v-2fc0bb08]{padding-top:.5rem;padding-bottom:.5rem}.text-\\[10px\\][data-v-2fc0bb08]{font-size:10px}.text-white\\/20[data-v-2fc0bb08]{color:#fff3}.group\\/item:hover .group-hover\\/item\\:text-white\\/40[data-v-2fc0bb08]{color:#fff6}.font-bold[data-v-2fc0bb08]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-2fc0bb08]{letter-spacing:.2em}.uppercase[data-v-2fc0bb08]{text-transform:uppercase}.opacity-50[data-v-2fc0bb08]{opacity:.5}.shadow-blue-500\\/30[data-v-2fc0bb08]{--un-shadow-color:rgb(59 130 246 / .3) }.shadow-inner[data-v-2fc0bb08]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg[data-v-2fc0bb08]{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-md[data-v-2fc0bb08]{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-2fc0bb08]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-2fc0bb08]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-2fc0bb08]{transition-duration:.3s}[data-v-994f0c5c],[data-v-994f0c5c]:before,[data-v-994f0c5c]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-994f0c5c]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute[data-v-994f0c5c]{position:absolute}.relative[data-v-994f0c5c]{position:relative}.inset-0[data-v-994f0c5c]{top:0;right:0;bottom:0;left:0}.z-10[data-v-994f0c5c]{z-index:10}.grid[data-v-994f0c5c]{display:grid}.flex[data-v-994f0c5c]{display:flex}.flex-1[data-v-994f0c5c]{flex:1 1 0%}.cursor-pointer[data-v-994f0c5c]{cursor:pointer}.gap-1[data-v-994f0c5c]{gap:.25rem}.overflow-hidden[data-v-994f0c5c]{overflow:hidden}.border[data-v-994f0c5c]{border-width:1px}.border-white\\/5[data-v-994f0c5c]{border-color:#ffffff0d}.border-white\\/8[data-v-994f0c5c]{border-color:#ffffff14}.rounded-lg[data-v-994f0c5c]{border-radius:.5rem}.rounded-xl[data-v-994f0c5c]{border-radius:.75rem}.bg-white\\/\\[0\\.04\\][data-v-994f0c5c]{background-color:#ffffff0a}.hover\\:bg-white\\/10[data-v-994f0c5c]:hover{background-color:#ffffff1a}.from-black\\/40[data-v-994f0c5c]{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / .4) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-400\\/10[data-v-994f0c5c]{--un-gradient-from-position:0%;--un-gradient-from:rgb(96 165 250 / .1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(96 165 250 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-500[data-v-994f0c5c]{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-500\\/5[data-v-994f0c5c]{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / .05) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-white\\/25[data-v-994f0c5c]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .25) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.via-purple-500\\/5[data-v-994f0c5c]{--un-gradient-via-position:50%;--un-gradient-to:rgb(168 85 247 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(168 85 247 / .05) var(--un-gradient-via-position), var(--un-gradient-to)}.via-transparent[data-v-994f0c5c]{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), transparent var(--un-gradient-via-position), var(--un-gradient-to)}.to-black\\/20[data-v-994f0c5c]{--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / .2) var(--un-gradient-to-position)}.to-blue-500\\/5[data-v-994f0c5c]{--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / .05) var(--un-gradient-to-position)}.to-blue-600[data-v-994f0c5c]{--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-transparent[data-v-994f0c5c]{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position)}.bg-gradient-to-b[data-v-994f0c5c]{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-br[data-v-994f0c5c]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-r[data-v-994f0c5c]{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-t[data-v-994f0c5c]{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.p-1[data-v-994f0c5c]{padding:.25rem}.py-2[data-v-994f0c5c]{padding-top:.5rem;padding-bottom:.5rem}.text-\\[9px\\][data-v-994f0c5c]{font-size:9px}.text-white[data-v-994f0c5c]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/45[data-v-994f0c5c]{color:#ffffff73}.hover\\:text-white\\/80[data-v-994f0c5c]:hover{color:#fffc}.font-black[data-v-994f0c5c]{font-weight:900}.tracking-\\[0\\.12em\\][data-v-994f0c5c]{letter-spacing:.12em}.uppercase[data-v-994f0c5c]{text-transform:uppercase}.tab[data-v-994f0c5c]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0[data-v-994f0c5c]{opacity:0}.opacity-50[data-v-994f0c5c]{opacity:.5}.group:hover .group-hover\\:opacity-100[data-v-994f0c5c]{opacity:1}.shadow-blue-500\\/20[data-v-994f0c5c]{--un-shadow-color:rgb(59 130 246 / .2) }.shadow-lg[data-v-994f0c5c]{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md[data-v-994f0c5c]{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-md[data-v-994f0c5c]{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-994f0c5c]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-994f0c5c]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-994f0c5c]{transition-duration:.3s}.panel-container[data-v-37c62bcb]{width:100%;color:#fff}.panel-header[data-v-37c62bcb]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:var(--border-width) solid var(--border-color-base)}.panel-header.collapsible[data-v-37c62bcb]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-base)}.panel-header.collapsible[data-v-37c62bcb]:hover{background:#ffffff08}.panel-title[data-v-37c62bcb]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#ffffffe6}.collapse-icon[data-v-37c62bcb]{font-size:var(--font-size-xs);color:#ffffff80;transition:transform var(--transition-base)}.collapse-icon.collapsed[data-v-37c62bcb]{transform:rotate(-90deg)}.panel-content[data-v-37c62bcb]{padding:var(--spacing-md)}[data-v-37c62bcb],[data-v-37c62bcb]:before,[data-v-37c62bcb]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-37c62bcb]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex[data-v-37c62bcb]{display:flex}.transform[data-v-37c62bcb]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transition[data-v-37c62bcb]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.section-container[data-v-997297d7]{display:flex;flex-direction:column}.gap-2[data-v-997297d7]{gap:var(--spacing-sm)}.gap-4[data-v-997297d7]{gap:var(--spacing-md)}.gap-6[data-v-997297d7]{gap:var(--spacing-lg)}.section-title[data-v-997297d7]{padding:0 var(--spacing-xs);margin:0}.section-content[data-v-997297d7]{display:flex;flex-direction:column;gap:inherit}[data-v-997297d7],[data-v-997297d7]:before,[data-v-997297d7]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-997297d7]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex[data-v-997297d7]{display:flex}.gap-2[data-v-997297d7]{gap:.5rem}.gap-4[data-v-997297d7]{gap:1rem}.gap-6[data-v-997297d7]{gap:1.5rem}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--opacity-disabled: .4;--opacity-secondary: .6;--opacity-tertiary: .3;--opacity-primary: .9;--opacity-full: 1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width: 1px;--border-color-base: rgba(255, 255, 255, .05);--border-color-hover: rgba(255, 255, 255, .2);--border-color-focus: rgba(59, 130, 246, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all var(--transition-base);--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.control-base{border-radius:var(--radius-md);transition:var(--transition-all);border:var(--border-width) solid var(--border-color-base);background:#ffffff08}.control-hover:hover{background:#ffffff1a;border-color:var(--border-color-hover)}.control-focus:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #3b82f61a}.control-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.label-base{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);color:rgba(255,255,255,var(--opacity-secondary))}.label-primary{color:rgba(255,255,255,var(--opacity-primary))}.value-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-black);font-family:ui-monospace,monospace;color:rgba(255,255,255,var(--opacity-secondary))}.value-display-active{color:var(--color-primary)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col-gap{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-base{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color-base);background:#ffffff08;color:#fff9;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-all);text-align:center}.btn-base:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6}.btn-primary{background:var(--color-primary);color:#fff;border-color:#3b82f680}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-active{background:var(--color-primary);color:#fff;border-color:#3b82f680;box-shadow:0 0 0 1px #3b82f64d}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.input-base{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color-base);background:#ffffff0d;color:#fff;font-size:var(--font-size-sm);transition:var(--transition-all)}.input-base:hover{background:#ffffff14;border-color:var(--border-color-hover)}.input-base:focus{outline:none;background:#ffffff1a;border-color:var(--border-color-focus)}.panel-base{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-color-base);box-shadow:var(--shadow-xl)}.panel-header{padding:var(--spacing-md);border-bottom:var(--border-width) solid var(--border-color-base);cursor:move}.panel-content{padding:var(--spacing-md)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#3b82f64d;color:#fff}`)), document.head.appendChild(a);
+    }
+  } catch (r) {
+    console.error("vite-plugin-css-injected-by-js", r);
+  }
+})();
+function j(a, r, t = 2) {
+  const e = Math.random() * (r - a) + a;
+  return Number(e.toFixed(t));
+}
+const lt = (a, r) => {
+  const t = a.__vccOpts || a;
+  for (const [e, o] of r)
+    t[e] = o;
+  return t;
+}, pt = ["onClick"], ft = {
+  key: 0,
+  class: "absolute inset-0 bg-gradient-to-br from-white/25 via-transparent to-transparent"
+}, bt = { class: "relative z-10" }, gt = /* @__PURE__ */ Z({
+  __name: "SubTabs",
+  props: {
+    tabs: {},
+    modelValue: {},
+    rows: {},
+    className: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: r }) {
+    const t = a, e = r, o = B(() => {
+      const u = Math.floor(t.rows || 1);
+      return u > 1 ? u : 1;
+    }), n = B(() => {
+      const u = o.value;
+      return u > 1 ? Math.ceil(t.tabs.length / u) : 0;
+    }), i = B(() => {
+      if (!(o.value <= 1))
+        return {
+          gridTemplateColumns: `repeat(${n.value}, minmax(0, 1fr))`
+        };
+    }), l = (u) => {
+      e("update:modelValue", u);
+    };
+    return (u, p) => (x(), I("div", {
+      class: U(["p-1 bg-gradient-to-b from-black/40 to-black/20 rounded-xl border border-white/8 shadow-lg backdrop-blur-md relative overflow-hidden", a.className])
+    }, [
+      p[1] || (p[1] = d("div", { class: "absolute inset-0 bg-gradient-to-r from-blue-500/5 via-purple-500/5 to-blue-500/5 opacity-50" }, null, -1)),
+      d("div", {
+        class: U(["relative z-10 gap-1", o.value > 1 ? "grid" : "flex"]),
+        style: Fa(i.value)
+      }, [
+        (x(!0), I(Q, null, ia(a.tabs, (f) => (x(), I("button", {
+          key: f.id,
+          class: U(["py-2 text-[9px] font-black uppercase tracking-[0.12em] rounded-lg transition-all duration-300 cursor-pointer relative overflow-hidden group", [
+            o.value > 1 ? "" : "flex-1",
+            a.modelValue === f.id ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md shadow-blue-500/20" : "bg-white/[0.04] text-white/45 hover:text-white/80 hover:bg-white/10 border border-white/5"
+          ]]),
+          onClick: (g) => l(f.id)
+        }, [
+          a.modelValue === f.id ? (x(), I("div", ft)) : V("", !0),
+          d("span", bt, C(f.label), 1),
+          p[0] || (p[0] = d("div", { class: "absolute inset-0 bg-gradient-to-t from-blue-400/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" }, null, -1))
+        ], 10, pt))), 128))
+      ], 6)
+    ], 2));
+  }
+}), xn = /* @__PURE__ */ lt(gt, [["__scopeId", "data-v-994f0c5c"]]), q = {
+  id: "fireworks",
+  name: {
+    en: "Fireworks",
+    "zh-CN": "烟花"
+  },
+  category: "special",
+  version: "1.0.0",
+  defaultConfig: {
+    debug: !1,
+    lang: "zh-CN",
+    fireworkCount: 30,
+    speed: 1,
+    size: 2,
+    curvature: 0,
+    shape: "normal",
+    launchMode: "random",
+    density: 1,
+    colorMode: "multi",
+    color: "#ff0000",
+    gravity: 0.5,
+    clusterSize: 3,
+    flightHeight: 1,
+    uniformity: 0.5,
+    flashIntensity: 1,
+    flashOpacity: 0.5,
+    launchInterval: 3,
+    flightHeightJitter: 0.2,
+    rotation: 0,
+    rotationJitter: 0,
+    colorJitter: 0.2
+  },
+  randomize: (a, r) => {
+    const t = { ...a };
+    if (r) {
+      if (r === "general")
+        t.fireworkCount = j(10, 60, 0), t.density = j(0.5, 3), t.clusterSize = j(1, 8), t.gravity = j(0, 1.5);
+      else if (r === "shape") {
+        const e = ["normal", "circular", "heart", "star", "butterfly", "spiral", "ring", "doubleRing", "atom", "trefoil", "clover", "cross", "saturn", "hexagram", "astroid", "gear", "fermat", "folium"];
+        t.shape = e[Math.floor(Math.random() * e.length)], t.rotation = j(0, 360, 0), t.rotationJitter = j(0, 1);
+      } else if (r === "launch") {
+        const e = ["random", "burst", "wave", "tide", "simultaneous", "pendulum"];
+        t.launchMode = e[Math.floor(Math.random() * e.length)], t.launchInterval = j(1, 10);
+      } else if (r === "visual") {
+        t.speed = j(0.5, 2), t.flashIntensity = j(0.5, 2.5), t.flashOpacity = j(0.1, 1);
+        const e = ["single", "multi"];
+        if (t.colorMode = e[Math.floor(Math.random() * e.length)], t.colorMode === "single") {
+          const o = ["#ff3333", "#ff5500", "#ffcc00", "#ffff33", "#33ff33", "#00ffcc", "#33ffff", "#3333ff", "#7733ff", "#ff33ff"];
+          t.color = o[Math.floor(Math.random() * o.length)];
+        }
+      }
+    } else {
+      t.fireworkCount = j(10, 60, 0), t.density = j(0.5, 3), t.clusterSize = j(1, 8), t.gravity = j(0, 1.5);
+      const e = ["normal", "circular", "heart", "star", "butterfly", "spiral", "ring", "doubleRing", "atom", "trefoil", "clover", "cross", "saturn", "hexagram", "astroid", "gear", "fermat", "folium"];
+      t.shape = e[Math.floor(Math.random() * e.length)], t.rotation = j(0, 360, 0), t.rotationJitter = j(0, 1);
+      const o = ["random", "burst", "wave", "tide", "simultaneous", "pendulum"];
+      t.launchMode = o[Math.floor(Math.random() * o.length)], t.launchInterval = j(1, 10), t.speed = j(0.5, 2), t.flashIntensity = j(0.5, 2.5), t.flashOpacity = j(0.1, 1);
+      const n = ["single", "multi"];
+      if (t.colorMode = n[Math.floor(Math.random() * n.length)], t.colorMode === "single") {
+        const i = ["#ff3333", "#ff5500", "#ffcc00", "#ffff33", "#33ff33", "#00ffcc", "#33ffff", "#3333ff", "#7733ff", "#ff33ff"];
+        t.color = i[Math.floor(Math.random() * i.length)];
+      }
+    }
+    return t;
+  },
+  presets: [
+    {
+      id: "midnight-bloom",
+      name: { en: "Midnight Bloom", "zh-CN": "午夜盛放" },
+      config: { fireworkCount: 30, speed: 1.2, size: 1.2, launchInterval: 3, colorMode: "multi", shape: "circular" }
+    },
+    {
+      id: "golden-rain",
+      name: { en: "Golden Rain", "zh-CN": "金色雨露" },
+      config: { fireworkCount: 25, speed: 0.8, size: 1.5, launchInterval: 4, colorMode: "single", color: "#ffcc00", shape: "normal", gravity: 0.5 }
+    },
+    {
+      id: "rapid-sequence",
+      name: { en: "Rapid Sequence", "zh-CN": "连环发射" },
+      config: { fireworkCount: 15, speed: 1.5, size: 1.8, launchInterval: 1, shape: "random", lanuchMode: "random", colorMode: "multi", density: 2 }
+    }
+  ]
+};
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var ea = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ht = ({ size: a, strokeWidth: r = 2, absoluteStrokeWidth: t, color: e, iconNode: o, name: n, class: i, ...l }, { slots: u }) => pa(
+  "svg",
+  {
+    ...ea,
+    width: a || ea.width,
+    height: a || ea.height,
+    stroke: e || ea.stroke,
+    "stroke-width": t ? Number(r) * 24 / Number(a) : r,
+    class: ["lucide", `lucide-${vt(n ?? "icon")}`],
+    ...l
+  },
+  [...o.map((p) => pa(...p)), ...u.default ? [u.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const W = (a, r) => (t, { slots: e }) => pa(
+  ht,
+  {
+    ...t,
+    iconNode: r,
+    name: a
+  },
+  e
+);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ga = W("ActivityIcon", [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Na = W("BookmarkIcon", [
+  ["path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z", key: "1fy3hk" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oa = W("CodeIcon", [
+  ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
+  ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mt = W("LanguagesIcon", [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = W("MonitorIcon", [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const La = W("PlayIcon", [
+  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wa = W("SettingsIcon", [
+  [
+    "path",
+    {
+      d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
+      key: "1qme2f"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+/**
+ * @license lucide-vue-next v0.474.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wt = W("XIcon", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
+function yt(a, r) {
+  return Qa() ? (at(a, r), !0) : !1;
+}
+const Va = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const kt = Object.prototype.toString, zt = (a) => kt.call(a) === "[object Object]";
+function da(a) {
+  return Array.isArray(a) ? a : [a];
+}
+function Mt(a, r = {}) {
+  if (!fa(a)) return qa(a);
+  const t = Array.isArray(a.value) ? Array.from({ length: a.value.length }) : {};
+  for (const e in a.value) t[e] = Ka(() => ({
+    get() {
+      return a.value[e];
+    },
+    set(o) {
+      var n;
+      if (!((n = z(r.replaceRef)) !== null && n !== void 0) || n) if (Array.isArray(a.value)) {
+        const i = [...a.value];
+        i[e] = o, a.value = i;
+      } else {
+        const i = {
+          ...a.value,
+          [e]: o
+        };
+        Object.setPrototypeOf(i, Object.getPrototypeOf(a.value)), a.value = i;
+      }
+      else a.value[e] = o;
+    }
+  }));
+  return t;
+}
+function Ct(a, r, t) {
+  return K(a, r, {
+    ...t,
+    immediate: !0
+  });
+}
+const ya = Va ? window : void 0;
+function St(a) {
+  var r;
+  const t = z(a);
+  return (r = t == null ? void 0 : t.$el) !== null && r !== void 0 ? r : t;
+}
+function ca(...a) {
+  const r = (e, o, n, i) => (e.addEventListener(o, n, i), () => e.removeEventListener(o, n, i)), t = B(() => {
+    const e = da(z(a[0])).filter((o) => o != null);
+    return e.every((o) => typeof o != "string") ? e : void 0;
+  });
+  return Ct(() => {
+    var e, o;
+    return [
+      (e = (o = t.value) === null || o === void 0 ? void 0 : o.map((n) => St(n))) !== null && e !== void 0 ? e : [ya].filter((n) => n != null),
+      da(z(t.value ? a[1] : a[0])),
+      da(h(t.value ? a[2] : a[1])),
+      z(t.value ? a[3] : a[2])
+    ];
+  }, ([e, o, n, i], l, u) => {
+    if (!(e != null && e.length) || !(o != null && o.length) || !(n != null && n.length)) return;
+    const p = zt(i) ? { ...i } : i, f = e.flatMap((g) => o.flatMap((w) => n.map((M) => r(g, w, M, p))));
+    u(() => {
+      f.forEach((g) => g());
+    });
+  }, { flush: "post" });
+}
+function It(a, r = {}) {
+  const { immediate: t = !0, fpsLimit: e = null, window: o = ya, once: n = !1 } = r, i = Oa(!1), l = B(() => {
+    const M = z(e);
+    return M ? 1e3 / M : null;
+  });
+  let u = 0, p = null;
+  function f(M) {
+    if (!i.value || !o) return;
+    u || (u = M);
+    const P = M - u;
+    if (l.value && P < l.value) {
+      p = o.requestAnimationFrame(f);
+      return;
+    }
+    if (u = M, a({
+      delta: P,
+      timestamp: M
+    }), n) {
+      i.value = !1, p = null;
+      return;
+    }
+    p = o.requestAnimationFrame(f);
+  }
+  function g() {
+    !i.value && o && (i.value = !0, u = 0, p = o.requestAnimationFrame(f));
+  }
+  function w() {
+    i.value = !1, p != null && o && (o.cancelAnimationFrame(p), p = null);
+  }
+  return t && g(), yt(w), {
+    isActive: tt(i),
+    pause: w,
+    resume: g
+  };
+}
+const na = {
+  speed: 2,
+  margin: 30,
+  direction: "both"
+};
+function Pt(a) {
+  a.scrollLeft > a.scrollWidth - a.clientWidth && (a.scrollLeft = Math.max(0, a.scrollWidth - a.clientWidth)), a.scrollTop > a.scrollHeight - a.clientHeight && (a.scrollTop = Math.max(0, a.scrollHeight - a.clientHeight));
+}
+function _t(a, r = {}) {
+  var t, e, o, n;
+  const { pointerTypes: i, preventDefault: l, stopPropagation: u, exact: p, onMove: f, onEnd: g, onStart: w, initialValue: M, axis: P = "both", draggingElement: v = ya, containerElement: s, handle: c = a, buttons: y = [0], restrictInView: F, autoScroll: Y = !1 } = r, O = A((t = z(M)) !== null && t !== void 0 ? t : {
+    x: 0,
+    y: 0
+  }), N = A(), X = (b) => i ? i.includes(b.pointerType) : !0, E = (b) => {
+    z(l) && b.preventDefault(), z(u) && b.stopPropagation();
+  }, $ = z(Y), J = typeof $ == "object" ? {
+    speed: (e = z($.speed)) !== null && e !== void 0 ? e : na.speed,
+    margin: (o = z($.margin)) !== null && o !== void 0 ? o : na.margin,
+    direction: (n = $.direction) !== null && n !== void 0 ? n : na.direction
+  } : na, ka = (b) => typeof b == "number" ? [b, b] : [b.x, b.y], za = (b, m, k) => {
+    const { clientWidth: _, clientHeight: S, scrollLeft: L, scrollTop: aa, scrollWidth: ua, scrollHeight: Ua } = b, [Ca, Sa] = ka(J.margin), [Ia, Pa] = ka(J.speed);
+    let ta = 0, ra = 0;
+    (J.direction === "x" || J.direction === "both") && (k.x < Ca && L > 0 ? ta = -Ia : k.x + m.width > _ - Ca && L < ua - _ && (ta = Ia)), (J.direction === "y" || J.direction === "both") && (k.y < Sa && aa > 0 ? ra = -Pa : k.y + m.height > S - Sa && aa < Ua - S && (ra = Pa)), (ta || ra) && b.scrollBy({
+      left: ta,
+      top: ra,
+      behavior: "auto"
+    });
+  };
+  let D = null;
+  const $a = () => {
+    const b = z(s);
+    b && !D && (D = setInterval(() => {
+      const m = z(a).getBoundingClientRect(), { x: k, y: _ } = O.value, S = {
+        x: k - b.scrollLeft,
+        y: _ - b.scrollTop
+      };
+      S.x >= 0 && S.y >= 0 && (za(b, m, S), S.x += b.scrollLeft, S.y += b.scrollTop, O.value = S);
+    }, 1e3 / 60));
+  }, Ma = () => {
+    D && (clearInterval(D), D = null);
+  }, Ha = (b, m, k, _) => {
+    const [S, L] = typeof k == "number" ? [k, k] : [k.x, k.y], { clientWidth: aa, clientHeight: ua } = m;
+    return b.x < S || b.x + _.width > aa - S || b.y < L || b.y + _.height > ua - L;
+  }, Ba = () => {
+    if (z(r.disabled) || !N.value) return;
+    const b = z(s);
+    if (!b) return;
+    const m = z(a).getBoundingClientRect(), { x: k, y: _ } = O.value;
+    Ha({
+      x: k - b.scrollLeft,
+      y: _ - b.scrollTop
+    }, b, J.margin, m) ? $a() : Ma();
+  };
+  z(Y) && K(O, Ba);
+  const Ea = (b) => {
+    var m;
+    if (!z(y).includes(b.button) || z(r.disabled) || !X(b) || z(p) && b.target !== z(a)) return;
+    const k = z(s), _ = k == null || (m = k.getBoundingClientRect) === null || m === void 0 ? void 0 : m.call(k), S = z(a).getBoundingClientRect(), L = {
+      x: b.clientX - (k ? S.left - _.left + (Y ? 0 : k.scrollLeft) : S.left),
+      y: b.clientY - (k ? S.top - _.top + (Y ? 0 : k.scrollTop) : S.top)
+    };
+    (w == null ? void 0 : w(L, b)) !== !1 && (N.value = L, E(b));
+  }, Ga = (b) => {
+    if (z(r.disabled) || !X(b) || !N.value) return;
+    const m = z(s);
+    m instanceof HTMLElement && Pt(m);
+    const k = z(a).getBoundingClientRect();
+    let { x: _, y: S } = O.value;
+    if ((P === "x" || P === "both") && (_ = b.clientX - N.value.x, m && (_ = Math.min(Math.max(0, _), m.scrollWidth - k.width))), (P === "y" || P === "both") && (S = b.clientY - N.value.y, m && (S = Math.min(Math.max(0, S), m.scrollHeight - k.height))), z(Y) && m && (D === null && za(m, k, {
+      x: _,
+      y: S
+    }), _ += m.scrollLeft, S += m.scrollTop), m && (F || Y)) {
+      if (P !== "y") {
+        const L = _ - m.scrollLeft;
+        L < 0 ? _ = m.scrollLeft : L > m.clientWidth - k.width && (_ = m.clientWidth - k.width + m.scrollLeft);
+      }
+      if (P !== "x") {
+        const L = S - m.scrollTop;
+        L < 0 ? S = m.scrollTop : L > m.clientHeight - k.height && (S = m.clientHeight - k.height + m.scrollTop);
+      }
+    }
+    O.value = {
+      x: _,
+      y: S
+    }, f == null || f(O.value, b), E(b);
+  }, Ja = (b) => {
+    z(r.disabled) || !X(b) || N.value && (N.value = void 0, Y && Ma(), g == null || g(O.value, b), E(b));
+  };
+  if (Va) {
+    const b = () => {
+      var m;
+      return {
+        capture: (m = r.capture) !== null && m !== void 0 ? m : !0,
+        passive: !z(l)
+      };
+    };
+    ca(c, "pointerdown", Ea, b), ca(v, "pointermove", Ga, b), ca(v, "pointerup", Ja, b);
+  }
+  return {
+    ...Mt(O),
+    position: O,
+    isDragging: B(() => !!N.value),
+    style: B(() => `
+      left: ${O.value.x}px;
+      top: ${O.value.y}px;
+      ${Y ? "text-wrap: nowrap;" : ""}
+    `)
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Tt(a) {
+  var r;
+  const t = Oa(0);
+  if (typeof performance > "u") return t;
+  const e = (r = void 0) !== null && r !== void 0 ? r : 10;
+  let o = performance.now(), n = 0;
+  return It(() => {
+    if (n += 1, n >= e) {
+      const i = performance.now(), l = i - o;
+      t.value = Math.round(1e3 / (l / n)), o = i, n = 0;
+    }
+  }), t;
+}
+(function() {
+  try {
+    if (typeof document < "u") {
+      var a = document.createElement("style");
+      a.appendChild(document.createTextNode('.tabs-container[data-v-883d4db1]{position:relative}.tabs-container[data-v-883d4db1]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}[data-v-883d4db1],[data-v-883d4db1]:before,[data-v-883d4db1]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-883d4db1]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-883d4db1]{pointer-events:auto}.absolute[data-v-883d4db1]{position:absolute}.relative[data-v-883d4db1]{position:relative}.inset-0[data-v-883d4db1]{top:0;right:0;bottom:0;left:0}.z-10[data-v-883d4db1]{z-index:10}.mb-1\\.5[data-v-883d4db1]{margin-bottom:.375rem}.h-4[data-v-883d4db1]{height:1rem}.w-4[data-v-883d4db1]{width:1rem}.flex[data-v-883d4db1]{display:flex}.flex-1[data-v-883d4db1]{flex:1 1 0%}.flex-col[data-v-883d4db1]{flex-direction:column}.scale-\\[1\\.02\\][data-v-883d4db1]{--un-scale-x:1.02;--un-scale-y:1.02;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-110[data-v-883d4db1]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.group\\/tab:hover .group-hover\\/tab\\:scale-105[data-v-883d4db1]{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\\:scale-\\[1\\.01\\][data-v-883d4db1]:hover{--un-scale-x:1.01;--un-scale-y:1.01;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-883d4db1]{cursor:pointer}.items-center[data-v-883d4db1]{align-items:center}.justify-center[data-v-883d4db1]{justify-content:center}.gap-1\\.5[data-v-883d4db1]{gap:.375rem}.gap-2[data-v-883d4db1]{gap:.5rem}.overflow-hidden[data-v-883d4db1]{overflow:hidden}.border[data-v-883d4db1]{border-width:1px}.border-white\\/10[data-v-883d4db1]{border-color:#ffffff1a}.border-white\\/5[data-v-883d4db1]{border-color:#ffffff0d}.rounded-2xl[data-v-883d4db1]{border-radius:1rem}.rounded-xl[data-v-883d4db1]{border-radius:.75rem}.bg-white\\/\\[0\\.04\\][data-v-883d4db1]{background-color:#ffffff0a}.hover\\:bg-white\\/10[data-v-883d4db1]:hover{background-color:#ffffff1a}.from-black\\/50[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / .5) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-400\\/0[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(96 165 250 / 0) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(96 165 250 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-blue-500[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(59 130 246 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-white\\/20[data-v-883d4db1]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .2) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.via-blue-400\\/5[data-v-883d4db1]{--un-gradient-via-position:50%;--un-gradient-to:rgb(96 165 250 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(96 165 250 / .05) var(--un-gradient-via-position), var(--un-gradient-to)}.to-black\\/30[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / .3) var(--un-gradient-to-position)}.to-blue-400\\/0[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(96 165 250 / 0) var(--un-gradient-to-position)}.to-blue-600[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-transparent[data-v-883d4db1]{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position)}.bg-gradient-to-b[data-v-883d4db1]{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-br[data-v-883d4db1]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-gradient-to-t[data-v-883d4db1]{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.p-1\\.5[data-v-883d4db1]{padding:.375rem}.p-2[data-v-883d4db1]{padding:.5rem}.text-center[data-v-883d4db1]{text-align:center}.text-\\[8px\\][data-v-883d4db1]{font-size:8px}.text-white[data-v-883d4db1]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/30[data-v-883d4db1]{color:#ffffff4d}.text-white\\/50[data-v-883d4db1]{color:#ffffff80}.group\\/tab:hover .group-hover\\/tab\\:text-white\\/60[data-v-883d4db1]{color:#fff9}.hover\\:text-white[data-v-883d4db1]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-883d4db1]{font-weight:900}.leading-tight[data-v-883d4db1]{line-height:1.25}.tracking-\\[0\\.15em\\][data-v-883d4db1]{letter-spacing:.15em}.uppercase[data-v-883d4db1]{text-transform:uppercase}.tab[data-v-883d4db1]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0[data-v-883d4db1]{opacity:0}.opacity-50[data-v-883d4db1]{opacity:.5}.group\\/tab:hover .group-hover\\/tab\\:opacity-100[data-v-883d4db1]{opacity:1}.shadow-2xl[data-v-883d4db1]{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-blue-500\\/30[data-v-883d4db1]{--un-shadow-color:rgb(59 130 246 / .3) }.shadow-lg[data-v-883d4db1]{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-xl[data-v-883d4db1]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-lg[data-v-883d4db1]{--un-drop-shadow:drop-shadow(0 10px 8px var(--un-drop-shadow-color, rgb(0 0 0 / .04))) drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / .1)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all[data-v-883d4db1]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-883d4db1]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-883d4db1]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-883d4db1]{transition-duration:.3s}.panel-base[data-v-29a974c4]{background:#0a0a0cd9;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 64px -16px #000000b3,0 0 0 1px #ffffff0d;pointer-events:auto}[data-v-29a974c4],[data-v-29a974c4]:before,[data-v-29a974c4]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-29a974c4]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-29a974c4]{pointer-events:auto}.fixed[data-v-29a974c4]{position:fixed}.z-\\[10000\\][data-v-29a974c4]{z-index:10000}.h-1\\.5[data-v-29a974c4]{height:.375rem}.h-12[data-v-29a974c4]{height:3rem}.h-3\\.5[data-v-29a974c4]{height:.875rem}.h-7[data-v-29a974c4]{height:1.75rem}.w-1\\.5[data-v-29a974c4]{width:.375rem}.w-3\\.5[data-v-29a974c4]{width:.875rem}.w-7[data-v-29a974c4]{width:1.75rem}.w-80[data-v-29a974c4]{width:20rem}.flex[data-v-29a974c4]{display:flex}.flex-col[data-v-29a974c4]{flex-direction:column}.cursor-pointer[data-v-29a974c4]{cursor:pointer}.cursor-move[data-v-29a974c4]{cursor:move}.active\\:cursor-grabbing[data-v-29a974c4]:active{cursor:grabbing}.select-none[data-v-29a974c4]{-webkit-user-select:none;user-select:none}.items-center[data-v-29a974c4]{align-items:center}.justify-center[data-v-29a974c4]{justify-content:center}.justify-between[data-v-29a974c4]{justify-content:space-between}.gap-2[data-v-29a974c4]{gap:.5rem}.gap-3[data-v-29a974c4]{gap:.75rem}.overflow-hidden[data-v-29a974c4]{overflow:hidden}.truncate[data-v-29a974c4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border[data-v-29a974c4]{border-width:1px}.border-b[data-v-29a974c4]{border-bottom-width:1px}.border-white\\/10[data-v-29a974c4]{border-color:#ffffff1a}.border-white\\/5[data-v-29a974c4]{border-color:#ffffff0d}.hover\\:border-blue-500\\/30[data-v-29a974c4]:hover{border-color:#3b82f64d}.hover\\:border-red-500\\/30[data-v-29a974c4]:hover{border-color:#ef44444d}.rounded-full[data-v-29a974c4]{border-radius:9999px}.rounded-lg[data-v-29a974c4]{border-radius:.5rem}.bg-blue-500[data-v-29a974c4]{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.bg-white\\/5[data-v-29a974c4]{background-color:#ffffff0d}.hover\\:bg-red-500\\/20[data-v-29a974c4]:hover{background-color:#ef444433}.hover\\:bg-white\\/10[data-v-29a974c4]:hover{background-color:#ffffff1a}.px-5[data-v-29a974c4]{padding-left:1.25rem;padding-right:1.25rem}.text-\\[10px\\][data-v-29a974c4]{font-size:10px}.text-white[data-v-29a974c4]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\\/30[data-v-29a974c4]{color:#ffffff4d}.text-white\\/40[data-v-29a974c4]{color:#fff6}.text-white\\/60[data-v-29a974c4]{color:#fff9}.hover\\:text-white[data-v-29a974c4]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-29a974c4]{font-weight:700}.tracking-\\[0\\.2em\\][data-v-29a974c4]{letter-spacing:.2em}.font-sans[data-v-29a974c4]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.uppercase[data-v-29a974c4]{text-transform:uppercase}.shadow-\\[0_0_8px_rgba\\(59\\,130\\,246\\,0\\.6\\)\\][data-v-29a974c4]{--un-shadow:0 0 8px var(--un-shadow-color, rgba(59, 130, 246, .6));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-filter[data-v-29a974c4]{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-29a974c4]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.settings-container[data-v-47dffb90] input[type=range],.settings-container[data-v-47dffb90] button,.settings-container[data-v-47dffb90] select{pointer-events:auto!important}[data-v-47dffb90],[data-v-47dffb90]:before,[data-v-47dffb90]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-47dffb90]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-47dffb90]{pointer-events:auto}@keyframes spin-slow-6c1a0d2f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow[data-v-6c1a0d2f]{animation:spin-slow-6c1a0d2f 8s linear infinite}[data-v-6c1a0d2f],[data-v-6c1a0d2f]:before,[data-v-6c1a0d2f]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-6c1a0d2f]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-6c1a0d2f]{pointer-events:auto}.grid[data-v-6c1a0d2f]{display:grid}.grid-cols-2[data-v-6c1a0d2f]{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-1[data-v-6c1a0d2f]{margin-left:.25rem;margin-right:.25rem}.mb-0\\.5[data-v-6c1a0d2f]{margin-bottom:.125rem}.h-1\\.5[data-v-6c1a0d2f]{height:.375rem}.h-10[data-v-6c1a0d2f]{height:2.5rem}.h-5[data-v-6c1a0d2f]{height:1.25rem}.w-10[data-v-6c1a0d2f]{width:2.5rem}.w-5[data-v-6c1a0d2f]{width:1.25rem}.w-full[data-v-6c1a0d2f]{width:100%}.flex[data-v-6c1a0d2f]{display:flex}.flex-col[data-v-6c1a0d2f]{flex-direction:column}.transform[data-v-6c1a0d2f]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-6c1a0d2f]{cursor:pointer}.appearance-none[data-v-6c1a0d2f]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-center[data-v-6c1a0d2f]{align-items:center}.justify-center[data-v-6c1a0d2f]{justify-content:center}.justify-between[data-v-6c1a0d2f]{justify-content:space-between}.gap-3[data-v-6c1a0d2f]{gap:.75rem}.gap-4[data-v-6c1a0d2f]{gap:1rem}.gap-6[data-v-6c1a0d2f]{gap:1.5rem}.border[data-v-6c1a0d2f]{border-width:1px}.border-orange-500\\/10[data-v-6c1a0d2f]{border-color:#f973161a}.border-white\\/5[data-v-6c1a0d2f]{border-color:#ffffff0d}.group:hover .group-hover\\:border-white\\/20[data-v-6c1a0d2f]{border-color:#fff3}.rounded-full[data-v-6c1a0d2f]{border-radius:9999px}.rounded-xl[data-v-6c1a0d2f]{border-radius:.75rem}.bg-orange-500\\/5[data-v-6c1a0d2f]{background-color:#f973160d}.bg-white\\/\\[0\\.03\\][data-v-6c1a0d2f]{background-color:#ffffff08}.bg-white\\/5[data-v-6c1a0d2f]{background-color:#ffffff0d}.hover\\:bg-white\\/10[data-v-6c1a0d2f]:hover{background-color:#ffffff1a}.p-4[data-v-6c1a0d2f]{padding:1rem}.px-1[data-v-6c1a0d2f]{padding-left:.25rem;padding-right:.25rem}.py-2[data-v-6c1a0d2f]{padding-top:.5rem;padding-bottom:.5rem}.py-5[data-v-6c1a0d2f]{padding-top:1.25rem;padding-bottom:1.25rem}.text-center[data-v-6c1a0d2f]{text-align:center}.text-\\[11px\\][data-v-6c1a0d2f]{font-size:11px}.text-\\[9px\\][data-v-6c1a0d2f]{font-size:9px}.text-blue-400[data-v-6c1a0d2f],.group\\/item:hover .group-hover\\/item\\:text-blue-400[data-v-6c1a0d2f]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-current[data-v-6c1a0d2f]{color:currentColor}.text-green-400\\/60[data-v-6c1a0d2f]{color:#4ade8099}.text-orange-400\\/60[data-v-6c1a0d2f]{color:#fb923c99}.text-white\\/20[data-v-6c1a0d2f]{color:#fff3}.text-white\\/30[data-v-6c1a0d2f]{color:#ffffff4d}.text-white\\/40[data-v-6c1a0d2f]{color:#fff6}.group\\/item:hover .group-hover\\/item\\:text-white\\/50[data-v-6c1a0d2f]{color:#ffffff80}.hover\\:text-white[data-v-6c1a0d2f]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-6c1a0d2f]{font-weight:900}.font-medium[data-v-6c1a0d2f]{font-weight:500}.leading-relaxed[data-v-6c1a0d2f]{line-height:1.625}.tracking-\\[0\\.1em\\][data-v-6c1a0d2f]{letter-spacing:.1em}.tracking-\\[0\\.2em\\][data-v-6c1a0d2f]{letter-spacing:.2em}.font-mono[data-v-6c1a0d2f]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-6c1a0d2f]{text-transform:uppercase}.accent-blue-500[data-v-6c1a0d2f]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity))}.shadow-inner[data-v-6c1a0d2f]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm[data-v-6c1a0d2f]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-6c1a0d2f]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-6c1a0d2f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-b19e2d94],[data-v-b19e2d94]:before,[data-v-b19e2d94]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-b19e2d94]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-b19e2d94]{pointer-events:auto}.relative[data-v-b19e2d94]{position:relative}.grid[data-v-b19e2d94]{display:grid}.grid-cols-1[data-v-b19e2d94]{grid-template-columns:repeat(1,minmax(0,1fr))}.mb-2[data-v-b19e2d94]{margin-bottom:.5rem}.h-3\\.5[data-v-b19e2d94]{height:.875rem}.w-3\\.5[data-v-b19e2d94]{width:.875rem}.flex[data-v-b19e2d94]{display:flex}.flex-col[data-v-b19e2d94]{flex-direction:column}.flex-wrap[data-v-b19e2d94]{flex-wrap:wrap}.active\\:scale-\\[0\\.98\\][data-v-b19e2d94]:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-b19e2d94]{cursor:pointer}.items-center[data-v-b19e2d94]{align-items:center}.justify-between[data-v-b19e2d94]{justify-content:space-between}.gap-1\\.5[data-v-b19e2d94]{gap:.375rem}.gap-2\\.5[data-v-b19e2d94]{gap:.625rem}.gap-3[data-v-b19e2d94]{gap:.75rem}.gap-5[data-v-b19e2d94]{gap:1.25rem}.overflow-hidden[data-v-b19e2d94]{overflow:hidden}.border[data-v-b19e2d94]{border-width:1px}.border-white\\/5[data-v-b19e2d94]{border-color:#ffffff0d}.rounded[data-v-b19e2d94]{border-radius:.25rem}.rounded-xl[data-v-b19e2d94]{border-radius:.75rem}.bg-white\\/\\[0\\.03\\][data-v-b19e2d94]{background-color:#ffffff08}.bg-white\\/5[data-v-b19e2d94]{background-color:#ffffff0d}.hover\\:bg-white\\/10[data-v-b19e2d94]:hover{background-color:#ffffff1a}.p-4[data-v-b19e2d94]{padding:1rem}.px-1[data-v-b19e2d94]{padding-left:.25rem;padding-right:.25rem}.px-1\\.5[data-v-b19e2d94]{padding-left:.375rem;padding-right:.375rem}.py-0\\.5[data-v-b19e2d94]{padding-top:.125rem;padding-bottom:.125rem}.text-left[data-v-b19e2d94]{text-align:left}.text-\\[8px\\][data-v-b19e2d94]{font-size:8px}.text-\\[9px\\][data-v-b19e2d94]{font-size:9px}.text-xs[data-v-b19e2d94]{font-size:.75rem;line-height:1rem}.text-white\\/10[data-v-b19e2d94]{color:#ffffff1a}.text-white\\/25[data-v-b19e2d94]{color:#ffffff40}.text-white\\/40[data-v-b19e2d94]{color:#fff6}.text-white\\/50[data-v-b19e2d94]{color:#ffffff80}.group:hover .group-hover\\:text-blue-400[data-v-b19e2d94]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.group:hover .group-hover\\:text-white[data-v-b19e2d94]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-black[data-v-b19e2d94]{font-weight:900}.tracking-tighter[data-v-b19e2d94]{letter-spacing:-.05em}.tracking-widest[data-v-b19e2d94]{letter-spacing:.1em}.font-mono[data-v-b19e2d94]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-b19e2d94]{text-transform:uppercase}.opacity-20[data-v-b19e2d94]{opacity:.2}.group:hover .group-hover\\:opacity-60[data-v-b19e2d94]{opacity:.6}.transition-all[data-v-b19e2d94]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-b19e2d94]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity[data-v-b19e2d94]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.custom-scrollbar[data-v-bc42beda]::-webkit-scrollbar-thumb:hover{background:#fff3}[data-v-bc42beda],[data-v-bc42beda]:before,[data-v-bc42beda]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-bc42beda]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-bc42beda]{pointer-events:auto}.absolute[data-v-bc42beda]{position:absolute}.relative[data-v-bc42beda]{position:relative}.right-3[data-v-bc42beda]{right:.75rem}.top-3[data-v-bc42beda]{top:.75rem}.h-4[data-v-bc42beda]{height:1rem}.max-h-32[data-v-bc42beda]{max-height:8rem}.max-h-48[data-v-bc42beda]{max-height:12rem}.w-4[data-v-bc42beda]{width:1rem}.flex[data-v-bc42beda]{display:flex}.flex-col[data-v-bc42beda]{flex-direction:column}.cursor-pointer[data-v-bc42beda]{cursor:pointer}.items-center[data-v-bc42beda]{align-items:center}.justify-between[data-v-bc42beda]{justify-content:space-between}.gap-3[data-v-bc42beda]{gap:.75rem}.gap-6[data-v-bc42beda]{gap:1.5rem}.overflow-hidden[data-v-bc42beda]{overflow:hidden}.overflow-y-auto[data-v-bc42beda]{overflow-y:auto}.whitespace-pre-wrap[data-v-bc42beda]{white-space:pre-wrap}.border[data-v-bc42beda]{border-width:1px}.border-white\\/10[data-v-bc42beda]{border-color:#ffffff1a}.border-white\\/5[data-v-bc42beda]{border-color:#ffffff0d}.rounded-lg[data-v-bc42beda]{border-radius:.5rem}.rounded-xl[data-v-bc42beda]{border-radius:.75rem}.bg-black\\/40[data-v-bc42beda]{background-color:#0006}.bg-white\\/5[data-v-bc42beda]{background-color:#ffffff0d}.hover\\:bg-blue-600[data-v-bc42beda]:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.active\\:bg-blue-700[data-v-bc42beda]:active{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.p-2[data-v-bc42beda]{padding:.5rem}.p-4[data-v-bc42beda]{padding:1rem}.px-1[data-v-bc42beda]{padding-left:.25rem;padding-right:.25rem}.text-\\[9px\\][data-v-bc42beda]{font-size:9px}.text-white\\/25[data-v-bc42beda]{color:#ffffff40}.text-white\\/30[data-v-bc42beda]{color:#ffffff4d}.text-white\\/40[data-v-bc42beda]{color:#fff6}.font-black[data-v-bc42beda]{font-weight:900}.leading-relaxed[data-v-bc42beda]{line-height:1.625}.tracking-widest[data-v-bc42beda]{letter-spacing:.1em}.font-mono[data-v-bc42beda]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-bc42beda]{text-transform:uppercase}.italic[data-v-bc42beda]{font-style:italic}.opacity-0[data-v-bc42beda]{opacity:0}.group:hover .group-hover\\:opacity-100[data-v-bc42beda]{opacity:1}.shadow-inner[data-v-bc42beda]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-bc42beda]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-v-63239024],[data-v-63239024]:before,[data-v-63239024]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-63239024]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.relative[data-v-63239024]{position:relative}.mb-1[data-v-63239024]{margin-bottom:.25rem}.h-24[data-v-63239024]{height:6rem}.h-5[data-v-63239024]{height:1.25rem}.h-full[data-v-63239024]{height:100%}.w-5[data-v-63239024]{width:1.25rem}.w-full[data-v-63239024]{width:100%}.flex[data-v-63239024]{display:flex}.flex-col[data-v-63239024]{flex-direction:column}.items-end[data-v-63239024]{align-items:flex-end}.items-center[data-v-63239024]{align-items:center}.justify-center[data-v-63239024]{justify-content:center}.justify-between[data-v-63239024]{justify-content:space-between}.gap-3[data-v-63239024]{gap:.75rem}.gap-6[data-v-63239024]{gap:1.5rem}.overflow-hidden[data-v-63239024]{overflow:hidden}.border[data-v-63239024]{border-width:1px}.border-white\\/10[data-v-63239024]{border-color:#ffffff1a}.rounded-2xl[data-v-63239024]{border-radius:1rem}.rounded-xl[data-v-63239024]{border-radius:.75rem}.bg-black\\/40[data-v-63239024]{background-color:#0006}.from-white\\/\\[0\\.05\\][data-v-63239024]{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .05) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.hover\\:from-white\\/\\[0\\.08\\][data-v-63239024]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / .08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.to-white\\/\\[0\\.02\\][data-v-63239024]{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .02) var(--un-gradient-to-position)}.hover\\:to-white\\/\\[0\\.04\\][data-v-63239024]:hover{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / .04) var(--un-gradient-to-position)}.bg-gradient-to-br[data-v-63239024]{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}[stroke-width~="2"][data-v-63239024]{stroke-width:2px}.stroke-blue-400\\/40[data-v-63239024]{stroke:#60a5fa66}[stroke~=none][data-v-63239024]{stroke:none}.p-6[data-v-63239024]{padding:1.5rem}.px-1[data-v-63239024]{padding-left:.25rem;padding-right:.25rem}.py-2[data-v-63239024]{padding-top:.5rem;padding-bottom:.5rem}.text-\\[10px\\][data-v-63239024]{font-size:10px}.text-\\[11px\\][data-v-63239024]{font-size:11px}.text-\\[8px\\][data-v-63239024]{font-size:8px}.text-\\[9px\\][data-v-63239024]{font-size:9px}.text-6xl[data-v-63239024]{font-size:3.75rem;line-height:1}.text-blue-400\\/40[data-v-63239024]{color:#60a5fa66}.text-green-400[data-v-63239024]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-red-400[data-v-63239024]{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.text-white\\/15[data-v-63239024]{color:#ffffff26}.text-white\\/25[data-v-63239024]{color:#ffffff40}.text-white\\/30[data-v-63239024]{color:#ffffff4d}.text-yellow-400[data-v-63239024]{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity))}.group\\/stat:hover .group-hover\\/stat\\:text-blue-400\\/70[data-v-63239024]{color:#60a5fab3}.font-black[data-v-63239024]{font-weight:900}.font-bold[data-v-63239024]{font-weight:700}.tracking-\\[0\\.15em\\][data-v-63239024]{letter-spacing:.15em}.tracking-\\[0\\.2em\\][data-v-63239024]{letter-spacing:.2em}.tracking-tighter[data-v-63239024]{letter-spacing:-.05em}.tracking-widest[data-v-63239024]{letter-spacing:.1em}.font-mono[data-v-63239024]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase[data-v-63239024]{text-transform:uppercase}.shadow-inner[data-v-63239024]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl[data-v-63239024]{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-1[data-v-63239024]{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-white\\/5[data-v-63239024]{--un-ring-color:rgb(255 255 255 / .05) }.ring-inset[data-v-63239024]{--un-ring-inset:inset}.drop-shadow-\\[0_0_20px_rgba\\(234\\,179\\,8\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(234,179,8,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.drop-shadow-\\[0_0_20px_rgba\\(239\\,68\\,68\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(239,68,68,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.drop-shadow-\\[0_0_20px_rgba\\(34\\,197\\,94\\,0\\.5\\)\\][data-v-63239024]{--un-drop-shadow:drop-shadow(0 0 20px rgba(34,197,94,.5));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all[data-v-63239024]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-63239024]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-63239024]{transition-duration:.3s}[data-v-eb6add23],[data-v-eb6add23]:before,[data-v-eb6add23]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-eb6add23]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-eb6add23]{pointer-events:auto}.absolute[data-v-eb6add23]{position:absolute}.fixed[data-v-eb6add23]{position:fixed}.bottom-8[data-v-eb6add23]{bottom:2rem}.right-3[data-v-eb6add23]{right:.75rem}.right-8[data-v-eb6add23]{right:2rem}.top-3[data-v-eb6add23]{top:.75rem}.z-\\[10001\\][data-v-eb6add23]{z-index:10001}.h-14[data-v-eb6add23]{height:3.5rem}.h-2\\.5[data-v-eb6add23]{height:.625rem}.h-6[data-v-eb6add23]{height:1.5rem}.w-14[data-v-eb6add23]{width:3.5rem}.w-2\\.5[data-v-eb6add23]{width:.625rem}.w-6[data-v-eb6add23]{width:1.5rem}.flex[data-v-eb6add23]{display:flex}.rotate-180[data-v-eb6add23]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.scale-110[data-v-eb6add23]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\\:scale-90[data-v-eb6add23]:active{--un-scale-x:.9;--un-scale-y:.9;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center[data-v-eb6add23]{align-items:center}.justify-center[data-v-eb6add23]{justify-content:center}.border[data-v-eb6add23]{border-width:1px}.border-2[data-v-eb6add23]{border-width:2px}.border-\\[\\#121212\\][data-v-eb6add23]{--un-border-opacity:1;border-color:rgb(18 18 18 / var(--un-border-opacity))}.border-white\\/20[data-v-eb6add23]{border-color:#fff3}.rounded-full[data-v-eb6add23]{border-radius:9999px}.bg-\\[\\#121212\\]\\/90[data-v-eb6add23]{background-color:#121212e6}.bg-green-500[data-v-eb6add23]{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity))}.hover\\:bg-black[data-v-eb6add23]:hover{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.text-blue-400[data-v-eb6add23]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-white\\/50[data-v-eb6add23]{color:#ffffff80}.hover\\:text-white[data-v-eb6add23]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.shadow-\\[0_0_8px_rgba\\(34\\,197\\,94\\,0\\.6\\)\\][data-v-eb6add23]{--un-shadow:0 0 8px var(--un-shadow-color, rgba(34, 197, 94, .6));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_20px_40px_-8px_rgba\\(0\\,0\\,0\\,0\\.5\\)\\][data-v-eb6add23]{--un-shadow:0 20px 40px -8px var(--un-shadow-color, rgba(0, 0, 0, .5));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-4[data-v-eb6add23]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-white\\/5[data-v-eb6add23]{--un-ring-color:rgb(255 255 255 / .05) }.backdrop-blur-2xl[data-v-eb6add23]{--un-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-eb6add23]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform[data-v-eb6add23]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500[data-v-eb6add23]{transition-duration:.5s}[data-v-7e780824],[data-v-7e780824]:before,[data-v-7e780824]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-7e780824]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.fixed[data-v-7e780824]{position:fixed}.bottom-24[data-v-7e780824]{bottom:6rem}.right-8[data-v-7e780824]{right:2rem}.z-\\[10002\\][data-v-7e780824]{z-index:10002}.h-4[data-v-7e780824]{height:1rem}.w-4[data-v-7e780824]{width:1rem}.flex[data-v-7e780824]{display:flex}.translate-y-0[data-v-7e780824]{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-4[data-v-7e780824]{--un-translate-y:1rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center[data-v-7e780824]{align-items:center}.gap-2[data-v-7e780824]{gap:.5rem}.border[data-v-7e780824]{border-width:1px}.border-green-400\\/30[data-v-7e780824]{border-color:#4ade804d}.rounded-xl[data-v-7e780824]{border-radius:.75rem}.bg-green-600\\/90[data-v-7e780824]{background-color:#16a34ae6}[stroke-width~="2"][data-v-7e780824]{stroke-width:2px}.px-5[data-v-7e780824]{padding-left:1.25rem;padding-right:1.25rem}.py-3[data-v-7e780824]{padding-top:.75rem;padding-bottom:.75rem}.text-sm[data-v-7e780824]{font-size:.875rem;line-height:1.25rem}.text-white[data-v-7e780824]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-7e780824]{font-weight:700}.opacity-0[data-v-7e780824]{opacity:0}.opacity-100[data-v-7e780824]{opacity:1}.shadow-2xl[data-v-7e780824]{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-xl[data-v-7e780824]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition-all[data-v-7e780824]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300[data-v-7e780824]{transition-duration:.3s}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.custom-scrollbar[data-v-e0f091f2]::-webkit-scrollbar-thumb:hover{background:#fff3}[data-v-e0f091f2],[data-v-e0f091f2]:before,[data-v-e0f091f2]:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }[data-v-e0f091f2]::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-auto[data-v-e0f091f2]{pointer-events:auto}.h-11[data-v-e0f091f2]{height:2.75rem}.h-3\\.5[data-v-e0f091f2]{height:.875rem}.max-h-\\[480px\\][data-v-e0f091f2]{max-height:480px}.w-3\\.5[data-v-e0f091f2]{width:.875rem}.w-full[data-v-e0f091f2]{width:100%}.flex[data-v-e0f091f2]{display:flex}.flex-1[data-v-e0f091f2]{flex:1 1 0%}.group\\/btn:hover .group-hover\\/btn\\:rotate-12[data-v-e0f091f2]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:12deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\\:scale-\\[0\\.98\\][data-v-e0f091f2]:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer[data-v-e0f091f2]{cursor:pointer}.items-center[data-v-e0f091f2]{align-items:center}.justify-center[data-v-e0f091f2]{justify-content:center}.gap-3[data-v-e0f091f2]{gap:.75rem}.overflow-y-auto[data-v-e0f091f2]{overflow-y:auto}.border[data-v-e0f091f2]{border-width:1px}.border-white\\/5[data-v-e0f091f2]{border-color:#ffffff0d}.rounded-xl[data-v-e0f091f2]{border-radius:.75rem}.bg-white\\/\\[0\\.03\\][data-v-e0f091f2]{background-color:#ffffff08}.hover\\:bg-white\\/10[data-v-e0f091f2]:hover{background-color:#ffffff1a}.px-5[data-v-e0f091f2]{padding-left:1.25rem;padding-right:1.25rem}.py-2[data-v-e0f091f2]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-e0f091f2]{padding-top:.75rem;padding-bottom:.75rem}.pb-5[data-v-e0f091f2]{padding-bottom:1.25rem}.pt-3[data-v-e0f091f2]{padding-top:.75rem}.text-\\[10px\\][data-v-e0f091f2]{font-size:10px}.text-white\\/30[data-v-e0f091f2]{color:#ffffff4d}.text-white\\/50[data-v-e0f091f2]{color:#ffffff80}.group\\/btn:hover .group-hover\\/btn\\:text-blue-400[data-v-e0f091f2]{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.group\\/btn:hover .group-hover\\/btn\\:text-white[data-v-e0f091f2]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold[data-v-e0f091f2]{font-weight:700}.tracking-\\[0\\.25em\\][data-v-e0f091f2]{letter-spacing:.25em}.uppercase[data-v-e0f091f2]{text-transform:uppercase}.shadow-sm[data-v-e0f091f2]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition-all[data-v-e0f091f2]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors[data-v-e0f091f2]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}')), document.head.appendChild(a);
+    }
+  } catch (r) {
+    console.error("vite-plugin-css-injected-by-js", r);
+  }
+})();
+const Yt = {
+  settings: "配置",
+  animation: "动画",
+  presets: "预设",
+  export: "导出",
+  stats: "性能"
+}, jt = "播放引擎", At = "继续", Ft = "运行中", Ot = "重置", Rt = "引擎当前已暂停。配置更改仍会生效，但可能在恢复前无法即时预览。", Xt = "内置预设", Nt = "Vue 组件 (SFC)", Lt = "组件属性用法", Vt = "配置数据 (JSON)", Zt = "全选复制", $t = "复制成功", Ht = "实时性能统计", Bt = "滚动 30 个采样点", Et = "随机生成", Gt = "帧率", Jt = "帧每秒", Ut = "动画速度", Wt = "速度值", Dt = {
+  tabs: Yt,
+  engine: jt,
+  resume: At,
+  active: Ft,
+  restart: Ot,
+  pausedHint: Rt,
+  presets: Xt,
+  vueComponent: Nt,
+  componentProps: Lt,
+  configJson: Vt,
+  copyAll: Zt,
+  copySuccess: $t,
+  stats: Ht,
+  rolling: Bt,
+  randomize: Et,
+  frameRate: Gt,
+  framesPerSecond: Jt,
+  timeSpeed: Ut,
+  timeSpeedValue: Wt
+}, qt = {
+  settings: "Config",
+  animation: "Anim",
+  presets: "Presets",
+  export: "Export",
+  stats: "Stats"
+}, Kt = "Playback Engine", Qt = "Resume", ar = "Active", tr = "Restart", rr = "Engine is currently paused. Configuration updates will take effect but may not be visually updated until resumed.", er = "Built-in Presets", nr = "Vue Component (SFC)", or = "Component Props Usage", ir = "Configuration JSON", sr = "COPY ALL", ur = "Copied Successfully", dr = "Live Performance Stats", cr = "Rolling 30 Samples", lr = "Randomize", pr = "Frame Rate", fr = "frames per second", br = "Animation Speed", gr = "Speed", vr = {
+  tabs: qt,
+  engine: Kt,
+  resume: Qt,
+  active: ar,
+  restart: tr,
+  pausedHint: rr,
+  presets: er,
+  vueComponent: nr,
+  componentProps: or,
+  configJson: ir,
+  copyAll: sr,
+  copySuccess: ur,
+  stats: dr,
+  rolling: cr,
+  randomize: lr,
+  frameRate: pr,
+  framesPerSecond: fr,
+  timeSpeed: br,
+  timeSpeedValue: gr
+}, hr = { class: "tabs-container p-1.5 gap-2 bg-gradient-to-b from-black/50 to-black/30 rounded-2xl border border-white/10 shadow-2xl backdrop-blur-xl" }, mr = { class: "flex gap-1.5" }, xr = ["onClick"], wr = {
+  key: 0,
+  class: "absolute inset-0 bg-gradient-to-br from-white/20 to-transparent opacity-50"
+}, yr = { class: "text-[8px] font-black uppercase tracking-[0.15em] text-center leading-tight relative z-10" }, kr = /* @__PURE__ */ Z({
+  __name: "Tabs",
+  props: {
+    tabs: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: r }) {
+    const t = r, e = (o) => {
+      t("update:modelValue", o);
+    };
+    return (o, n) => (x(), I("div", hr, [
+      d("div", mr, [
+        (x(!0), I(Q, null, ia(a.tabs, (i) => (x(), I("button", {
+          key: i.id,
+          onClick: (l) => e(i.id),
+          class: U(["flex-1 flex flex-col items-center justify-center p-2 rounded-xl transition-all duration-300 relative group/tab pointer-events-auto cursor-pointer overflow-hidden", a.modelValue === i.id ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-lg shadow-blue-500/30 scale-[1.02]" : "bg-white/[0.04] text-white/50 hover:text-white hover:bg-white/10 hover:scale-[1.01] border border-white/5"])
+        }, [
+          a.modelValue === i.id ? (x(), I("div", wr)) : V("", !0),
+          i.icon ? (x(), H(Ra(i.icon), {
+            key: 1,
+            class: U(["w-4 h-4 mb-1.5 relative z-10 transition-transform duration-300", [
+              a.modelValue === i.id ? "text-white drop-shadow-lg" : "text-white/30 group-hover/tab:text-white/60",
+              a.modelValue === i.id ? "scale-110" : "group-hover/tab:scale-105"
+            ]])
+          }, null, 8, ["class"])) : V("", !0),
+          d("span", yr, C(i.label), 1),
+          n[0] || (n[0] = d("div", { class: "absolute inset-0 bg-gradient-to-t from-blue-400/0 via-blue-400/5 to-blue-400/0 opacity-0 group-hover/tab:opacity-100 transition-opacity duration-300" }, null, -1))
+        ], 10, xr))), 128))
+      ])
+    ]));
+  }
+}), G = (a, r) => {
+  const t = a.__vccOpts || a;
+  for (const [e, o] of r)
+    t[e] = o;
+  return t;
+}, zr = /* @__PURE__ */ G(kr, [["__scopeId", "data-v-883d4db1"]]), Mr = { class: "flex items-center gap-3 overflow-hidden" }, Cr = { class: "text-[10px] font-bold uppercase tracking-[0.2em] text-white/40 truncate" }, Sr = { class: "flex items-center gap-2" }, Ir = ["title"], Pr = /* @__PURE__ */ Z({
+  __name: "DraggablePanel",
+  props: {
+    isOpen: { type: Boolean },
+    title: {},
+    lang: {}
+  },
+  emits: ["update:isOpen", "toggleLang"],
+  setup(a, { emit: r }) {
+    const t = r, e = A(null), o = A(null), { style: n } = _t(e, {
+      handle: o,
+      initialValue: { x: window.innerWidth - 320, y: 80 }
+    }), i = () => {
+      t("update:isOpen", !1);
+    };
+    return (l, u) => (x(), H(xa, { to: "body" }, [
+      a.isOpen ? (x(), I("div", {
+        key: 0,
+        ref_key: "el",
+        ref: e,
+        class: "panel-base fixed z-[10000] w-80 flex flex-col text-white font-sans select-none overflow-hidden",
+        style: Fa(h(n))
+      }, [
+        d("div", {
+          ref_key: "handle",
+          ref: o,
+          class: "panel-header h-12 flex items-center justify-between px-5 cursor-move group/handle active:cursor-grabbing border-b border-white/5 bg-white/5"
+        }, [
+          d("div", Mr, [
+            u[1] || (u[1] = d("div", { class: "w-1.5 h-1.5 rounded-full bg-blue-500 shadow-[0_0_8px_rgba(59,130,246,0.6)]" }, null, -1)),
+            d("span", Cr, C(a.title), 1)
+          ]),
+          d("div", Sr, [
+            a.lang ? (x(), I("button", {
+              key: 0,
+              class: "w-7 h-7 flex items-center justify-center rounded-lg bg-white/5 border border-white/10 hover:bg-white/10 hover:border-blue-500/30 transition-all cursor-pointer",
+              title: a.lang === "zh-CN" ? "切换到英文" : "Switch to Chinese",
+              onClick: u[0] || (u[0] = _a((p) => t("toggleLang"), ["stop"]))
+            }, [
+              R(h(mt), { class: "w-3.5 h-3.5 text-white/60" })
+            ], 8, Ir)) : V("", !0),
+            d("button", {
+              class: "w-7 h-7 rounded-lg flex items-center justify-center bg-white/5 border border-white/10 text-white/30 hover:text-white hover:bg-red-500/20 hover:border-red-500/30 transition-all pointer-events-auto cursor-pointer",
+              onClick: _a(i, ["stop"])
+            }, [
+              R(h(wt), { class: "w-3.5 h-3.5" })
+            ])
+          ])
+        ], 512),
+        ha(l.$slots, "default", {}, void 0, !0)
+      ], 4)) : V("", !0)
+    ]));
+  }
+}), _r = /* @__PURE__ */ G(Pr, [["__scopeId", "data-v-29a974c4"]]), Tr = { class: "settings-container pointer-events-auto" }, Yr = { ref: "configPanelRef" }, jr = /* @__PURE__ */ Z({
+  __name: "SettingsTab",
+  props: {
+    configPanelRef: {}
+  },
+  setup(a) {
+    return (r, t) => (x(), I("div", Tr, [
+      d("div", Yr, [
+        ha(r.$slots, "default", {}, void 0, !0)
+      ], 512)
+    ]));
+  }
+}), Ar = /* @__PURE__ */ G(jr, [["__scopeId", "data-v-47dffb90"]]), Fr = { class: "flex flex-col gap-6 py-2" }, Or = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Rr = { class: "text-[9px] font-black uppercase tracking-[0.2em] text-white/20 px-1" }, Xr = { class: "flex flex-col gap-3 group/item px-1" }, Nr = { class: "flex justify-between items-center" }, Lr = { class: "text-[9px] font-mono text-white/30 group-hover/item:text-white/50 transition-colors" }, Vr = { class: "text-[11px] font-black font-mono text-white/40 group-hover/item:text-blue-400 transition-colors" }, Zr = ["value"], $r = { class: "flex flex-col gap-4" }, Hr = { class: "text-[9px] font-black uppercase tracking-[0.2em] text-white/20 px-1" }, Br = { class: "grid grid-cols-2 gap-3" }, Er = { class: "w-10 h-10 rounded-full bg-white/5 flex items-center justify-center mb-0.5 border border-white/5 group-hover:border-white/20" }, Gr = { class: "text-[9px] font-black uppercase tracking-[0.1em]" }, Jr = { class: "w-10 h-10 rounded-full bg-white/5 flex items-center justify-center mb-0.5 border border-white/5" }, Ur = { class: "text-[9px] font-black uppercase tracking-[0.1em]" }, Wr = {
+  key: 1,
+  class: "p-4 rounded-xl bg-orange-500/5 border border-orange-500/10 shadow-inner text-center mx-1"
+}, Dr = { class: "text-[9px] text-orange-400/60 leading-relaxed font-medium" }, qr = /* @__PURE__ */ Z({
+  __name: "AnimationTab",
+  props: {
+    config: {},
+    engine: {},
+    isPaused: { type: Boolean },
+    t: { type: Function }
+  },
+  emits: ["update:config", "togglePause", "restart"],
+  setup(a, { emit: r }) {
+    const t = a, e = r, o = (n) => {
+      e("update:config", { ...t.config, timeSpeed: n });
+    };
+    return (n, i) => {
+      var l;
+      return x(), I("div", Fr, [
+        ((l = a.config) == null ? void 0 : l.timeSpeed) !== void 0 ? (x(), I("div", Or, [
+          d("label", Rr, C(a.t("timeSpeed") || "动画速度"), 1),
+          d("div", Xr, [
+            d("div", Nr, [
+              d("span", Lr, C(a.t("timeSpeedValue") || "速度"), 1),
+              d("span", Vr, C(a.config.timeSpeed.toFixed(1)) + "x ", 1)
+            ]),
+            d("input", {
+              value: a.config.timeSpeed,
+              type: "range",
+              min: "0.1",
+              max: "5",
+              step: "0.1",
+              class: "w-full accent-blue-500 bg-white/5 hover:bg-white/10 h-1.5 rounded-full appearance-none cursor-pointer transition-all border border-white/5",
+              onInput: i[0] || (i[0] = (u) => o(Number(u.target.value)))
+            }, null, 40, Zr)
+          ])
+        ])) : V("", !0),
+        d("div", $r, [
+          d("label", Hr, C(a.t("engine")), 1),
+          d("div", Br, [
+            d("button", {
+              class: "flex flex-col items-center justify-center gap-3 py-5 rounded-xl bg-white/[0.03] border border-white/5 hover:bg-white/10 transition-all text-white/30 hover:text-white pointer-events-auto shadow-sm cursor-pointer",
+              onClick: i[1] || (i[1] = (u) => e("togglePause"))
+            }, [
+              d("div", Er, [
+                (x(), H(Ra(a.isPaused ? h(La) : h(wa)), {
+                  class: U(["w-5 h-5 transition-all text-current", { "animate-spin-slow text-blue-400": !a.isPaused }])
+                }, null, 8, ["class"]))
+              ]),
+              d("span", Gr, C(a.isPaused ? a.t("resume") : a.t("active")), 1)
+            ]),
+            d("button", {
+              class: "flex flex-col items-center justify-center gap-3 py-5 rounded-xl bg-white/[0.03] border border-white/5 hover:bg-white/10 transition-all text-white/30 hover:text-white pointer-events-auto shadow-sm cursor-pointer",
+              onClick: i[2] || (i[2] = (u) => e("restart"))
+            }, [
+              d("div", Jr, [
+                R(h(ga), { class: "w-5 h-5 text-green-400/60" })
+              ]),
+              d("span", Ur, C(a.t("restart")), 1)
+            ])
+          ])
+        ]),
+        a.isPaused ? (x(), I("div", Wr, [
+          d("p", Dr, ' "' + C(a.t("pausedHint")) + '" ', 1)
+        ])) : V("", !0)
+      ]);
+    };
+  }
+}), Kr = /* @__PURE__ */ G(qr, [["__scopeId", "data-v-6c1a0d2f"]]), Qr = { class: "flex flex-col gap-5" }, ae = { class: "flex flex-col gap-3" }, te = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, re = { class: "grid grid-cols-1 gap-2.5" }, ee = ["onClick"], ne = { class: "flex items-center justify-between mb-2" }, oe = { class: "text-xs font-black text-white/40 group-hover:text-white transition-colors" }, ie = { class: "flex flex-wrap gap-1.5 opacity-20 group-hover:opacity-60 transition-opacity" }, se = /* @__PURE__ */ Z({
+  __name: "PresetsTab",
+  props: {
+    presets: {},
+    config: {},
+    t: { type: Function },
+    tObj: { type: Function }
+  },
+  emits: ["update:config"],
+  setup(a, { emit: r }) {
+    const t = a, e = r, o = (n) => {
+      e("update:config", { ...t.config, ...n.config });
+    };
+    return (n, i) => (x(), I("div", Qr, [
+      d("div", ae, [
+        d("label", te, C(a.t("presets")), 1),
+        d("div", re, [
+          (x(!0), I(Q, null, ia(a.presets, (l) => (x(), I("button", {
+            key: l.id,
+            class: "group flex flex-col p-4 rounded-xl bg-white/[0.03] hover:bg-white/10 border border-white/5 transition-all text-left relative overflow-hidden active:scale-[0.98] pointer-events-auto cursor-pointer",
+            onClick: (u) => o(l)
+          }, [
+            d("div", ne, [
+              d("span", oe, C(a.tObj(l.name)), 1),
+              R(h(Na), { class: "w-3.5 h-3.5 text-white/10 group-hover:text-blue-400 transition-colors" })
+            ]),
+            d("div", ie, [
+              (x(!0), I(Q, null, ia(l.config, (u, p) => (x(), I("span", {
+                key: String(p),
+                class: "text-[8px] px-1.5 py-0.5 rounded bg-white/5 text-white/50 font-mono tracking-tighter"
+              }, C(p) + ":" + C(typeof u == "number" ? u.toFixed(1) : u), 1))), 128))
+            ])
+          ], 8, ee))), 128))
+        ])
+      ])
+    ]));
+  }
+}), ue = /* @__PURE__ */ G(se, [["__scopeId", "data-v-b19e2d94"]]);
+function de() {
+  const a = A(!0), r = A("settings"), t = A(!1);
+  return {
+    isOpen: a,
+    activeTab: r,
+    isPaused: t,
+    toggleOpen: () => {
+      a.value = !a.value;
+    },
+    setTab: (e) => {
+      r.value = e;
+    },
+    togglePause: (e) => {
+      e && (t.value ? (e.resume(), t.value = !1) : (e.pause(), t.value = !0));
+    },
+    restart: (e) => {
+      e && (e.restart(), t.value && (e.resume(), t.value = !1));
+    }
+  };
+}
+function ce() {
+  const a = /* @__PURE__ */ Tt(), r = A([]);
+  let t = null;
+  return Xa(() => {
+    t = setInterval(() => {
+      const e = typeof a.value == "number" && !isNaN(a.value) ? a.value : 0;
+      r.value.push(e), r.value.length > 30 && r.value.shift();
+    }, 500);
+  }), ma(() => {
+    t && clearInterval(t);
+  }), {
+    fps: a,
+    fpsHistory: r
+  };
+}
+function Za(a) {
+  const r = A(""), t = A(null), e = () => a.metaId.charAt(0).toUpperCase() + a.metaId.slice(1).replace(/-([a-z])/g, (l) => l[1].toUpperCase()), o = (l) => {
+    const u = e();
+    if (l === "config")
+      return JSON.stringify(a.config, null, 2);
+    if (l === "props") {
+      const p = Object.entries(a.config || {}).filter(([f]) => !["debug", "lang", "className"].includes(f)).map(([f, g]) => typeof g == "string" ? `${f}="${g}"` : `:${f}="${g}"`).join(`
+  `);
+      return `<${u}
+  ${p}
+/>`;
+    }
+    return `<script setup>
+import { ${u} } from '@bg-effects/${a.metaId}'
+
+const config = ${JSON.stringify(a.config, null, 2)}
+<\/script>
+
+<template>
+  <${u} v-bind="config" />
+</template>`;
+  }, n = async (l) => {
+    var u;
+    const p = o(l);
+    try {
+      await navigator.clipboard.writeText(p), i("复制成功!"), (u = a.onSuccess) == null || u.call(a, "复制成功!");
+    } catch (f) {
+      console.error("复制失败:", f);
+    }
+  }, i = (l) => {
+    r.value = l, t.value && clearTimeout(t.value), t.value = setTimeout(() => {
+      r.value = "";
+    }, 2e3);
+  };
+  return ma(() => {
+    t.value && clearTimeout(t.value);
+  }), {
+    copyCode: n,
+    copyToast: r,
+    generateCode: o,
+    getComponentName: e
+  };
+}
+const le = { class: "flex flex-col gap-6" }, pe = { class: "flex flex-col gap-3" }, fe = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, be = { class: "relative group" }, ge = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/40 overflow-hidden whitespace-pre-wrap leading-relaxed border border-white/5 shadow-inner italic" }, ve = { class: "flex flex-col gap-3" }, he = { class: "text-[9px] font-black uppercase tracking-widest text-white/25 px-1" }, me = { class: "relative group" }, xe = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/30 max-h-32 overflow-y-auto custom-scrollbar border border-white/5 shadow-inner leading-relaxed" }, we = { class: "flex flex-col gap-3" }, ye = { class: "flex justify-between items-center px-1" }, ke = { class: "text-[9px] font-black uppercase tracking-widest text-white/25" }, ze = { class: "relative group" }, Me = { class: "bg-black/40 rounded-xl p-4 text-[9px] font-mono text-white/30 max-h-48 overflow-y-auto custom-scrollbar border border-white/5 shadow-inner" }, Ce = /* @__PURE__ */ Z({
+  __name: "ExportTab",
+  props: {
+    config: {},
+    metaId: {},
+    t: { type: Function }
+  },
+  setup(a) {
+    const r = a, { copyCode: t, getComponentName: e } = Za({
+      config: r.config,
+      metaId: r.metaId
+    }), o = e();
+    return (n, i) => (x(), I("div", le, [
+      d("div", pe, [
+        d("label", fe, C(a.t("vueComponent")), 1),
+        d("div", be, [
+          d("pre", ge, "import { " + C(h(o)) + " } from '@bg-effects/" + C(a.metaId) + "'", 1),
+          d("button", {
+            class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
+            onClick: i[0] || (i[0] = (l) => h(t)("sfc"))
+          }, [
+            R(h(oa), { class: "w-4 h-4" })
+          ])
+        ])
+      ]),
+      d("div", ve, [
+        d("label", he, C(a.t("componentProps")), 1),
+        d("div", me, [
+          d("pre", xe, "<" + C(h(o)) + " ... />", 1),
+          d("button", {
+            class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
+            onClick: i[1] || (i[1] = (l) => h(t)("props"))
+          }, [
+            R(h(oa), { class: "w-4 h-4" })
+          ])
+        ])
+      ]),
+      d("div", we, [
+        d("div", ye, [
+          d("label", ke, C(a.t("configJson")), 1)
+        ]),
+        d("div", ze, [
+          d("div", Me, [
+            d("pre", null, C(JSON.stringify(a.config, null, 2)), 1)
+          ]),
+          d("button", {
+            class: "absolute top-3 right-3 p-2 rounded-lg bg-white/5 hover:bg-blue-600 opacity-0 group-hover:opacity-100 transition-all active:bg-blue-700 pointer-events-auto border border-white/10 cursor-pointer",
+            onClick: i[2] || (i[2] = (l) => h(t)("config"))
+          }, [
+            R(h(oa), { class: "w-4 h-4" })
+          ])
+        ])
+      ])
+    ]));
+  }
+}), Se = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-bc42beda"]]), Ie = { class: "flex flex-col gap-6 py-2" }, Pe = { class: "bg-gradient-to-br from-white/[0.05] to-white/[0.02] rounded-2xl p-6 border border-white/10 flex flex-col gap-3 items-center justify-center shadow-xl group/stat hover:from-white/[0.08] hover:to-white/[0.04] transition-all" }, _e = { class: "flex items-center gap-3 text-blue-400/40 mb-1 group-hover/stat:text-blue-400/70 transition-colors" }, Te = { class: "text-[11px] font-black uppercase tracking-[0.2em]" }, Ye = { class: "text-[10px] uppercase tracking-[0.15em] text-white/30 font-bold" }, je = { class: "flex flex-col gap-3" }, Ae = { class: "flex justify-between items-center px-1" }, Fe = { class: "text-[9px] font-black uppercase tracking-widest text-white/25" }, Oe = { class: "text-[8px] font-mono uppercase text-white/15 tracking-tighter" }, Re = { class: "bg-black/40 border border-white/10 h-24 rounded-xl relative overflow-hidden flex items-end ring-1 ring-inset ring-white/5 shadow-inner" }, Xe = {
+  class: "w-full h-full",
+  viewBox: "0 0 100 80",
+  preserveAspectRatio: "none"
+}, Ne = ["d"], Le = ["d"], Ve = /* @__PURE__ */ Z({
+  __name: "StatsTab",
+  props: {
+    t: { type: Function }
+  },
+  setup(a) {
+    const { fps: r, fpsHistory: t } = ce();
+    return (e, o) => (x(), I("div", Ie, [
+      d("div", Pe, [
+        d("div", _e, [
+          R(h(xt), { class: "w-5 h-5" }),
+          d("span", Te, C(a.t("frameRate")), 1)
+        ]),
+        d("span", {
+          class: U([
+            "text-6xl font-black tracking-tighter transition-all duration-300",
+            h(r) > 55 ? "text-green-400 drop-shadow-[0_0_20px_rgba(34,197,94,0.5)]" : h(r) > 30 ? "text-yellow-400 drop-shadow-[0_0_20px_rgba(234,179,8,0.5)]" : "text-red-400 drop-shadow-[0_0_20px_rgba(239,68,68,0.5)]"
+          ])
+        }, C(h(r)), 3),
+        d("span", Ye, C(a.t("framesPerSecond")), 1)
+      ]),
+      d("div", je, [
+        d("div", Ae, [
+          d("label", Fe, C(a.t("stats")), 1),
+          d("span", Oe, C(a.t("rolling")), 1)
+        ]),
+        d("div", Re, [
+          (x(), I("svg", Xe, [
+            d("path", {
+              d: `M -10 100 ${h(t).map((n, i) => `L ${i / (h(t).length - 1) * 100} ${80 - Math.min(n, 60) / 60 * 60}`).join(" ")} L 110 100 Z`,
+              fill: "url(#fps-gradient)",
+              stroke: "none"
+            }, null, 8, Ne),
+            d("path", {
+              d: h(t).map((n, i) => `${i === 0 ? "M" : "L"} ${i / (h(t).length - 1) * 100} ${80 - Math.min(n, 60) / 60 * 60}`).join(" "),
+              fill: "none",
+              class: "stroke-blue-400/40",
+              "stroke-width": "2",
+              "stroke-linecap": "round"
+            }, null, 8, Le),
+            o[0] || (o[0] = d("defs", null, [
+              d("linearGradient", {
+                id: "fps-gradient",
+                x1: "0",
+                y1: "0",
+                x2: "0",
+                y2: "1"
+              }, [
+                d("stop", {
+                  offset: "0%",
+                  "stop-color": "rgba(59, 130, 246, 0.3)"
+                }),
+                d("stop", {
+                  offset: "100%",
+                  "stop-color": "rgba(59, 130, 246, 0)"
+                })
+              ])
+            ], -1))
+          ]))
+        ])
+      ])
+    ]));
+  }
+}), Ze = /* @__PURE__ */ G(Ve, [["__scopeId", "data-v-63239024"]]), $e = {
+  key: 0,
+  class: "absolute top-3 right-3 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-[#121212] shadow-[0_0_8px_rgba(34,197,94,0.6)]"
+}, He = /* @__PURE__ */ Z({
+  __name: "FloatingToggleButton",
+  props: {
+    isOpen: { type: Boolean },
+    isPaused: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(a, { emit: r }) {
+    const t = r;
+    return (e, o) => (x(), H(xa, { to: "body" }, [
+      d("button", {
+        class: "fixed bottom-8 right-8 z-[10001] w-14 h-14 bg-[#121212]/90 border border-white/20 backdrop-blur-2xl rounded-full flex items-center justify-center text-white/50 hover:text-white hover:bg-black transition-all shadow-[0_20px_40px_-8px_rgba(0,0,0,0.5)] active:scale-90 group pointer-events-auto ring-4 ring-white/5",
+        onClick: o[0] || (o[0] = (n) => t("toggle"))
+      }, [
+        R(h(wa), {
+          class: U(["w-6 h-6 transition-transform duration-500", { "rotate-180 text-blue-400 scale-110": a.isOpen }])
+        }, null, 8, ["class"]),
+        a.isPaused ? V("", !0) : (x(), I("div", $e))
+      ])
+    ]));
+  }
+}), Be = /* @__PURE__ */ G(He, [["__scopeId", "data-v-eb6add23"]]), Ee = {
+  key: 0,
+  class: "fixed bottom-24 right-8 z-[10002] px-5 py-3 bg-green-600/90 backdrop-blur-xl rounded-xl border border-green-400/30 shadow-2xl text-white text-sm font-bold flex items-center gap-2"
+}, Ge = /* @__PURE__ */ Z({
+  __name: "CopyToast",
+  props: {
+    message: {}
+  },
+  setup(a) {
+    return (r, t) => (x(), H(xa, { to: "body" }, [
+      R(rt, {
+        "enter-active-class": "transition-all duration-300",
+        "leave-active-class": "transition-all duration-300",
+        "enter-from-class": "opacity-0 translate-y-4",
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-from-class": "opacity-100 translate-y-0",
+        "leave-to-class": "opacity-0 translate-y-4"
+      }, {
+        default: sa(() => [
+          a.message ? (x(), I("div", Ee, [
+            t[0] || (t[0] = d("svg", {
+              class: "w-4 h-4",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              d("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M5 13l4 4L19 7"
+              })
+            ], -1)),
+            et(" " + C(a.message), 1)
+          ])) : V("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), Je = /* @__PURE__ */ G(Ge, [["__scopeId", "data-v-7e780824"]]), Ue = { class: "px-5 py-3" }, We = { class: "flex-1 overflow-y-auto max-h-[480px] custom-scrollbar px-5 py-2 pointer-events-auto" }, De = {
+  key: 0,
+  class: "px-5 pb-5 pt-3"
+}, qe = { class: "text-white/50 group-hover/btn:text-white transition-colors" }, Ke = /* @__PURE__ */ Z({
+  __name: "DebugShell",
+  props: {
+    config: {},
+    meta: {},
+    engine: {},
+    lang: {}
+  },
+  emits: ["update:config", "update:lang", "randomize"],
+  setup(a, { emit: r }) {
+    const t = a, e = r, o = B({
+      get: () => t.lang || "zh-CN",
+      set: (X) => e("update:lang", X)
+    }), { isOpen: n, activeTab: i, isPaused: l, toggleOpen: u, togglePause: p, restart: f } = de(), g = A(null), { copyToast: w } = Za({
+      config: t.config,
+      metaId: t.meta.id
+    }), M = {
+      "zh-CN": Dt,
+      en: vr
+    }, P = B(() => o.value), v = (X) => {
+      const E = M[P.value];
+      return X.split(".").reduce(($, J) => $ == null ? void 0 : $[J], E) || X;
+    }, s = (X) => X[P.value] || X.en, c = () => {
+      o.value = o.value === "zh-CN" ? "en" : "zh-CN";
+    }, y = B(() => [
+      { id: "settings", icon: wa, label: v("tabs.settings") },
+      { id: "presets", icon: Na, label: v("tabs.presets") },
+      { id: "animation", icon: La, label: v("tabs.animation") },
+      { id: "export", icon: oa, label: v("tabs.export") },
+      { id: "stats", icon: ga, label: v("tabs.stats") }
+    ]), F = () => {
+      e("randomize");
+    }, Y = () => {
+      p(t.engine);
+    }, O = () => {
+      f(t.engine);
+    }, N = (X) => {
+      e("update:config", X);
+    };
+    return (X, E) => (x(), I(Q, null, [
+      R(_r, {
+        isOpen: h(n),
+        "onUpdate:isOpen": E[1] || (E[1] = ($) => fa(n) ? n.value = $ : null),
+        title: a.meta.name[P.value] || a.meta.name.en,
+        lang: P.value,
+        onToggleLang: c
+      }, {
+        default: sa(() => [
+          d("div", Ue, [
+            R(zr, {
+              modelValue: h(i),
+              "onUpdate:modelValue": E[0] || (E[0] = ($) => fa(i) ? i.value = $ : null),
+              tabs: y.value
+            }, null, 8, ["modelValue", "tabs"])
+          ]),
+          d("div", We, [
+            h(i) === "settings" ? (x(), H(Ar, {
+              key: 0,
+              "config-panel-ref": g.value
+            }, {
+              default: sa(() => [
+                d("div", {
+                  ref_key: "configPanelRef",
+                  ref: g
+                }, [
+                  ha(X.$slots, "settings", {}, void 0, !0)
+                ], 512)
+              ]),
+              _: 3
+            }, 8, ["config-panel-ref"])) : h(i) === "animation" ? (x(), H(Kr, {
+              key: 1,
+              config: a.config,
+              engine: a.engine,
+              "is-paused": h(l),
+              t: v,
+              "onUpdate:config": N,
+              onTogglePause: Y,
+              onRestart: O
+            }, null, 8, ["config", "engine", "is-paused"])) : h(i) === "presets" ? (x(), H(ue, {
+              key: 2,
+              presets: a.meta.presets,
+              config: a.config,
+              t: v,
+              "t-obj": s,
+              "onUpdate:config": N
+            }, null, 8, ["presets", "config"])) : h(i) === "export" ? (x(), H(Se, {
+              key: 3,
+              config: a.config,
+              "meta-id": a.meta.id,
+              t: v
+            }, null, 8, ["config", "meta-id"])) : h(i) === "stats" ? (x(), H(Ze, {
+              key: 4,
+              t: v
+            })) : V("", !0)
+          ]),
+          h(i) === "settings" ? (x(), I("div", De, [
+            d("button", {
+              class: "w-full h-11 flex items-center justify-center gap-3 bg-white/[0.03] hover:bg-white/10 rounded-xl border border-white/5 text-[10px] font-bold uppercase tracking-[0.25em] transition-all active:scale-[0.98] pointer-events-auto shadow-sm group/btn cursor-pointer",
+              onClick: F
+            }, [
+              R(h(ga), { class: "w-3.5 h-3.5 text-white/30 group-hover/btn:text-blue-400 group-hover/btn:rotate-12 transition-all" }),
+              d("span", qe, C(v("randomize")), 1)
+            ])
+          ])) : V("", !0)
+        ]),
+        _: 3
+      }, 8, ["isOpen", "title", "lang"]),
+      R(Be, {
+        "is-open": h(n),
+        "is-paused": h(l),
+        onToggle: h(u)
+      }, null, 8, ["is-open", "is-paused", "onToggle"]),
+      R(Je, { message: h(w) }, null, 8, ["message"])
+    ], 64));
+  }
+}), Qe = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-e0f091f2"]]);
+function la(a) {
+  if (a === null || typeof a != "object")
+    return !1;
+  const r = Object.getPrototypeOf(a);
+  return r !== null && r !== Object.prototype && Object.getPrototypeOf(r) !== null || Symbol.iterator in a ? !1 : Symbol.toStringTag in a ? Object.prototype.toString.call(a) === "[object Module]" : !0;
+}
+function va(a, r, t = ".", e) {
+  if (!la(r))
+    return va(a, {}, t, e);
+  const o = Object.assign({}, r);
+  for (const n in a) {
+    if (n === "__proto__" || n === "constructor")
+      continue;
+    const i = a[n];
+    i != null && (e && e(o, n, i, t) || (Array.isArray(i) && Array.isArray(o[n]) ? o[n] = [...i, ...o[n]] : la(i) && la(o[n]) ? o[n] = va(
+      i,
+      o[n],
+      (t ? `${t}.` : "") + n.toString(),
+      e
+    ) : o[n] = i));
+  }
+  return o;
+}
+function an(a) {
+  return (...r) => (
+    // eslint-disable-next-line unicorn/no-array-reduce
+    r.reduce((t, e) => va(t, e, "", a), {})
+  );
+}
+const Aa = an(), tn = /* @__PURE__ */ Z({
+  __name: "Fireworks",
+  props: {
+    className: {},
+    debug: { type: Boolean },
+    lang: {},
+    fireworkCount: {},
+    speed: {},
+    size: {},
+    curvature: {},
+    shape: {},
+    launchMode: {},
+    density: {},
+    colorMode: {},
+    color: {},
+    gravity: {},
+    clusterSize: {},
+    flightHeight: {},
+    uniformity: {},
+    flashIntensity: {},
+    flashOpacity: {},
+    launchInterval: {},
+    flightHeightJitter: {},
+    rotation: {},
+    rotationJitter: {},
+    colorJitter: {}
+  },
+  emits: ["update:fireworkCount", "update:speed", "update:gravity", "update:colorMode", "update:color"],
+  setup(a) {
+    const r = a, t = nt(() => import("./ConfigPanel-CEj7MToh.js")), e = A(null), n = A(Aa(r, q.defaultConfig)), i = A(n.value.lang || "zh-CN");
+    K(() => r, (v) => {
+      r.debug || (n.value = Aa(v, q.defaultConfig));
+    }, { deep: !0 });
+    const l = () => {
+      var v;
+      if (q.randomize) {
+        const s = (v = e.value) == null ? void 0 : v.activeTab, c = typeof s == "object" && (s != null && s.value) ? s.value : s, y = q.randomize(n.value, c);
+        n.value = {
+          ...y,
+          debug: n.value.debug,
+          lang: n.value.lang
+        };
+      }
+    }, u = A(null);
+    let p = null;
+    const f = A(!1), g = A(1), w = B(() => ({
+      pause: () => p == null ? void 0 : p.pause(),
+      resume: () => p == null ? void 0 : p.resume(),
+      restart: () => p == null ? void 0 : p.restart()
+    })), M = A(n.value.fireworkCount), P = A(n.value.density);
+    return K(n, (v) => {
+      if (!p || !u.value) return;
+      v.fireworkCount !== M.value || v.density !== P.value ? (f.value = !0, g.value = 0, setTimeout(() => {
+        if (!p || !u.value) return;
+        const c = p.isPaused;
+        p.destroy(), p = new ja(u.value, v), c && p.pause(), M.value = v.fireworkCount, P.value = v.density, setTimeout(() => {
+          g.value = 1, f.value = !1;
+        }, 50);
+      }, 300)) : p.updateConfig(v);
+    }, { deep: !0 }), Xa(() => {
+      if (!u.value) return;
+      p = new ja(u.value, n.value), M.value = n.value.fireworkCount, P.value = n.value.density;
+      const v = u.value.querySelector("canvas");
+      v && (v.style.transition = "opacity 0.3s ease-in-out", K(g, (s) => {
+        v.style.opacity = s.toString();
+      }));
+    }), ma(() => {
+      p == null || p.destroy(), p = null;
+    }), (v, s) => (x(), I("div", {
+      ref_key: "containerRef",
+      ref: u,
+      class: U(["fireworks-container absolute inset-0 z-0", r.className])
+    }, [
+      a.debug ? (x(), H(h(Qe), {
+        key: 0,
+        config: n.value,
+        "onUpdate:config": s[1] || (s[1] = (c) => n.value = c),
+        lang: i.value,
+        "onUpdate:lang": s[2] || (s[2] = (c) => i.value = c),
+        meta: h(q),
+        engine: w.value,
+        onRandomize: l
+      }, {
+        settings: sa(() => [
+          R(h(t), {
+            ref_key: "configContentRef",
+            ref: e,
+            config: n.value,
+            "onUpdate:config": s[0] || (s[0] = (c) => n.value = c),
+            lang: i.value
+          }, null, 8, ["config", "lang"])
+        ]),
+        _: 1
+      }, 8, ["config", "lang", "meta", "engine"])) : V("", !0)
+    ], 2));
+  }
+}), rn = (a, r) => {
+  const t = a.__vccOpts || a;
+  for (const [e, o] of r)
+    t[e] = o;
+  return t;
+}, wn = /* @__PURE__ */ rn(tn, [["__scopeId", "data-v-cf4ad147"]]), en = "Debug Panel", nn = {
+  general: "General",
+  shape: "Shape",
+  launch: "Launch",
+  visual: "Visual"
+}, on = {
+  count: "Count",
+  density: "Density",
+  size: "Particle Size",
+  cluster: "Cluster Size",
+  gravity: "Gravity",
+  style: "Explosion Style",
+  rotation: "Rotation",
+  jitter: "Jitter",
+  uniformity: "Uniformity",
+  launchMode: "Launch Mode",
+  interval: "Launch Interval",
+  colorMode: "Color Mode",
+  color: "Primary Color",
+  speed: "Speed",
+  intensity: "Flash Intensity",
+  flash: "Flash Opacity"
+}, sn = {
+  normal: "Normal",
+  circular: "Circular",
+  heart: "Heart",
+  star: "Star",
+  butterfly: "Butterfly",
+  spiral: "Spiral",
+  ring: "Ring",
+  doubleRing: "Double Ring",
+  atom: "Atom",
+  trefoil: "Trefoil",
+  clover: "Clover",
+  cross: "Cross",
+  saturn: "Saturn",
+  hexagram: "Hexagram",
+  astroid: "Astroid",
+  gear: "Gear",
+  fermat: "Fermat",
+  folium: "Folium",
+  random: "Random"
+}, un = {
+  random: "Random",
+  burst: "Burst",
+  wave: "Wave",
+  tide: "Tide",
+  simultaneous: "Simultaneous",
+  pendulum: "Pendulum",
+  single: "Single Color",
+  multi: "Multi Color"
+}, dn = {
+  title: en,
+  tabs: nn,
+  labels: on,
+  styles: sn,
+  modes: un
+}, cn = "调试面板", ln = {
+  general: "基础",
+  shape: "形状",
+  launch: "发射",
+  visual: "视觉"
+}, pn = {
+  count: "烟花数量",
+  density: "粒子密度",
+  size: "粒子大小",
+  cluster: "爆炸范围",
+  gravity: "重力强度",
+  style: "爆炸样式",
+  rotation: "旋转角度",
+  jitter: "随机抖动",
+  uniformity: "均匀度",
+  launchMode: "发射模式",
+  interval: "发射间隔",
+  colorMode: "颜色模式",
+  color: "主颜色",
+  speed: "动画速度",
+  intensity: "闪光强度",
+  flash: "闪光透明度"
+}, fn = {
+  normal: "常规",
+  circular: "圆形",
+  heart: "爱心",
+  star: "星形",
+  butterfly: "蝴蝶",
+  spiral: "螺旋",
+  ring: "圆环",
+  doubleRing: "双环",
+  atom: "原子",
+  trefoil: "三叶草",
+  clover: "四叶草",
+  cross: "十字",
+  saturn: "土星",
+  hexagram: "六角星",
+  astroid: "星形线",
+  gear: "齿轮",
+  fermat: "费马螺旋",
+  folium: "叶形线",
+  random: "随机形态"
+}, bn = {
+  random: "随机位置",
+  burst: "迸发模式",
+  wave: "波动模式",
+  tide: "浪潮模式",
+  simultaneous: "同时发射",
+  pendulum: "钟摆模式",
+  single: "单色模式",
+  multi: "彩色模式"
+}, gn = {
+  title: cn,
+  tabs: ln,
+  labels: pn,
+  styles: fn,
+  modes: bn
+}, yn = {
+  en: dn,
+  "zh-CN": gn
+};
+export {
+  wn as F,
+  xn as S,
+  rn as _,
+  dn as e,
+  yn as l,
+  q as m,
+  gn as z
+};