:root {
  --mx-theme-surface: #1e1e1e;
  --mx-theme-surface-2: #252526;
  --mx-theme-surface-3: #2a2a2a;
  --mx-theme-canvas: #111111;
  --mx-theme-border: #333333;
  --mx-theme-border-2: #444444;
  --mx-theme-text: #f3f4f6;
  --mx-theme-text-2: #d1d5db;
  --mx-theme-muted: #9ca3af;
  --mx-theme-faint: #6b7280;
  --mx-theme-accent: #3b82f6;
  --mx-theme-accent-2: #60a5fa;
  --mx-theme-accent-soft: rgba(59, 130, 246, 0.16);
  --mx-theme-good: #22c55e;
  --mx-theme-danger: #ef4444;
  --mx-theme-shadow: 0 18px 55px rgba(0, 0, 0, 0.34);
}

html[data-mx-theme="star-night"] {
  --mx-theme-surface: #0f1726;
  --mx-theme-surface-2: #162033;
  --mx-theme-surface-3: #1e2b42;
  --mx-theme-canvas: #090f1c;
  --mx-theme-border: #26344f;
  --mx-theme-border-2: #385171;
  --mx-theme-text: #eef6ff;
  --mx-theme-text-2: #cbdaf0;
  --mx-theme-muted: #93a8c7;
  --mx-theme-faint: #6680a4;
  --mx-theme-accent: #38bdf8;
  --mx-theme-accent-2: #22d3ee;
  --mx-theme-accent-soft: rgba(56, 189, 248, 0.18);
  --mx-theme-good: #34d399;
  --mx-theme-danger: #fb7185;
  --mx-theme-shadow: 0 22px 70px rgba(0, 10, 30, 0.46);
  --background: 220 45% 7%;
  --foreground: 210 70% 96%;
  --card: 218 40% 12%;
  --border: 216 34% 23%;
  --primary: 195 92% 56%;
}

html[data-mx-theme="rouge-gold"] {
  --mx-theme-surface: #191214;
  --mx-theme-surface-2: #24181b;
  --mx-theme-surface-3: #312024;
  --mx-theme-canvas: #100b0d;
  --mx-theme-border: #473036;
  --mx-theme-border-2: #65404a;
  --mx-theme-text: #fff4f2;
  --mx-theme-text-2: #f4d6d1;
  --mx-theme-muted: #c59d97;
  --mx-theme-faint: #8c6a65;
  --mx-theme-accent: #f43f5e;
  --mx-theme-accent-2: #fbbf24;
  --mx-theme-accent-soft: rgba(244, 63, 94, 0.18);
  --mx-theme-good: #fbbf24;
  --mx-theme-danger: #fb7185;
  --mx-theme-shadow: 0 22px 70px rgba(31, 7, 12, 0.48);
  --background: 348 21% 5%;
  --foreground: 10 90% 97%;
  --card: 348 22% 9%;
  --border: 348 20% 24%;
  --primary: 349 89% 60%;
}

html[data-mx-theme="morning-mist"] {
  --mx-theme-surface: #f7f9fc;
  --mx-theme-surface-2: #eef3f8;
  --mx-theme-surface-3: #e3ebf4;
  --mx-theme-canvas: #f2f6fb;
  --mx-theme-border: #d4deea;
  --mx-theme-border-2: #b7c6d8;
  --mx-theme-text: #172033;
  --mx-theme-text-2: #344054;
  --mx-theme-muted: #667085;
  --mx-theme-faint: #98a2b3;
  --mx-theme-accent: #2563eb;
  --mx-theme-accent-2: #0f766e;
  --mx-theme-accent-soft: rgba(37, 99, 235, 0.12);
  --mx-theme-good: #079455;
  --mx-theme-danger: #d92d20;
  --mx-theme-shadow: 0 18px 45px rgba(24, 40, 72, 0.14);
  --background: 213 45% 96%;
  --foreground: 220 32% 15%;
  --card: 215 40% 98%;
  --border: 214 28% 84%;
  --primary: 221 83% 53%;
}

html[data-mx-theme="titanium-graphite"] {
  --mx-theme-surface: #14171d;
  --mx-theme-surface-2: #1c222b;
  --mx-theme-surface-3: #27303c;
  --mx-theme-canvas: #0b0e13;
  --mx-theme-border: #303947;
  --mx-theme-border-2: #465466;
  --mx-theme-text: #f3f6f8;
  --mx-theme-text-2: #cdd6df;
  --mx-theme-muted: #94a3b2;
  --mx-theme-faint: #697586;
  --mx-theme-accent: #d6b16a;
  --mx-theme-accent-2: #7dd3fc;
  --mx-theme-accent-soft: rgba(214, 177, 106, 0.16);
  --mx-theme-good: #5eead4;
  --mx-theme-danger: #fb7185;
  --mx-theme-shadow: 0 24px 72px rgba(3, 7, 18, 0.5);
  --background: 220 27% 6%;
  --foreground: 210 30% 96%;
  --card: 220 24% 10%;
  --border: 215 18% 24%;
  --primary: 39 57% 63%;
}

html[data-mx-theme="cyan-lab"] {
  --mx-theme-surface: #091b1e;
  --mx-theme-surface-2: #0f2a2e;
  --mx-theme-surface-3: #153940;
  --mx-theme-canvas: #061113;
  --mx-theme-border: #1e4d55;
  --mx-theme-border-2: #2a6872;
  --mx-theme-text: #effefd;
  --mx-theme-text-2: #c2e8e7;
  --mx-theme-muted: #83bab9;
  --mx-theme-faint: #5c8989;
  --mx-theme-accent: #2dd4bf;
  --mx-theme-accent-2: #a3e635;
  --mx-theme-accent-soft: rgba(45, 212, 191, 0.16);
  --mx-theme-good: #a3e635;
  --mx-theme-danger: #f97316;
  --mx-theme-shadow: 0 24px 74px rgba(0, 24, 28, 0.5);
  --background: 185 52% 5%;
  --foreground: 176 80% 96%;
  --card: 185 50% 9%;
  --border: 184 35% 23%;
  --primary: 172 66% 50%;
}

html[data-mx-theme="graphite-violet"] {
  --mx-theme-surface: #15131d;
  --mx-theme-surface-2: #211d2e;
  --mx-theme-surface-3: #2d2740;
  --mx-theme-canvas: #0d0b14;
  --mx-theme-border: #3d3555;
  --mx-theme-border-2: #574b76;
  --mx-theme-text: #f6f2ff;
  --mx-theme-text-2: #d8cff0;
  --mx-theme-muted: #a99bc8;
  --mx-theme-faint: #786b98;
  --mx-theme-accent: #a78bfa;
  --mx-theme-accent-2: #f0abfc;
  --mx-theme-accent-soft: rgba(167, 139, 250, 0.17);
  --mx-theme-good: #86efac;
  --mx-theme-danger: #f87171;
  --mx-theme-shadow: 0 24px 76px rgba(12, 5, 28, 0.52);
  --background: 256 29% 6%;
  --foreground: 260 85% 97%;
  --card: 257 28% 10%;
  --border: 257 23% 27%;
  --primary: 255 92% 76%;
}

html[data-mx-theme="obsidian-teal"] {
  --mx-theme-surface: #101719;
  --mx-theme-surface-2: #182426;
  --mx-theme-surface-3: #213335;
  --mx-theme-canvas: #080d0f;
  --mx-theme-border: #2c4549;
  --mx-theme-border-2: #3e6065;
  --mx-theme-text: #f1fbfa;
  --mx-theme-text-2: #cce1df;
  --mx-theme-muted: #92aaa8;
  --mx-theme-faint: #667d7b;
  --mx-theme-accent: #14b8a6;
  --mx-theme-accent-2: #f59e0b;
  --mx-theme-accent-soft: rgba(20, 184, 166, 0.17);
  --mx-theme-good: #22c55e;
  --mx-theme-danger: #ef4444;
  --mx-theme-shadow: 0 24px 72px rgba(1, 13, 15, 0.55);
  --background: 190 32% 5%;
  --foreground: 175 60% 96%;
  --card: 185 26% 9%;
  --border: 184 21% 25%;
  --primary: 174 72% 40%;
}

html[data-mx-theme="moonstone"] {
  --mx-theme-surface: #f6f3ee;
  --mx-theme-surface-2: #ebe5dc;
  --mx-theme-surface-3: #ded6ca;
  --mx-theme-canvas: #f1eee8;
  --mx-theme-border: #d2c7b8;
  --mx-theme-border-2: #b9aa98;
  --mx-theme-text: #242833;
  --mx-theme-text-2: #3f4755;
  --mx-theme-muted: #717b8c;
  --mx-theme-faint: #9aa3b1;
  --mx-theme-accent: #375a7f;
  --mx-theme-accent-2: #b7791f;
  --mx-theme-accent-soft: rgba(55, 90, 127, 0.13);
  --mx-theme-good: #0f766e;
  --mx-theme-danger: #b42318;
  --mx-theme-shadow: 0 20px 48px rgba(67, 56, 42, 0.16);
  --background: 38 25% 93%;
  --foreground: 222 18% 17%;
  --card: 38 28% 95%;
  --border: 34 22% 77%;
  --primary: 209 40% 36%;
}

html[data-mx-theme="cloud-porcelain"] {
  --mx-theme-surface: #ffffff;
  --mx-theme-surface-2: #f4f7fb;
  --mx-theme-surface-3: #e8eef7;
  --mx-theme-canvas: #f7faff;
  --mx-theme-border: #d8e2ef;
  --mx-theme-border-2: #b8c7da;
  --mx-theme-text: #172033;
  --mx-theme-text-2: #354052;
  --mx-theme-muted: #66758a;
  --mx-theme-faint: #9aa8ba;
  --mx-theme-accent: #1d4ed8;
  --mx-theme-accent-2: #0284c7;
  --mx-theme-accent-soft: rgba(29, 78, 216, 0.11);
  --mx-theme-good: #047857;
  --mx-theme-danger: #dc2626;
  --mx-theme-shadow: 0 18px 42px rgba(30, 58, 138, 0.12);
  --background: 214 100% 98%;
  --foreground: 220 36% 15%;
  --card: 0 0% 100%;
  --border: 213 38% 86%;
  --primary: 224 76% 48%;
}

html[data-mx-theme="mint-daylight"] {
  --mx-theme-surface: #fbfffd;
  --mx-theme-surface-2: #edf8f3;
  --mx-theme-surface-3: #dff0e9;
  --mx-theme-canvas: #f4fbf8;
  --mx-theme-border: #cfe5dc;
  --mx-theme-border-2: #a8cdbd;
  --mx-theme-text: #13241f;
  --mx-theme-text-2: #2f4a42;
  --mx-theme-muted: #627b72;
  --mx-theme-faint: #91a8a0;
  --mx-theme-accent: #0f766e;
  --mx-theme-accent-2: #65a30d;
  --mx-theme-accent-soft: rgba(15, 118, 110, 0.12);
  --mx-theme-good: #15803d;
  --mx-theme-danger: #c2410c;
  --mx-theme-shadow: 0 18px 42px rgba(15, 118, 110, 0.13);
  --background: 150 45% 97%;
  --foreground: 160 31% 11%;
  --card: 150 60% 99%;
  --border: 154 28% 84%;
  --primary: 176 76% 26%;
}

html[data-mx-theme="pearl-blue"] {
  --mx-theme-surface: #fbfdff;
  --mx-theme-surface-2: #edf4ff;
  --mx-theme-surface-3: #dfeafe;
  --mx-theme-canvas: #f3f8ff;
  --mx-theme-border: #ccdaf1;
  --mx-theme-border-2: #aabdd9;
  --mx-theme-text: #182235;
  --mx-theme-text-2: #33425a;
  --mx-theme-muted: #62718a;
  --mx-theme-faint: #92a0b6;
  --mx-theme-accent: #315fba;
  --mx-theme-accent-2: #7c3aed;
  --mx-theme-accent-soft: rgba(49, 95, 186, 0.12);
  --mx-theme-good: #0f766e;
  --mx-theme-danger: #be123c;
  --mx-theme-shadow: 0 18px 44px rgba(49, 95, 186, 0.14);
  --background: 213 100% 98%;
  --foreground: 220 37% 15%;
  --card: 210 100% 99%;
  --border: 217 43% 85%;
  --primary: 221 58% 46%;
}

html[data-mx-theme="warm-paper"] {
  --mx-theme-surface: #fffdf8;
  --mx-theme-surface-2: #f8f1e6;
  --mx-theme-surface-3: #efe3d1;
  --mx-theme-canvas: #fbf6ed;
  --mx-theme-border: #e1d2bd;
  --mx-theme-border-2: #c6b294;
  --mx-theme-text: #2b251f;
  --mx-theme-text-2: #4b4137;
  --mx-theme-muted: #776b5d;
  --mx-theme-faint: #a59a8b;
  --mx-theme-accent: #9a5b13;
  --mx-theme-accent-2: #0f766e;
  --mx-theme-accent-soft: rgba(154, 91, 19, 0.12);
  --mx-theme-good: #15803d;
  --mx-theme-danger: #b42318;
  --mx-theme-shadow: 0 18px 44px rgba(120, 86, 45, 0.14);
  --background: 39 58% 96%;
  --foreground: 30 24% 15%;
  --card: 42 100% 99%;
  --border: 37 31% 80%;
  --primary: 32 78% 34%;
}

html[data-mx-theme="aurora-depth"] {
  --mx-theme-surface: #0d1624;
  --mx-theme-surface-2: #142237;
  --mx-theme-surface-3: #1c304a;
  --mx-theme-canvas: #070d17;
  --mx-theme-border: #243c5a;
  --mx-theme-border-2: #34577e;
  --mx-theme-text: #f0f7ff;
  --mx-theme-text-2: #c8d8ea;
  --mx-theme-muted: #8ea7c2;
  --mx-theme-faint: #617a98;
  --mx-theme-accent: #60a5fa;
  --mx-theme-accent-2: #c084fc;
  --mx-theme-accent-soft: rgba(96, 165, 250, 0.16);
  --mx-theme-good: #2dd4bf;
  --mx-theme-danger: #fb7185;
  --mx-theme-shadow: 0 24px 76px rgba(0, 8, 24, 0.52);
  --background: 216 47% 6%;
  --foreground: 210 90% 97%;
  --card: 216 46% 10%;
  --border: 214 35% 25%;
  --primary: 213 94% 68%;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) body {
  background: var(--mx-theme-canvas) !important;
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#111"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#0b0b0b"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#000"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-black"] {
  background-color: var(--mx-theme-canvas) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-black/"] {
  background-color: revert-layer !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#1e1e1e"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#1a1a1a"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#222"] {
  background-color: var(--mx-theme-surface) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#252526"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#2a2a2a"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="bg-[#333"] {
  background-color: var(--mx-theme-surface-2) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="hover:bg-[#252526"]:hover,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="hover:bg-[#2a2a2a"]:hover,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="hover:bg-[#333"]:hover,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="hover:bg-white/10"]:hover {
  background-color: var(--mx-theme-surface-3) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-[#333"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-gray-800"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-gray-700"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-white/10"] {
  border-color: var(--mx-theme-border) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-[#444"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="border-gray-600"] {
  border-color: var(--mx-theme-border-2) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-white"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-100"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-200"] {
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-300"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-400"] {
  color: var(--mx-theme-text-2) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-500"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="text-gray-600"] {
  color: var(--mx-theme-muted) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class^="text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*=" text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class^="text-purple-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*=" text-purple-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class^="text-green-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*=" text-green-"] {
  color: var(--mx-theme-accent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="from-blue-600"] {
  background-color: var(--mx-theme-accent) !important;
  background-image: none !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500/5"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500/10"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500/20"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600/10"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600/20"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600/30"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600/20"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-500/10"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-500/20"] {
  background-color: var(--mx-theme-accent-soft) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-500/10"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-500/20"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-600/10"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-600/20"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-600/30"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-purple-600/20"] {
  color: var(--mx-theme-accent) !important;
  font-weight: 700;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-500/10"]:not([class*="text-blue-"]):not([class*=" text-blue-"]),
html[data-mx-theme]:not([data-mx-theme="classic"]) button[class~="bg-blue-600/10"]:not([class*="text-blue-"]):not([class*=" text-blue-"]) {
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500"] [class^="text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500"] [class*=" text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600"] [class^="text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600"] [class*=" text-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600"] [class^="text-purple-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600"] [class*=" text-purple-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-600"] [class^="text-green-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-600"] [class*=" text-green-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500"].text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600"].text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600"].text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-600"].text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-500"] .text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-blue-600"] .text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-purple-600"] .text-white,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class~="bg-green-600"] .text-white {
  color: #ffffff !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class^="border-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*=" border-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class^="ring-blue-"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*=" ring-blue-"] {
  border-color: var(--mx-theme-accent) !important;
  --tw-ring-color: var(--mx-theme-accent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) input,
html[data-mx-theme]:not([data-mx-theme="classic"]) textarea,
html[data-mx-theme]:not([data-mx-theme="classic"]) select {
  background-color: var(--mx-theme-surface) !important;
  border-color: var(--mx-theme-border) !important;
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) input::placeholder,
html[data-mx-theme]:not([data-mx-theme="classic"]) textarea::placeholder {
  color: var(--mx-theme-faint) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button:not(.mxai-top-btn):not(.mx-theme-btn):not(.mx-theme-option) {
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) .shadow-2xl,
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="shadow-2xl"],
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="shadow-lg"] {
  box-shadow: var(--mx-theme-shadow) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) .bg-professional-grid {
  background-image:
    linear-gradient(90deg, color-mix(in srgb, var(--mx-theme-border) 38%, transparent) 1px, transparent 1px),
    linear-gradient(color-mix(in srgb, var(--mx-theme-border) 38%, transparent) 1px, transparent 1px) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="清除"] {
  background: color-mix(in srgb, var(--mx-theme-surface-3) 92%, transparent) !important;
  border-color: color-mix(in srgb, var(--mx-theme-border-2) 86%, transparent) !important;
  color: var(--mx-theme-text) !important;
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 28%, transparent) inset,
    0 10px 22px color-mix(in srgb, var(--mx-theme-canvas) 12%, transparent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="清除"]:hover {
  background: color-mix(in srgb, var(--mx-theme-danger) 14%, var(--mx-theme-surface)) !important;
  border-color: color-mix(in srgb, var(--mx-theme-danger) 42%, transparent) !important;
  color: var(--mx-theme-danger) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="清除"] svg {
  color: currentColor !important;
  stroke-width: 2.4 !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="复制结果图"],
html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="保存结果图"] {
  background: color-mix(in srgb, var(--mx-theme-surface-3) 92%, transparent) !important;
  border-color: color-mix(in srgb, var(--mx-theme-border-2) 86%, transparent) !important;
  color: var(--mx-theme-text) !important;
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 28%, transparent) inset,
    0 10px 22px color-mix(in srgb, var(--mx-theme-canvas) 12%, transparent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="复制结果图"]:hover,
html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="保存结果图"]:hover {
  background: color-mix(in srgb, var(--mx-theme-accent) 12%, var(--mx-theme-surface)) !important;
  border-color: color-mix(in srgb, var(--mx-theme-accent) 38%, transparent) !important;
  color: var(--mx-theme-accent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="复制结果图"] svg,
html[data-mx-theme]:not([data-mx-theme="classic"]) button[title="保存结果图"] svg {
  color: currentColor !important;
  stroke-width: 2.35 !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) ::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, var(--mx-theme-muted) 38%, transparent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-toolbar-card {
  background: color-mix(in srgb, var(--mx-theme-surface-2) 90%, transparent) !important;
  border-color: color-mix(in srgb, var(--mx-theme-accent) 36%, transparent) !important;
  box-shadow: var(--mx-theme-shadow) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-account-trigger {
  color: var(--mx-theme-text-2) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-account-trigger:hover,
html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar.mxai-account-open .mxai-account-trigger {
  background: var(--mx-theme-accent-soft) !important;
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-avatar {
  background: linear-gradient(135deg, var(--mx-theme-accent), var(--mx-theme-accent-2)) !important;
  color: #fff !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-account-menu {
  background: color-mix(in srgb, var(--mx-theme-surface) 98%, transparent) !important;
  border-color: var(--mx-theme-border) !important;
  box-shadow: var(--mx-theme-shadow) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-account-label {
  color: var(--mx-theme-muted) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-account-email,
html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-menu-btn {
  color: var(--mx-theme-text) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-menu-btn:hover {
  background: var(--mx-theme-accent-soft) !important;
  color: var(--mx-theme-accent) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-top-btn-primary,
html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-btn-primary,
html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-auth-tabs button.mxai-active {
  background: var(--mx-theme-accent) !important;
  color: #ffffff !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) #maixiang-web-auth-toolbar .mxai-top-btn-secondary,
html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-btn-secondary {
  background: var(--mx-theme-accent-soft) !important;
  color: var(--mx-theme-accent-2) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-auth-card {
  background: var(--mx-theme-surface) !important;
  color: var(--mx-theme-text) !important;
  border: 1px solid var(--mx-theme-border);
}

html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-auth-head {
  background: linear-gradient(135deg, var(--mx-theme-accent), var(--mx-theme-accent-2)) !important;
}

html[data-mx-theme]:not([data-mx-theme="classic"]) .mxai-auth-tabs button {
  background: var(--mx-theme-surface-2) !important;
  color: var(--mx-theme-muted) !important;
}

.mx-theme-shell {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 2147483645;
}

.mx-theme-btn {
  width: 30px;
  height: 30px;
  border: 1px solid color-mix(in srgb, var(--mx-theme-border) 80%, transparent);
  border-radius: 10px;
  background:
    radial-gradient(circle at 32% 28%, var(--mx-theme-accent-2), transparent 28%),
    linear-gradient(135deg, var(--mx-theme-surface-2), var(--mx-theme-surface));
  color: var(--mx-theme-text-2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.mx-theme-btn:hover {
  border-color: var(--mx-theme-accent);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mx-theme-accent) 24%, transparent);
}

.mx-theme-btn svg {
  width: 16px;
  height: 16px;
}

.mx-theme-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 230px;
  max-height: min(560px, calc(100vh - 70px));
  padding: 8px;
  border: 1px solid var(--mx-theme-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--mx-theme-surface-2) 96%, transparent);
  box-shadow: var(--mx-theme-shadow);
  backdrop-filter: blur(16px);
  display: none;
  overflow-y: auto;
}

.mx-theme-shell.mx-theme-open .mx-theme-menu {
  display: grid;
  gap: 6px;
}

.mx-theme-option {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
  align-items: center;
  min-height: 48px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--mx-theme-text-2);
  cursor: pointer;
  text-align: left;
}

.mx-theme-option:hover,
.mx-theme-option.mx-theme-active {
  background: var(--mx-theme-accent-soft);
  border-color: color-mix(in srgb, var(--mx-theme-accent) 36%, transparent);
  color: var(--mx-theme-text);
}

.mx-theme-option.mx-theme-active {
  box-shadow:
    inset 3px 0 0 var(--mx-theme-accent),
    0 8px 18px color-mix(in srgb, var(--mx-theme-accent) 12%, transparent);
}

.mx-theme-swatch {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--mx-theme-border-2) 74%, transparent);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.3),
    0 4px 10px rgba(15, 23, 42, 0.12);
}

.mx-theme-name {
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
}

.mx-theme-desc {
  display: block;
  margin-top: 4px;
  color: var(--mx-theme-muted);
  font-size: 10px;
  line-height: 1.25;
}

[class*="absolute"][class*="group-hover:opacity-100"][class*="inset-0"]:has(.lucide-zoom-in) {
  background: transparent !important;
  background-color: transparent !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

[class*="absolute"][class*="bg-black/0"][class*="group-hover:bg-black/20"]:has(.lucide-zoom-in),
[class*="absolute"][class*="group-hover:bg-black/20"][class*="inset-0"]:has(.lucide-zoom-in),
[class*="absolute"][class*="bg-black"][class*="inset-0"]:has(.lucide-zoom-in) {
  background: transparent !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

[class*="absolute"][class*="group-hover:opacity-100"][class*="inset-0"]:has(.lucide-zoom-in) .lucide-zoom-in {
  width: 24px !important;
  height: 24px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
}

html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="absolute"][class*="bg-black/"][class*="inset-0"]:has(.lucide-zoom-in),
html[data-mx-theme]:not([data-mx-theme="classic"]) [class*="absolute"][class*="bg-black/"]:has(.lucide-zoom-in) {
  background: transparent !important;
  background-color: transparent !important;
}

[class*="absolute"][class*="bg-black/0"][class*="group-hover:bg-black/20"]:has(.lucide-zoom-in) .lucide-zoom-in,
[class*="absolute"][class*="group-hover:bg-black/20"][class*="inset-0"]:has(.lucide-zoom-in) .lucide-zoom-in,
[class*="absolute"][class*="bg-black"][class*="inset-0"]:has(.lucide-zoom-in) .lucide-zoom-in {
  width: 24px !important;
  height: 24px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] img[class*="object-contain"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] img[class*="object-contain"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] img[src]:not([src=""]),
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] img[src]:not([src=""]) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: auto !important;
  position: static !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] {
  pointer-events: auto !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] button[class*="py-3"],
body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] button[class*="py-2"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] button[class*="py-3"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] button[class*="py-2"] {
  position: relative !important;
  z-index: 40 !important;
  pointer-events: auto !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] div:has(> button[class*="py-3"]),
body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] div:has(> button[class*="py-2"]),
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] div:has(> button[class*="py-3"]),
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] div:has(> button[class*="py-2"]) {
  position: relative !important;
  z-index: 35 !important;
  pointer-events: auto !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] [data-mx-brand-overlay="true"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] [data-mx-brand-overlay="true"] {
  display: none !important;
}

body > [class*="fixed"][class*="inset-0"][class*="z-[9999]"] [class*="bg-black/"][class*="backdrop-blur"],
body > [class*="fixed"][class*="inset-0"][class*="z-[10000]"] [class*="bg-black/"][class*="backdrop-blur"] {
  background-color: rgba(0, 0, 0, 0.72) !important;
}