*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1\/2{bottom:-50%}.-left-1\/2{left:-50%}.-right-1\/2{right:-50%}.-top-1\/2{top:-50%}.right-4{right:1rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.m-4{margin:1rem}.\!my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.\!mb-0{margin-bottom:0!important}.\!mb-1{margin-bottom:.25rem!important}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-8{height:2rem}.h-96{height:24rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[90vw\]{max-width:90vw}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-indigo-800{--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-20{opacity:.2}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--color-bg-base: #ffffff;--color-bg-container: #ffffff;--color-bg-elevated: #f5f5f5;--color-bg-layout: #f0f2f5;--color-bg-spotlight: #fafafa;--color-bg-mask: rgba(0, 0, 0, .45);--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-disabled: #bfbfbf;--color-text-placeholder: #bfbfbf;--color-border: #e5e7eb;--color-border-secondary: #f3f4f6;--color-border-split: #f0f0f0;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-active: #4338ca;--color-primary-bg: #eef2ff;--color-primary-bg-hover: #e0e7ff;--color-primary-border: #c7d2fe;--color-primary-border-hover: #a5b4fc;--color-primary-text: #6366f1;--color-primary-text-hover: #4f46e5;--color-success: #10b981;--color-success-hover: #059669;--color-success-active: #047857;--color-success-bg: #ecfdf5;--color-success-bg-hover: #d1fae5;--color-success-border: #a7f3d0;--color-success-text: #10b981;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-bg: #fffbeb;--color-warning-bg-hover: #fef3c7;--color-warning-border: #fcd34d;--color-warning-text: #f59e0b;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-active: #b91c1c;--color-error-bg: #fef2f2;--color-error-bg-hover: #fee2e2;--color-error-border: #fca5a5;--color-error-text: #ef4444;--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-active: #1d4ed8;--color-info-bg: #eff6ff;--color-info-bg-hover: #dbeafe;--color-info-border: #93c5fd;--color-info-text: #3b82f6;--color-blue-bg: #eff6ff;--color-blue-bg-hover: #dbeafe;--color-blue-text: #2563eb;--color-indigo-bg: #eef2ff;--color-indigo-bg-hover: #e0e7ff;--color-indigo-text: #4f46e5;--color-purple-bg: #f5f3ff;--color-purple-bg-hover: #ede9fe;--color-purple-text: #7c3aed;--color-green-bg: #ecfdf5;--color-green-bg-hover: #d1fae5;--color-green-text: #059669;--color-cyan-bg: #ecfeff;--color-cyan-bg-hover: #cffafe;--color-cyan-text: #0891b2;--color-orange-bg: #fff7ed;--color-orange-bg-hover: #ffedd5;--color-orange-text: #ea580c;--color-red-bg: #fef2f2;--color-red-bg-hover: #fee2e2;--color-red-text: #dc2626;--color-yellow-bg: #fefce8;--color-yellow-bg-hover: #fef9c3;--color-yellow-text: #ca8a04;--color-pink-bg: #fdf2f8;--color-pink-bg-hover: #fce7f3;--color-pink-text: #db2777;--color-cyan: #22d3ee;--color-cyan-light: #67e8f9;--color-cyan-dark: #06b6d4;--color-cyan-glow: rgba(34, 211, 238, .8);--color-purple: #a855f7;--color-purple-light: rgba(168, 85, 247, .7);--color-purple-dark: #9333ea;--color-purple-glow: rgba(168, 85, 247, .8);--color-geekblue: #6366f1;--color-primary-light: #69b1ff;--color-primary-shadow: rgba(22, 119, 255, .15);--color-success-glow: rgba(82, 196, 26, .8);--color-warning-glow: rgba(250, 140, 22, .8);--color-text-quaternary: rgba(0, 0, 0, .25);--color-preview-bg: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 50%, #dfe6ed 100%);--color-preview-header-bg: rgba(255, 255, 255, .9);--color-preview-border: rgba(0, 0, 0, .08);--color-preview-text: #1f2937;--color-preview-text-secondary: rgba(0, 0, 0, .5);--color-preview-canvas-shadow: 0 25px 80px rgba(0, 0, 0, .15);--color-template-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--color-template-text: #1f2937;--color-template-text-secondary: rgba(0, 0, 0, .6);--color-template-text-tertiary: rgba(0, 0, 0, .45);--color-template-text-placeholder: rgba(0, 0, 0, .35);--color-template-border: rgba(0, 0, 0, .08);--color-template-filter-bg: rgba(255, 255, 255, .8);--color-template-input-bg: rgba(255, 255, 255, .9);--color-template-input-border: rgba(0, 0, 0, .1);--color-template-card-bg: #ffffff;--color-template-card-actions-bg: rgba(0, 0, 0, .02);--color-template-cover-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-template-placeholder-icon: rgba(255, 255, 255, .6);--color-template-pagination-bg: rgba(0, 0, 0, .02);--color-purple-border: rgba(99, 102, 241, .3);--color-purple-border-hover: rgba(99, 102, 241, .5);--color-sider-bg: #1e1b4b;--color-sider-menu-bg: transparent;--color-sider-menu-sub-bg: #312e81;--color-sider-menu-item-selected-bg: #4f46e5;--color-sider-menu-item-hover-bg: #3730a3;--color-sider-text: #ffffff;--color-sider-border: #312e81;--color-header-bg: #ffffff;--color-header-text: #1f2937;--color-link: #6366f1;--color-link-hover: #4f46e5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .1);--shadow-dropdown: 0 6px 16px rgba(0, 0, 0, .08);--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--scrollbar-track: transparent;--color-code-bg: #f5f5f5;--color-code-text: #1f2937}[data-theme=dark]{--color-bg-base: #0f0f23;--color-bg-container: #1a1a2e;--color-bg-elevated: #252542;--color-bg-layout: #0a0a1a;--color-bg-spotlight: #1f1f3a;--color-bg-mask: rgba(0, 0, 0, .65);--color-text-primary: #e5e7eb;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-text-disabled: #4b5563;--color-text-placeholder: #4b5563;--color-border: #2d2d4a;--color-border-secondary: #1f1f3a;--color-border-split: #2d2d4a;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-active: #4f46e5;--color-primary-bg: rgba(99, 102, 241, .15);--color-primary-bg-hover: rgba(99, 102, 241, .25);--color-primary-border: rgba(99, 102, 241, .3);--color-primary-border-hover: rgba(99, 102, 241, .5);--color-primary-text: #818cf8;--color-primary-text-hover: #a5b4fc;--color-success: #34d399;--color-success-hover: #10b981;--color-success-active: #059669;--color-success-bg: rgba(16, 185, 129, .15);--color-success-bg-hover: rgba(16, 185, 129, .25);--color-success-border: rgba(16, 185, 129, .3);--color-success-text: #34d399;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-active: #d97706;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-bg-hover: rgba(245, 158, 11, .25);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #fbbf24;--color-error: #f87171;--color-error-hover: #ef4444;--color-error-active: #dc2626;--color-error-bg: rgba(239, 68, 68, .15);--color-error-bg-hover: rgba(239, 68, 68, .25);--color-error-border: rgba(239, 68, 68, .3);--color-error-text: #f87171;--color-info: #60a5fa;--color-info-hover: #3b82f6;--color-info-active: #2563eb;--color-info-bg: rgba(59, 130, 246, .15);--color-info-bg-hover: rgba(59, 130, 246, .25);--color-info-border: rgba(59, 130, 246, .3);--color-info-text: #60a5fa;--color-blue-bg: rgba(59, 130, 246, .15);--color-blue-bg-hover: rgba(59, 130, 246, .25);--color-blue-text: #60a5fa;--color-indigo-bg: rgba(99, 102, 241, .15);--color-indigo-bg-hover: rgba(99, 102, 241, .25);--color-indigo-text: #818cf8;--color-purple-bg: rgba(139, 92, 246, .15);--color-purple-bg-hover: rgba(139, 92, 246, .25);--color-purple-text: #a78bfa;--color-green-bg: rgba(34, 197, 94, .15);--color-green-bg-hover: rgba(34, 197, 94, .25);--color-green-text: #4ade80;--color-cyan-bg: rgba(6, 182, 212, .15);--color-cyan-bg-hover: rgba(6, 182, 212, .25);--color-cyan-text: #22d3ee;--color-orange-bg: rgba(249, 115, 22, .15);--color-orange-bg-hover: rgba(249, 115, 22, .25);--color-orange-text: #fb923c;--color-red-bg: rgba(239, 68, 68, .15);--color-red-bg-hover: rgba(239, 68, 68, .25);--color-red-text: #f87171;--color-yellow-bg: rgba(234, 179, 8, .15);--color-yellow-bg-hover: rgba(234, 179, 8, .25);--color-yellow-text: #facc15;--color-pink-bg: rgba(236, 72, 153, .15);--color-pink-bg-hover: rgba(236, 72, 153, .25);--color-pink-text: #f472b6;--color-cyan: #22d3ee;--color-cyan-light: #67e8f9;--color-cyan-dark: #06b6d4;--color-cyan-glow: rgba(34, 211, 238, .8);--color-purple: #c084fc;--color-purple-light: rgba(192, 132, 252, .7);--color-purple-dark: #a855f7;--color-purple-glow: rgba(192, 132, 252, .8);--color-geekblue: #818cf8;--color-primary-light: #93c5fd;--color-primary-shadow: rgba(99, 102, 241, .25);--color-success-glow: rgba(52, 211, 153, .8);--color-warning-glow: rgba(251, 191, 36, .8);--color-text-quaternary: rgba(255, 255, 255, .25);--color-preview-bg: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 50%, #1a1a2e 100%);--color-preview-header-bg: rgba(0, 0, 0, .5);--color-preview-border: rgba(255, 255, 255, .08);--color-preview-text: #e5e7eb;--color-preview-text-secondary: rgba(255, 255, 255, .5);--color-preview-canvas-shadow: 0 25px 80px rgba(0, 0, 0, .5);--color-template-bg: linear-gradient(135deg, #050510 0%, #0f0f23 100%);--color-template-text: #e5e7eb;--color-template-text-secondary: rgba(255, 255, 255, .5);--color-template-text-tertiary: rgba(255, 255, 255, .4);--color-template-text-placeholder: rgba(255, 255, 255, .35);--color-template-border: rgba(255, 255, 255, .06);--color-template-filter-bg: rgba(255, 255, 255, .03);--color-template-input-bg: rgba(255, 255, 255, .05);--color-template-input-border: rgba(255, 255, 255, .1);--color-template-card-bg: rgba(255, 255, 255, .03);--color-template-card-actions-bg: rgba(0, 0, 0, .3);--color-template-cover-bg: linear-gradient(135deg, #1e1e3f 0%, #2d2d5a 100%);--color-template-placeholder-icon: rgba(255, 255, 255, .15);--color-template-pagination-bg: rgba(255, 255, 255, .05);--color-purple-border: rgba(192, 132, 252, .3);--color-purple-border-hover: rgba(192, 132, 252, .5);--color-sider-bg: #0f0f23;--color-sider-menu-bg: transparent;--color-sider-menu-sub-bg: #1a1a2e;--color-sider-menu-item-selected-bg: #4f46e5;--color-sider-menu-item-hover-bg: #252542;--color-sider-text: #e5e7eb;--color-sider-border: #2d2d4a;--color-header-bg: #1a1a2e;--color-header-text: #e5e7eb;--color-link: #818cf8;--color-link-hover: #a5b4fc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .4);--shadow-dropdown: 0 6px 16px rgba(0, 0, 0, .4);--scrollbar-thumb: #4a4a6a;--scrollbar-thumb-hover: #5a5a7a;--scrollbar-track: transparent;--color-code-bg: #252542;--color-code-text: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-layout);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{color:var(--color-link);transition:color .2s}a:hover{color:var(--color-link-hover)}.ant-layout{background:var(--color-bg-layout)}.ant-layout-sider{background:var(--color-sider-bg)!important}.ant-layout-header{background:var(--color-header-bg);color:var(--color-header-text)}.ant-layout-content{background:var(--color-bg-container)}.ant-menu-dark{background:var(--color-sider-menu-bg)!important}.ant-menu-dark .ant-menu-sub{background:var(--color-sider-menu-sub-bg)!important}.ant-card,.ant-card-head{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-card-head-title{color:var(--color-text-primary)}.ant-card-extra a{color:var(--color-link)}.ant-card-body{color:var(--color-text-primary)}.ant-table{background:var(--color-bg-container);color:var(--color-text-primary)}.ant-table-thead>tr>th{background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important;font-weight:600!important}.ant-table-tbody>tr>td{background:var(--color-bg-container);color:var(--color-text-primary);border-color:var(--color-border)!important}.ant-table-tbody>tr:hover>td{background:var(--color-bg-elevated)!important}.ant-table-placeholder{background:var(--color-bg-container)!important}.ant-table-container{background:var(--color-bg-container)}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:var(--color-bg-container)!important}.ant-table-tbody>tr:hover>.ant-table-cell-fix-left,.ant-table-tbody>tr:hover>.ant-table-cell-fix-right{background:var(--color-bg-elevated)!important}.ant-modal-content{background:var(--color-bg-container)}.ant-modal-header{background:var(--color-bg-container);border-color:var(--color-border)}.ant-modal-title{color:var(--color-text-primary)}.ant-modal-close{color:var(--color-text-secondary)}.ant-modal-close:hover,.ant-modal-body{color:var(--color-text-primary)}.ant-modal-footer{border-color:var(--color-border)}.ant-drawer-content{background:var(--color-bg-container)}.ant-drawer-header{background:var(--color-bg-container);border-color:var(--color-border)}.ant-drawer-title{color:var(--color-text-primary)}.ant-drawer-close{color:var(--color-text-secondary)}.ant-drawer-close:hover{color:var(--color-text-primary)}.ant-drawer-body{background:var(--color-bg-container);color:var(--color-text-primary)}.ant-drawer-footer{background:var(--color-bg-container);border-color:var(--color-border)}.ant-form-item-label>label{color:var(--color-text-primary)}.ant-input,.ant-input-affix-wrapper{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--color-primary)}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.ant-input::-moz-placeholder{color:var(--color-text-placeholder)}.ant-input::placeholder{color:var(--color-text-placeholder)}.ant-input-clear-icon{color:var(--color-text-tertiary)}.ant-input-clear-icon:hover{color:var(--color-text-secondary)}.ant-input-number{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-input-number-handler-wrap{background:var(--color-bg-elevated);border-color:var(--color-border)}.ant-input-number-handler{border-color:var(--color-border)}.ant-input-number-handler:hover{background:var(--color-bg-container)}.ant-input-number-handler .anticon{color:var(--color-text-secondary)}.ant-select-selector{background:var(--color-bg-container)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.ant-select-selection-placeholder{color:var(--color-text-placeholder)!important}.ant-select-arrow,.ant-select-clear{color:var(--color-text-tertiary)}.ant-select-dropdown{background:var(--color-bg-elevated);box-shadow:var(--shadow-dropdown)}.ant-select-item{color:var(--color-text-primary)}.ant-select-item-option-active,.ant-select-item-option-selected{background:var(--color-bg-container)!important}.ant-picker{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-picker-dropdown{background:transparent}.ant-picker-panel-container{background:var(--color-bg-elevated);box-shadow:var(--shadow-dropdown)}.ant-picker-panel{background:var(--color-bg-elevated);border-color:var(--color-border)}.ant-picker-header{color:var(--color-text-primary);border-color:var(--color-border)}.ant-picker-header button{color:var(--color-text-secondary)}.ant-picker-header button:hover{color:var(--color-text-primary)}.ant-picker-content th{color:var(--color-text-secondary)}.ant-picker-cell{color:var(--color-text-tertiary)}.ant-picker-cell-in-view{color:var(--color-text-primary)}.ant-picker-cell:hover .ant-picker-cell-inner{background:var(--color-bg-container)}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--color-primary)}.ant-picker-cell-in-range:before{background:var(--color-primary-bg)}.ant-picker-today-btn{color:var(--color-primary)}.ant-picker-footer{border-color:var(--color-border)}.ant-picker-range-arrow:before{background:var(--color-bg-elevated)}.ant-btn-default{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-btn-default:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.ant-btn-text{color:var(--color-text-primary)}.ant-btn-text:hover{background:var(--color-bg-elevated)}.ant-dropdown-menu{background:var(--color-bg-elevated);box-shadow:var(--shadow-dropdown)}.ant-dropdown-menu-item{color:var(--color-text-primary)}.ant-dropdown-menu-item:hover{background:var(--color-bg-container)}.ant-popover-inner{background:var(--color-bg-elevated);box-shadow:var(--shadow-dropdown)}.ant-popconfirm-message-title{color:var(--color-text-primary)}.ant-popover-arrow:before{background:var(--color-bg-elevated)}.ant-tooltip-inner{background:var(--color-bg-elevated);color:var(--color-text-primary)}.ant-tooltip-arrow:before{background:var(--color-bg-elevated)}.ant-message-notice-content{background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-dropdown)!important}.ant-message-success .anticon{color:var(--color-success)}.ant-message-error .anticon{color:var(--color-error)}.ant-message-warning .anticon{color:var(--color-warning)}.ant-message-info .anticon{color:var(--color-info)}.ant-notification-notice{background:var(--color-bg-elevated);box-shadow:var(--shadow-dropdown)}.ant-notification-notice-message{color:var(--color-text-primary)}.ant-notification-notice-description{color:var(--color-text-secondary)}.ant-notification-notice-close{color:var(--color-text-tertiary)}.ant-notification-notice-close:hover{color:var(--color-text-primary)}.ant-descriptions-item-label{color:var(--color-text-secondary)}.ant-descriptions-item-content{color:var(--color-text-primary)}.ant-descriptions-bordered .ant-descriptions-view,.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-content{border-color:var(--color-border)}.ant-descriptions-bordered .ant-descriptions-item-label{background:var(--color-bg-elevated)}.ant-descriptions-bordered .ant-descriptions-item-content{background:var(--color-bg-container)}.ant-pagination-item{background:var(--color-bg-container);border-color:var(--color-border)}.ant-pagination-item a{color:var(--color-text-primary)}.ant-pagination-item-active{border-color:var(--color-primary)}.ant-pagination-item-active a{color:var(--color-primary)}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{background:var(--color-bg-container);border-color:var(--color-border);color:var(--color-text-primary)}.ant-pagination-disabled .ant-pagination-item-link{color:var(--color-text-disabled)}.ant-pagination-options .ant-select-selector{background:var(--color-bg-container)!important}.ant-pagination-jump-prev,.ant-pagination-jump-next,.ant-typography,h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{color:var(--color-text-primary)}.ant-typography.ant-typography-secondary{color:var(--color-text-secondary)!important}.ant-typography strong{color:var(--color-text-primary)}.ant-statistic-title{color:var(--color-text-secondary)}.ant-statistic-content{color:var(--color-text-primary)}.ant-breadcrumb-link,.ant-breadcrumb-separator{color:var(--color-text-secondary)}.ant-breadcrumb-link:hover{color:var(--color-text-primary)}.ant-tag{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.ant-tag-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.ant-tag-error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.ant-tag-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.ant-tag-processing{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary-text)}.ant-tag-blue{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.ant-tag-green{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.ant-tag-red{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.ant-tag-orange{background:var(--color-orange-bg);border-color:var(--color-warning-border);color:var(--color-orange-text)}.ant-tag-cyan{background:var(--color-cyan-bg);border-color:var(--color-info-border);color:var(--color-cyan-text)}.ant-tag-purple{background:var(--color-purple-bg);border-color:var(--color-primary-border);color:var(--color-purple-text)}.ant-tag-magenta,.ant-tag-pink{background:var(--color-pink-bg);border-color:var(--color-error-border);color:var(--color-pink-text)}.ant-tag-gold{background:var(--color-yellow-bg);border-color:var(--color-warning-border);color:var(--color-yellow-text)}.ant-tag-lime{background:var(--color-green-bg);border-color:var(--color-success-border);color:var(--color-green-text)}.ant-tag-geekblue{background:var(--color-indigo-bg);border-color:var(--color-primary-border);color:var(--color-indigo-text)}.ant-tag-volcano{background:var(--color-red-bg);border-color:var(--color-error-border);color:var(--color-red-text)}.ant-checkbox-wrapper{color:var(--color-text-primary)}.ant-checkbox-inner{background:var(--color-bg-container);border-color:var(--color-border)}.ant-radio-wrapper{color:var(--color-text-primary)}.ant-radio-inner{background:var(--color-bg-container);border-color:var(--color-border)}.ant-switch{background:var(--color-bg-elevated)}.ant-switch-checked{background:var(--color-primary)}.ant-empty-description,.ant-spin-text{color:var(--color-text-secondary)}.ant-alert{border-color:var(--color-border)}.ant-alert-info{background:var(--color-info-bg);border-color:var(--color-info-border)}.ant-alert-success{background:var(--color-success-bg);border-color:var(--color-success-border)}.ant-alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.ant-alert-error{background:var(--color-error-bg);border-color:var(--color-error-border)}.ant-alert-message{color:var(--color-text-primary)}.ant-alert-description{color:var(--color-text-secondary)}.ant-tabs-nav:before{border-color:var(--color-border)}.ant-tabs-tab{color:var(--color-text-secondary)}.ant-tabs-tab:hover{color:var(--color-text-primary)}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)}.ant-tree{background:transparent;color:var(--color-text-primary)}.ant-tree-node-content-wrapper:hover{background:var(--color-bg-elevated)}.ant-tree-node-selected{background:var(--color-primary-bg)!important}.ant-divider{border-color:var(--color-border)}.ant-divider-inner-text,.ant-progress-text,.ant-steps-item-title{color:var(--color-text-primary)}.ant-steps-item-description{color:var(--color-text-secondary)}.ant-timeline-item-content{color:var(--color-text-primary)}.ant-collapse{background:var(--color-bg-container);border-color:var(--color-border)}.ant-collapse-header{color:var(--color-text-primary)!important}.ant-collapse-content{background:var(--color-bg-container);border-color:var(--color-border)}.ant-collapse-item{border-color:var(--color-border)}.ant-transfer-list{background:var(--color-bg-container);border-color:var(--color-border)}.ant-transfer-list-header{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.ant-transfer-list-content-item{color:var(--color-text-primary)}.ant-transfer-list-content-item:hover{background:var(--color-bg-elevated)}.ant-upload-drag{background:var(--color-bg-container);border-color:var(--color-border)}.ant-upload-drag:hover{border-color:var(--color-primary)}.ant-upload-list-item,.ant-list{color:var(--color-text-primary)}.ant-list-item{border-color:var(--color-border)}.ant-list-item-meta-title{color:var(--color-text-primary)}.ant-list-item-meta-description{color:var(--color-text-secondary)}.ant-avatar{background:var(--color-bg-elevated);color:var(--color-text-primary)}.ant-badge-count{box-shadow:0 0 0 1px var(--color-bg-container)}.ant-result-title{color:var(--color-text-primary)}.ant-result-subtitle{color:var(--color-text-secondary)}pre,code{background:var(--color-code-bg);color:var(--color-code-text);border-color:var(--color-border)}.icon-bg-blue{background:var(--color-blue-bg);color:var(--color-blue-text)}.icon-bg-indigo{background:var(--color-indigo-bg);color:var(--color-indigo-text)}.icon-bg-purple{background:var(--color-purple-bg);color:var(--color-purple-text)}.icon-bg-green{background:var(--color-green-bg);color:var(--color-green-text)}.icon-bg-cyan{background:var(--color-cyan-bg);color:var(--color-cyan-text)}.icon-bg-orange{background:var(--color-orange-bg);color:var(--color-orange-text)}.icon-bg-red{background:var(--color-red-bg);color:var(--color-red-text)}.icon-bg-yellow{background:var(--color-yellow-bg);color:var(--color-yellow-text)}.icon-bg-pink{background:var(--color-pink-bg);color:var(--color-pink-text)}.theme-bg-container{background:var(--color-bg-container)}.theme-bg-elevated{background:var(--color-bg-elevated)}.theme-bg-spotlight{background:var(--color-bg-spotlight)}.theme-text-primary{color:var(--color-text-primary)}.theme-text-secondary{color:var(--color-text-secondary)}.theme-text-tertiary{color:var(--color-text-tertiary)}.theme-border{border-color:var(--color-border)}.theme-hover:hover{background:var(--color-bg-elevated)}.hover-card{transition:all .3s ease;box-shadow:var(--shadow-card)}.hover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gradient-secondary{background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes themeTransition{0%{opacity:.8}to{opacity:1}}.theme-transition{animation:themeTransition .3s ease}.page-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-list-container .page-header,.page-list-container .page-search{flex-shrink:0;margin-bottom:16px}.page-list-container .page-content{flex:1;overflow-x:hidden;overflow-y:auto;min-height:0}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem}.search-form .ant-form-item{margin-bottom:16px}.status-tag{display:inline-flex;align-items:center;gap:4px}.action-buttons{display:flex;gap:8px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent;border:1px solid transparent}.theme-toggle-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.theme-toggle-btn .anticon{font-size:18px;transition:transform .3s ease}.theme-toggle-btn:hover .anticon{transform:rotate(15deg)}.code-preview{background:var(--color-code-bg);color:var(--color-code-text);padding:8px;border-radius:4px;margin:0;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow:auto}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-blue-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}