@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-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/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-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/22a5144ee8d83bca-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_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--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/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-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/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-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/7d4881bb7e1bf84d-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_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fo-bg,#07070a);color:var(--fo-text,#f1f5f9);font-family:var(--fo-font-sans,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}main{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmerSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-12px) scale(1.02)}66%{transform:translateY(-6px) scale(.98)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}80%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lineExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}.animate-fadeInUp{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 5s ease-in-out infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.skipLink{position:absolute;top:-100px;left:16px;background:var(--fo-text);color:var(--fo-bg);padding:8px 16px;border-radius:8px;font-weight:700;z-index:9999;transition:top .2s}.skipLink:focus{top:16px}.container{width:min(1280px,calc(100% - 48px));margin:0 auto}@media (max-width:640px){.container{width:calc(100% - 32px)}}.gradient-text{background:var(--fo-gradient-brand,linear-gradient(135deg,var(--fo-primary) 0,#818cf8 50%,#a78bfa 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--fo-bg,#07070a)}::-webkit-scrollbar-thumb{background:var(--fo-border,rgba(255,255,255,.14));border-radius:9999px;border:2px solid var(--fo-bg,#07070a)}::-webkit-scrollbar-thumb:hover{background:var(--fo-border-hover,rgba(255,255,255,.28))}*{scrollbar-width:thin;scrollbar-color:var(--fo-border,rgba(255,255,255,.15)) transparent}:root{--fo-font-sans:var(--font-geist-sans),"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fo-font-display:var(--fo-font-sans);--fo-font-serif:var(--fo-font-sans);--fo-font-mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fo-text-xs:12px;--fo-text-sm:13px;--fo-text-base:15px;--fo-text-lg:17px;--fo-tracking-tight:-0.025em;--fo-tracking-tighter:-0.04em;--fo-radius-xs:6px;--fo-radius-sm:8px;--fo-radius-md:12px;--fo-radius-lg:16px;--fo-radius-xl:20px;--fo-radius-pill:9999px;--fo-ease:cubic-bezier(0.16,1,0.3,1);--fo-transition-fast:0.15s var(--fo-ease);--fo-transition-smooth:0.2s var(--fo-ease);--fo-transition-spring:0.35s cubic-bezier(0.34,1.56,0.64,1);--fo-container:1200px;--fo-header-h:60px;--fo-success:#34d399;--fo-warning:#fbbf24;--fo-danger:#f87171}:root,html[data-theme=dark]{color-scheme:dark;--fo-bg:#09090b;--fo-bg-subtle:#0c0c0f;--fo-surface:#111114;--fo-surface-hover:#17171b;--fo-surface-2:#18181b;--fo-surface-elevated:#1c1c21;--fo-surface-glass:rgba(9,9,11,0.72);--fo-surface-inset:#0c0c0f;--fo-primary-rgb:129 140 248;--fo-primary:#818cf8;--fo-primary-hover:#a5b4fc;--fo-primary-solid:#6366f1;--fo-primary-solid-hover:#7c7ff5;--fo-on-primary:#fafafa;--fo-primary-glow:rgb(var(--fo-primary-rgb)/0.18);--fo-primary-glow-strong:rgb(var(--fo-primary-rgb)/0.35);--fo-ring:rgb(var(--fo-primary-rgb)/0.35);--fo-accent-brand:#a78bfa;--fo-accent-brand-hover:#c4b5fd;--fo-accent-brand-glow:rgba(167,139,250,0.18);--fo-gradient-brand:linear-gradient(135deg,#a5b4fc,#818cf8 45%,#c4b5fd);--fo-gradient-brand-soft:linear-gradient(135deg,rgb(var(--fo-primary-rgb)/0.10) 0%,rgba(167,139,250,0.08) 100%);--fo-gradient-card-top:linear-gradient(180deg,rgba(255,255,255,0.025),transparent);--fo-gradient-hero:radial-gradient(ellipse 70% 55% at 50% -12%,rgb(var(--fo-primary-rgb)/0.16) 0%,rgba(167,139,250,0.06) 45%,transparent 75%);--fo-gradient-cta:linear-gradient(180deg,#7174f7,#5b5ef0);--fo-text:#fafafa;--fo-heading:#fafafa;--fo-text-secondary:#a1a1aa;--fo-subtext:#a1a1aa;--fo-text-tertiary:#71717a;--fo-text-muted:#52525b;--fo-card:#111114;--fo-card-surface:#111114;--fo-card-border:rgba(255,255,255,0.07);--fo-border:rgba(255,255,255,0.08);--fo-border-hover:rgba(255,255,255,0.16);--fo-border-strong:rgba(255,255,255,0.22);--fo-border-subtle:rgba(255,255,255,0.05);--fo-accent:#fafafa;--fo-accent-inverse:#09090b;--fo-accent-subtle:rgba(250,250,250,0.06);--fo-accent-glow:rgba(250,250,250,0.10);--fo-badge-bg:rgba(255,255,255,0.04);--fo-badge-border:rgba(255,255,255,0.08);--fo-badge-text:#d4d4d8;--fo-shadow-xs:0 1px 2px rgba(0,0,0,0.4);--fo-shadow-card:0 1px 0 rgba(255,255,255,0.03) inset,0 1px 2px rgba(0,0,0,0.3),0 8px 24px -12px rgba(0,0,0,0.5);--fo-shadow-hover:0 1px 0 rgba(255,255,255,0.05) inset,0 2px 4px rgba(0,0,0,0.3),0 16px 40px -16px rgba(0,0,0,0.7);--fo-shadow-dropdown:0 0 0 1px rgba(255,255,255,0.08),0 12px 32px -8px rgba(0,0,0,0.7),0 32px 64px -24px rgba(0,0,0,0.6);--fo-shadow-glow-brand:0 0 0 1px rgb(var(--fo-primary-rgb)/0.20),0 8px 32px -8px rgb(var(--fo-primary-rgb)/0.30);--fo-shadow-cta:0 1px 0 rgba(255,255,255,0.18) inset,0 1px 2px rgba(0,0,0,0.4),0 6px 20px -6px rgb(99 102 241/0.6);--fo-grid-color:rgba(255,255,255,0.025);--fo-logo-invert:0}html[data-theme=light]{color-scheme:light;--fo-bg:#f7f7f8;--fo-bg-subtle:#f1f1f3;--fo-surface:#fcfcfd;--fo-surface-hover:#f4f4f6;--fo-surface-2:#f1f1f3;--fo-surface-elevated:#fdfdfe;--fo-surface-glass:rgba(247,247,248,0.78);--fo-surface-inset:#f4f4f5;--fo-primary-rgb:79 70 229;--fo-primary:#4f46e5;--fo-primary-hover:#4338ca;--fo-primary-solid:#4f46e5;--fo-primary-solid-hover:#4338ca;--fo-on-primary:#fafafa;--fo-primary-glow:rgb(var(--fo-primary-rgb)/0.14);--fo-primary-glow-strong:rgb(var(--fo-primary-rgb)/0.28);--fo-ring:rgb(var(--fo-primary-rgb)/0.28);--fo-accent-brand:#7c3aed;--fo-accent-brand-hover:#6d28d9;--fo-accent-brand-glow:rgba(124,58,237,0.14);--fo-gradient-brand:linear-gradient(135deg,#4f46e5,#6366f1 45%,#7c3aed);--fo-gradient-brand-soft:linear-gradient(135deg,rgb(var(--fo-primary-rgb)/0.07) 0%,rgba(124,58,237,0.05) 100%);--fo-gradient-card-top:linear-gradient(180deg,rgba(255,255,255,0.7),transparent);--fo-gradient-hero:radial-gradient(ellipse 70% 55% at 50% -12%,rgb(var(--fo-primary-rgb)/0.10) 0%,rgba(124,58,237,0.04) 45%,transparent 75%);--fo-gradient-cta:linear-gradient(180deg,#5b54ec,#4f46e5);--fo-text:#18181b;--fo-heading:#09090b;--fo-text-secondary:#52525b;--fo-subtext:#52525b;--fo-text-tertiary:#71717a;--fo-text-muted:#a1a1aa;--fo-card:#fcfcfd;--fo-card-surface:#fcfcfd;--fo-card-border:rgba(9,9,11,0.08);--fo-border:rgba(9,9,11,0.08);--fo-border-hover:rgba(9,9,11,0.16);--fo-border-strong:rgba(9,9,11,0.24);--fo-border-subtle:rgba(9,9,11,0.05);--fo-accent:#18181b;--fo-accent-inverse:#fafafa;--fo-accent-subtle:rgba(24,24,27,0.05);--fo-accent-glow:rgba(24,24,27,0.08);--fo-badge-bg:rgba(9,9,11,0.035);--fo-badge-border:rgba(9,9,11,0.08);--fo-badge-text:#3f3f46;--fo-shadow-xs:0 1px 2px rgba(9,9,11,0.05);--fo-shadow-card:0 1px 2px rgba(9,9,11,0.04),0 4px 16px -8px rgba(9,9,11,0.08);--fo-shadow-hover:0 2px 4px rgba(9,9,11,0.04),0 16px 36px -16px rgba(9,9,11,0.18);--fo-shadow-dropdown:0 0 0 1px rgba(9,9,11,0.06),0 12px 32px -8px rgba(9,9,11,0.16),0 32px 64px -24px rgba(9,9,11,0.12);--fo-shadow-glow-brand:0 0 0 1px rgb(var(--fo-primary-rgb)/0.16),0 8px 32px -8px rgb(var(--fo-primary-rgb)/0.22);--fo-shadow-cta:0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(9,9,11,0.12),0 6px 18px -6px rgb(79 70 229/0.5);--fo-grid-color:rgba(9,9,11,0.03);--fo-logo-invert:1}body,html{background-color:var(--fo-bg)!important;color:var(--fo-text)!important;font-family:var(--fo-font-sans);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}article,aside,footer,header,main,nav,section{color:var(--fo-text)}a{color:inherit;text-decoration:none}.siteBackground{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--fo-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--fo-grid-color) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 120% 60% at 50% 0,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 120% 60% at 50% 0,black 30%,transparent 85%)}.siteHeader,.toolSiteHeader{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--fo-surface-glass)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--fo-border)!important;transition:border-color var(--fo-transition-fast),background var(--fo-transition-fast)}.siteHeaderInner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--fo-font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--fo-text)!important;text-decoration:none;transition:opacity var(--fo-transition-fast)}.brand:hover{opacity:.85}.brandLogoImage{height:26px;width:auto;object-fit:contain;filter:invert(var(--fo-logo-invert))}.brandOrb{width:8px;height:8px;border-radius:50%;background:var(--fo-primary);box-shadow:0 0 12px var(--fo-primary),0 0 24px var(--fo-primary-glow);animation:orbPulse 2.5s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:0 0 10px var(--fo-primary),0 0 20px var(--fo-primary-glow)}50%{box-shadow:0 0 16px var(--fo-primary),0 0 36px var(--fo-primary-glow-strong)}}.headerNav{display:flex;align-items:center;gap:28px}.headerNav a{font-size:13px;font-weight:500;color:var(--fo-text-secondary)!important;transition:color var(--fo-transition-fast)}.headerNav a:hover{color:var(--fo-text)!important}.headerActions{display:flex;align-items:center;gap:12px}.themeToggle{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--fo-radius-pill);border:1px solid var(--fo-border)!important;background:var(--fo-surface)!important;color:var(--fo-text)!important;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--fo-transition-fast)}.themeToggle:hover{border-color:var(--fo-border-hover)!important;background:var(--fo-surface-hover)!important;transform:translateY(-1px);box-shadow:var(--fo-shadow-xs)}.themeToggleIcon{font-size:13px;line-height:1}.actionButton,.fullAction,.primaryAction,.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--fo-radius-md);background:var(--fo-gradient-cta)!important;color:#ffffff!important;border:none!important;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:var(--fo-shadow-cta);transition:all var(--fo-transition-smooth);letter-spacing:-.01em}.actionButton:hover,.fullAction:hover,.primaryAction:hover,.primaryButton:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgb(var(--fo-primary-rgb)/.45),0 2px 10px rgba(0,0,0,.35);filter:brightness(1.08)}.actionButtonGhost,.change,.reset,.secondaryAction,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--fo-radius-md);background:var(--fo-surface)!important;color:var(--fo-text)!important;border:1px solid var(--fo-border)!important;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--fo-transition-fast)}.actionButtonGhost:hover,.change:hover,.reset:hover,.secondaryAction:hover,.secondaryButton:hover{background:var(--fo-surface-hover)!important;border-color:var(--fo-border-hover)!important;transform:translateY(-1px);box-shadow:var(--fo-shadow-xs)}a.toolCard{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:var(--fo-radius-lg);background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;color:var(--fo-text)!important;text-decoration:none;transition:all var(--fo-transition-smooth);box-shadow:var(--fo-shadow-card);overflow:hidden}a.toolCard:before{inset:0;background:var(--fo-gradient-brand-soft);border-radius:inherit;pointer-events:none}a.toolCard:after,a.toolCard:before{content:"";position:absolute;opacity:0;transition:opacity var(--fo-transition-smooth)}a.toolCard:after{top:0;left:0;right:0;height:1px;background:var(--fo-gradient-brand)}a.toolCard:hover{transform:translateY(-5px);border-color:var(--fo-border-hover)!important;box-shadow:var(--fo-shadow-hover)}a.toolCard:hover:before{opacity:1}a.toolCard:hover:after{opacity:.6}div.toolCard{position:relative;border-radius:18px;background:rgba(18,20,29,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)!important;color:var(--fo-text)!important;box-shadow:0 12px 32px -8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);padding:22px 24px;box-sizing:border-box;overflow:hidden;transition:all .24s cubic-bezier(.16,1,.3,1)!important;display:flex;flex-direction:column;min-height:210px}div.toolCard:hover{transform:translateY(-4px)!important;border-color:rgb(var(--fo-primary-rgb)/.4)!important;box-shadow:0 24px 50px -12px rgba(0,0,0,.55),0 0 30px rgb(var(--fo-primary-rgb)/.1)!important}[data-theme=light] div.toolCard{background:#ffffff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 12px 32px -8px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.95)!important}[data-theme=light] div.toolCard:hover{border-color:rgba(2,132,199,.35)!important;box-shadow:0 20px 45px -10px rgba(2,132,199,.12),0 4px 12px rgba(0,0,0,.04)!important}.toolCardHeader{justify-content:space-between;gap:12px;margin-bottom:16px}.toolCardHeader,.toolCardIcon{display:flex;align-items:center}.toolCardIcon{justify-content:center;width:44px;height:44px;border-radius:12px;background:rgb(var(--fo-primary-rgb)/.1);border:1px solid rgb(var(--fo-primary-rgb)/.2);color:var(--fo-primary);transition:all var(--fo-transition-smooth);position:relative;overflow:hidden;flex-shrink:0}[data-theme=light] .toolCardIcon{background:rgba(2,132,199,.08);border-color:rgba(2,132,199,.2);color:#0284c7}.toolCard:hover .toolCardIcon{transform:scale(1.08);box-shadow:0 4px 16px rgb(var(--fo-primary-rgb)/.25);border-color:rgb(var(--fo-primary-rgb)/.45)}.toolCategoryBadge{display:inline-block;padding:4px 10px;border-radius:var(--fo-radius-pill);background:var(--fo-badge-bg);border:1px solid var(--fo-badge-border);color:var(--fo-text-tertiary);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all var(--fo-transition-fast)}.toolCard:hover .toolCategoryBadge{border-color:rgb(var(--fo-primary-rgb)/.35);color:var(--fo-primary)}.toolCardTitle{font-family:var(--fo-font-display);font-size:16px;font-weight:600;letter-spacing:-.025em;color:var(--fo-text)!important;margin:0 0 8px;line-height:1.35;transition:color var(--fo-transition-fast)}.toolCard:hover .toolCardTitle{color:var(--fo-heading)!important}.toolCardDesc{font-size:12.5px;line-height:1.55;color:var(--fo-text-secondary)!important;margin:0;flex:1 1}.toolCardFooter{display:flex;align-items:center;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--fo-border);transition:border-color var(--fo-transition-fast)}.toolCard:hover .toolCardFooter{border-color:rgb(var(--fo-primary-rgb)/.2)}.toolCardArrow{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--fo-text-tertiary);transition:transform var(--fo-transition-fast),color var(--fo-transition-fast)}.toolCardArrow svg{transition:transform var(--fo-transition-fast)}.toolCard:hover .toolCardArrow{color:var(--fo-primary)}.toolCard:hover .toolCardArrow svg{transform:translateX(4px)}.toolShell{min-height:100vh;background:var(--fo-bg)!important;color:var(--fo-text)!important}.toolHero{max-width:900px;margin:52px auto 60px;padding:0 24px;text-align:center}.toolHero .eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fo-primary);margin-bottom:14px;background:var(--fo-gradient-brand-soft);border:1px solid rgb(var(--fo-primary-rgb)/.18);padding:5px 14px;border-radius:var(--fo-radius-pill)}.toolHero h1{font-family:var(--fo-font-display);font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.04em;color:var(--fo-text)!important;margin:0 0 18px}.toolHero h1 em{font-family:var(--fo-font-serif);font-style:italic;font-weight:400;background:var(--fo-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.toolHero .lead{max-width:640px;margin:0 auto;font-size:16px;line-height:1.65;color:var(--fo-text-secondary)!important}.toolWorkspace{max-width:900px;margin:36px auto 0;text-align:left}.calculatorCard,.filePreview,.panel,.resultBox,.summary,.toolResult{background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-lg)!important;box-shadow:var(--fo-shadow-card)!important;color:var(--fo-text)!important}.panelHead{padding:22px 26px!important;border-bottom:1px solid var(--fo-border)}.panelHead h2{font-family:var(--fo-font-display);font-size:18px!important;letter-spacing:-.02em;margin:0;color:var(--fo-text)!important}.panelHead p,.panelHead small{color:var(--fo-text-secondary)!important}.toolInput,.toolTextarea,input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--fo-bg-subtle)!important;color:var(--fo-text)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-md)!important;font-family:inherit;font-size:14px;transition:all var(--fo-transition-fast)}.toolInput:focus,.toolTextarea:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{background:var(--fo-surface)!important;border-color:var(--fo-primary)!important;outline:none!important;box-shadow:0 0 0 3px var(--fo-primary-glow)!important}input::placeholder,textarea::placeholder{color:var(--fo-text-tertiary)!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:5px;border:1.5px solid var(--fo-border-strong,rgba(255,255,255,.25))!important;background:var(--fo-bg-subtle,rgba(0,0,0,.35))!important;cursor:pointer;display:inline-grid;place-content:center;transition:all .15s ease;margin:0;flex-shrink:0;vertical-align:middle}input[type=checkbox]:hover{border-color:var(--fo-primary)!important;box-shadow:0 0 8px rgb(var(--fo-primary-rgb)/.25)!important}input[type=checkbox]:checked{background:var(--fo-gradient-cta)!important;border-color:var(--fo-primary)!important;box-shadow:0 0 10px rgb(var(--fo-primary-rgb)/.35)!important}input[type=checkbox]:checked:before{content:"";width:8px;height:4.5px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg) translate(1px,-.5px)}.actionBtn,.btn,.primaryBtn,.primaryButton,.secondaryBtn,.secondaryButton{font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--fo-radius-md,10px);padding:8px 16px;cursor:pointer;transition:all var(--fo-transition-fast,.18s ease);display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;text-decoration:none;white-space:nowrap}.actionBtn.primaryBtn,.primaryBtn,.primaryButton,button.primaryBtn{background:linear-gradient(135deg,#0284c7,#2563eb)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 14px rgba(37,99,235,.35)!important}[data-theme=dark] .actionBtn.primaryBtn,[data-theme=dark] .primaryBtn,[data-theme=dark] .primaryButton{background:var(--fo-gradient-cta)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 4px 14px rgba(37,99,235,.35)!important}.actionBtn.primaryBtn:hover,.primaryBtn:hover,.primaryButton:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px rgb(var(--fo-primary-rgb)/.45)!important;filter:brightness(1.08)!important}.actionBtn.primaryBtn:active,.primaryBtn:active,.primaryButton:active{transform:translateY(0) scale(.98)!important}.actionBtn.secondaryBtn,.actionBtn:not(.primaryBtn),.actionButton:not(.primaryBtn),.actionButtonGhost,.change,.copyBtn:not(.primaryBtn),.downloadBtn:not(.primaryBtn),.reset,.secondaryBtn,.secondaryButton,button.secondaryBtn{background:var(--fo-surface,rgba(255,255,255,.05))!important;color:var(--fo-text,#f1f5f9)!important;border:1px solid var(--fo-border,rgba(255,255,255,.12))!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important}.actionBtn.secondaryBtn:hover,.actionBtn:not(.primaryBtn):hover,.actionButtonGhost:hover,.change:hover,.copyBtn:not(.primaryBtn):hover,.downloadBtn:not(.primaryBtn):hover,.reset:hover,.secondaryBtn:hover,.secondaryButton:hover{background:var(--fo-surface-hover,rgba(255,255,255,.1))!important;border-color:rgb(var(--fo-primary-rgb)/.4)!important;color:var(--fo-heading,#ffffff)!important;transform:translateY(-1px)!important}[data-theme=light] .actionBtn:not(.primaryBtn),[data-theme=light] .actionButtonGhost,[data-theme=light] .change,[data-theme=light] .copyBtn:not(.primaryBtn),[data-theme=light] .downloadBtn:not(.primaryBtn),[data-theme=light] .reset,[data-theme=light] .secondaryBtn,[data-theme=light] .secondaryButton,[data-theme=light] button.secondaryBtn{background:#ffffff!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.14)!important;box-shadow:0 2px 6px rgba(0,0,0,.05)!important}[data-theme=light] .actionBtn:not(.primaryBtn):hover,[data-theme=light] .copyBtn:not(.primaryBtn):hover,[data-theme=light] .downloadBtn:not(.primaryBtn):hover,[data-theme=light] .secondaryBtn:hover{background:#f8fafc!important;border-color:#0284c7!important;color:#0284c7!important}button:not([class^=fo]):not([class*=" fo"]):not(.primaryBtn):not(.primaryButton):not(.secondaryBtn):not(.actionBtn):not(.themeToggle):not(.toolBrandLogo):not([class*=toggle]):not([class*=close]):not([class*=Tab]):not([class*=pill]):not([class*=Pill]){background:var(--fo-surface);color:var(--fo-text);border:1px solid var(--fo-border)}.drop{border:1.5px dashed var(--fo-border-strong)!important;background:var(--fo-surface)!important;border-radius:var(--fo-radius-lg)!important;transition:all var(--fo-transition-fast)}.drop.drag,.drop.isDragging,.drop:hover{border-color:var(--fo-primary)!important;background:var(--fo-surface-hover)!important;box-shadow:0 0 0 4px var(--fo-primary-glow)!important}.contentSection,.faqSection{background:transparent!important;color:var(--fo-text)!important;border-top:1px solid var(--fo-border)}.contentSection h2,.faqSection h2{font-family:var(--fo-font-display);font-size:clamp(26px,3.5vw,40px);letter-spacing:-.03em;color:var(--fo-text)!important}.contentSection li,.contentSection p,.faqSection p{color:var(--fo-text-secondary)!important;line-height:1.65}.faqList details,.guideGrid article{background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;border-radius:var(--fo-radius-md);transition:all var(--fo-transition-fast)}.faqList details:hover,.guideGrid article:hover{border-color:var(--fo-border-hover)!important;box-shadow:var(--fo-shadow-xs)}.faqList details{margin-bottom:10px;padding:16px 20px}.faqList summary{color:var(--fo-text)!important;font-weight:600;cursor:pointer}.relatedTools{border-top:1px solid var(--fo-border);padding:60px 0}.relatedTools nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.relatedTools nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--fo-radius-md);background:var(--fo-surface)!important;border:1px solid var(--fo-border)!important;color:var(--fo-text)!important;font-size:13px;font-weight:600;transition:all var(--fo-transition-fast)}.relatedTools nav a:hover{border-color:var(--fo-primary)!important;background:var(--fo-gradient-brand-soft)!important;transform:translateY(-2px);box-shadow:0 4px 16px var(--fo-primary-glow);color:var(--fo-primary)!important}.gradientText{background:var(--fo-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:768px){.siteHeaderInner{padding:12px 16px}.headerNav{display:none}.toolHero{margin:32px auto 40px;padding:0 16px}}