:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--surface:0 0% 98%;--surface-variant:210 40% 96%;--surface-container:0 0% 95%;--surface-container-high:0 0% 92%;--surface-container-highest:0 0% 90%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--primary-container:210 40% 95%;--primary-container-foreground:222.2 47.4% 11.2%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--secondary-container:210 40% 92%;--secondary-container-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--accent-container:210 40% 92%;--accent-container-foreground:222.2 47.4% 11.2%;--success:142 76% 36%;--success-foreground:0 0% 100%;--success-container:142 76% 90%;--success-container-foreground:142 76% 20%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--warning-container:38 92% 90%;--warning-container-foreground:38 92% 30%;--error:0 84.2% 60.2%;--error-foreground:210 40% 98%;--error-container:0 84% 90%;--error-container-foreground:0 84% 30%;--info:217 91% 60%;--info-foreground:0 0% 100%;--info-container:217 91% 90%;--info-container-foreground:217 91% 30%;--premium-banner-primary:217 91% 60%;--premium-banner-primary-foreground:0 0% 100%;--premium-banner-primary-container:217 91% 90%;--premium-banner-primary-container-foreground:217 91% 30%;--premium-banner-accent:210 100% 70%;--premium-banner-accent-foreground:0 0% 0%;--premium-banner-border:217 91% 60%;--premium-banner-background:217 91% 95%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--destructive:var(--error);--destructive-foreground:var(--error-foreground);--radius:.75rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--font-inter:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-sans:var(--font-inter);--font-family-mono:"JetBrains Mono",Consolas,Monaco,"Courier New",monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--surface:222.2 84% 6%;--surface-variant:217.2 32.6% 17.5%;--surface-container:222.2 84% 8%;--surface-container-high:217.2 32.6% 15%;--surface-container-highest:217.2 32.6% 20%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--primary-container:217.2 32.6% 17.5%;--primary-container-foreground:210 40% 98%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--secondary-container:217.2 32.6% 22%;--secondary-container-foreground:210 40% 98%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--accent-container:217.2 32.6% 22%;--accent-container-foreground:210 40% 98%;--success:142 76% 50%;--success-foreground:0 0% 0%;--success-container:142 76% 15%;--success-container-foreground:142 76% 80%;--warning:38 92% 60%;--warning-foreground:0 0% 0%;--warning-container:38 92% 15%;--warning-container-foreground:38 92% 80%;--error:0 62.8% 30.6%;--error-foreground:0 85.7% 97.3%;--error-container:0 62% 15%;--error-container-foreground:0 85% 85%;--info:217 91% 70%;--info-foreground:0 0% 0%;--info-container:217 91% 15%;--info-container-foreground:217 91% 80%;--premium-banner-primary:217 91% 60%;--premium-banner-primary-foreground:0 0% 100%;--premium-banner-primary-container:217 91% 15%;--premium-banner-primary-container-foreground:217 91% 80%;--premium-banner-accent:210 100% 70%;--premium-banner-accent-foreground:0 0% 0%;--premium-banner-border:217 91% 60%;--premium-banner-background:217 91% 15%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006}.surface{background-color:hsl(var(--surface));color:hsl(var(--foreground))}.surface-variant{background-color:hsl(var(--surface-variant));color:hsl(var(--foreground))}.surface-container{background-color:hsl(var(--surface-container));color:hsl(var(--foreground))}.surface-container-high{background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.surface-container-highest{background-color:hsl(var(--surface-container-highest));color:hsl(var(--foreground))}.interactive{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.interactive:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--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)}.interactive:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.card-modern{border-radius:var(--radius);background-color:hsl(var(--card));color:hsl(var(--card-foreground));--tw-shadow:0 1px 2px 0 #0000000d;--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);border-width:1px}.card-elevated{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:var(--radius);background-color:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-width:1px;transition-property:box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.card-elevated:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-primary{letter-spacing:0;border-radius:var(--radius);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast);animation-duration:var(--transition-fast);padding:.5rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.1}.btn-primary:hover{background-color:hsl(var(--primary)/.9)}.btn-secondary{letter-spacing:0;border-radius:var(--radius);background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast);animation-duration:var(--transition-fast);padding:.5rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.1}.btn-secondary:hover{background-color:hsl(var(--secondary)/.8)}.btn-outline{letter-spacing:0;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast);animation-duration:var(--transition-fast);padding:.5rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.1}.btn-outline:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost{letter-spacing:0;border-radius:var(--radius);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast);animation-duration:var(--transition-fast);padding:.5rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.1}.btn-ghost:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.input-modern{border-radius:var(--radius-sm);border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));--tw-ring-offset-color:hsl(var(--background));width:100%;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;display:flex}.input-modern::file-selector-button{background-color:#0000;border-width:0;font-size:.875rem;font-weight:500;line-height:1.25rem}.input-modern::placeholder{color:hsl(var(--muted-foreground))}.input-modern:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px;outline:2px solid #0000}.input-modern:disabled{opacity:.5;cursor:not-allowed}.input-file-modern{border-radius:var(--radius-sm);border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--surface-container));width:100%;color:hsl(var(--foreground));--tw-ring-offset-color:hsl(var(--background));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;display:flex}.input-file-modern:disabled{cursor:not-allowed}.input-file-modern::file-selector-button{cursor:pointer;border-radius:calc(var(--radius) - 4px);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-width:0;margin-right:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.input-file-modern::placeholder{color:hsl(var(--muted-foreground))}.input-file-modern::file-selector-button:hover{background-color:hsl(var(--primary)/.9)}.input-file-modern:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px;outline:2px solid #0000}.input-file-modern:disabled{cursor:not-allowed;opacity:.5}.label-modern{letter-spacing:.05em;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;line-height:1}.peer:disabled~.label-modern{cursor:not-allowed;opacity:.7}.tool-container{background-color:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground))}.nav-modern{border-bottom-width:1px;border-color:hsl(var(--border));--tw-backdrop-blur:blur(4px);-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);background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.nav-item{border-radius:var(--radius-sm);color:hsl(var(--muted-foreground));padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.nav-item:hover{color:hsl(var(--foreground))}.nav-item-active{background-color:hsl(var(--accent));color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.nav-item-active:hover{color:hsl(var(--foreground))}.sidebar-modern{border-right-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.sidebar-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:hsl(var(--muted-foreground));padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.sidebar-item:hover{color:hsl(var(--foreground))}.sidebar-item-active{text-align:left;background-color:hsl(var(--accent));width:100%;color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.sidebar-item-active:hover{color:hsl(var(--foreground))}.writing-mode-vertical{writing-mode:vertical-rl;text-orientation:mixed}.status-success{border-width:1px;border-color:hsl(var(--success)/.2);background-color:hsl(var(--success-container));color:hsl(var(--success-container-foreground))}.status-warning{border-width:1px;border-color:hsl(var(--warning)/.2);background-color:hsl(var(--warning-container));color:hsl(var(--warning-container-foreground))}.status-error{border-width:1px;border-color:hsl(var(--error)/.2);background-color:hsl(var(--error-container));color:hsl(var(--error-container-foreground))}.status-info{border-width:1px;border-color:hsl(var(--info)/.2);background-color:hsl(var(--info-container));color:hsl(var(--info-container-foreground))}.space-modern>*+*{margin-top:1rem}.space-modern-sm>*+*{margin-top:.5rem}.space-modern-lg>*+*{margin-top:1.5rem}.text-display,.text-h1{letter-spacing:-.5px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.text-h2{letter-spacing:-.25px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.2}.text-h3{letter-spacing:-.15px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.text-h4{letter-spacing:-.1px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}.text-h5{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.text-h6{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.6}.text-heading-1{letter-spacing:-.5px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.text-heading-2{letter-spacing:-.25px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.2}.text-heading-3{letter-spacing:-.15px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.text-heading-4{letter-spacing:-.1px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}.text-body-large{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.5}.text-body{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.text-body-small{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.6}.text-caption{letter-spacing:.5px;text-transform:uppercase;color:hsl(var(--muted-foreground));font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.75rem;font-weight:500;line-height:1.4}.container-modern{width:100%;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (min-width:1400px){.container-modern{max-width:1400px}}.container-modern{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-modern{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-modern{padding-left:2rem;padding-right:2rem}}.grid-modern{gap:1.5rem;display:grid}.flex-modern{align-items:center;gap:1rem;display:flex}.flex-modern-col{flex-direction:column;gap:1rem;display:flex}.animate-fade-in{--tw-enter-opacity:0;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;transition-duration:.2s;animation-name:enter;animation-duration:.2s}.animate-slide-up{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:1rem;transition-duration:.2s;animation-name:enter;animation-duration:.2s}.animate-slide-down{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:-1rem;transition-duration:.2s;animation-name:enter;animation-duration:.2s}.bg-dark-900{background-color:hsl(var(--background))}.bg-dark-800{background-color:hsl(var(--surface))}.bg-dark-700{background-color:hsl(var(--surface-variant))}.bg-dark-600{background-color:hsl(var(--surface-container))}.bg-dark-500{background-color:hsl(var(--surface-container-high))}.bg-dark-400{background-color:hsl(var(--surface-container-highest))}.bg-dark-300{background-color:hsl(var(--muted))}.bg-dark-100{background-color:hsl(var(--secondary))}.text-white,.text-gray-100,.text-gray-200,.text-gray-300{color:hsl(var(--foreground))}.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700{color:hsl(var(--muted-foreground))}.text-gray-800,.text-gray-900{color:hsl(var(--foreground))}.border-dark-900,.border-dark-800,.border-dark-700,.border-dark-600,.border-dark-500,.border-dark-400,.border-gray-700,.border-gray-600,.border-gray-500,.border-gray-400,.divide-dark-500>:not([hidden])~:not([hidden]),.divide-dark-400>:not([hidden])~:not([hidden]),.divide-gray-500>:not([hidden])~:not([hidden]),.divide-gray-400>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.bg-primary-500,.bg-primary-600,.bg-primary-700{background-color:hsl(var(--primary))}.text-primary-500,.text-primary-600,.text-primary-700{color:hsl(var(--primary))}.border-primary-500,.border-primary-600{border-color:hsl(var(--primary))}.hover\:text-primary-500:hover:hover,.hover\:text-primary-600:hover:hover{color:hsl(var(--primary))}.bg-red-500,.bg-red-600{background-color:hsl(var(--error))}.bg-red-900{background-color:hsl(var(--error-container))}.text-red-400,.text-red-500{color:hsl(var(--error))}.border-red-400,.border-red-700{border-color:hsl(var(--error))}.bg-green-600,.bg-green-700{background-color:hsl(var(--success))}.bg-green-900{background-color:hsl(var(--success-container))}.text-green-400{color:hsl(var(--success))}.text-green-300{color:hsl(var(--success-foreground))}.text-green-200{color:hsl(var(--success-container-foreground))}.border-green-700{border-color:hsl(var(--success))}.bg-blue-600,.bg-blue-700{background-color:hsl(var(--info))}.bg-blue-900{background-color:hsl(var(--info-container))}.text-blue-400{color:hsl(var(--info))}.text-blue-300{color:hsl(var(--info-foreground))}.text-blue-200{color:hsl(var(--info-container-foreground))}.border-blue-700{border-color:hsl(var(--info))}.bg-yellow-900{background-color:hsl(var(--warning-container))}.text-yellow-300{color:hsl(var(--warning-foreground))}.text-yellow-200{color:hsl(var(--warning-container-foreground))}.border-yellow-700{border-color:hsl(var(--warning))}.bg-purple-600,.bg-purple-700{background-color:hsl(var(--accent))}.bg-purple-900{background-color:hsl(var(--accent-container))}.text-purple-300{color:hsl(var(--accent-foreground))}.text-purple-200{color:hsl(var(--accent-container-foreground))}.border-purple-700{border-color:hsl(var(--accent))}.bg-orange-900{background-color:hsl(var(--warning-container))}.text-orange-300{color:hsl(var(--warning-foreground))}.text-orange-200{color:hsl(var(--warning-container-foreground))}.border-orange-700{border-color:hsl(var(--warning))}.hover\:bg-dark-500:hover:hover{background-color:hsl(var(--surface-container-high))}.hover\:bg-dark-600:hover:hover{background-color:hsl(var(--surface-container))}.hover\:bg-dark-700:hover:hover{background-color:hsl(var(--surface-variant))}.hover\:bg-gray-800:hover:hover{background-color:hsl(var(--surface))}.hover\:bg-gray-700:hover:hover{background-color:hsl(var(--surface-variant))}.hover\:text-red-300:hover:hover{color:hsl(var(--error-foreground))}.hover\:text-green-300:hover:hover{color:hsl(var(--success-foreground))}.hover\:text-blue-300:hover:hover{color:hsl(var(--info-foreground))}.hover\:border-red-700:hover:hover{border-color:hsl(var(--error))}.hover\:border-green-700:hover:hover{border-color:hsl(var(--success))}.hover\:border-blue-700:hover:hover{border-color:hsl(var(--info))}.focus\:ring:focus:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px}.focus\:outline-none:focus{outline:none}.active\:bg-zinc-50\/5:active:active{background-color:hsl(var(--accent))}.disabled\:bg-gray-600:disabled:disabled{background-color:hsl(var(--muted))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.modern-container{width:100%;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (min-width:1400px){.modern-container{max-width:1400px}}.modern-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.modern-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.modern-container{padding-left:2rem;padding-right:2rem}}.modern-grid{gap:1.5rem;display:grid}.modern-flex{align-items:center;gap:1rem;display:flex}.modern-card{border-radius:var(--radius);background-color:hsl(var(--card));color:hsl(var(--card-foreground));--tw-shadow:0 1px 2px 0 #0000000d;--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);border-width:1px}.modern-button{letter-spacing:0;border-radius:var(--radius);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--transition-fast);animation-duration:var(--transition-fast);padding:.5rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.1}.modern-button:hover{background-color:hsl(var(--primary)/.9)}.modern-input{border-radius:var(--radius-sm);border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));--tw-ring-offset-color:hsl(var(--background));width:100%;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;display:flex}.modern-input::file-selector-button{background-color:#0000;border-width:0;font-size:.875rem;font-weight:500;line-height:1.25rem}.modern-input::placeholder{color:hsl(var(--muted-foreground))}.modern-input:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px;outline:2px solid #0000}.modern-input:disabled{opacity:.5;cursor:not-allowed}.modern-nav{border-bottom-width:1px;border-color:hsl(var(--border));--tw-backdrop-blur:blur(4px);-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);background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.modern-sidebar{border-right-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container-high));color:hsl(var(--foreground))}.tool-modern{min-height:100vh;color:hsl(var(--foreground));background-color:hsl(var(--background));flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.panel-modern{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);height:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-direction:column;flex:1;display:flex;overflow:hidden}.header-modern{border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.tool-container{background-color:hsl(var(--background));flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.tool-panel{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);height:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-direction:column;flex:1;display:flex;overflow:hidden}.tool-header{border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.tool-title{color:hsl(var(--foreground));font-size:1rem;font-weight:600;line-height:1.5rem}.tool-subtitle{letter-spacing:.025em;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;line-height:1.25rem}.tool-input{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-input:focus{outline:none}.tool-input::placeholder{color:hsl(var(--muted-foreground))}.tool-input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/.5);outline:2px solid #0000}.tools-container input[type=text],.tools-container input[type=email],.tools-container input[type=password],.tools-container input[type=number],.tools-container input[type=url],.tools-container textarea{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tools-container input[type=text]:focus,.tools-container input[type=email]:focus,.tools-container input[type=password]:focus,.tools-container input[type=number]:focus,.tools-container input[type=url]:focus,.tools-container textarea:focus{outline:none}.tools-container input[type=text]::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=email]::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=password]::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=number]::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=url]::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container textarea::-moz-placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=text]::placeholder,.tools-container input[type=email]::placeholder,.tools-container input[type=password]::placeholder,.tools-container input[type=number]::placeholder,.tools-container input[type=url]::placeholder,.tools-container textarea::placeholder{color:hsl(var(--muted-foreground))}.tools-container input[type=text]:focus,.tools-container input[type=email]:focus,.tools-container input[type=password]:focus,.tools-container input[type=number]:focus,.tools-container input[type=url]:focus,.tools-container textarea:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/.5);outline:2px solid #0000}.tool-button{border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-button:hover{background-color:hsl(var(--primary)/.9)}.tool-button-secondary{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground));padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-button-secondary:hover{background-color:hsl(var(--surface-container))}.tool-button-ghost{border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));background-color:#0000;padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-button-ghost:hover{background-color:hsl(var(--surface-container));color:hsl(var(--foreground))}.tool-color-preview{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:2rem;height:2rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tool-color-input{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground));padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-color-input:focus{outline:none}.tool-color-input::placeholder{color:hsl(var(--muted-foreground))}.tool-color-input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/.5);outline:2px solid #0000}.tools-container button:not([class*=tool-]):not([class*=btn-]):not([class*=Button]){border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground));padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tools-container button:not([class*=tool-]):not([class*=btn-]):not([class*=Button]):hover{background-color:hsl(var(--surface-container))}.tools-container h1{letter-spacing:-.5px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.tools-container h2{letter-spacing:-.25px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.2}.tools-container h3{letter-spacing:-.15px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.tools-container h4{letter-spacing:-.1px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}.tools-container h5{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.tools-container h6{letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.6}.tools-container .text-gray-400,.tools-container .text-gray-500,.tools-container .text-gray-600{color:hsl(var(--muted-foreground))}.tools-container .text-gray-800,.tools-container .text-gray-900,.tools-container .text-zinc-600,.tools-container .text-zinc-800{color:hsl(var(--foreground))}.tools-container .bg-white{background-color:hsl(var(--surface))}.tools-container .bg-gray-100,.tools-container .bg-gray-200{background-color:hsl(var(--surface-container))}.tool-result-container>: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))}.tool-result-container{padding-top:1rem;padding-bottom:1rem}.tool-result-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:700;line-height:1.25rem}.tool-result-value{align-items:center;gap:1rem;display:flex}.tool-result-input{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));letter-spacing:.05em;width:15rem;color:hsl(var(--foreground));border-radius:.25rem;padding:.5rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.tool-result-input:disabled{opacity:1}.tool-copy-button{cursor:pointer;background-color:hsl(var(--surface-container));--tw-shadow:0 1px 2px 0 #0000000d;--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);border-radius:.25rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.tool-copy-button:hover{background-color:hsl(var(--surface-container-high))}.tool-divider>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:hsl(var(--border))}.tool-divider-horizontal>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)));border-color:hsl(var(--border))}.tool-flex-container{gap:.5rem;display:flex}.tool-grid-container{gap:1rem;display:grid}.tool-section{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));padding:1rem}.accordion-item{border-bottom-width:1px;border-color:hsl(var(--border))}.accordion-trigger{color:hsl(var(--foreground))}.accordion-trigger:hover{color:hsl(var(--foreground)/.8)}.accordion-content{color:hsl(var(--muted-foreground))}[data-radix-accordion-root]{background-color:hsl(var(--surface))!important}[data-radix-accordion-item]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface))!important}[data-radix-accordion-trigger]{background-color:hsl(var(--surface))!important;color:hsl(var(--foreground))!important}[data-radix-accordion-trigger]:hover{background-color:hsl(var(--surface-container)/.5)!important}[data-radix-accordion-content]{background-color:hsl(var(--surface))!important;color:hsl(var(--muted-foreground))!important}.tools-container [data-radix-accordion-content],.tools-container [data-state=open] [data-radix-accordion-content],.tools-container [data-state=closed] [data-radix-accordion-content]{background-color:hsl(var(--surface))!important}.tools-container [data-radix-accordion-item]{border-color:hsl(var(--border))!important;background-color:hsl(var(--surface))!important}.tools-container [data-radix-accordion-content] *,.tools-container [data-radix-accordion-content]>div{background-color:inherit!important}.card-dark{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface));color:hsl(var(--foreground))}[data-theme=dark] .bg-white,.tools-container .bg-white{background-color:hsl(var(--surface))!important}[data-theme=dark] .text-black,.tools-container .text-black{color:hsl(var(--foreground))!important}[data-theme=dark] .border-gray-200,.tools-container .border-gray-200{border-color:hsl(var(--border))!important}.state-success{border-width:1px;border-color:hsl(var(--success)/.2);background-color:hsl(var(--success-container));color:hsl(var(--success-container-foreground))}.state-warning{border-width:1px;border-color:hsl(var(--warning)/.2);background-color:hsl(var(--warning-container));color:hsl(var(--warning-container-foreground))}.state-error{border-width:1px;border-color:hsl(var(--error)/.2);background-color:hsl(var(--error-container));color:hsl(var(--error-container-foreground))}.state-info{border-width:1px;border-color:hsl(var(--info)/.2);background-color:hsl(var(--info-container));color:hsl(var(--info-container-foreground))}.interactive-element{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.interactive-element:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--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)}.interactive-element:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.clickable{cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.clickable:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.clickable:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.hoverable{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s}.hoverable:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.center-content{justify-content:center;align-items:center;display:flex}.space-between{justify-content:space-between;align-items:center;display:flex}.full-width{width:100%}.full-height{height:100%}.full-screen{width:100%;height:100%}.heading-primary{color:hsl(var(--foreground));font-size:2.25rem;font-weight:700;line-height:2.5rem}.heading-secondary{color:hsl(var(--foreground));font-size:1.875rem;font-weight:600;line-height:2.25rem}.heading-tertiary{color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;line-height:2rem}.body-text{color:hsl(var(--foreground));font-size:1rem;line-height:1.5rem}.body-text-muted{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.5rem}.caption-text{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem}.small-text{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}.text-white{color:hsl(var(--foreground))}.text-neutral-200,.text-zinc-600{color:hsl(var(--muted-foreground))}.border-dark-400\/40{border-color:hsl(var(--border)/.4)}.bg-primary-500\/20{background-color:hsl(var(--primary)/.2)}.text-primary-500\/80{color:hsl(var(--primary)/.8)}.text-primary-100{color:hsl(var(--primary-foreground)/.9)}.text-primary-600,.text-primary-700{color:hsl(var(--primary))}.bg-primary-50{background-color:hsl(var(--primary)/.1)}.bg-primary-600,.bg-primary-700{background-color:hsl(var(--primary))}.bg-black{background-color:hsl(var(--surface))}.border-gray-800,.border-gray-700{border-color:hsl(var(--border))}.text-zinc-400{color:hsl(var(--muted-foreground))}.text-zinc-400\/90{color:hsl(var(--muted-foreground)/.9)}.text-zinc-800{color:hsl(var(--foreground))}.bg-zinc-50\/20{background-color:hsl(var(--surface-container)/.2)}.border-zinc-50\/20{border-color:hsl(var(--border)/.2)}.text-zinc-50\/50{color:hsl(var(--muted-foreground)/.5)}.hover\:bg-zinc-50\/5:hover:hover,.active\:bg-zinc-50\/5:active:active{background-color:hsl(var(--surface-container)/.05)}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:hsl(var(--border))}.bg-white{background-color:hsl(var(--background))}.bg-white,[class*=bg-white]{background-color:hsl(var(--surface))!important}.text-black,[class*=text-black]{color:hsl(var(--foreground))!important}.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100,.bg-neutral-50,.bg-neutral-100{background-color:hsl(var(--surface))!important}.border-gray-200,.border-slate-200,.border-zinc-200,.border-neutral-200{border-color:hsl(var(--border))!important}.text-primary-500,.text-primary-600,.text-primary-700{color:hsl(var(--primary))!important}.bg-primary-500,.bg-primary-600,.bg-primary-700{background-color:hsl(var(--primary))!important}.border-primary-500,.border-primary-600,.border-primary-700{border-color:hsl(var(--primary))!important}.hover\:bg-primary-500:hover:hover{background-color:hsl(var(--primary))!important}.hover\:bg-primary-600:hover:hover{background-color:hsl(var(--primary)/.9)!important}.hover\:bg-primary-700:hover:hover{background-color:hsl(var(--primary)/.8)!important}.hover\:text-primary-500:hover:hover,.hover\:text-primary-600:hover:hover,.hover\:text-primary-700:hover:hover{color:hsl(var(--primary))!important}.bg-gray-800{background-color:hsl(var(--surface))!important}.bg-gray-900{background-color:hsl(var(--background))!important}.border-gray-700,.border-gray-800{border-color:hsl(var(--border))!important}.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700{color:hsl(var(--muted-foreground))!important}.hover\:bg-gray-50:hover:hover,.hover\:bg-gray-100:hover:hover{background-color:hsl(var(--surface-container))!important}.hover\:text-white:hover:hover{color:hsl(var(--foreground))!important}.shadow-primary-500{--tw-shadow-color:hsl(var(--primary)/.2);--tw-shadow:var(--tw-shadow-colored)}.border-primary-500{border-color:hsl(var(--primary))}.bg-dark-200{background-color:hsl(var(--surface-container-highest))}.border-dark-200{border-color:hsl(var(--border))}.bg-red-600{background-color:hsl(var(--error))}.bg-red-500{background-color:hsl(var(--error)/.9)}.bg-red-700{background-color:hsl(var(--error-container))}.border-red-500{border-color:hsl(var(--error))}.text-red-200{color:hsl(var(--error-foreground))}.text-red-100{color:hsl(var(--error-foreground)/.8)}.text-red-300{color:hsl(var(--error-foreground)/.6)}.bg-slate-50\/20{background-color:hsl(var(--surface-container)/.2)}.text-slate-200{color:hsl(var(--foreground))}.text-gray-300,.text-gray-400{color:hsl(var(--muted-foreground))}.ring-gray-500{--tw-ring-color:hsl(var(--border))}.divide-gray-50\/10>:not([hidden])~:not([hidden]){border-color:hsl(var(--border)/.1)}.nav-primary-button{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;border:none!important;text-decoration:none!important}.nav-primary-button:hover{background-color:hsl(var(--primary)/.9)!important;color:hsl(var(--primary-foreground))!important;text-decoration:none!important}.nav-primary-button:focus{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;outline:2px solid hsl(var(--ring))!important;outline-offset:2px!important}.nav-primary-button:active{background-color:hsl(var(--primary)/.95)!important;color:hsl(var(--primary-foreground))!important}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.menu-open{overflow:hidden}@media (min-width:1024px){.menu-open{overflow:auto}}body:not(.menu-open){overflow:visible!important}@media (min-width:1024px){.menu-open{overflow:auto!important}}@media print{.no-print{display:none!important}}.premium-banner{z-index:50;position:relative}.premium-banner-content{text-align:center}.premium-banner-title{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.premium-banner-subtitle{color:hsl(var(--muted-foreground));margin-bottom:.75rem;font-size:.75rem;line-height:1rem}.premium-banner-features{margin-bottom:.75rem;list-style-type:none}.premium-banner-features>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.premium-banner-features{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}.premium-banner-feature{justify-content:flex-start;align-items:center;display:flex}.premium-banner-cta{cursor:pointer;color:hsl(var(--premium-banner-primary));font-size:.75rem;font-weight:500;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.premium-banner-cta:hover{color:hsl(var(--premium-banner-primary)/.8);transform:translateY(-1px)}.premium-banner-tooltip{border-radius:var(--radius);background-color:hsl(var(--surface-container-high));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);min-width:240px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border:2px solid hsl(var(--premium-banner-primary)/.3);background:linear-gradient(135deg,hsl(var(--surface-container-high)),hsl(var(--premium-banner-background)/.1));padding:.75rem}.premium-banner-tooltip .premium-banner-title{color:hsl(var(--premium-banner-primary))}.premium-banner-tooltip .premium-banner-subtitle,.premium-banner-tooltip .premium-banner-features{color:hsl(var(--muted-foreground))}.premium-banner-tooltip .premium-banner-cta{color:hsl(var(--premium-banner-primary));font-weight:600}.premium-banner-tooltip .premium-banner-cta:hover{color:hsl(var(--premium-banner-accent));transform:translateY(-1px)}.premium-banner-position-top .premium-banner-arrow{--tw-translate-x:-50%;--tw-rotate:45deg;width:1rem;height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));background-color:hsl(var(--surface-container-high));border-left:2px solid hsl(var(--premium-banner-primary)/.3);border-top:2px solid hsl(var(--premium-banner-primary)/.3);position:absolute;top:-.5rem;left:50%}.premium-banner-position-bottom .premium-banner-arrow{--tw-translate-x:-50%;--tw-rotate:45deg;width:1rem;height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));background-color:hsl(var(--surface-container-high));border-right:2px solid hsl(var(--premium-banner-primary)/.3);border-bottom:2px solid hsl(var(--premium-banner-primary)/.3);margin-top:-.25rem;position:absolute;top:100%;left:50%}.premium-banner-position-left .premium-banner-arrow{--tw-translate-y:-50%;--tw-rotate:45deg;width:1rem;height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));background-color:hsl(var(--surface-container-high));border-left:2px solid hsl(var(--premium-banner-primary)/.3);border-bottom:2px solid hsl(var(--premium-banner-primary)/.3);position:absolute;top:50%;left:-.5rem}.premium-banner-position-right .premium-banner-arrow{--tw-translate-y:-50%;--tw-rotate:45deg;width:1rem;height:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));background-color:hsl(var(--surface-container-high));border-right:2px solid hsl(var(--premium-banner-primary)/.3);border-top:2px solid hsl(var(--premium-banner-primary)/.3);position:absolute;top:50%;right:-.5rem}.premium-banner-toast{border-radius:var(--radius);background-color:hsl(var(--surface-container));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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);--tw-backdrop-blur:blur(4px);-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);border:1px solid hsl(var(--premium-banner-primary)/.2);background:linear-gradient(135deg,hsl(var(--surface-container)),hsl(var(--premium-banner-background)/.05));padding:1rem}.premium-banner-toast .premium-banner-title{color:hsl(var(--premium-banner-primary))}.premium-banner-toast .premium-banner-subtitle,.premium-banner-toast .premium-banner-features{color:hsl(var(--muted-foreground))}.premium-banner-toast .premium-banner-cta{color:hsl(var(--premium-banner-primary));font-weight:500}.premium-banner-toast .premium-banner-cta:hover{color:hsl(var(--premium-banner-accent))}.premium-banner-card{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--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);padding:1.5rem}.premium-banner-card .premium-banner-content{text-align:left}.premium-banner-inline{border-radius:calc(var(--radius) - 2px);background:hsl(var(--premium-banner-primary)/.1);border:1px solid hsl(var(--premium-banner-primary)/.2);background:linear-gradient(135deg,hsl(var(--premium-banner-primary)/.08),hsl(var(--premium-banner-accent)/.05));padding:.75rem}.premium-banner-inline .premium-banner-title{color:hsl(var(--premium-banner-primary));font-weight:600}.premium-banner-inline .premium-banner-subtitle,.premium-banner-inline .premium-banner-features{color:hsl(var(--muted-foreground))}.premium-banner-inline .premium-banner-cta{color:hsl(var(--premium-banner-primary));font-weight:500}.premium-banner-inline .premium-banner-cta:hover{color:hsl(var(--premium-banner-accent));transform:translateY(-1px)}@media (max-width:640px){.premium-banner-tooltip{min-width:200px;padding:.5rem}.premium-banner-title,.premium-banner-subtitle,.premium-banner-features,.premium-banner-cta{font-size:.75rem;line-height:1rem}}.premium-banner-fade-in{--tw-enter-opacity:0;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;transition-duration:.3s;animation-name:enter;animation-duration:.3s}.premium-banner-slide-up{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:1rem;transition-duration:.3s;animation-name:enter;animation-duration:.3s}.premium-banner-slide-down{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:-1rem;transition-duration:.3s;animation-name:enter;animation-duration:.3s}@keyframes ai-particle-float{0%{transform:translateY(0)translate(0)}25%{transform:translateY(-15px)translate(15px)}50%{transform:translateY(0)translate(30px)}75%{transform:translateY(15px)translate(15px)}to{transform:translateY(0)translate(0)}}.ai-particle-float{animation:linear infinite ai-particle-float}@keyframes ai-success-checkmark{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.ai-success-checkmark{animation:.6s ease-out ai-success-checkmark}@keyframes ai-fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}.ai-fade-out{animation:2s ease-out forwards ai-fade-out}.website-for-business-page{background-color:hsl(var(--background));color:hsl(var(--foreground))}.website-for-business-page h1,.website-for-business-page h2,.website-for-business-page h3,.website-for-business-page h4,.website-for-business-page h5,.website-for-business-page h6{color:hsl(var(--foreground))}.website-for-business-page p{color:hsl(var(--muted-foreground))}.website-for-business-page button{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.website-for-business-page .text-white{color:hsl(var(--foreground))!important}.website-for-business-page .text-gray-300{color:hsl(var(--muted-foreground))!important}.website-for-business-page .bg-black{background-color:hsl(var(--surface))!important}.website-for-business-page .border-gray-800{border-color:hsl(var(--border))!important}.website-for-business-page .text-primary-500{color:hsl(var(--primary))!important}.website-for-business-page .bg-primary-500{background-color:hsl(var(--primary))!important}.website-for-business-page .border-primary-500{border-color:hsl(var(--primary))!important}.website-for-business-page *{color:inherit}.website-for-business-page [class*=text-]{opacity:1!important;visibility:visible!important}
.homepage-typography{font-feature-settings:"cv02","cv03","cv04","cv11";font-variation-settings:normal;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.homepage-h1{letter-spacing:-.5px;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.homepage-h2{letter-spacing:-.25px;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.2}.homepage-h3{letter-spacing:-.15px;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.25}.homepage-lead{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.5}.homepage-hero-subtitle{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.125rem,1.5vw,1.25rem);font-weight:500;line-height:1.5}.homepage-body{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(.9375rem,1.2vw,1rem);font-weight:400;line-height:1.6}.homepage-body-medium{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(.9375rem,1.2vw,1rem);font-weight:500;line-height:1.6}.homepage-small{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.6}.homepage-button{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(.9375rem,1vw,1rem);font-weight:500;line-height:1.1}.homepage-badge{letter-spacing:.025em;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(.8125rem,.9vw,.875rem);font-weight:500;line-height:1.4}.homepage-nav{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.4}.homepage-typography.dark .homepage-body,.homepage-typography.dark .homepage-small{font-weight:400}.homepage-typography.dark .homepage-body-medium{font-weight:500}.homepage-typography.dark .homepage-h1,.homepage-typography.dark .homepage-h2,.homepage-typography.dark .homepage-h3{font-weight:600}.homepage-typography.dark .homepage-h1{font-weight:700}.homepage-remove-font-overrides{font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;font-style:normal!important}.homepage-feature-bullet{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.homepage-feature-bullet strong{font-weight:500}.homepage-accordion-trigger{letter-spacing:-.01em;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4}.homepage-accordion-content{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.6}.homepage-card-title{letter-spacing:-.01em;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.3}.homepage-card-description{letter-spacing:0;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}@media (max-width:640px){.homepage-h1{font-size:2rem;line-height:1.2}.homepage-h2{font-size:1.5rem;line-height:1.25}.homepage-lead,.homepage-hero-subtitle{font-size:1.125rem}}.homepage-typography *{font-display:swap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ds-container-sm{width:100%;max-width:42rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.ds-container-sm{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.ds-container-sm{padding-left:2rem;padding-right:2rem}}.ds-container-md{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.ds-container-md{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.ds-container-md{padding-left:2rem;padding-right:2rem}}.ds-container-lg{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.ds-container-lg{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.ds-container-lg{padding-left:2rem;padding-right:2rem}}.ds-container-xl{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.ds-container-xl{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.ds-container-xl{padding-left:2rem;padding-right:2rem}}.ds-container-full{width:100%;max-width:1536px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.ds-container-full{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.ds-container-full{padding-left:2rem;padding-right:2rem}}.ds-section{width:100%;height:auto;padding:3rem 1rem}@media (min-width:640px){.ds-section{padding:4rem 1.5rem}}@media (min-width:1024px){.ds-section{padding:5rem 2rem}}.ds-grid-single,.ds-grid-two-up{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}@media (min-width:768px){.ds-grid-two-up{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-grid-three-up{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}@media (min-width:768px){.ds-grid-three-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ds-grid-three-up{grid-template-columns:repeat(3,minmax(0,1fr))}}.ds-grid-four-up{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}@media (min-width:768px){.ds-grid-four-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ds-grid-four-up{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.ds-grid-four-up{grid-template-columns:repeat(4,minmax(0,1fr))}}.ds-search-container{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;position:relative}.ds-search-input-wrapper{background-color:hsl(var(--surface-container)/.8);--tw-backdrop-blur:blur(4px);height:3.5rem;-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);border-width:2px;border-radius:.75rem;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex;position:relative}.ds-search-input-wrapper.focused{border-color:hsl(var(--primary));--tw-shadow:var(--tw-shadow-colored);--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);--tw-shadow-color:hsl(var(--primary)/.2)}.ds-search-input-wrapper.unfocused{border-color:hsl(var(--border))}.ds-search-input-wrapper.unfocused:hover{border-color:hsl(var(--primary)/.5)}.ds-search-input-wrapper.navbar{background-color:hsl(var(--surface-container));height:2.5rem}.ds-search-input{color:hsl(var(--foreground));background-color:#0000;flex:1;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.ds-search-input::placeholder{color:hsl(var(--muted-foreground))}.ds-search-input:focus{outline-offset:2px;outline:2px solid #0000}.ds-search-input.navbar{padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem}.ds-search-button{border-radius:var(--radius);background-color:hsl(var(--primary));height:2.5rem;color:hsl(var(--primary-foreground));margin-right:.5rem;padding-left:1.5rem;padding-right:1.5rem}.ds-search-button:hover{background-color:hsl(var(--primary)/.9)}.ds-search-dropdown{z-index:50;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--popover));--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);width:100%;max-height:20rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;margin-top:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;position:absolute;top:100%}.ds-search-dropdown.visible{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));opacity:1}.ds-search-dropdown.hidden{pointer-events:none;--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));opacity:0}.ds-button-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ds-button-primary:hover{background-color:hsl(var(--primary)/.9)}.ds-button-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.ds-button-secondary:hover{background-color:hsl(var(--secondary)/.9)}.ds-button-outline{border-width:1px;border-color:hsl(var(--border));background-color:#0000}.ds-button-outline:hover{background-color:hsl(var(--surface-container))}.ds-button-ghost{background-color:#0000}.ds-button-ghost:hover{background-color:hsl(var(--surface-container))}.ds-card{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));color:hsl(var(--foreground));--tw-shadow:0 1px 2px 0 #0000000d;--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);padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.ds-card:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));background-color:hsl(var(--surface-container-high));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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)}.ds-input{border-radius:var(--radius);border-width:2px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));height:3rem;padding:.75rem 1rem}.ds-input:focus{border-color:hsl(var(--primary));--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/.2)}.ds-textarea{border-radius:var(--radius);border-width:2px;border-color:hsl(var(--border));background-color:hsl(var(--surface-container));min-height:120px;padding:.75rem 1rem}.ds-textarea:focus{border-color:hsl(var(--primary));--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/.2)}.ds-gap-xs{gap:.5rem}.ds-gap-sm{gap:.75rem}.ds-gap-md{gap:1rem}.ds-gap-lg{gap:1.5rem}.ds-gap-xl{gap:2rem}.ds-mb-xs{margin-bottom:.5rem}.ds-mb-sm{margin-bottom:1rem}.ds-mb-md{margin-bottom:1.5rem}.ds-mb-lg{margin-bottom:2rem}.ds-mb-xl{margin-bottom:3rem}.ds-transition-fast{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.ds-transition-normal{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.ds-transition-slow{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.5s}.ds-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.ds-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--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)}.ds-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--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)}.ds-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--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)}.ds-shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ds-shadow-focus{--tw-shadow:var(--tw-shadow-colored);--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);--tw-shadow-color:hsl(var(--primary)/.2)}.ds-radius-sm{border-radius:var(--radius)}.ds-radius-md{border-radius:.75rem}.ds-radius-lg{border-radius:1rem}.ds-radius-full{border-radius:9999px}.ds-z-dropdown{z-index:50}.ds-z-overlay{z-index:60}.ds-z-modal{z-index:70}.ds-z-tooltip{z-index:80}.ds-z-navbar{z-index:40}.ds-center-content{justify-content:center;align-items:center;display:flex}.ds-center-x{margin-left:auto;margin-right:auto}.ds-center-y{margin-top:auto;margin-bottom:auto}.ds-full-width{width:100%}.ds-text-center{text-align:center}.ds-sr-only{white-space:nowrap;clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-search-result-item{border-bottom-width:1px;border-color:hsl(var(--border)/.5);align-items:center;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex}.ds-search-result-item:last-child{border-bottom-width:0}.ds-search-result-item:hover{background-color:hsl(var(--surface-container-high))}.ds-search-result-title{color:hsl(var(--foreground));font-weight:500}.ds-search-result-description{-webkit-line-clamp:1;color:hsl(var(--muted-foreground));-webkit-box-orient:vertical;margin-top:.25rem;font-size:.75rem;line-height:1rem;display:-webkit-box;overflow:hidden}.ds-search-no-results{text-align:center;color:hsl(var(--muted-foreground));padding:2rem 1rem}.ds-search-suggestions{background-color:hsl(var(--surface-container));border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.ds-search-suggestions:hover{background-color:hsl(var(--surface-container-high))}@media (max-width:640px){.ds-search-input-wrapper{height:3rem}.ds-search-input{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.ds-search-button{padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}}@media (prefers-color-scheme:dark){.ds-search-dropdown{--tw-backdrop-blur:blur(4px);-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)}.ds-card{--tw-shadow:var(--tw-shadow-colored);--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);--tw-shadow-color:#0000001a}}@media (prefers-reduced-motion:reduce){.ds-transition-fast,.ds-transition-normal,.ds-transition-slow,.ds-transition-colors{transition-property:none}.ds-card:hover{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}}@media (prefers-contrast:high){.ds-search-input-wrapper{border-width:4px}.ds-button-primary,.ds-button-secondary{border-width:2px;border-color:hsl(var(--foreground))}}
