@fest-lib/veela 0.1.4 → 0.1.6

package/dist/veela.js

@@ -1,878 +1,8 @@
-var pe = /* @__PURE__ */ Symbol.for("dom.ts@__registeredCssProperties"), K = globalThis[pe] ??= /* @__PURE__ */ new Set();
-[
-  {
-    name: "--screen-width",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--screen-height",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--visual-width",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--visual-height",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--clip-ampl",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--clip-freq",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--avail-width",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--avail-height",
-    syntax: "<length-percentage>",
-    inherits: !0,
-    initialValue: "0px"
-  },
-  {
-    name: "--pixel-ratio",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "1"
-  },
-  {
-    name: "--percent",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--percent-x",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--percent-y",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--scroll-left",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--scroll-top",
-    syntax: "<number>",
-    inherits: !0,
-    initialValue: "0"
-  },
-  {
-    name: "--drag-x",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--drag-y",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--grid-r",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--grid-c",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--resize-x",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--resize-y",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--shift-x",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--shift-y",
-    syntax: "<length>",
-    inherits: !1,
-    initialValue: "0px"
-  },
-  {
-    name: "--cs-grid-r",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--cs-grid-c",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--cs-p-grid-r",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--cs-p-grid-c",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--os-grid-r",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--os-grid-c",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--rv-grid-r",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--rv-grid-c",
-    syntax: "<number>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--cell-x",
-    syntax: "<integer>",
-    inherits: !1,
-    initialValue: "0"
-  },
-  {
-    name: "--cell-y",
-    syntax: "<integer>",
-    inherits: !1,
-    initialValue: "0"
-  }
-].forEach((e) => {
-  if (typeof CSS > "u" || typeof CSS?.registerProperty != "function") return;
-  const t = String(e?.name || "").trim();
-  if (!(!t || K.has(t)))
-    try {
-      CSS.registerProperty(e);
-    } catch (a) {
-      String(a?.name || "").toLowerCase() !== "invalidmodificationerror" && console.warn(a);
-    } finally {
-      K.add(t);
-    }
-});
-function he() {
-  const e = globalThis;
-  if (typeof e.HTMLElement == "function") return;
-  const t = class {
-  }, a = (n) => {
-    typeof e[n] != "function" && (e[n] = t);
-  };
-  a("EventTarget"), a("Node"), a("Element"), a("HTMLElement"), a("SVGElement"), a("Text"), a("Comment"), a("DocumentFragment"), a("ShadowRoot"), a("HTMLDocument"), a("Document"), a("HTMLBodyElement"), a("HTMLHeadElement"), a("HTMLCanvasElement"), a("HTMLInputElement"), a("HTMLLinkElement"), a("HTMLStyleElement"), a("HTMLPreElement"), a("HTMLDivElement"), a("CSSStyleRule"), a("CSSLayerBlockRule");
-}
-var fe = (e, t = "value") => (typeof e == "object" || typeof e == "function") && e != null && (t in e || e?.[t] != null), ae = (e) => fe(e, "value"), ne = (e) => e && e?.replace?.(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), re = (e) => {
-  if (typeof e != "string") return null;
-  const t = [...e?.matchAll?.(/^\d+(\.\d+)?$/g)];
-  if (t?.length != 1) return null;
-  const a = parseFloat(t[0][0]);
-  return !Number.isNaN(a) && Number.isFinite(a) ? a : null;
+import { loadAsAdopted as r } from "@fest-lib/dom";
+var o = '@function --hsv(--src-color <color>) returns <color>{result:hsl(from var(--src-color,black) h calc(calc((calc(l / 100) - calc(calc(l / 100) * (1 - calc(s / 100) / 2))) / clamp(.0001, min(calc(calc(l / 100) * (1 - calc(s / 100) / 2)), calc(1 - calc(calc(l / 100) * (1 - calc(s / 100) / 2)))), 1)) * 100) calc(calc(calc(l / 100) * (1 - calc(s / 100) / 2)) * 100)/alpha)}@property --color-primary{syntax:"<color>";inherits:true;initial-value:#5a7fff}@property --base-color{syntax:"<color>";inherits:true;initial-value:#5a7fff}@property --color-secondary{syntax:"<color>";inherits:true;initial-value:#6b8cff}@property --color-tertiary{syntax:"<color>";inherits:true;initial-value:#8aa0ff}@property --color-error{syntax:"<color>";inherits:true;initial-value:#ef4444}@property --color-success{syntax:"<color>";inherits:true;initial-value:#4caf50}@property --color-warning{syntax:"<color>";inherits:true;initial-value:#ff9800}@property --color-info{syntax:"<color>";inherits:true;initial-value:#2196f3}@function --u2-color-mod(--base-color <color>, --index <number> : 550) returns <color>{--i:clamp(0,var(--index),1000);--pivot:550;--white-distance:clamp(0,calc((var(--pivot) - var(--i)) / var(--pivot)),1);--black-distance:clamp(0,calc((var(--i) - var(--pivot)) / (1000 - var(--pivot))),1);--to-white:pow(var(--white-distance),1.15);--to-black:pow(var(--black-distance),1.08);--center-left:clamp(0,calc(var(--i) / var(--pivot)),1);--center-right:clamp(0,calc((1000 - var(--i)) / (1000 - var(--pivot))),1);--chroma-shape:sqrt(min(var(--center-left),var(--center-right)));--chroma-scale:calc(0.08 + 0.92 * var(--chroma-shape));result:oklch(from var(--base-color) calc(l + (.985 - l) * var(--to-white) + (.16 - l) * var(--to-black)) calc(c * var(--chroma-scale)) h)}@layer tokens, base, layout, utilities, shells, shell, views, view, viewer, components, ux-layer, markdown, essentials, print, print-breaks, overrides;@layer tokens{:host,:root,:scope{--color-primary:#5a7fff;color-scheme:light dark;--base-color:var(--color-primary);--base-color-neutralized:color-mix(in oklab,var(--base-color) 60%,gray);--wf-md-primary:var(--color-primary);--wf-md-seed:var(--base-color);--color-on-primary:--u2-color-mod(var(--base-color),40);--color-secondary:--u2-color-mod(var(--base-color),420);--color-on-secondary:--u2-color-mod(var(--base-color),40);--color-tertiary:--u2-color-mod(var(--base-color),400);--color-on-tertiary:--u2-color-mod(var(--base-color),40);--color-error:#ef4444;--color-on-error:--u2-color-mod(var(--color-error),40);--color-success:#4caf50;--color-warning:#ff9800;--color-info:#2196f3;--color-background:--u2-color-mod(var(--base-color),60);--color-on-background:--u2-color-mod(var(--base-color),900);--color-surface:--u2-color-mod(var(--base-color),60);--color-on-surface:--u2-color-mod(var(--base-color),900);--color-surface-variant:--u2-color-mod(var(--base-color),160);--color-on-surface-variant:--u2-color-mod(var(--base-color),700);--color-outline:--u2-color-mod(var(--base-color),300);--color-outline-variant:--u2-color-mod(var(--base-color),400);--color-surface-container-lowest:--u2-color-mod(var(--base-color),2);--color-surface-container-low:--u2-color-mod(var(--base-color),10);--color-surface-container:--u2-color-mod(var(--base-color),20);--color-surface-container-high:--u2-color-mod(var(--base-color),30);--color-surface-container-highest:--u2-color-mod(var(--base-color),40);--color-border:color-mix(in oklab,var(--color-outline-variant) 75%,#0000);--color-bg:var(--color-background);--color-text:var(--color-on-background);--color-fg:var(--color-on-surface);--on-surface-color:var(--color-on-surface);--on-surface-variant:var(--color-on-surface-variant);--wf-md-surface:var(--color-surface);--wf-md-on-surface:var(--color-on-surface);--wf-md-on-surface-variant:var(--color-on-surface-variant);--wf-md-surf-container:var(--color-surface-container);--wf-md-surf-container-low:var(--color-surface-container-low);--wf-md-surf-container-high:var(--color-surface-container-high);--wf-md-outline-variant:var(--color-outline-variant);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem;--padding-xs:var(--space-xs);--padding-sm:var(--space-sm);--padding-md:var(--space-md);--padding-lg:var(--space-lg);--padding-xl:var(--space-xl);--padding-2xl:var(--space-2xl);--padding-3xl:2rem;--padding-4xl:2.5rem;--padding-5xl:3rem;--padding-6xl:4rem;--padding-7xl:5rem;--padding-8xl:6rem;--padding-9xl:8rem;--gap-xs:var(--space-xs);--gap-sm:var(--space-sm);--gap-md:var(--space-md);--gap-lg:var(--space-lg);--gap-xl:var(--space-xl);--gap-2xl:var(--space-2xl);--radius-none:0;--radius-sm:0.25rem;--radius-default:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--elev-0:none;--elev-1:0 1px 1px #0000000f,0 1px 3px #0000001a;--elev-2:0 2px 6px #0000001f,0 8px 24px #00000014;--elev-3:0 6px 16px #00000024,0 18px 48px #0000001a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #0000001a;--shadow-inset:inset 0 2px 4px #0000000f;--shadow-inset-strong:inset 0 4px 8px #0000001f;--shadow-none:0 0 #0000;--text-xs:0.8rem;--text-sm:0.9rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--text-2xl:1.6rem;--text-3xl:2rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family:"Roboto",ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--font-family-mono:"Roboto Mono","SF Mono",Monaco,Inconsolata,"Fira Code",monospace;--font-sans:var(--font-family);--font-mono:var(--font-family-mono);--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.8;--transition-fast:120ms cubic-bezier(0.2,0,0,1);--transition-normal:160ms cubic-bezier(0.2,0,0,1);--transition-slow:200ms cubic-bezier(0.2,0,0,1);--motion-fast:var(--transition-fast);--motion-normal:var(--transition-normal);--motion-slow:var(--transition-slow);--focus-ring:0 0 0 3px color-mix(in oklab,var(--color-primary) 35%,#0000);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--view-bg:var(--color-surface);--view-fg:var(--color-on-surface);--view-border:var(--color-outline-variant);--view-input-bg:light-dark(--u2-color-mod(var(--base-color,var(--color-primary)),40),var(--color-surface-container-high));--view-files-bg:var(--color-surface-container-low);--view-file-bg:var(--color-surface-container-lowest,var(--color-surface-container-low));--view-results-bg:var(--color-surface-container-low);--view-result-bg:var(--color-surface-container-lowest,var(--color-surface-container-low));--color-surface-elevated:var(--color-surface-container);--color-surface-hover:var(--color-surface-container-low);--color-surface-active:var(--color-surface-container-high);--color-on-surface-muted:var(--color-on-surface-variant);--color-background-alt:var(--color-surface-variant);--color-primary-hover:light-dark(--u2-color-mod(var(--base-color,var(--color-primary)),620),--u2-color-mod(var(--base-color,var(--color-primary)),480));--color-primary-active:light-dark(--u2-color-mod(var(--base-color,var(--color-primary)),700),--u2-color-mod(var(--base-color,var(--color-primary)),400));--color-accent:var(--color-secondary);--color-accent-hover:light-dark(--u2-color-mod(var(--base-color,var(--color-primary)),500),--u2-color-mod(var(--base-color,var(--color-primary)),600));--color-on-accent:var(--color-on-secondary);--color-border-hover:var(--color-outline-variant);--color-border-strong:var(--color-outline);--color-border-focus:var(--color-primary);--color-text:var(--color-on-surface);--color-text-secondary:var(--color-on-surface-variant);--color-text-muted:color-mix(in oklab,var(--color-on-surface) 50%,var(--color-surface));--color-text-disabled:color-mix(in oklab,var(--color-on-surface) 38%,var(--color-surface));--color-text-inverse:var(--color-on-primary);--color-link:var(--color-primary);--color-link-hover:var(--color-primary-hover);--color-success-light:--u2-color-mod(var(--color-success),280);--color-success-dark:--u2-color-mod(var(--color-success),720);--color-warning-light:--u2-color-mod(var(--color-warning),280);--color-warning-dark:--u2-color-mod(var(--color-warning),720);--color-error-light:--u2-color-mod(var(--color-error),280);--color-error-dark:--u2-color-mod(var(--color-error),720);--color-info-light:--u2-color-mod(var(--color-info),280);--color-info-dark:--u2-color-mod(var(--color-info),720);--color-bg:var(--color-surface,var(--color-surface));--color-bg-alt:var(--color-surface-variant,var(--color-surface-variant));--color-fg:var(--color-on-surface,var(--color-on-surface));--color-fg-muted:var(--color-on-surface-variant,var(--color-on-surface-variant));--btn-height-sm:2rem;--btn-height-md:2.5rem;--btn-height-lg:3rem;--btn-padding-x-sm:var(--space-md);--btn-padding-x-md:var(--space-lg);--btn-padding-x-lg:1.5rem;--btn-radius:var(--radius-md);--btn-font-weight:var(--font-weight-medium);--input-height-sm:2rem;--input-height-md:2.5rem;--input-height-lg:3rem;--input-padding-x:var(--space-md);--input-radius:var(--radius-md);--input-border-color:var(--color-border,var(--color-border));--input-focus-ring-color:var(--color-primary);--input-focus-ring-width:2px;--card-padding:var(--space-lg);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--card-border-color:var(--color-border,var(--color-border));--modal-backdrop-bg:light-dark(#00000080,#000000b3);--modal-bg:var(--color-surface,var(--color-surface));--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-xl);--modal-padding:1.5rem;--toast-font-family:var(--font-family,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--toast-font-size:var(--font-size-base,1rem);--toast-font-weight:var(--font-weight-medium,500);--toast-letter-spacing:0.01em;--toast-line-height:1.4;--toast-white-space:nowrap;--toast-pointer-events:auto;--toast-user-select:none;--toast-cursor:default;--toast-opacity:0;--toast-transform:translateY(100%) scale(0.9);--toast-transition:opacity 160ms ease-out,transform 160ms cubic-bezier(0.16,1,0.3,1),background-color 100ms ease;--toast-text:var(--color-on-surface,var(--color-on-surface,light-dark(#fff,#000)));--toast-bg:color-mix(in oklab,var(--color-surface-elevated,var(--color-surface-container-high,var(--color-surface,light-dark(#fafbfc,#1e293b)))) 90%,var(--color-on-surface,var(--color-on-surface,light-dark(#000,#fff))));--toast-radius:var(--radius-lg);--toast-shadow:var(--shadow-lg);--toast-padding:var(--space-lg);--sidebar-width:280px;--sidebar-collapsed-width:64px;--nav-height:56px;--nav-height-compact:48px;--status-height:24px;--status-bg:var(--color-surface-elevated,var(--color-surface-container-high));--status-font-size:var(--text-xs);--shell-bg:var(--color-surface);--shell-fg:var(--color-on-surface);--shell-nav-bg:var(--color-surface-container-high);--shell-nav-fg:var(--color-on-surface);--shell-nav-border:var(--color-outline-variant);--shell-btn-hover:var(--color-surface-container);--shell-btn-active-bg:color-mix(in oklab,var(--color-primary) 18%,var(--color-surface));--shell-btn-active-fg:var(--color-on-surface);--shell-status-bg:var(--color-surface-container-low);--shell-status-fg:var(--color-on-surface);--faint-nav-bg:var(--color-surface-container-high);--faint-nav-border:var(--color-outline-variant);--faint-sidebar-bg:var(--color-surface-container-high);--env-status-fg:light-dark(#1c1c1e,#f5f5f7);--env-status-fg-muted:color-mix(in oklab,var(--env-status-fg) 78%,#0000);--env-launcher-fg:#f7f7f8;--env-launcher-fg-shadow:#000000e0;--env-launcher-fg-glow:#00000073;--error-color:var(--color-error,#f87171);--sv-bg:var(--color-surface-container-low,light-dark(#eef1f6,#0f1318));--sv-fg:var(--color-on-surface,light-dark(#12151a,#e8edf2));--sv-muted:var(--color-on-surface-variant,light-dark(#5c6570,#a8b0bc));--sv-outline:var(--color-outline-variant,light-dark(#c5cdd8,#3d4755));--sv-surface-1:var(--color-surface-container-low,light-dark(#fff,#171c24));--sv-surface-2:var(--color-surface-container,light-dark(#f4f6fa,#1c232d));--sv-primary:var(--base-color,var(--color-primary,#5a7fff));--sv-danger:var(--color-error,#d32f2f);--vh-bg:var(--color-surface,light-dark(#eef1f6,#0f1318));--vh-fg:var(--color-on-surface,light-dark(#12151a,#e8edf2));--vh-muted:var(--color-on-surface-variant,light-dark(#5c6570,#a8b0bc));--vh-primary:var(--color-primary,#007acc);--vh-danger:var(--color-error,#d32f2f);--vh-on-primary:var(--color-on-primary,#fff);--vh-item-bg:var(--color-surface-container-low,light-dark(#e0e5ee,#0a0d12));--view-border:color-mix(in oklab,var(--color-outline-variant,#888) 45%,#0000);--view-fg-muted:color-mix(in oklab,var(--color-on-surface,#ccc) 72%,#0000);--view-hover-bg:color-mix(in oklab,var(--color-primary,#3794ff) 12%,#0000);--view-selected-bg:color-mix(in oklab,var(--color-primary,#3794ff) 18%,#0000);--view-selected-border:var(--color-primary,#3794ff)}@media (prefers-color-scheme:dark){:host:not([data-theme=light]):not([data-theme=dark]),:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--base-color:var(--color-primary);--base-color-neutralized:color-mix(in oklab,var(--base-color) 60%,gray);--wf-md-primary:var(--color-primary);--wf-md-seed:var(--base-color);--color-on-primary:--u2-color-mod(var(--base-color),920);--color-secondary:--u2-color-mod(var(--base-color),680);--color-on-secondary:--u2-color-mod(var(--base-color),920);--color-tertiary:--u2-color-mod(var(--base-color),700);--color-on-tertiary:--u2-color-mod(var(--base-color),920);--color-error:#f87171;--color-on-error:--u2-color-mod(var(--color-error),920);--color-success:#66bb6a;--color-warning:#ffa726;--color-info:#42a5f5;--color-background:--u2-color-mod(var(--base-color),940);--color-on-background:--u2-color-mod(var(--base-color),100);--color-surface:--u2-color-mod(var(--base-color),940);--color-on-surface:--u2-color-mod(var(--base-color),100);--color-surface-variant:--u2-color-mod(var(--base-color),840);--color-on-surface-variant:--u2-color-mod(var(--base-color),280);--color-outline:--u2-color-mod(var(--base-color),720);--color-outline-variant:--u2-color-mod(var(--base-color),640);--color-surface-container-lowest:--u2-color-mod(var(--base-color),920);--color-surface-container-low:--u2-color-mod(var(--base-color),940);--color-surface-container:--u2-color-mod(var(--base-color),960);--color-surface-container-high:--u2-color-mod(var(--base-color),980);--color-surface-container-highest:--u2-color-mod(var(--base-color),1000);--color-border:color-mix(in oklab,var(--color-outline-variant) 70%,#0000);--color-bg:var(--color-background);--color-text:var(--color-on-background);--color-fg:var(--color-on-surface);--on-surface-color:var(--color-on-surface);--on-surface-variant:var(--color-on-surface-variant);--wf-md-surface:var(--color-surface);--wf-md-on-surface:var(--color-on-surface);--wf-md-on-surface-variant:var(--color-on-surface-variant);--wf-md-surf-container:var(--color-surface-container);--wf-md-surf-container-low:var(--color-surface-container-low);--wf-md-surf-container-high:var(--color-surface-container-high);--wf-md-outline-variant:var(--color-outline-variant)}}:host[data-theme=light],:root[data-theme=light],[data-theme=light]{color-scheme:light only;--base-color:var(--color-primary);--base-color-neutralized:color-mix(in oklab,var(--base-color) 60%,gray);--wf-md-primary:var(--color-primary);--wf-md-seed:var(--base-color);--color-on-primary:--u2-color-mod(var(--base-color),40);--color-secondary:--u2-color-mod(var(--base-color),420);--color-on-secondary:--u2-color-mod(var(--base-color),40);--color-tertiary:--u2-color-mod(var(--base-color),400);--color-on-tertiary:--u2-color-mod(var(--base-color),40);--color-error:#ef4444;--color-on-error:--u2-color-mod(var(--color-error),40);--color-success:#4caf50;--color-warning:#ff9800;--color-info:#2196f3;--color-background:--u2-color-mod(var(--base-color),60);--color-on-background:--u2-color-mod(var(--base-color),900);--color-surface:--u2-color-mod(var(--base-color),60);--color-on-surface:--u2-color-mod(var(--base-color),900);--color-surface-variant:--u2-color-mod(var(--base-color),160);--color-on-surface-variant:--u2-color-mod(var(--base-color),700);--color-outline:--u2-color-mod(var(--base-color),300);--color-outline-variant:--u2-color-mod(var(--base-color),400);--color-surface-container-lowest:--u2-color-mod(var(--base-color),2);--color-surface-container-low:--u2-color-mod(var(--base-color),10);--color-surface-container:--u2-color-mod(var(--base-color),20);--color-surface-container-high:--u2-color-mod(var(--base-color),30);--color-surface-container-highest:--u2-color-mod(var(--base-color),40);--color-border:color-mix(in oklab,var(--color-outline-variant) 75%,#0000);--color-bg:var(--color-background);--color-text:var(--color-on-background);--color-fg:var(--color-on-surface);--on-surface-color:var(--color-on-surface);--on-surface-variant:var(--color-on-surface-variant);--wf-md-surface:var(--color-surface);--wf-md-on-surface:var(--color-on-surface);--wf-md-on-surface-variant:var(--color-on-surface-variant);--wf-md-surf-container:var(--color-surface-container);--wf-md-surf-container-low:var(--color-surface-container-low);--wf-md-surf-container-high:var(--color-surface-container-high);--wf-md-outline-variant:var(--color-outline-variant)}:host[data-theme=dark],:root[data-theme=dark],[data-theme=dark]{color-scheme:dark only;--base-color:var(--color-primary);--base-color-neutralized:color-mix(in oklab,var(--base-color) 60%,gray);--wf-md-primary:var(--color-primary);--wf-md-seed:var(--base-color);--color-on-primary:--u2-color-mod(var(--base-color),920);--color-secondary:--u2-color-mod(var(--base-color),680);--color-on-secondary:--u2-color-mod(var(--base-color),920);--color-tertiary:--u2-color-mod(var(--base-color),700);--color-on-tertiary:--u2-color-mod(var(--base-color),920);--color-error:#f87171;--color-on-error:--u2-color-mod(var(--color-error),920);--color-success:#66bb6a;--color-warning:#ffa726;--color-info:#42a5f5;--color-background:--u2-color-mod(var(--base-color),940);--color-on-background:--u2-color-mod(var(--base-color),100);--color-surface:--u2-color-mod(var(--base-color),940);--color-on-surface:--u2-color-mod(var(--base-color),100);--color-surface-variant:--u2-color-mod(var(--base-color),840);--color-on-surface-variant:--u2-color-mod(var(--base-color),280);--color-outline:--u2-color-mod(var(--base-color),720);--color-outline-variant:--u2-color-mod(var(--base-color),640);--color-surface-container-lowest:--u2-color-mod(var(--base-color),920);--color-surface-container-low:--u2-color-mod(var(--base-color),940);--color-surface-container:--u2-color-mod(var(--base-color),960);--color-surface-container-high:--u2-color-mod(var(--base-color),980);--color-surface-container-highest:--u2-color-mod(var(--base-color),1000);--color-border:color-mix(in oklab,var(--color-outline-variant) 70%,#0000);--color-bg:var(--color-background);--color-text:var(--color-on-background);--color-fg:var(--color-on-surface);--on-surface-color:var(--color-on-surface);--on-surface-variant:var(--color-on-surface-variant);--wf-md-surface:var(--color-surface);--wf-md-on-surface:var(--color-on-surface);--wf-md-on-surface-variant:var(--color-on-surface-variant);--wf-md-surf-container:var(--color-surface-container);--wf-md-surf-container-low:var(--color-surface-container-low);--wf-md-surf-container-high:var(--color-surface-container-high);--wf-md-outline-variant:var(--color-outline-variant)}:root[data-scheme=auto]:not([data-theme=light]):not([data-theme=dark]),:root[data-scheme=system]:not([data-theme=light]):not([data-theme=dark]){color-scheme:light dark}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms;--motion-fast:0ms;--motion-normal:0ms;--motion-slow:0ms}}@media (prefers-contrast:high){:root{--color-border:var(--color-border,var(--color-outline));--color-border-hover:color-mix(in oklab,var(--color-border,var(--color-outline)) 80%,var(--color-on-surface,var(--color-on-surface)));--color-text-secondary:var(--color-on-surface,var(--color-on-surface));--color-text-muted:var(--color-on-surface-variant,var(--color-on-surface-variant))}}@media print{:root{--view-padding:0;--view-content-max-width:100%;--view-bg:#fff;--view-fg:#000;--view-heading-color:#000;--view-link-color:#000}:root:has([data-view=viewer]){--view-code-bg:#f5f5f5;--view-code-fg:#000;--view-blockquote-bg:#f5f5f5}}}@layer utilities{.m-0{margin:0}.mb-0{margin-block:0}.mi-0{margin-inline:0}.p-0{padding:0}.pb-0{padding-block:0}.pi-0{padding-inline:0}.gap-0{gap:0}.inset-0{inset:0}.m-xs{margin:.25rem}.mb-xs{margin-block:.25rem}.mi-xs{margin-inline:.25rem}.p-xs{padding:.25rem}.pb-xs{padding-block:.25rem}.pi-xs{padding-inline:.25rem}.gap-xs{gap:.25rem}.inset-xs{inset:.25rem}.m-sm{margin:.5rem}.mb-sm{margin-block:.5rem}.mi-sm{margin-inline:.5rem}.p-sm{padding:.5rem}.pb-sm{padding-block:.5rem}.pi-sm{padding-inline:.5rem}.gap-sm{gap:.5rem}.inset-sm{inset:.5rem}.m-md{margin:.75rem}.mb-md{margin-block:.75rem}.mi-md{margin-inline:.75rem}.p-md{padding:.75rem}.pb-md{padding-block:.75rem}.pi-md{padding-inline:.75rem}.gap-md{gap:.75rem}.inset-md{inset:.75rem}.m-lg{margin:1rem}.mb-lg{margin-block:1rem}.mi-lg{margin-inline:1rem}.p-lg{padding:1rem}.pb-lg{padding-block:1rem}.pi-lg{padding-inline:1rem}.gap-lg{gap:1rem}.inset-lg{inset:1rem}.m-xl{margin:1.25rem}.mb-xl{margin-block:1.25rem}.mi-xl{margin-inline:1.25rem}.p-xl{padding:1.25rem}.pb-xl{padding-block:1.25rem}.pi-xl{padding-inline:1.25rem}.gap-xl{gap:1.25rem}.inset-xl{inset:1.25rem}.m-2xl{margin:1.5rem}.mb-2xl{margin-block:1.5rem}.mi-2xl{margin-inline:1.5rem}.p-2xl{padding:1.5rem}.pb-2xl{padding-block:1.5rem}.pi-2xl{padding-inline:1.5rem}.gap-2xl{gap:1.5rem}.inset-2xl{inset:1.5rem}.m-3xl{margin:2rem}.mb-3xl{margin-block:2rem}.mi-3xl{margin-inline:2rem}.p-3xl{padding:2rem}.pb-3xl{padding-block:2rem}.pi-3xl{padding-inline:2rem}.gap-3xl{gap:2rem}.inset-3xl{inset:2rem}.text-xs{font-size:.75rem}.text-sm,.text-xs{font-weight:400;letter-spacing:0;line-height:1.5}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-base,.text-lg{font-weight:400;letter-spacing:0;line-height:1.5}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl,.text-xl{font-weight:400;letter-spacing:0;line-height:1.5}.text-2xl{font-size:1.5rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-primary{color:#1e293b,#f1f5f9}.text-secondary{color:#64748b,#94a3b8}.text-muted{color:#94a3b8,#64748b}.text-disabled{color:#cbd5e1,#475569}.block,.vu-block{display:block}.inline,.vu-inline{display:inline}.inline-block{display:inline-block}.flex,.vu-flex{display:flex}.inline-flex{display:inline-flex}.grid,.vu-grid{display:grid}.hidden,.vu-hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.block-size-auto,.h-auto{block-size:auto}.block-size-full,.h-full{block-size:100%}.h-screen{block-size:100vh}.inline-size-auto,.w-auto{inline-size:auto}.inline-size-full,.w-full{inline-size:100%}.w-screen{inline-size:100vw}.min-block-size-0,.min-h-0{min-block-size:0}.min-inline-size-0,.min-w-0{min-inline-size:0}.max-block-size-full,.max-h-full{max-block-size:100%}.max-inline-size-full,.max-w-full{max-inline-size:100%}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.bg-surface{background-color:#fafbfc,#0f1419}.bg-surface-container{background-color:#f1f5f9,#1e293b}.bg-surface-container-high{background-color:#e2e8f0,#334155}.bg-primary{background-color:#5a7fff,#7ca7ff}.bg-secondary{background-color:#6b7280,#94a3b8}.border{border:1px solid #475569}.border-2{border:2px solid #475569}.border-primary{border:1px solid #7ca7ff}.border-secondary{border:1px solid #94a3b8}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-xs{box-shadow:0 1px 2px 0 #0000000d}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.visible{visibility:visible}.invisible{visibility:hidden}.collapse,.vs-collapsed{visibility:collapse}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}@container (max-width: 320px){.hidden\\@xs{display:none}}@container (max-width: 640px){.hidden\\@sm{display:none}}@container (max-width: 768px){.hidden\\@md{display:none}}@container (max-width: 1024px){.hidden\\@lg{display:none}}@container (min-width: 320px){.block\\@xs{display:block}}@container (min-width: 640px){.block\\@sm{display:block}}@container (min-width: 768px){.block\\@md{display:block}}@container (min-width: 1024px){.block\\@lg{display:block}}@container (max-width: 320px){.text-sm\\@xs{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.5}}@container (min-width: 640px){.text-base\\@sm{font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.5}}.icon-xs{--icon-size:0.75rem}.icon-sm{--icon-size:0.875rem}.icon-md{--icon-size:1rem}.icon-lg{--icon-size:1.25rem}.icon-xl{--icon-size:1.5rem}.center-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-flex{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.interactive{cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.interactive:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.interactive:disabled,.interactive[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.focus-ring:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{-webkit-line-clamp:2}.truncate-2,.truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{-webkit-line-clamp:3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.margin-block-0{margin-block:0}.margin-block-sm{margin-block:var(--space-sm)}.margin-block-md{margin-block:var(--space-md)}.margin-block-lg{margin-block:var(--space-lg)}.margin-inline-0{margin-inline:0}.margin-inline-sm{margin-inline:var(--space-sm)}.margin-inline-md{margin-inline:var(--space-md)}.margin-inline-lg{margin-inline:var(--space-lg)}.margin-inline-auto{margin-inline:auto}.padding-block-0{padding-block:0}.padding-block-sm{padding-block:var(--space-sm)}.padding-block-md{padding-block:var(--space-md)}.padding-block-lg{padding-block:var(--space-lg)}.padding-inline-0{padding-inline:0}.padding-inline-sm{padding-inline:var(--space-sm)}.padding-inline-md{padding-inline:var(--space-md)}.padding-inline-lg{padding-inline:var(--space-lg)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vs-active{--state-active:1}.vs-disabled{opacity:.5;pointer-events:none}.vs-loading{cursor:wait}.vs-error{color:var(--color-error,#dc3545)}.vs-success{color:var(--color-success,#28a745)}.vs-hidden{display:none!important}.container,.vl-container{inline-size:100%;margin-inline:auto;max-inline-size:var(--container-max,1200px)}.vl-container{padding-inline:var(--space-md)}.container{padding-inline:var(--space-lg)}.vl-grid{display:grid;gap:var(--gap-md)}.vl-stack{display:flex;flex-direction:column;gap:var(--gap-md)}.vl-cluster{flex-wrap:wrap;gap:var(--gap-sm)}.vl-center,.vl-cluster{align-items:center;display:flex}.vl-center{justify-content:center}.vu-sr-only{block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);border:0;white-space:nowrap}.vc-surface{background-color:var(--color-surface);color:var(--color-on-surface)}.vc-surface-variant{background-color:var(--color-surface-variant);color:var(--color-on-surface-variant)}.vc-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.vc-secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.vc-elevated{box-shadow:var(--elev-1)}.vc-elevated-2{box-shadow:var(--elev-2)}.vc-elevated-3{box-shadow:var(--elev-3)}.vc-rounded{border-radius:var(--radius-md)}.vc-rounded-sm{border-radius:var(--radius-sm)}.vc-rounded-lg{border-radius:var(--radius-lg)}.vc-rounded-full{border-radius:var(--radius-full,9999px)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.stack>*+*{margin-block-start:var(--space-md)}.stack-sm>*+*{margin-block-start:var(--space-sm)}.stack-lg>*+*{margin-block-start:var(--space-lg)}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-break-inside-avoid{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){.transition-fast,.transition-normal,.transition-slow{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.text-primary{color:var(--color-on-surface)}.text-disabled,.text-muted,.text-secondary{color:var(--color-on-surface-variant)}.border{border-width:2px}.border-top{border-top-width:2px}.border-bottom{border-bottom-width:2px}.border-left{border-left-width:2px}.border-right{border-right-width:2px}}}@property --value{syntax:"<number>";initial-value:0;inherits:true}@property --relate{syntax:"<number>";initial-value:0;inherits:true}@property --drag-x{syntax:"<number>";initial-value:0;inherits:false}@property --drag-y{syntax:"<number>";initial-value:0;inherits:false}@property --order{syntax:"<integer>";initial-value:1;inherits:true}@property --content-inline-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --content-block-size{syntax:"<length-percentage>";initial-value:100%;inherits:true}@property --icon-size{syntax:"<length-percentage>";initial-value:16px;inherits:true}@property --icon-color{syntax:"<color>";initial-value:#0000;inherits:true}@property --icon-padding{syntax:"<length-percentage>";initial-value:0px;inherits:true}@property --icon-image{syntax:"<image>";initial-value:linear-gradient(#0000,#0000);inherits:true}@layer ux-classes{.grid-rows>::slotted(*){display:grid;grid-auto-flow:column}.grid-rows>::slotted(*){place-content:center;place-items:center}.grid-rows>::slotted(*){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}:host(.grid-rows) ::slotted(::slotted(*)){display:grid;grid-auto-flow:column}:host(.grid-rows) ::slotted(::slotted(*)){place-content:center;place-items:center}:host(.grid-rows) ::slotted(::slotted(*)){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}.grid-rows>*{display:grid;grid-auto-flow:column;place-content:center;place-items:center;--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}:host(.grid-rows) ::slotted(*){display:grid;grid-auto-flow:column}:host(.grid-rows) ::slotted(*){place-content:center;place-items:center}:host(.grid-rows) ::slotted(*){--order:sibling-index();grid-column:1/-1;grid-row:var(--order,1)/calc(var(--order, 1) + 1);grid-template-columns:subgrid;grid-template-rows:minmax(0,max-content)}.grid-rows{--display:inline-grid;--flow:column;--items:center;--content:center;block-size:auto;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);inline-size:auto;place-content:var(--content,center);place-items:var(--items,center);--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);grid-auto-rows:minmax(0,max-content);grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);inline-size:var(--i-size,100%);list-style-position:inside;list-style-type:none;margin:0;padding:0}:host(.grid-rows){--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-rows){block-size:auto;inline-size:auto;--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-rows){grid-auto-rows:minmax(0,max-content);grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);list-style-position:inside;list-style-type:none;margin:0;padding:0}.grid-columns>::slotted(*){display:grid;grid-auto-flow:row}.grid-columns>::slotted(*){place-content:center;place-items:center}.grid-columns>::slotted(*){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}:host(.grid-columns) ::slotted(::slotted(*)){display:grid;grid-auto-flow:row}:host(.grid-columns) ::slotted(::slotted(*)){place-content:center;place-items:center}:host(.grid-columns) ::slotted(::slotted(*)){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}.grid-columns>*{display:grid;grid-auto-flow:row;place-content:center;place-items:center;--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}:host(.grid-columns) ::slotted(*){display:grid;grid-auto-flow:row}:host(.grid-columns) ::slotted(*){place-content:center;place-items:center}:host(.grid-columns) ::slotted(*){--order:sibling-index();grid-column:var(--order,1)/calc(var(--order, 1) + 1);grid-row:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid}.grid-columns{--display:inline-grid;--flow:row;--items:center;--content:center;block-size:auto;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);inline-size:auto;place-content:var(--content,center);place-items:var(--items,center);--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:var(--i-size,100%);list-style-position:inside;list-style-type:none;margin:0;padding:0}:host(.grid-columns){--display:inline-grid;--flow:row;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-columns){block-size:auto;inline-size:auto;--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-columns){grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);list-style-position:inside;list-style-type:none;margin:0;padding:0}.flex-columns>::slotted(*){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}.flex-columns>::slotted(*){place-content:center;place-items:center}:host(.flex-columns) ::slotted(::slotted(*)){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}:host(.flex-columns) ::slotted(::slotted(*)){place-content:center;place-items:center}.flex-columns>*{--order:sibling-index();flex:1 1 max-content;order:var(--order,auto);place-content:center;place-items:center}:host(.flex-columns) ::slotted(*){--order:sibling-index();flex:1 1 max-content;order:var(--order,auto)}:host(.flex-columns) ::slotted(*){place-content:center;place-items:center}.flex-columns{--display:inline-flex;--flow:column;--items:center;--content:center;block-size:max-content;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);inline-size:max-content;place-content:var(--content,center);place-items:var(--items,center);--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.flex-columns){--display:inline-flex;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.flex-columns){block-size:max-content;inline-size:max-content;--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.grid-layered>::slotted(*){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>::slotted(*)>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered) ::slotted(::slotted(*)){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered) ::slotted(::slotted(*))>*{grid-column:1/-1;grid-row:1/-1}.grid-layered>*{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>*>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered) ::slotted(*){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered) ::slotted(*)>*{grid-column:1/-1;grid-row:1/-1}.grid-layered{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.grid-layered>*{grid-column:1/-1;grid-row:1/-1}.grid-layered{--display:inline-grid;--flow:column;--items:center;--content:center;block-size:max-content;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);inline-size:max-content;place-content:var(--content,center);place-items:var(--items,center);--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-layered){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:host(.grid-layered)>*{grid-column:1/-1;grid-row:1/-1}:host(.grid-layered){--display:inline-grid;--flow:column;--items:center;--content:center;box-sizing:border-box;display:var(--display,inline-block);flex-direction:var(--flow,row);place-content:var(--content,center);place-items:var(--items,center)}:host(.grid-layered){block-size:max-content;inline-size:max-content;--i-size:max-content;--b-size:max-content;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.grid-rows-3c>::slotted(*){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c) ::slotted(::slotted(*)){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c>*{grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c) ::slotted(*){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c{grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}:host(.grid-rows-3c){grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.grid-rows-3c>::slotted(:last-child){grid-column:var(--order,1)/3 span}:host(.grid-rows-3c) ::slotted(::slotted(:last-child)){grid-column:var(--order,1)/3 span}.grid-rows-3c>:last-child{grid-column:var(--order,1)/3 span}:host(.grid-rows-3c) ::slotted(:last-child){grid-column:var(--order,1)/3 span}.grid-rows-3c{--order:sibling-index();block-size:auto;grid-column:var(--order,1)/var(--order,1) span;inline-size:auto;--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}:host(.grid-rows-3c){--order:sibling-index()}:host(.grid-rows-3c){grid-column:var(--order,1)/var(--order,1) span}:host(.grid-rows-3c){block-size:auto;inline-size:auto;--i-size:auto;--b-size:auto;aspect-ratio:var(--ar,auto);block-size:var(--b-size,100%);inline-size:var(--i-size,100%)}.stretch-inline{inline-size:100%;inline-size:stretch}:host(.stretch-inline){inline-size:100%;inline-size:stretch}.stretch-block{block-size:100%;block-size:stretch}:host(.stretch-block){block-size:100%;block-size:stretch}.content-inline-size{padding-inline:max(100% - (100% - var(--content-inline-size,100%) * .5),0px)}:host(.content-inline-size){padding-inline:max(100% - (100% - var(--content-inline-size,100%) * .5),0px)}.content-block-size{padding-block:max(100% - (100% - var(--content-block-size,100%) * .5),0px)}:host(.content-block-size){padding-block:max(100% - (100% - var(--content-block-size,100%) * .5),0px)}.ux-anchor{inset-block-start:max(var(--client-y,0px),0px);inset-inline-start:max(var(--client-x,0px),0px);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--client-x, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--client-y, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important}@supports (position-anchor:--example){.ux-anchor{inline-size:anchor-size(var(--anchor-group) self-inline);inset-block-start:anchor(var(--anchor-group) end);inset-inline-start:anchor(var(--anchor-group) start);position-anchor:var(--anchor-group)}}:host(.ux-anchor){inset-block-start:max(var(--client-y,0px),0px);inset-inline-start:max(var(--client-x,0px),0px)}:host(.ux-anchor){--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--client-x, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--client-y, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important}@supports (position-anchor:--example){:host(.ux-anchor){inline-size:anchor-size(var(--anchor-group) self-inline);inset-block-start:anchor(var(--anchor-group) end);inset-inline-start:anchor(var(--anchor-group) start);position-anchor:var(--anchor-group)}}.ux-anchor{--shift-x:var(--client-x,0px);--shift-y:var(--client-y,0px);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--shift-x, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--shift-y, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;direction:ltr;inset-block-end:auto;inset-block-start:max(var(--shift-y),var(--status-bar-padding,0px));inset-inline-end:auto;inset-inline-start:max(var(--shift-x),0px);transform:none;translate:0 0 0;writing-mode:horizontal-tb}:host(.ux-anchor){--shift-x:var(--client-x,0px);--shift-y:var(--client-y,0px);--translate-x:round(nearest,min(0px,calc(100cqi - (100% + var(--shift-x, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;--translate-y:round(nearest,min(0px,calc(100cqb - (100% + var(--shift-y, 0px)))),calc(1px / var(--pixel-ratio, 1)))!important;direction:ltr;inset-block-end:auto;inset-block-start:max(var(--shift-y),var(--status-bar-padding,0px));inset-inline-end:auto;inset-inline-start:max(var(--shift-x),0px);transform:none;translate:0 0 0;writing-mode:horizontal-tb}.layered-wrap{background-color:initial;block-size:max-content;display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:max-content;overflow:visible;z-index:calc(var(--z-index, 0) + 1)}.layered-wrap>*{grid-column:1/-1;grid-row:1/-1}:host(.layered-wrap){background-color:initial;block-size:max-content;display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);inline-size:max-content;overflow:visible;z-index:calc(var(--z-index, 0) + 1)}:host(.layered-wrap)>*{grid-column:1/-1;grid-row:1/-1}}@layer components{ui-icon{--icon-color:currentColor;--icon-size:1rem;--icon-padding:0.125rem;aspect-ratio:1;color:var(--icon-color);display:inline-grid;margin-inline-end:.125rem;place-content:center;place-items:center;vertical-align:middle}ui-icon:last-child{margin-inline-end:0}}@layer animations{}@function --wavy-step(--step <number>){--angle:calc((var(--step, 0) * 2) * 1rad * pi);--variant:calc(cos(var(--clip-freq, 8) * var(--angle, 0deg)) * 0.5 + 0.5);--adjust:calc(var(--variant, 0) * var(--clip-amplitude, 0));--x:calc(50% + (cos(var(--angle, 0deg)) * (0.5 - var(--adjust, 0))) * var(--icon-size, 100%));--y:calc(50% + (sin(var(--angle, 0deg)) * (0.5 - var(--adjust, 0))) * var(--icon-size, 100%));result:var(--x) var(--y)}@layer ux-shapes{.shaped{aspect-ratio:1/1;border-radius:1.5rem;contain:strict;display:flex;overflow:hidden;padding:1.25rem;place-content:center;place-items:center;pointer-events:auto;transition:--background-tone-shift .2s ease-in-out,--icon-color .2s ease-in-out;transition-behavior:allow-discrete;user-select:none;z-index:1}.shaped,.shaped :is(span,ui-icon){block-size:stretch;inline-size:stretch}[data-dragging]{z-index:calc(100 + var(--z-index, 0))!important}:not(.shaped) .shaped[data-shape],:not(.shaped)>[data-shape],:not(:has(.shaped))[data-shape]{aspect-ratio:1/1;contain:strict;overflow:hidden;pointer-events:auto;touch-action:none}:not(.shaped) .shaped[data-shape=square],:not(.shaped)>[data-shape=square],:not(:has(.shaped))[data-shape=square]{--border-radius:var(--radius-md);--clip-path:none}:not(.shaped) .shaped[data-shape=squircle],:not(.shaped)>[data-shape=squircle],:not(:has(.shaped))[data-shape=squircle]{--border-radius:28%;--clip-path:none}:not(.shaped) .shaped[data-shape=circle],:not(.shaped)>[data-shape=circle],:not(:has(.shaped))[data-shape=circle]{--border-radius:50%;--clip-path:none}:not(.shaped) .shaped[data-shape=rounded],:not(.shaped)>[data-shape=rounded],:not(:has(.shaped))[data-shape=rounded]{--border-radius:var(--radius-xl);--clip-path:none}:not(.shaped) .shaped[data-shape=blob],:not(.shaped)>[data-shape=blob],:not(:has(.shaped))[data-shape=blob]{--border-radius:60% 40% 30% 70%/60% 30% 70% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=hexagon],:not(.shaped)>[data-shape=hexagon],:not(:has(.shaped))[data-shape=hexagon]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}:not(.shaped) .shaped[data-shape=diamond],:not(.shaped)>[data-shape=diamond],:not(:has(.shaped))[data-shape=diamond]{--border-radius:0;--clip-path:polygon(round 0.5rem,50% 0%,100% 50%,50% 100%,0% 50%)}:not(.shaped) .shaped[data-shape=star],:not(.shaped)>[data-shape=star],:not(:has(.shaped))[data-shape=star]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 0%,61% 35%,98% 38%,68% 59%,79% 95%,50% 75%,21% 95%,32% 59%,2% 38%,39% 35%)}:not(.shaped) .shaped[data-shape=badge],:not(.shaped)>[data-shape=badge],:not(:has(.shaped))[data-shape=badge]{--border-radius:0;--clip-path:polygon(round 0.375rem,0% 0%,100% 0%,100% 70%,50% 100%,0% 70%)}:not(.shaped) .shaped[data-shape=heart],:not(.shaped)>[data-shape=heart],:not(:has(.shaped))[data-shape=heart]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 100%,10% 65%,0% 45%,0% 30%,5% 15%,18% 3%,35% 0%,50% 12%,65% 0%,82% 3%,95% 15%,100% 30%,100% 45%,90% 65%)}:not(.shaped) .shaped[data-shape=clover],:not(.shaped)>[data-shape=clover],:not(:has(.shaped))[data-shape=clover]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,60% 30%,70% 30%,100% 50%,70% 70%,60% 70%,50% 100%,40% 70%,30% 70%,0% 50%,30% 30%,40% 30%)}:not(.shaped) .shaped[data-shape=flower],:not(.shaped)>[data-shape=flower],:not(:has(.shaped))[data-shape=flower]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 0%,58% 25%,85% 15%,68% 40%,100% 50%,68% 60%,85% 85%,58% 75%,50% 100%,42% 75%,15% 85%,32% 60%,0% 50%,32% 40%,15% 15%,42% 25%)}:not(.shaped) .shaped[data-shape=triangle],:not(.shaped)>[data-shape=triangle],:not(:has(.shaped))[data-shape=triangle]{--border-radius:0;--clip-path:polygon(round 0.5rem,50% 0%,100% 87%,0% 87%)}:not(.shaped) .shaped[data-shape=pentagon],:not(.shaped)>[data-shape=pentagon],:not(:has(.shaped))[data-shape=pentagon]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,97.5% 35%,79.5% 95%,20.5% 95%,2.5% 35%)}:not(.shaped) .shaped[data-shape=octagon],:not(.shaped)>[data-shape=octagon],:not(:has(.shaped))[data-shape=octagon]{--border-radius:0;--clip-path:polygon(round 0.25rem,30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}:not(.shaped) .shaped[data-shape=cross],:not(.shaped)>[data-shape=cross],:not(:has(.shaped))[data-shape=cross]{--border-radius:0;--clip-path:polygon(round 0.375rem,35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%)}:not(.shaped) .shaped[data-shape=arrow],:not(.shaped)>[data-shape=arrow],:not(:has(.shaped))[data-shape=arrow]{--border-radius:0;--clip-path:polygon(round 0.375rem,0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}:not(.shaped) .shaped[data-shape=egg],:not(.shaped)>[data-shape=egg],:not(:has(.shaped))[data-shape=egg]{--border-radius:50% 50% 50% 50%/60% 60% 40% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=tear],:not(.shaped)>[data-shape=tear],:not(:has(.shaped))[data-shape=tear]{--border-radius:50cqmin 50cqmin 5rem 50cqmin;--clip-path:none;border-end-end-radius:5rem;border-end-start-radius:50cqmin;border-start-end-radius:50cqmin;border-start-start-radius:50cqmin}:not(.shaped) .shaped[data-shape=wavy],:not(.shaped)>[data-shape=wavy],:not(:has(.shaped))[data-shape=wavy]{--border-radius:calc(var(--icon-size, 100%) * 0.5)}}', e = () => {
+  r(o, "veela-lib");
 };
-he();
-var at = typeof document < "u" ? document?.documentElement : null, ye = /* @__PURE__ */ new Map();
-typeof requestAnimationFrame < "u" && requestAnimationFrame(async () => {
-  for (; ; )
-    ye.forEach((e) => e?.()), await new Promise((e) => requestAnimationFrame(e));
-});
-var ge = {};
-function v(e, t, a, n = ge) {
-  e?.addEventListener?.(t, a, n);
-  const r = typeof e == "object" || typeof e == "function" && !e?.deref ? new WeakRef(e) : e;
-  return () => r?.deref?.()?.removeEventListener?.(t, a, n);
-}
-var ve = /* @__PURE__ */ Symbol.for("dom.ts@zoomValues"), nt = globalThis[ve] ??= /* @__PURE__ */ new WeakMap(), me = () => {
-  const e = typeof matchMedia < "u" ? matchMedia("(orientation: landscape)")?.matches : !1, t = typeof window < "u" ? window.visualViewport : null, a = t ? {
-    "--vv-width": `${t.width}px`,
-    "--vv-height": `${t.height}px`,
-    "--vv-offset-left": `${t.offsetLeft}px`,
-    "--vv-offset-top": `${t.offsetTop}px`,
-    "--vv-scale": String(t.scale ?? 1)
-  } : {
-    "--vv-width": typeof window < "u" ? `${window.innerWidth}px` : "0px",
-    "--vv-height": typeof window < "u" ? `${window.innerHeight}px` : "0px",
-    "--vv-offset-left": "0px",
-    "--vv-offset-top": "0px",
-    "--vv-scale": "1"
-  };
-  if (typeof screen < "u") {
-    const n = screen?.availWidth + "px", r = screen?.availHeight + "px";
-    return {
-      "--screen-width": Math.min(screen?.width, screen?.availWidth) + "px",
-      "--screen-height": Math.min(screen?.height, screen?.availHeight) + "px",
-      "--avail-width": e ? r : n,
-      "--avail-height": e ? n : r,
-      "--view-height": Math.min(screen?.availHeight, window?.innerHeight) + "px",
-      "--pixel-ratio": String(devicePixelRatio || 1),
-      ...a
-    };
-  }
-  return {
-    "--screen-width": "0px",
-    "--screen-height": "0px",
-    "--avail-width": "0px",
-    "--avail-height": "0px",
-    "--view-height": "0px",
-    "--pixel-ratio": "1",
-    ...a
-  };
-}, rt = me(), ot = new OffscreenCanvas(1, 1).getContext("2d"), be = /* @__PURE__ */ Symbol.for("dom.ts@onBorderObserve"), it = globalThis[be] ??= /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ Symbol.for("dom.ts@onContentObserve"), st = globalThis[Se] ??= /* @__PURE__ */ new WeakMap(), oe = (e) => (typeof e?.current == "object" && (e = e?.element ?? e?.current ?? (typeof e?.self == "object" ? e?.self : null) ?? e), e), we = (e, t, a, n) => {
-  const r = new Set([...a.split(",") || [a]].map((o) => o.trim())), s = new MutationObserver((o, c) => {
-    for (const i of o) if (i.type == "childList") {
-      const p = Array.from(i.addedNodes) || [], g = Array.from(i.removedNodes) || [];
-      p.push(...Array.from(i.addedNodes || []).flatMap((h) => Array.from(h?.querySelectorAll?.(t) || []))), g.push(...Array.from(i.removedNodes || []).flatMap((h) => Array.from(h?.querySelectorAll?.(t) || []))), [...new Set(p)].filter((h) => h?.matches?.(t))?.map?.((h) => {
-        r.forEach((d) => {
-          n({
-            target: h,
-            type: "attributes",
-            attributeName: d,
-            oldValue: h?.getAttribute?.(d)
-          }, c);
-        });
-      });
-    } else i.target?.matches?.(t) && i.attributeName && r.has(i.attributeName) && n(i, c);
-  });
-  return s.observe(e = oe(e), {
-    attributeOldValue: !0,
-    attributes: !0,
-    attributeFilter: [...r],
-    childList: !0,
-    subtree: !0,
-    characterData: !0
-  }), [...e.querySelectorAll(t)].map((o) => r.forEach((c) => n({
-    target: o,
-    type: "attributes",
-    attributeName: c,
-    oldValue: o?.getAttribute?.(c)
-  }, s))), s;
-}, xe = (e, t = "*", a = (n, r) => {
-}) => {
-  const n = (d) => {
-    const u = Array.from(d || []) || [];
-    return u.push(...Array.from(d || []).flatMap((l) => Array.from(l?.querySelectorAll?.(t) || []))), [...Array.from(new Set(u).values())].filter((l) => l?.matches?.(t));
-  }, r = (d) => {
-    const u = g?.deref?.(), l = n(d.addedNodes), f = n(d.removedNodes);
-    (l.length > 0 || f.length > 0) && a?.({
-      type: d.type,
-      target: d.target,
-      attributeName: d.attributeName,
-      attributeNamespace: d.attributeNamespace,
-      nextSibling: d.nextSibling,
-      oldValue: d.oldValue,
-      previousSibling: d.previousSibling,
-      addedNodes: l,
-      removedNodes: f
-    }, u);
-  }, s = (d) => {
-    r({
-      addedNodes: [d?.target].filter((u) => !!u),
-      removedNodes: [d?.relatedTarget].filter((u) => !!u),
-      type: "childList",
-      target: d?.currentTarget
-    });
-  }, o = (d) => {
-    r({
-      addedNodes: [d?.relatedTarget].filter((u) => !!u),
-      removedNodes: [d?.target].filter((u) => !!u),
-      type: "childList",
-      target: d?.currentTarget
-    });
-  }, c = (d) => {
-    r({
-      addedNodes: [d?.target].filter((u) => !!u),
-      removedNodes: [d?.relatedTarget || document?.activeElement].filter((u) => !!u),
-      type: "childList",
-      target: d?.currentTarget
-    });
-  }, i = {
-    passive: !0,
-    capture: !1
-  };
-  if (t?.includes?.(":hover") && t?.includes?.(":active"))
-    return e.addEventListener("pointerover", s, i), e.addEventListener("pointerout", o, i), e.addEventListener("pointerdown", s, i), e.addEventListener("pointerup", o, i), e.addEventListener("pointercancel", o, i), { disconnect: () => {
-      e.removeEventListener("pointerover", s, i), e.removeEventListener("pointerout", o, i), e.removeEventListener("pointerdown", s, i), e.removeEventListener("pointerup", o, i), e.removeEventListener("pointercancel", o, i);
-    } };
-  if (t?.includes?.(":hover"))
-    return e.addEventListener("pointerover", s, i), e.addEventListener("pointerout", o, i), { disconnect: () => {
-      e.removeEventListener("pointerover", s, i), e.removeEventListener("pointerout", o, i);
-    } };
-  if (t?.includes?.(":active"))
-    return e.addEventListener("pointerdown", s, i), e.addEventListener("pointerup", o, i), e.addEventListener("pointercancel", o, i), { disconnect: () => {
-      e.removeEventListener("pointerdown", s, i), e.removeEventListener("pointerup", o, i), e.removeEventListener("pointercancel", o, i);
-    } };
-  if (t?.includes?.(":focus") && t?.includes?.(":focus-within") && t?.includes?.(":focus-visible"))
-    return e.addEventListener("focusin", s, i), e.addEventListener("focusout", o, i), e.addEventListener("click", c, i), { disconnect: () => {
-      e.removeEventListener("focusin", s, i), e.removeEventListener("focusout", o, i), e.removeEventListener("click", c, i);
-    } };
-  const p = new MutationObserver((d, u) => {
-    for (const l of d) l.type == "childList" && r(l);
-  }), g = new WeakRef(p);
-  (e?.element ?? e) instanceof Node && p.observe(e = oe(e), {
-    childList: !0,
-    subtree: !0
-  });
-  const h = Array.from(e.querySelectorAll(t));
-  return h.length > 0 && a?.({
-    addedNodes: h,
-    removedNodes: []
-  }, p), p;
-}, Me = () => typeof globalThis < "u" && typeof globalThis.CSSStyleSheet == "function", Q = (e) => typeof e == "string" && /@import\b/i.test(e), Y = "DOM", q = typeof document < "u" ? document.createElement("style") : null;
-q && (typeof document < "u" && document.querySelector("head")?.appendChild?.(q), q.dataset.owner = Y);
-var ee = (e, t, a = "") => {
-  e[0][e[1]] = e[1] == "innerHTML" ? `@import url("${t}") ${a && typeof a == "string" ? `layer(${a})` : ""};` : t;
-}, H = typeof CSSStyleValue < "u" && typeof CSSUnitValue < "u", M = (e) => H && e instanceof CSSStyleValue, x = (e) => H && e instanceof CSSUnitValue, b = (e, t, a, n = "") => {
-  if (!(!e || !t)) {
-    if (a == null) {
-      e.getPropertyValue(t) !== "" && e.removeProperty(t);
-      return;
-    }
-    e.getPropertyValue(t) !== a && e.setProperty(t, a, n);
-  }
-}, Ee = (e, t, a, n = "") => {
-  if (!e || !t) return e;
-  const r = ne(t), s = e.style, o = e.attributeStyleMap ?? e.styleMap;
-  if (!H || !o) return ie(e, t, a, n);
-  let c = ae(a) && !(M(a) || x(a)) ? a?.value : a;
-  if (c == null)
-    return o.delete?.(r), s && b(s, r, null, n), e;
-  if (M(c)) {
-    const i = o.get(r);
-    if (x(c) && x(i)) {
-      if (i.value === c.value && i.unit === c.unit) return e;
-    } else if (i === c) return e;
-    return o.set(r, c), e;
-  }
-  if (typeof c == "number") if (CSS?.number && !r.startsWith("--")) {
-    const i = CSS.number(c), p = o.get(r);
-    return x(p) && p.value === i.value && p.unit === i.unit || o.set(r, i), e;
-  } else
-    return b(s, r, String(c), n), e;
-  if (typeof c == "string" && !M(c)) {
-    const i = re(c);
-    if (typeof i == "number" && CSS?.number && !r.startsWith("--")) {
-      const p = CSS.number(i), g = o.get(r);
-      return x(g) && g.value === p.value && g.unit === p.unit || o.set(r, p), e;
-    } else
-      return b(s, r, c, n), e;
-  }
-  return b(s, r, String(c), n), e;
-}, ie = (e, t, a, n = "") => {
-  if (!e || !t) return e;
-  const r = ne(t), s = e.style;
-  if (!s) return e;
-  let o = ae(a) && !(M(a) || x(a)) ? a?.value : a;
-  return typeof o == "string" && !M(o) && (o = re(o) ?? o), o == null ? (b(s, r, null, n), e) : (M(o) || typeof o == "number", b(s, r, String(o), n), e);
-}, se = (e, t) => typeof e?.then == "function" ? e?.then?.(t) : t(e), Le = /* @__PURE__ */ Symbol.for("dom.ts@blobURLMap"), E = globalThis[Le] ??= /* @__PURE__ */ new WeakMap(), Ce = /* @__PURE__ */ Symbol.for("dom.ts@cacheMap"), S = globalThis[Ce] ??= /* @__PURE__ */ new Map(), Ve = (e) => {
-  if (!e) return null;
-  if (S.has(e)) return S.get(e);
-  if (e instanceof Blob || e instanceof File) {
-    if (E.has(e)) return E.get(e);
-    const t = URL.createObjectURL(e);
-    return E.set(e, t), S.set(t, t), t;
-  }
-  if (URL.canParse(e) || e?.trim?.()?.startsWith?.("./")) {
-    const t = fetch(e?.replace?.("?url", "?raw"), {
-      cache: "force-cache",
-      mode: "same-origin",
-      priority: "high"
-    })?.then?.(async (a) => {
-      const n = await a.blob(), r = URL.createObjectURL(n);
-      return E.set(n, r), S.set(e, r), S.set(r, r), r;
-    });
-    return S.set(e, t), t;
-  }
-  if (typeof e == "string") {
-    const t = new Blob([e], { type: "text/css" }), a = URL.createObjectURL(t);
-    return E.set(t, a), S.set(a, a), a;
-  }
-  return e;
-}, L = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new WeakMap(), Te = (e) => {
-  if (!e) return "";
-  if (L.has(e)) return L.get(e) ?? "";
-  if (e instanceof Blob || e instanceof File) {
-    if (A.has(e)) return A.get(e) ?? "";
-    const t = e?.text?.()?.then?.((a) => (A.set(e, a), a));
-    return A.set(e, t), t;
-  }
-  if (URL.canParse(e) || e?.trim?.()?.startsWith?.("./")) {
-    const t = fetch(e?.replace?.("?url", "?raw"), {
-      cache: "force-cache",
-      mode: "same-origin",
-      priority: "high"
-    })?.then?.(async (a) => {
-      const n = await a.text();
-      return L.set(e, n), n;
-    });
-    return L.set(e, t), t;
-  }
-  return typeof e == "string" && L.set(e, e), e;
-}, je = /* @__PURE__ */ Symbol.for("dom.ts@adoptedSelectorMap"), dt = globalThis[je] ??= /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ Symbol.for("dom.ts@adoptedShadowSelectorMap"), lt = globalThis[Ae] ??= /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ Symbol.for("dom.ts@adoptedLayerMap"), ct = globalThis[Ne] ??= /* @__PURE__ */ new Map(), Pe = /* @__PURE__ */ Symbol.for("dom.ts@adoptedShadowLayerMap"), ut = globalThis[Pe] ??= /* @__PURE__ */ new WeakMap(), N = (e, t, a, n = "") => H ? Ee(e, t, a, n) : ie(e, t, a, n), de = (e, t, a = "", n) => {
-  const r = Ve(e), s = typeof e == "string" && URL.canParse(e) ? e : r;
-  return t?.[0] && (t[0].fetchPriority = "high"), t && s && typeof s == "string" && ee(t, s, a), t?.[0] && (!URL.canParse(e) || n) && t?.[0] instanceof HTMLLinkElement, se(r, (o) => {
-    t?.[0] && o && (ee(t, o, a), t?.[0].setAttribute("loaded", ""));
-  })?.catch?.((o) => {
-    console.warn("Failed to load style sheet:", o);
-  });
-}, Re = (e) => {
-  const t = typeof document < "u" ? document.createElement("link") : null;
-  return t && (t.fetchPriority = "high"), t ? (Object.assign(t, {
-    rel: "stylesheet",
-    type: "text/css",
-    crossOrigin: "same-origin"
-  }), t.dataset.owner = Y, de(e, [t, "href"]), typeof document < "u" && document.head.append(t), t) : null;
-}, C = (e, t = typeof document < "u" ? document?.head : null, a = "") => {
-  const n = t?.querySelector?.("head") ?? t;
-  if (typeof HTMLHeadElement < "u" && n instanceof HTMLHeadElement) return Re(e);
-  const r = typeof document < "u" ? document.createElement("style") : null;
-  return r ? (r.dataset.owner = Y, de(e, [r, "innerHTML"], a), n?.prepend?.(r), r) : null;
-}, ke = /* @__PURE__ */ Symbol.for("dom.ts@adoptedMap"), m = globalThis[ke] ??= /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ Symbol.for("dom.ts@adoptedBlobMap"), V = globalThis[ze] ??= /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ Symbol.for("dom.ts@layerCounter"), pt = globalThis[Oe] ??= 0, te = (e, t) => {
-  if (!e || !t) return !1;
-  try {
-    return e.replaceSync(t), !0;
-  } catch (a) {
-    const n = String(a?.message || "").toLowerCase();
-    return n.includes("@import rules are not allowed") || n.includes("@import") && n.includes("not allowed") || console.warn("[DOM] Failed to apply adopted stylesheet:", a), !1;
-  }
-}, le = (e, t = null) => {
-  if (!Me())
-    return typeof e == "string" && C(e, void 0, t || ""), null;
-  if (typeof e == "string" && Q(e))
-    return C(e, void 0, t || ""), null;
-  if (typeof e == "string" && m?.has?.(e)) {
-    const n = m.get(e);
-    return typeof document < "u" && document.adoptedStyleSheets && !document.adoptedStyleSheets.includes(n) && document.adoptedStyleSheets.push(n), n;
-  }
-  if ((e instanceof Blob || e instanceof File) && V?.has?.(e)) {
-    const n = V.get(e);
-    return typeof document < "u" && document.adoptedStyleSheets && !document.adoptedStyleSheets.includes(n) && document.adoptedStyleSheets.push(n), n;
-  }
-  if (!e) return null;
-  const a = typeof e == "string" ? m.getOrInsertComputed(e, (n) => new CSSStyleSheet()) : V.getOrInsertComputed(e, (n) => new CSSStyleSheet());
-  if (typeof document < "u" && document.adoptedStyleSheets && !document.adoptedStyleSheets.includes(a) && document.adoptedStyleSheets.push(a), typeof e == "string" && !URL.canParse(e)) {
-    const n = t ? `@layer ${t} { ${e} }` : e;
-    return m.set(e, a), te(a, n) || ($(a), m.delete(e), C(e)), a;
-  } else se(Te(e), (n) => {
-    if (m.set(n, a), n) {
-      if (Q(n))
-        return $(a), m.delete(n), V.delete(e), C(n, void 0, t || ""), a;
-      const r = t ? `@layer ${t} { ${n} }` : n;
-      return te(a, r) || ($(a), m.delete(n), V.delete(e), C(n, void 0, t || "")), a;
-    }
-  });
-  return a;
-}, $ = (e) => {
-  if (!e) return !1;
-  const t = typeof e == "string" ? m.get(e) : e;
-  if (!t || typeof document > "u") return !1;
-  const a = document.adoptedStyleSheets, n = a.indexOf(t);
-  return n !== -1 ? (a.splice(n, 1), !0) : !1;
-}, We = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ Symbol.for("dom.ts@namedStoreMaps"), I = globalThis[He] ??= /* @__PURE__ */ new Map(), qe = (e, t) => {
-  const a = [...e.entries() || []];
-  return new Map(a?.map?.(([n, r]) => [n, r?.get?.(t)])?.filter?.(([n, r]) => !!r) || []);
-}, R = (e) => ({
-  storeSet: qe(I, e),
-  mixinSet: k?.get?.(e),
-  behaviorSet: We?.get?.(e)
-}), $e = /* @__PURE__ */ Symbol.for("dom.ts@boundMixinSet"), k = globalThis[$e] ??= /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ Symbol.for("dom.ts@mixinElements"), T = globalThis[Fe] ??= /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ Symbol.for("dom.ts@mixinRegistry"), j = globalThis[Ue] ??= /* @__PURE__ */ new Map(), Be = /* @__PURE__ */ Symbol.for("dom.ts@mixinNamespace"), z = globalThis[Be] ??= /* @__PURE__ */ new WeakMap(), ce = (e, t) => {
-  typeof t == "string" && (t = j?.get?.(t));
-  const a = /* @__PURE__ */ new Set([...e?.getAttribute?.("data-mixin")?.split?.(" ") || []]), n = new Set([...a].map((o) => j?.get?.(o)).filter((o) => !!o)), r = k?.get?.(e) ?? /* @__PURE__ */ new WeakSet();
-  T?.has?.(t) || T?.set?.(t, /* @__PURE__ */ new WeakSet()), k?.has?.(e) || k?.set?.(e, r);
-  const s = new WeakRef(e);
-  r?.has?.(t) || (n.has(t) || t?.disconnect?.(s, t, R(e)), (n.has(t) || !T?.get?.(t)?.has?.(e)) && (t?.connect?.(s, t, R(e)), a.add(z?.get?.(t)), r?.add?.(t), e?.setAttribute?.("data-mixin", [...a].filter((o) => !!o).join(" "))), T?.get?.(t)?.add?.(e)), r?.has?.(t) && (n.has(t) || (r?.delete?.(t), t?.disconnect?.(s, t, R(e))));
-}, _ = /* @__PURE__ */ new Set(), De = (e = typeof document < "u" ? document : null) => {
-  if (e)
-    return _?.has?.(e) || (_?.add?.(e), we(e, "*", "data-mixin", (t) => X(t.target)), xe(e, "[data-mixin]", (t) => {
-      for (const a of t.addedNodes) a instanceof HTMLElement && X(a);
-    })), e;
-}, X = (e) => {
-  const t = /* @__PURE__ */ new Set([...e?.getAttribute?.("data-mixin")?.split?.(" ") || []]);
-  [...new Set([...t].map((a) => j?.get?.(a)).filter((a) => !!a))].map?.((a) => ce(e, a));
-}, Ie = (e, t) => {
-  e.forEach((a) => t ? ce(a, t) : X(a));
-}, _e = (e) => {
-  for (const t of _) Ie(t?.querySelectorAll?.("[data-mixin]"), e);
-}, Xe = new FinalizationRegistry((e) => {
-  j?.delete?.(e);
-}), Ye = (e, t) => {
-  if (!z?.has?.(t)) {
-    const a = e?.trim?.();
-    a && (z?.set?.(t, a), j?.set?.(a, t), Xe?.register?.(t, a), _e(t));
-  }
-};
-De(typeof document < "u" ? document : null);
-var J = class {
-  constructor(e = null) {
-    e && Ye(e, this);
-  }
-  connect(e, t, a) {
-    return this;
-  }
-  disconnect(e, t, a) {
-    return this;
-  }
-  storeForElement(e) {
-    return I.get(this.name || "")?.get?.(e);
-  }
-  relatedForElement(e) {
-    return R(e);
-  }
-  get elements() {
-    return T?.get?.(this);
-  }
-  get storage() {
-    return I?.get?.(this.name || "");
-  }
-  get name() {
-    return z?.get?.(this);
-  }
-};
-function F(e, t) {
-  const a = Math.min(e.x, t.x), n = Math.min(e.y, t.y), r = Math.max(e.x, t.x), s = Math.max(e.y, t.y);
-  return {
-    left: a,
-    top: n,
-    right: r,
-    bottom: s,
-    width: r - a,
-    height: s - n
-  };
-}
-var P = {
-  start: "junction-select:start",
-  move: "junction-select:move",
-  end: "junction-select:end",
-  cancel: "junction-select:cancel"
-}, U = {
-  start: "junction-drag:start",
-  move: "junction-drag:move",
-  end: "junction-drag:end"
-}, B = {
-  start: "junction-resize:start",
-  move: "junction-resize:move",
-  end: "junction-resize:end"
-}, Je = /* @__PURE__ */ Symbol.for("dom.ts@mixinDisposers"), O = globalThis[Je] ??= /* @__PURE__ */ new WeakMap(), y = (e, t, a) => {
-  const n = O.get(e) ?? /* @__PURE__ */ new Map(), r = n.get(t) ?? [];
-  r.push(a), n.set(t, r), O.set(e, n);
-}, G = (e, t) => {
-  const a = O.get(e), n = a?.get(t);
-  if (n) {
-    for (const r of n) try {
-      r();
-    } catch {
-    }
-    a.delete(t), a.size === 0 && O.delete(e);
-  }
-}, w = (e, t) => {
-  const a = globalThis.getComputedStyle?.(e)?.getPropertyValue?.(t)?.trim?.() ?? "", n = parseFloat(a);
-  return Number.isFinite(n) ? n : 0;
-}, ue = (e, t, a) => {
-  const n = e.getAttribute(t)?.trim();
-  if (!n) return a;
-  const r = e.querySelector(n);
-  return r instanceof HTMLElement ? r : a;
-}, Ge = class extends J {
-  constructor() {
-    super("ui-junction-select");
-  }
-  connect(e) {
-    const t = e?.deref?.();
-    if (!t) return this;
-    const a = document.createElement("div");
-    a.className = "ui-junction-select-overlay", a.setAttribute("data-junction-overlay", ""), a.style.cssText = "position:absolute;pointer-events:none;z-index:9999;box-sizing:border-box;border:1px dashed color-mix(in oklab, #3794ff 70%, transparent);background:color-mix(in oklab, #3794ff 14%, transparent);display:none;inset:auto;min-width:0;min-height:0;", globalThis.getComputedStyle?.(t)?.position === "static" && (t.style.position = "relative"), t.appendChild(a);
-    let r = !1, s = {
-      x: 0,
-      y: 0
-    }, o = {
-      x: 0,
-      y: 0
-    };
-    const c = (l) => {
-      const f = t.getBoundingClientRect();
-      return {
-        x: l.clientX - f.left,
-        y: l.clientY - f.top
-      };
-    }, i = () => {
-      const l = F(s, o);
-      if (l.width < 1 && l.height < 1) {
-        a.style.display = "none";
-        return;
-      }
-      a.style.display = "block", a.style.left = `${l.left}px`, a.style.top = `${l.top}px`, a.style.width = `${l.width}px`, a.style.height = `${l.height}px`;
-    }, p = (l) => {
-      l.button === 0 && (l.target?.closest?.("[data-junction-ignore-select], [data-junction-drag-handle], [data-junction-resize-handle], button, a, input, textarea, select") || (l.target === t || t.contains(l.target)) && (r = !0, s = c(l), o = { ...s }, t.setPointerCapture(l.pointerId), t.dispatchEvent(new CustomEvent(P.start, {
-        bubbles: !0,
-        detail: {
-          a: { ...s },
-          b: { ...o },
-          host: t
-        }
-      })), i()));
-    }, g = (l) => {
-      if (!r) return;
-      o = c(l), i();
-      const f = F(s, o);
-      t.dispatchEvent(new CustomEvent(P.move, {
-        bubbles: !0,
-        detail: {
-          a: { ...s },
-          b: { ...o },
-          box: f,
-          host: t
-        }
-      }));
-    }, h = (l) => {
-      if (!r) return;
-      r = !1;
-      try {
-        t.releasePointerCapture(l.pointerId);
-      } catch {
-      }
-      const f = F(s, o);
-      t.dispatchEvent(new CustomEvent(P.end, {
-        bubbles: !0,
-        detail: {
-          a: { ...s },
-          b: { ...o },
-          box: f,
-          host: t
-        }
-      }));
-    }, d = (l) => {
-      r && h(l);
-    }, u = (l) => {
-      if (r) {
-        r = !1, a.style.display = "none";
-        try {
-          t.releasePointerCapture(l.pointerId);
-        } catch {
-        }
-        t.dispatchEvent(new CustomEvent(P.cancel, {
-          bubbles: !0,
-          detail: { host: t }
-        }));
-      }
-    };
-    return y(t, "ui-junction-select", () => {
-      a.remove();
-    }), y(t, "ui-junction-select", v(t, "pointerdown", p)), y(t, "ui-junction-select", v(t, "pointermove", g)), y(t, "ui-junction-select", v(t, "pointerup", d)), y(t, "ui-junction-select", v(t, "pointercancel", u)), this;
-  }
-  disconnect(e) {
-    const t = e?.deref?.();
-    return t && G(t, "ui-junction-select"), this;
-  }
-}, Ze = class extends J {
-  constructor() {
-    super("ui-junction-drag");
-  }
-  connect(e) {
-    const t = e?.deref?.();
-    if (!t) return this;
-    N(t, "--jx-drag-x", w(t, "--jx-drag-x")), N(t, "--jx-drag-y", w(t, "--jx-drag-y"));
-    const a = t.style.transform;
-    (!t.style.transform || t.style.transform === "none") && (t.style.transform = "translate3d(calc(var(--jx-drag-x, 0) * 1px), calc(var(--jx-drag-y, 0) * 1px), 0)");
-    const n = ue(t, "data-junction-drag-handle", t);
-    let r = !1, s = 0, o = 0, c = 0, i = 0;
-    const p = (d) => {
-      d.button === 0 && (d.target !== n && !n.contains(d.target) || (r = !0, s = d.clientX, o = d.clientY, c = w(t, "--jx-drag-x"), i = w(t, "--jx-drag-y"), n.setPointerCapture(d.pointerId), t.dispatchEvent(new CustomEvent(U.start, {
-        bubbles: !0,
-        detail: {
-          host: t,
-          clientX: d.clientX,
-          clientY: d.clientY,
-          baseX: c,
-          baseY: i
-        }
-      }))));
-    }, g = (d) => {
-      if (!r) return;
-      const u = d.clientX - s, l = d.clientY - o, f = c + u, Z = i + l;
-      N(t, "--jx-drag-x", f), N(t, "--jx-drag-y", Z), t.dispatchEvent(new CustomEvent(U.move, {
-        bubbles: !0,
-        detail: {
-          host: t,
-          dx: u,
-          dy: l,
-          x: f,
-          y: Z
-        }
-      }));
-    }, h = (d) => {
-      if (r) {
-        r = !1;
-        try {
-          n.releasePointerCapture(d.pointerId);
-        } catch {
-        }
-        t.dispatchEvent(new CustomEvent(U.end, {
-          bubbles: !0,
-          detail: {
-            host: t,
-            x: w(t, "--jx-drag-x"),
-            y: w(t, "--jx-drag-y")
-          }
-        }));
-      }
-    };
-    return y(t, "ui-junction-drag", () => {
-      t.style.transform = a;
-    }), y(t, "ui-junction-drag", v(n, "pointerdown", p)), y(t, "ui-junction-drag", v(n, "pointermove", g)), y(t, "ui-junction-drag", v(n, "pointerup", h)), y(t, "ui-junction-drag", v(n, "pointercancel", h)), this;
-  }
-  disconnect(e) {
-    const t = e?.deref?.();
-    return t && G(t, "ui-junction-drag"), this;
-  }
-}, Ke = class extends J {
-  constructor() {
-    super("ui-junction-resize");
-  }
-  connect(e) {
-    const t = e?.deref?.();
-    if (!t) return this;
-    const a = ue(t, "data-junction-resize-handle", t);
-    let n = !1, r = 0, s = 0, o = 0, c = 0;
-    const i = Math.max(120, parseFloat(t.getAttribute("data-junction-resize-min-w") || "") || 120), p = Math.max(80, parseFloat(t.getAttribute("data-junction-resize-min-h") || "") || 80), g = (u) => {
-      u.button === 0 && (u.target !== a && !a.contains(u.target) || (n = !0, r = u.clientX, s = u.clientY, o = t.offsetWidth, c = t.offsetHeight, a.setPointerCapture(u.pointerId), t.dispatchEvent(new CustomEvent(B.start, {
-        bubbles: !0,
-        detail: {
-          host: t,
-          width: o,
-          height: c
-        }
-      }))));
-    }, h = (u) => {
-      if (!n) return;
-      const l = Math.max(i, o + (u.clientX - r)), f = Math.max(p, c + (u.clientY - s));
-      t.style.width = `${l}px`, t.style.height = `${f}px`, t.dispatchEvent(new CustomEvent(B.move, {
-        bubbles: !0,
-        detail: {
-          host: t,
-          width: l,
-          height: f
-        }
-      }));
-    }, d = (u) => {
-      if (n) {
-        n = !1;
-        try {
-          a.releasePointerCapture(u.pointerId);
-        } catch {
-        }
-        t.dispatchEvent(new CustomEvent(B.end, {
-          bubbles: !0,
-          detail: {
-            host: t,
-            width: t.offsetWidth,
-            height: t.offsetHeight
-          }
-        }));
-      }
-    };
-    return y(t, "ui-junction-resize", v(a, "pointerdown", g)), y(t, "ui-junction-resize", v(a, "pointermove", h)), y(t, "ui-junction-resize", v(a, "pointerup", d)), y(t, "ui-junction-resize", v(a, "pointercancel", d)), this;
-  }
-  disconnect(e) {
-    const t = e?.deref?.();
-    return t && G(t, "ui-junction-resize"), this;
-  }
-};
-new Ge();
-new Ze();
-new Ke();
-var Qe = "@layer animations{}@function --wavy-step(--step <number>){--angle:calc((var(--step, 0) * 2) * 1rad * pi);--variant:calc(cos(var(--clip-freq, 8) * var(--angle, 0deg)) * 0.5 + 0.5);--adjust:calc(var(--variant, 0) * var(--clip-amplitude, 0));--x:calc(50% + (cos(var(--angle, 0deg)) * (0.5 - var(--adjust, 0))) * var(--icon-size, 100%));--y:calc(50% + (sin(var(--angle, 0deg)) * (0.5 - var(--adjust, 0))) * var(--icon-size, 100%));result:var(--x) var(--y)}@layer ux-shapes{.shaped{aspect-ratio:1/1;border-radius:1.5rem;contain:strict;display:flex;overflow:hidden;padding:1.25rem;place-content:center;place-items:center;pointer-events:auto;transition:--background-tone-shift .2s ease-in-out,--icon-color .2s ease-in-out;transition-behavior:allow-discrete;user-select:none;z-index:1}.shaped,.shaped :is(span,ui-icon){block-size:stretch;inline-size:stretch}[data-dragging]{z-index:calc(100 + var(--z-index, 0))!important}:not(.shaped) .shaped[data-shape],:not(.shaped)>[data-shape],:not(:has(.shaped))[data-shape]{aspect-ratio:1/1;contain:strict;overflow:hidden;pointer-events:auto;touch-action:none}:not(.shaped) .shaped[data-shape=square],:not(.shaped)>[data-shape=square],:not(:has(.shaped))[data-shape=square]{--border-radius:var(--radius-md);--clip-path:none}:not(.shaped) .shaped[data-shape=squircle],:not(.shaped)>[data-shape=squircle],:not(:has(.shaped))[data-shape=squircle]{--border-radius:28%;--clip-path:none}:not(.shaped) .shaped[data-shape=circle],:not(.shaped)>[data-shape=circle],:not(:has(.shaped))[data-shape=circle]{--border-radius:50%;--clip-path:none}:not(.shaped) .shaped[data-shape=rounded],:not(.shaped)>[data-shape=rounded],:not(:has(.shaped))[data-shape=rounded]{--border-radius:var(--radius-xl);--clip-path:none}:not(.shaped) .shaped[data-shape=blob],:not(.shaped)>[data-shape=blob],:not(:has(.shaped))[data-shape=blob]{--border-radius:60% 40% 30% 70%/60% 30% 70% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=hexagon],:not(.shaped)>[data-shape=hexagon],:not(:has(.shaped))[data-shape=hexagon]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}:not(.shaped) .shaped[data-shape=diamond],:not(.shaped)>[data-shape=diamond],:not(:has(.shaped))[data-shape=diamond]{--border-radius:0;--clip-path:polygon(round 0.5rem,50% 0%,100% 50%,50% 100%,0% 50%)}:not(.shaped) .shaped[data-shape=star],:not(.shaped)>[data-shape=star],:not(:has(.shaped))[data-shape=star]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 0%,61% 35%,98% 38%,68% 59%,79% 95%,50% 75%,21% 95%,32% 59%,2% 38%,39% 35%)}:not(.shaped) .shaped[data-shape=badge],:not(.shaped)>[data-shape=badge],:not(:has(.shaped))[data-shape=badge]{--border-radius:0;--clip-path:polygon(round 0.375rem,0% 0%,100% 0%,100% 70%,50% 100%,0% 70%)}:not(.shaped) .shaped[data-shape=heart],:not(.shaped)>[data-shape=heart],:not(:has(.shaped))[data-shape=heart]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 100%,10% 65%,0% 45%,0% 30%,5% 15%,18% 3%,35% 0%,50% 12%,65% 0%,82% 3%,95% 15%,100% 30%,100% 45%,90% 65%)}:not(.shaped) .shaped[data-shape=clover],:not(.shaped)>[data-shape=clover],:not(:has(.shaped))[data-shape=clover]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,60% 30%,70% 30%,100% 50%,70% 70%,60% 70%,50% 100%,40% 70%,30% 70%,0% 50%,30% 30%,40% 30%)}:not(.shaped) .shaped[data-shape=flower],:not(.shaped)>[data-shape=flower],:not(:has(.shaped))[data-shape=flower]{--border-radius:0;--clip-path:polygon(round 0.25rem,50% 0%,58% 25%,85% 15%,68% 40%,100% 50%,68% 60%,85% 85%,58% 75%,50% 100%,42% 75%,15% 85%,32% 60%,0% 50%,32% 40%,15% 15%,42% 25%)}:not(.shaped) .shaped[data-shape=triangle],:not(.shaped)>[data-shape=triangle],:not(:has(.shaped))[data-shape=triangle]{--border-radius:0;--clip-path:polygon(round 0.5rem,50% 0%,100% 87%,0% 87%)}:not(.shaped) .shaped[data-shape=pentagon],:not(.shaped)>[data-shape=pentagon],:not(:has(.shaped))[data-shape=pentagon]{--border-radius:0;--clip-path:polygon(round 0.375rem,50% 0%,97.5% 35%,79.5% 95%,20.5% 95%,2.5% 35%)}:not(.shaped) .shaped[data-shape=octagon],:not(.shaped)>[data-shape=octagon],:not(:has(.shaped))[data-shape=octagon]{--border-radius:0;--clip-path:polygon(round 0.25rem,30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}:not(.shaped) .shaped[data-shape=cross],:not(.shaped)>[data-shape=cross],:not(:has(.shaped))[data-shape=cross]{--border-radius:0;--clip-path:polygon(round 0.375rem,35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%)}:not(.shaped) .shaped[data-shape=arrow],:not(.shaped)>[data-shape=arrow],:not(:has(.shaped))[data-shape=arrow]{--border-radius:0;--clip-path:polygon(round 0.375rem,0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}:not(.shaped) .shaped[data-shape=egg],:not(.shaped)>[data-shape=egg],:not(:has(.shaped))[data-shape=egg]{--border-radius:50% 50% 50% 50%/60% 60% 40% 40%;--clip-path:none}:not(.shaped) .shaped[data-shape=tear],:not(.shaped)>[data-shape=tear],:not(:has(.shaped))[data-shape=tear]{--border-radius:50cqmin 50cqmin 5rem 50cqmin;--clip-path:none;border-end-end-radius:5rem;border-end-start-radius:50cqmin;border-start-end-radius:50cqmin;border-start-start-radius:50cqmin}:not(.shaped) .shaped[data-shape=wavy],:not(.shaped)>[data-shape=wavy],:not(:has(.shaped))[data-shape=wavy]{--border-radius:calc(var(--icon-size, 100%) * 0.5)}}";
-async function D() {
-  try {
-    await le(Qe), console.log("[Veela/Core] Core styles loaded");
-  } catch (e) {
-    console.warn("[Veela/Core] Failed to load core styles:", e);
-  }
-}
-var et = "@layer ux-animation{}";
-async function tt() {
-  try {
-    await le(et), console.log("[Veela/Advanced] Advanced styles loaded");
-  } catch (e) {
-    console.warn("[Veela/Advanced] Failed to load advanced styles:", e);
-  }
-}
-var W = null;
-async function ht(e) {
-  if (W === e) {
-    console.log(`[Veela] Variant '${e}' already loaded`);
-    return;
-  }
-  switch (console.log(`[Veela] Loading variant: ${e}`), e) {
-    case "basic":
-      await D();
-      break;
-    case "advanced":
-      await D(), await tt();
-      break;
-    default:
-      console.warn(`[Veela] Unknown variant: ${e}, using basic`), await D();
-      break;
-  }
-  W = e;
-}
-function ft() {
-  return W;
-}
-function yt(e) {
-  return W === e;
-}
 export {
-  ht as default,
-  ft as getLoadedVariant,
-  yt as isVariantLoaded,
-  ht as loadVeelaVariant
+  e as default,
+  e as initialize
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@fest-lib/veela",
     "description": "Veela CSS framework and runtime loaders (fest-lib)",
-    "version": "0.1.4",
+    "version": "0.1.6",
     "license": "MIT",
     "type": "module",
     "sideEffects": true,
@@ -39,7 +39,9 @@
             "default": "./dist/veela.js"
         },
         "./scss/*": "./src/scss/*",
-        "./package.json": "./package.json"
+        "./package.json": "./package.json",
+        "./dist/index.js": "./dist/veela.js",
+        "./index.js": "./dist/veela.js"
     },
     "peerDependencies": {
         "@fest-lib/core": ">=0.1.0",