@elevasis/ui 1.20.0 → 1.20.1

package/dist/{chunk-BX565EOK.js → chunk-OFAXUZPZ.js}

@@ -1,4 +1,4 @@
-import { CyberBackground, WaveBackground } from './chunk-ACD2QA6E.js';
+import { CyberBackground, WaveBackground } from './chunk-3DIU726S.js';
 import { createElement, createContext, useRef, useEffect, useContext } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
@@ -149,7 +149,7 @@ var tacticalPreset = {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
     background: "#020305",
-    surface: "rgba(15, 17, 25, 0.25)",
+    surface: "rgba(15, 17, 25, 0.3)",
     surfaceHover: "rgba(28, 30, 40, 0.5)",
     text: "#EFF2F7",
     textDimmed: "#B0BCD2",
@@ -308,140 +308,267 @@ var STYLE = `
     background-color: transparent !important;
     isolation: isolate;
   }
-  .aurora-bg-root {
+  .chrome-bg-root {
     position: fixed;
     inset: 0;
     z-index: -1;
     overflow: hidden;
     pointer-events: none;
   }
-  [data-mantine-color-scheme="light"] .aurora-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(16, 185, 129, 0.06), transparent 70%),
-      #EFF5F3;
+
+  /* ============ Light mode variant palettes ============ */
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] {
+    --chrome-base: #F7F5FF;
+    --chrome-origin-glow: rgba(221, 214, 254, 0.5);
+    --chrome-vignette: rgba(30, 15, 60, 0.05);
+    --chrome-beam-1: #A78BFA;
+    --chrome-beam-2: #C4B5FD;
+    --chrome-beam-3: #818CF8;
+    --chrome-beam-4: #A78BFA;
+    --chrome-beam-5: #8B5CF6;
+    --chrome-beam-6: #C4B5FD;
+    --chrome-beam-7: #818CF8;
+    --chrome-beam-8: #A78BFA;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] {
+    --chrome-base: #F2F8F5;
+    --chrome-origin-glow: rgba(167, 243, 208, 0.5);
+    --chrome-vignette: rgba(10, 40, 30, 0.05);
+    --chrome-beam-1: #34D399;
+    --chrome-beam-2: #6EE7B7;
+    --chrome-beam-3: #2DD4BF;
+    --chrome-beam-4: #5EEAD4;
+    --chrome-beam-5: #10B981;
+    --chrome-beam-6: #6EE7B7;
+    --chrome-beam-7: #34D399;
+    --chrome-beam-8: #5EEAD4;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="rose-gold"] {
+    --chrome-base: #F7F2F0;
+    --chrome-origin-glow: rgba(253, 205, 197, 0.5);
+    --chrome-vignette: rgba(45, 21, 22, 0.05);
+    --chrome-beam-1: #FB7185;
+    --chrome-beam-2: #FDA4AF;
+    --chrome-beam-3: #E8A598;
+    --chrome-beam-4: #FDA4AF;
+    --chrome-beam-5: #C07A6F;
+    --chrome-beam-6: #FB923C;
+    --chrome-beam-7: #F472B6;
+    --chrome-beam-8: #FDA4AF;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="ember"] {
+    --chrome-base: #F7F3EF;
+    --chrome-origin-glow: rgba(254, 215, 170, 0.45);
+    --chrome-vignette: rgba(44, 23, 8, 0.05);
+    --chrome-beam-1: #F97316;
+    --chrome-beam-2: #FB923C;
+    --chrome-beam-3: #EA580C;
+    --chrome-beam-4: #FDBA74;
+    --chrome-beam-5: #F59E0B;
+    --chrome-beam-6: #FB923C;
+    --chrome-beam-7: #F97316;
+    --chrome-beam-8: #FDBA74;
+  }
+
+  /* ============ Dark mode variant palettes ============ */
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] {
+    --chrome-base: #050610;
+    --chrome-origin-glow: rgba(100, 116, 139, 0.06);
+    --chrome-vignette: rgba(0, 0, 0, 0.4);
+    --chrome-beam-1: #1E293B;
+    --chrome-beam-2: #334155;
+    --chrome-beam-3: #3B3B5C;
+    --chrome-beam-4: #3730A3;
+    --chrome-beam-5: #475569;
+    --chrome-beam-6: #312E81;
+    --chrome-beam-7: #4C4A6E;
+    --chrome-beam-8: #1E1B4B;
+  }
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] {
+    --chrome-base: #020807;
+    --chrome-origin-glow: rgba(20, 184, 166, 0.05);
+    --chrome-vignette: rgba(0, 0, 0, 0.4);
+    --chrome-beam-1: #064E3B;
+    --chrome-beam-2: #065F46;
+    --chrome-beam-3: #047857;
+    --chrome-beam-4: #0F766E;
+    --chrome-beam-5: #0D9488;
+    --chrome-beam-6: #115E59;
+    --chrome-beam-7: #134E4A;
+    --chrome-beam-8: #059669;
+  }
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] {
+    --chrome-base: #070405;
+    --chrome-origin-glow: rgba(232, 165, 152, 0.05);
+    --chrome-vignette: rgba(0, 0, 0, 0.4);
+    --chrome-beam-1: #4C0519;
+    --chrome-beam-2: #881337;
+    --chrome-beam-3: #9F1239;
+    --chrome-beam-4: #7C2D12;
+    --chrome-beam-5: #A8695E;
+    --chrome-beam-6: #C07A6F;
+    --chrome-beam-7: #E8A598;
+    --chrome-beam-8: #C8897C;
+  }
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] {
+    --chrome-base: #060302;
+    --chrome-origin-glow: rgba(232, 123, 85, 0.05);
+    --chrome-vignette: rgba(0, 0, 0, 0.4);
+    --chrome-beam-1: #431407;
+    --chrome-beam-2: #7C2D12;
+    --chrome-beam-3: #9A3412;
+    --chrome-beam-4: #B45309;
+    --chrome-beam-5: #C2410C;
+    --chrome-beam-6: #92400E;
+    --chrome-beam-7: #EA580C;
+    --chrome-beam-8: #78350F;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-root {
+
+  /* ============ Shared geometry ============ */
+  .chrome-bg-root {
     background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(20, 184, 166, 0.05), transparent 70%),
-      #020807;
+      radial-gradient(ellipse 80% 40% at 50% -25%, var(--chrome-origin-glow), transparent 75%),
+      var(--chrome-base);
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-root::after {
+  .chrome-bg-root::after {
     content: '';
     position: absolute;
     inset: 0;
     background:
-      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.4) 100%);
+      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 65%, var(--chrome-vignette) 100%);
     pointer-events: none;
   }
-  .aurora-bg-wrapper {
+  .chrome-bg-wrapper {
     position: absolute;
     width: 200vmax;
     height: 200vmax;
-    top: -50vmax;
+    top: -115vmax;
     left: -50vmax;
-    animation: aurora-rotate 60s linear infinite;
+    animation: chrome-rotate 180s linear infinite;
     will-change: transform;
   }
-  .aurora-bg-beam {
+  .chrome-bg-beam {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
-    height: 30vmax;
-    filter: blur(60px);
-    mix-blend-mode: screen;
+    height: 18vmax;
+    filter: blur(55px);
     transform-origin: center;
   }
-  .aurora-bg-beam-1 {
-    background: linear-gradient(to right, transparent 0%, #047857 40%, #047857 60%, transparent 100%);
+
+  /* Light mode: multiply blend with low opacity over pale base */
+  [data-mantine-color-scheme="light"] .chrome-bg-beam {
+    mix-blend-mode: multiply;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-1 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-1) 25%, var(--chrome-beam-1) 75%, transparent 95%);
     transform: rotate(0deg);
-    opacity: 0.28;
+    opacity: 0.09;
   }
-  .aurora-bg-beam-2 {
-    background: linear-gradient(to right, transparent 0%, #10B981 40%, #10B981 60%, transparent 100%);
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-2 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-2) 25%, var(--chrome-beam-2) 75%, transparent 95%);
+    transform: rotate(22.5deg);
+    opacity: 0.08;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-3 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-3) 25%, var(--chrome-beam-3) 75%, transparent 95%);
     transform: rotate(45deg);
-    opacity: 0.28;
+    opacity: 0.09;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-4 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-4) 25%, var(--chrome-beam-4) 75%, transparent 95%);
+    transform: rotate(67.5deg);
+    opacity: 0.07;
   }
-  .aurora-bg-beam-3 {
-    background: linear-gradient(to right, transparent 0%, #2DD4BF 40%, #2DD4BF 60%, transparent 100%);
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-5 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-5) 25%, var(--chrome-beam-5) 75%, transparent 95%);
     transform: rotate(90deg);
-    opacity: 0.28;
+    opacity: 0.09;
   }
-  .aurora-bg-beam-4 {
-    background: linear-gradient(to right, transparent 0%, #A7F3D0 40%, #A7F3D0 60%, transparent 100%);
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-6 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-6) 25%, var(--chrome-beam-6) 75%, transparent 95%);
+    transform: rotate(112.5deg);
+    opacity: 0.07;
+  }
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-7 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-7) 25%, var(--chrome-beam-7) 75%, transparent 95%);
     transform: rotate(135deg);
-    opacity: 0.28;
+    opacity: 0.09;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-wrapper {
-    top: -115vmax;
-    animation-duration: 180s;
+  [data-mantine-color-scheme="light"] .chrome-bg-beam-8 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-8) 25%, var(--chrome-beam-8) 75%, transparent 95%);
+    transform: rotate(157.5deg);
+    opacity: 0.07;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam {
-    height: 18vmax;
-    filter: blur(55px);
+
+  /* Dark mode: screen blend with low opacity over near-black base */
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam {
+    mix-blend-mode: screen;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-1 {
-    background: linear-gradient(to right, transparent 5%, #064E3B 25%, #064E3B 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-1 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-1) 25%, var(--chrome-beam-1) 75%, transparent 95%);
     transform: rotate(0deg);
     opacity: 0.12;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-2 {
-    background: linear-gradient(to right, transparent 5%, #065F46 25%, #065F46 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-2 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-2) 25%, var(--chrome-beam-2) 75%, transparent 95%);
     transform: rotate(22.5deg);
     opacity: 0.1;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-3 {
-    background: linear-gradient(to right, transparent 5%, #047857 25%, #047857 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-3 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-3) 25%, var(--chrome-beam-3) 75%, transparent 95%);
     transform: rotate(45deg);
     opacity: 0.12;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-4 {
-    background: linear-gradient(to right, transparent 5%, #0F766E 25%, #0F766E 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-4 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-4) 25%, var(--chrome-beam-4) 75%, transparent 95%);
     transform: rotate(67.5deg);
     opacity: 0.1;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-5 {
-    background: linear-gradient(to right, transparent 5%, #0D9488 25%, #0D9488 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-5 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-5) 25%, var(--chrome-beam-5) 75%, transparent 95%);
     transform: rotate(90deg);
     opacity: 0.12;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-6 {
-    background: linear-gradient(to right, transparent 5%, #115E59 25%, #115E59 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-6 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-6) 25%, var(--chrome-beam-6) 75%, transparent 95%);
     transform: rotate(112.5deg);
     opacity: 0.1;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-7 {
-    background: linear-gradient(to right, transparent 5%, #134E4A 25%, #134E4A 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-7 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-7) 25%, var(--chrome-beam-7) 75%, transparent 95%);
     transform: rotate(135deg);
     opacity: 0.12;
   }
-  [data-mantine-color-scheme="dark"] .aurora-bg-beam-8 {
-    background: linear-gradient(to right, transparent 5%, #059669 25%, #059669 75%, transparent 95%);
+  [data-mantine-color-scheme="dark"] .chrome-bg-beam-8 {
+    background: linear-gradient(to right, transparent 5%, var(--chrome-beam-8) 25%, var(--chrome-beam-8) 75%, transparent 95%);
     transform: rotate(157.5deg);
     opacity: 0.1;
   }
-  @keyframes aurora-rotate {
+
+  @keyframes chrome-rotate {
     from { transform: rotate(0deg); }
     to   { transform: rotate(360deg); }
   }
   @media (prefers-reduced-motion: reduce) {
-    .aurora-bg-wrapper {
+    .chrome-bg-wrapper {
       animation: none;
     }
   }
 `;
-function AuroraBackground() {
+function ChromeBackground({ variant }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: STYLE }),
-    /* @__PURE__ */ jsx("div", { className: "aurora-bg-root", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "aurora-bg-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-1" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-2" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-3" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-4" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-5" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-6" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-7" }),
-      /* @__PURE__ */ jsx("div", { className: "aurora-bg-beam aurora-bg-beam-8" })
+    /* @__PURE__ */ jsx("div", { className: "chrome-bg-root", "data-variant": variant, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "chrome-bg-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-1" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-2" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-3" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-4" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-5" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-6" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-7" }),
+      /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-8" })
     ] }) })
   ] });
 }
@@ -450,7 +577,7 @@ function AuroraBackground() {
 var auroraPreset = {
   subtitleFontFamily: '"Nunito", sans-serif',
   fontImports: ["https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap"],
-  background: createElement(AuroraBackground),
+  background: createElement(ChromeBackground, { variant: "aurora" }),
   light: {
     primary: "#00897B",
     primaryContrast: "#ffffff",
@@ -467,7 +594,7 @@ var auroraPreset = {
     glassBackground: "rgba(245, 250, 248, 0.55)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(10, 30, 26, 0.04), 0px 8px 24px -8px rgba(16, 185, 129, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(10, 30, 26, 0.04), 0 8px 24px -8px rgba(16, 185, 129, 0.1), 0 24px 48px -16px rgba(45, 212, 191, 0.06)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(10, 30, 26, 0.05), 0 10px 28px -6px rgba(10, 30, 26, 0.08), 0 30px 56px -14px rgba(16, 185, 129, 0.18)",
     durationFast: "160ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -491,7 +618,7 @@ var auroraPreset = {
     glassBackground: "rgba(10, 20, 18, 0.35)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(128, 203, 196, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(16, 185, 129, 0.1)",
+    cardShadow: "inset 0 1px 0 rgba(128, 203, 196, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(16, 185, 129, 0.14)",
     durationFast: "160ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -508,150 +635,6 @@ var auroraPreset = {
     }
   }
 };
-var STYLE2 = `
-  div[style*="var(--color-background)"][style*="100vh"] {
-    background-color: transparent !important;
-    isolation: isolate;
-  }
-  .rose-gold-bg-root {
-    position: fixed;
-    inset: 0;
-    z-index: -1;
-    overflow: hidden;
-    pointer-events: none;
-  }
-  [data-mantine-color-scheme="light"] .rose-gold-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(192, 122, 110, 0.07), transparent 70%),
-      #F4F0EE;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(232, 165, 152, 0.05), transparent 70%),
-      #070405;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-root::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.4) 100%);
-    pointer-events: none;
-  }
-  .rose-gold-bg-wrapper {
-    position: absolute;
-    width: 200vmax;
-    height: 200vmax;
-    top: -50vmax;
-    left: -50vmax;
-    animation: rose-gold-rotate 60s linear infinite;
-    will-change: transform;
-  }
-  .rose-gold-bg-beam {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    height: 30vmax;
-    filter: blur(60px);
-    mix-blend-mode: screen;
-    transform-origin: center;
-  }
-  .rose-gold-bg-beam-1 {
-    background: linear-gradient(to right, transparent 0%, #A8695E 40%, #A8695E 60%, transparent 100%);
-    transform: rotate(0deg);
-    opacity: 0.28;
-  }
-  .rose-gold-bg-beam-2 {
-    background: linear-gradient(to right, transparent 0%, #C07A6F 40%, #C07A6F 60%, transparent 100%);
-    transform: rotate(45deg);
-    opacity: 0.28;
-  }
-  .rose-gold-bg-beam-3 {
-    background: linear-gradient(to right, transparent 0%, #E8A598 40%, #E8A598 60%, transparent 100%);
-    transform: rotate(90deg);
-    opacity: 0.28;
-  }
-  .rose-gold-bg-beam-4 {
-    background: linear-gradient(to right, transparent 0%, #FBCFC2 40%, #FBCFC2 60%, transparent 100%);
-    transform: rotate(135deg);
-    opacity: 0.28;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-wrapper {
-    top: -115vmax;
-    animation-duration: 180s;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam {
-    height: 18vmax;
-    filter: blur(55px);
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-1 {
-    background: linear-gradient(to right, transparent 5%, #4C0519 25%, #4C0519 75%, transparent 95%);
-    transform: rotate(0deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-2 {
-    background: linear-gradient(to right, transparent 5%, #881337 25%, #881337 75%, transparent 95%);
-    transform: rotate(22.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-3 {
-    background: linear-gradient(to right, transparent 5%, #9F1239 25%, #9F1239 75%, transparent 95%);
-    transform: rotate(45deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-4 {
-    background: linear-gradient(to right, transparent 5%, #7C2D12 25%, #7C2D12 75%, transparent 95%);
-    transform: rotate(67.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-5 {
-    background: linear-gradient(to right, transparent 5%, #A8695E 25%, #A8695E 75%, transparent 95%);
-    transform: rotate(90deg);
-    opacity: 0.14;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-6 {
-    background: linear-gradient(to right, transparent 5%, #C07A6F 25%, #C07A6F 75%, transparent 95%);
-    transform: rotate(112.5deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-7 {
-    background: linear-gradient(to right, transparent 5%, #E8A598 25%, #E8A598 75%, transparent 95%);
-    transform: rotate(135deg);
-    opacity: 0.14;
-  }
-  [data-mantine-color-scheme="dark"] .rose-gold-bg-beam-8 {
-    background: linear-gradient(to right, transparent 5%, #C8897C 25%, #C8897C 75%, transparent 95%);
-    transform: rotate(157.5deg);
-    opacity: 0.1;
-  }
-  @keyframes rose-gold-rotate {
-    from { transform: rotate(0deg); }
-    to   { transform: rotate(360deg); }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .rose-gold-bg-wrapper {
-      animation: none;
-    }
-  }
-`;
-function RoseGoldBackground() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE2 }),
-    /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-root", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "rose-gold-bg-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-1" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-2" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-3" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-4" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-5" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-6" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-7" }),
-      /* @__PURE__ */ jsx("div", { className: "rose-gold-bg-beam rose-gold-bg-beam-8" })
-    ] }) })
-  ] });
-}
-
-// src/theme/presets/rose-gold.tsx
 var roseGoldPreset = {
   subtitleFontFamily: '"Lora", serif',
   fontImports: [
@@ -659,7 +642,7 @@ var roseGoldPreset = {
     "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(RoseGoldBackground),
+  background: createElement(ChromeBackground, { variant: "rose-gold" }),
   light: {
     primary: "#A8695E",
     primaryContrast: "#ffffff",
@@ -676,7 +659,7 @@ var roseGoldPreset = {
     glassBackground: "rgba(250, 246, 245, 0.55)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(45, 21, 22, 0.04), 0px 8px 24px -8px rgba(192, 122, 110, 0.16)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 21, 22, 0.04), 0 8px 24px -8px rgba(192, 122, 110, 0.12), 0 24px 48px -16px rgba(232, 165, 152, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 21, 22, 0.05), 0 10px 28px -6px rgba(45, 21, 22, 0.08), 0 30px 56px -14px rgba(192, 122, 110, 0.18)",
     durationFast: "160ms",
     durationNormal: "300ms",
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
@@ -700,7 +683,7 @@ var roseGoldPreset = {
     glassBackground: "rgba(22, 14, 16, 0.35)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(216, 184, 178, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(200, 137, 124, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(216, 184, 178, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(200, 137, 124, 0.16)",
     durationFast: "160ms",
     durationNormal: "300ms",
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)",
@@ -717,182 +700,13 @@ var roseGoldPreset = {
     }
   }
 };
-var STYLE3 = `
-  div[style*="var(--color-background)"][style*="100vh"] {
-    background-color: transparent !important;
-    isolation: isolate;
-  }
-  .prism-bg-root {
-    position: fixed;
-    inset: 0;
-    z-index: -1;
-    overflow: hidden;
-    pointer-events: none;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(139, 92, 246, 0.12), transparent 70%),
-      #F5F3FF;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-root::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 60%, rgba(30, 15, 60, 0.08) 100%);
-    pointer-events: none;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(124, 58, 237, 0.05), transparent 70%),
-      #030109;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-root::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.4) 100%);
-    pointer-events: none;
-  }
-  .prism-bg-wrapper {
-    position: absolute;
-    width: 200vmax;
-    height: 200vmax;
-    top: -115vmax;
-    left: -50vmax;
-    animation: prism-rotate 180s linear infinite;
-    will-change: transform;
-  }
-  .prism-bg-beam {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    height: 18vmax;
-    filter: blur(55px);
-    transform-origin: center;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam {
-    mix-blend-mode: multiply;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-1 {
-    background: linear-gradient(to right, transparent 5%, #4338CA 25%, #4338CA 75%, transparent 95%);
-    transform: rotate(0deg);
-    opacity: 0.2;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-2 {
-    background: linear-gradient(to right, transparent 5%, #4F46E5 25%, #4F46E5 75%, transparent 95%);
-    transform: rotate(22.5deg);
-    opacity: 0.18;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-3 {
-    background: linear-gradient(to right, transparent 5%, #5B21B6 25%, #5B21B6 75%, transparent 95%);
-    transform: rotate(45deg);
-    opacity: 0.2;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-4 {
-    background: linear-gradient(to right, transparent 5%, #6D28D9 25%, #6D28D9 75%, transparent 95%);
-    transform: rotate(67.5deg);
-    opacity: 0.18;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-5 {
-    background: linear-gradient(to right, transparent 5%, #7C3AED 25%, #7C3AED 75%, transparent 95%);
-    transform: rotate(90deg);
-    opacity: 0.2;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-6 {
-    background: linear-gradient(to right, transparent 5%, #6B21A8 25%, #6B21A8 75%, transparent 95%);
-    transform: rotate(112.5deg);
-    opacity: 0.18;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-7 {
-    background: linear-gradient(to right, transparent 5%, #7E22CE 25%, #7E22CE 75%, transparent 95%);
-    transform: rotate(135deg);
-    opacity: 0.2;
-  }
-  [data-mantine-color-scheme="light"] .prism-bg-beam-8 {
-    background: linear-gradient(to right, transparent 5%, #4C1D95 25%, #4C1D95 75%, transparent 95%);
-    transform: rotate(157.5deg);
-    opacity: 0.18;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam {
-    mix-blend-mode: screen;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-1 {
-    background: linear-gradient(to right, transparent 5%, #4338CA 25%, #4338CA 75%, transparent 95%);
-    transform: rotate(0deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-2 {
-    background: linear-gradient(to right, transparent 5%, #5B21B6 25%, #5B21B6 75%, transparent 95%);
-    transform: rotate(22.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-3 {
-    background: linear-gradient(to right, transparent 5%, #6D28D9 25%, #6D28D9 75%, transparent 95%);
-    transform: rotate(45deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-4 {
-    background: linear-gradient(to right, transparent 5%, #7C3AED 25%, #7C3AED 75%, transparent 95%);
-    transform: rotate(67.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-5 {
-    background: linear-gradient(to right, transparent 5%, #8B5CF6 25%, #8B5CF6 75%, transparent 95%);
-    transform: rotate(90deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-6 {
-    background: linear-gradient(to right, transparent 5%, #6B21A8 25%, #6B21A8 75%, transparent 95%);
-    transform: rotate(112.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-7 {
-    background: linear-gradient(to right, transparent 5%, #7E22CE 25%, #7E22CE 75%, transparent 95%);
-    transform: rotate(135deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .prism-bg-beam-8 {
-    background: linear-gradient(to right, transparent 5%, #4C1D95 25%, #4C1D95 75%, transparent 95%);
-    transform: rotate(157.5deg);
-    opacity: 0.1;
-  }
-  @keyframes prism-rotate {
-    from { transform: rotate(0deg); }
-    to   { transform: rotate(360deg); }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .prism-bg-wrapper {
-      animation: none;
-    }
-  }
-`;
-function PrismBackground() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE3 }),
-    /* @__PURE__ */ jsx("div", { className: "prism-bg-root", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "prism-bg-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-1" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-2" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-3" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-4" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-5" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-6" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-7" }),
-      /* @__PURE__ */ jsx("div", { className: "prism-bg-beam prism-bg-beam-8" })
-    ] }) })
-  ] });
-}
-
-// src/theme/presets/midnight.tsx
 var midnightPreset = {
   subtitleFontFamily: '"Outfit", sans-serif',
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap",
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(PrismBackground),
+  background: createElement(ChromeBackground, { variant: "midnight" }),
   light: {
     primary: "#475569",
     primaryContrast: "#ffffff",
@@ -909,7 +723,7 @@ var midnightPreset = {
     glassBackground: "rgba(245, 243, 255, 0.55)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(15, 10, 30, 0.04), 0px 8px 24px -8px rgba(139, 92, 246, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(15, 10, 30, 0.04), 0 8px 24px -8px rgba(139, 92, 246, 0.1), 0 24px 48px -16px rgba(236, 72, 153, 0.06)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(15, 10, 30, 0.05), 0 10px 28px -6px rgba(15, 10, 30, 0.08), 0 30px 56px -14px rgba(139, 92, 246, 0.18)",
     durationFast: "160ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -918,11 +732,11 @@ var midnightPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#94A3B8",
-    primaryContrast: "#0F172A",
-    background: "#050210",
+    primary: "#64748B",
+    primaryContrast: "#F1F5F9",
+    background: "#060712",
     surface: "transparent",
-    surfaceHover: "#1A1528",
+    surfaceHover: "#171A24",
     text: "#F1F5F9",
     textDimmed: "#CBD5E1",
     textSubtle: "#94A3B8",
@@ -930,10 +744,10 @@ var midnightPreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(14, 10, 26, 0.35)",
+    glassBackground: "rgba(12, 14, 22, 0.35)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(139, 92, 246, 0.1)",
+    cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(100, 116, 139, 0.12)",
     durationFast: "160ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -950,150 +764,6 @@ var midnightPreset = {
     }
   }
 };
-var STYLE4 = `
-  div[style*="var(--color-background)"][style*="100vh"] {
-    background-color: transparent !important;
-    isolation: isolate;
-  }
-  .ember-bg-root {
-    position: fixed;
-    inset: 0;
-    z-index: -1;
-    overflow: hidden;
-    pointer-events: none;
-  }
-  [data-mantine-color-scheme="light"] .ember-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(212, 96, 58, 0.07), transparent 70%),
-      #F3EFEB;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-root {
-    background:
-      radial-gradient(ellipse 95% 45% at 50% -20%, rgba(232, 123, 85, 0.05), transparent 70%),
-      #060302;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-root::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(ellipse 140% 110% at 50% 0%, transparent 60%, rgba(0, 0, 0, 0.4) 100%);
-    pointer-events: none;
-  }
-  .ember-bg-wrapper {
-    position: absolute;
-    width: 200vmax;
-    height: 200vmax;
-    top: -50vmax;
-    left: -50vmax;
-    animation: ember-rotate 60s linear infinite;
-    will-change: transform;
-  }
-  .ember-bg-beam {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    height: 30vmax;
-    filter: blur(60px);
-    mix-blend-mode: screen;
-    transform-origin: center;
-  }
-  .ember-bg-beam-1 {
-    background: linear-gradient(to right, transparent 0%, #9A3412 40%, #9A3412 60%, transparent 100%);
-    transform: rotate(0deg);
-    opacity: 0.28;
-  }
-  .ember-bg-beam-2 {
-    background: linear-gradient(to right, transparent 0%, #C2410C 40%, #C2410C 60%, transparent 100%);
-    transform: rotate(45deg);
-    opacity: 0.28;
-  }
-  .ember-bg-beam-3 {
-    background: linear-gradient(to right, transparent 0%, #EA580C 40%, #EA580C 60%, transparent 100%);
-    transform: rotate(90deg);
-    opacity: 0.28;
-  }
-  .ember-bg-beam-4 {
-    background: linear-gradient(to right, transparent 0%, #FED7AA 40%, #FED7AA 60%, transparent 100%);
-    transform: rotate(135deg);
-    opacity: 0.28;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-wrapper {
-    top: -115vmax;
-    animation-duration: 180s;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam {
-    height: 18vmax;
-    filter: blur(55px);
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-1 {
-    background: linear-gradient(to right, transparent 5%, #431407 25%, #431407 75%, transparent 95%);
-    transform: rotate(0deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-2 {
-    background: linear-gradient(to right, transparent 5%, #7C2D12 25%, #7C2D12 75%, transparent 95%);
-    transform: rotate(22.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-3 {
-    background: linear-gradient(to right, transparent 5%, #9A3412 25%, #9A3412 75%, transparent 95%);
-    transform: rotate(45deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-4 {
-    background: linear-gradient(to right, transparent 5%, #B45309 25%, #B45309 75%, transparent 95%);
-    transform: rotate(67.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-5 {
-    background: linear-gradient(to right, transparent 5%, #C2410C 25%, #C2410C 75%, transparent 95%);
-    transform: rotate(90deg);
-    opacity: 0.14;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-6 {
-    background: linear-gradient(to right, transparent 5%, #92400E 25%, #92400E 75%, transparent 95%);
-    transform: rotate(112.5deg);
-    opacity: 0.1;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-7 {
-    background: linear-gradient(to right, transparent 5%, #EA580C 25%, #EA580C 75%, transparent 95%);
-    transform: rotate(135deg);
-    opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .ember-bg-beam-8 {
-    background: linear-gradient(to right, transparent 5%, #78350F 25%, #78350F 75%, transparent 95%);
-    transform: rotate(157.5deg);
-    opacity: 0.1;
-  }
-  @keyframes ember-rotate {
-    from { transform: rotate(0deg); }
-    to   { transform: rotate(360deg); }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .ember-bg-wrapper {
-      animation: none;
-    }
-  }
-`;
-function EmberBackground() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE4 }),
-    /* @__PURE__ */ jsx("div", { className: "ember-bg-root", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "ember-bg-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-1" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-2" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-3" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-4" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-5" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-6" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-7" }),
-      /* @__PURE__ */ jsx("div", { className: "ember-bg-beam ember-bg-beam-8" })
-    ] }) })
-  ] });
-}
-
-// src/theme/presets/ember.tsx
 var emberPreset = {
   subtitleFontFamily: '"Source Serif 4", serif',
   fontImports: [
@@ -1101,7 +771,7 @@ var emberPreset = {
     "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(EmberBackground),
+  background: createElement(ChromeBackground, { variant: "ember" }),
   light: {
     primary: "#D4603A",
     primaryContrast: "#ffffff",
@@ -1118,7 +788,7 @@ var emberPreset = {
     glassBackground: "rgba(249, 246, 243, 0.55)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(44, 23, 8, 0.04), 0px 8px 24px -8px rgba(212, 96, 58, 0.16)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(44, 23, 8, 0.04), 0 8px 24px -8px rgba(212, 96, 58, 0.12), 0 24px 48px -16px rgba(249, 115, 22, 0.08)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(44, 23, 8, 0.05), 0 10px 28px -6px rgba(44, 23, 8, 0.08), 0 30px 56px -14px rgba(212, 96, 58, 0.18)",
     durationFast: "150ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -1142,7 +812,7 @@ var emberPreset = {
     glassBackground: "rgba(20, 14, 10, 0.35)",
     glassBlur: "blur(28px) saturate(180%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(249, 115, 22, 0.12)",
+    cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(249, 115, 22, 0.16)",
     durationFast: "150ms",
     durationNormal: "280ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -1324,7 +994,7 @@ var slatePreset = {
     primary: "#6A8FAD",
     primaryContrast: "#0E1218",
     background: "#010305",
-    surface: "#0E1218",
+    surface: "#0B1015",
     surfaceHover: "#1C2830",
     text: "#E8F0F8",
     textDimmed: "#A8C4DC",
@@ -1392,11 +1062,11 @@ var cyberStrikePreset = {
     text: "#FAE0E4",
     textDimmed: "#F0A0B0",
     textSubtle: "#8E6068",
-    border: "rgba(255, 23, 68, 0.16)",
+    border: "rgba(255, 43, 88, 0.19)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(20, 10, 14, 0.55)",
+    glassBackground: "rgba(24, 16, 20, 0.4)",
     glassBlur: "blur(14px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 23, 68, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
@@ -1456,11 +1126,11 @@ var cyberPunkPreset = {
     text: "#F0EAFF",
     textDimmed: "#D0BBEE",
     textSubtle: "#7E6E98",
-    border: "rgba(134, 87, 255, 0.2)",
+    border: "rgba(134, 87, 255, 0.19)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(18, 12, 26, 0.55)",
+    glassBackground: "rgba(18, 13, 26, 0.4)",
     glassBlur: "blur(14px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(124, 77, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
@@ -1525,11 +1195,11 @@ var cyberVoidPreset = {
     text: "#E0EAFA",
     textDimmed: "#99BBEE",
     textSubtle: "#5E7898",
-    border: "rgba(51, 131, 255, 0.18)",
+    border: "rgba(51, 131, 255, 0.2)",
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(11, 15, 27, 0.55)",
+    glassBackground: "rgba(11, 15, 27, 0.4)",
     glassBlur: "blur(14px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(41, 121, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
@@ -1922,8 +1592,8 @@ var synapsePreset = {
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(240, 250, 251, 0.55)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(240, 250, 251, 0.42)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0px 1px 2px rgba(4, 20, 26, 0.04), 0px 8px 24px -8px rgba(8, 145, 178, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(4, 20, 26, 0.04), 0 8px 24px -8px rgba(8, 145, 178, 0.12), 0 24px 48px -16px rgba(8, 145, 178, 0.08)",
     durationFast: "120ms",
@@ -1946,8 +1616,8 @@ var synapsePreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(6, 12, 16, 0.55)",
-    glassBlur: "blur(16px) saturate(200%)",
+    glassBackground: "rgba(6, 12, 16, 0.3)",
+    glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(34, 211, 238, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -2019,8 +1689,8 @@ var cortexPreset = {
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(240, 246, 255, 0.55)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(240, 246, 255, 0.42)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0px 1px 2px rgba(4, 16, 42, 0.04), 0px 8px 24px -8px rgba(37, 99, 235, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(4, 16, 42, 0.04), 0 8px 24px -8px rgba(37, 99, 235, 0.12), 0 24px 48px -16px rgba(37, 99, 235, 0.08)",
     durationFast: "120ms",
@@ -2039,12 +1709,12 @@ var cortexPreset = {
     text: "#EBF4FF",
     textDimmed: "#BFD9FF",
     textSubtle: "#5F7A94",
-    border: "rgba(59, 130, 246, 0.12)",
+    border: "rgba(59, 130, 246, 0.13)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(6, 12, 22, 0.55)",
-    glassBlur: "blur(16px) saturate(200%)",
+    glassBackground: "rgba(8, 14, 16, 0.3)",
+    glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(59, 130, 246, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -2116,8 +1786,8 @@ var heliosPreset = {
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(255, 251, 240, 0.55)",
-    glassBlur: "blur(14px) saturate(180%)",
+    glassBackground: "rgba(255, 251, 240, 0.42)",
+    glassBlur: "blur(20px) saturate(180%)",
     shadow: "0px 1px 2px rgba(31, 21, 4, 0.04), 0px 8px 24px -8px rgba(180, 83, 9, 0.14)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(31, 21, 4, 0.04), 0 8px 24px -8px rgba(180, 83, 9, 0.12), 0 24px 48px -16px rgba(180, 83, 9, 0.08)",
     durationFast: "120ms",
@@ -2136,12 +1806,12 @@ var heliosPreset = {
     text: "#FFF7E6",
     textDimmed: "#FCD98C",
     textSubtle: "#947A55",
-    border: "rgba(245, 158, 11, 0.12)",
+    border: "rgba(245, 158, 11, 0.1)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(14, 9, 2, 0.55)",
-    glassBlur: "blur(16px) saturate(200%)",
+    glassBackground: "rgba(14, 9, 2, 0.32)",
+    glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(245, 158, 11, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
@@ -2160,63 +1830,63 @@ var heliosPreset = {
     }
   }
 };
-var VERDANT_DARK = {
-  bgStops: ["rgba(4, 20, 14, 1)", "rgba(2, 10, 7, 1)", "rgba(0, 0, 0, 1)"],
-  paletteA: [16, 185, 129],
-  // emerald
-  paletteB: [52, 211, 153],
-  // light emerald
-  paletteC: [45, 212, 191],
-  // teal
-  lineOpacity: 0.22,
-  haloOpacity: 0.22,
-  coreOpacity: 0.8,
+var GRAPHITE_DARK = {
+  bgStops: ["rgba(14, 16, 18, 1)", "rgba(8, 9, 11, 1)", "rgba(0, 0, 0, 1)"],
+  paletteA: [156, 163, 175],
+  // gray-400
+  paletteB: [209, 213, 219],
+  // gray-300
+  paletteC: [107, 114, 128],
+  // gray-500
+  lineOpacity: 0.2,
+  haloOpacity: 0.18,
+  coreOpacity: 0.75,
   compositeOp: "lighter",
-  coreBrightenR: 5,
-  coreBrightenG: 20,
+  coreBrightenR: 12,
+  coreBrightenG: 12,
   coreBrightenB: 12
 };
-var VERDANT_LIGHT = {
-  bgStops: ["rgba(240, 253, 246, 1)", "rgba(224, 246, 232, 1)", "rgba(200, 232, 214, 1)"],
-  paletteA: [5, 150, 105],
-  // emerald-600
-  paletteB: [4, 120, 87],
-  // emerald-700
-  paletteC: [13, 148, 136],
-  // teal-600
+var GRAPHITE_LIGHT = {
+  bgStops: ["rgba(248, 249, 250, 1)", "rgba(236, 238, 241, 1)", "rgba(220, 223, 228, 1)"],
+  paletteA: [75, 85, 99],
+  // gray-600
+  paletteB: [55, 65, 81],
+  // gray-700
+  paletteC: [107, 114, 128],
+  // gray-500
   lineOpacity: 0.22,
-  haloOpacity: 0.14,
-  coreOpacity: 0.7,
+  haloOpacity: 0.12,
+  coreOpacity: 0.65,
   compositeOp: "source-over",
-  coreBrightenR: -20,
-  coreBrightenG: -10,
-  coreBrightenB: -10
+  coreBrightenR: -15,
+  coreBrightenG: -15,
+  coreBrightenB: -15
 };
-var verdantPreset = {
+var graphitePreset = {
   subtitleFontFamily: '"Space Grotesk", sans-serif',
   fontImports: [
     "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
-  colors: ["#10B981", "#020A07", "#F0FDF6"],
-  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: VERDANT_DARK, lightPalette: VERDANT_LIGHT }),
+  colors: ["#9CA3AF", "#08090B", "#F8F9FA"],
+  background: /* @__PURE__ */ jsx(ConstellationBackground, { darkPalette: GRAPHITE_DARK, lightPalette: GRAPHITE_LIGHT }),
   light: {
-    primary: "#059669",
+    primary: "#4B5563",
     primaryContrast: "#ffffff",
-    background: "#F0FDF6",
+    background: "#F8F9FA",
     surface: "transparent",
-    surfaceHover: "rgba(5, 150, 105, 0.08)",
-    text: "#04180F",
-    textDimmed: "#0F3A28",
-    textSubtle: "#5A7A6B",
-    border: "rgba(4, 24, 15, 0.11)",
+    surfaceHover: "rgba(75, 85, 99, 0.08)",
+    text: "#0F1214",
+    textDimmed: "#2E3338",
+    textSubtle: "#6B7280",
+    border: "rgba(15, 18, 20, 0.11)",
     error: "#DC2626",
     warning: "#F59E0B",
     success: "#16A34A",
-    glassBackground: "rgba(240, 253, 246, 0.55)",
-    glassBlur: "blur(14px) saturate(180%)",
-    shadow: "0px 1px 2px rgba(4, 24, 15, 0.04), 0px 8px 24px -8px rgba(5, 150, 105, 0.14)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(4, 24, 15, 0.04), 0 8px 24px -8px rgba(5, 150, 105, 0.12), 0 24px 48px -16px rgba(5, 150, 105, 0.08)",
+    glassBackground: "rgba(248, 249, 250, 0.42)",
+    glassBlur: "blur(20px) saturate(180%)",
+    shadow: "0px 1px 2px rgba(15, 18, 20, 0.04), 0px 8px 24px -8px rgba(75, 85, 99, 0.14)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(15, 18, 20, 0.04), 0 8px 24px -8px rgba(75, 85, 99, 0.12), 0 24px 48px -16px rgba(75, 85, 99, 0.08)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -2225,22 +1895,22 @@ var verdantPreset = {
     fontSans: '"Inter", sans-serif'
   },
   dark: {
-    primary: "#34D399",
-    primaryContrast: "#02120C",
+    primary: "#D1D5DB",
+    primaryContrast: "#0A0B0D",
     background: "#000000",
     surface: "transparent",
-    surfaceHover: "rgba(16, 185, 129, 0.08)",
-    text: "#ECFDF5",
-    textDimmed: "#A7F3D0",
-    textSubtle: "#5F9480",
-    border: "rgba(16, 185, 129, 0.12)",
+    surfaceHover: "rgba(156, 163, 175, 0.08)",
+    text: "#F3F4F6",
+    textDimmed: "#D1D5DB",
+    textSubtle: "#6B7280",
+    border: "rgba(156, 163, 175, 0.1)",
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(4, 12, 8, 0.55)",
-    glassBlur: "blur(16px) saturate(200%)",
+    glassBackground: "rgba(10, 11, 13, 0.3)",
+    glassBlur: "blur(14px) saturate(200%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(16, 185, 129, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(156, 163, 175, 0.08), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)",
     durationFast: "120ms",
     durationNormal: "220ms",
     easing: "cubic-bezier(0.22, 0, 0.1, 1)",
@@ -2257,186 +1927,6 @@ var verdantPreset = {
     }
   }
 };
-var STYLE5 = `
-  div[style*="var(--color-background)"][style*="100vh"] {
-    background-color: transparent !important;
-    isolation: isolate;
-  }
-  .canyon-bg-root {
-    position: fixed;
-    inset: 0;
-    z-index: -1;
-    overflow: hidden;
-    pointer-events: none;
-  }
-  .canyon-bg-layer {
-    position: absolute;
-    width: 150vmax;
-    height: 150vmax;
-    will-change: transform;
-  }
-  .canyon-bg-layer-1 {
-    top: -25vmax;
-    left: -25vmax;
-    background-image: repeating-radial-gradient(
-      circle at 40% 45%,
-      transparent 0px,
-      transparent 30px,
-      rgba(180, 83, 9, 0.10) 30px,
-      rgba(180, 83, 9, 0.10) 31px
-    );
-    animation: canyon-drift-1 45s ease-in-out infinite alternate;
-  }
-  .canyon-bg-layer-2 {
-    top: -10vmax;
-    right: -40vmax;
-    left: auto;
-    background-image: repeating-radial-gradient(
-      circle at 60% 35%,
-      transparent 0px,
-      transparent 40px,
-      rgba(180, 83, 9, 0.07) 40px,
-      rgba(180, 83, 9, 0.07) 41px
-    );
-    animation: canyon-drift-2 60s ease-in-out infinite alternate;
-  }
-  .canyon-bg-layer-3 {
-    bottom: -30vmax;
-    left: 10vmax;
-    top: auto;
-    background-image: repeating-radial-gradient(
-      circle at 50% 55%,
-      transparent 0px,
-      transparent 25px,
-      rgba(180, 83, 9, 0.06) 25px,
-      rgba(180, 83, 9, 0.06) 26px
-    );
-    animation: canyon-drift-3 38s ease-in-out infinite alternate;
-  }
-  [data-mantine-color-scheme="dark"] .canyon-bg-layer-1 {
-    background-image: repeating-radial-gradient(
-      circle at 40% 45%,
-      transparent 0px,
-      transparent 30px,
-      rgba(245, 158, 11, 0.08) 30px,
-      rgba(245, 158, 11, 0.08) 31px
-    );
-  }
-  [data-mantine-color-scheme="dark"] .canyon-bg-layer-2 {
-    background-image: repeating-radial-gradient(
-      circle at 60% 35%,
-      transparent 0px,
-      transparent 40px,
-      rgba(251, 191, 36, 0.06) 40px,
-      rgba(251, 191, 36, 0.06) 41px
-    );
-  }
-  [data-mantine-color-scheme="dark"] .canyon-bg-layer-3 {
-    background-image: repeating-radial-gradient(
-      circle at 50% 55%,
-      transparent 0px,
-      transparent 25px,
-      rgba(245, 158, 11, 0.05) 25px,
-      rgba(245, 158, 11, 0.05) 26px
-    );
-  }
-  @keyframes canyon-drift-1 {
-    from { transform: translate(0px, 0px); }
-    to   { transform: translate(40px, 28px); }
-  }
-  @keyframes canyon-drift-2 {
-    from { transform: translate(0px, 0px); }
-    to   { transform: translate(-36px, 48px); }
-  }
-  @keyframes canyon-drift-3 {
-    from { transform: translate(0px, 0px); }
-    to   { transform: translate(24px, -32px); }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .canyon-bg-layer-1,
-    .canyon-bg-layer-2,
-    .canyon-bg-layer-3 {
-      animation: none;
-    }
-  }
-`;
-function CanyonBackground() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: STYLE5 }),
-    /* @__PURE__ */ jsxs("div", { className: "canyon-bg-root", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx("div", { className: "canyon-bg-layer canyon-bg-layer-1" }),
-      /* @__PURE__ */ jsx("div", { className: "canyon-bg-layer canyon-bg-layer-2" }),
-      /* @__PURE__ */ jsx("div", { className: "canyon-bg-layer canyon-bg-layer-3" })
-    ] })
-  ] });
-}
-
-// src/theme/presets/canyon.tsx
-var canyonPreset = {
-  colors: ["#F59E0B", "#0A0603", "#FDF8F3"],
-  subtitleFontFamily: '"Fraunces", serif',
-  fontImports: [
-    "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap",
-    "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
-  ],
-  background: createElement(CanyonBackground),
-  light: {
-    primary: "#B45309",
-    primaryContrast: "#ffffff",
-    background: "#FDF8F3",
-    surface: "transparent",
-    surfaceHover: "rgba(180, 83, 9, 0.08)",
-    text: "#1C0F03",
-    textDimmed: "#4D3116",
-    textSubtle: "#857055",
-    border: "rgba(28, 15, 3, 0.1)",
-    error: "#C62828",
-    warning: "#E65100",
-    success: "#33691E",
-    glassBackground: "rgba(253, 248, 243, 0.6)",
-    glassBlur: "blur(14px) saturate(150%)",
-    shadow: "0px 2px 6px -2px rgba(180, 83, 9, 0.1)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(28, 15, 3, 0.05), 0 8px 24px -8px rgba(180, 83, 9, 0.12), 0 24px 48px -16px rgba(180, 83, 9, 0.06)",
-    durationFast: "140ms",
-    durationNormal: "260ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Fraunces", serif',
-    fontSans: '"Inter", sans-serif'
-  },
-  dark: {
-    primary: "#F59E0B",
-    primaryContrast: "#1C0F03",
-    background: "#0A0603",
-    surface: "transparent",
-    surfaceHover: "#1A1008",
-    text: "#FEF3C7",
-    textDimmed: "#FCD34D",
-    textSubtle: "#B8935A",
-    border: "rgba(245, 158, 11, 0.12)",
-    error: "#F87171",
-    warning: "#FBBF24",
-    success: "#4ADE80",
-    glassBackground: "rgba(16, 10, 5, 0.4)",
-    glassBlur: "blur(14px) saturate(150%)",
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(245, 158, 11, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(245, 158, 11, 0.08)",
-    durationFast: "140ms",
-    durationNormal: "260ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    destructiveFg: "#ffffff",
-    fontHeading: '"Fraunces", serif',
-    fontSans: '"Inter", sans-serif'
-  },
-  framework: {
-    fontFamily: '"Inter", sans-serif',
-    defaultRadius: "sm",
-    headings: {
-      fontFamily: '"Fraunces", serif',
-      fontWeight: "600"
-    }
-  }
-};
 
 // src/theme/presets/index.ts
 var PRESETS = {
@@ -2500,18 +1990,18 @@ var PRESETS = {
     description: "Cool azure waves and rising cyan motes",
     colors: ["#2563eb", "#050914", "#f5f8fc"]
   },
-  honey: {
-    ...honeyPreset,
-    label: "Honey",
-    description: "Warm amber optimism",
-    colors: ["#E8A820", "#110E04", "#F5F0E8"]
-  },
   canopy: {
     ...canopyPreset,
     label: "Canopy",
     description: "Lush forest grounding",
     colors: ["#4AA860", "#080F0A", "#EDF3EE"]
   },
+  honey: {
+    ...honeyPreset,
+    label: "Honey",
+    description: "Warm amber optimism",
+    colors: ["#E8A820", "#110E04", "#F5F0E8"]
+  },
   "cyber-volt": {
     ...cyberVoltPreset,
     label: "Cyber-Volt",
@@ -2548,24 +2038,24 @@ var PRESETS = {
     description: "Azure cortical constellation",
     colors: ["#60A5FA", "#02050E", "#F0F6FF"]
   },
+  graphite: {
+    ...graphitePreset,
+    label: "Graphite",
+    description: "Monochrome carbon lattice",
+    colors: ["#D1D5DB", "#08090B", "#F8F9FA"]
+  },
   helios: {
     ...heliosPreset,
     label: "Helios",
     description: "Golden stellar network",
     colors: ["#FBBF24", "#0C0702", "#FFFBF0"]
-  },
-  verdant: {
-    ...verdantPreset,
-    label: "Verdant",
-    description: "Bioluminescent mycelial lattice",
-    colors: ["#34D399", "#020A07", "#F0FDF6"]
-  },
-  canyon: {
-    ...canyonPreset,
-    label: "Canyon",
-    description: "Amber topographic drift",
-    colors: ["#F59E0B", "#0A0603", "#FDF8F3"]
   }
+  // canyon: {
+  //   ...canyonPreset,
+  //   label: 'Canyon',
+  //   description: 'Amber topographic drift',
+  //   colors: ['#F59E0B', '#0A0603', '#FDF8F3']
+  // }
   // abyss: {
   //   ...abyssPreset,
   //   label: 'Abyss',