pixel-mirror 0.0.1

package/dist/index.js

@@ -0,0 +1,1806 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._PM--0K,._PM-BsK,._PM-CUZ>button,._PM-fL3,._PM-gUL,._PM-nRD,._PM-nSt,._PM-uxq{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0}._PM--0K:disabled,._PM-BsK:disabled,._PM-CUZ>button:disabled,._PM-fL3:disabled,._PM-gUL:disabled,._PM-nRD:disabled,._PM-nSt:disabled,._PM-uxq:disabled{cursor:default}._PM--0K:not(:disabled):active,._PM-BsK:not(:disabled):active,._PM-CUZ>button:not(:disabled):active,._PM-fL3:not(:disabled):active,._PM-gUL:not(:disabled):active,._PM-nRD:not(:disabled):active,._PM-nSt:not(:disabled):active,._PM-uxq:not(:disabled):active{transform:scale(.95)}._PM-BsK:not(:disabled):hover,._PM-nRD:not(:disabled):hover{background:#0000000a}:root{position:relative}._PM-1LW{display:none!important}._PM-aop{align-items:center;background:#fff;border:2px solid;border-radius:32px;bottom:40px;box-sizing:border-box;color:#000;display:flex;font-family:Arial,sans-serif;justify-content:center;left:16px;margin-left:auto;margin-right:auto;max-width:calc(100vw - 32px);outline:3px solid hsla(0,0%,100%,.5);position:fixed;right:16px;transform:translateZ(0);transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;will-change:width,height;z-index:2147483647}._PM-aop._PM--Uf{pointer-events:none}._PM-aop._PM-H81{bottom:auto;top:48px}._PM-aop svg{color:currentcolor;display:block;fill:none}._PM-aop *{box-sizing:border-box}._PM-6di{align-items:center;background:#fe0200;border:2px solid;border-radius:32px;bottom:96px;color:#fff;display:flex;gap:.5rem;left:50%;margin:auto;padding:.375rem .75rem;position:absolute;transform:translate(-50%);width:max-content;z-index:10}._PM--p1{font-size:15px;line-height:16px}._PM-H81 ._PM-6di{bottom:-64px}._PM-6Uc{align-items:center;display:flex;overflow-x:auto;padding:0 12px}._PM-nRD{padding:8px}._PM-nRD._PM-0BL{transform:rotate(180deg)}._PM-Ms2{position:relative}._PM-8ZO{font-size:8px;font-weight:700;left:0;line-height:1;right:0;text-align:center;top:18px}._PM-8ZO,._PM-iiG{position:absolute;z-index:1}._PM-iiG{align-items:center;background:#fff;border-left:2px solid;border-radius:12px 12px 0 0;border-right:2px solid;border-top:2px solid;bottom:100%;display:flex;left:80px;overflow:hidden;padding-left:4px;padding-right:4px;padding-top:4px}._PM-BsK{border-radius:8px;padding:4px}._PM-BsK>svg{height:24px;width:24px}._PM-ykA{position:relative}._PM-T3K{font-size:11.5px;font-weight:700;height:16px;top:0;right:0;bottom:0;left:0;line-height:16px;text-align:center}._PM-T3K,._PM-XPp{margin:auto;position:absolute;z-index:1}._PM-XPp{background:#fff;background:#000;border-radius:16px;bottom:calc(100% + 8px);color:#fff;font-family:monospace;font-size:12px;left:0;line-height:20px;padding:0 8px;pointer-events:none;right:0;white-space:nowrap;width:max-content}._PM-ZDk{position:relative;width:100%}._PM-1Gp,._PM-ZDk{border-radius:inherit;height:100%}._PM-1Gp{overflow:hidden;padding:8px}._PM--Xs{height:100%;opacity:0;overflow:auto;overscroll-behavior:contain;padding:16px;visibility:hidden;will-change:opacity visibility}._PM--Xs._PM-Pgi{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1) .25s,visibility 0s .25s;visibility:visible}._PM-ea1{align-items:center;bottom:-18px;display:flex;gap:16px;left:0;margin:auto;position:absolute;right:0;width:max-content;z-index:1}._PM-fL3{background:#000;border-radius:16px;color:#fff;font-size:15px;line-height:32px;width:168px}._PM-F7y{padding-bottom:24px}._PM-NMj{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}._PM-PaA{font-size:18px;line-height:32px;margin:0}._PM-gUL{align-items:center;background:#000;border-radius:16px;color:#fff;display:flex;font-size:15px;gap:4px;line-height:32px;padding:0 10px;width:116px}._PM-gUL>svg{flex:none}._PM-gUL>span{flex:1;text-align:center}._PM-gUL:active{transform:none!important}._PM-gUL #_pixel-mirror-toggle-trigger{transform:translate(-8px);transition:transform .25s cubic-bezier(.4,0,.2,1)}._PM-gUL._PM-dtI #_pixel-mirror-toggle-trigger{transform:translate(0)}._PM-CUZ{align-items:center;border-color:#000;border-radius:12px;display:flex;margin-bottom:16px;padding:8px 16px}._PM-CUZ>legend{background:#000;border-radius:6px;color:#fff;font-size:15px;line-height:24px;padding-left:8px;padding-right:8px}._PM-CUZ>input{background:transparent;border:none;display:block;flex:1;font-family:monospace;font-size:16px;line-height:24px;outline:none;padding:8px 8px 8px 0;width:100%}._PM-CUZ>button{background:#000;border-radius:16px;color:#fff;font-size:14px;line-height:24px;padding-left:12px;padding-right:12px}._PM-OwQ{border:2px solid #000;border-radius:12px;margin-top:24px;overflow:auto}._PM-XPo{border-collapse:collapse;border-spacing:0;font-size:14px;line-height:16px;min-width:100%;text-align:left;white-space:nowrap;width:max-content}._PM-92c{align-items:center;display:flex;gap:8px;justify-content:space-evenly}._PM-uxq{border-radius:8px}._PM-uxq>svg{height:20px;width:20px}._PM-uxq._PM-FWS{opacity:0}._PM-uxq._PM-FWS._PM-En3,._PM-uxq._PM-FWS:focus{opacity:1}._PM-XPo>thead>tr{border-bottom:1px solid #eee}._PM-XPo>tbody{color:#333;text-transform:capitalize}._PM-XPo>tbody>tr{border-bottom:1px solid #eee}._PM-XPo>tbody>tr:hover ._PM-FWS{opacity:1}._PM-XPo>tbody>tr._PM-En3{background:#f9f9f9}._PM-XPo th{padding:12px}._PM-XPo th:not(:last-child){border-right:1px solid #eee}._PM-XPo td{padding:8px 12px}._PM-XPo td:not(:last-child){border-right:1px solid #eee}._PM-XPo>tfoot td{padding:12px}._PM-XPo>tfoot input{border:1px solid #eee;border-radius:6px;font-size:14px;height:24px;outline:none;padding:0 8px;width:72px}._PM-XPo>tfoot input:focus{outline:2px solid #ddd}._PM-XPo>tfoot select{border:1px solid #eee;border-radius:6px;font-size:14px;height:24px;outline:none;padding:0 4px}._PM-XPo>tfoot select:focus{outline:2px solid #ddd}._PM-nSt{background:#000;border:none;border-radius:16px;color:#fff;font-size:13px;height:24px;padding-left:12px;padding-right:12px}._PM-nSt:disabled{opacity:.5}._PM-nSt:focus{outline:2px solid #999}._PM-6J2{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}._PM-9BG{cursor:pointer;position:relative}._PM--3m{aspect-ratio:3/4;border:2px solid #ddd;border-radius:16px;display:block;object-fit:cover;width:100%}._PM--0K{align-items:center;background:#000;border-radius:50%;bottom:12px;color:#fff;display:flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:12px;z-index:2}._PM--0K>svg{height:20px;width:20px}._PM--0K:hover{background:#fe0200}._PM-9BG._PM-L-M{cursor:not-allowed}._PM-9BG._PM-L-M ._PM--3m{border-color:#666}._PM-9BG._PM-L-M ._PM--0K{display:none}._PM-9BG:hover ._PM--3m{border-color:#666}._PM-9BG:hover ._PM--0K{opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1)}._PM-zF6{align-items:center;aspect-ratio:3/4;background:#fafafa;border:2px solid #ddd;border-radius:16px;color:#aaa;cursor:pointer;display:flex;flex-direction:column;justify-content:center;width:100%}._PM-cqR{background:#eee;border-radius:12px;height:64px;padding:12px;width:64px}._PM-50o{font-size:16px;line-height:24px;margin-top:8px}._PM-zF6>input{display:none}._PM-zF6:hover{border-color:#666;color:#666}._PM-Qrp{top:0;right:0;bottom:0;left:0;min-height:100vh;overflow:hidden;pointer-events:none;position:absolute;z-index:2147483646}._PM-hUT{contain:layout size;left:0;pointer-events:all;position:absolute;top:0;transition:none;-webkit-user-select:none;user-select:none;will-change:width,height,transform;z-index:1}._PM-hUT:active{outline:1px dashed #000}._PM-hUT._PM-jws{transition:width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}._PM-hUT._PM-R39{cursor:default;pointer-events:none}._PM-hUT._PM-030{outline:none!important}._PM-Bit{z-index:2}._PM-Bit,._PM-qJ0{top:0;right:0;bottom:0;left:0;position:absolute}._PM-qJ0{display:grid;z-index:3}._PM-qJ0._PM-Ej5{justify-content:center}._PM-qJ0._PM-64m{justify-content:start}._PM-qJ0._PM-SHi{justify-content:end}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var bn = Object.defineProperty;
+var _n = (e, t, n) => t in e ? bn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var _e = (e, t, n) => _n(e, typeof t != "symbol" ? t + "" : t, n);
+const Sn = (e, t) => e === t, X = Symbol("solid-proxy"), Pn = typeof Proxy == "function", Mt = Symbol("solid-track"), at = {
+  equals: Sn
+};
+let on = an;
+const ue = 1, dt = 2, rn = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var L = null;
+let St = null, Mn = null, O = null, U = null, ne = null, wt = 0;
+function lt(e, t) {
+  const n = O, o = L, i = e.length === 0, r = t === void 0 ? o : t, s = i ? rn : {
+    owned: null,
+    cleanups: null,
+    context: r ? r.context : null,
+    owner: r
+  }, l = i ? e : () => e(() => ce(() => ze(s)));
+  L = s, O = null;
+  try {
+    return Me(l, !0);
+  } finally {
+    O = n, L = o;
+  }
+}
+function I(e, t) {
+  t = t ? Object.assign({}, at, t) : at;
+  const n = {
+    value: e,
+    observers: null,
+    observerSlots: null,
+    comparator: t.equals || void 0
+  }, o = (i) => (typeof i == "function" && (i = i(n.value)), ln(n, i));
+  return [sn.bind(n), o];
+}
+function x(e, t, n) {
+  const o = Ot(e, t, !1, ue);
+  Ye(o);
+}
+function Ze(e, t, n) {
+  on = On;
+  const o = Ot(e, t, !1, ue);
+  o.user = !0, ne ? ne.push(o) : Ye(o);
+}
+function ve(e, t, n) {
+  n = n ? Object.assign({}, at, n) : at;
+  const o = Ot(e, t, !0, 0);
+  return o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, Ye(o), sn.bind(o);
+}
+function $n(e) {
+  return Me(e, !1);
+}
+function ce(e) {
+  if (O === null) return e();
+  const t = O;
+  O = null;
+  try {
+    return e();
+  } finally {
+    O = t;
+  }
+}
+function Fe(e) {
+  Ze(() => ce(e));
+}
+function Xe(e) {
+  return L === null || (L.cleanups === null ? L.cleanups = [e] : L.cleanups.push(e)), e;
+}
+function $t() {
+  return O;
+}
+function sn() {
+  if (this.sources && this.state)
+    if (this.state === ue) Ye(this);
+    else {
+      const e = U;
+      U = null, Me(() => ut(this), !1), U = e;
+    }
+  if (O) {
+    const e = this.observers ? this.observers.length : 0;
+    O.sources ? (O.sources.push(this), O.sourceSlots.push(e)) : (O.sources = [this], O.sourceSlots = [e]), this.observers ? (this.observers.push(O), this.observerSlots.push(O.sources.length - 1)) : (this.observers = [O], this.observerSlots = [O.sources.length - 1]);
+  }
+  return this.value;
+}
+function ln(e, t, n) {
+  let o = e.value;
+  return (!e.comparator || !e.comparator(o, t)) && (e.value = t, e.observers && e.observers.length && Me(() => {
+    for (let i = 0; i < e.observers.length; i += 1) {
+      const r = e.observers[i], s = St && St.running;
+      s && St.disposed.has(r), (s ? !r.tState : !r.state) && (r.pure ? U.push(r) : ne.push(r), r.observers && dn(r)), s || (r.state = ue);
+    }
+    if (U.length > 1e6)
+      throw U = [], new Error();
+  }, !1)), t;
+}
+function Ye(e) {
+  if (!e.fn) return;
+  ze(e);
+  const t = wt;
+  xn(
+    e,
+    e.value,
+    t
+  );
+}
+function xn(e, t, n) {
+  let o;
+  const i = L, r = O;
+  O = L = e;
+  try {
+    o = e.fn(t);
+  } catch (s) {
+    return e.pure && (e.state = ue, e.owned && e.owned.forEach(ze), e.owned = null), e.updatedAt = n + 1, cn(s);
+  } finally {
+    O = r, L = i;
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? ln(e, o) : e.value = o, e.updatedAt = n);
+}
+function Ot(e, t, n, o = ue, i) {
+  const r = {
+    fn: e,
+    state: o,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: t,
+    owner: L,
+    context: L ? L.context : null,
+    pure: n
+  };
+  return L === null || L !== rn && (L.owned ? L.owned.push(r) : L.owned = [r]), r;
+}
+function ct(e) {
+  if (e.state === 0) return;
+  if (e.state === dt) return ut(e);
+  if (e.suspense && ce(e.suspense.inFallback)) return e.suspense.effects.push(e);
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < wt); )
+    e.state && t.push(e);
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e = t[n], e.state === ue)
+      Ye(e);
+    else if (e.state === dt) {
+      const o = U;
+      U = null, Me(() => ut(e, t[0]), !1), U = o;
+    }
+}
+function Me(e, t) {
+  if (U) return e();
+  let n = !1;
+  t || (U = []), ne ? n = !0 : ne = [], wt++;
+  try {
+    const o = e();
+    return An(n), o;
+  } catch (o) {
+    n || (ne = null), U = null, cn(o);
+  }
+}
+function An(e) {
+  if (U && (an(U), U = null), e) return;
+  const t = ne;
+  ne = null, t.length && Me(() => on(t), !1);
+}
+function an(e) {
+  for (let t = 0; t < e.length; t++) ct(e[t]);
+}
+function On(e) {
+  let t, n = 0;
+  for (t = 0; t < e.length; t++) {
+    const o = e[t];
+    o.user ? e[n++] = o : ct(o);
+  }
+  for (t = 0; t < n; t++) ct(e[t]);
+}
+function ut(e, t) {
+  e.state = 0;
+  for (let n = 0; n < e.sources.length; n += 1) {
+    const o = e.sources[n];
+    if (o.sources) {
+      const i = o.state;
+      i === ue ? o !== t && (!o.updatedAt || o.updatedAt < wt) && ct(o) : i === dt && ut(o, t);
+    }
+  }
+}
+function dn(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const n = e.observers[t];
+    n.state || (n.state = dt, n.pure ? U.push(n) : ne.push(n), n.observers && dn(n));
+  }
+}
+function ze(e) {
+  let t;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const n = e.sources.pop(), o = e.sourceSlots.pop(), i = n.observers;
+      if (i && i.length) {
+        const r = i.pop(), s = n.observerSlots.pop();
+        o < i.length && (r.sourceSlots[s] = o, i[o] = r, n.observerSlots[o] = s);
+      }
+    }
+  if (e.tOwned) {
+    for (t = e.tOwned.length - 1; t >= 0; t--) ze(e.tOwned[t]);
+    delete e.tOwned;
+  }
+  if (e.owned) {
+    for (t = e.owned.length - 1; t >= 0; t--) ze(e.owned[t]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (t = e.cleanups.length - 1; t >= 0; t--) e.cleanups[t]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function En(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function cn(e, t = L) {
+  throw En(e);
+}
+const Dn = Symbol("fallback");
+function Xt(e) {
+  for (let t = 0; t < e.length; t++) e[t]();
+}
+function Bn(e, t, n = {}) {
+  let o = [], i = [], r = [], s = 0, l = t.length > 1 ? [] : null;
+  return Xe(() => Xt(r)), () => {
+    let c = e() || [], v = c.length, d, a;
+    return c[Mt], ce(() => {
+      let m, M, A, E, R, S, P, b, V;
+      if (v === 0)
+        s !== 0 && (Xt(r), r = [], o = [], i = [], s = 0, l && (l = [])), n.fallback && (o = [Dn], i[0] = lt((Z) => (r[0] = Z, n.fallback())), s = 1);
+      else if (s === 0) {
+        for (i = new Array(v), a = 0; a < v; a++)
+          o[a] = c[a], i[a] = lt(g);
+        s = v;
+      } else {
+        for (A = new Array(v), E = new Array(v), l && (R = new Array(v)), S = 0, P = Math.min(s, v); S < P && o[S] === c[S]; S++) ;
+        for (P = s - 1, b = v - 1; P >= S && b >= S && o[P] === c[b]; P--, b--)
+          A[b] = i[P], E[b] = r[P], l && (R[b] = l[P]);
+        for (m = /* @__PURE__ */ new Map(), M = new Array(b + 1), a = b; a >= S; a--)
+          V = c[a], d = m.get(V), M[a] = d === void 0 ? -1 : d, m.set(V, a);
+        for (d = S; d <= P; d++)
+          V = o[d], a = m.get(V), a !== void 0 && a !== -1 ? (A[a] = i[d], E[a] = r[d], l && (R[a] = l[d]), a = M[a], m.set(V, a)) : r[d]();
+        for (a = S; a < v; a++)
+          a in A ? (i[a] = A[a], r[a] = E[a], l && (l[a] = R[a], l[a](a))) : i[a] = lt(g);
+        i = i.slice(0, s = v), o = c.slice(0);
+      }
+      return i;
+    });
+    function g(m) {
+      if (r[a] = m, l) {
+        const [M, A] = I(a);
+        return l[a] = A, t(c[a], M);
+      }
+      return t(c[a]);
+    }
+  };
+}
+function p(e, t) {
+  return ce(() => e(t || {}));
+}
+function st() {
+  return !0;
+}
+const Ln = {
+  get(e, t, n) {
+    return t === X ? n : e.get(t);
+  },
+  has(e, t) {
+    return t === X ? !0 : e.has(t);
+  },
+  set: st,
+  deleteProperty: st,
+  getOwnPropertyDescriptor(e, t) {
+    return {
+      configurable: !0,
+      enumerable: !0,
+      get() {
+        return e.get(t);
+      },
+      set: st,
+      deleteProperty: st
+    };
+  },
+  ownKeys(e) {
+    return e.keys();
+  }
+};
+function Pt(e) {
+  return (e = typeof e == "function" ? e() : e) ? e : {};
+}
+function Gn() {
+  for (let e = 0, t = this.length; e < t; ++e) {
+    const n = this[e]();
+    if (n !== void 0) return n;
+  }
+}
+function Rn(...e) {
+  let t = !1;
+  for (let s = 0; s < e.length; s++) {
+    const l = e[s];
+    t = t || !!l && X in l, e[s] = typeof l == "function" ? (t = !0, ve(l)) : l;
+  }
+  if (Pn && t)
+    return new Proxy(
+      {
+        get(s) {
+          for (let l = e.length - 1; l >= 0; l--) {
+            const c = Pt(e[l])[s];
+            if (c !== void 0) return c;
+          }
+        },
+        has(s) {
+          for (let l = e.length - 1; l >= 0; l--)
+            if (s in Pt(e[l])) return !0;
+          return !1;
+        },
+        keys() {
+          const s = [];
+          for (let l = 0; l < e.length; l++)
+            s.push(...Object.keys(Pt(e[l])));
+          return [...new Set(s)];
+        }
+      },
+      Ln
+    );
+  const n = {}, o = /* @__PURE__ */ Object.create(null);
+  for (let s = e.length - 1; s >= 0; s--) {
+    const l = e[s];
+    if (!l) continue;
+    const c = Object.getOwnPropertyNames(l);
+    for (let v = c.length - 1; v >= 0; v--) {
+      const d = c[v];
+      if (d === "__proto__" || d === "constructor") continue;
+      const a = Object.getOwnPropertyDescriptor(l, d);
+      if (!o[d])
+        o[d] = a.get ? {
+          enumerable: !0,
+          configurable: !0,
+          get: Gn.bind(n[d] = [a.get.bind(l)])
+        } : a.value !== void 0 ? a : void 0;
+      else {
+        const g = n[d];
+        g && (a.get ? g.push(a.get.bind(l)) : a.value !== void 0 && g.push(() => a.value));
+      }
+    }
+  }
+  const i = {}, r = Object.keys(o);
+  for (let s = r.length - 1; s >= 0; s--) {
+    const l = r[s], c = o[l];
+    c && c.get ? Object.defineProperty(i, l, c) : i[l] = c ? c.value : void 0;
+  }
+  return i;
+}
+const jn = (e) => `Stale read from <${e}>.`;
+function Et(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return ve(Bn(() => e.each, e.children, t || void 0));
+}
+function F(e) {
+  const t = e.keyed, n = ve(() => e.when, void 0, {
+    equals: (o, i) => t ? o === i : !o == !i
+  });
+  return ve(
+    () => {
+      const o = n();
+      if (o) {
+        const i = e.children;
+        return typeof i == "function" && i.length > 0 ? ce(
+          () => i(
+            t ? o : () => {
+              if (!ce(n)) throw jn("Show");
+              return e.when;
+            }
+          )
+        ) : i;
+      }
+      return e.fallback;
+    },
+    void 0,
+    void 0
+  );
+}
+const In = /* @__PURE__ */ new Set([
+  "innerHTML",
+  "textContent",
+  "innerText",
+  "children"
+]), Nn = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+}), Tn = /* @__PURE__ */ new Set([
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+]), Un = {
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace"
+};
+function Hn(e, t, n) {
+  let o = n.length, i = t.length, r = o, s = 0, l = 0, c = t[i - 1].nextSibling, v = null;
+  for (; s < i || l < r; ) {
+    if (t[s] === n[l]) {
+      s++, l++;
+      continue;
+    }
+    for (; t[i - 1] === n[r - 1]; )
+      i--, r--;
+    if (i === s) {
+      const d = r < o ? l ? n[l - 1].nextSibling : n[r - l] : c;
+      for (; l < r; ) e.insertBefore(n[l++], d);
+    } else if (r === l)
+      for (; s < i; )
+        (!v || !v.has(t[s])) && t[s].remove(), s++;
+    else if (t[s] === n[r - 1] && n[l] === t[i - 1]) {
+      const d = t[--i].nextSibling;
+      e.insertBefore(n[l++], t[s++].nextSibling), e.insertBefore(n[--r], d), t[i] = n[r];
+    } else {
+      if (!v) {
+        v = /* @__PURE__ */ new Map();
+        let a = l;
+        for (; a < r; ) v.set(n[a], a++);
+      }
+      const d = v.get(t[s]);
+      if (d != null)
+        if (l < d && d < r) {
+          let a = s, g = 1, m;
+          for (; ++a < i && a < r && !((m = v.get(t[a])) == null || m !== d + g); )
+            g++;
+          if (g > d - l) {
+            const M = t[s];
+            for (; l < d; ) e.insertBefore(n[l++], M);
+          } else e.replaceChild(n[l++], t[s++]);
+        } else s++;
+      else t[s++].remove();
+    }
+  }
+}
+const Yt = "_$DX_DELEGATE";
+function Vn(e, t, n, o = {}) {
+  let i;
+  return lt((r) => {
+    i = r, t === document ? e() : k(t, e(), t.firstChild ? null : void 0, n);
+  }, o.owner), () => {
+    i(), t.textContent = "";
+  };
+}
+function _(e, t, n) {
+  let o;
+  const i = () => {
+    const s = document.createElement("template");
+    return s.innerHTML = e, s.content.firstChild;
+  }, r = () => (o || (o = i())).cloneNode(!0);
+  return r.cloneNode = r, r;
+}
+function un(e, t = window.document) {
+  const n = t[Yt] || (t[Yt] = /* @__PURE__ */ new Set());
+  for (let o = 0, i = e.length; o < i; o++) {
+    const r = e[o];
+    n.has(r) || (n.add(r), t.addEventListener(r, Yn));
+  }
+}
+function W(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+}
+function Wn(e, t, n, o) {
+  o == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, o);
+}
+function Zn(e, t, n) {
+  n ? e.setAttribute(t, "") : e.removeAttribute(t);
+}
+function w(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
+}
+function zn(e, t, n, o) {
+  if (o)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
+  else if (Array.isArray(n)) {
+    const i = n[0];
+    e.addEventListener(t, n[0] = (r) => i.call(e, n[1], r));
+  } else e.addEventListener(t, n, typeof n != "function" && n);
+}
+function qn(e, t, n = {}) {
+  const o = Object.keys(t || {}), i = Object.keys(n);
+  let r, s;
+  for (r = 0, s = i.length; r < s; r++) {
+    const l = i[r];
+    !l || l === "undefined" || t[l] || (Jt(e, l, !1), delete n[l]);
+  }
+  for (r = 0, s = o.length; r < s; r++) {
+    const l = o[r], c = !!t[l];
+    !l || l === "undefined" || n[l] === c || !c || (Jt(e, l, !0), n[l] = c);
+  }
+  return n;
+}
+function Dt(e, t, n) {
+  if (!t) return n ? W(e, "style") : t;
+  const o = e.style;
+  if (typeof t == "string") return o.cssText = t;
+  typeof n == "string" && (o.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let i, r;
+  for (r in n)
+    t[r] == null && o.removeProperty(r), delete n[r];
+  for (r in t)
+    i = t[r], i !== n[r] && (o.setProperty(r, i), n[r] = i);
+  return n;
+}
+function B(e, t = {}, n, o) {
+  const i = {};
+  return x(() => typeof t.ref == "function" && Kn(t.ref, e)), x(() => Fn(e, t, n, !0, i, !0)), i;
+}
+function Kn(e, t, n) {
+  return ce(() => e(t, n));
+}
+function k(e, t, n, o) {
+  if (n !== void 0 && !o && (o = []), typeof t != "function") return ht(e, t, o, n);
+  x((i) => ht(e, t(), i, n), o);
+}
+function Fn(e, t, n, o, i = {}, r = !1) {
+  t || (t = {});
+  for (const s in i)
+    if (!(s in t)) {
+      if (s === "children") continue;
+      i[s] = Qt(e, s, null, i[s], n, r, t);
+    }
+  for (const s in t) {
+    if (s === "children")
+      continue;
+    const l = t[s];
+    i[s] = Qt(e, s, l, i[s], n, r, t);
+  }
+}
+function Xn(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function Jt(e, t, n) {
+  const o = t.trim().split(/\s+/);
+  for (let i = 0, r = o.length; i < r; i++)
+    e.classList.toggle(o[i], n);
+}
+function Qt(e, t, n, o, i, r, s) {
+  let l, c, v, d;
+  if (t === "style") return Dt(e, n, o);
+  if (t === "classList") return qn(e, n, o);
+  if (n === o) return o;
+  if (t === "ref")
+    r || n(e);
+  else if (t.slice(0, 3) === "on:") {
+    const a = t.slice(3);
+    o && e.removeEventListener(a, o, typeof o != "function" && o), n && e.addEventListener(a, n, typeof n != "function" && n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const a = t.slice(10);
+    o && e.removeEventListener(a, o, !0), n && e.addEventListener(a, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const a = t.slice(2).toLowerCase(), g = Tn.has(a);
+    if (!g && o) {
+      const m = Array.isArray(o) ? o[0] : o;
+      e.removeEventListener(a, m);
+    }
+    (g || n) && (zn(e, a, n, g), g && un([a]));
+  } else if (t.slice(0, 5) === "attr:")
+    W(e, t.slice(5), n);
+  else if (t.slice(0, 5) === "bool:")
+    Zn(e, t.slice(5), n);
+  else if ((d = t.slice(0, 5) === "prop:") || (v = In.has(t)) || !i || (l = e.nodeName.includes("-") || "is" in s))
+    d && (t = t.slice(5), c = !0), t === "class" || t === "className" ? w(e, n) : l && !c && !v ? e[Xn(t)] = n : e[t] = n;
+  else {
+    const a = t.indexOf(":") > -1 && Un[t.split(":")[0]];
+    a ? Wn(e, a, t, n) : W(e, Nn[t] || t, n);
+  }
+  return n;
+}
+function Yn(e) {
+  let t = e.target;
+  const n = `$$${e.type}`, o = e.target, i = e.currentTarget, r = (c) => Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: c
+  }), s = () => {
+    const c = t[n];
+    if (c && !t.disabled) {
+      const v = t[`${n}Data`];
+      if (v !== void 0 ? c.call(t, v, e) : c.call(t, e), e.cancelBubble) return;
+    }
+    return t.host && typeof t.host != "string" && !t.host._$host && t.contains(e.target) && r(t.host), !0;
+  }, l = () => {
+    for (; s() && (t = t._$host || t.parentNode || t.host); ) ;
+  };
+  if (Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return t || document;
+    }
+  }), e.composedPath) {
+    const c = e.composedPath();
+    r(c[0]);
+    for (let v = 0; v < c.length - 2 && (t = c[v], !!s()); v++) {
+      if (t._$host) {
+        t = t._$host, l();
+        break;
+      }
+      if (t.parentNode === i)
+        break;
+    }
+  } else l();
+  r(o);
+}
+function ht(e, t, n, o, i) {
+  for (; typeof n == "function"; ) n = n();
+  if (t === n) return n;
+  const r = typeof t, s = o !== void 0;
+  if (e = s && n[0] && n[0].parentNode || e, r === "string" || r === "number") {
+    if (r === "number" && (t = t.toString(), t === n))
+      return n;
+    if (s) {
+      let l = n[0];
+      l && l.nodeType === 3 ? l.data !== t && (l.data = t) : l = document.createTextNode(t), n = Se(e, n, o, l);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || r === "boolean")
+    n = Se(e, n, o);
+  else {
+    if (r === "function")
+      return x(() => {
+        let l = t();
+        for (; typeof l == "function"; ) l = l();
+        n = ht(e, l, n, o);
+      }), () => n;
+    if (Array.isArray(t)) {
+      const l = [], c = n && Array.isArray(n);
+      if (xt(l, t, n, i))
+        return x(() => n = ht(e, l, n, o, !0)), () => n;
+      if (l.length === 0) {
+        if (n = Se(e, n, o), s) return n;
+      } else c ? n.length === 0 ? en(e, l, o) : Hn(e, n, l) : (n && Se(e), en(e, l));
+      n = l;
+    } else if (t.nodeType) {
+      if (Array.isArray(n)) {
+        if (s) return n = Se(e, n, o, t);
+        Se(e, n, null, t);
+      } else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
+    }
+  }
+  return n;
+}
+function xt(e, t, n, o) {
+  let i = !1;
+  for (let r = 0, s = t.length; r < s; r++) {
+    let l = t[r], c = n && n[e.length], v;
+    if (!(l == null || l === !0 || l === !1)) if ((v = typeof l) == "object" && l.nodeType)
+      e.push(l);
+    else if (Array.isArray(l))
+      i = xt(e, l, c) || i;
+    else if (v === "function")
+      if (o) {
+        for (; typeof l == "function"; ) l = l();
+        i = xt(
+          e,
+          Array.isArray(l) ? l : [l],
+          Array.isArray(c) ? c : [c]
+        ) || i;
+      } else
+        e.push(l), i = !0;
+    else {
+      const d = String(l);
+      c && c.nodeType === 3 && c.data === d ? e.push(c) : e.push(document.createTextNode(d));
+    }
+  }
+  return i;
+}
+function en(e, t, n = null) {
+  for (let o = 0, i = t.length; o < i; o++) e.insertBefore(t[o], n);
+}
+function Se(e, t, n, o) {
+  if (n === void 0) return e.textContent = "";
+  const i = o || document.createTextNode("");
+  if (t.length) {
+    let r = !1;
+    for (let s = t.length - 1; s >= 0; s--) {
+      const l = t[s];
+      if (i !== l) {
+        const c = l.parentNode === e;
+        !r && !s ? c ? e.replaceChild(i, l) : e.insertBefore(i, n) : c && l.remove();
+      } else r = !0;
+    }
+  } else e.insertBefore(i, n);
+  return [i];
+}
+function hn(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (t = 0; t < i; t++) e[t] && (n = hn(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function N() {
+  for (var e, t, n = 0, o = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = hn(e)) && (o && (o += " "), o += t);
+  return o;
+}
+function Jn(e) {
+  var n;
+  return ((n = e.split(".").pop()) == null ? void 0 : n.toLowerCase()) === "png" ? "image/png" : "image/jpeg";
+}
+const tn = {
+  id: "default",
+  width: "1140px",
+  columns: 12,
+  gutterWidth: "24px",
+  isGutterOnOutside: !0,
+  position: "center"
+};
+class T {
+  constructor() {
+  }
+  static async init() {
+    this.db = await new Promise((t, n) => {
+      const o = indexedDB.open(this.DB_NAME, this.VERSION);
+      o.onerror = () => n(o.error), o.onsuccess = () => t(o.result), o.onupgradeneeded = (i) => {
+        const r = i.target.result;
+        r.objectStoreNames.contains(this.DESIGN_STORE_NAME) || r.createObjectStore(this.DESIGN_STORE_NAME, { keyPath: "id" }), r.objectStoreNames.contains(this.GRID_STORE_NAME) || r.createObjectStore(this.GRID_STORE_NAME, { keyPath: "id" }).add({ ...tn, createdAt: Date.now() });
+      };
+    });
+  }
+  static async uploadDesign(t) {
+    const n = t.map(async (s) => {
+      const l = await s.arrayBuffer();
+      return {
+        id: crypto.randomUUID(),
+        buffer: l,
+        mimeType: Jn(s.name),
+        createdAt: Date.now()
+      };
+    }), o = await Promise.all(n), i = this.db.transaction(this.DESIGN_STORE_NAME, "readwrite"), r = i.objectStore(this.DESIGN_STORE_NAME);
+    return await Promise.all([
+      new Promise((s, l) => {
+        i.oncomplete = () => s(), i.onerror = () => l(i.error);
+      }),
+      ...o.map(
+        (s) => new Promise((l, c) => {
+          const v = r.add(s);
+          v.onsuccess = () => l(), v.onerror = () => c(v.error);
+        })
+      )
+    ]), o.sort((s, l) => l.createdAt - s.createdAt);
+  }
+  static async getDesign(t) {
+    const n = this.db.transaction(this.DESIGN_STORE_NAME, "readonly").objectStore(this.DESIGN_STORE_NAME);
+    return new Promise((o, i) => {
+      const r = n.get(t);
+      r.onerror = () => i(r.error), r.onsuccess = () => o(r.result);
+    });
+  }
+  static async getAllDesigns() {
+    const t = this.db.transaction(this.DESIGN_STORE_NAME, "readonly").objectStore(this.DESIGN_STORE_NAME);
+    return new Promise((n, o) => {
+      const i = t.getAll();
+      i.onerror = () => o(i.error), i.onsuccess = () => n(i.result.sort((r, s) => s.createdAt - r.createdAt));
+    });
+  }
+  static async deleteDesign(t) {
+    const o = this.db.transaction(this.DESIGN_STORE_NAME, "readwrite").objectStore(this.DESIGN_STORE_NAME);
+    await new Promise((i, r) => {
+      const s = o.delete(t);
+      s.onsuccess = () => i(), s.onerror = () => r(s.error);
+    });
+  }
+  static async deleteAllDesigns() {
+    const n = this.db.transaction(this.DESIGN_STORE_NAME, "readwrite").objectStore(this.DESIGN_STORE_NAME);
+    await new Promise((o, i) => {
+      const r = n.clear();
+      r.onsuccess = () => o(), r.onerror = () => i(r.error);
+    });
+  }
+  static async addGridSet(t) {
+    const n = { ...t, id: crypto.randomUUID(), createdAt: Date.now() }, i = this.db.transaction(this.GRID_STORE_NAME, "readwrite").objectStore(this.GRID_STORE_NAME);
+    return await new Promise((r, s) => {
+      const l = i.add(n);
+      l.onsuccess = () => r(), l.onerror = () => s(l.error);
+    }), n;
+  }
+  static async getGridSet(t) {
+    const n = this.db.transaction(this.GRID_STORE_NAME, "readonly").objectStore(this.GRID_STORE_NAME);
+    return new Promise((o, i) => {
+      const r = n.get(t);
+      r.onerror = () => i(r.error), r.onsuccess = () => o(r.result);
+    });
+  }
+  static async getAllGridSets() {
+    const t = this.db.transaction(this.GRID_STORE_NAME, "readonly").objectStore(this.GRID_STORE_NAME);
+    return new Promise((n, o) => {
+      const i = t.getAll();
+      i.onerror = () => o(i.error), i.onsuccess = () => n(i.result.sort((r, s) => r.createdAt - s.createdAt));
+    });
+  }
+  static async deleteGridSet(t) {
+    const o = this.db.transaction(this.GRID_STORE_NAME, "readwrite").objectStore(this.GRID_STORE_NAME);
+    await new Promise((i, r) => {
+      const s = o.delete(t);
+      s.onsuccess = () => i(), s.onerror = () => r(s.error);
+    });
+  }
+  static async resetGridSets() {
+    const n = this.db.transaction(this.GRID_STORE_NAME, "readwrite").objectStore(this.GRID_STORE_NAME);
+    await new Promise((i, r) => {
+      const s = n.clear();
+      s.onsuccess = () => i(), s.onerror = () => r(s.error);
+    });
+    const o = { ...tn, createdAt: Date.now() };
+    return await new Promise((i, r) => {
+      const s = n.add(o);
+      s.onsuccess = () => i(), s.onerror = () => r(s.error);
+    }), [o];
+  }
+}
+_e(T, "DB_NAME", "PixelMirrorDB"), _e(T, "DESIGN_STORE_NAME", "designs"), _e(T, "GRID_STORE_NAME", "grids"), _e(T, "VERSION", 1), _e(T, "db");
+const At = Symbol("store-raw"), Pe = Symbol("store-node"), te = Symbol("store-has"), gn = Symbol("store-self");
+function fn(e) {
+  let t = e[X];
+  if (!t && (Object.defineProperty(e, X, {
+    value: t = new Proxy(e, to)
+  }), !Array.isArray(e))) {
+    const n = Object.keys(e), o = Object.getOwnPropertyDescriptors(e);
+    for (let i = 0, r = n.length; i < r; i++) {
+      const s = n[i];
+      o[s].get && Object.defineProperty(e, s, {
+        enumerable: o[s].enumerable,
+        get: o[s].get.bind(t)
+      });
+    }
+  }
+  return t;
+}
+function gt(e) {
+  let t;
+  return e != null && typeof e == "object" && (e[X] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+}
+function qe(e, t = /* @__PURE__ */ new Set()) {
+  let n, o, i, r;
+  if (n = e != null && e[At]) return n;
+  if (!gt(e) || t.has(e)) return e;
+  if (Array.isArray(e)) {
+    Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
+    for (let s = 0, l = e.length; s < l; s++)
+      i = e[s], (o = qe(i, t)) !== i && (e[s] = o);
+  } else {
+    Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
+    const s = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
+    for (let c = 0, v = s.length; c < v; c++)
+      r = s[c], !l[r].get && (i = e[r], (o = qe(i, t)) !== i && (e[r] = o));
+  }
+  return e;
+}
+function ft(e, t) {
+  let n = e[t];
+  return n || Object.defineProperty(e, t, {
+    value: n = /* @__PURE__ */ Object.create(null)
+  }), n;
+}
+function Ke(e, t, n) {
+  if (e[t]) return e[t];
+  const [o, i] = I(n, {
+    equals: !1,
+    internal: !0
+  });
+  return o.$ = i, e[t] = o;
+}
+function Qn(e, t) {
+  const n = Reflect.getOwnPropertyDescriptor(e, t);
+  return !n || n.get || !n.configurable || t === X || t === Pe || (delete n.value, delete n.writable, n.get = () => e[X][t]), n;
+}
+function vn(e) {
+  $t() && Ke(ft(e, Pe), gn)();
+}
+function eo(e) {
+  return vn(e), Reflect.ownKeys(e);
+}
+const to = {
+  get(e, t, n) {
+    if (t === At) return e;
+    if (t === X) return n;
+    if (t === Mt)
+      return vn(e), n;
+    const o = ft(e, Pe), i = o[t];
+    let r = i ? i() : e[t];
+    if (t === Pe || t === te || t === "__proto__") return r;
+    if (!i) {
+      const s = Object.getOwnPropertyDescriptor(e, t);
+      $t() && (typeof r != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (r = Ke(o, t, r)());
+    }
+    return gt(r) ? fn(r) : r;
+  },
+  has(e, t) {
+    return t === At || t === X || t === Mt || t === Pe || t === te || t === "__proto__" ? !0 : ($t() && Ke(ft(e, te), t)(), t in e);
+  },
+  set() {
+    return !0;
+  },
+  deleteProperty() {
+    return !0;
+  },
+  ownKeys: eo,
+  getOwnPropertyDescriptor: Qn
+};
+function vt(e, t, n, o = !1) {
+  if (!o && e[t] === n) return;
+  const i = e[t], r = e.length;
+  n === void 0 ? (delete e[t], e[te] && e[te][t] && i !== void 0 && e[te][t].$()) : (e[t] = n, e[te] && e[te][t] && i === void 0 && e[te][t].$());
+  let s = ft(e, Pe), l;
+  if ((l = Ke(s, t, i)) && l.$(() => n), Array.isArray(e) && e.length !== r) {
+    for (let c = e.length; c < r; c++) (l = s[c]) && l.$();
+    (l = Ke(s, "length", r)) && l.$(e.length);
+  }
+  (l = s[gn]) && l.$();
+}
+function wn(e, t) {
+  const n = Object.keys(t);
+  for (let o = 0; o < n.length; o += 1) {
+    const i = n[o];
+    vt(e, i, t[i]);
+  }
+}
+function no(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = qe(t), Array.isArray(t)) {
+    if (e === t) return;
+    let n = 0, o = t.length;
+    for (; n < o; n++) {
+      const i = t[n];
+      e[n] !== i && vt(e, n, i);
+    }
+    vt(e, "length", o);
+  } else wn(e, t);
+}
+function We(e, t, n = []) {
+  let o, i = e;
+  if (t.length > 1) {
+    o = t.shift();
+    const s = typeof o, l = Array.isArray(e);
+    if (Array.isArray(o)) {
+      for (let c = 0; c < o.length; c++)
+        We(e, [o[c]].concat(t), n);
+      return;
+    } else if (l && s === "function") {
+      for (let c = 0; c < e.length; c++)
+        o(e[c], c) && We(e, [c].concat(t), n);
+      return;
+    } else if (l && s === "object") {
+      const { from: c = 0, to: v = e.length - 1, by: d = 1 } = o;
+      for (let a = c; a <= v; a += d)
+        We(e, [a].concat(t), n);
+      return;
+    } else if (t.length > 1) {
+      We(e[o], t, [o].concat(n));
+      return;
+    }
+    i = e[o], n = [o].concat(n);
+  }
+  let r = t[0];
+  typeof r == "function" && (r = r(i, n), r === i) || o === void 0 && r == null || (r = qe(r), o === void 0 || gt(i) && gt(r) && !Array.isArray(r) ? wn(i, r) : vt(e, o, r));
+}
+function Cn(...[e, t]) {
+  const n = qe(e || {}), o = Array.isArray(n), i = fn(n);
+  function r(...s) {
+    $n(() => {
+      o && s.length === 1 ? no(n, s[0]) : We(n, s);
+    });
+  }
+  return [i, r];
+}
+const yn = "_J-", mn = {
+  designId: void 0,
+  designOpacity: 0.5,
+  designPosition: { x: 0, y: 0 },
+  designScale: 1,
+  showDesignOverlay: !1,
+  lockDesignOverlay: !1,
+  showVerticalRhythmOverlay: !1,
+  verticalRhythmHeight: "8px",
+  verticalRhythmColor: "rgba(255, 0, 0, .05)",
+  showGridSystemOverlay: !1,
+  activeGridSystemId: "default",
+  gridSystemColor: "rgba(255, 0, 0, .05)",
+  appPosition: "bottom"
+};
+function oo(e) {
+  const t = localStorage.getItem(yn + e);
+  return t ? JSON.parse(t) : mn[e];
+}
+const io = Object.keys(mn).reduce(
+  (e, t) => ({
+    ...e,
+    [t]: oo(t)
+  }),
+  {}
+), [f, ro] = Cn(io);
+function G(e) {
+  Object.entries(e).forEach(([t, n]) => {
+    localStorage.setItem(yn + t, JSON.stringify(n));
+  }), ro((t) => ({ ...t, ...e }));
+}
+const so = {
+  showAlignmentPopover: !1,
+  showGridSettingsPanel: !1,
+  showAllDesignsPanel: !1,
+  designUrl: void 0,
+  designSize: { width: 0, height: 0 },
+  designOriginalSize: { width: 0, height: 0 },
+  designBufferedPosition: { x: 0, y: 0 },
+  isSolidMode: !1,
+  isZoomMode: !1,
+  isDragging: !1,
+  enableAnimation: !1,
+  errorMessage: void 0
+}, [y, $] = Cn(so), lo = "_PM--0K", ao = "_PM-nSt", co = "_PM-uxq", uo = "_PM-CUZ", ho = "_PM-gUL", go = "_PM-fL3", fo = "_PM-BsK", vo = "_PM-nRD", wo = "_PM-1LW", Co = "_PM-aop", yo = "_PM--Uf", mo = "_PM-H81", po = "_PM-6di", ko = "_PM--p1", bo = "_PM-6Uc", _o = "_PM-0BL", So = "_PM-Ms2", Po = "_PM-8ZO", Mo = "_PM-iiG", $o = "_PM-ykA", xo = "_PM-T3K", Ao = "_PM-XPp", Oo = "_PM-ZDk", Eo = "_PM-1Gp", Do = "_PM--Xs", Bo = "_PM-Pgi", Lo = "_PM-ea1", Go = "_PM-F7y", Ro = "_PM-NMj", jo = "_PM-PaA", Io = "_PM-dtI", No = "_PM-OwQ", To = "_PM-XPo", Uo = "_PM-92c", Ho = "_PM-FWS", Vo = "_PM-En3", Wo = "_PM-6J2", Zo = "_PM-9BG", zo = "_PM--3m", qo = "_PM-L-M", Ko = "_PM-zF6", Fo = "_PM-cqR", Xo = "_PM-50o", Yo = "_PM-Qrp", Jo = "_PM-hUT", Qo = "_PM-jws", ei = "_PM-R39", ti = "_PM-030", ni = "_PM-Bit", oi = "_PM-qJ0", ii = "_PM-Ej5", ri = "_PM-64m", si = "_PM-SHi", u = {
+  designCard__button: lo,
+  addGridButton: ao,
+  table__button: co,
+  fieldset: uo,
+  gridSettingBox__toggleButton: ho,
+  panel__button: go,
+  alignmentButton: fo,
+  menuButton: vo,
+  hide: wo,
+  app: Co,
+  noEvents: yo,
+  top: mo,
+  toast: po,
+  toast__message: ko,
+  menuBar: bo,
+  rotate: _o,
+  opacityButton: So,
+  opacityButton__value: Po,
+  alignmentPopover: Mo,
+  scaleButton: $o,
+  scaleButton__value: xo,
+  coordinates: Ao,
+  panel: Oo,
+  panel__contentWrapper: Eo,
+  panel__content: Do,
+  show: Bo,
+  panel__footer: Lo,
+  gridSettingBox: Go,
+  gridSettingBox__header: Ro,
+  gridSettingBox__heading: jo,
+  enabled: Io,
+  tableWrapper: No,
+  table: To,
+  table__bgroup: Uo,
+  activeGridButton: Ho,
+  active: Vo,
+  allDesignsList: Wo,
+  designCard: Zo,
+  designCard__img: zo,
+  current: qo,
+  uploadButton: Ko,
+  uploadButton__icon: Fo,
+  uploadButton__text: Xo,
+  overlayContainer: Yo,
+  designOverlay: Jo,
+  animation: Qo,
+  locked: ei,
+  solid: ti,
+  verticalRhythmOverlay: ni,
+  gridSystemOverlay: oi,
+  center: ii,
+  left: ri,
+  right: si
+};
+var li = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z"stroke=currentColor stroke-width=1.5></path><circle cx=16.5 cy=7.5 r=1.5 stroke=currentColor stroke-width=1.5></circle><path d="M16 22C15.3805 19.7749 13.9345 17.7821 11.8765 16.3342C9.65761 14.7729 6.87163 13.9466 4.01569 14.0027C3.67658 14.0019 3.33776 14.0127 3 14.0351"stroke=currentColor stroke-width=1.5 stroke-linejoin=round></path><path d="M13 18C14.7015 16.6733 16.5345 15.9928 18.3862 16.0001C19.4362 15.999 20.4812 16.2216 21.5 16.6617"stroke=currentColor stroke-width=1.5 stroke-linejoin=round>');
+const ai = (e = {}) => (() => {
+  var t = li();
+  return B(t, e, !0), t;
+})();
+var di = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><circle cx=16.5 cy=7.5 r=1.5 stroke=currentColor stroke-width=1.5></circle><path d="M2 14.1354C2.66663 14.0455 3.3406 14.0011 4.01569 14.0027C6.87163 13.9466 9.65761 14.7729 11.8765 16.3342C13.9345 17.7821 15.3805 19.7749 16 22"stroke=currentColor stroke-width=1.5 stroke-linejoin=round></path><path d="M13.5 17.5C14.5 16.5 15.1772 16.2768 16 16"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M20 20.2131C18.6012 21.5 16.3635 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1087C2.5 18.7175 2.5 16.4783 2.5 12C2.5 7.6364 2.5 5.3987 3.78701 3.99988"stroke=currentColor stroke-width=1.5></path><path d="M20.0002 16C20.5427 16 21.048 16.2945 21.3967 16.5638C21.5 15.3693 21.5 13.8825 21.5 12C21.5 7.52166 21.5 5.28249 20.1088 3.89124C18.7175 2.5 16.4783 2.5 12 2.5C9.59086 2.5 7.82972 2.5 6.5 2.71659"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M2 2L22 22"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const ci = (e = {}) => (() => {
+  var t = di();
+  return B(t, e, !0), t;
+})();
+var ui = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M22 16C21.4102 15.3932 19.8403 13 19 13C18.1597 13 16.5898 15.3932 16 16M19 14L19 21"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M15.0035 21H12.0027C7.28739 21 4.92973 21 3.46487 19.5355C2 18.0711 2 15.714 2 11V7.94427C2 6.1278 2 5.21956 2.38042 4.53806C2.6516 4.05227 3.05255 3.65142 3.53848 3.38032C4.22017 3 5.12865 3 6.94562 3C8.10968 3 8.69172 3 9.20122 3.19101C10.3645 3.62712 10.8442 4.68358 11.3691 5.73313L12.0027 7M8.00163 7H16.754C18.8613 7 19.9149 7 20.6718 7.50559C20.9995 7.72447 21.2808 8.00572 21.4997 8.33329C21.8937 8.92282 21.9808 9.69244 22 11"stroke=currentColor stroke-width=1.5 stroke-linecap=round>');
+const hi = (e = {}) => (() => {
+  var t = ui();
+  return B(t, e, !0), t;
+})();
+var gi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M4.00781 4.99913C4.59743 4.39256 6.16671 2.00049 7.00666 2.00049C7.84661 2.00049 9.41589 4.39256 10.0055 4.99913M7.00666 2.84907V21.9995"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M19.0023 13.995C19.6088 14.5846 22.0011 16.1538 22.0011 16.9937C22.0011 17.8336 19.6088 19.4028 19.0023 19.9923M21.1906 16.9939H1.99805"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const fi = (e = {}) => (() => {
+  var t = gi();
+  return B(t, e, !0), t;
+})();
+var vi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M16.502 7.99988C17.3458 7.99988 18.3198 7.9165 18.801 8.74988C19.002 9.09795 19.002 9.56526 19.002 10.4999V11.4999C19.002 12.4345 19.002 12.9018 18.801 13.2499C18.3198 14.0832 17.3458 13.9999 16.502 13.9999C15.6581 13.9999 14.6841 14.0832 14.2029 13.2499C14.002 12.9018 14.002 12.4345 14.002 11.4999L14.002 10.4999C14.002 9.56526 14.002 9.09795 14.2029 8.74988C14.6841 7.9165 15.6581 7.99988 16.502 7.99988Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M7.50195 7.99988C8.34585 7.99988 9.31984 7.9165 9.80099 8.74988C10.002 9.09795 10.002 9.56526 10.002 10.4999L10.002 17.4999C10.002 18.4345 10.002 18.9018 9.80099 19.2499C9.31984 20.0832 8.34585 19.9999 7.50195 19.9999C6.65806 19.9999 5.68406 20.0832 5.20292 19.2499C5.00195 18.9018 5.00195 18.4345 5.00195 17.4999L5.00195 10.4999C5.00195 9.56526 5.00195 9.09795 5.20292 8.74988C5.68406 7.9165 6.65806 7.99988 7.50195 7.99988Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M22 4L2 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const wi = (e = {}) => (() => {
+  var t = vi();
+  return B(t, e, !0), t;
+})();
+var Ci = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M16.502 10.0023C17.3458 10.0023 18.3198 9.91895 18.801 10.7523C19.002 11.1004 19.002 11.5677 19.002 12.5023V13.5023C19.002 14.4369 19.002 14.9042 18.801 15.2523C18.3198 16.0857 17.3458 16.0023 16.502 16.0023C15.6581 16.0023 14.6841 16.0857 14.2029 15.2523C14.002 14.9042 14.002 14.4369 14.002 13.5023L14.002 12.5023C14.002 11.5677 14.002 11.1004 14.2029 10.7523C14.6841 9.91895 15.6581 10.0023 16.502 10.0023Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M7.50195 4.00232C8.34585 4.00232 9.31984 3.91895 9.80099 4.75232C10.002 5.10039 10.002 5.5677 10.002 6.50232L10.002 13.5023C10.002 14.4369 10.002 14.9042 9.80099 15.2523C9.31984 16.0857 8.34585 16.0023 7.50195 16.0023C6.65806 16.0023 5.68406 16.0857 5.20292 15.2523C5.00195 14.9042 5.00195 14.4369 5.00195 13.5023L5.00195 6.50232C5.00195 5.5677 5.00195 5.10039 5.20292 4.75232C5.68406 3.91895 6.65806 4.00232 7.50195 4.00232Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M22 20L2 20"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const yi = (e = {}) => (() => {
+  var t = Ci();
+  return B(t, e, !0), t;
+})();
+var mi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M8.00232 7.5C8.00232 6.65611 7.91895 5.68211 8.75232 5.20096C9.10039 5 9.5677 5 10.5023 5H11.5023C12.4369 5 12.9042 5 13.2523 5.20096C14.0857 5.68211 14.0023 6.65611 14.0023 7.5C14.0023 8.34389 14.0857 9.31789 13.2523 9.79904C12.9042 10 12.4369 10 11.5023 10H10.5023C9.5677 10 9.10039 10 8.75232 9.79904C7.91895 9.31789 8.00232 8.34389 8.00232 7.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M8.00232 16.5C8.00232 15.6561 7.91895 14.6821 8.75232 14.201C9.10039 14 9.5677 14 10.5023 14H17.5023C18.4369 14 18.9042 14 19.2523 14.201C20.0857 14.6821 20.0023 15.6561 20.0023 16.5C20.0023 17.3439 20.0857 18.3179 19.2523 18.799C18.9042 19 18.4369 19 17.5023 19H10.5023C9.5677 19 9.10039 19 8.75232 18.799C7.91895 18.3179 8.00232 17.3439 8.00232 16.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M4 2V22"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const pi = (e = {}) => (() => {
+  var t = mi();
+  return B(t, e, !0), t;
+})();
+var ki = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M10.0004 7.5C10.0004 6.65611 9.91699 5.68211 10.7504 5.20096C11.0984 5 11.5657 5 12.5004 5H13.5004C14.435 5 14.9023 5 15.2504 5.20096C16.0837 5.68211 16.0004 6.65611 16.0004 7.5C16.0004 8.34389 16.0837 9.31789 15.2504 9.79904C14.9023 10 14.435 10 13.5004 10H12.5004C11.5657 10 11.0984 10 10.7504 9.79904C9.91699 9.31789 10.0004 8.34389 10.0004 7.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M4.00036 16.5C4.00036 15.6561 3.91699 14.6821 4.75036 14.201C5.09844 14 5.56575 14 6.50036 14H13.5004C14.435 14 14.9023 14 15.2504 14.201C16.0837 14.6821 16.0004 15.6561 16.0004 16.5C16.0004 17.3439 16.0837 18.3179 15.2504 18.799C14.9023 19 14.435 19 13.5004 19H6.50036C5.56575 19 5.09844 19 4.75036 18.799C3.91699 18.3179 4.00036 17.3439 4.00036 16.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M20 2V22"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const bi = (e = {}) => (() => {
+  var t = ki();
+  return B(t, e, !0), t;
+})();
+var _i = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M12 19L12 22"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M12 10L12 14"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M12 2L12 5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M8.00036 7.5C8.00036 6.65611 7.91699 5.68211 8.75036 5.20096C9.09844 5 9.56575 5 10.5004 5H13.5004C14.435 5 14.9023 5 15.2504 5.20096C16.0837 5.68211 16.0004 6.65611 16.0004 7.5C16.0004 8.34389 16.0837 9.31789 15.2504 9.79904C14.9023 10 14.435 10 13.5004 10H10.5004C9.56575 10 9.09844 10 8.75036 9.79904C7.91699 9.31789 8.00036 8.34389 8.00036 7.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M4.00036 16.5C4.00036 15.6561 3.91699 14.6821 4.75036 14.201C5.09844 14 5.56575 14 6.50036 14H17.5004C18.435 14 18.9023 14 19.2504 14.201C20.0837 14.6821 20.0004 15.6561 20.0004 16.5C20.0004 17.3439 20.0837 18.3179 19.2504 18.799C18.9023 19 18.435 19 17.5004 19H6.50036C5.56575 19 5.09844 19 4.75036 18.799C3.91699 18.3179 4.00036 17.3439 4.00036 16.5Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Si = (e = {}) => (() => {
+  var t = _i();
+  return B(t, e, !0), t;
+})();
+var Pi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Mi = (e = {}) => (() => {
+  var t = Pi();
+  return B(t, e, !0), t;
+})();
+var $i = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M12 16.5V14.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M4.2678 18.8447C4.49268 20.515 5.87612 21.8235 7.55965 21.9009C8.97626 21.966 10.4153 22 12 22C13.5847 22 15.0237 21.966 16.4403 21.9009C18.1239 21.8235 19.5073 20.515 19.7322 18.8447C19.8789 17.7547 20 16.6376 20 15.5C20 14.3624 19.8789 13.2453 19.7322 12.1553C19.5073 10.485 18.1239 9.17649 16.4403 9.09909C15.0237 9.03397 13.5847 9 12 9C10.4153 9 8.97626 9.03397 7.55965 9.09909C5.87612 9.17649 4.49268 10.485 4.2678 12.1553C4.12104 13.2453 3.99999 14.3624 3.99999 15.5C3.99999 16.6376 4.12104 17.7547 4.2678 18.8447Z"stroke=currentColor stroke-width=1.5></path><path d="M7.5 9V6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5V9"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const xi = (e = {}) => (() => {
+  var t = $i();
+  return B(t, e, !0), t;
+})();
+var Ai = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M12 16.5V14.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M4.26781 18.8447C4.49269 20.515 5.87613 21.8235 7.55966 21.9009C8.97627 21.966 10.4153 22 12 22C13.5847 22 15.0237 21.966 16.4403 21.9009C18.1239 21.8235 19.5073 20.515 19.7322 18.8447C19.879 17.7547 20 16.6376 20 15.5C20 14.3624 19.879 13.2453 19.7322 12.1553C19.5073 10.485 18.1239 9.17649 16.4403 9.09909C15.0237 9.03397 13.5847 9 12 9C10.4153 9 8.97627 9.03397 7.55966 9.09909C5.87613 9.17649 4.49269 10.485 4.26781 12.1553C4.12105 13.2453 4 14.3624 4 15.5C4 16.6376 4.12105 17.7547 4.26781 18.8447Z"stroke=currentColor stroke-width=1.5></path><path d="M7.5 9V6.5C7.5 4.01472 9.51472 2 12 2C13.9593 2 15.5 3.5 16 5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Oi = (e = {}) => (() => {
+  var t = Ai();
+  return B(t, e, !0), t;
+})();
+var Ei = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M6.08938 14.9992C5.71097 14.1486 5.5 13.2023 5.5 12.2051C5.5 8.50154 8.41015 5.49921 12 5.49921C15.5899 5.49921 18.5 8.50154 18.5 12.2051C18.5 13.2023 18.289 14.1486 17.9106 14.9992"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M12 1.99921V2.99921"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M22 11.9992H21"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M3 11.9992H2"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M19.0704 4.92792L18.3633 5.63503"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M5.6368 5.636L4.92969 4.92889"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M14.517 19.3056C15.5274 18.9788 15.9326 18.054 16.0466 17.1238C16.0806 16.8459 15.852 16.6154 15.572 16.6154L8.47685 16.6156C8.18725 16.6156 7.95467 16.8614 7.98925 17.1489C8.1009 18.0773 8.3827 18.7555 9.45345 19.3056M14.517 19.3056C14.517 19.3056 9.62971 19.3056 9.45345 19.3056M14.517 19.3056C14.3955 21.2506 13.8338 22.0209 12.0068 21.9993C10.0526 22.0354 9.60303 21.0833 9.45345 19.3056"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Di = (e = {}) => (() => {
+  var t = Ei();
+  return B(t, e, !0), t;
+})();
+var Bi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28248 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28248 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088Z"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path><path d="M2.5 8.99976L21.5 8.99976"stroke=currentColor stroke-width=1.5></path><path d="M2.5 14.9998L21.5 14.9998"stroke=currentColor stroke-width=1.5></path><path d="M16 21.5L16 2.5"stroke=currentColor stroke-width=1.5></path><path d="M8 21.4998L8 2.49976"stroke=currentColor stroke-width=1.5>');
+const Li = (e = {}) => (() => {
+  var t = Bi();
+  return B(t, e, !0), t;
+})();
+var Gi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M9.66676 22L14.3334 22M3.01509 16.5C2.99793 16.0004 2.99705 15.5001 2.99855 15M20.9849 16.5C21.0021 16.0004 21.003 15.5001 21.0015 15M3.53709 19.2547C4.02122 20.213 4.80249 20.9914 5.76305 21.4718M18.1797 21.5C19.1665 21.0221 19.9692 20.232 20.4629 19.2547"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M5.50502 12C3.64422 12 3.00695 11.4596 3.00695 9.5C3.00695 6.96832 2.75702 4.04633 5.25521 2.60289C6.29863 2 7.69947 2 10.5012 2L13.4988 2C16.3005 2 17.7014 2 18.7448 2.60289C21.243 4.04633 20.9931 6.96832 20.9931 9.5C20.9931 11.3622 20.453 12 18.495 12L5.50502 12Z"stroke=currentColor stroke-width=1.5>');
+const Ri = (e = {}) => (() => {
+  var t = Gi();
+  return B(t, e, !0), t;
+})();
+var ji = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=20 height=20 color=#000000 fill=none><path d="M5.32171 9.6829C7.73539 5.41196 8.94222 3.27648 10.5983 2.72678C11.5093 2.42437 12.4907 2.42437 13.4017 2.72678C15.0578 3.27648 16.2646 5.41196 18.6783 9.6829C21.092 13.9538 22.2988 16.0893 21.9368 17.8293C21.7376 18.7866 21.2469 19.6548 20.535 20.3097C19.241 21.5 16.8274 21.5 12 21.5C7.17265 21.5 4.75897 21.5 3.46496 20.3097C2.75308 19.6548 2.26239 18.7866 2.06322 17.8293C1.70119 16.0893 2.90803 13.9538 5.32171 9.6829Z"stroke=currentColor stroke-width=2></path><path d="M11.992 16H12.001"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round></path><path d="M12 13L12 8.99997"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
+const Ii = (e = {}) => (() => {
+  var t = ji();
+  return B(t, e, !0), t;
+})();
+var Ni = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M19.5 5.5L18.8803 15.5251C18.7219 18.0864 18.6428 19.3671 18.0008 20.2879C17.6833 20.7431 17.2747 21.1273 16.8007 21.416C15.8421 22 14.559 22 11.9927 22C9.42312 22 8.1383 22 7.17905 21.4149C6.7048 21.1257 6.296 20.7408 5.97868 20.2848C5.33688 19.3626 5.25945 18.0801 5.10461 15.5152L4.5 5.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M3 5.5H21M16.0557 5.5L15.3731 4.09173C14.9196 3.15626 14.6928 2.68852 14.3017 2.39681C14.215 2.3321 14.1231 2.27454 14.027 2.2247C13.5939 2 13.0741 2 12.0345 2C10.9688 2 10.436 2 9.99568 2.23412C9.8981 2.28601 9.80498 2.3459 9.71729 2.41317C9.32164 2.7167 9.10063 3.20155 8.65861 4.17126L8.05292 5.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M9.5 16.5L9.5 10.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M14.5 16.5L14.5 10.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round>');
+const pn = (e = {}) => (() => {
+  var t = Ni();
+  return B(t, e, !0), t;
+})();
+var Ti = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"stroke=currentColor stroke-width=1.5></path><path d="M8 12.5L10.5 15L16 9"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Ui = (e = {}) => (() => {
+  var t = Ti();
+  return B(t, e, !0), t;
+})();
+var Hi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path d="M13 3.00231C12.5299 3 12.0307 3 11.5 3C7.02166 3 4.78249 3 3.39124 4.39124C2 5.78249 2 8.02166 2 12.5C2 16.9783 2 19.2175 3.39124 20.6088C4.78249 22 7.02166 22 11.5 22C15.9783 22 18.2175 22 19.6088 20.6088C20.9472 19.2703 20.998 17.147 20.9999 13"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 14.1354C2.61902 14.0455 3.24484 14.0011 3.87171 14.0027C6.52365 13.9466 9.11064 14.7729 11.1711 16.3342C13.082 17.7821 14.4247 19.7749 15 22"stroke=currentColor stroke-width=1.5 stroke-linejoin=round></path><path d="M21 16.8962C19.8246 16.3009 18.6088 15.9988 17.3862 16.0001C15.5345 15.9928 13.7015 16.6733 12 18"stroke=currentColor stroke-width=1.5 stroke-linejoin=round></path><path d="M17 4.5C17.4915 3.9943 18.7998 2 19.5 2M22 4.5C21.5085 3.9943 20.2002 2 19.5 2M19.5 2V10"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>');
+const Vi = (e = {}) => (() => {
+  var t = Hi();
+  return B(t, e, !0), t;
+})();
+var Wi = /* @__PURE__ */ _('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"width=28 height=28 color=#000000 fill=none><path id=_pixel-mirror-toggle-trigger d="M19 12C19 13.6569 17.6569 15 16 15C14.3431 15 13 13.6569 13 12C13 10.3431 14.3431 9 16 9C17.6569 9 19 10.3431 19 12Z"stroke=currentColor stroke-width=1.5></path><path d="M16 6H8C4.68629 6 2 8.68629 2 12C2 15.3137 4.68629 18 8 18H16C19.3137 18 22 15.3137 22 12C22 8.68629 19.3137 6 16 6Z"stroke=currentColor stroke-width=1.5>');
+const nn = (e = {}) => (() => {
+  var t = Wi();
+  return B(t, e, !0), t;
+})();
+var Bt = /* @__PURE__ */ _("<div>"), Zi = /* @__PURE__ */ _("<div id=_pixel-mirror-app><div><button></button><button></button><button><span></span></button><button></button><button><span>x</span></button><button></button><button></button><button></button></div><div>x:<!>, y:</div><div id=_pixel-mirror-popover><button></button><button></button><button></button><button></button><button>"), zi = /* @__PURE__ */ _("<div><div><div><div><div><h3>Vertical Rhythm</h3><button><span></span></button></div><fieldset><legend>Vertical Rhythm Height</legend><input type=text><button>Update</button></fieldset><fieldset><legend>Vertical Rhythm Color</legend><input type=text><button>Update</button></fieldset></div><div><div><h3>Grid System</h3><button><span></span></button></div><fieldset><legend>Grid System Color</legend><input type=text><button>Update</button></fieldset><div><table><thead><tr><th>Width</th><th>Columns</th><th>Gutter Width</th><th>Outer Gutter</th><th>Position</th><th></th></tr></thead><tbody></tbody><tfoot><tr><td><input type=text placeholder=1140px></td><td><input type=text placeholder=12></td><td><input type=text placeholder=24px></td><td><select><option value=1>Yes</option><option value=0>No</option></select></td><td><select><option value=center>Center</option><option value=left>Left</option><option value=right>Right</option></select></td><td colspan=2><button>Add Grid</button></td></tr></tfoot></table></div></div></div></div><div><button>Reset Grid Settings</button><button>Close"), qi = /* @__PURE__ */ _("<tr><td></td><td></td><td></td><td></td><td></td><td><button></button><button>"), Ki = /* @__PURE__ */ _('<div><img alt=""><button>'), Fi = /* @__PURE__ */ _("<button>Clear Designs"), Xi = /* @__PURE__ */ _("<div><div><div><div><label><span>Upload</span><input type=file accept=image/jpeg,image/png multiple></label></div></div></div><div><button>Close"), Yi = /* @__PURE__ */ _('<img alt="">'), Ji = /* @__PURE__ */ _("<div><div>"), Qi = /* @__PURE__ */ _("<div id=_pixel-mirror-toast><span>");
+function q(e) {
+  const t = e instanceof Error ? e.message : "An error occurred.";
+  $("errorMessage", t), console.error(t);
+}
+function er() {
+  const [e, t] = I(!1), n = ve(() => y.showAllDesignsPanel ? {
+    width: "800px",
+    height: "600px"
+  } : y.showGridSettingsPanel ? {
+    width: "680px",
+    height: "600px"
+  } : {
+    width: "380px",
+    height: "48px"
+  });
+  Fe(() => {
+    T.init().then(() => t(!0)).catch(q);
+  });
+  const o = (g) => {
+    g.target.closest("#_pixel-mirror-app") || ($({
+      showAllDesignsPanel: !1,
+      showGridSettingsPanel: !1
+    }), window.removeEventListener("mousedown", o));
+  };
+  Ze(() => {
+    !y.showAllDesignsPanel && !y.showGridSettingsPanel || (window.addEventListener("mousedown", o), Xe(() => {
+      window.removeEventListener("mousedown", o);
+    }));
+  });
+  const i = () => {
+    G({
+      showDesignOverlay: !f.showDesignOverlay
+    });
+  }, r = () => {
+    G({
+      lockDesignOverlay: !f.lockDesignOverlay
+    });
+  }, s = () => {
+    G({
+      designOpacity: 0.5
+    });
+  }, l = () => {
+    f.showDesignOverlay && $("showAlignmentPopover", !0);
+  }, c = (g) => {
+    const m = g.relatedTarget;
+    m != null && m.closest("#_pixel-mirror-popover") || $("showAlignmentPopover", !1);
+  }, v = (g) => {
+    const {
+      clientWidth: m,
+      scrollHeight: M
+    } = document.documentElement, {
+      width: A,
+      height: E
+    } = y.designSize, {
+      x: R,
+      y: S
+    } = f.designPosition, P = {
+      top: {
+        x: R,
+        y: 0
+      },
+      right: {
+        x: m - A,
+        y: S
+      },
+      bottom: {
+        x: R,
+        y: M - E
+      },
+      left: {
+        x: 0,
+        y: S
+      },
+      center: {
+        x: (m - A) / 2 | 0,
+        y: S
+      },
+      "top-center": {
+        x: (m - A) / 2 | 0,
+        y: 0
+      }
+    }[g];
+    P.x === R && P.y === S || ($({
+      designBufferedPosition: P,
+      enableAnimation: !0
+    }), G({
+      designPosition: P
+    }));
+  }, d = () => {
+    const g = f.designScale === 0.5 ? 1 : 0.5;
+    $({
+      designSize: {
+        width: y.designOriginalSize.width * g,
+        height: y.designOriginalSize.height * g
+      },
+      enableAnimation: !0
+    }), G({
+      designScale: g
+    });
+  }, a = () => {
+    const g = f.appPosition === "top" ? "bottom" : "top";
+    G({
+      appPosition: g
+    });
+  };
+  return p(F, {
+    get when() {
+      return e();
+    },
+    get children() {
+      return [(() => {
+        var g = Bt();
+        return k(g, p(ir, {}), null), k(g, p(F, {
+          get when() {
+            return f.showVerticalRhythmOverlay && !y.isZoomMode;
+          },
+          get children() {
+            return p(rr, {});
+          }
+        }), null), k(g, p(F, {
+          get when() {
+            return f.showGridSystemOverlay && !y.isZoomMode;
+          },
+          get children() {
+            return p(sr, {});
+          }
+        }), null), x(() => w(g, u.overlayContainer)), g;
+      })(), (() => {
+        var g = Zi(), m = g.firstChild, M = m.firstChild, A = M.nextSibling, E = A.nextSibling, R = E.firstChild, S = E.nextSibling, P = S.nextSibling, b = P.firstChild, V = b.firstChild, Z = P.nextSibling, Y = Z.nextSibling, oe = Y.nextSibling, K = m.nextSibling, we = K.firstChild, D = we.nextSibling;
+        D.nextSibling;
+        var H = K.nextSibling, z = H.firstChild, ie = z.nextSibling, re = ie.nextSibling, he = re.nextSibling, se = he.nextSibling;
+        return k(g, p(F, {
+          get when() {
+            return !!y.errorMessage;
+          },
+          get children() {
+            return p(lr, {});
+          }
+        }), m), M.$$click = i, k(M, p(F, {
+          get when() {
+            return f.showDesignOverlay;
+          },
+          get fallback() {
+            return p(ci, {});
+          },
+          get children() {
+            return p(ai, {});
+          }
+        })), A.$$click = r, k(A, p(F, {
+          get when() {
+            return f.lockDesignOverlay;
+          },
+          get fallback() {
+            return p(Oi, {});
+          },
+          get children() {
+            return p(xi, {});
+          }
+        })), E.$$click = s, k(R, () => Math.floor(f.designOpacity * 100)), k(E, p(Di, {}), null), S.addEventListener("mouseleave", c), S.addEventListener("mouseenter", l), S.$$click = () => v("top-center"), k(S, p(fi, {})), P.$$click = d, k(b, (() => {
+          var C = ve(() => f.designScale === 0.5);
+          return () => C() ? ".5" : f.designScale.toString();
+        })(), V), k(P, p(Mi, {}), null), Z.$$click = () => $("showGridSettingsPanel", !0), k(Z, p(Li, {})), Y.$$click = () => $("showAllDesignsPanel", !0), k(Y, p(hi, {})), oe.$$click = a, k(oe, p(Ri, {})), k(K, () => y.designBufferedPosition.x, D), k(K, () => y.designBufferedPosition.y, null), H.addEventListener("mouseleave", c), z.$$click = () => v("left"), k(z, p(pi, {})), ie.$$click = () => v("top"), k(ie, p(wi, {})), re.$$click = () => v("center"), k(re, p(Si, {})), he.$$click = () => v("bottom"), k(he, p(yi, {})), se.$$click = () => v("right"), k(se, p(bi, {})), k(g, p(F, {
+          get when() {
+            return y.showGridSettingsPanel;
+          },
+          get children() {
+            return p(tr, {});
+          }
+        }), null), k(g, p(F, {
+          get when() {
+            return y.showAllDesignsPanel;
+          },
+          get children() {
+            return p(or, {});
+          }
+        }), null), x((C) => {
+          var Ce = N(u.app, y.isSolidMode && u.hide, y.isDragging && u.noEvents, f.appPosition === "top" && u.top), Ct = n(), J = N(u.menuBar, (y.showAllDesignsPanel || y.showGridSettingsPanel) && u.hide), Je = u.menuButton, ge = !y.designUrl, Qe = u.menuButton, Q = !f.showDesignOverlay, et = N(u.menuButton, u.opacityButton), $e = !f.showDesignOverlay, ye = u.opacityButton__value, xe = u.menuButton, fe = !f.showDesignOverlay, Ae = N(u.menuButton, u.scaleButton), le = !f.showDesignOverlay, tt = u.scaleButton__value, ee = u.menuButton, nt = u.menuButton, Oe = N(u.menuButton, f.appPosition === "top" && u.rotate), Ee = N(u.coordinates, (!f.showDesignOverlay || y.showAlignmentPopover || y.showAllDesignsPanel || y.showGridSettingsPanel) && u.hide), ot = N(u.alignmentPopover, !y.showAlignmentPopover && u.hide), De = u.alignmentButton, it = u.alignmentButton, rt = u.alignmentButton, Be = u.alignmentButton, me = u.alignmentButton;
+          return Ce !== C.e && w(g, C.e = Ce), C.t = Dt(g, Ct, C.t), J !== C.a && w(m, C.a = J), Je !== C.o && w(M, C.o = Je), ge !== C.i && (M.disabled = C.i = ge), Qe !== C.n && w(A, C.n = Qe), Q !== C.s && (A.disabled = C.s = Q), et !== C.h && w(E, C.h = et), $e !== C.r && (E.disabled = C.r = $e), ye !== C.d && w(R, C.d = ye), xe !== C.l && w(S, C.l = xe), fe !== C.u && (S.disabled = C.u = fe), Ae !== C.c && w(P, C.c = Ae), le !== C.w && (P.disabled = C.w = le), tt !== C.m && w(b, C.m = tt), ee !== C.f && w(Z, C.f = ee), nt !== C.y && w(Y, C.y = nt), Oe !== C.g && w(oe, C.g = Oe), Ee !== C.p && w(K, C.p = Ee), ot !== C.b && w(H, C.b = ot), De !== C.T && w(z, C.T = De), it !== C.A && w(ie, C.A = it), rt !== C.O && w(re, C.O = rt), Be !== C.I && w(he, C.I = Be), me !== C.S && w(se, C.S = me), C;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0,
+          s: void 0,
+          h: void 0,
+          r: void 0,
+          d: void 0,
+          l: void 0,
+          u: void 0,
+          c: void 0,
+          w: void 0,
+          m: void 0,
+          f: void 0,
+          y: void 0,
+          g: void 0,
+          p: void 0,
+          b: void 0,
+          T: void 0,
+          A: void 0,
+          O: void 0,
+          I: void 0,
+          S: void 0
+        }), g;
+      })()];
+    }
+  });
+}
+function tr() {
+  const [e, t] = I(f.verticalRhythmHeight), [n, o] = I(f.verticalRhythmColor), [i, r] = I([]), [s, l] = I(f.gridSystemColor), [c, v] = I(""), [d, a] = I(""), [g, m] = I(""), [M, A] = I(!0), [E, R] = I("center");
+  Fe(() => {
+    T.getAllGridSets().then((D) => r(D)).catch(q);
+  });
+  const S = () => {
+    G({
+      showVerticalRhythmOverlay: !f.showVerticalRhythmOverlay
+    });
+  }, P = () => {
+    G({
+      verticalRhythmHeight: e()
+    });
+  }, b = () => {
+    G({
+      verticalRhythmColor: n()
+    });
+  }, V = () => {
+    G({
+      showGridSystemOverlay: !f.showGridSystemOverlay
+    });
+  }, Z = () => {
+    G({
+      gridSystemColor: s()
+    });
+  }, Y = () => {
+    const D = {
+      width: /^\d+$/.test(c()) ? `${c()}px` : c(),
+      columns: +d(),
+      gutterWidth: /^\d+$/.test(g()) ? `${g()}px` : g(),
+      isGutterOnOutside: M(),
+      position: E()
+    };
+    T.addGridSet(D).then((H) => {
+      r((z) => [...z, H]), v(""), a(""), m(""), A(!0), R("center");
+    }).catch(q);
+  }, oe = (D) => {
+    T.deleteGridSet(D).then(() => {
+      r((H) => H.filter((z) => z.id !== D));
+    }).catch(q);
+  }, K = (D) => {
+    G({
+      activeGridSystemId: D
+    });
+  }, we = () => {
+    T.resetGridSets().then((D) => {
+      r(D), G({
+        activeGridSystemId: "default"
+      });
+    }).catch(q);
+  };
+  return (() => {
+    var D = zi(), H = D.firstChild, z = H.firstChild, ie = z.firstChild, re = ie.firstChild, he = re.firstChild, se = he.nextSibling, C = se.firstChild, Ce = re.nextSibling, Ct = Ce.firstChild, J = Ct.nextSibling, Je = J.nextSibling, ge = Ce.nextSibling, Qe = ge.firstChild, Q = Qe.nextSibling, et = Q.nextSibling, $e = ie.nextSibling, ye = $e.firstChild, xe = ye.firstChild, fe = xe.nextSibling, Ae = fe.firstChild, le = ye.nextSibling, tt = le.firstChild, ee = tt.nextSibling, nt = ee.nextSibling, Oe = le.nextSibling, Ee = Oe.firstChild, ot = Ee.firstChild, De = ot.nextSibling, it = De.nextSibling, rt = it.firstChild, Be = rt.firstChild, me = Be.firstChild, Lt = Be.nextSibling, yt = Lt.firstChild, Gt = Lt.nextSibling, mt = Gt.firstChild, Rt = Gt.nextSibling, jt = Rt.firstChild, It = Rt.nextSibling, Nt = It.firstChild, kn = It.nextSibling, pt = kn.firstChild, Tt = H.nextSibling, kt = Tt.firstChild, Ut = kt.nextSibling;
+    return se.$$click = S, k(se, p(nn, {}), C), k(C, () => f.showVerticalRhythmOverlay ? "Enabled" : "Disabled"), J.$$input = (h) => t(h.target.value), W(J, "spellcheck", !1), Je.$$click = P, Q.$$input = (h) => o(h.target.value), W(Q, "spellcheck", !1), et.$$click = b, fe.$$click = V, k(fe, p(nn, {}), Ae), k(Ae, () => f.showGridSystemOverlay ? "Enabled" : "Disabled"), ee.$$input = (h) => l(h.target.value), W(ee, "spellcheck", !1), nt.$$click = Z, k(De, () => p(Et, {
+      get each() {
+        return i();
+      },
+      children: (h) => (() => {
+        var pe = qi(), Le = pe.firstChild, Ge = Le.nextSibling, Re = Ge.nextSibling, je = Re.nextSibling, Ie = je.nextSibling, Ne = Ie.nextSibling, ae = Ne.firstChild, de = ae.nextSibling;
+        return k(Le, () => h.width), k(Ge, () => h.columns), k(Re, () => h.gutterWidth), k(je, () => h.isGutterOnOutside ? "Yes" : "No"), k(Ie, () => h.position), ae.$$click = () => oe(h.id), k(ae, p(pn, {})), de.$$click = () => K(h.id), k(de, p(Ui, {})), x((j) => {
+          var ke = N(f.activeGridSystemId === h.id && u.active), be = u.table__bgroup, Te = u.table__button, Ue = i().length == 1 || f.activeGridSystemId === h.id, He = N(u.table__button, u.activeGridButton, f.activeGridSystemId === h.id && u.active), Ve = f.activeGridSystemId === h.id;
+          return ke !== j.e && w(pe, j.e = ke), be !== j.t && w(Ne, j.t = be), Te !== j.a && w(ae, j.a = Te), Ue !== j.o && (ae.disabled = j.o = Ue), He !== j.i && w(de, j.i = He), Ve !== j.n && (de.disabled = j.n = Ve), j;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0
+        }), pe;
+      })()
+    })), me.$$input = (h) => v(h.target.value), W(me, "spellcheck", !1), yt.$$input = (h) => a(h.target.value), W(yt, "spellcheck", !1), mt.$$input = (h) => m(h.target.value), W(mt, "spellcheck", !1), jt.addEventListener("change", (h) => A(!!+h.target.value)), Nt.addEventListener("change", (h) => R(h.target.value)), pt.$$click = Y, kt.$$click = we, Ut.$$click = () => $("showGridSettingsPanel", !1), x((h) => {
+      var pe = u.panel, Le = u.panel__contentWrapper, Ge = N(u.panel__content, !!i().length && u.show), Re = u.gridSettingBox, je = u.gridSettingBox__header, Ie = u.gridSettingBox__heading, Ne = N(u.gridSettingBox__toggleButton, f.showVerticalRhythmOverlay && u.enabled), ae = u.fieldset, de = e() !== f.verticalRhythmHeight ? "italic" : void 0, j = u.fieldset, ke = n(), be = n() !== f.verticalRhythmColor ? "italic" : void 0, Te = u.gridSettingBox, Ue = u.gridSettingBox__header, He = u.gridSettingBox__heading, Ve = N(u.gridSettingBox__toggleButton, f.showGridSystemOverlay && u.enabled), Ht = u.fieldset, bt = s(), _t = s() !== f.gridSystemColor ? "italic" : void 0, Vt = u.tableWrapper, Wt = u.table, Zt = u.addGridButton, zt = !c() || !d() || !g(), qt = u.panel__footer, Kt = u.panel__button, Ft = u.panel__button;
+      return pe !== h.e && w(D, h.e = pe), Le !== h.t && w(H, h.t = Le), Ge !== h.a && w(z, h.a = Ge), Re !== h.o && w(ie, h.o = Re), je !== h.i && w(re, h.i = je), Ie !== h.n && w(he, h.n = Ie), Ne !== h.s && w(se, h.s = Ne), ae !== h.h && w(Ce, h.h = ae), de !== h.r && ((h.r = de) != null ? J.style.setProperty("font-style", de) : J.style.removeProperty("font-style")), j !== h.d && w(ge, h.d = j), ke !== h.l && ((h.l = ke) != null ? ge.style.setProperty("background", ke) : ge.style.removeProperty("background")), be !== h.u && ((h.u = be) != null ? Q.style.setProperty("font-style", be) : Q.style.removeProperty("font-style")), Te !== h.c && w($e, h.c = Te), Ue !== h.w && w(ye, h.w = Ue), He !== h.m && w(xe, h.m = He), Ve !== h.f && w(fe, h.f = Ve), Ht !== h.y && w(le, h.y = Ht), bt !== h.g && ((h.g = bt) != null ? le.style.setProperty("background", bt) : le.style.removeProperty("background")), _t !== h.p && ((h.p = _t) != null ? ee.style.setProperty("font-style", _t) : ee.style.removeProperty("font-style")), Vt !== h.b && w(Oe, h.b = Vt), Wt !== h.T && w(Ee, h.T = Wt), Zt !== h.A && w(pt, h.A = Zt), zt !== h.O && (pt.disabled = h.O = zt), qt !== h.I && w(Tt, h.I = qt), Kt !== h.S && w(kt, h.S = Kt), Ft !== h.W && w(Ut, h.W = Ft), h;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0,
+      u: void 0,
+      c: void 0,
+      w: void 0,
+      m: void 0,
+      f: void 0,
+      y: void 0,
+      g: void 0,
+      p: void 0,
+      b: void 0,
+      T: void 0,
+      A: void 0,
+      O: void 0,
+      I: void 0,
+      S: void 0,
+      W: void 0
+    }), x(() => J.value = e()), x(() => Q.value = n()), x(() => ee.value = s()), x(() => me.value = c()), x(() => yt.value = d()), x(() => mt.value = g()), x(() => jt.value = Number(M())), x(() => Nt.value = E()), D;
+  })();
+}
+function nr(e) {
+  const [t, n] = I("");
+  return Fe(() => {
+    const o = new Blob([e.buffer], {
+      type: e.mimeType
+    }), i = URL.createObjectURL(o);
+    n(i);
+  }), Xe(() => {
+    URL.revokeObjectURL(t());
+  }), (() => {
+    var o = Ki(), i = o.firstChild, r = i.nextSibling;
+    return i.$$click = () => e.selectDesign(e.id), W(i, "draggable", !1), r.$$click = () => e.deleteDesign(e.id), k(r, p(pn, {})), x((s) => {
+      var l = N(u.designCard, f.designId === e.id && u.current), c = u.designCard__img, v = t(), d = u.designCard__button, a = f.designId === e.id;
+      return l !== s.e && w(o, s.e = l), c !== s.t && w(i, s.t = c), v !== s.a && W(i, "src", s.a = v), d !== s.o && w(r, s.o = d), a !== s.i && (r.disabled = s.i = a), s;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), o;
+  })();
+}
+function or() {
+  const [e, t] = I(!1), [n, o] = I([]);
+  Fe(() => {
+    T.getAllDesigns().then((a) => {
+      o(a), t(!0);
+    }).catch(q);
+  });
+  const i = (a) => {
+    a.length !== 0 && T.uploadDesign(a).then((g) => o((m) => [...g, ...m])).catch(q);
+  }, r = (a) => {
+    const g = a.target, m = Array.from(g.files || []);
+    i(m);
+  }, s = (a) => {
+    var m;
+    a.preventDefault(), a.stopPropagation();
+    const g = Array.from(((m = a.dataTransfer) == null ? void 0 : m.files) || []).filter((M) => ["image/jpeg", "image/png"].includes(M.type));
+    i(g);
+  }, l = (a) => {
+    a.preventDefault(), a.stopPropagation();
+  }, c = (a) => {
+    f.designId !== a && (G({
+      designId: a,
+      showDesignOverlay: !0
+    }), $("showAllDesignsPanel", !1));
+  }, v = (a) => {
+    T.deleteDesign(a).then(() => o((g) => g.filter((m) => m.id !== a))).catch(q);
+  }, d = () => {
+    T.deleteAllDesigns().then(() => {
+      o([]), G({
+        designId: "",
+        showDesignOverlay: !1
+      }), y.designUrl && (URL.revokeObjectURL(y.designUrl), $("designUrl", void 0));
+    }).catch(q);
+  };
+  return (() => {
+    var a = Xi(), g = a.firstChild, m = g.firstChild, M = m.firstChild, A = M.firstChild, E = A.firstChild, R = E.nextSibling, S = g.nextSibling, P = S.firstChild;
+    return m.addEventListener("dragover", l), m.addEventListener("drop", s), k(A, p(Vi, {
+      get class() {
+        return u.uploadButton__icon;
+      }
+    }), E), R.addEventListener("change", r), k(M, () => p(Et, {
+      get each() {
+        return n();
+      },
+      children: (b) => p(nr, Rn(b, {
+        selectDesign: c,
+        deleteDesign: v
+      }))
+    }), null), k(S, p(F, {
+      get when() {
+        return !!n().length;
+      },
+      get children() {
+        var b = Fi();
+        return b.$$click = d, x(() => w(b, u.panel__button)), b;
+      }
+    }), P), P.$$click = () => $("showAllDesignsPanel", !1), x((b) => {
+      var V = u.panel, Z = u.panel__contentWrapper, Y = N(u.panel__content, e() && u.show), oe = u.allDesignsList, K = u.uploadButton, we = u.uploadButton__text, D = u.panel__footer, H = u.panel__button;
+      return V !== b.e && w(a, b.e = V), Z !== b.t && w(g, b.t = Z), Y !== b.a && w(m, b.a = Y), oe !== b.o && w(M, b.o = oe), K !== b.i && w(A, b.i = K), we !== b.n && w(E, b.n = we), D !== b.s && w(S, b.s = D), H !== b.h && w(P, b.h = H), b;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), a;
+  })();
+}
+function ir() {
+  Ze(() => {
+    f.designId && T.getDesign(f.designId).then((d) => {
+      if (!d)
+        throw new Error("Failed to load design image.");
+      const a = new Blob([d.buffer], {
+        type: d.mimeType
+      }), g = URL.createObjectURL(a);
+      $("designUrl", g);
+    }).catch(q);
+  }), Ze(() => {
+    f.showDesignOverlay ? (window.addEventListener("keydown", s), window.addEventListener("keyup", l)) : (window.removeEventListener("keydown", s), window.removeEventListener("keyup", l));
+  }), Xe(() => {
+    window.removeEventListener("keydown", s), window.removeEventListener("keyup", l);
+  });
+  const e = ve(() => ({
+    width: `${y.designSize.width}px`,
+    height: `${y.designSize.height}px`,
+    opacity: y.isSolidMode ? 1 : f.designOpacity,
+    transform: `translate3D(${y.designBufferedPosition.x}px, ${y.designBufferedPosition.y}px, 0)`,
+    cursor: y.isSolidMode ? y.isZoomMode ? "zoom-out" : "zoom-in" : y.isDragging ? "grabbing" : "grab"
+  })), t = (d) => {
+    const a = d.target;
+    $({
+      designSize: {
+        width: a.naturalWidth * f.designScale,
+        height: a.naturalHeight * f.designScale
+      },
+      designOriginalSize: {
+        width: a.naturalWidth,
+        height: a.naturalHeight
+      },
+      designBufferedPosition: f.designPosition
+    });
+  }, n = (d) => {
+    d.button === 0 && (y.isSolidMode ? y.isZoomMode ? ($({
+      isZoomMode: !1,
+      designSize: {
+        width: y.designOriginalSize.width * f.designScale,
+        height: y.designOriginalSize.height * f.designScale
+      },
+      designBufferedPosition: f.designPosition,
+      enableAnimation: !0
+    }), window.removeEventListener("mousemove", i)) : $({
+      isZoomMode: !0,
+      designSize: {
+        width: y.designSize.width * 2,
+        height: y.designSize.height * 2
+      },
+      designBufferedPosition: {
+        x: innerWidth / 2 - (d.clientX - y.designBufferedPosition.x) * 2,
+        y: innerHeight / 2 - (d.clientY - y.designBufferedPosition.y) * 2
+      },
+      enableAnimation: !0
+    }) : f.lockDesignOverlay || ($("isDragging", !0), window.addEventListener("mousemove", o)));
+  }, o = (d) => {
+    $("designBufferedPosition", (a) => ({
+      x: a.x + d.movementX,
+      y: a.y + d.movementY
+    }));
+  }, i = (d) => {
+    $("designBufferedPosition", (a) => ({
+      x: a.x - d.movementX,
+      y: a.y - d.movementY
+    }));
+  }, r = (d) => {
+    d.button !== 0 || !y.isDragging || ($("isDragging", !1), G({
+      designPosition: y.designBufferedPosition
+    }), window.removeEventListener("mousemove", o));
+  }, s = (d) => {
+    if (!["INPUT", "SELECT"].includes(d.target.tagName))
+      if (d.key === "Control")
+        window.addEventListener("wheel", c, {
+          passive: !1
+        });
+      else if (d.key === " ")
+        d.preventDefault(), y.isDragging || $("isSolidMode", !0);
+      else if (d.key.startsWith("Arrow")) {
+        d.preventDefault();
+        const [a, g] = {
+          ArrowUp: [0, -1],
+          ArrowDown: [0, 1],
+          ArrowLeft: [-1, 0],
+          ArrowRight: [1, 0]
+        }[d.key] || [0, 0];
+        $("designBufferedPosition", {
+          x: f.designPosition.x + a,
+          y: f.designPosition.y + g
+        });
+      } else d.key === "Escape" && G({
+        lockDesignOverlay: !f.lockDesignOverlay
+      });
+  }, l = (d) => {
+    ["INPUT", "SELECT"].includes(d.target.tagName) || (d.key === "Control" ? window.removeEventListener("wheel", c) : d.key === " " ? y.isZoomMode ? ($({
+      isSolidMode: !1,
+      isZoomMode: !1,
+      designSize: {
+        width: y.designOriginalSize.width * f.designScale,
+        height: y.designOriginalSize.height * f.designScale
+      },
+      designBufferedPosition: f.designPosition,
+      enableAnimation: !0
+    }), window.removeEventListener("mousemove", i)) : $("isSolidMode", !1) : d.key.startsWith("Arrow") && G({
+      designPosition: y.designBufferedPosition
+    }));
+  }, c = (d) => {
+    d.preventDefault();
+    const a = d.deltaY > 0 ? 0.05 : -0.05, g = Math.round((f.designOpacity + a) * 100) / 100;
+    G({
+      designOpacity: Math.max(0.1, Math.min(0.9, g))
+    });
+  }, v = () => {
+    $("enableAnimation", !1), y.isZoomMode && window.addEventListener("mousemove", i);
+  };
+  return (() => {
+    var d = Yi();
+    return d.addEventListener("transitionend", v), d.addEventListener("mouseleave", r), d.$$mouseup = r, d.$$mousedown = n, d.addEventListener("load", t), W(d, "draggable", !1), x((a) => {
+      var g = y.designUrl, m = N(u.designOverlay, y.isSolidMode && u.solid, y.enableAnimation && u.animation, f.lockDesignOverlay && !y.isSolidMode && u.locked, (!y.designUrl || !f.showDesignOverlay) && u.hide), M = e();
+      return g !== a.e && W(d, "src", a.e = g), m !== a.t && w(d, a.t = m), a.a = Dt(d, M, a.a), a;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), d;
+  })();
+}
+function rr() {
+  return (() => {
+    var e = Bt();
+    return x((t) => {
+      var n = u.verticalRhythmOverlay, o = `linear-gradient(to bottom, ${f.verticalRhythmColor} ${f.verticalRhythmHeight}, transparent ${f.verticalRhythmHeight})`, i = `100% ${f.verticalRhythmHeight.replace(/\d+/, (r) => String(+r * 2))}`;
+      return n !== t.e && w(e, t.e = n), o !== t.t && ((t.t = o) != null ? e.style.setProperty("background-image", o) : e.style.removeProperty("background-image")), i !== t.a && ((t.a = i) != null ? e.style.setProperty("background-size", i) : e.style.removeProperty("background-size")), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), e;
+  })();
+}
+function sr() {
+  const [e, t] = I(void 0);
+  return Ze(() => {
+    f.activeGridSystemId && T.getGridSet(f.activeGridSystemId).then((n) => {
+      if (!n)
+        throw new Error("Failed to load grid system.");
+      t(n);
+    }).catch(q);
+  }), p(F, {
+    get when() {
+      return !!e();
+    },
+    get children() {
+      var n = Ji(), o = n.firstChild;
+      return o.style.setProperty("box-sizing", "border-box"), o.style.setProperty("display", "flex"), k(o, p(Et, {
+        get each() {
+          return Array.from({
+            length: e().columns
+          });
+        },
+        children: () => (() => {
+          var i = Bt();
+          return i.style.setProperty("flex", "1"), x((r) => (r = f.gridSystemColor) != null ? i.style.setProperty("background", r) : i.style.removeProperty("background")), i;
+        })()
+      })), x((i) => {
+        var r = N(u.gridSystemOverlay, u[e().position]), s = e().width, l = e().isGutterOnOutside ? e().gutterWidth.replace(/\d+/, (d) => String(+d / 2)) : void 0, c = e().isGutterOnOutside ? e().gutterWidth.replace(/\d+/, (d) => String(+d / 2)) : void 0, v = e().gutterWidth;
+        return r !== i.e && w(n, i.e = r), s !== i.t && ((i.t = s) != null ? o.style.setProperty("width", s) : o.style.removeProperty("width")), l !== i.a && ((i.a = l) != null ? o.style.setProperty("padding-left", l) : o.style.removeProperty("padding-left")), c !== i.o && ((i.o = c) != null ? o.style.setProperty("padding-right", c) : o.style.removeProperty("padding-right")), v !== i.i && ((i.i = v) != null ? o.style.setProperty("gap", v) : o.style.removeProperty("gap")), i;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0
+      }), n;
+    }
+  });
+}
+function lr() {
+  Fe(() => {
+    window.addEventListener("mousedown", e), Xe(() => {
+      window.removeEventListener("mousedown", e);
+    });
+  });
+  const e = (t) => {
+    t.target.closest("#_pixel-mirror-toast") || $("errorMessage", void 0);
+  };
+  return (() => {
+    var t = Qi(), n = t.firstChild;
+    return k(t, p(Ii, {}), n), k(n, () => y.errorMessage), x((o) => {
+      var i = u.toast, r = u.toast__message;
+      return i !== o.e && w(t, o.e = i), r !== o.t && w(n, o.t = r), o;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
+  })();
+}
+un(["click", "input", "mousedown", "mouseup"]);
+Vn(() => p(er, {}), document.body);