.cx-macro-root{--background:222 47% 6%;--foreground:210 40% 96%;--card:222 47% 9%;--card-foreground:210 40% 96%;--popover:222 47% 9%;--popover-foreground:210 40% 96%;--primary:174 72% 56%;--primary-foreground:222 47% 6%;--secondary:222 30% 14%;--secondary-foreground:210 40% 90%;--muted:222 30% 16%;--muted-foreground:215 20% 55%;--accent:174 72% 56%;--accent-foreground:222 47% 6%;--destructive:0 62% 50%;--destructive-foreground:210 40% 98%;--border:222 30% 18%;--input:222 30% 14%;--ring:174 72% 56%;--radius:.75rem;--glow-primary:174 72% 56%;--glow-secondary:270 72% 60%;--glass-bg:222 47% 11%;--glass-border:222 30% 22%;--gradient-glow:linear-gradient(135deg, #3ee0cf26, #9950e21a);--gradient-card:linear-gradient(180deg, #10192dcc, #0b111ee6);--gradient-accent:linear-gradient(135deg, #3ee0cf, #1dafa1);--shadow-glow:0 0 40px #3ee0cf26;--shadow-card:0 8px 32px #05080f80;--shadow-elevated:0 20px 60px #03040799;background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-inter), "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}.cx-macro-root *,.cx-macro-root :before,.cx-macro-root :after{box-sizing:border-box}.cx-macro-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.cx-macro-root input,.cx-macro-root select{font:inherit}.cx-macro-root .cx-macro-fg{color:hsl(var(--foreground))}.cx-macro-root .cx-macro-muted{color:hsl(var(--muted-foreground))}.cx-macro-root .cx-macro-primary{color:hsl(var(--primary))}.cx-macro-root .cx-macro-primary-fg{color:hsl(var(--primary-foreground))}.cx-macro-root .cx-macro-mono{font-family:var(--font-jetbrains-mono), ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace}.cx-macro-root .cx-macro-secondary-20{background-color:hsl(var(--secondary) / .2)}.cx-macro-root .cx-macro-secondary-30{background-color:hsl(var(--secondary) / .3)}.cx-macro-root .cx-macro-secondary-50{background-color:hsl(var(--secondary) / .5)}.cx-macro-root .cx-macro-primary-10{background-color:hsl(var(--primary) / .1)}.cx-macro-root .cx-macro-settings-toggle{background-color:hsl(var(--secondary) / .3);border:1px solid hsl(var(--border) / .3);color:hsl(var(--muted-foreground))}.cx-macro-root .cx-macro-settings-toggle:hover{background-color:hsl(var(--secondary) / .5);color:hsl(var(--foreground))}.cx-macro-root .cx-macro-border-30{border-color:hsl(var(--border) / .3)}.cx-macro-root .cx-macro-border-50{border-color:hsl(var(--border) / .5)}.cx-macro-root .cx-macro-border-primary-20{border-color:hsl(var(--primary) / .2)}.cx-macro-root .cx-macro-fill-primary{background-image:linear-gradient(to right, hsl(var(--primary)), hsl(var(--primary) / .8))}.cx-macro-root .glass-panel{border:1px solid hsl(var(--border) / .5);background-color:hsl(var(--card) / .8);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-card);border-radius:1rem;position:relative;overflow:hidden}.cx-macro-root .glass-panel:before{content:"";pointer-events:none;background:var(--gradient-glow);opacity:.5;position:absolute;inset:0}.cx-macro-root .glow-border{position:relative}.cx-macro-root .glow-border:after{content:"";pointer-events:none;background:linear-gradient(135deg, hsl(var(--primary) / .3), transparent 50%, #9950e233);-webkit-mask-composite:xor;border-radius:1rem;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cx-macro-root .neon-text{text-shadow:0 0 20px hsl(var(--primary) / .5)}.cx-macro-root .input-field{background-color:hsl(var(--input));border:1px solid hsl(var(--border) / .5);width:100%;color:hsl(var(--foreground));border-radius:.75rem;padding:.75rem 1rem;transition:all .2s}.cx-macro-root .input-field::placeholder{color:hsl(var(--muted-foreground))}.cx-macro-root .input-field:focus{border-color:hsl(var(--primary) / .5);box-shadow:0 0 0 2px hsl(var(--primary) / .5);outline:none}.cx-macro-root .select-field{background-color:hsl(var(--input));border:1px solid hsl(var(--border) / .5);width:100%;color:hsl(var(--foreground));cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;border-radius:.75rem;padding:.75rem 1rem;transition:all .2s}.cx-macro-root .select-field:focus{border-color:hsl(var(--primary) / .5);box-shadow:0 0 0 2px hsl(var(--primary) / .5);outline:none}.cx-macro-root .btn-primary{color:hsl(var(--primary-foreground));background:var(--gradient-accent);border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cx-macro-root .btn-primary:hover{box-shadow:0 0 30px hsl(var(--primary) / .4);transform:scale(1.02)}.cx-macro-root .btn-primary:active{transform:scale(.98)}.cx-macro-root .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.cx-macro-root .btn-secondary{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border) / .5);background-color:hsl(var(--secondary) / .5);border-radius:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.cx-macro-root .btn-secondary:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground))}.cx-macro-root .macro-tab{color:hsl(var(--muted-foreground));cursor:pointer;border-radius:.75rem;padding:.625rem 1rem;font-weight:500;transition:all .3s}.cx-macro-root .macro-tab:hover{color:hsl(var(--foreground));background-color:hsl(var(--secondary) / .5)}.cx-macro-root .macro-tab.active{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary) / .9);box-shadow:0 0 20px hsl(var(--primary) / .3)}.cx-macro-root .unit-toggle{background-color:hsl(var(--secondary) / .5);border:1px solid hsl(var(--border) / .5);border-radius:.75rem;padding:.25rem;display:flex;position:relative}.cx-macro-root .unit-toggle-btn{z-index:10;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.cx-macro-root .unit-toggle-slider{background-color:hsl(var(--primary));border-radius:.5rem;height:calc(100% - .5rem);transition:all .3s;position:absolute;top:.25rem}.cx-macro-root .cx-macro-range{appearance:none;outline:none}.cx-macro-root .cx-macro-range::-webkit-slider-thumb{appearance:none;background-color:hsl(var(--primary));border:2px solid hsl(var(--background));width:1.05rem;height:1.05rem;box-shadow:0 0 12px hsl(var(--primary) / .5);cursor:pointer;border-radius:9999px}.cx-macro-root .cx-macro-range::-moz-range-thumb{background-color:hsl(var(--primary));border:2px solid hsl(var(--background));width:1.05rem;height:1.05rem;box-shadow:0 0 12px hsl(var(--primary) / .5);cursor:pointer;border-radius:9999px}.cx-macro-overlay{z-index:60;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out cxmacro-fadeIn;display:flex;position:fixed;inset:0}.cx-macro-root .cx-macro-dialog,.cx-macro-dialog{color:#f1f5f9;width:100%;max-width:28rem;font-family:var(--font-inter), "Inter", ui-sans-serif, system-ui, sans-serif;background-color:#080c16;border:1px solid #20283c;border-radius:.75rem;padding:1.5rem;box-shadow:0 20px 60px #03040799}.cx-macro-dialog .input-field{color:#f1f5f9;background-color:#191f2e;border:1px solid #20283c;border-radius:.75rem;width:100%;padding:.75rem 1rem;transition:all .2s}.cx-macro-dialog .input-field::placeholder{color:#7588a3}.cx-macro-dialog .input-field:focus{border-color:#3ee0cf80;outline:none;box-shadow:0 0 0 2px #3ee0cf80}.cx-macro-dialog .cx-macro-fg{color:#f1f5f9}.cx-macro-dialog .btn-primary{color:#080c16;background:linear-gradient(135deg,#3ee0cf,#1dafa1);border-radius:.75rem;padding:.625rem 1.25rem;font-weight:600;transition:all .3s}.cx-macro-dialog .btn-primary:disabled{opacity:.5;cursor:not-allowed}.cx-macro-dialog .btn-secondary{color:#f1f5f9;background-color:#0000;border:1px solid #20283c;border-radius:.75rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.cx-macro-dialog .btn-secondary:hover{background-color:#191f2e}.cx-macro-root .cx-macro-download-btn{background-color:hsl(var(--primary) / .2);border:1px solid hsl(var(--primary) / .3);width:100%;color:hsl(var(--primary));border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;transition:all .2s;display:flex}.cx-macro-root .cx-macro-download-btn:hover{background-color:hsl(var(--primary) / .3)}.cx-macro-root .cx-macro-download-btn:disabled{opacity:.5;cursor:not-allowed}.cx-macro-root .animate-fade-in{animation:.3s ease-out cxmacro-fadeIn}.cx-macro-root .animate-slide-up{animation:.4s ease-out cxmacro-slideUp}@keyframes cxmacro-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cxmacro-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}