omnieye-theme-studio 1.2.6 → 1.2.7

package/dist/index.esm.js

@@ -155,7 +155,7 @@ function pi() {
         }
       }
     }
-    var k = c, R = g, z = l, I = a, X = r, Q = f, Y = n, d = x, B = h, A = t, L = s, N = o, K = m, U = !1;
+    var k = c, R = g, z = l, B = a, X = r, Q = f, Y = n, d = x, I = h, A = t, L = s, N = o, K = m, U = !1;
     function J(_) {
       return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), P(_) || C(_) === c;
     }
@@ -195,7 +195,7 @@ function pi() {
     function te(_) {
       return C(_) === m;
     }
-    oe.AsyncMode = k, oe.ConcurrentMode = R, oe.ContextConsumer = z, oe.ContextProvider = I, oe.Element = X, oe.ForwardRef = Q, oe.Fragment = Y, oe.Lazy = d, oe.Memo = B, oe.Portal = A, oe.Profiler = L, oe.StrictMode = N, oe.Suspense = K, oe.isAsyncMode = J, oe.isConcurrentMode = P, oe.isContextConsumer = D, oe.isContextProvider = q, oe.isElement = V, oe.isForwardRef = G, oe.isFragment = M, oe.isLazy = w, oe.isMemo = O, oe.isPortal = F, oe.isProfiler = E, oe.isStrictMode = W, oe.isSuspense = te, oe.isValidElementType = H, oe.typeOf = C;
+    oe.AsyncMode = k, oe.ConcurrentMode = R, oe.ContextConsumer = z, oe.ContextProvider = B, oe.Element = X, oe.ForwardRef = Q, oe.Fragment = Y, oe.Lazy = d, oe.Memo = I, oe.Portal = A, oe.Profiler = L, oe.StrictMode = N, oe.Suspense = K, oe.isAsyncMode = J, oe.isConcurrentMode = P, oe.isContextConsumer = D, oe.isContextProvider = q, oe.isElement = V, oe.isForwardRef = G, oe.isFragment = M, oe.isLazy = w, oe.isMemo = O, oe.isPortal = F, oe.isProfiler = E, oe.isStrictMode = W, oe.isSuspense = te, oe.isValidElementType = H, oe.typeOf = C;
   })()), oe;
 }
 var nn;
@@ -352,11 +352,11 @@ function hi() {
       elementType: k(),
       instanceOf: R,
       node: Q(),
-      objectOf: I,
+      objectOf: B,
       oneOf: z,
       oneOfType: X,
       shape: d,
-      exact: B
+      exact: I
     };
     function x(P, D) {
       return P === D ? P !== 0 || 1 / P === 1 / D : P !== P && D !== D;
@@ -472,7 +472,7 @@ function hi() {
       }
       return b(D);
     }
-    function I(P) {
+    function B(P) {
       function D(q, V, G, M, w) {
         if (typeof P != "function")
           return new u("Property `" + w + "` of component `" + G + "` has invalid PropType notation inside objectOf.");
@@ -539,7 +539,7 @@ function hi() {
       }
       return b(D);
     }
-    function B(P) {
+    function I(P) {
       function D(q, V, G, M, w) {
         var O = q[V], F = N(O);
         if (F !== "object")
@@ -1096,18 +1096,18 @@ function _r(e) {
 function At(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Ii(e, r) {
+function Bi(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = At(r, t), n), {});
 }
-function Bi(e, r, t, n) {
+function Ii(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = $i(t), s = Ii(o, n), a = e[t];
+  const o = $i(t), s = Bi(o, n), a = e[t];
   return Le(e, a, s);
 }
 function Gn(e, r) {
   const t = _r(e.theme);
-  return Object.keys(e).map((n) => Bi(e, r, n, t)).reduce(Ht, {});
+  return Object.keys(e).map((n) => Ii(e, r, n, t)).reduce(Ht, {});
 }
 function fe(e) {
   return Gn(e, rr);
@@ -2099,7 +2099,7 @@ function Qn(e, r, t = [], n = void 0) {
   }
   return t;
 }
-function Ia(e = {}) {
+function Ba(e = {}) {
   const {
     themeId: r,
     defaultTheme: t = Pa,
@@ -2135,8 +2135,8 @@ function Ia(e = {}) {
       if (R.__emotion_real === R)
         return R;
       if (typeof R == "function")
-        return function(I) {
-          return Jt(I, R, I.theme.modularCssLayers ? u : void 0);
+        return function(B) {
+          return Jt(B, R, B.theme.modularCssLayers ? u : void 0);
         };
       if (We(R)) {
         const z = Xn(R);
@@ -2146,32 +2146,32 @@ function Ia(e = {}) {
       }
       return R;
     }, k = (...R) => {
-      const z = [], I = R.map(C), X = [];
-      if (z.push(s), g && h && X.push(function(B) {
+      const z = [], B = R.map(C), X = [];
+      if (z.push(s), g && h && X.push(function(I) {
         var K, U;
-        const L = (U = (K = B.theme.components) == null ? void 0 : K[g]) == null ? void 0 : U.styleOverrides;
+        const L = (U = (K = I.theme.components) == null ? void 0 : K[g]) == null ? void 0 : U.styleOverrides;
         if (!L)
           return null;
         const N = {};
         for (const J in L)
-          N[J] = Jt(B, L[J], B.theme.modularCssLayers ? "theme" : void 0);
-        return h(B, N);
-      }), g && !b && X.push(function(B) {
+          N[J] = Jt(I, L[J], I.theme.modularCssLayers ? "theme" : void 0);
+        return h(I, N);
+      }), g && !b && X.push(function(I) {
         var N, K;
-        const A = B.theme, L = (K = (N = A == null ? void 0 : A.components) == null ? void 0 : N[g]) == null ? void 0 : K.variants;
-        return L ? Qn(B, L, [], B.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), v || X.push(vt), Array.isArray(I[0])) {
-        const d = I.shift(), B = new Array(z.length).fill(""), A = new Array(X.length).fill("");
+        const A = I.theme, L = (K = (N = A == null ? void 0 : A.components) == null ? void 0 : N[g]) == null ? void 0 : K.variants;
+        return L ? Qn(I, L, [], I.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), v || X.push(vt), Array.isArray(B[0])) {
+        const d = B.shift(), I = new Array(z.length).fill(""), A = new Array(X.length).fill("");
         let L;
-        L = [...B, ...d, ...A], L.raw = [...B, ...d.raw, ...A], z.unshift(L);
+        L = [...I, ...d, ...A], L.raw = [...I, ...d.raw, ...A], z.unshift(L);
       }
-      const Q = [...z, ...I, ...X], Y = H(...Q);
-      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Ba(g, f, l)), Y;
+      const Q = [...z, ...B, ...X], Y = H(...Q);
+      return l.muiName && (Y.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Y.displayName = Ia(g, f, l)), Y;
     };
     return H.withConfig && (k.withConfig = H.withConfig), k;
   };
 }
-function Ba(e, r, t) {
+function Ia(e, r, t) {
   return e ? `${e}${lt(r || "")}` : `Styled(${Ha(t)})`;
 }
 function Oa(e, r) {
@@ -2293,13 +2293,13 @@ function eo(e) {
     values: c
   });
 }
-function Ir(e) {
+function Br(e) {
   e = Ke(e);
   let r = e.type === "hsl" || e.type === "hsla" ? Ke(eo(e)).values : e.values;
   return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
 function kn(e, r) {
-  const t = Ir(e), n = Ir(r);
+  const t = Br(e), n = Br(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
 function to(e, r) {
@@ -2346,7 +2346,7 @@ function ae(e, r, t) {
   }
 }
 function _a(e, r = 0.15) {
-  return Ir(e) > 0.5 ? pr(e, r) : ur(e, r);
+  return Br(e) > 0.5 ? pr(e, r) : ur(e, r);
 }
 function Vt(e, r, t) {
   try {
@@ -2461,9 +2461,9 @@ function Ja(e, r = {}) {
     const {
       vars: R,
       css: z,
-      varsWithDefaults: I
+      varsWithDefaults: B
     } = kr(k, r);
-    h = Pe(h, I), x[C] = {
+    h = Pe(h, B), x[C] = {
       css: z,
       vars: R
     };
@@ -2479,12 +2479,12 @@ function Ja(e, r = {}) {
     };
   }
   function v(C, k) {
-    var z, I;
+    var z, B;
     let R = o;
     if (o === "class" && (R = ".%s"), o === "data" && (R = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (R = `[${o}="%s"]`), C) {
       if (R === "media")
         return e.defaultColorScheme === C ? ":root" : {
-          [`@media (prefers-color-scheme: ${((I = (z = a[C]) == null ? void 0 : z.palette) == null ? void 0 : I.mode) || C})`]: {
+          [`@media (prefers-color-scheme: ${((B = (z = a[C]) == null ? void 0 : z.palette) == null ? void 0 : B.mode) || C})`]: {
             ":root": k
           }
         };
@@ -2520,27 +2520,27 @@ function Ja(e, r = {}) {
       }), m);
       const {
         [k]: z,
-        ...I
+        ...B
       } = x;
       if (z) {
         const {
           css: Y
-        } = z, d = (Q = (X = a[k]) == null ? void 0 : X.palette) == null ? void 0 : Q.mode, B = !n && d ? {
+        } = z, d = (Q = (X = a[k]) == null ? void 0 : X.palette) == null ? void 0 : Q.mode, I = !n && d ? {
           colorScheme: d,
           ...Y
         } : {
           ...Y
         };
         R(t(k, {
-          ...B
-        }), B);
+          ...I
+        }), I);
       }
-      return Object.entries(I).forEach(([Y, {
+      return Object.entries(B).forEach(([Y, {
         css: d
       }]) => {
         var L, N;
-        const B = (N = (L = a[Y]) == null ? void 0 : L.palette) == null ? void 0 : N.mode, A = !n && B ? {
-          colorScheme: B,
+        const I = (N = (L = a[Y]) == null ? void 0 : L.palette) == null ? void 0 : N.mode, A = !n && I ? {
+          colorScheme: I,
           ...d
         } : {
           ...d
@@ -2691,7 +2691,7 @@ function oo() {
     }
   };
 }
-const Br = oo();
+const Ir = oo();
 function En(e, r, t, n) {
   const o = n.light || n, s = n.dark || n * 1.5;
   e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = ur(e.main, o) : r === "dark" && (e.dark = pr(e.main, s)));
@@ -2781,7 +2781,7 @@ function Vr(e) {
   function y(b) {
     if (o)
       return ns(b);
-    const v = kn(b, Br.text.primary) >= t ? Br.text.primary : no.text.primary;
+    const v = kn(b, Ir.text.primary) >= t ? Ir.text.primary : no.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const $ = kn(b, v);
       $ < 3 && console.error([`MUI: The contrast ratio of ${$}:1 for ${v} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
@@ -3076,7 +3076,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function In(e) {
+function Bn(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
 const bs = (e) => {
@@ -3098,11 +3098,11 @@ function xs(e) {
     },
     lighten(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${In(t)})` : ur(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${Bn(t)})` : ur(r, t);
     },
     darken(r, t) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${In(t)})` : pr(r, t);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${Bn(t)})` : pr(r, t);
     }
   });
 }
@@ -3276,7 +3276,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
 function Es(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const Be = (e) => {
+const Ie = (e) => {
   try {
     return e();
   } catch {
@@ -3362,7 +3362,7 @@ function Ps(e = {}, ...r) {
     spacing: Es(f.spacing)
   };
   Object.keys(R.colorSchemes).forEach((Y) => {
-    const d = R.colorSchemes[Y].palette, B = (L) => {
+    const d = R.colorSchemes[Y].palette, I = (L) => {
       const N = L.split("-"), K = N[1], U = N[2];
       return h(L, d[K][U]);
     };
@@ -3375,14 +3375,14 @@ function Ps(e = {}, ...r) {
       return L(N, K);
     }
     if (Rs(d, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), d.mode === "light") {
-      T(d.Alert, "errorColor", A(ie, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ie, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ie, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-main")), T(d.Alert, "infoFilledBg", B("palette-info-main")), T(d.Alert, "successFilledBg", B("palette-success-main")), T(d.Alert, "warningFilledBg", B("palette-warning-main")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(ae, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ae, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ae, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-100")), T(d.Avatar, "defaultBg", B("palette-grey-400")), T(d.Button, "inheritContainedBg", B("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-A100")), T(d.Chip, "defaultBorder", B("palette-grey-400")), T(d.Chip, "defaultAvatarColor", B("palette-grey-700")), T(d.Chip, "defaultIconColor", B("palette-grey-700")), T(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), T(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), T(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), T(d.LinearProgress, "primaryBg", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ae, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${B("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62));
+      T(d.Alert, "errorColor", A(ie, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ie, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ie, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", I("palette-error-main")), T(d.Alert, "infoFilledBg", I("palette-info-main")), T(d.Alert, "successFilledBg", I("palette-success-main")), T(d.Alert, "warningFilledBg", I("palette-warning-main")), T(d.Alert, "errorFilledColor", Ie(() => d.getContrastText(d.error.main))), T(d.Alert, "infoFilledColor", Ie(() => d.getContrastText(d.info.main))), T(d.Alert, "successFilledColor", Ie(() => d.getContrastText(d.success.main))), T(d.Alert, "warningFilledColor", Ie(() => d.getContrastText(d.warning.main))), T(d.Alert, "errorStandardBg", A(ae, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ae, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ae, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", I("palette-error-main")), T(d.Alert, "infoIconColor", I("palette-info-main")), T(d.Alert, "successIconColor", I("palette-success-main")), T(d.Alert, "warningIconColor", I("palette-warning-main")), T(d.AppBar, "defaultBg", I("palette-grey-100")), T(d.Avatar, "defaultBg", I("palette-grey-400")), T(d.Button, "inheritContainedBg", I("palette-grey-300")), T(d.Button, "inheritContainedHoverBg", I("palette-grey-A100")), T(d.Chip, "defaultBorder", I("palette-grey-400")), T(d.Chip, "defaultAvatarColor", I("palette-grey-700")), T(d.Chip, "defaultIconColor", I("palette-grey-700")), T(d.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), T(d.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), T(d.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), T(d.LinearProgress, "primaryBg", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.LinearProgress, "secondaryBg", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.LinearProgress, "errorBg", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.LinearProgress, "infoBg", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.LinearProgress, "successBg", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.LinearProgress, "warningBg", A(ae, a ? h("palette-warning-light") : d.warning.main, 0.62)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.11) : `rgba(${I("palette-text-primaryChannel")} / 0.11)`), T(d.Slider, "primaryTrack", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Slider, "secondaryTrack", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Slider, "errorTrack", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Slider, "infoTrack", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Slider, "successTrack", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Slider, "warningTrack", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62));
       const L = C ? A(ie, a ? h("palette-background-default") : d.background.default, 0.6825) : Vt(d.background.default, 0.8);
-      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? Br.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-400")), T(d.StepContent, "border", B("palette-grey-400")), T(d.Switch, "defaultColor", B("palette-common-white")), T(d.Switch, "defaultDisabledColor", B("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ae, rt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Ie(() => C ? Ir.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-400")), T(d.StepContent, "border", I("palette-grey-400")), T(d.Switch, "defaultColor", I("palette-common-white")), T(d.Switch, "defaultDisabledColor", I("palette-grey-100")), T(d.Switch, "primaryDisabledColor", A(ae, a ? h("palette-primary-main") : d.primary.main, 0.62)), T(d.Switch, "secondaryDisabledColor", A(ae, a ? h("palette-secondary-main") : d.secondary.main, 0.62)), T(d.Switch, "errorDisabledColor", A(ae, a ? h("palette-error-main") : d.error.main, 0.62)), T(d.Switch, "infoDisabledColor", A(ae, a ? h("palette-info-main") : d.info.main, 0.62)), T(d.Switch, "successDisabledColor", A(ae, a ? h("palette-success-main") : d.success.main, 0.62)), T(d.Switch, "warningDisabledColor", A(ae, a ? h("palette-warning-main") : d.warning.main, 0.62)), T(d.TableCell, "border", A(ae, rt(a ? h("palette-divider") : d.divider, 1), 0.88)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
     if (d.mode === "dark") {
-      T(d.Alert, "errorColor", A(ae, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ae, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ae, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", B("palette-error-dark")), T(d.Alert, "infoFilledBg", B("palette-info-dark")), T(d.Alert, "successFilledBg", B("palette-success-dark")), T(d.Alert, "warningFilledBg", B("palette-warning-dark")), T(d.Alert, "errorFilledColor", Be(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Be(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Be(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Be(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(ie, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ie, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ie, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", B("palette-error-main")), T(d.Alert, "infoIconColor", B("palette-info-main")), T(d.Alert, "successIconColor", B("palette-success-main")), T(d.Alert, "warningIconColor", B("palette-warning-main")), T(d.AppBar, "defaultBg", B("palette-grey-900")), T(d.AppBar, "darkBg", B("palette-background-paper")), T(d.AppBar, "darkColor", B("palette-text-primary")), T(d.Avatar, "defaultBg", B("palette-grey-600")), T(d.Button, "inheritContainedBg", B("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", B("palette-grey-700")), T(d.Chip, "defaultBorder", B("palette-grey-700")), T(d.Chip, "defaultAvatarColor", B("palette-grey-300")), T(d.Chip, "defaultIconColor", B("palette-grey-300")), T(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), T(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), T(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), T(d.LinearProgress, "primaryBg", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${B("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.5));
+      T(d.Alert, "errorColor", A(ae, a ? h("palette-error-light") : d.error.light, 0.6)), T(d.Alert, "infoColor", A(ae, a ? h("palette-info-light") : d.info.light, 0.6)), T(d.Alert, "successColor", A(ae, a ? h("palette-success-light") : d.success.light, 0.6)), T(d.Alert, "warningColor", A(ae, a ? h("palette-warning-light") : d.warning.light, 0.6)), T(d.Alert, "errorFilledBg", I("palette-error-dark")), T(d.Alert, "infoFilledBg", I("palette-info-dark")), T(d.Alert, "successFilledBg", I("palette-success-dark")), T(d.Alert, "warningFilledBg", I("palette-warning-dark")), T(d.Alert, "errorFilledColor", Ie(() => d.getContrastText(d.error.dark))), T(d.Alert, "infoFilledColor", Ie(() => d.getContrastText(d.info.dark))), T(d.Alert, "successFilledColor", Ie(() => d.getContrastText(d.success.dark))), T(d.Alert, "warningFilledColor", Ie(() => d.getContrastText(d.warning.dark))), T(d.Alert, "errorStandardBg", A(ie, a ? h("palette-error-light") : d.error.light, 0.9)), T(d.Alert, "infoStandardBg", A(ie, a ? h("palette-info-light") : d.info.light, 0.9)), T(d.Alert, "successStandardBg", A(ie, a ? h("palette-success-light") : d.success.light, 0.9)), T(d.Alert, "warningStandardBg", A(ie, a ? h("palette-warning-light") : d.warning.light, 0.9)), T(d.Alert, "errorIconColor", I("palette-error-main")), T(d.Alert, "infoIconColor", I("palette-info-main")), T(d.Alert, "successIconColor", I("palette-success-main")), T(d.Alert, "warningIconColor", I("palette-warning-main")), T(d.AppBar, "defaultBg", I("palette-grey-900")), T(d.AppBar, "darkBg", I("palette-background-paper")), T(d.AppBar, "darkColor", I("palette-text-primary")), T(d.Avatar, "defaultBg", I("palette-grey-600")), T(d.Button, "inheritContainedBg", I("palette-grey-800")), T(d.Button, "inheritContainedHoverBg", I("palette-grey-700")), T(d.Chip, "defaultBorder", I("palette-grey-700")), T(d.Chip, "defaultAvatarColor", I("palette-grey-300")), T(d.Chip, "defaultIconColor", I("palette-grey-300")), T(d.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), T(d.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), T(d.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), T(d.LinearProgress, "primaryBg", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.LinearProgress, "secondaryBg", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.LinearProgress, "errorBg", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.LinearProgress, "infoBg", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.LinearProgress, "successBg", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.LinearProgress, "warningBg", A(ie, a ? h("palette-warning-main") : d.warning.main, 0.5)), T(d.Skeleton, "bg", C ? A(rt, a ? h("palette-text-primary") : d.text.primary, 0.13) : `rgba(${I("palette-text-primaryChannel")} / 0.13)`), T(d.Slider, "primaryTrack", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.5)), T(d.Slider, "secondaryTrack", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.5)), T(d.Slider, "errorTrack", A(ie, a ? h("palette-error-main") : d.error.main, 0.5)), T(d.Slider, "infoTrack", A(ie, a ? h("palette-info-main") : d.info.main, 0.5)), T(d.Slider, "successTrack", A(ie, a ? h("palette-success-main") : d.success.main, 0.5)), T(d.Slider, "warningTrack", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.5));
       const L = C ? A(ae, a ? h("palette-background-default") : d.background.default, 0.985) : Vt(d.background.default, 0.98);
-      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Be(() => C ? no.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", B("palette-grey-600")), T(d.StepContent, "border", B("palette-grey-600")), T(d.Switch, "defaultColor", B("palette-grey-300")), T(d.Switch, "defaultDisabledColor", B("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(ie, rt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
+      T(d.SnackbarContent, "bg", L), T(d.SnackbarContent, "color", Ie(() => C ? no.text.primary : d.getContrastText(L))), T(d.SpeedDialAction, "fabHoverBg", Vt(d.background.paper, 0.15)), T(d.StepConnector, "border", I("palette-grey-600")), T(d.StepContent, "border", I("palette-grey-600")), T(d.Switch, "defaultColor", I("palette-grey-300")), T(d.Switch, "defaultDisabledColor", I("palette-grey-600")), T(d.Switch, "primaryDisabledColor", A(ie, a ? h("palette-primary-main") : d.primary.main, 0.55)), T(d.Switch, "secondaryDisabledColor", A(ie, a ? h("palette-secondary-main") : d.secondary.main, 0.55)), T(d.Switch, "errorDisabledColor", A(ie, a ? h("palette-error-main") : d.error.main, 0.55)), T(d.Switch, "infoDisabledColor", A(ie, a ? h("palette-info-main") : d.info.main, 0.55)), T(d.Switch, "successDisabledColor", A(ie, a ? h("palette-success-main") : d.success.main, 0.55)), T(d.Switch, "warningDisabledColor", A(ie, a ? h("palette-warning-light") : d.warning.main, 0.55)), T(d.TableCell, "border", A(ie, rt(a ? h("palette-divider") : d.divider, 1), 0.68)), T(d.Tooltip, "bg", A(rt, a ? h("palette-grey-700") : d.grey[700], 0.92));
     }
     a || (Me(d.background, "default"), Me(d.background, "paper"), Me(d.common, "background"), Me(d.common, "onBackground"), Me(d, "divider")), Object.keys(d).forEach((L) => {
       const N = d[L];
@@ -3396,11 +3396,11 @@ function Ps(e = {}, ...r) {
     getSelector: Ts(R),
     enableContrastVars: a
   }, {
-    vars: I,
+    vars: B,
     generateThemeVars: X,
     generateStyleSheets: Q
   } = Ja(R, z);
-  return R.vars = I, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([Y, d]) => {
+  return R.vars = B, Object.entries(R.colorSchemes[R.defaultColorScheme]).forEach(([Y, d]) => {
     R[Y] = d;
   }), R.generateThemeVars = X, R.generateStyleSheets = Q, R.generateSpacing = function() {
     return Jn(f.spacing, _r(this));
@@ -3414,7 +3414,7 @@ function Ps(e = {}, ...r) {
     });
   }, R.toRuntimeSource = io, R;
 }
-function Bn(e, r, t) {
+function In(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
     ...t !== !0 && t,
     palette: Vr({
@@ -3456,10 +3456,10 @@ function lo(e = {}, ...r) {
     return m.defaultColorScheme = l, m.colorSchemes = g, m.palette.mode === "light" && (m.colorSchemes.light = {
       ...g.light !== !0 && g.light,
       palette: m.palette
-    }, Bn(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+    }, In(m, "dark", g.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
       ...g.dark !== !0 && g.dark,
       palette: m.palette
-    }, Bn(m, "light", g.light)), m;
+    }, In(m, "light", g.light)), m;
   }
   return !t && !("light" in g) && l === "light" && (g.light = !0), Ps({
     ...a,
@@ -3469,13 +3469,13 @@ function lo(e = {}, ...r) {
   }, ...r);
 }
 const $s = lo(), As = "$$material";
-function Is(e) {
+function Bs(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Bs = (e) => Is(e) && e !== "classes", Os = Ia({
+const Is = (e) => Bs(e) && e !== "classes", Os = Ba({
   themeId: As,
   defaultTheme: $s,
-  rootShouldForwardProp: Bs
+  rootShouldForwardProp: Is
 }), Ds = Va;
 process.env.NODE_ENV !== "production" && (re.node, re.object.isRequired);
 function Ms(e) {
@@ -3712,7 +3712,7 @@ process.env.NODE_ENV !== "production" && (Qt.propTypes = {
   viewBox: re.string
 });
 Qt.muiName = "SvgIcon";
-function It(e, r) {
+function Bt(e, r) {
   function t(n, o) {
     return /* @__PURE__ */ i(Qt, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
@@ -3723,13 +3723,13 @@ function It(e, r) {
   }
   return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = Qt.muiName, /* @__PURE__ */ qe.memo(/* @__PURE__ */ qe.forwardRef(t));
 }
-const _s = It(/* @__PURE__ */ i("path", {
+const _s = Bt(/* @__PURE__ */ i("path", {
   d: "M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1M3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1m10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1M7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1m14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1m-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"
-}), "TuneRounded"), Ls = It(/* @__PURE__ */ i("path", {
+}), "TuneRounded"), Ls = Bt(/* @__PURE__ */ i("path", {
   d: "M12 5V3.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V7c3.31 0 6 2.69 6 6 0 2.72-1.83 5.02-4.31 5.75-.42.12-.69.52-.69.95 0 .65.62 1.16 1.25.97C17.57 19.7 20 16.64 20 13c0-4.42-3.58-8-8-8m-6 8c0-1.34.44-2.58 1.19-3.59.3-.4.26-.95-.09-1.31-.42-.42-1.14-.38-1.5.1-1 1.34-1.6 3-1.6 4.8 0 3.64 2.43 6.7 5.75 7.67.63.19 1.25-.32 1.25-.97 0-.43-.27-.83-.69-.95C7.83 18.02 6 15.72 6 13"
-}), "RestartAltRounded"), Ns = It(/* @__PURE__ */ i("path", {
+}), "RestartAltRounded"), Ns = Bt(/* @__PURE__ */ i("path", {
   d: "M9.37 5.51c-.18.64-.27 1.31-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1"
-}), "DarkModeOutlined"), js = It(/* @__PURE__ */ i("path", {
+}), "DarkModeOutlined"), js = Bt(/* @__PURE__ */ i("path", {
   d: "M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z"
 }), "LightModeOutlined"), On = (e) => {
   let r;
@@ -3902,6 +3902,8 @@ const Dr = (e) => (r) => {
   primaryHex: "#4F6BFF",
   secondaryHex: "#22D3EE",
   highlightHex: "",
+  videoShadowLight: "",
+  videoShadowDark: "",
   errorHex: "#d32f2f",
   warningHex: "#ed6c02",
   infoHex: "#0288d1",
@@ -3994,7 +3996,10 @@ const Dr = (e) => (r) => {
   loginPanelColor: "",
   loginImgOpacity: 0,
   loginCardW: 0
-}, Fe = (e) => JSON.stringify(e);
+}, Fe = (e) => {
+  const { mode: r, ...t } = e;
+  return JSON.stringify(t);
+};
 function Rr(e) {
   const r = { ...Oe };
   if (e && typeof e == "object")
@@ -4022,7 +4027,16 @@ const j = co()(
       baseline: Fe(Oe),
       editingSavedId: null,
       lastImportedId: null,
-      set: (t) => e((n) => ({ settings: { ...n.settings, ...t, presetId: "custom" } })),
+      set: (t) => e((n) => {
+        const o = Object.keys(t), s = o.length > 0 && o.every((a) => a === "mode");
+        return {
+          settings: {
+            ...n.settings,
+            ...t,
+            ...s ? {} : { presetId: "custom" }
+          }
+        };
+      }),
       applyPreset: (t, n) => e((o) => {
         const s = { ...o.settings, ...n, presetId: t };
         return { settings: s, baseline: Fe(s), editingSavedId: null, lastImportedId: null };
@@ -4031,7 +4045,7 @@ const j = co()(
       captureBaseline: () => e((t) => ({ baseline: Fe(t.settings) })),
       restoreBaseline: () => e((t) => {
         try {
-          return { settings: JSON.parse(t.baseline) };
+          return { settings: { ...JSON.parse(t.baseline), mode: t.settings.mode } };
         } catch {
           return {};
         }
@@ -4201,7 +4215,7 @@ function Ur(e) {
   n ? (a.bgDefault = pe(C[0], Math.round(C[1] * 0.7), 7), a.paper = pe(C[0], Math.round(C[1] * 0.7), 13), a.paper2 = pe(C[0], Math.round(C[1] * 0.85), 19)) : (a.bgDefault = "#ffffff", a.paper = "#ffffff", a.paper2 = pe(C[0], Math.round(C[1] * 0.85), e.surfaceTint === "brand" ? 95 : 96.5)), e.pageBgHex && (a.bgDefault = e.pageBgHex), e.cardBgHex && (a.paper = e.cardBgHex);
   const k = { soft: 0, standard: 1, medium: 2, high: 3 }, R = k[e.contrast] !== void 0 ? k[e.contrast] : 1, z = n ? [["rgba(255,255,255,0.82)", "rgba(255,255,255,0.55)", "rgba(255,255,255,0.09)", "rgba(255,255,255,0.16)"], ["rgba(255,255,255,0.92)", "rgba(255,255,255,0.62)", "rgba(255,255,255,0.12)", "rgba(255,255,255,0.23)"], ["rgba(255,255,255,0.96)", "rgba(255,255,255,0.74)", "rgba(255,255,255,0.18)", "rgba(255,255,255,0.34)"], ["#ffffff", "rgba(255,255,255,0.87)", "rgba(255,255,255,0.26)", "rgba(255,255,255,0.46)"]] : [["rgba(0,0,0,0.72)", "rgba(0,0,0,0.5)", "rgba(0,0,0,0.08)", "rgba(0,0,0,0.16)"], ["rgba(0,0,0,0.87)", "rgba(0,0,0,0.6)", "rgba(0,0,0,0.12)", "rgba(0,0,0,0.23)"], ["rgba(0,0,0,0.92)", "rgba(0,0,0,0.7)", "rgba(0,0,0,0.18)", "rgba(0,0,0,0.34)"], ["#000000", "rgba(0,0,0,0.8)", "rgba(0,0,0,0.24)", "rgba(0,0,0,0.46)"]];
   a.textPrimary = z[R][0], a.textSecondary = z[R][1], a.divider = z[R][2], a.outline = z[R][3], e.textPrimaryHex && (a.textPrimary = e.textPrimaryHex), e.textSecondaryHex && (a.textSecondary = e.textSecondaryHex), e.dividerHex && (a.divider = e.dividerHex), e.nestedStyle === "lighter" ? a.paper2 = n ? pe(C[0], Math.round(C[1] * 0.9), 22) : pe(C[0], Math.max(Math.round(C[1] * 0.3), 4), 100) : e.nestedStyle === "bordered" ? a.paper2 = a.paper : a.paper2 = n ? pe(C[0], Math.round(C[1] * 0.9), Math.max(3, 5)) : pe(C[0], Math.min(Math.round(C[1] * 1.1), 60), Math.max(88, 94 - C[1] * 0.18));
-  const I = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + I + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : I, Q = e.btnTextHex || (Er(I, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, B = e.h3Color || null, A = e.h4Color || null, L = e.h5Color || null, N = e.h6Color || null, K = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = K.find((be) => be.key === e.textSize) || K[1], J = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, q = Math.round(D * 1.1), V = D, G = Math.max(Math.round(D * 0.9), 11), M = Math.max(Math.round(D * 0.8), 11), w = Math.max(Math.round(D * 0.7), 10), O = Math.max(Math.round(D * 0.6), 10), F = Math.max(Math.round(D * 0.5), 9), E = J, W = Math.round(J * 0.92), te = Math.round(J * 0.8), _ = Math.round(J * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Qe = Math.min(900, je + 200), Ze = { compact: 0.82, default: 1, comfortable: 1.16 }, Ie = e.densityScale > 0 ? e.densityScale / 100 : Ze[e.density] ?? 1, fr = Math.round(20 * Ie), Ve = Math.round(14 * Ie), Bt = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Ie), et = Math.round(11 * Ie * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Ie), ee = e.radiusVal, St = ee + "px", Ct = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = de(o, n ? 0.22 : 0.14), Ye = {
+  const B = e.btnColorHex || o, X = e.accentGradient ? "linear-gradient(135deg," + B + "," + (e.btnColorHex ? Re(e.btnColorHex)[700] : r[n ? 500 : 700]) + ")" : B, Q = e.btnTextHex || (Er(B, "#ffffff") >= 2.9 ? "#ffffff" : "rgba(0,0,0,0.87)"), Y = e.h1Color || null, d = e.h2Color || null, I = e.h3Color || null, A = e.h4Color || null, L = e.h5Color || null, N = e.h6Color || null, K = [{ key: "sm", px: 13 }, { key: "df", px: 12 }, { key: "lg", px: 18 }], U = K.find((be) => be.key === e.textSize) || K[1], J = e.baseFontPx > 0 ? e.baseFontPx : U.px, P = e.bodyLineHeight > 0 ? e.bodyLineHeight : 1.5, D = e.h1Size > 0 ? e.h1Size : 20, q = Math.round(D * 1.1), V = D, G = Math.max(Math.round(D * 0.9), 11), M = Math.max(Math.round(D * 0.8), 11), w = Math.max(Math.round(D * 0.7), 10), O = Math.max(Math.round(D * 0.6), 10), F = Math.max(Math.round(D * 0.5), 9), E = J, W = Math.round(J * 0.92), te = Math.round(J * 0.8), _ = Math.round(J * 0.72), me = e.headingWeight, Ne = e.headingLH > 0 ? e.headingLH : 1.2, je = e.bodyWeight > 0 ? e.bodyWeight : 400, Qe = Math.min(900, je + 200), Ze = { compact: 0.82, default: 1, comfortable: 1.16 }, Be = e.densityScale > 0 ? e.densityScale / 100 : Ze[e.density] ?? 1, fr = Math.round(20 * Be), Ve = Math.round(14 * Be), It = e.cardGapPx > 0 ? e.cardGapPx : Math.round(16 * Be), et = Math.round(11 * Be * ({ compact: 0.66, default: 1, comfortable: 1.32 }[e.tableDensity] ?? 1)), Ue = e.containerPadPx > 0 ? e.containerPadPx : Math.round(10 * Be), ee = e.radiusVal, St = ee + "px", Ct = Math.max(Math.round(ee * 0.6), 2) + "px", Ge = de(o, n ? 0.22 : 0.14), Ye = {
     0: "none",
     1: n ? `0 2px 8px -1px ${Ge}, 0 2px 4px 0 rgba(0,0,0,0.28)` : `0 2px 6px -1px ${Ge}, 0 1px 3px 0 rgba(0,0,0,0.08)`,
     2: n ? `0 4px 14px -2px ${Ge}, 0 3px 8px 0 rgba(0,0,0,0.32)` : `0 3px 8px -2px ${Ge}, 0 2px 6px 0 rgba(0,0,0,0.08)`,
@@ -4225,7 +4239,7 @@ function Ur(e) {
     cbsafe: ["#0072B2", "#E69F00", "#009E73", "#CC79A7", "#56B4E9"],
     warm: [ve(8), ve(28), ve(45), ve(350), ve(18)],
     cool: [ve(200), ve(220), ve(255), ve(180), ve(235)]
-  }, Co = Kr[e.chartScheme] || Kr.brand, wo = [r[600], t[600], pe((Se + 42) % 360, 55, 46), pe((Se + 205) % 360, 50, 46)], ko = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, gr = e.mapGlass === "light", To = gr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", Ro = gr ? "#1c2733" : "#f3f6fa", Eo = gr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Ho = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + de(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Po = "linear-gradient(135deg," + o + "," + r[700] + ")", $o = "linear-gradient(180deg," + de(r[900], 0.12) + "," + de(r[900], 0.55) + ")", Ao = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Io = "linear-gradient(135deg," + de(r[900], 0.55) + "," + de(e.primaryHex, 0.45) + ")", Xr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Bo = Xr[e.notifPosition] || Xr["top-right"], Qr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
+  }, Co = Kr[e.chartScheme] || Kr.brand, wo = [r[600], t[600], pe((Se + 42) % 360, 55, 46), pe((Se + 205) % 360, 50, 46)], ko = { error: { cb: c, cc: y }, success: { cb: m, cc: u }, info: { cb: f, cc: x }, warning: { cb: g, cc: h } }, gr = e.mapGlass === "light", To = gr ? "rgba(255,255,255,0.84)" : "rgba(15,20,28,0.74)", Ro = gr ? "#1c2733" : "#f3f6fa", Eo = gr ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.18)", Ho = "repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 11px, rgba(255,255,255,0) 11px, rgba(255,255,255,0) 22px), radial-gradient(circle at 50% 38%, " + de(o, 0.22) + ", rgba(0,0,0,0) 60%), " + "#0f141c", Po = "linear-gradient(135deg," + o + "," + r[700] + ")", $o = "linear-gradient(180deg," + de(r[900], 0.12) + "," + de(r[900], 0.55) + ")", Ao = "linear-gradient(135deg," + r[700] + "," + r[900] + ")", Bo = "linear-gradient(135deg," + de(r[900], 0.55) + "," + de(e.primaryHex, 0.45) + ")", Xr = { "top-right": { top: "14px", right: "14px" }, "top-center": { top: "14px", left: "50%", transform: "translateX(-50%)" }, "bottom-right": { bottom: "14px", right: "14px" }, "bottom-left": { bottom: "14px", left: "14px" } }, Io = Xr[e.notifPosition] || Xr["top-right"], Qr = e.notifAccent === "primary" ? { bar: o, icbg: a.pContainer, icc: a.onPContainer, dot: o } : e.notifAccent === "mono" ? { bar: a.textSecondary, icbg: a.paper2, icc: a.textPrimary, dot: a.textSecondary } : { bar: e.warningHex, icbg: g, icc: h, dot: e.warningHex };
   let Mt;
   e.notifStyle === "toast" ? Mt = { boxShadow: Ye[8], border: typeof tt == "string" && tt !== "none" ? tt : "none" } : e.notifStyle === "banner" ? Mt = { boxShadow: Ye[2], borderLeft: "4px solid " + Qr.bar } : Mt = { boxShadow: "none", border: "1px solid " + a.divider };
   const Oo = e.notifCardHex || (n ? "#1e1e1e" : "#ffffff"), Do = { compact: "7px", default: "11px", comfortable: "16px" }, Mo = { compact: "6px", default: "12px", comfortable: "22px" }, Fo = { top: "flex-start", middle: "center", bottom: "flex-end" }, Wo = { left: "flex-start", center: "center", right: "flex-end" }, zo = { plain: "transparent", tinted: a.paper2, accent: a.highlightSoft }, _o = {
@@ -4281,7 +4295,7 @@ function Ur(e) {
     btnText: Q,
     hc1: Y,
     hc2: d,
-    hc3: B,
+    hc3: I,
     hc4: A,
     hc5: L,
     hc6: N,
@@ -4310,7 +4324,7 @@ function Ur(e) {
     bwEmph: Qe,
     pad: fr,
     padSm: Ve,
-    gap: Bt,
+    gap: It,
     rowPy: et,
     screenPad: Ue,
     r: ee,
@@ -4342,8 +4356,8 @@ function Ur(e) {
     loginBrandGrad: Po,
     loginScrimGrad: $o,
     loginCenteredGrad: Ao,
-    loginScrimGradC: Io,
-    npos: Bo,
+    loginScrimGradC: Bo,
+    npos: Io,
     nacc: Qr,
     toastDeco: Mt,
     toastBg: Oo,
@@ -4465,42 +4479,45 @@ const Zt = [
     id: "corporate",
     name: "Corporate Blue",
     snap: {
-      primaryHex: "#2563EB",
-      secondaryHex: "#00D2FF",
-      iconColor: "#2563EB",
-      surfaceTint: "brand",
-      cardHeader: "accent",
-      highlightHex: "#00D2FF",
+      primaryHex: "#4F6BFF",
+      secondaryHex: "#22D3EE",
+      iconColor: "#4F6BFF",
+      highlightHex: "#6D86FF",
       cardStyle: "floating",
-      cardShadowPx: 20
+      cardShadowPx: 20,
+      // Figma video-card drop shadow: solid core + soft outer glow.
+      videoShadowLight: "0 0 44px 0px #0409D8, 0 0 44px 12px rgba(79, 107, 255, 0.20)",
+      videoShadowDark: "0 0 20px 0 #00136F, 0 0 44px 12px rgba(79, 107, 255, 0.32)"
     }
   },
   {
     id: "emerald",
     name: "Emerald",
     snap: {
-      primaryHex: "#2EE6A6",
-      secondaryHex: "#FFC255",
-      iconColor: "#2EE6A6",
-      surfaceTint: "brand",
-      cardHeader: "accent",
-      highlightHex: "#FFC255",
+      primaryHex: "#10B981",
+      secondaryHex: "#F5A524",
+      iconColor: "#10B981",
+      highlightHex: "#2EE6A6",
       cardStyle: "floating",
-      cardShadowPx: 20
+      cardShadowPx: 20,
+      // Figma video-card drop shadow: solid core + soft outer glow.
+      videoShadowLight: "0 0 44px 10px #0C3726, 0 0 44px 20px rgba(16, 185, 129, 0.20)",
+      videoShadowDark: "0 0 20px 20px #0C3726, 0 0 44px 20px rgba(16, 185, 129, 0.32)"
     }
   },
   {
     id: "indigo",
     name: "Indigo Violet",
     snap: {
-      primaryHex: "#EC4899",
-      secondaryHex: "#7C3AED",
-      iconColor: "#EC4899",
-      surfaceTint: "brand",
-      cardHeader: "accent",
-      highlightHex: "#7C3AED",
+      primaryHex: "#A97BFF",
+      secondaryHex: "#FF5FA2",
+      iconColor: "#A97BFF",
+      highlightHex: "#A97BFF",
       cardStyle: "floating",
-      cardShadowPx: 20
+      cardShadowPx: 20,
+      // Figma video-card drop shadow: solid core + soft outer glow.
+      videoShadowLight: "0 0 33px 0px #F50079, 0 0 44px 12px rgba(169, 123, 255, 0.20)",
+      videoShadowDark: "0 0 20px 0 #9F0087, 0 0 44px 12px rgba(255, 95, 162, 0.32)"
     }
   },
   { id: "slate", name: "Graphite", snap: { primaryHex: "#455a64", secondaryHex: "#78909c", iconColor: "#455a64", cardStyle: "floating", cardShadowPx: 16 } },
@@ -4518,7 +4535,7 @@ function Qs() {
     const w = setTimeout(() => z(""), 5e3);
     return () => clearTimeout(w);
   }, [R]);
-  const [I, X] = Z(null), Q = (w) => {
+  const [B, X] = Z(null), Q = (w) => {
     const O = c.map((W) => W.name.toLowerCase());
     let F = w, E = 2;
     for (; O.includes(F.toLowerCase()); ) F = `${w} ${E++}`;
@@ -4545,7 +4562,7 @@ function Qs() {
         z("Invalid theme file. The selected file is not a valid Theme Studio export.");
       }
     }, F.readAsText(O), w.target.value = "";
-  }, [d, B] = Z(null), [A, L] = Z(!1), [N, K] = Z(""), [U, J] = Z(null), [P, D] = Z(null), q = (C == null ? void 0 : C.name) || ((G = Zt.find((w) => w.id === t.presetId)) == null ? void 0 : G.name) || ((M = c.find((w) => w.id === t.presetId)) == null ? void 0 : M.name) || "Custom Theme", V = (w, O) => {
+  }, [d, I] = Z(null), [A, L] = Z(!1), [N, K] = Z(""), [U, J] = Z(null), [P, D] = Z(null), q = (C == null ? void 0 : C.name) || ((G = Zt.find((w) => w.id === t.presetId)) == null ? void 0 : G.name) || ((M = c.find((w) => w.id === t.presetId)) == null ? void 0 : M.name) || "Custom Theme", V = (w, O) => {
     const F = w.trim();
     return F ? c.some((E) => E.name.toLowerCase() === F.toLowerCase() && E.id !== O) ? "Name already exists" : "" : "Name required";
   };
@@ -4616,7 +4633,7 @@ function Qs() {
                   ] }),
                   /* @__PURE__ */ i(S, { component: "span", sx: { flex: 1, minWidth: 0, fontSize: "11px", fontWeight: 600, color: O ? a : l, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "normal" }, children: w.name }),
                   /* @__PURE__ */ i(S, { sx: { display: "flex", alignItems: "center", justifyContent: "flex-end" }, children: /* @__PURE__ */ i(S, { component: "span", onClick: (F) => {
-                    F.stopPropagation(), B({ el: F.currentTarget, id: w.id });
+                    F.stopPropagation(), I({ el: F.currentTarget, id: w.id });
                   }, sx: { cursor: "pointer", color: "text.muted", px: 0.5 }, children: "⋮" }) })
                 ] })
               ]
@@ -4641,22 +4658,22 @@ function Qs() {
       ] }),
       e === "mode" && /* @__PURE__ */ i(S, { sx: { display: "flex", gap: 1 }, children: ["light", "dark"].map((w) => /* @__PURE__ */ i(ke, { onClick: () => b({ mode: w }), variant: t.mode === w ? "contained" : "outlined", sx: { flex: 1, textTransform: "capitalize" }, children: w }, w)) })
     ] }),
-    /* @__PURE__ */ p(ti, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => B(null), children: [
+    /* @__PURE__ */ p(ti, { open: !!d, anchorEl: d == null ? void 0 : d.el, onClose: () => I(null), children: [
       /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
-        f(w), B(null);
+        f(w), I(null);
       }, children: "✏️ Edit" }),
       /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
-        J({ id: w.id, name: w.name }), B(null);
+        J({ id: w.id, name: w.name }), I(null);
       }, children: "✎ Rename" }),
       /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
-        D({ id: w.id, name: w.name }), B(null);
+        D({ id: w.id, name: w.name }), I(null);
       }, children: "🗑 Delete" }),
       /* @__PURE__ */ i(mt, { onClick: () => {
         const w = c.find((O) => O.id === d.id);
-        k(w.name, w.snap), B(null);
+        k(w.name, w.snap), I(null);
       }, children: "⤓ Download" })
     ] }),
     /* @__PURE__ */ p(yt, { open: A, onClose: () => L(!1), children: [
@@ -4711,11 +4728,11 @@ function Qs() {
         }, children: "Rename" })
       ] })
     ] }),
-    /* @__PURE__ */ p(yt, { open: !!I, onClose: () => X(null), children: [
+    /* @__PURE__ */ p(yt, { open: !!B, onClose: () => X(null), children: [
       /* @__PURE__ */ i(Wt, { children: "Theme already exists" }),
       /* @__PURE__ */ i(zt, { children: /* @__PURE__ */ p(ue, { variant: "body2", children: [
         "A theme named “",
-        I == null ? void 0 : I.name,
+        B == null ? void 0 : B.name,
         "” is already in My Themes. Upload it anyway as a copy?"
       ] }) }),
       /* @__PURE__ */ p(_t, { children: [
@@ -4723,7 +4740,7 @@ function Qs() {
           X(null), z("You’ve selected a duplicate file — it already exists.");
         }, children: "Cancel" }),
         /* @__PURE__ */ i(ke, { variant: "contained", onClick: () => {
-          u(Q(I.name), I.snap), X(null);
+          u(Q(B.name), B.snap), X(null);
         }, children: "Yes, continue" })
       ] })
     ] }),
@@ -4936,18 +4953,18 @@ function rl() {
   ] });
 }
 function xe(e) {
-  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: c = "", autoLabel: g, autoValue: f = 0, softMin: m, softMax: y, floorValue: h, floorReset: x, floorMessage: u, extra: b, onChange: v } = e, $ = De(j((K) => K.settings.mode)), H = we(), C = `${H.bodyFam},sans-serif`, [k, R] = Z(!1), [z, I] = Z(String(o)), [X, Q] = Z(""), Y = Te(void 0);
+  const { label: r, info: t, value: n, effective: o, min: s, max: a, step: l = 1, unit: c = "", autoLabel: g, autoValue: f = 0, softMin: m, softMax: y, floorValue: h, floorReset: x, floorMessage: u, extra: b, onChange: v } = e, $ = De(j((K) => K.settings.mode)), H = we(), C = `${H.bodyFam},sans-serif`, [k, R] = Z(!1), [z, B] = Z(String(o)), [X, Q] = Z(""), Y = Te(void 0);
   _e(() => {
-    k || I(String(o));
+    k || B(String(o));
   }, [o, k]), _e(() => () => clearTimeout(Y.current), []);
   const d = (K) => {
     clearTimeout(Y.current), Q(K), K && (Y.current = setTimeout(() => Q(""), 3e3));
-  }, B = (K) => m != null && K < m ? `Below ${m}${c} may break the UI` : y != null && K > y ? `Above ${y}${c} may break the UI` : "", A = () => {
-    d(u ?? `Minimum is ${x}${c} — reset`), v(x), I(String(x));
+  }, I = (K) => m != null && K < m ? `Below ${m}${c} may break the UI` : y != null && K > y ? `Above ${y}${c} may break the UI` : "", A = () => {
+    d(u ?? `Minimum is ${x}${c} — reset`), v(x), B(String(x));
   }, L = (K) => {
     const U = parseFloat(K);
     if (isNaN(U)) {
-      d("Enter a number"), I(String(o));
+      d("Enter a number"), B(String(o));
       return;
     }
     if (h != null && x != null && U <= h) {
@@ -4955,7 +4972,7 @@ function xe(e) {
       return;
     }
     const J = Math.min(a, Math.max(s, U));
-    d(J !== U ? `Must be between ${s}${c} and ${a}${c} — clamped to ${J}${c}` : B(J)), I(String(J)), v(J);
+    d(J !== U ? `Must be between ${s}${c} and ${a}${c} — clamped to ${J}${c}` : I(J)), B(String(J)), v(J);
   }, N = n === f && g ? g : `${o}${c}`;
   return /* @__PURE__ */ p(S, { sx: { mb: 1.5 }, children: [
     /* @__PURE__ */ p(S, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: "8px" }, children: [
@@ -4969,7 +4986,7 @@ function xe(e) {
           {
             autoFocus: !0,
             value: z,
-            onChange: (K) => I(K.target.value),
+            onChange: (K) => B(K.target.value),
             onBlur: () => {
               L(z), R(!1);
             },
@@ -4985,7 +5002,7 @@ function xe(e) {
             {
               component: "button",
               onClick: () => {
-                I(String(o)), R(!0);
+                B(String(o)), R(!0);
               },
               sx: { display: "inline-flex", alignItems: "center", gap: "5px", fontFamily: C, fontSize: `${H.tBodySm}px`, fontWeight: 800, color: $.body, bgcolor: "rgba(130,140,155,0.14)", border: "1px solid rgba(130,140,155,0.28)", borderRadius: "6px", px: "7px", py: "2px", cursor: "pointer", lineHeight: 1.3, "&:hover": { bgcolor: "rgba(130,140,155,0.24)" } },
               children: [
@@ -5016,7 +5033,7 @@ function xe(e) {
             A();
             return;
           }
-          d(B(U)), v(U);
+          d(I(U)), v(U);
         },
         sx: {
           WebkitAppearance: "none",
@@ -5129,8 +5146,8 @@ function Wn({ label: e, list: r, onAdd: t }) {
         b.push(H.name);
         continue;
       }
-      const k = H.name.replace(/\.[^.]+$/, ""), R = (I) => I.toLowerCase() === k.toLowerCase();
-      if (r.some((I) => R(I.name)) || y.some((I) => R(I.name))) {
+      const k = H.name.replace(/\.[^.]+$/, ""), R = (B) => B.toLowerCase() === k.toLowerCase();
+      if (r.some((B) => R(B.name)) || y.some((B) => R(B.name))) {
         h.push(k);
         continue;
       }
@@ -5534,9 +5551,9 @@ function bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
       n(e);
       return;
     }
-    const z = u.getBoundingClientRect(), I = (z.left - v.left) * C, X = (z.top - v.top) * C, Q = z.width * C, Y = z.height * C;
+    const z = u.getBoundingClientRect(), B = (z.left - v.left) * C, X = (z.top - v.top) * C, Q = z.width * C, Y = z.height * C;
     try {
-      R.drawImage(u, I, X, Q, Y), n(k.toDataURL("image/png"));
+      R.drawImage(u, B, X, Q, Y), n(k.toDataURL("image/png"));
     } catch {
       n(e);
     }
@@ -5545,7 +5562,7 @@ function bl({ src: e, aspect: r, onCancel: t, onConfirm: n }) {
     /* @__PURE__ */ i(S, { sx: { position: "fixed", inset: 0, zIndex: 1400, bgcolor: "rgba(15,23,42,.6)", display: "flex", alignItems: "center", justifyContent: "center", p: 2.25, overflow: "auto" }, children: /* @__PURE__ */ p(S, { sx: { width: "100%", maxWidth: 320, bgcolor: "background.paper", border: "1px solid", borderColor: "divider", borderRadius: 3, boxShadow: "0 20px 50px rgba(15,23,42,.4)", p: 2 }, children: [
       /* @__PURE__ */ i(ue, { sx: { fontSize: 14, fontWeight: 800, mb: 0.5 }, children: "Adjust brand image" }),
       /* @__PURE__ */ i(ue, { sx: { fontSize: 11.5, color: "text.secondary", mb: 1.5, lineHeight: 1.45 }, children: "Drag and zoom to fit your image inside the bright frame. Anything in the dimmed area is cropped out." }),
-      /* @__PURE__ */ p(S, { ref: c, onPointerDown: y, sx: { position: "relative", width: "100%", aspectRatio: "1.55", borderRadius: 2.5, overflow: "hidden", bgcolor: "#e9edf2", cursor: "grab", touchAction: "none", display: "grid", placeItems: "center", "&:active": { cursor: "grabbing" } }, children: [
+      /* @__PURE__ */ p(S, { ref: c, onPointerDown: y, sx: { position: "relative", width: "100%", aspectRatio: String(r), borderRadius: 2.5, overflow: "hidden", bgcolor: "#e9edf2", cursor: "grab", touchAction: "none", display: "grid", placeItems: "center", "&:active": { cursor: "grabbing" } }, children: [
         /* @__PURE__ */ i("img", { ref: g, src: e, alt: "", draggable: !1, style: { position: "absolute", left: "50%", top: "50%", transform: `translate(-50%,-50%) translate(${a.x}px,${a.y}px) scale(${o})`, transformOrigin: "center", maxWidth: "100%", maxHeight: "100%", width: "auto", height: "auto", userSelect: "none", pointerEvents: "none" } }),
         /* @__PURE__ */ i(S, { ref: f, sx: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-50%)", height: "72%", aspectRatio: String(r), maxWidth: "90%", boxShadow: "0 0 0 9999px rgba(10,15,25,.62)", border: "2px solid #fff", borderRadius: "3px", pointerEvents: "none" } })
       ] }),
@@ -5634,7 +5651,7 @@ function Cl({ onClose: e }) {
     /* @__PURE__ */ i("circle", { cx: "8.5", cy: "7.5", r: "2.5" }),
     /* @__PURE__ */ i("circle", { cx: "6.5", cy: "12.5", r: "2.5" }),
     /* @__PURE__ */ i("path", { d: "M12 2a10 10 0 0 0 0 20 3 3 0 0 0 0-6 2 2 0 0 1 0-4 4 4 0 0 0 4-4 6 6 0 0 0-4-6z" })
-  ] }), I = /* @__PURE__ */ p(S, { sx: { display: "flex", gap: "2px", width: 14, height: 14 }, children: [
+  ] }), B = /* @__PURE__ */ p(S, { sx: { display: "flex", gap: "2px", width: 14, height: 14 }, children: [
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.secondaryHex, borderRadius: "2px" } }),
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.errorHex, borderRadius: "2px" } }),
     /* @__PURE__ */ i(S, { sx: { flex: 1, background: l.successHex, borderRadius: "2px" } })
@@ -5647,7 +5664,7 @@ function Cl({ onClose: e }) {
   ] }), Y = /* @__PURE__ */ p(R, { children: [
     /* @__PURE__ */ i("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
     /* @__PURE__ */ i("path", { d: "M3 9h18M3 15h18M9 3v18" })
-  ] }), d = /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }) }), B = /* @__PURE__ */ p(ge, { children: [
+  ] }), d = /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }) }), I = /* @__PURE__ */ p(ge, { children: [
     /* @__PURE__ */ p(R, { children: [
       /* @__PURE__ */ i("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
       /* @__PURE__ */ i("path", { d: "M10 21a2 2 0 0 0 4 0" })
@@ -5668,12 +5685,12 @@ function Cl({ onClose: e }) {
     login: `${D[l.loginLayout] ?? ""}${l.loginImage ? " · image" : ""}`
   }, G = [
     { id: "theme", title: "Theme Settings", info: "Presets, saved themes & light/dark mode.", icon: z, screen: "dashboard", body: /* @__PURE__ */ i(Qs, {}) },
-    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: I, screen: "components", body: /* @__PURE__ */ i(rl, {}) },
+    { id: "color", title: "Colour Settings", info: "Brand, text & status colours.", icon: B, screen: "components", body: /* @__PURE__ */ i(rl, {}) },
     { id: "type", title: "Typography", info: "Fonts, sizes, weight & line-height.", icon: X, screen: "components", body: /* @__PURE__ */ i(pl, {}) },
     { id: "cards", title: "Cards", info: "Card style, header, nesting & tint.", icon: Q, screen: "dashboard", body: /* @__PURE__ */ i(fl, {}) },
     { id: "tables", title: "Tables", info: "Row/column density, dividers & alignment.", icon: Y, screen: "orders", body: /* @__PURE__ */ i(hl, {}) },
     { id: "shape", title: "Surface & Shape", info: "Radius, density, elevation & spacing.", icon: d, screen: "dashboard", body: /* @__PURE__ */ i(gl, {}) },
-    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: B, screen: "operations", body: /* @__PURE__ */ i(ml, {}) },
+    { id: "notif", title: "Notifications", info: "Toast placement & behaviour.", icon: I, screen: "operations", body: /* @__PURE__ */ i(ml, {}) },
     { id: "login", title: "Login Screen", info: "Brand image, logo & panel colour.", icon: A, screen: "login", body: /* @__PURE__ */ i(xl, {}) }
   ];
   return /* @__PURE__ */ p(S, { sx: { display: "flex", flexDirection: "column", bgcolor: h.card }, children: [
@@ -5751,7 +5768,7 @@ function Cl({ onClose: e }) {
     ] })
   ] });
 }
-const wl = It(/* @__PURE__ */ i("path", {
+const wl = Bt(/* @__PURE__ */ i("path", {
   d: "M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H3V4h18z"
 }), "DesktopWindowsOutlined");
 function Gr(e, r, t) {
@@ -5794,7 +5811,7 @@ function uo(e, r, t) {
 }
 const kl = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], Tl = [44, 60, 50, 74, 88, 96], Rl = [24, 32, 30, 42, 52, 60];
 function El() {
-  const e = we(), r = j((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, tH4: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, tBodySm: $, bwEmph: H, btnCase: C, bodyWeightEff: k, bodyLH: R, tCaption: z, pMain: I, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, B = e.hc2 || t.textPrimary, A = e.hc3 || t.textPrimary, L = [
+  const e = we(), r = j((M) => M.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, tH4: y, wH1: h, headFam: x, headLH: u, accentBg: b, btnText: v, tBodySm: $, bwEmph: H, btnCase: C, bodyWeightEff: k, bodyLH: R, tCaption: z, pMain: B, sMain: X } = e, Q = x + ",sans-serif", Y = r.fontFamily + ",sans-serif", d = e.hc1 || t.textPrimary, I = e.hc2 || t.textPrimary, A = e.hc3 || t.textPrimary, L = [
     { label: "Revenue", val: "$2.41M", chg: "+12.5%", up: !0 },
     { label: "Open Orders", val: "1,284", chg: "+3.2%", up: !0 },
     { label: "Inventory", val: "8,540", chg: "-1.8%", up: !1 },
@@ -5833,7 +5850,7 @@ function El() {
         ] }),
         /* @__PURE__ */ i("div", { style: { padding: s, display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: l }, children: L.map((M) => /* @__PURE__ */ p("div", { style: { background: t.paper2, border: e.nestBorder, borderRadius: o, boxShadow: e.nestShadow, padding: a }, children: [
           /* @__PURE__ */ i("div", { style: { fontSize: y, color: t.textSecondary, fontWeight: h, fontFamily: Q, textTransform: "uppercase", letterSpacing: ".6px", marginBottom: 8 }, children: M.label }),
-          /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: h, color: B, letterSpacing: "-.8px", lineHeight: 1, marginBottom: 6 }, children: M.val }),
+          /* @__PURE__ */ i("div", { style: { fontSize: f, fontWeight: h, color: I, letterSpacing: "-.8px", lineHeight: 1, marginBottom: 6 }, children: M.val }),
           /* @__PURE__ */ p("span", { style: { fontSize: z, fontWeight: H, color: M.cc, background: M.cb, padding: "3px 9px", borderRadius: 999 }, children: [
             M.arrow,
             " ",
@@ -5845,7 +5862,7 @@ function El() {
         /* @__PURE__ */ p("div", { style: { ...q, display: "flex", flexDirection: "column", minHeight: 0 }, children: [
           /* @__PURE__ */ p("div", { style: V, children: [
             /* @__PURE__ */ i("span", { style: G, children: "Revenue Trend" }),
-            /* @__PURE__ */ i("div", { style: { display: "flex", gap: 12 }, children: [["Revenue", I], ["Profit", X]].map(([M, w]) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
+            /* @__PURE__ */ i("div", { style: { display: "flex", gap: 12 }, children: [["Revenue", B], ["Profit", X]].map(([M, w]) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
               /* @__PURE__ */ i("div", { style: { width: 10, height: 10, borderRadius: 2, background: w } }),
               /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
             ] }, M)) })
@@ -5853,7 +5870,7 @@ function El() {
           /* @__PURE__ */ i("div", { style: { padding: `${a}px ${s}px`, display: "flex", alignItems: "flex-end", gap: 12, flex: 1, minHeight: 200 }, children: kl.map((M, w) => /* @__PURE__ */ p("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", gap: 6, height: "100%" }, children: [
             /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", justifyContent: "flex-end", gap: 3, flex: 1 }, children: [
               /* @__PURE__ */ i("div", { style: { width: "100%", height: Rl[w] + "%", background: X, opacity: 0.55, borderRadius: `${o} ${o} 0 0` } }),
-              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: I, borderRadius: `${o} ${o} 0 0` } })
+              /* @__PURE__ */ i("div", { style: { width: "100%", height: Tl[w] + "%", background: B, borderRadius: `${o} ${o} 0 0` } })
             ] }),
             /* @__PURE__ */ i("span", { style: { fontSize: z, color: t.textSecondary }, children: M })
           ] }, M)) })
@@ -5891,23 +5908,23 @@ const Hl = [
   { id: "ORD-1027", cust: "Bluth Company", status: "Processing", amt: "$6,410", date: "Jun 03" }
 ], Pr = "100px 1fr 120px 100px 80px 70px";
 function Pl() {
-  const e = we(), r = j((J) => J.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: c, tH1: g, wH1: f, headFam: m, headLH: y, accentBg: h, btnText: x, btnShadow: u, tBody: b, tBodySm: v, tCaption: $, tOverline: H, bwEmph: C, btnCase: k, bodyWeightEff: R, pMain: z, table: I } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, B, A] = uo(12, 3, 16), L = Hl.slice(0, A).map((J, P) => ({
+  const e = we(), r = j((J) => J.settings), { t, rad: n, radSm: o, pad: s, padSm: a, screenPad: l, rowPy: c, tH1: g, wH1: f, headFam: m, headLH: y, accentBg: h, btnText: x, btnShadow: u, tBody: b, tBodySm: v, tCaption: $, tOverline: H, bwEmph: C, btnCase: k, bodyWeightEff: R, pMain: z, table: B } = e, X = m + ",sans-serif", Q = r.fontFamily + ",sans-serif", Y = e.hc1 || t.textPrimary, [d, I, A] = uo(12, 3, 16), L = Hl.slice(0, A).map((J, P) => ({
     ...J,
-    ...I.statusMap[J.status] || { sb: t.divider, sc: t.textSecondary },
-    rowBg: r.tableStripe && P % 2 === 1 ? I.stripeBg : "transparent"
+    ...B.statusMap[J.status] || { sb: t.divider, sc: t.textSecondary },
+    rowBg: r.tableStripe && P % 2 === 1 ? B.stripeBg : "transparent"
   })), N = e.cardBorder === "none" ? "none" : e.cardBorder, K = (J) => ({
     fontSize: H,
     fontWeight: C,
     color: t.textSecondary,
     textTransform: "uppercase",
     letterSpacing: ".5px",
-    borderRight: I.colBorder,
+    borderRight: B.colBorder,
     alignSelf: "stretch",
     display: "flex",
-    alignItems: I.cellAI,
-    justifyContent: I.cellJC,
-    padding: `${I.rowPy} ${I.cellPx}`
-  }), U = { alignSelf: "stretch", display: "flex", alignItems: I.cellAI, justifyContent: I.cellJC, padding: `${I.rowPy} ${I.cellPx}` };
+    alignItems: B.cellAI,
+    justifyContent: B.cellJC,
+    padding: `${B.rowPy} ${B.cellPx}`
+  }), U = { alignSelf: "stretch", display: "flex", alignItems: B.cellAI, justifyContent: B.cellJC, padding: `${B.rowPy} ${B.cellPx}` };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: N, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: Q, fontWeight: R, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -5922,22 +5939,22 @@ function Pl() {
           /* @__PURE__ */ i("span", { style: { color: t.textSecondary, fontSize: 13 }, children: "⌕" }),
           /* @__PURE__ */ i("span", { style: { fontSize: v, color: t.textSecondary }, children: "Search orders…" })
         ] }),
-        I.filters.map((J) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + J.brd, background: J.bg, color: J.c, fontSize: $, fontWeight: C, whiteSpace: "nowrap", cursor: "pointer" }, children: J.label }, J.label))
+        B.filters.map((J) => /* @__PURE__ */ i("button", { style: { padding: "7px 14px", borderRadius: 999, border: "1px solid " + J.brd, background: J.bg, color: J.c, fontSize: $, fontWeight: C, whiteSpace: "nowrap", cursor: "pointer" }, children: J.label }, J.label))
       ] }),
-      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: I.rowBorder, background: I.headBg }, children: [
+      /* @__PURE__ */ p("div", { ref: d, style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: B.rowBorder, background: B.headBg }, children: [
         ["Order ID", "Customer", "Status", "Amount", "Date"].map((J) => /* @__PURE__ */ i("div", { style: K(), children: J }, J)),
-        /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${I.rowPy} 0` } })
+        /* @__PURE__ */ i("div", { style: { alignSelf: "stretch", padding: `${B.rowPy} 0` } })
       ] }),
-      /* @__PURE__ */ p("div", { ref: B, style: { position: "relative", display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ p("div", { ref: I, style: { position: "relative", display: "flex", flexDirection: "column", flex: 1, minHeight: 0 }, children: [
         /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, padding: `0 ${s}px`, display: "grid", gridTemplateColumns: Pr, pointerEvents: "none", zIndex: 2 }, children: [
-          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
-          /* @__PURE__ */ i("div", { style: { borderRight: I.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
+          /* @__PURE__ */ i("div", { style: { borderRight: B.colBorder } }),
           /* @__PURE__ */ i("div", {})
         ] }),
-        L.map((J) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: I.rowBorder, alignItems: "stretch", background: J.rowBg }, children: [
+        L.map((J) => /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: Pr, padding: `0 ${s}px`, borderBottom: B.rowBorder, alignItems: "stretch", background: J.rowBg }, children: [
           /* @__PURE__ */ i("div", { style: { ...U, fontSize: v, fontWeight: C, color: z, fontFamily: Q }, children: J.id }),
           /* @__PURE__ */ i("div", { style: { ...U, fontSize: b, color: t.textPrimary, fontWeight: C }, children: J.cust }),
           /* @__PURE__ */ i("div", { style: U, children: /* @__PURE__ */ i("span", { style: { padding: "4px 11px", borderRadius: 999, fontSize: $, fontWeight: C, background: J.sb, color: J.sc, whiteSpace: "nowrap" }, children: J.status }) }),
@@ -5984,12 +6001,12 @@ function $l() {
     accentBg: k,
     btnText: R,
     btnShadow: z,
-    bwEmph: I,
+    bwEmph: B,
     btnCase: X,
     bodyWeightEff: Q,
     bodyLH: Y,
     pMain: d,
-    errSoft: B,
+    errSoft: I,
     errTxt: A,
     warnSoft: L,
     warnTxt: N,
@@ -5997,7 +6014,7 @@ function $l() {
     infoTxt: U,
     sucSoft: J,
     sucTxt: P
-  } = e, D = H + ",sans-serif", q = r.fontFamily + ",sans-serif", V = e.t.highlight, G = e.t.highlightSoft, M = e.t.highlightBd, w = t.pContainer, O = t.onPContainer, F = t.pContrast, E = e.hc1 || t.textPrimary, W = e.hc2 || t.textPrimary, te = e.hc3 || t.textPrimary, _ = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Qe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Ze = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Ie = { fontSize: m, lineHeight: C, fontWeight: $, color: te, fontFamily: D }, fr = [
+  } = e, D = H + ",sans-serif", q = r.fontFamily + ",sans-serif", V = e.t.highlight, G = e.t.highlightSoft, M = e.t.highlightBd, w = t.pContainer, O = t.onPContainer, F = t.pContrast, E = e.hc1 || t.textPrimary, W = e.hc2 || t.textPrimary, te = e.hc3 || t.textPrimary, _ = e.hc4 || t.textPrimary, me = e.hc5 || t.textPrimary, Ne = e.hc6 || t.textPrimary, je = e.cardBorder === "none" ? "none" : e.cardBorder, Qe = { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", height: "100%" }, Ze = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, Be = { fontSize: m, lineHeight: C, fontWeight: $, color: te, fontFamily: D }, fr = [
     { label: "Dashboard Overview", size: g, w: $, color: E, lh: 1.1, ls: "-.5px", name: "H1", border: !0 },
     { label: "Revenue Report", size: f, w: $, color: W, lh: 1.1, ls: "-.4px", name: "H2", border: !0 },
     { label: "Performance Overview", size: m, w: $, color: te, lh: 1.15, name: "H3", border: !0 },
@@ -6006,21 +6023,21 @@ function $l() {
     { label: "Status · Live", size: x, w: $, color: Ne, lh: 1.3, name: "H6", border: !0 }
   ], Ve = (ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "11px 12px", borderBottom: "1px solid " + t.divider, background: ee ? G : "transparent", boxShadow: ee ? "inset 3px 0 0 " + V : "none" }, children: [
     /* @__PURE__ */ i("div", { style: { width: 16, height: 16, borderRadius: "50%", border: "2px solid " + (ee ? V : t.outline), display: "grid", placeItems: "center", flexShrink: 0 }, children: ee && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: V } }) }),
-    /* @__PURE__ */ i("span", { style: { flex: 1, fontSize: b, fontFamily: q, fontWeight: ee ? I : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
-    ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: q, fontWeight: I, color: t.textSecondary }, children: "Active" })
-  ] }), Bt = (ee, St, Ct) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
-    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? I : void 0 }, children: St }),
+    /* @__PURE__ */ i("span", { style: { flex: 1, fontSize: b, fontFamily: q, fontWeight: ee ? B : Q, color: t.textPrimary }, children: ee ? "Selected item" : "Unselected item" }),
+    ee && /* @__PURE__ */ i("span", { style: { fontSize: v, fontFamily: q, fontWeight: B, color: t.textSecondary }, children: "Active" })
+  ] }), It = (ee, St, Ct) => /* @__PURE__ */ p("div", { style: { position: "relative", border: ee ? "2px solid " + d : "1.5px solid " + t.outline, borderRadius: o, padding: "12px 13px" }, children: [
+    /* @__PURE__ */ i("span", { style: { position: "absolute", top: -8, left: 10, background: t.paper, padding: "0 5px", fontSize: v, color: ee ? d : t.textSecondary, fontWeight: ee ? B : void 0 }, children: St }),
     /* @__PURE__ */ i("span", { style: { fontSize: u, color: ee ? t.textPrimary : t.textSecondary }, children: Ct })
-  ] }), et = (ee, St, Ct) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: St, fontSize: v, fontWeight: I }, children: Ct }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: I, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
+  ] }), et = (ee, St, Ct) => /* @__PURE__ */ i("span", { style: { padding: "5px 13px", borderRadius: 999, background: ee, color: St, fontSize: v, fontWeight: B }, children: Ct }), Ue = (ee) => ({ padding: "9px 20px", borderRadius: o, fontSize: b, fontWeight: B, textTransform: X, letterSpacing: ".4px", cursor: "pointer", ...ee });
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: je, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: q, fontWeight: Q, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: C, fontWeight: $, color: E, letterSpacing: "-.3px", fontFamily: D }, children: "Component Library" }),
-      /* @__PURE__ */ i("span", { title: "Every Material UI component reflects your live theme", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: I, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
+      /* @__PURE__ */ i("span", { title: "Every Material UI component reflects your live theme", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: B, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
     ] }) }),
     /* @__PURE__ */ p("div", { style: { padding: c, background: t.bgDefault, display: "flex", flexDirection: "column", gap: l, flex: 1, minHeight: 0 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
         /* @__PURE__ */ p("div", { style: Qe, children: [
-          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Typography Scale" }) }),
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, children: "Typography Scale" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", justifyContent: "space-between", flex: 1, minHeight: 0, gap: 6 }, children: [
             fr.map((ee) => /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 12, borderBottom: "1px solid " + t.divider, paddingBottom: 14 }, children: [
               /* @__PURE__ */ i("span", { style: { fontSize: ee.size, lineHeight: ee.lh, fontWeight: ee.w, color: ee.color, fontFamily: D, letterSpacing: ee.ls }, children: ee.label }),
@@ -6047,12 +6064,12 @@ function $l() {
           ] })
         ] }),
         /* @__PURE__ */ p("div", { style: Qe, children: [
-          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Selection States" }) }),
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, children: "Selection States" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", flexDirection: "column", gap: 14 }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 2, borderBottom: "1.5px solid " + t.divider }, children: [
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textPrimary, background: G, borderBottom: "2.5px solid " + d, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textSecondary }, children: "Activity" }),
-              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: I, color: t.textSecondary }, children: "Settings" })
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textPrimary, background: G, borderBottom: "2.5px solid " + d, marginBottom: -1.5, borderRadius: "6px 6px 0 0" }, children: "Overview" }),
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textSecondary }, children: "Activity" }),
+              /* @__PURE__ */ i("div", { style: { flex: 1, textAlign: "center", padding: "8px 4px", fontSize: b, fontWeight: B, color: t.textSecondary }, children: "Settings" })
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", border: "1px solid " + t.divider, borderRadius: o, overflow: "hidden" }, children: [
               Ve(!0),
@@ -6062,20 +6079,20 @@ function $l() {
               Ve(!0),
               Ve(!1)
             ] }),
-            /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignSelf: "flex-start", padding: "6px 12px", borderRadius: o, background: G, border: "1px solid " + M }, children: /* @__PURE__ */ i("span", { style: { fontSize: v, fontWeight: I, color: V }, children: "2 selected items" }) })
+            /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignSelf: "flex-start", padding: "6px 12px", borderRadius: o, background: G, border: "1px solid " + M }, children: /* @__PURE__ */ i("span", { style: { fontSize: v, fontWeight: B, color: V }, children: "2 selected items" }) })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ p("div", { style: { ...Qe, height: "auto" }, children: [
-        /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Inputs & Selection" }) }),
+        /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, children: "Inputs & Selection" }) }),
         /* @__PURE__ */ p("div", { style: { padding: s }, children: [
           /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, marginBottom: l }, children: [
-            Bt(!1, "Outlined", "Placeholder…"),
-            Bt(!0, "Focused", "Active value")
+            It(!1, "Outlined", "Placeholder…"),
+            It(!0, "Focused", "Active value")
           ] }),
           /* @__PURE__ */ p("div", { style: { display: "flex", gap: 22, alignItems: "center", flexWrap: "wrap", paddingTop: a, borderTop: "1px solid " + t.divider }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: d, display: "grid", placeItems: "center", color: F, fontSize: 11, fontWeight: I }, children: "✓" }),
+              /* @__PURE__ */ i("div", { style: { width: 18, height: 18, borderRadius: 4, background: d, display: "grid", placeItems: "center", color: F, fontSize: 11, fontWeight: B }, children: "✓" }),
               /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary }, children: "Checkbox" })
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -6091,29 +6108,29 @@ function $l() {
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: l, alignItems: "stretch" }, children: [
         /* @__PURE__ */ p("div", { style: Qe, children: [
-          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Buttons" }) }),
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, children: "Buttons" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s, display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }, children: [
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: R, boxShadow: z }), children: "Contained" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "1.5px solid " + d, background: "transparent", color: d }), children: "Outlined" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: "transparent", color: d }), children: "Text" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: w, color: O }), children: "Tonal" }),
             /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: k, color: R, boxShadow: z, borderRadius: 999 }), children: "Rounded" }),
-            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: B, color: A }), children: "Error" })
+            /* @__PURE__ */ i("button", { style: Ue({ border: "none", background: I, color: A }), children: "Error" })
           ] })
         ] }),
         /* @__PURE__ */ p("div", { style: Qe, children: [
-          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Ie, children: "Chips, Alerts & Progress" }) }),
+          /* @__PURE__ */ i("div", { style: Ze, children: /* @__PURE__ */ i("span", { style: Be, children: "Chips, Alerts & Progress" }) }),
           /* @__PURE__ */ p("div", { style: { padding: s }, children: [
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: l }, children: [
               et(w, O, "Primary"),
               et(J, P, "Success"),
               et(L, N, "Warning"),
               et(K, U, "Info"),
-              et(B, A, "Error")
+              et(I, A, "Error")
             ] }),
             /* @__PURE__ */ p("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 7 }, children: [
-              /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary, fontWeight: I }, children: "Revenue goal" }),
-              /* @__PURE__ */ i("span", { style: { fontSize: b, color: d, fontWeight: I }, children: "74%" })
+              /* @__PURE__ */ i("span", { style: { fontSize: b, color: t.textPrimary, fontWeight: B }, children: "Revenue goal" }),
+              /* @__PURE__ */ i("span", { style: { fontSize: b, color: d, fontWeight: B }, children: "74%" })
             ] }),
             /* @__PURE__ */ i("div", { style: { height: 8, background: t.paper2, border: "1px solid " + t.divider, borderRadius: 999, overflow: "hidden" }, children: /* @__PURE__ */ i("div", { style: { height: "100%", width: "74%", background: d, borderRadius: 999 } }) })
           ] })
@@ -6127,14 +6144,14 @@ const Al = [
   { label: "Recording", val: "4" },
   { label: "Motion Alerts", val: "2" },
   { label: "Storage Used", val: "82%" }
-], Il = [
+], Bl = [
   { name: "CAM 01", loc: "Main Lobby", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 02", loc: "North Gate", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 03", loc: "Loading Bay", rec: !1, online: !0, time: "14:32:07" },
   { name: "CAM 04", loc: "Rooftop", rec: !0, online: !0, time: "14:32:08" },
   { name: "CAM 05", loc: "Parking Deck", rec: !1, online: !1, time: "—" },
   { name: "CAM 06", loc: "Server Room", rec: !0, online: !0, time: "14:32:08" }
-], Bl = [
+], Il = [
   { cam: "CAM 04", label: "Motion detected — Rooftop", time: "just now", sev: "error" },
   { cam: "CAM 02", label: "Person identified — North Gate", time: "6m ago", sev: "info" },
   { cam: "CAM 01", label: "Loitering cleared — Main Lobby", time: "22m ago", sev: "success" },
@@ -6153,7 +6170,7 @@ const Al = [
   { cam: "CAM 03", label: "Package scanned — Loading Bay", time: "8h ago", sev: "info" }
 ];
 function Ol() {
-  const e = we(), r = j((F) => F.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBodySm: $, tCaption: H, tOverline: C, bwEmph: k, btnCase: R, bodyWeightEff: z, errSoft: I, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: B, sevMap: A } = e, L = h + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, J = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, D = Il.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Gr(3, 3, 16), G = Bl.slice(0, V).map((F) => ({ ...F, ...A[F.sev] })), M = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, w = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, O = { fontSize: m, lineHeight: x, fontWeight: y, color: J, fontFamily: L };
+  const e = we(), r = j((F) => F.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBodySm: $, tCaption: H, tOverline: C, bwEmph: k, btnCase: R, bodyWeightEff: z, errSoft: B, errTxt: X, mediaBg: Q, overlaySurface: Y, overlayBorder: d, onOverlay: I, sevMap: A } = e, L = h + ",sans-serif", N = r.fontFamily + ",sans-serif", K = e.hc1 || t.textPrimary, U = e.hc2 || t.textPrimary, J = e.hc3 || t.textPrimary, P = e.cardBorder === "none" ? "none" : e.cardBorder, D = Bl.map((F) => ({ ...F, dotC: F.online ? r.successHex : t.textDisabled })), [q, V] = Gr(3, 3, 16), G = Il.slice(0, V).map((F) => ({ ...F, ...A[F.sev] })), M = { background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, w = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, O = { fontSize: m, lineHeight: x, fontWeight: y, color: J, fontFamily: L };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: P, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: N, fontWeight: z, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -6161,7 +6178,7 @@ function Ol() {
         /* @__PURE__ */ i("span", { title: "6 feeds · live monitoring & recording", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: k, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: H, fontWeight: k, color: X, background: I, padding: "6px 12px", borderRadius: 999 }, children: [
+        /* @__PURE__ */ p("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: H, fontWeight: k, color: X, background: B, padding: "6px 12px", borderRadius: 999 }, children: [
           /* @__PURE__ */ i("span", { style: { width: 7, height: 7, borderRadius: "50%", background: r.errorHex } }),
           "LIVE"
         ] }),
@@ -6183,11 +6200,11 @@ function Ol() {
             /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center" }, children: /* @__PURE__ */ i("span", { style: { fontFamily: "monospace", fontSize: H, color: "rgba(255,255,255,.3)", letterSpacing: 1 }, children: F.loc }) }),
             /* @__PURE__ */ p("div", { style: { position: "absolute", top: 7, left: 7, display: "flex", alignItems: "center", gap: 5, background: Y, border: "1px solid " + d, borderRadius: 999, padding: "2px 8px" }, children: [
               /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: F.dotC } }),
-              /* @__PURE__ */ i("span", { style: { color: B, fontSize: H, fontWeight: 700, letterSpacing: ".4px" }, children: F.name })
+              /* @__PURE__ */ i("span", { style: { color: I, fontSize: H, fontWeight: 700, letterSpacing: ".4px" }, children: F.name })
             ] }),
             F.rec && /* @__PURE__ */ p("div", { style: { position: "absolute", top: 7, right: 7, display: "flex", alignItems: "center", gap: 4, background: Y, borderRadius: 999, padding: "2px 7px" }, children: [
               /* @__PURE__ */ i("span", { style: { width: 6, height: 6, borderRadius: "50%", background: r.errorHex } }),
-              /* @__PURE__ */ i("span", { style: { color: B, fontSize: 8, fontWeight: 800, letterSpacing: ".5px" }, children: "REC" })
+              /* @__PURE__ */ i("span", { style: { color: I, fontSize: 8, fontWeight: 800, letterSpacing: ".5px" }, children: "REC" })
             ] }),
             F.online && /* @__PURE__ */ i("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "5px 8px", background: "linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0))", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: /* @__PURE__ */ i("span", { style: { color: "#fff", fontSize: H, fontWeight: 600, fontFamily: "monospace" }, children: F.time }) })
           ] }, F.name)) })
@@ -6229,7 +6246,7 @@ const Dl = [
   { ic: "!", label: "Disk latency elevated — NVR-02", time: "18h ago", sev: "warning", unread: !1 }
 ];
 function Ml() {
-  const e = we(), r = j((O) => O.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tTitle: f, wH1: m, headFam: y, headLH: h, accentBg: x, btnText: u, tBodySm: b, tCaption: v, tOverline: $, bwEmph: H, bodyWeightEff: C, bodyLH: k, errSoft: R, errTxt: z, pMain: I, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: B } = e, A = y + ",sans-serif", L = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P] = Gr(7, 4, 16), D = Dl.slice(0, P).map((O) => ({ ...O, ...B[O.sev], rowBg: O.unread ? de(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), q = D.filter((O) => O.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, G = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: f, lineHeight: h, fontWeight: m, color: K, fontFamily: A }, w = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: H, cursor: "pointer", fontFamily: "inherit" };
+  const e = we(), r = j((O) => O.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tTitle: f, wH1: m, headFam: y, headLH: h, accentBg: x, btnText: u, tBodySm: b, tCaption: v, tOverline: $, bwEmph: H, bodyWeightEff: C, bodyLH: k, errSoft: R, errTxt: z, pMain: B, mediaBg: X, overlaySurface: Q, overlayBorder: Y, onOverlay: d, sevMap: I } = e, A = y + ",sans-serif", L = r.fontFamily + ",sans-serif", N = e.hc1 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P] = Gr(7, 4, 16), D = Dl.slice(0, P).map((O) => ({ ...O, ...I[O.sev], rowBg: O.unread ? de(r.primaryHex, e.isDark ? 0.12 : 0.05) : "transparent" })), q = D.filter((O) => O.unread).length, V = { display: "flex", flexDirection: "column", minHeight: 0, background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, G = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, M = { fontSize: f, lineHeight: h, fontWeight: m, color: K, fontFamily: A }, w = { height: 30, borderRadius: o, border: "none", background: "rgba(255,255,255,.14)", color: d, fontSize: v, fontWeight: H, cursor: "pointer", fontFamily: "inherit" };
   return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: L, fontWeight: C, color: t.textPrimary }, children: [
     /* @__PURE__ */ i("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent }, children: /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
       /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: h, fontWeight: m, color: N, letterSpacing: "-.3px", fontFamily: A }, children: "Operations Center" }),
@@ -6259,7 +6276,7 @@ function Ml() {
       /* @__PURE__ */ p("div", { style: V, children: [
         /* @__PURE__ */ p("div", { style: G, children: [
           /* @__PURE__ */ i("span", { style: M, children: "Notifications" }),
-          /* @__PURE__ */ p("span", { style: { fontSize: $, fontWeight: H, color: t.pContrast, background: I, padding: "2px 9px", borderRadius: 999 }, children: [
+          /* @__PURE__ */ p("span", { style: { fontSize: $, fontWeight: H, color: t.pContrast, background: B, padding: "2px 9px", borderRadius: 999 }, children: [
             q,
             " NEW"
           ] })
@@ -6270,7 +6287,7 @@ function Ml() {
             /* @__PURE__ */ i("div", { style: { fontSize: b, color: t.textPrimary, fontWeight: C, lineHeight: k }, children: O.label }),
             /* @__PURE__ */ i("div", { style: { fontSize: v, color: t.textSecondary, marginTop: 2 }, children: O.time })
           ] }),
-          O.unread && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: I, flexShrink: 0, marginTop: 6 } })
+          O.unread && /* @__PURE__ */ i("div", { style: { width: 8, height: 8, borderRadius: "50%", background: B, flexShrink: 0, marginTop: 6 } })
         ] }, F)) })
       ] })
     ] }) })
@@ -6306,7 +6323,7 @@ const Fl = [
   { name: "Cost Allocation Summary", type: "Financial", date: "Jun 04", status: "Ready" }
 ], zn = "1fr 130px 110px 90px 70px";
 function jl() {
-  const e = we(), r = j((W) => W.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBody: $, tBodySm: H, tCaption: C, tOverline: k, bwEmph: R, btnCase: z, bodyWeightEff: I, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, B = h + ",sans-serif", A = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P, D] = uo(5, 3, 16), q = Nl.slice(0, D).map((W, te) => ({
+  const e = we(), r = j((W) => W.settings), { t, rad: n, radSm: o, pad: s, padSm: a, gap: l, screenPad: c, tH1: g, tH2: f, tTitle: m, wH1: y, headFam: h, headLH: x, accentBg: u, btnText: b, btnShadow: v, tBody: $, tBodySm: H, tCaption: C, tOverline: k, bwEmph: R, btnCase: z, bodyWeightEff: B, pMain: X, sMain: Q, chartPalette: Y, table: d } = e, I = h + ",sans-serif", A = r.fontFamily + ",sans-serif", L = e.hc1 || t.textPrimary, N = e.hc2 || t.textPrimary, K = e.hc3 || t.textPrimary, U = e.cardBorder === "none" ? "none" : e.cardBorder, [J, P, D] = uo(5, 3, 16), q = Nl.slice(0, D).map((W, te) => ({
     ...W,
     sb: W.status === "Ready" ? e.sucSoft : e.warnSoft,
     sc: W.status === "Ready" ? e.sucTxt : e.warnTxt,
@@ -6318,11 +6335,11 @@ function jl() {
     alignItems: d.cellAI,
     justifyContent: d.cellJC,
     padding: `${d.rowPy} ${d.cellPx}`
-  }, M = { alignSelf: "stretch", display: "flex", alignItems: d.cellAI, justifyContent: d.cellJC, padding: `${d.rowPy} ${d.cellPx}` }, w = { background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, O = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, F = { fontSize: m, lineHeight: x, fontWeight: y, color: K, fontFamily: B }, E = { fontSize: k, fontWeight: R, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: A, fontWeight: I, color: t.textPrimary }, children: [
+  }, M = { alignSelf: "stretch", display: "flex", alignItems: d.cellAI, justifyContent: d.cellJC, padding: `${d.rowPy} ${d.cellPx}` }, w = { background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden" }, O = { padding: `${a}px ${s}px`, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "center", justifyContent: "space-between" }, F = { fontSize: m, lineHeight: x, fontWeight: y, color: K, fontFamily: I }, E = { fontSize: k, fontWeight: R, color: t.textSecondary, textTransform: "uppercase", letterSpacing: ".5px" };
+  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", background: t.paper, border: U, borderRadius: n, boxShadow: e.cardShadow, overflow: "hidden", fontFamily: A, fontWeight: B, color: t.textPrimary }, children: [
     /* @__PURE__ */ p("div", { style: { padding: s, background: e.cardHdrBg, borderBottom: e.cardHdrBorder, boxShadow: e.cardHdrAccent, display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 14 }, children: [
       /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: x, fontWeight: y, color: L, letterSpacing: "-.3px", fontFamily: B }, children: "Reports" }),
+        /* @__PURE__ */ i("div", { style: { fontSize: g, lineHeight: x, fontWeight: y, color: L, letterSpacing: "-.3px", fontFamily: I }, children: "Reports" }),
         /* @__PURE__ */ i("span", { title: "Generated insights across every module", style: { width: 16, height: 16, borderRadius: "50%", border: "1.2px solid " + t.textSecondary, color: t.textSecondary, fontSize: 9.5, fontWeight: R, fontStyle: "italic", fontFamily: "Georgia,serif", display: "grid", placeItems: "center", flexShrink: 0, cursor: "help" }, children: "i" })
       ] }),
       /* @__PURE__ */ i("button", { style: { padding: "10px 20px", borderRadius: o, border: "none", background: u, color: b, fontSize: H, fontWeight: R, textTransform: z, letterSpacing: ".4px", boxShadow: v, whiteSpace: "nowrap", cursor: "pointer" }, children: "↓ Export PDF" })
@@ -6394,11 +6411,11 @@ function Vl() {
     hasLoginImage: $,
     loginCenteredGrad: H,
     loginScrimGradC: C
-  } = e, k = r.fontFamily + ",sans-serif", R = e.hc1 || t.textPrimary, z = t.pContrast, I = e.cardBorder === "none" ? "none" : e.cardBorder, X = r.logoMode === "image" && !!r.logoUrl, Q = e.isDark ? t.paper2 : "#ffffff", Y = r.loginPanelColor || t.bgDefault, d = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, B = $ ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: d } }) : null, A = { background: t.paper, border: I, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, L = (N) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (N ? b : t.outline), borderRadius: o });
+  } = e, k = r.fontFamily + ",sans-serif", R = e.hc1 || t.textPrimary, z = t.pContrast, B = e.cardBorder === "none" ? "none" : e.cardBorder, X = r.logoMode === "image" && !!r.logoUrl, Q = e.isDark ? t.paper2 : "#ffffff", Y = r.loginPanelColor || t.bgDefault, d = r.loginImgOpacity > 0 ? r.loginImgOpacity : 1, I = $ ? /* @__PURE__ */ i("img", { src: r.loginImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", zIndex: 0, opacity: d } }) : null, A = { background: t.paper, border: B, borderRadius: n, boxShadow: e.cardShadow, padding: s, display: "flex", flexDirection: "column", gap: 20 }, L = (N) => ({ position: "relative", background: t.paper2, border: "1.5px solid " + (N ? b : t.outline), borderRadius: o });
   return r.loginLayout === "centered" ? /* @__PURE__ */ p("div", { style: { minHeight: 560, background: H, display: "flex", alignItems: "center", justifyContent: "center", padding: 40, position: "relative", overflow: "hidden", fontFamily: k, borderRadius: n }, children: [
-    B,
+    I,
     $ && /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, background: C, zIndex: 0 } }),
-    /* @__PURE__ */ p("div", { style: { position: "relative", zIndex: 1, width: "100%", maxWidth: 380, background: t.paper, border: I, borderRadius: n, boxShadow: "0 24px 60px rgba(0,0,0,.35)", padding: s, display: "flex", flexDirection: "column", gap: 20, alignItems: "center" }, children: [
+    /* @__PURE__ */ p("div", { style: { position: "relative", zIndex: 1, width: "100%", maxWidth: 380, background: t.paper, border: B, borderRadius: n, boxShadow: "0 24px 60px rgba(0,0,0,.35)", padding: s, display: "flex", flexDirection: "column", gap: 20, alignItems: "center" }, children: [
       /* @__PURE__ */ i("div", { style: { width: 72, height: 72, borderRadius: 20, background: r.iconColor, display: "grid", placeItems: "center", boxShadow: "0 6px 18px " + r.iconColor + "55" }, children: /* @__PURE__ */ i("span", { style: { color: "#fff", fontSize: 24, fontWeight: u, letterSpacing: "-1px" }, children: v }) }),
       /* @__PURE__ */ p("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 14 }, children: [
         /* @__PURE__ */ p("div", { style: { position: "relative", border: "1.5px solid " + t.outline, borderRadius: o, padding: "13px 14px" }, children: [
@@ -6414,7 +6431,7 @@ function Vl() {
     ] })
   ] }) : /* @__PURE__ */ p("div", { style: { display: "grid", gridTemplateColumns: "3fr 1fr", minHeight: 560, fontFamily: k, borderRadius: n, overflow: "hidden" }, children: [
     /* @__PURE__ */ p("div", { style: { background: Q, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "48px 40px", gap: 22, position: "relative", overflow: "hidden" }, children: [
-      B,
+      I,
       !$ && /* @__PURE__ */ p("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 12, color: t.textSecondary, border: "1.5px dashed " + t.outline, padding: 24, boxSizing: "border-box" }, children: [
         /* @__PURE__ */ i(_n, { size: 46 }),
         /* @__PURE__ */ i("div", { style: { fontSize: 14, fontWeight: u, color: t.textPrimary }, children: "No brand image" }),
@@ -6494,14 +6511,14 @@ function Yl() {
       if (n !== "fit") {
         const d = n / 100;
         y.style.zoom = String(d);
-        const B = m.clientHeight - H;
-        y.style.minHeight = (B > 0 ? Math.floor(B / d) : 0) + "px", c(n);
+        const I = m.clientHeight - H;
+        y.style.minHeight = (I > 0 ? Math.floor(I / d) : 0) + "px", c(n);
         return;
       }
       y.style.zoom = "1", y.style.minHeight = "0px", y.offsetHeight;
-      const C = (parseFloat($.paddingLeft) || 0) + (parseFloat($.paddingRight) || 0), k = m.clientWidth - C, R = m.clientHeight - H, z = y.scrollWidth, I = y.scrollHeight;
-      if (z <= 0 || I <= 0 || k <= 0 || R <= 0) return;
-      const X = Math.min(k / z, R / I, 1), Q = X < 0.985 ? Math.max(0.36, X) : 1;
+      const C = (parseFloat($.paddingLeft) || 0) + (parseFloat($.paddingRight) || 0), k = m.clientWidth - C, R = m.clientHeight - H, z = y.scrollWidth, B = y.scrollHeight;
+      if (z <= 0 || B <= 0 || k <= 0 || R <= 0) return;
+      const X = Math.min(k / z, R / B, 1), Q = X < 0.985 ? Math.max(0.36, X) : 1;
       y.style.zoom = String(Q);
       const Y = Math.min(k / z, 1);
       y.style.minHeight = Math.floor(R / Math.max(Y, 0.36)) + "px", c(Math.round(Q * 100));