@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{--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:rgba(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:rgba(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: }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.block{display:block}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.w-10{width:2.5rem}.max-w-7xl{max-width:80rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border-t{border-top-width:1px}.border-secondary-800{border-color:var(--secondary-800)}.bg-secondary-800{background-color:var(--secondary-800)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pt-8{padding-top:2rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-secondary-400{color:var(--secondary-400)}.text-secondary-500{color:var(--secondary-500)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.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}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-600) 0%,var(--secondary-800) 100%);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--secondary-800);background-color:var(--secondary-50)}body,html{overflow-x:hidden}body,html{max-width:100%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff;flex-direction:column}.loading-content,.loading-logo{display:flex;align-items:center;justify-content:center}.loading-logo{gap:var(--space-md);font-size:2rem;font-weight:700;margin-bottom:var(--space-xl)}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--secondary-200);z-index:var(--z-fixed);transition:all var(--transition-normal)}.navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);justify-content:space-between;height:70px}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:var(--space-sm);font-size:1.5rem;font-weight:800;color:var(--primary-600);text-decoration:none}.brand-icon{font-size:1.75rem}.brand-badge{background:var(--gradient-primary);color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:600}.nav-menu{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{color:var(--secondary-700);text-decoration:none;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.github-link{display:flex;align-items:center;gap:var(--space-xs);background:var(--secondary-900);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.github-link:hover{background:var(--secondary-800);color:#fff}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background:var(--secondary-700);transition:all var(--transition-fast);transform-origin:center}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:80px;padding-bottom:var(--space-4xl)}.hero-background{z-index:1}.hero-background,.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0}.hero-grid{background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.2) 0,transparent 50%)}.hero-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-4xl);align-items:center}.hero-content{color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);font-size:.875rem;font-weight:600;margin-bottom:var(--space-2xl);border:1px solid hsla(0,0%,100%,.3)}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-lg)}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:var(--space-2xl);opacity:.9}.compliance-notice{margin-top:var(--space-xl);background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.4);border-left:4px solid var(--warning-500);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start;color:hsla(0,0%,100%,.9)}.hero .compliance-notice{background:rgba(15,23,42,.55)}.hero-disclaimer{max-width:540px}.notice-icon{font-size:1.5rem;color:var(--warning-500);flex-shrink:0;margin-top:.2rem}.notice-title{font-weight:700;margin-bottom:var(--space-xs);color:inherit}.notice-body{color:inherit;font-size:.95rem;line-height:1.7}.notice-body strong{color:#fcd34d}.hero-stats{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;line-height:1}.stat-label{font-size:.875rem;opacity:.8;margin-top:var(--space-xs)}.stat-divider{width:1px;height:40px;background:hsla(0,0%,100%,.3)}.hero-cta{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.seo-page{background:var(--secondary-50);color:var(--secondary-800);padding-top:90px}.seo-hero{background:var(--gradient-hero);color:#fff;padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden}.seo-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.15),transparent 55%);pointer-events:none}.seo-hero-content{position:relative;max-width:760px;z-index:1}.seo-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);background:rgba(15,23,42,.4);border:1px solid rgba(148,163,184,.4);margin-bottom:var(--space-lg)}.seo-hero-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-lg)}.seo-hero-description{font-size:1.1rem;line-height:1.75;margin-bottom:var(--space-2xl);color:hsla(0,0%,100%,.92)}.seo-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.seo-hero-actions .btn{gap:var(--space-sm)}.seo-hero-notice{margin-top:0;background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.5)}.seo-section{padding:var(--space-3xl) 0}.seo-section.alt{background:#fff}.seo-section-title{font-size:2.25rem;font-weight:800;color:var(--secondary-900);margin-bottom:var(--space-lg)}.seo-section-lead{font-size:1.05rem;color:var(--secondary-600);max-width:780px;line-height:1.8;margin-bottom:var(--space-2xl)}.seo-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.seo-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--secondary-200);padding:var(--space-xl);box-shadow:var(--shadow-md)}.seo-card h3{font-size:1.3rem;margin-bottom:var(--space-md);color:var(--secondary-900)}.seo-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);color:var(--secondary-600)}.seo-card ul li{position:relative;padding-left:1.5rem}.seo-card ul li:before{content:"\2022";color:var(--primary-500);position:absolute;left:0;font-weight:700}.seo-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--secondary-200);overflow:hidden;background:#fff;box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.seo-table{width:100%;border-collapse:collapse}.seo-table thead{background:var(--secondary-900);color:#fff}.seo-table td,.seo-table th{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--secondary-200)}.seo-table tbody tr:hover{background:var(--secondary-100)}.seo-tip{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--primary-50);color:var(--secondary-700);border:1px solid var(--primary-200)}.seo-tip i{color:var(--primary-600);font-size:1.5rem;margin-top:.2rem}.seo-steps{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.seo-step{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--secondary-200);padding:var(--space-xl);box-shadow:var(--shadow-md)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-weight:700;margin-bottom:var(--space-md)}.seo-step h3{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--secondary-900)}.seo-step p{color:var(--secondary-600);line-height:1.7}.seo-faq{display:grid;gap:var(--space-lg)}.faq-item{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--secondary-200);padding:var(--space-xl);box-shadow:var(--shadow-md)}.faq-item h3{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--secondary-900)}.faq-item p{color:var(--secondary-600);line-height:1.8}.seo-section.cta{text-align:center;background:var(--secondary-900);color:#fff}.seo-section.cta .seo-section-title{color:#fff}.seo-section.cta .seo-section-lead{color:hsla(0,0%,100%,.85);margin-left:auto;margin-right:auto}.seo-section.cta .btn{box-shadow:var(--shadow-lg)}.seo-page .compliance-notice{background:hsla(0,0%,100%,.95);border:1px solid var(--secondary-200);border-left-color:var(--warning-500);color:var(--secondary-700)}.seo-page .notice-body strong{color:var(--warning-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;font-size:1rem}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-outline:hover{background:var(--primary-600);color:#fff}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.btn:hover .btn-shine{left:100%}.hero-visual{position:relative}.data-preview-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid hsla(0,0%,100%,.1)}.card-tabs{display:flex;gap:var(--space-sm)}.tab{padding:var(--space-sm) var(--space-md);background:hsla(0,0%,100%,.1);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.tab.active{background:hsla(0,0%,100%,.2)}.card-actions{display:flex;gap:var(--space-sm)}.action-btn{background:none;border:none;color:#fff;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:hsla(0,0%,100%,.1)}.card-content{padding:var(--space-lg)}.data-table{font-family:var(--font-mono);font-size:.875rem}.table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.table-row.header{font-weight:600;opacity:.8}.data-stats{display:flex;justify-content:space-between;margin-top:var(--space-lg);font-size:.875rem;opacity:.7}.json-preview{font-family:var(--font-mono);font-size:.875rem;color:#fff;background:none;border:none;margin:0;padding:0;overflow-x:auto}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.scroll-mouse{width:30px;height:50px;border:2px solid hsla(0,0%,100%,.5);border-radius:20px;position:relative}.scroll-wheel{width:4px;height:10px;background:hsla(0,0%,100%,.5);border-radius:2px;position:absolute;top:10px;left:50%;transform:translateX(-50%);animation:scroll-wheel 1.5s ease-in-out infinite}@keyframes scroll-wheel{0%{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(15px);opacity:0}}.schema-selection{padding:var(--space-3xl) 0;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-size:2.5rem;font-weight:800;color:var(--secondary-900);margin-bottom:var(--space-lg)}.section-description{font-size:1.25rem;color:var(--secondary-600);max-width:600px;margin:0 auto}.schema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-xl)}.schema-card{background:#fff;border:2px solid var(--secondary-200);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.schema-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.schema-card:hover{border-color:var(--primary-300);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.schema-card:hover:before{transform:scaleX(1)}.schema-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.schema-content,.schema-icon{margin-bottom:var(--space-lg)}.schema-title{font-size:1.5rem;font-weight:700;color:var(--secondary-900);margin-bottom:var(--space-sm)}.schema-description{color:var(--secondary-600);margin-bottom:var(--space-lg)}.schema-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tag{background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.schema-stats{display:flex;gap:var(--space-lg);font-size:.875rem;color:var(--secondary-500)}.schema-stats span{display:flex;align-items:center;gap:var(--space-xs)}.schema-action{display:flex;justify-content:flex-end}.features{padding:var(--space-3xl) 0;background:var(--secondary-50)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-xl)}.feature-card{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:var(--space-lg)}.feature-title{font-size:1.5rem;font-weight:700;color:var(--secondary-900);margin-bottom:var(--space-md)}.feature-description{color:var(--secondary-600);line-height:1.6}.generator-interface{padding:var(--space-3xl) 0;background:var(--secondary-50)}.generator-header{gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--secondary-200)}.back-btn,.generator-header{display:flex;align-items:center}.back-btn{gap:var(--space-sm);background:none;border:none;color:var(--secondary-600);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-btn:hover{background:var(--secondary-100);color:var(--secondary-800)}.selected-schema-info{display:flex;align-items:center;gap:var(--space-lg)}.schema-icon-small{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.generator-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.generator-form{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.form-section{margin-bottom:var(--space-2xl)}.form-label{gap:var(--space-sm);margin-bottom:var(--space-md)}.input-group{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--space-md);border:2px solid var(--secondary-200);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-suffix{position:absolute;right:var(--space-md);font-weight:500}.form-hint,.input-suffix{color:var(--secondary-500)}.form-hint{font-size:.875rem;margin-top:var(--space-sm)}.radio-group{display:flex;gap:var(--space-lg)}.radio-option{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.radio-option input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid var(--secondary-300);border-radius:50%;position:relative;transition:all var(--transition-fast)}.radio-option input[type=radio]:checked+.radio-custom{border-color:var(--primary-500)}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary-500);border-radius:50%}.form-actions{display:flex;gap:var(--space-lg);width:100%;align-items:center}.form-actions .btn{flex:1;min-width:120px;max-width:200px}.generator-form .btn-secondary{background:var(--secondary-100);color:var(--secondary-700);border:1px solid var(--secondary-300)}.generator-form .btn-secondary:hover{background:var(--secondary-200);color:var(--secondary-800);border-color:var(--secondary-400);transform:translateY(-2px)}.generator-preview{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--secondary-200)}.preview-controls{display:flex;gap:var(--space-sm)}.control-btn{background:none;border:1px solid var(--secondary-300);color:var(--secondary-600);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.control-btn:hover{background:var(--secondary-100);border-color:var(--secondary-400)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn i{font-size:1rem;display:block}.preview-placeholder{text-align:center;color:var(--secondary-500);padding:var(--space-3xl)}.preview-placeholder i{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.preview-table-container{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.875rem}.preview-table td,.preview-table th{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--secondary-200)}.preview-table th{background:var(--secondary-50);font-weight:600;color:var(--secondary-800)}.preview-overlay{position:fixed;inset:0;background:rgba(15,23,42,.75);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);z-index:1000}.preview-overlay__content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:min(1200px,90vw);width:100%;max-height:90vh;display:flex;flex-direction:column;padding:var(--space-2xl)}.preview-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--secondary-200);padding-bottom:var(--space-md)}.preview-overlay__header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;color:var(--secondary-900)}.preview-overlay__header i{color:var(--primary-500)}.preview-overlay__body{overflow:auto}.preview-overlay__body .preview-table{font-size:1rem}.preview-overlay .control-btn.close{border:none;color:var(--secondary-500)}.preview-overlay .control-btn.close:hover{background:var(--secondary-100);color:var(--secondary-700)}.api-docs{padding:var(--space-3xl) 0;background:#fff}.api-content{background:var(--secondary-900);border-radius:var(--radius-xl);padding:var(--space-2xl);color:#fff}.api-endpoint{margin-bottom:var(--space-2xl)}.endpoint-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.method{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:700;font-size:.875rem}.method.post{background:var(--success-500);color:#fff}.endpoint-url{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:#fff}.endpoint-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.endpoint-section h4{margin-bottom:var(--space-md);color:var(--secondary-300)}.code-block{background:var(--secondary-800);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto}.code-block pre{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;margin:0}.code-block code{color:#e2e8f0}.response-info{flex-direction:column}.response-info,.response-item{display:flex;gap:var(--space-md)}.response-item{align-items:center}.status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem}.status.success{background:var(--success-500);color:#fff}.content-type,.header,.value{color:var(--secondary-300)}.api-examples{margin-top:var(--space-2xl)}.example-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tab-btn{background:none;border:1px solid var(--secondary-600);color:var(--secondary-400);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab-btn.active,.tab-btn:hover{background:var(--secondary-700);color:#fff;border-color:var(--secondary-500)}.tab-content{display:none}.tab-content.active{display:block}.pricing{padding:var(--space-3xl) 0;background:var(--secondary-50)}.pricing-card{max-width:500px;margin:0 auto;background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.pricing-header{background:var(--gradient-primary);color:#fff;padding:var(--space-2xl);text-align:center}.plan-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:hsla(0,0%,100%,.2);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);font-weight:600;margin-bottom:var(--space-lg)}.plan-badge i{color:#fbbf24}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.currency{font-size:1.5rem;font-weight:600}.amount{font-size:4rem;font-weight:900}.period{font-size:1.25rem}.pricing-features{padding:var(--space-2xl)}.feature-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--secondary-100)}.feature-item:last-child{border-bottom:none}.feature-item i{color:var(--success-500);font-size:1.25rem}.pricing-cta{padding:0 var(--space-2xl) var(--space-2xl);text-align:center}.footer{background:var(--secondary-900);color:#fff;padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.footer-brand{max-width:300px}.brand-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-lg)}.brand-description{color:var(--secondary-400);margin-bottom:var(--space-lg)}.social-links{display:flex;gap:var(--space-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--secondary-800);color:var(--secondary-400);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.social-links a:hover{background:var(--primary-600);color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.link-group h4{font-weight:600;margin-bottom:var(--space-lg)}.link-group a{display:block;color:var(--secondary-400);text-decoration:none;padding:var(--space-xs) 0;transition:color var(--transition-fast)}.link-group a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-xl);border-top:1px solid var(--secondary-800)}.copyright{color:var(--secondary-500);font-size:.875rem}.footer-badges{display:flex;gap:var(--space-sm)}.badge{background:var(--secondary-800);color:var(--secondary-400);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}.hero-visual{order:-1;margin-bottom:var(--space-xl)}.hero-cta,.hero-stats{justify-content:center}.generator-content{flex-direction:column;gap:var(--space-2xl)}.generator-preview{order:-1}.endpoint-content{grid-template-columns:1fr;gap:var(--space-xl)}.feature-grid{grid-template-columns:repeat(2,1fr)}.config-tabs{justify-content:stretch}.config-tab{flex:1}.form-section{margin-bottom:var(--space-xl)}}@media (max-width:768px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:var(--space-lg);box-shadow:var(--shadow-lg);display:none;z-index:var(--z-dropdown)}.nav-menu.active,.nav-toggle{display:flex}.nav-link{width:100%;text-align:center;padding:var(--space-md)}.github-link{width:100%;justify-content:center}.hero{padding-top:60px;min-height:auto;padding-bottom:var(--space-3xl)}.hero-container{padding:var(--space-2xl) var(--space-md)}.hero-title{font-size:2rem;margin-bottom:var(--space-md)}.hero-description{font-size:1rem;margin-bottom:var(--space-lg)}.hero-badge{font-size:.75rem;padding:var(--space-xs) var(--space-md)}.hero-badge,.hero-stats{margin-bottom:var(--space-lg)}.hero-stats{flex-direction:column;gap:var(--space-md)}.stat-divider{width:100%;height:1px}.stat-number{font-size:1.5rem}.hero-cta{flex-direction:column;align-items:stretch;gap:var(--space-md)}.btn-large{padding:var(--space-md) var(--space-lg);font-size:1rem}.data-preview-card{margin:0 var(--space-sm)}.card-header{padding:var(--space-md)}.card-tabs{flex-wrap:wrap}.tab{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.card-content{padding:var(--space-md)}.table-row{gap:var(--space-sm)}.json-preview,.table-row{font-size:.75rem}.container{padding:0 var(--space-md)}.section-title{font-size:2rem}.section-description{font-size:1rem}.section-header{margin-bottom:var(--space-2xl)}.schema-grid{grid-template-columns:1fr;gap:var(--space-md)}.schema-card{padding:var(--space-lg)}.feature-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-card{padding:var(--space-lg)}.generator-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.selected-schema-info{width:100%}.generator-form,.generator-preview{padding:var(--space-lg)}.form-section{margin-bottom:var(--space-lg)}.form-input,.form-label{font-size:.875rem}.form-input{padding:var(--space-sm)}.form-actions{flex-direction:column;gap:var(--space-md)}.form-actions .btn{flex:none;width:100%;max-width:none}.config-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.config-tab{padding:var(--space-sm) var(--space-md);font-size:.875rem;white-space:nowrap}.config-tab span{display:inline}.config-content{padding:var(--space-md)}.config-grid{grid-template-columns:1fr;gap:var(--space-md)}.config-param-input,.json-textarea{font-size:.875rem}.api-content{padding:var(--space-lg)}.endpoint-url{font-size:1rem;word-break:break-all}.code-block{padding:var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block pre{font-size:.75rem;white-space:pre;overflow-x:auto}.example-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-xs)}.tab-btn{white-space:nowrap;font-size:.875rem;padding:var(--space-xs) var(--space-md)}.pricing-card{margin:0 var(--space-sm)}.amount{font-size:3rem}.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-content{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-links{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom,.link-group{text-align:center}.footer-bottom{flex-direction:column;gap:var(--space-md)}.preview-table{font-size:.75rem}.preview-table td,.preview-table th{padding:var(--space-xs)}.btn{font-size:.875rem;padding:var(--space-sm) var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hero-visual{width:100%;max-width:100%}.data-preview-card{background:hsla(0,0%,100%,.15)}.preview-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--secondary-300) var(--secondary-100)}.preview-table-container::-webkit-scrollbar{height:6px}.preview-table-container::-webkit-scrollbar-track{background:var(--secondary-100)}.preview-table-container::-webkit-scrollbar-thumb{background:var(--secondary-300);border-radius:3px}.generator-content{gap:var(--space-lg)}.config-tabs{gap:0;scroll-behavior:smooth;scroll-snap-type:x mandatory}.config-tab{scroll-snap-align:start;min-width:max-content}.json-editor-header{flex-wrap:wrap;gap:var(--space-sm)}.json-status{flex:1 1 100%;margin-bottom:var(--space-sm)}.json-actions{flex:1 1 100%;justify-content:flex-end}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-description{font-size:.875rem}.section-title{font-size:1.75rem}.feature-card,.generator-form,.generator-preview,.schema-card{padding:var(--space-md)}.hero-grid{display:none}.hero{padding-bottom:var(--space-lg)}.api-docs,.features,.pricing,.schema-selection{padding:var(--space-2xl) 0}.hero-visual{max-width:100%;padding:0 var(--space-sm)}.data-preview-card{font-size:.75rem}.preview-table-container{position:relative;margin:0 -var(--space-sm);padding:0 var(--space-sm)}.preview-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));pointer-events:none}.config-tabs{position:relative;padding-bottom:2px}.config-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--secondary-200),transparent)}.btn{min-height:44px;touch-action:manipulation}.form-actions .btn{min-height:48px}}@media print{.btn,.form-actions,.hero-visual,.nav-toggle,.preview-controls,.social-links{display:none!important}.hero{min-height:auto;background:none}.hero,.hero-content{color:#000}*{box-shadow:none!important;text-shadow:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{left:-100%}to{left:100%}}.form-section{margin-bottom:2rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--secondary-800);margin-bottom:1rem}.config-editor{border:2px solid var(--secondary-200);border-radius:.75rem;overflow:hidden;background:#fff}.config-tabs{display:flex;background:var(--secondary-50);border-bottom:1px solid var(--secondary-200)}.config-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--secondary-600);font-weight:500;cursor:pointer;transition:all .15s ease-in-out;position:relative}.config-tab:hover{background:var(--secondary-100);color:var(--secondary-800)}.config-tab.active{background:#fff;color:var(--primary-600);border-bottom:2px solid var(--primary-600)}.config-content{display:none;padding:1.5rem}.config-content.active{display:block}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.config-param{display:flex;flex-direction:column;gap:var(--space-sm)}.config-param-label{font-weight:600;color:var(--secondary-800);font-size:.875rem}.config-param-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast)}.config-param-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.config-param-hint{font-size:.75rem;color:var(--secondary-500)}.json-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--secondary-200)}.json-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem}.json-valid{color:var(--success-500)}.json-invalid{color:var(--error-500)}.json-actions{display:flex;gap:var(--space-sm)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500;transition:all var(--transition-fast)}.btn-small.btn-outline{background:transparent;border:1px solid var(--secondary-300);color:var(--secondary-700)}.btn-small.btn-outline:hover{background:var(--secondary-50);border-color:var(--secondary-400);color:var(--secondary-800)}.json-textarea{width:100%;min-height:200px;padding:var(--space-md);border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;line-height:1.5;resize:vertical;transition:all var(--transition-fast);background:var(--secondary-50)}.json-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:#fff}.json-textarea.error{border-color:var(--error-500);background:rgba(239,68,68,.05)}.json-error{margin-top:var(--space-sm);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error-500)}.config-hint,.json-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem}.config-hint{margin-top:var(--space-md);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);color:var(--primary-700)}.range-input-group{display:flex;align-items:center;gap:var(--space-sm)}.form-range{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--secondary-200);border-radius:3px;outline:none;transition:all var(--transition-fast)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-600);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.form-range::-moz-range-thumb{width:16px;height:16px;background:var(--primary-600);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.form-range:hover::-webkit-slider-thumb{background:var(--primary-700);transform:scale(1.1)}.form-range:hover::-moz-range-thumb{background:var(--primary-700);transform:scale(1.1)}.range-value{min-width:60px;text-align:center;font-weight:600;color:var(--secondary-700);font-size:.875rem}.hover\:bg-primary-600:hover{background-color:var(--primary-600)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}