footer{position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--text-color-muted);font-size:var(--text-sm);padding:1px 3px}:root{--studio-padding: 1em}.studio-widget{width:fit-content;height:fit-content;box-shadow:var(--default-shadow);border-radius:12px;border:solid .5px var(--card-border-color);background-color:var(--card-bg-color);transition:box-shadow var(--transition-base);&:hover{box-shadow:var(--default-shadow-hover)}.material-icons{display:flex}}@layer reset,base,components;@layer base;@layer base{:where(:root,:host){--p-stone-50: #fafaf9;--p-stone-100: #f5f5f4;--p-stone-200: #e7e5e4;--p-stone-300: #d6d3d1;--p-stone-400: #a8a29e;--p-stone-500: #78716c;--p-stone-600: #57534e;--p-stone-700: #44403c;--p-stone-800: #292524;--p-stone-900: #1c1917;--p-stone-950: #0c0a09;--p-neutral-50: #fafafa;--p-neutral-100: #f5f5f5;--p-neutral-200: #e5e5e5;--p-neutral-300: #d4d4d4;--p-neutral-400: #a3a3a3;--p-neutral-500: #737373;--p-neutral-600: #525252;--p-neutral-700: #404040;--p-neutral-800: #262626;--p-neutral-900: #171717;--p-neutral-950: #0a0a0a;--p-zinc-50: #fafafa;--p-zinc-100: #f4f4f5;--p-zinc-200: #e4e4e7;--p-zinc-300: #d4d4d8;--p-zinc-400: #a1a1aa;--p-zinc-500: #71717a;--p-zinc-600: #52525b;--p-zinc-700: #3f3f46;--p-zinc-800: #27272a;--p-zinc-900: #18181b;--p-zinc-950: #09090b;--p-gray-50: #f9fafb;--p-gray-100: #f3f4f6;--p-gray-200: #e5e7eb;--p-gray-300: #d1d5db;--p-gray-400: #9ca3af;--p-gray-500: #6b7280;--p-gray-600: #4b5563;--p-gray-700: #374151;--p-gray-800: #1f2937;--p-gray-900: #111827;--p-gray-950: #030712;--p-slate-50: #f8fafc;--p-slate-100: #f1f5f9;--p-slate-200: #e2e8f0;--p-slate-300: #cbd5e1;--p-slate-400: #94a3b8;--p-slate-500: #64748b;--p-slate-600: #475569;--p-slate-700: #334155;--p-slate-800: #1e293b;--p-slate-900: #0f172a;--p-slate-950: #020617;--p-rose-50: #fff1f2;--p-rose-100: #ffe4e6;--p-rose-200: #fecdd3;--p-rose-300: #fda4af;--p-rose-400: #fb7185;--p-rose-500: #f43f5e;--p-rose-600: #e11d48;--p-rose-700: #be123c;--p-rose-800: #9f1239;--p-rose-900: #881337;--p-rose-950: #4c0519;--p-pink-50: #fdf2f8;--p-pink-100: #fce7f3;--p-pink-200: #fbcfe8;--p-pink-300: #f9a8d4;--p-pink-400: #f472b6;--p-pink-500: #ec4899;--p-pink-600: #db2777;--p-pink-700: #be185d;--p-pink-800: #9d174d;--p-pink-900: #831843;--p-pink-950: #500724;--p-fuchsia-50: #fdf4ff;--p-fuchsia-100: #fae8ff;--p-fuchsia-200: #f5d0fe;--p-fuchsia-300: #f0abfc;--p-fuchsia-400: #e879f9;--p-fuchsia-500: #d946ef;--p-fuchsia-600: #c026d3;--p-fuchsia-700: #a21caf;--p-fuchsia-800: #86198f;--p-fuchsia-900: #701a75;--p-fuchsia-950: #4a044e;--p-purple-50: #faf5ff;--p-purple-100: #f3e8ff;--p-purple-200: #e9d5ff;--p-purple-300: #d8b4fe;--p-purple-400: #c084fc;--p-purple-500: #a855f7;--p-purple-600: #9333ea;--p-purple-700: #7e22ce;--p-purple-800: #6b21a8;--p-purple-900: #581c87;--p-purple-950: #3b0764;--p-violet-50: #f5f3ff;--p-violet-100: #ede9fe;--p-violet-200: #ddd6fe;--p-violet-300: #c4b5fd;--p-violet-400: #a78bfa;--p-violet-500: #8b5cf6;--p-violet-600: #7c3aed;--p-violet-700: #6d28d9;--p-violet-800: #5b21b6;--p-violet-900: #4c1d95;--p-violet-950: #2e1065;--p-indigo-50: #eef2ff;--p-indigo-100: #e0e7ff;--p-indigo-200: #c7d2fe;--p-indigo-300: #a5b4fc;--p-indigo-400: #818cf8;--p-indigo-500: #6366f1;--p-indigo-600: #4f46e5;--p-indigo-700: #4338ca;--p-indigo-800: #3730a3;--p-indigo-900: #312e81;--p-indigo-950: #1e1b4b;--p-blue-50: #eff6ff;--p-blue-100: #dbeafe;--p-blue-200: #bfdbfe;--p-blue-300: #93c5fd;--p-blue-400: #60a5fa;--p-blue-500: #3b82f6;--p-blue-600: #2563eb;--p-blue-700: #1d4ed8;--p-blue-800: #1e40af;--p-blue-900: #1e3a8a;--p-blue-950: #172554;--p-sky-50: #f0f9ff;--p-sky-100: #e0f2fe;--p-sky-200: #bae6fd;--p-sky-300: #7dd3fc;--p-sky-400: #38bdf8;--p-sky-500: #0ea5e9;--p-sky-600: #0284c7;--p-sky-700: #0369a1;--p-sky-800: #075985;--p-sky-900: #0c4a6e;--p-sky-950: #082f49;--p-cyan-50: #ecfeff;--p-cyan-100: #cffafe;--p-cyan-200: #a5f3fc;--p-cyan-300: #67e8f9;--p-cyan-400: #22d3ee;--p-cyan-500: #06b6d4;--p-cyan-600: #0891b2;--p-cyan-700: #0e7490;--p-cyan-800: #155e75;--p-cyan-900: #164e63;--p-cyan-950: #083344;--p-teal-50: #f0fdfa;--p-teal-100: #ccfbf1;--p-teal-200: #99f6e4;--p-teal-300: #5eead4;--p-teal-400: #2dd4bf;--p-teal-500: #14b8a6;--p-teal-600: #0d9488;--p-teal-700: #0f766e;--p-teal-800: #115e59;--p-teal-900: #134e4a;--p-teal-950: #042f2e;--p-yellow-50: #fefce8;--p-yellow-100: #fef9c3;--p-yellow-200: #fef08a;--p-yellow-300: #fde047;--p-yellow-400: #facc15;--p-yellow-500: #eab308;--p-yellow-600: #ca8a04;--p-yellow-700: #a16207;--p-yellow-800: #854d0e;--p-yellow-900: #713f12;--p-yellow-950: #422006;--p-amber-50: #fffbeb;--p-amber-100: #fef3c7;--p-amber-200: #fde68a;--p-amber-300: #fcd34d;--p-amber-400: #fbbf24;--p-amber-500: #f59e0b;--p-amber-600: #d97706;--p-amber-700: #b45309;--p-amber-800: #92400e;--p-amber-900: #78350f;--p-amber-950: #451a03;--p-orange-50: #fff7ed;--p-orange-100: #ffedd5;--p-orange-200: #fed7aa;--p-orange-300: #fdba74;--p-orange-400: #fb923c;--p-orange-500: #f97316;--p-orange-600: #ea580c;--p-orange-700: #c2410c;--p-orange-800: #9a3412;--p-orange-900: #7c2d12;--p-orange-950: #431407;--p-red-50: #fef2f2;--p-red-100: #fee2e2;--p-red-200: #fecaca;--p-red-300: #fca5a5;--p-red-400: #f87171;--p-red-500: #ef4444;--p-red-600: #dc2626;--p-red-700: #b91c1c;--p-red-800: #991b1b;--p-red-900: #7f1d1d;--p-red-950: #450a0a;--p-lime-50: #f7fee7;--p-lime-100: #ecfccb;--p-lime-200: #d9f99d;--p-lime-300: #bef264;--p-lime-400: #a3e635;--p-lime-500: #84cc16;--p-lime-600: #65a30d;--p-lime-700: #4d7c0f;--p-lime-800: #3f6212;--p-lime-900: #365314;--p-lime-950: #1a2e05;--p-green-50: #f0fdf4;--p-green-100: #dcfce7;--p-green-200: #bbf7d0;--p-green-300: #86efac;--p-green-400: #4ade80;--p-green-500: #22c55e;--p-green-600: #16a34a;--p-green-700: #15803d;--p-green-800: #166534;--p-green-900: #14532d;--p-green-950: #052e16;--p-emerald-50: #ecfdf5;--p-emerald-100: #d1fae5;--p-emerald-200: #a7f3d0;--p-emerald-300: #6ee7b7;--p-emerald-400: #34d399;--p-emerald-500: #10b981;--p-emerald-600: #059669;--p-emerald-700: #047857;--p-emerald-800: #065f46;--p-emerald-900: #064e3b;--p-emerald-950: #022c22}}@layer base{:where(:root,:host){--color-red: #e53935;--bg-color-light: oklch(.96 .045 292);--bg-color-lighter: color-mix(in oklch, var(--bg-color-light) 85%, white 15%);--bg-color-dark: var(--p-neutral-900);--bg-color-darker: color-mix(in oklch, var(--bg-color-dark) 85%, black 15%);--color-violet-ultra-dark: oklch(.15 .23 292);--color-violet-dark: oklch(.35 .23 292);--color-violet: oklch(.45 .23 292);--color-violet-light: oklch(.55 .23 292);--color-violet-ultra-light: oklch(.65 .23 292);--color-yellow-dark: oklch(.72 .17 98);--color-yellow: oklch(.9 .17 98);--color-yellow-pastel: oklch(.9 .07 98);--color-grey-dark: var(--p-stone-500);--color-grey: var(--p-stone-200);--color-grey-light: var(--p-stone-50);--primary-color: var(--color-violet);--secondary-color: var(--color-yellow);--highlight-color: oklch(1 .09 292);--border-color: oklch(.6 .09 292);--border-color-muted: oklch(.7 .09 292)}}@layer base;@layer base{:where(:root,:host){--shadow-color: light-dark(rgb(0 0 0 / .18), rgb(0 0 0 / .5));--shadow-color-soft: light-dark(rgb(0 0 0 / .03), rgb(0 0 0 / .1));--shadow-color-subtle: light-dark(rgb(0 0 0 / .08), rgb(50 50 50 / .2));--shadow-highlight: light-dark(rgb(255 255 255 / .3), rgb(255 255 255 / .3));--default-shadow: var(--shadow-m);--default-shadow-hover: var(--shadow-l);--shadow-s: inset 0 1px 2px var(--shadow-highlight), 0 1px 2px var(--shadow-color), 0 2px 4px var(--shadow-color-subtle);--shadow-m: inset 0 1px 2px var(--shadow-highlight), 0 2px 4px var(--shadow-color), 0 4px 8px var(--shadow-color-subtle);--shadow-l: inset 0 1px 2px var(--shadow-highlight), 0 4px 6px var(--shadow-color), 0 6px 10px var(--shadow-color-subtle);--inset-shadow: inset 2px 3px 5px var(--shadow-color-subtle), 0px 1px 1px var(--shadow-color-soft)}}@layer base{:where(:root,:host){--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--gap-sm: var(--space-sm);--gap-md: var(--space-md);--gap-lg: var(--space-lg);--padding-sm: var(--space-sm) var(--space-md);--padding-md: var(--space-md) var(--space-lg);--padding-lg: var(--space-lg) var(--space-xl)}}@layer base{:where(:root,:host){--font-sans: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--default-font: var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}}@layer base{:where(:root,:host){--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@custom-media --sm (min-width: 640px);@custom-media --md (min-width: 768px);@custom-media --lg (min-width: 1024px);@custom-media --xl (min-width: 1280px);@custom-media --2xl (min-width: 1536px);@custom-media --max-sm (max-width: 639px);@custom-media --max-md (max-width: 767px);@custom-media --max-lg (max-width: 1023px);@custom-media --max-xl (max-width: 1279px);@custom-media --max-2xl (max-width: 1535px);@custom-media --sm-only (min-width: 640px) and (max-width: 767px);@custom-media --md-only (min-width: 768px) and (max-width: 1023px);@custom-media --lg-only (min-width: 1024px) and (max-width: 1279px);@custom-media --xl-only (min-width: 1280px) and (max-width: 1535px);@custom-media --mobile (max-width: 767px);@custom-media --tablet (min-width: 768px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --mouse (hover: hover) and (pointer: fine);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);}@layer base{:where(:root,:host){--color-contrast: black;--bg-color: var(--bg-color-light);--bg-color-accent: var(--bg-color-lighter);--text-color: oklch(.15 .09 292);--text-color-secondary: oklch(.1 .09 292);--text-color-muted: oklch(.5 .05 292);--danger-color: var(--p-red-700);--danger-background: var(--p-red-200);--warn-color: var(--p-orange-700);--warn-background: var(--p-orange-100);--info-color: var(--p-sky-700);--info-background: var(--p-sky-100);--success-color: var(--p-green-700);--success-background: var(--p-green-100)}}@layer base{@media (prefers-color-scheme: dark){:where(:root,:host){color-scheme:dark}}:root[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme: dark){:where(:root,:host){--color-contrast: white;--bg-color: var(--bg-color-dark);--bg-color-accent: var(--bg-color-darker);--text-color: oklch(.95 .03 292);--text-color-secondary: oklch(.8 .03 292);--text-color-muted: oklch(.65 .03 292);--danger-color: var(--p-red-300);--danger-background: color-mix(in oklch, var(--p-red-500), transparent 84%);--warn-color: var(--p-orange-300);--warn-background: color-mix(in oklch, var(--p-orange-500), transparent 84%);--info-color: var(--p-sky-300);--info-background: color-mix(in oklch, var(--p-sky-500), transparent 84%);--success-color: var(--p-green-300);--success-background: color-mix(in oklch, var(--p-green-500), transparent 84%)}}:root[data-theme=dark]{--color-contrast: white;--bg-color: var(--bg-color-dark);--bg-color-accent: var(--bg-color-darker);--text-color: oklch(.85 .09 292);--text-color-muted: oklch(.65 .05 292);--danger-color: var(--p-red-300);--danger-background: color-mix(in oklch, var(--p-red-500), transparent 84%);--warn-color: var(--p-orange-300);--warn-background: color-mix(in oklch, var(--p-orange-500), transparent 84%);--info-color: var(--p-sky-300);--info-background: color-mix(in oklch, var(--p-sky-500), transparent 84%);--success-color: var(--p-green-300);--success-background: color-mix(in oklch, var(--p-green-500), transparent 84%)}}@layer components;@layer components;@layer components{:where(:root,:host){--p-stone-50: #fafaf9;--p-stone-100: #f5f5f4;--p-stone-200: #e7e5e4;--p-stone-300: #d6d3d1;--p-stone-400: #a8a29e;--p-stone-500: #78716c;--p-stone-600: #57534e;--p-stone-700: #44403c;--p-stone-800: #292524;--p-stone-900: #1c1917;--p-stone-950: #0c0a09;--p-neutral-50: #fafafa;--p-neutral-100: #f5f5f5;--p-neutral-200: #e5e5e5;--p-neutral-300: #d4d4d4;--p-neutral-400: #a3a3a3;--p-neutral-500: #737373;--p-neutral-600: #525252;--p-neutral-700: #404040;--p-neutral-800: #262626;--p-neutral-900: #171717;--p-neutral-950: #0a0a0a;--p-zinc-50: #fafafa;--p-zinc-100: #f4f4f5;--p-zinc-200: #e4e4e7;--p-zinc-300: #d4d4d8;--p-zinc-400: #a1a1aa;--p-zinc-500: #71717a;--p-zinc-600: #52525b;--p-zinc-700: #3f3f46;--p-zinc-800: #27272a;--p-zinc-900: #18181b;--p-zinc-950: #09090b;--p-gray-50: #f9fafb;--p-gray-100: #f3f4f6;--p-gray-200: #e5e7eb;--p-gray-300: #d1d5db;--p-gray-400: #9ca3af;--p-gray-500: #6b7280;--p-gray-600: #4b5563;--p-gray-700: #374151;--p-gray-800: #1f2937;--p-gray-900: #111827;--p-gray-950: #030712;--p-slate-50: #f8fafc;--p-slate-100: #f1f5f9;--p-slate-200: #e2e8f0;--p-slate-300: #cbd5e1;--p-slate-400: #94a3b8;--p-slate-500: #64748b;--p-slate-600: #475569;--p-slate-700: #334155;--p-slate-800: #1e293b;--p-slate-900: #0f172a;--p-slate-950: #020617;--p-rose-50: #fff1f2;--p-rose-100: #ffe4e6;--p-rose-200: #fecdd3;--p-rose-300: #fda4af;--p-rose-400: #fb7185;--p-rose-500: #f43f5e;--p-rose-600: #e11d48;--p-rose-700: #be123c;--p-rose-800: #9f1239;--p-rose-900: #881337;--p-rose-950: #4c0519;--p-pink-50: #fdf2f8;--p-pink-100: #fce7f3;--p-pink-200: #fbcfe8;--p-pink-300: #f9a8d4;--p-pink-400: #f472b6;--p-pink-500: #ec4899;--p-pink-600: #db2777;--p-pink-700: #be185d;--p-pink-800: #9d174d;--p-pink-900: #831843;--p-pink-950: #500724;--p-fuchsia-50: #fdf4ff;--p-fuchsia-100: #fae8ff;--p-fuchsia-200: #f5d0fe;--p-fuchsia-300: #f0abfc;--p-fuchsia-400: #e879f9;--p-fuchsia-500: #d946ef;--p-fuchsia-600: #c026d3;--p-fuchsia-700: #a21caf;--p-fuchsia-800: #86198f;--p-fuchsia-900: #701a75;--p-fuchsia-950: #4a044e;--p-purple-50: #faf5ff;--p-purple-100: #f3e8ff;--p-purple-200: #e9d5ff;--p-purple-300: #d8b4fe;--p-purple-400: #c084fc;--p-purple-500: #a855f7;--p-purple-600: #9333ea;--p-purple-700: #7e22ce;--p-purple-800: #6b21a8;--p-purple-900: #581c87;--p-purple-950: #3b0764;--p-violet-50: #f5f3ff;--p-violet-100: #ede9fe;--p-violet-200: #ddd6fe;--p-violet-300: #c4b5fd;--p-violet-400: #a78bfa;--p-violet-500: #8b5cf6;--p-violet-600: #7c3aed;--p-violet-700: #6d28d9;--p-violet-800: #5b21b6;--p-violet-900: #4c1d95;--p-violet-950: #2e1065;--p-indigo-50: #eef2ff;--p-indigo-100: #e0e7ff;--p-indigo-200: #c7d2fe;--p-indigo-300: #a5b4fc;--p-indigo-400: #818cf8;--p-indigo-500: #6366f1;--p-indigo-600: #4f46e5;--p-indigo-700: #4338ca;--p-indigo-800: #3730a3;--p-indigo-900: #312e81;--p-indigo-950: #1e1b4b;--p-blue-50: #eff6ff;--p-blue-100: #dbeafe;--p-blue-200: #bfdbfe;--p-blue-300: #93c5fd;--p-blue-400: #60a5fa;--p-blue-500: #3b82f6;--p-blue-600: #2563eb;--p-blue-700: #1d4ed8;--p-blue-800: #1e40af;--p-blue-900: #1e3a8a;--p-blue-950: #172554;--p-sky-50: #f0f9ff;--p-sky-100: #e0f2fe;--p-sky-200: #bae6fd;--p-sky-300: #7dd3fc;--p-sky-400: #38bdf8;--p-sky-500: #0ea5e9;--p-sky-600: #0284c7;--p-sky-700: #0369a1;--p-sky-800: #075985;--p-sky-900: #0c4a6e;--p-sky-950: #082f49;--p-cyan-50: #ecfeff;--p-cyan-100: #cffafe;--p-cyan-200: #a5f3fc;--p-cyan-300: #67e8f9;--p-cyan-400: #22d3ee;--p-cyan-500: #06b6d4;--p-cyan-600: #0891b2;--p-cyan-700: #0e7490;--p-cyan-800: #155e75;--p-cyan-900: #164e63;--p-cyan-950: #083344;--p-teal-50: #f0fdfa;--p-teal-100: #ccfbf1;--p-teal-200: #99f6e4;--p-teal-300: #5eead4;--p-teal-400: #2dd4bf;--p-teal-500: #14b8a6;--p-teal-600: #0d9488;--p-teal-700: #0f766e;--p-teal-800: #115e59;--p-teal-900: #134e4a;--p-teal-950: #042f2e;--p-yellow-50: #fefce8;--p-yellow-100: #fef9c3;--p-yellow-200: #fef08a;--p-yellow-300: #fde047;--p-yellow-400: #facc15;--p-yellow-500: #eab308;--p-yellow-600: #ca8a04;--p-yellow-700: #a16207;--p-yellow-800: #854d0e;--p-yellow-900: #713f12;--p-yellow-950: #422006;--p-amber-50: #fffbeb;--p-amber-100: #fef3c7;--p-amber-200: #fde68a;--p-amber-300: #fcd34d;--p-amber-400: #fbbf24;--p-amber-500: #f59e0b;--p-amber-600: #d97706;--p-amber-700: #b45309;--p-amber-800: #92400e;--p-amber-900: #78350f;--p-amber-950: #451a03;--p-orange-50: #fff7ed;--p-orange-100: #ffedd5;--p-orange-200: #fed7aa;--p-orange-300: #fdba74;--p-orange-400: #fb923c;--p-orange-500: #f97316;--p-orange-600: #ea580c;--p-orange-700: #c2410c;--p-orange-800: #9a3412;--p-orange-900: #7c2d12;--p-orange-950: #431407;--p-red-50: #fef2f2;--p-red-100: #fee2e2;--p-red-200: #fecaca;--p-red-300: #fca5a5;--p-red-400: #f87171;--p-red-500: #ef4444;--p-red-600: #dc2626;--p-red-700: #b91c1c;--p-red-800: #991b1b;--p-red-900: #7f1d1d;--p-red-950: #450a0a;--p-lime-50: #f7fee7;--p-lime-100: #ecfccb;--p-lime-200: #d9f99d;--p-lime-300: #bef264;--p-lime-400: #a3e635;--p-lime-500: #84cc16;--p-lime-600: #65a30d;--p-lime-700: #4d7c0f;--p-lime-800: #3f6212;--p-lime-900: #365314;--p-lime-950: #1a2e05;--p-green-50: #f0fdf4;--p-green-100: #dcfce7;--p-green-200: #bbf7d0;--p-green-300: #86efac;--p-green-400: #4ade80;--p-green-500: #22c55e;--p-green-600: #16a34a;--p-green-700: #15803d;--p-green-800: #166534;--p-green-900: #14532d;--p-green-950: #052e16;--p-emerald-50: #ecfdf5;--p-emerald-100: #d1fae5;--p-emerald-200: #a7f3d0;--p-emerald-300: #6ee7b7;--p-emerald-400: #34d399;--p-emerald-500: #10b981;--p-emerald-600: #059669;--p-emerald-700: #047857;--p-emerald-800: #065f46;--p-emerald-900: #064e3b;--p-emerald-950: #022c22}}@layer components{:where(:root,:host){--color-red: #e53935;--bg-color-light: oklch(.96 .045 292);--bg-color-lighter: color-mix(in oklch, var(--bg-color-light) 85%, white 15%);--bg-color-dark: var(--p-neutral-900);--bg-color-darker: color-mix(in oklch, var(--bg-color-dark) 85%, black 15%);--color-violet-ultra-dark: oklch(.15 .23 292);--color-violet-dark: oklch(.35 .23 292);--color-violet: oklch(.45 .23 292);--color-violet-light: oklch(.55 .23 292);--color-violet-ultra-light: oklch(.65 .23 292);--color-yellow-dark: oklch(.72 .17 98);--color-yellow: oklch(.9 .17 98);--color-yellow-pastel: oklch(.9 .07 98);--color-grey-dark: var(--p-stone-500);--color-grey: var(--p-stone-200);--color-grey-light: var(--p-stone-50);--primary-color: var(--color-violet);--secondary-color: var(--color-yellow);--highlight-color: oklch(1 .09 292);--border-color: oklch(.6 .09 292);--border-color-muted: oklch(.7 .09 292)}}@layer components{:where(:root,:host){--card-bg-base: light-dark(var(--p-neutral-50), var(--p-neutral-800));--card-bg-color: color-mix(in oklch, var(--card-bg-base) 90%, white 10%);--card-border-color: color-mix(in oklch, var(--card-bg-color) 85%, var(--color-contrast) 15%);--border-radius-none: 0;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}}@layer base{:where(:root,:host){--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}:where(:root,:host){font-family:var(--default-font);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-variation-settings:"opsz" 32;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--bg-color);box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-height:100%;overscroll-behavior:none}button,a{touch-action:manipulation}.theme-target{--panel-bg: #D7DCDF;--panel-bg-hover: #ccd1d3;--panel-bg-fill: #47a4bc;--pointer-bg: #1aa4bc;--pointer-bg-hover: #0f7b8c;--pointer-bg-focus: #0f7b8c;--pointer-shadow: 0 0 0 3px #fff, 0 0 0 6px #1aa4bc;--pointer-shadow-hover: 0 0 0 3px #fff, 0 0 0 6px #0f7b8c;--pointer-shadow-focus: 0 0 0 3px #fff, 0 0 0 6px #0f7b8c;--pointer-border: 0;--pointer-border-hover: 0;--pointer-border-focus: 0}.theme-glass{--pointer-bg: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(206, 206, 206, 1) 48%, rgba(255, 255, 255, 0) 100%);--pointer-bg-hover: linear-gradient(to bottom, rgba(206, 206, 206, 1) 0%, rgba(255, 255, 255, 0) 48%, rgba(206, 206, 206, 1) 100%);--pointer-bg-focus: linear-gradient(to bottom, rgba(206, 206, 206, 1) 0%, rgba(255, 255, 255, 0) 48%, rgba(206, 206, 206, 1) 100%);--pointer-border-radius: 3px}.theme-rect{--panel-bg: #9FD2FA;--panel-bg-hover: #4075E2;--panel-bg-fill: #4075E2;--pointer-width: 10px;--pointer-height: 20px;--pointer-bg: #4075E2;--pointer-bg-hover: #4075E2;--pointer-bg-focus: #4075E2;--pointer-border: 0;--pointer-border-hover: 0;--pointer-border-focus: 0;--pointer-shadow: none;--pointer-shadow-hover: none;--pointer-shadow-focus: none;--pointer-border-radius: 0}.theme-circle{--height: .3rem;--panel-bg: #E6E6E6;--panel-bg-hover: #E6E6E6;--panel-bg-fill: #60CD17;--pointer-width: 1.5rem;--pointer-height: 1.5rem;--pointer-bg: #333940;--pointer-bg-hover: #333940;--pointer-bg-focus: #333940;--pointer-shadow: 0px 4px 25px rgb(0, 0, 0, .5);--pointer-shadow-hover: 0px 4px 25px rgb(0, 0, 0, .5);--pointer-shadow-focus: 0px 4px 25px rgb(0, 0, 0, .5);--pointer-border: 6px solid #fff;--pointer-border-hover: 6px solid #fff;--pointer-border-focus: 6px solid #fff}.theme-rainbow{--panel-bg: linear-gradient( 90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100% );--panel-bg-hover: var(--panel-bg);--panel-bg-fill: rgba(0, 0, 0, .6);--pointer-width: 1.7rem;--pointer-height: 1.7rem;--pointer-bg: #fff;--pointer-bg-hover: #dcdcdc;--pointer-bg-focus: #dcdcdc;--pointer-border: 0;--pointer-border-hover: 0;--pointer-border-focus: 0}.theme-ruler{--height: 1rem;--panel-bg-border-radius: 2px;--panel-bg: #fff;--panel-bg-hover: #fff;--panel-bg-fill: #ccc}.theme-ruler .panel{background-size:.4rem 100%;background-repeat:repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,0) calc(50% - 2px),var(--panel-bg-fill, #000) 50%,rgba(0,0,0,0) calc(50% + 2px))}