:root{--blue: #3b82f6;--blue-dark: #2563eb;--blue-light: #60a5fa;--cyan: #06b6d4;--cyan-light: #22d3ee;--purple: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--g-brand: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--g-purple: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--g-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--g-text: linear-gradient(120deg, #60a5fa, #22d3ee);--g-hero: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(59,130,246,.25) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 50%, rgba(6,182,212,.15) 0%, transparent 60%);--bg-0: #05070f;--bg-1: #0a0e1a;--bg-2: #0f1629;--bg-3: #161d35;--bg-4: #1e2744;--border: rgba(255,255,255,.08);--border-md: rgba(255,255,255,.13);--border-hi: rgba(59,130,246,.4);--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #475569;--text-inv: #0f172a;--glass-bg: rgba(15, 22, 41, .6);--glass-border: rgba(255,255,255,.09);--glass-blur: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 24px 64px rgba(0,0,0,.5);--shadow-glow-blue: 0 0 40px rgba(59,130,246,.2);--shadow-glow-cyan: 0 0 40px rgba(6,182,212,.2);--glow-blue: 0 0 20px rgba(59,130,246,.5), 0 0 60px rgba(59,130,246,.15);--glow-cyan: 0 0 20px rgba(6,182,212,.4), 0 0 60px rgba(6,182,212,.12);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .4s ease;--header-h: 64px;--header-top: calc(18px + env(safe-area-inset-top, 0px)) ;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}[data-theme=light]{--bg-0: #f0f4fa;--bg-1: #ffffff;--bg-2: #f1f5f9;--bg-3: #e2e8f0;--bg-4: #cbd5e1;--border: rgba(0,0,0,.07);--border-md: rgba(0,0,0,.12);--border-hi: rgba(59,130,246,.35);--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--text-inv: #ffffff;--glass-bg: rgba(255,255,255,.8);--glass-border: rgba(0,0,0,.08);--shadow-md: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 24px 64px rgba(0,0,0,.15);--shadow-glow-blue: 0 0 40px rgba(59,130,246,.12);--g-hero: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(59,130,246,.1) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 50%, rgba(6,182,212,.07) 0%, transparent 60%)}*,*:before,*:after{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background:var(--bg-0);color:var(--text-1);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--text-1);margin-top:0}a{color:var(--blue);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--cyan)}img{max-width:100%;display:block}code,pre,.mono{font-family:JetBrains Mono,Fira Code,monospace}::selection{background:#3b82f659;color:var(--text-1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.th-container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:64px 0}.section-xs{padding:48px 0}.g-text{background:var(--g-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.g-text-purple{background:var(--g-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-light);background:#3b82f61a;padding:5px 14px;border-radius:var(--r-full);border:1px solid rgba(59,130,246,.2)}.btn-brand,.btn-ghost,.btn-soft,.btn-white,.btn-outline-white,.btn-icon,.social-btn,.tm-all,button.btn-brand,button.btn-ghost,button.btn-soft,a.btn-brand,a.btn-ghost,a.btn-soft{border-radius:var(--r-full)}.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g-brand);color:#fff!important;border:none;font-weight:600;font-size:.95rem;padding:12px 26px;border-radius:var(--r-full);cursor:pointer;box-shadow:0 8px 24px #3b82f64d;transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base);position:relative;overflow:hidden;text-decoration:none}.btn-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity var(--t-base)}.btn-brand:hover{transform:translateY(-2px);box-shadow:0 14px 32px #3b82f673;color:#fff!important}.btn-brand:hover:before{opacity:1}.btn-brand:active{transform:translateY(0)}.btn-brand:focus-visible{outline:none;box-shadow:0 8px 24px #3b82f64d,0 0 0 3px #3b82f659}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);color:var(--text-1)!important;border:1px solid var(--border-md);font-weight:600;font-size:.95rem;padding:11px 24px;border-radius:var(--r-full);cursor:pointer;transition:border-color var(--t-base),background var(--t-base),transform var(--t-fast),box-shadow var(--t-fast);backdrop-filter:blur(8px);text-decoration:none}.btn-ghost:hover{border-color:var(--blue);background:#3b82f612;color:var(--text-1)!important;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-3);color:var(--text-2)!important;border:1px solid var(--border);font-weight:600;font-size:.88rem;padding:8px 18px;border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);text-decoration:none}.btn-soft:hover{border-color:var(--blue);color:var(--blue)!important;background:#3b82f612;transform:translateY(-1px)}.btn-soft:active{transform:translateY(0)}.btn-soft:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f640}.btn-icon{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);flex-shrink:0;box-sizing:border-box}.btn-icon:hover{border-color:var(--blue);color:var(--blue);background:#3b82f614;transform:translateY(-1px)}.btn-icon:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.btn-sm{padding:7px 16px!important;font-size:.82rem!important;border-radius:var(--r-full)!important}.btn-lg{padding:15px 34px!important;font-size:1.05rem!important;border-radius:var(--r-full)!important}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--r-full)}.badge-popular{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-new{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-hot{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-ai{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.badge-pro{background:var(--g-brand);color:#fff;border:none}.badge-cat{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--r-full);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border)}.site-header{position:fixed;top:var(--header-top);left:50%;transform:translate(-50%);width:min(1280px,calc(100% - 48px - var(--sal) - var(--sar)));max-width:1280px;height:var(--header-h);background:#080c188c;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:0 4px 20px #0000002e;z-index:1000;transition:background .35s,box-shadow .35s,border-color .35s,top .35s,width .35s}[data-theme=light] .site-header{background:#ffffff9e;border-color:#ffffff8c;box-shadow:0 4px 18px #0f172a0f}.site-header.scrolled{background:#05070fb8;border-color:#3b82f629;box-shadow:0 6px 24px #00000047}[data-theme=light] .site-header.scrolled{background:#ffffffc7;border-color:#3b82f624;box-shadow:0 6px 22px #0f172a14}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h);padding:0 20px;gap:12px}.site-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.08rem;letter-spacing:-.03em;color:var(--text-1)!important;text-decoration:none;flex-shrink:0;transition:opacity var(--t-fast);justify-self:start}.site-logo:hover{opacity:.85}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#60a5fa,#2563eb);display:grid;place-items:center;color:#fff;font-size:.85rem;box-shadow:0 6px 16px #2563eb59;flex-shrink:0;overflow:hidden}.logo-mark svg{width:18px;height:18px;display:block}.logo-mark i{display:none}.footer-logo .logo-mark,.auth-brand .logo-mark{width:34px;height:34px}.main-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;justify-self:center}.main-nav>li>a{display:flex;align-items:center;gap:4px;padding:6px 11px;border-radius:20px;color:var(--text-2)!important;font-weight:500;font-size:.875rem;text-decoration:none;transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.main-nav>li>a:hover,.main-nav>li>a.active{color:var(--text-1)!important;background:#ffffff12}[data-theme=light] .main-nav>li>a:hover,[data-theme=light] .main-nav>li>a.active{background:#0000000f}.main-nav>li>a .caret{font-size:.6rem;transition:transform var(--t-base)}.main-nav>li>a[aria-expanded=true] .caret{transform:rotate(180deg)}.header-right{display:flex;align-items:center;gap:6px;justify-self:end;margin-left:0}.hdr-btn{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.09);color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);flex-shrink:0;font-size:.95rem;box-sizing:border-box}.hdr-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:var(--blue-light)}[data-theme=light] .hdr-btn{background:#0000000d;border-color:#00000014}.search-pill{display:none}@media (min-width: 1024px){.search-pill{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-3);font-size:.8rem;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);min-width:170px}.search-pill:hover{border-color:var(--blue);background:#3b82f614;color:var(--text-2)}.search-pill .sp-right{margin-left:auto;display:flex;gap:3px}.search-pill kbd{font-size:.64rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:1px 4px;color:var(--text-3);font-family:inherit}.hdr-btn[data-search-trigger]{display:none!important}}.hdr-login{font-weight:500;font-size:.875rem;color:var(--text-2)!important;text-decoration:none;padding:6px 12px;border-radius:20px;transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.hdr-login:hover{color:var(--text-1)!important;background:#ffffff12}.ham-btn{display:none;width:34px;height:34px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.09);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0}.ham-btn span{display:block;width:16px;height:1.5px;background:var(--text-1);border-radius:2px;transition:transform .3s,opacity .3s,width .3s;transform-origin:center}.ham-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.ham-btn.open span:nth-child(2){opacity:0;width:0}.ham-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width: 991px){.header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}.ham-btn{display:flex}.main-nav{display:none}.search-pill{display:none!important}.hdr-login,.header-right>.btn-brand{display:none!important}.hdr-btn[data-hdr-favorites]{display:none!important}.site-logo{flex:1 1 auto;min-width:0;font-size:1rem;gap:8px;white-space:nowrap;overflow:hidden}.logo-mark{width:30px;height:30px;border-radius:9px}.logo-mark svg{width:16px;height:16px}.header-right{flex:0 0 auto;margin-left:0;justify-self:unset}}@media (max-width: 600px){.header-inner{padding:0 14px;gap:8px}.site-logo{font-size:.92rem;gap:7px;letter-spacing:-.04em}.header-right{gap:5px}}@media (max-width: 400px){.site-header{width:calc(100% - 24px);top:12px}.site-logo{font-size:.88rem}}html[data-auth=off] .hdr-login,html[data-auth=off] .header-right>a.btn-brand,html[data-auth=off] .mob-footer,html[data-auth=off] a[href="login.html"],html[data-auth=off] a[href="register.html"],html[data-auth=off] a[href="./login.html"],html[data-auth=off] a[href="./register.html"]{display:none!important}#themeToggle,.header-right #themeToggle{display:grid!important;place-items:center}.mob-overlay{position:fixed;inset:0;z-index:1900;background:#05070ff7;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;flex-direction:column;transform:translate(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain}.mob-overlay.open{transform:translate(0)}[data-theme=light] .mob-overlay{background:#f0f4faf7}.mob-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;flex-shrink:0;border-bottom:1px solid var(--border)}.mob-close{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;aspect-ratio:1;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;color:var(--text-1);font-size:1.1rem;transition:background var(--t-fast);flex-shrink:0;box-sizing:border-box}.mob-close:hover{background:var(--bg-3)}.mob-nav{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:2px}.mob-nav-link{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--r-md);color:var(--text-1)!important;font-weight:600;font-size:1.05rem;text-decoration:none;transition:background var(--t-fast),color var(--t-fast);opacity:0;transform:translate(24px);transition:background var(--t-fast),color var(--t-fast),opacity .35s,transform .35s}.mob-overlay.open .mob-nav-link{opacity:1;transform:translate(0)}.mob-nav-link:nth-child(1){transition-delay:.05s}.mob-nav-link:nth-child(2){transition-delay:.1s}.mob-nav-link:nth-child(3){transition-delay:.15s}.mob-nav-link:nth-child(4){transition-delay:.2s}.mob-nav-link:nth-child(5){transition-delay:.25s}.mob-nav-link:nth-child(6){transition-delay:.3s}.mob-nav-link i{color:var(--blue);width:22px;text-align:center}.mob-nav-link:hover{background:#3b82f61a;color:var(--blue-light)!important}.mob-sub-trigger{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--r-md);width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-1);font-weight:600;font-size:1.05rem;transition:background var(--t-fast);opacity:0;transform:translate(24px);transition:background var(--t-fast),color var(--t-fast),opacity .35s,transform .35s}.mob-overlay.open .mob-sub-trigger{opacity:1;transform:translate(0);transition-delay:.08s}.mob-sub-trigger i.ms-icon{color:var(--blue);width:22px;text-align:center}.mob-sub-trigger .ms-arrow{margin-left:auto;font-size:.72rem;color:var(--text-3);transition:transform .3s}.mob-sub-trigger.expanded .ms-arrow{transform:rotate(90deg)}.mob-sub-trigger:hover{background:#3b82f614}.mob-sub-menu{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0}.mob-sub-menu.open{max-height:1000px}.mob-sub-link{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r-sm);color:var(--text-2)!important;font-size:.9rem;text-decoration:none;transition:color var(--t-fast),background var(--t-fast)}.mob-sub-link:hover{color:var(--blue-light)!important;background:#3b82f612}.mob-sub-link i{color:var(--blue);width:18px;text-align:center;font-size:.9rem;flex-shrink:0}.mob-sub-link .mob-cnt{margin-left:auto;font-size:.7rem;color:var(--text-3);background:var(--bg-3);padding:1px 6px;border-radius:var(--r-full)}.mob-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;gap:10px;flex-shrink:0;opacity:0;transition:opacity .3s .3s}.mob-overlay.open .mob-footer{opacity:1}.mob-footer a{flex:1;justify-content:center}.mob-social{display:flex;gap:10px;padding:0 24px 20px;flex-shrink:0}.mob-social a{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);display:grid;place-items:center;text-decoration:none;transition:all var(--t-fast)}.mob-social a:hover{border-color:var(--blue);color:var(--blue)}body.menu-open{overflow:hidden}.cat-bar{display:none!important}.tools-mega{position:fixed;inset:0;z-index:1600;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.tools-mega.open{pointer-events:auto;opacity:1;visibility:visible}.tools-mega-backdrop{position:absolute;inset:0;background:#05070f59;backdrop-filter:blur(2px)}[data-theme=light] .tools-mega-backdrop{background:#0f172a33}.tools-mega-panel{position:absolute;left:50%;top:calc(var(--header-h) + var(--header-top) + 14px);transform:translate(-50%) translateY(-8px);width:min(1280px,calc(100vw - 40px));max-height:calc(100vh - var(--header-h) - var(--header-top) - 32px);display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#0f172a;border-radius:28px;box-shadow:0 24px 80px #00000047,0 0 0 1px #0000000a;padding:0;transition:transform .22s ease}.tools-mega.open .tools-mega-panel{transform:translate(-50%) translateY(0)}[data-theme=dark] .tools-mega-panel{background:#0f1629;color:var(--text-1);box-shadow:0 24px 80px #0000008c,0 0 0 1px #ffffff0f}.tools-mega-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:28px 32px 12px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.55) transparent}.tools-mega-body::-webkit-scrollbar{width:6px}.tools-mega-body::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.tools-mega-body::-webkit-scrollbar-track{background:transparent}.tools-mega-rows{display:flex;flex-direction:column;gap:8px}.tm-row{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:12px 20px;align-items:stretch;padding:10px 12px;border-radius:18px;transition:background .18s ease}.tools-mega.open .tm-row{animation:tmRowIn .32s ease both}@keyframes tmRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tools-mega.open .tm-row{animation:none}}.tm-row:hover{background:#0f172a08}[data-theme=dark] .tm-row:hover{background:#ffffff0a}.tm-row-cat{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:14px;text-decoration:none!important;color:inherit!important;min-width:0;transition:background .15s ease,transform .15s ease}.tm-row-cat:hover{background:#3b82f60f}.tm-row-cat:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.tm-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 8px 18px #3b82f638}.tm-text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:1px}.tm-title{font-size:.92rem;font-weight:700;color:#0f172a;line-height:1.25}[data-theme=dark] .tm-title{color:var(--text-1)}.tm-desc{font-size:.76rem;color:#64748b;line-height:1.4}[data-theme=dark] .tm-desc{color:var(--text-2)}.tm-row-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;min-width:0}.tm-tool{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.06);background:#f8fafce6;text-decoration:none!important;color:inherit!important;min-width:0;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.tm-tool:hover{border-color:#3b82f647;background:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a0f}.tm-tool:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}[data-theme=dark] .tm-tool{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .tm-tool:hover{background:#ffffff0f;border-color:#3b82f659;box-shadow:0 8px 18px #00000040}.tm-tool-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#3b82f61a;color:#2563eb;font-size:.95rem;flex-shrink:0}[data-theme=dark] .tm-tool-icon{background:#3b82f62e;color:#93c5fd}.tm-tool-name{font-size:.84rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .tm-tool-name{color:var(--text-1)}.tools-mega-grid,.tm-col{display:contents}.tm-section,.tm-item{display:none}.tools-mega-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 32px 16px;border-top:1px solid rgba(15,23,42,.08);background:#fff;border-radius:0 0 28px 28px;position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 24px #0f172a0a}[data-theme=dark] .tools-mega-foot{border-top-color:var(--border);background:#0f1629;box-shadow:0 -8px 24px #00000040}.tm-all{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#fff!important;background:var(--g-brand);text-decoration:none!important;padding:10px 18px;border-radius:var(--r-full);box-shadow:0 6px 18px #3b82f647;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.tm-all:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 24px #3b82f666}.tm-all:focus-visible{outline:none;box-shadow:0 6px 18px #3b82f647,0 0 0 3px #3b82f659}.tm-close-mob{display:none}body.tools-mega-open{overflow:hidden}.nav-tools-trigger.open,.nav-tools-trigger[aria-expanded=true]{background:#ffffff1a!important;color:var(--text-1)!important}[data-theme=light] .nav-tools-trigger.open,[data-theme=light] .nav-tools-trigger[aria-expanded=true]{background:#00000012!important}.mob-cat-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none!important;color:var(--text-1)!important;margin:4px 0;transition:background var(--t-fast)}.mob-cat-card:hover{background:#3b82f614}.mob-cat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;flex-shrink:0}.mob-cat-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mob-cat-title{font-weight:700;font-size:.92rem}.mob-cat-desc{font-size:.75rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mob-all-tools{margin-top:8px;color:var(--blue-light)!important;font-weight:600}@media (max-width: 991px){.tools-mega-panel{inset:auto 0 0;transform:translateY(24px);width:100%;max-width:none;max-height:min(88vh,760px);border-radius:24px 24px 0 0}.tools-mega.open .tools-mega-panel{transform:translateY(0)}.tools-mega-body{padding:20px 18px 8px}.tm-row{grid-template-columns:1fr;gap:8px;padding:8px 6px}.tm-row-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-mega-foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-radius:0}.tm-close-mob{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(15,23,42,.12);background:transparent;color:inherit;cursor:pointer;flex-shrink:0}[data-theme=dark] .tm-close-mob{border-color:var(--border)}}@media (max-width: 1199px) and (min-width: 992px){.tools-mega-panel{width:min(1280px,calc(100vw - 40px))}.tools-mega-body{padding:24px 24px 10px}.tools-mega-foot{padding:12px 24px 14px}.tm-row{grid-template-columns:minmax(180px,220px) 1fr}}@media (max-width: 700px){.tm-row-tools{grid-template-columns:1fr}}@media (max-width: 575px){.tm-icon{width:40px;height:40px;border-radius:12px;font-size:1rem}.tm-title{font-size:.9rem}.tm-desc{font-size:.74rem}.tm-tool{padding:10px 12px}.tools-mega-body{padding:16px 14px 6px}.tools-mega-foot{padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px))}.tm-all{font-size:.84rem;padding:9px 14px}}.mega-wrapper,.mega-menu{display:none!important}.tool-card .tc-open{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:600;border-radius:var(--r-full);background:var(--g-brand);color:#fff!important;text-decoration:none!important;box-shadow:none;white-space:nowrap;transition:transform var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast)}.tool-card .tc-open:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3b82f647;color:#fff!important}.tool-card .tc-open:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.tool-status{margin-top:12px;font-size:.84rem;color:var(--text-2);min-height:1.4em}.tool-status .ok{color:var(--green)}.tool-status .err{color:var(--red)}.tool-hint{margin:12px 0 0;font-size:.8rem}.tool-opts{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:14px;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.tool-opt{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--text-2);cursor:pointer;margin:0;user-select:none}.cp-legacy{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}.cp-box{width:148px;height:148px;border-radius:20px;overflow:hidden;position:relative;flex-shrink:0;background:#3b82f6;border:2px solid var(--border);box-shadow:0 8px 20px #3b82f638}.cp-box input[type=color]{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border:none;padding:0;margin:0;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.cp-box input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:20px}.cp-box input[type=color]::-webkit-color-swatch{border:none;border-radius:20px}.cp-box input[type=color]::-moz-color-swatch{border:none;border-radius:20px}.cp-fields{flex:1;min-width:260px;display:flex;flex-direction:column;gap:12px}.cp-row{display:flex;gap:8px;align-items:center}.cp-row .code-area{padding:10px;font-size:.92rem;border-radius:12px}.clr-sv{border-radius:16px!important;overflow:hidden}.clr-studio{display:flex;flex-direction:column;gap:16px}.clr-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:999px}[data-theme=light] .clr-bar{background:#fff;border-color:#0f172a14;box-shadow:0 1px 2px #0f172a0a}.clr-swatch-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2)}.clr-swatch{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;cursor:pointer;margin:0;display:block}.clr-swatch input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.clr-swatch span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.clr-eye{width:28px;height:28px;border:none;background:transparent;color:var(--text-2);border-radius:50%;display:grid;place-items:center;cursor:pointer}.clr-eye:hover{color:var(--blue);background:#3b82f614}.clr-formats{display:flex;flex-wrap:wrap;gap:6px 4px;flex:1;min-width:0}.clr-fmt{display:inline-flex;align-items:baseline;gap:6px;border:none;background:transparent;padding:4px 8px;border-radius:8px;cursor:pointer;color:inherit}.clr-fmt:hover{background:#3b82f614}.clr-fmt-label{font-size:.72rem;color:var(--text-3);font-weight:600}.clr-fmt-val{font-size:.82rem;font-weight:700;font-family:var(--mono, ui-monospace, monospace);color:var(--text-1)}.clr-shade-track{display:flex;height:18px;width:min(180px,100%);border-radius:999px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.clr-shade-step{flex:1;border:none;padding:0;cursor:pointer;min-width:0}.clr-panels{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:20px;align-items:start}@media (max-width: 991px){.clr-panels{grid-template-columns:1fr}.clr-bar{border-radius:16px}}.clr-picker-card{background:var(--bg-1);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 8px 28px #0f172a0f}[data-theme=light] .clr-picker-card{background:#fff}.clr-sv{position:relative;width:100%;aspect-ratio:1.25 / 1;border-radius:12px;cursor:crosshair;touch-action:none}.clr-sv-cursor{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059,0 2px 6px #00000040;transform:translate(-50%,-50%);pointer-events:none}.clr-hue{width:100%;margin:14px 0 12px;height:14px;border-radius:999px;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.clr-hue::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.2);cursor:pointer;box-shadow:0 1px 4px #00000040}.clr-hex-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);transition:background .15s ease,color .15s ease}.clr-hex-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001f}.clr-hex-input{flex:1;border:none;background:transparent;color:var(--text-1);font-family:var(--mono, ui-monospace, monospace);font-weight:700;font-size:.95rem;outline:none;min-width:0}.clr-rgb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.clr-rgb-row label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:700;color:var(--text-3);margin:0}.clr-rgb-row input{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--clr-tint, #3b82f6) 18%,var(--bg-2));color:var(--text-1);font-family:var(--mono, ui-monospace, monospace);font-weight:600;outline:none}.clr-rgb-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}.clr-hint{margin:12px 0 0;font-size:.8rem;color:var(--text-3)}.clr-side{min-width:0}.clr-preview-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 10px}.clr-live-preview{height:88px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.35);margin-bottom:14px;border:1px solid var(--border)}.clr-table-wrap{background:var(--bg-1);border:1px solid var(--border);border-radius:14px;overflow:auto}[data-theme=light] .clr-table-wrap{background:#fff}.clr-table{width:100%;border-collapse:collapse;font-size:.86rem}.clr-table th{text-align:left;padding:10px 14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);background:var(--bg-2);border-bottom:1px solid var(--border)}.clr-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.clr-table tr:last-child td{border-bottom:none}.clr-cell{border:none;background:transparent;padding:0;color:var(--text-1);font-family:var(--mono, ui-monospace, monospace);font-size:.84rem;cursor:pointer;text-align:left}.clr-cell:hover{color:var(--blue)}.clr-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.clr-pal{aspect-ratio:1;border-radius:12px;border:1px solid var(--border);cursor:pointer;position:relative;overflow:hidden;padding:0}.clr-pal span{position:absolute;left:0;right:0;bottom:0;padding:6px;font-size:.65rem;font-weight:700;background:#00000073;color:#fff;font-family:var(--mono, ui-monospace, monospace)}.clr-gradient-preview{height:140px;border-radius:14px;border:1px solid var(--border);margin-bottom:12px}.clr-code-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border);margin-bottom:12px}.clr-code-box code{flex:1;min-width:0;font-size:.82rem;word-break:break-all;color:var(--text-1)}.clr-grad-colors{display:flex;gap:8px;flex-wrap:wrap}.clr-grad-pick{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-2);cursor:pointer;font-size:.84rem;font-weight:600}.clr-grad-pick.active{border-color:var(--blue);color:var(--text-1);background:#3b82f614}.clr-grad-pick span{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.clr-contrast-preview{border-radius:14px;padding:24px;border:1px solid var(--border);margin-bottom:12px}.clr-contrast-lg{margin:0 0 8px;font-size:1.4rem;font-weight:700}.clr-contrast-sm{margin:0 0 12px;font-size:.92rem;opacity:.9}.clr-contrast-ratio{margin:0;font-size:1.6rem;font-weight:800;font-family:var(--mono, ui-monospace, monospace)}.clr-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.clr-badge{padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.clr-badge.pass{background:#10b9811f;color:var(--green)}.clr-badge.fail{background:#ef44441f;color:var(--red)}.clr-shades-list{display:flex;flex-direction:column;gap:6px}.clr-shade-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1);cursor:pointer;color:inherit;text-align:left}.clr-shade-row:hover{border-color:#3b82f64d}.clr-shade-row i{width:28px;height:28px;border-radius:8px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.clr-shade-row span{flex:1;font-family:var(--mono, ui-monospace, monospace);font-weight:600;font-size:.88rem}.clr-shade-row em{font-style:normal;color:var(--text-3);font-size:.78rem}.code-area.drop-active{border-color:var(--blue)!important;box-shadow:0 0 0 3px #3b82f633}.cat-page-hero{padding:calc(var(--header-h) + var(--header-top) + 56px) 0 36px;background:var(--bg-1);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-hero{padding:calc(var(--header-h) + var(--header-top) + 48px) 0 48px;background:var(--bg-1);border-bottom:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.page-hero h1{margin-top:16px;font-size:clamp(2rem,4vw,3.2rem)}.page-hero .page-hero-lead{font-size:1.1rem;max-width:600px;margin:12px auto 0}@media (max-width: 767px){.page-hero{padding:calc(var(--header-h) + var(--header-top) + 36px) 0 40px}}.cat-page-hero .cat-hero-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--g-brand);color:#fff;font-size:1.4rem;margin-bottom:16px;box-shadow:var(--glow-blue)}.search-overlay{display:none;position:fixed;inset:0;z-index:3000;background:#0f172a66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:flex-start;justify-content:center;padding:12vh 16px 24px}[data-theme=dark] .search-overlay{background:#05070fb8}.search-overlay.open{display:flex;animation:fadeIn .16s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.search-open{overflow:hidden}.search-box{--sp-bg: #ffffff;--sp-border: rgba(15, 23, 42, .1);--sp-text: #0f172a;--sp-muted: #64748b;--sp-divider: rgba(15, 23, 42, .08);--sp-hover: rgba(15, 23, 42, .05);--sp-active: rgba(37, 99, 235, .12);--sp-icon-bg: #f1f5f9;--sp-icon-border: rgba(15, 23, 42, .08);--sp-icon: #3b82f6;--sp-kbd-bg: #f8fafc;--sp-kbd-border: rgba(15, 23, 42, .12);--sp-foot-bg: #f8fafc;--sp-shadow: 0 24px 64px rgba(15, 23, 42, .18);width:min(560px,100%);max-height:min(72vh,640px);display:flex;flex-direction:column;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:14px;box-shadow:var(--sp-shadow);overflow:hidden;color:var(--sp-text)}[data-theme=dark] .search-box{--sp-bg: #12151c;--sp-border: rgba(255, 255, 255, .08);--sp-text: #f8fafc;--sp-muted: #94a3b8;--sp-divider: rgba(255, 255, 255, .07);--sp-hover: rgba(255, 255, 255, .04);--sp-active: #1e2a44;--sp-icon-bg: rgba(255, 255, 255, .05);--sp-icon-border: rgba(255, 255, 255, .08);--sp-icon: #60a5fa;--sp-kbd-bg: rgba(255, 255, 255, .05);--sp-kbd-border: rgba(255, 255, 255, .12);--sp-foot-bg: rgba(0, 0, 0, .28);--sp-shadow: 0 28px 80px rgba(0, 0, 0, .55)}.search-box-inner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--sp-divider);flex-shrink:0}.search-box-inner>.bi-search{color:var(--sp-muted);font-size:1.05rem;flex-shrink:0}.search-box-inner input{flex:1;border:none;outline:none;background:transparent;color:var(--sp-text);font-size:1rem;font-weight:500;min-width:0}.search-box-inner input::placeholder{color:var(--sp-muted);font-weight:400}.search-box-inner kbd.s-close{cursor:pointer;font-size:.68rem;font-weight:600;color:var(--sp-muted);background:var(--sp-kbd-bg);border:1px solid var(--sp-kbd-border);border-radius:7px;padding:4px 7px;font-family:inherit;line-height:1;flex-shrink:0;text-transform:none}.search-box-inner kbd.s-close:hover{color:var(--sp-text);border-color:var(--sp-icon)}.search-results{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.search-results::-webkit-scrollbar{width:5px}.search-results::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.search-group-label{display:none}.search-result-item{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;margin-bottom:2px;border-radius:10px;cursor:pointer;text-decoration:none!important;color:inherit!important;border:none;transition:background .12s ease}.search-result-item:hover{background:var(--sp-hover)}.search-result-item.active{background:var(--sp-active)}.sr-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--sp-icon);font-size:1rem;background:var(--sp-icon-bg);border:1px solid var(--sp-icon-border)}.search-result-item.active .sr-icon{background:#3b82f629;border-color:#3b82f647}.sr-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding-top:1px}.sr-title{font-size:.95rem;font-weight:700;color:var(--sp-text);line-height:1.3}.sr-meta{display:block;font-size:.78rem;color:var(--sp-muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-right{display:none!important}.search-empty{padding:44px 20px;text-align:center;color:var(--sp-muted)}.search-empty i{font-size:1.8rem;display:block;margin-bottom:10px;opacity:.4}.search-empty p{margin:0 0 6px;color:var(--sp-text);font-weight:600;opacity:.75}.search-empty span{font-size:.84rem;color:var(--sp-muted)}.search-palette-foot{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding:10px 14px 12px;border-top:1px solid var(--sp-divider);background:var(--sp-foot-bg);flex-shrink:0;font-size:.72rem;color:var(--sp-muted)}.search-palette-foot span{display:inline-flex;align-items:center;gap:5px}.search-palette-foot kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid var(--sp-kbd-border);background:var(--sp-kbd-bg);font-size:.65rem;font-family:inherit;font-weight:600;color:var(--sp-muted)}@media (max-width: 575px){.search-overlay{padding-top:7vh}.search-box{width:100%;max-height:min(84vh,700px);border-radius:14px}.sr-meta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-0);padding-top:calc(var(--header-h) + var(--header-top) + 40px);padding-bottom:60px}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.hero-glow-1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.22) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%)}.hero-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);top:30%;right:-100px}.hero-glow-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);bottom:-100px;left:10%}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.floating-cards{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-card{position:absolute;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px);border-radius:var(--r-md);padding:12px 16px;font-size:.78rem;font-family:JetBrains Mono,monospace;color:var(--text-2);animation:floatAnim 6s ease-in-out infinite;box-shadow:var(--shadow-md)}.float-card:nth-child(1){top:14%;left:4%;animation-delay:0s}.float-card:nth-child(2){top:22%;right:5%;animation-delay:1.5s}.float-card:nth-child(3){bottom:28%;left:6%;animation-delay:3s}.float-card:nth-child(4){bottom:22%;right:7%;animation-delay:.8s}.float-card .fc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}[data-theme=light] .float-card{background:#ffffffeb;border-color:#00000014;box-shadow:0 8px 28px #0f172a14}.fc-blue{color:#60a5fa}.fc-cyan{color:#22d3ee}.fc-green{color:#4ade80}.fc-amber{color:#fbbf24}.fc-red{color:#f87171}.fc-purple{color:#c4b5fd}@keyframes floatAnim{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(.5deg)}66%{transform:translateY(-7px) rotate(-.5deg)}}#particles-canvas{position:absolute;inset:0;pointer-events:none;opacity:.5}.hero-content{position:relative;z-index:10;width:100%;max-width:880px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--cyan-light);background:#06b6d41a;border:1px solid rgba(6,182,212,.25);padding:6px 16px;border-radius:var(--r-full);margin-bottom:24px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero h1{font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-.035em;margin-bottom:20px;text-align:center}.hero .typed-wrap{display:inline-block;position:relative;min-height:1.15em}.typed-cursor{font-weight:300;color:var(--blue);animation:cursorBlink .7s infinite}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-lead{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--text-2);max-width:620px;margin:0 auto 36px;line-height:1.7;text-align:center}.hero-search-wrap{position:relative;width:100%;max-width:580px;margin:0 auto 40px}.hero-search-box{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--border-md);border-radius:var(--r-full);padding:6px 6px 6px 18px;box-shadow:var(--shadow-md);transition:border-color var(--t-base),box-shadow var(--t-base)}.hero-search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626,var(--shadow-md)}[data-theme=light] .hero-search-box{background:#fff;border-color:#00000014;box-shadow:0 10px 40px #0f172a14}.hero-search-box i{color:var(--text-3);flex-shrink:0}.hero-search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--text-1);font-size:1rem;padding:8px 0}.hero-search-box input::placeholder{color:var(--text-3)}.hero-search-box button{background:var(--g-brand);color:#fff;border:none;height:40px;min-height:40px;padding:0 20px;border-radius:var(--r-full);font-weight:600;font-size:.9rem;cursor:pointer;transition:box-shadow var(--t-fast),transform var(--t-fast);white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.hero-search-box button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.hero-search-box button:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.hero-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:center}.hero-suggestion{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-full);background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);font-size:.8rem;cursor:pointer;transition:all var(--t-fast)}.hero-suggestion:hover{border-color:var(--blue);color:var(--blue-light);background:#3b82f612}.hero-suggestion i{font-size:.75rem}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.hero-stats{display:flex;gap:48px;flex-wrap:wrap;justify-content:center;margin-top:48px;padding-top:40px;border-top:1px solid var(--border);width:100%;max-width:640px}.hero-stat .hs-num{font-size:2rem;font-weight:800;line-height:1;background:var(--g-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-stat .hs-label{font-size:.82rem;color:var(--text-3);margin-top:4px}.logos-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-1);padding:24px 0;overflow:hidden}.logos-track{display:flex;gap:48px;align-items:center;animation:scrollLogos 30s linear infinite;width:max-content}.logos-track:hover{animation-play-state:paused}.logos-track span{font-size:.88rem;font-weight:700;color:var(--text-3);white-space:nowrap;letter-spacing:.05em;transition:color var(--t-fast)}.logos-track span:hover{color:var(--text-2)}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}.tool-card{position:relative;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--border);border-radius:18px;padding:20px;height:100%;min-height:0;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .2s ease;text-decoration:none;overflow:hidden;box-shadow:none}[data-theme=light] .tool-card{background:#fff;border-color:#0f172a12;box-shadow:0 1px 2px #0f172a08}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0f172a0f;border-color:#3b82f638}[data-theme=dark] .tool-card:hover{box-shadow:0 10px 28px #00000047}.tool-card:before{display:none}.tc-top{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;column-gap:12px;row-gap:0;margin-bottom:14px;padding-right:0;min-width:0;width:100%}.tc-main,.tc-content{display:contents}.tc-icon{grid-column:1;grid-row:1;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--tc-accent, #3b82f6) 14%,transparent);color:var(--tc-accent, var(--blue));display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;margin:0;transition:transform .28s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease,box-shadow .2s ease;border:1px solid color-mix(in srgb,var(--tc-accent, #3b82f6) 18%,transparent);line-height:1}.tc-icon i{display:block;line-height:1;font-size:inherit}.tool-card:hover .tc-icon{transform:scale(1.06) rotate(-3deg);background:var(--tc-accent, var(--blue));color:#fff;border-color:transparent;box-shadow:0 6px 14px color-mix(in srgb,var(--tc-accent, #3b82f6) 28%,transparent)}[data-theme=dark] .tool-card:hover .tc-icon{background:var(--tc-accent, var(--blue));color:#fff}.tool-card .tc-fav{grid-column:4;grid-row:1;position:static;top:auto;right:auto;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background:transparent;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),opacity var(--t-fast);opacity:.55;font-size:.85rem;line-height:0;z-index:2;flex-shrink:0;margin:0;justify-self:end;align-self:center;padding:0;appearance:none;-webkit-appearance:none}.tool-card .tc-fav i{display:flex;align-items:center;justify-content:center;width:1em;height:1em;margin:0;padding:0;line-height:1;font-size:.95em;pointer-events:none;transform:translateY(.5px)}.tool-card:hover .tc-fav{opacity:1}.tool-card .tc-fav:hover,.tool-card .tc-fav.active{background:#ef44441a;border-color:#ef44444d;color:#ef4444;opacity:1}.tool-card .tc-fav.active{opacity:1}.tool-fav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.tool-fav-btn i{display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0}.tool-fav-btn.active{color:#ef4444;border-color:#ef444459;background:#ef444414}.tc-badges{grid-column:2;grid-row:1;display:inline-flex;gap:6px;min-height:0;height:auto;min-height:28px;margin:0;align-items:center;justify-content:flex-start;justify-self:start;align-self:center;flex:none;min-width:0}.tc-badge-spacer{display:none}.tool-card .badge{font-size:.65rem;letter-spacing:.04em;padding:4px 9px;line-height:1.2;white-space:nowrap;flex-shrink:0;margin:0}.tc-name,.tool-card .tc-name,.tool-card h3.tc-name{display:block;width:100%;font-size:1.05rem;font-weight:700;color:var(--text-1);margin:0 0 8px;padding:0;line-height:1.3;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;clear:both}.tc-desc{width:100%;font-size:.86rem;color:var(--text-2);margin:0;padding:0;line-height:1.55;flex:1 1 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em}.tc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tc-chip{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:4px 9px}.tc-chip i{font-size:.72rem;color:var(--blue)}.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--border);flex-wrap:nowrap}.tc-cat{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-cat i{font-size:.8rem;flex-shrink:0}.tc-arrow{color:var(--text-3);transition:color var(--t-fast),transform var(--t-fast)}.tool-card:hover .tc-arrow{color:var(--blue);transform:translate(4px)}.grid-4>.tool-card,.grid-5>.tool-card,.grid-2>.tool-card,.grid-3>.tool-card{height:100%}.grid-4,.grid-5,.grid-3,.grid-2{align-items:stretch}@media (max-width: 767px){.tool-card{padding:16px}.tc-top{column-gap:10px;margin-bottom:12px}.tc-icon{width:40px;height:40px;font-size:1.05rem;border-radius:11px}.tool-card .tc-fav{width:30px;height:30px;min-width:30px;min-height:30px}.tc-badges{min-height:28px}.tc-foot{flex-wrap:wrap}}.cat-card{display:flex;align-items:flex-start;gap:14px;text-decoration:none;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;height:100%;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);position:relative;overflow:hidden}.cat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--g-brand);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base)}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#3b82f640}.cat-card:hover:after{transform:scaleX(1)}.cc-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--bg-3);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;margin:0;flex-shrink:0;border:1px solid var(--border);transition:background var(--t-base),color var(--t-base),box-shadow var(--t-base)}.cc-icon i{display:block;line-height:1}.cat-card:hover .cc-icon{background:var(--g-brand);color:#fff;border-color:transparent;box-shadow:var(--glow-blue)}.cc-body{min-width:0;flex:1;display:flex;flex-direction:column}.cat-card h5{display:block;width:100%;font-size:1rem;margin:0 0 8px;color:var(--text-1);line-height:1.3}.cat-card p{display:-webkit-box;width:100%;font-size:.83rem;color:var(--text-2);margin:0 0 10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.cat-card .cc-count{font-size:.78rem;color:var(--text-3);font-weight:600;margin-top:auto}.feat-card{display:flex;align-items:flex-start;gap:14px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;height:100%;transition:transform var(--t-base),box-shadow var(--t-base)}.feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feat-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--g-brand);color:#fff;display:grid;place-items:center;font-size:1.2rem;margin:0;flex-shrink:0;box-shadow:var(--shadow-glow-blue)}.feat-body{min-width:0;flex:1}.feat-card h5{font-size:1.02rem;margin:0 0 6px;line-height:1.3}.feat-card p{font-size:.88rem;color:var(--text-2);margin:0;line-height:1.55}.testi-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;height:100%}.testi-stars{color:#f59e0b;margin-bottom:12px;font-size:.95rem}.testi-quote{font-size:.95rem;color:var(--text-1);margin:0 0 20px;line-height:1.7}.testi-author{display:flex;align-items:center;gap:12px}.testi-avatar{width:42px;height:42px;border-radius:50%;background:var(--g-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.88rem;flex-shrink:0}.testi-name{font-weight:700;font-size:.9rem}.testi-role{font-size:.78rem;color:var(--text-3)}.price-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;height:100%;position:relative;transition:transform var(--t-base),box-shadow var(--t-base)}.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.price-card.featured{border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f633,var(--shadow-glow-blue);background:linear-gradient(135deg,rgba(59,130,246,.06) 0%,var(--bg-1) 100%)}.price-tag{font-size:2.8rem;font-weight:900}.price-tag small{font-size:1rem;font-weight:500;color:var(--text-2)}.price-feat-list{list-style:none;padding:0;margin:20px 0 28px}.price-feat-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:var(--text-2);font-size:.9rem;border-bottom:1px solid var(--border)}.price-feat-list li:last-child{border-bottom:none}.price-feat-list li i{color:var(--green);margin-top:2px;flex-shrink:0}.featured-pill{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--g-brand);color:#fff;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 16px;border-radius:var(--r-full);white-space:nowrap}.faq-item{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;overflow:hidden}.faq-btn{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border:none;background:transparent;cursor:pointer;font-size:.97rem;font-weight:600;color:var(--text-1);transition:color var(--t-fast)}.faq-btn:hover,.faq-btn.open{color:var(--blue)}.faq-btn .faq-icon{font-size:.8rem;color:var(--text-3);flex-shrink:0;transition:transform var(--t-base)}.faq-btn.open .faq-icon{transform:rotate(180deg);color:var(--blue)}.faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;padding:0 22px}.faq-body.open{padding:0 22px 18px}.faq-body p{margin:0;color:var(--text-2);font-size:.92rem}.faq-body a{color:var(--blue-light);text-decoration:underline;text-underline-offset:2px}.faq-breadcrumb{display:block;font-size:.84rem;color:var(--text-3);margin-bottom:14px}.faq-breadcrumb a{color:var(--text-2);text-decoration:none}.faq-breadcrumb a:hover{color:var(--blue)}.faq-hub-toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:10px}.faq-search{display:flex;align-items:center;gap:10px;background:var(--bg-0);border:1px solid var(--border-md);border-radius:var(--r-full);padding:10px 16px}.faq-search i{color:var(--text-3)}.faq-search input{flex:1;border:0;background:transparent;color:var(--text-1);font-size:.95rem;outline:none;min-width:0}.faq-filters{display:flex;flex-wrap:wrap;gap:8px}.faq-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);border-radius:var(--r-full);padding:7px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.faq-chip:hover{border-color:var(--blue);color:var(--text-1)}.faq-chip.is-active{background:#3b82f61f;border-color:var(--blue);color:var(--blue-light)}.faq-hub-status{font-size:.8rem;margin:0 0 18px}.faq-cat-block{margin-bottom:36px}.faq-cat-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0 0 14px;color:var(--text-1)}.faq-cat-title i{color:var(--blue-light)}.faq-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.faq-related-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-1);color:var(--text-1)!important;text-decoration:none;font-weight:600;font-size:.88rem;transition:border-color .15s,transform .15s}.faq-related-card:hover{border-color:var(--blue);transform:translateY(-1px)}.faq-related-card i{color:var(--blue-light);font-size:1.05rem}@media (max-width: 700px){.faq-chip{font-size:.75rem;padding:6px 10px}}.cta-banner{border-radius:var(--r-xl);overflow:hidden;position:relative;background:linear-gradient(135deg,#0f2460,#1a4ff0 45%,#0891b2);color:#fff}.cta-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px}.cta-banner .cta-glow-1,.cta-banner .cta-glow-2{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.cta-banner .cta-glow-1{width:400px;height:400px;background:#06b6d44d;top:-150px;right:-80px}.cta-banner .cta-glow-2{width:300px;height:300px;background:#3b82f659;bottom:-100px;left:-60px}.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 56px;position:relative;z-index:1}@media (max-width: 767px){.cta-split{grid-template-columns:1fr;padding:40px 28px;gap:28px}}.cta-left h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:#fff;margin-bottom:12px}.cta-left p{opacity:.85;margin-bottom:24px;font-size:1.05rem}.cta-form{display:flex;gap:10px;flex-wrap:wrap}.cta-form input{flex:1;min-width:200px;padding:12px 16px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:.93rem;outline:none;backdrop-filter:blur(6px);transition:border-color var(--t-fast),background var(--t-fast)}.cta-form input::placeholder{color:#fff9}.cta-form input:focus{border-color:#ffffff80;background:#ffffff2e}.cta-right{display:flex;flex-direction:column;gap:14px}.cta-feat{display:flex;align-items:center;gap:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-md);padding:14px 18px;backdrop-filter:blur(8px);transition:background var(--t-fast)}.cta-feat:hover{background:#ffffff29}.cta-feat-icon{width:40px;height:40px;border-radius:var(--r-sm);flex-shrink:0;background:#ffffff2e;display:grid;place-items:center;font-size:1.1rem}.cta-feat-text strong{display:block;font-size:.92rem;font-weight:700}.cta-feat-text span{font-size:.8rem;opacity:.8}.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:var(--blue-dark)!important;font-weight:700;padding:12px 26px;border-radius:var(--r-full);text-decoration:none;transition:box-shadow var(--t-base),transform var(--t-base);border:none;cursor:pointer;font-size:.95rem}.btn-white:hover{box-shadow:0 10px 28px #0000004d;transform:translateY(-2px)}.btn-white:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff73}.btn-outline-white{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#fff!important;font-weight:600;padding:11px 22px;border-radius:var(--r-full);border:1.5px solid rgba(255,255,255,.4);cursor:pointer;transition:background var(--t-fast),transform var(--t-fast);font-size:.95rem;text-decoration:none}.btn-outline-white:hover{background:#ffffff1a;transform:translateY(-1px)}.btn-outline-white:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff59}.site-footer{background:var(--bg-1);border-top:1px solid var(--border);padding:72px 0 32px}.footer-brand{min-width:0;max-width:320px}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--text-1)!important;text-decoration:none;margin-bottom:12px}.footer-brand-tagline{font-size:.88rem;color:var(--text-2);line-height:1.55;max-width:300px;margin:0 0 20px}.footer-col h6{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700;margin:0 0 14px}.footer-col a{display:block;color:var(--text-2)!important;font-size:.87rem;padding:4px 0;text-decoration:none;transition:color var(--t-fast),transform var(--t-fast)}.footer-col a:hover{color:var(--blue-light)!important;transform:translate(2px)}.footer-bottom{border-top:1px solid var(--border);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px}.footer-bottom-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.footer-bottom-links a{color:var(--text-3)!important;font-size:.84rem;text-decoration:none;transition:color var(--t-fast)}.footer-bottom-links a:hover{color:var(--blue-light)!important}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-btn{width:38px;height:38px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);display:grid;place-items:center;text-decoration:none;transition:all var(--t-fast)}.social-btn:hover{border-color:var(--blue);color:var(--blue)!important;transform:translateY(-2px);background:#3b82f614}.social-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.tool-hero{padding:calc(var(--header-h) + var(--header-top) + 28px) 0 28px;background:var(--bg-1);border-bottom:1px solid var(--border)}.tool-breadcrumb,.breadcrumb.tool-breadcrumb{margin:0 0 36px!important}.tool-hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}.tool-hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;min-width:0}.tool-hero-identity{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 280px}.tool-hero-icon{width:56px;height:56px;border-radius:16px;background:var(--g-brand);display:flex;align-items:center;justify-content:center;font-size:1.55rem;line-height:1;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #3b82f64d}.tool-hero-icon i{display:block;line-height:1}.tool-hero-titles{min-width:0;display:flex;flex-direction:column;gap:8px}.tool-hero-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.tool-hero-tags .eyebrow,.tool-hero-tags .badge{margin:0}.tool-hero-title{display:block;width:100%;margin:0;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.03em}.tool-hero-desc{display:block;width:100%;margin:0;padding:0;font-size:1rem;line-height:1.6;max-width:68ch}.tool-hero-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin:0;width:100%}.tool-hero-meta .privacy-badge-wrap{flex:0 1 auto;max-width:100%}.tool-hero-meta .processing-mode-badge{flex:0 0 auto}.tool-hero-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;max-width:100%}.tool-hero-actions .btn-soft,.tool-hero-actions .btn-brand,.tool-hero-actions a.btn-soft,.tool-hero-actions button.btn-soft{border-radius:var(--r-full);white-space:nowrap;box-sizing:border-box;height:34px;min-height:34px;max-height:34px;padding:0 14px!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;vertical-align:middle}.tool-hero-actions .btn-soft i,.tool-hero-actions a.btn-soft i,.tool-hero-actions button.btn-soft i{font-size:.9rem;line-height:1;display:inline-flex;align-items:center}.tool-back-btn:active{transform:translate(-1px)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.tool-layout-main{min-width:0}.tool-short-label{font-size:.82rem;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:8px}.tool-short-label i{font-size:1rem;line-height:1}.tool-interface{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:visible}.tool-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap;gap:10px;border-radius:var(--r-xl) var(--r-xl) 0 0}.tool-toolbar-left,.tool-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-toolbar-right .btn-brand,.tool-toolbar-right .btn-soft,.tool-toolbar-right .btn-ghost,.tool-toolbar-right button{border-radius:var(--r-full)}.tool-body{padding:24px}@media (max-width: 1100px){.tool-hero-head{align-items:flex-start}.tool-hero-actions{justify-content:flex-start;width:100%}}@media (max-width: 991px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width: 700px){.tool-hero{padding-top:calc(var(--header-h) + var(--header-top) + 18px);padding-bottom:22px}.tool-hero-identity{gap:12px}.tool-hero-icon{width:48px;height:48px;border-radius:14px;font-size:1.3rem}.tool-hero-title{font-size:clamp(1.35rem,6vw,1.75rem)}.tool-hero-desc{font-size:.92rem}.tool-sidebar{grid-template-columns:1fr}.tool-body{padding:16px}.tool-hero-actions .btn-soft{padding-left:12px!important;padding-right:12px!important;height:34px;min-height:34px;max-height:34px}}.code-area{width:100%;padding:14px 16px;background:var(--bg-0);border:1px solid var(--border);color:var(--text-1);border-radius:var(--r-md);font-family:JetBrains Mono,monospace;font-size:.87rem;resize:vertical;outline:none;line-height:1.7;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.code-area:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.code-output{color:var(--text-2);cursor:default;background:var(--bg-0)}[data-theme=light] .code-area{background:#f8fafc}.panel-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:8px;display:flex;align-items:center;gap:6px}.panel-label .status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.copy-toast{position:fixed;bottom:28px;right:28px;z-index:9999;background:var(--bg-1);border:1px solid var(--border-md);padding:12px 20px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;color:var(--green);font-weight:600;font-size:.9rem;transform:translateY(20px);opacity:0;transition:all .3s ease;pointer-events:none}.copy-toast.show{transform:translateY(0);opacity:1}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-full);font-size:.83rem;font-weight:600;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;text-decoration:none}.filter-pill:hover{border-color:var(--blue);color:var(--blue-light)}.filter-pill.active{border-color:var(--blue);background:#3b82f61f;color:var(--blue-light)}.stat-card{text-align:center;padding:32px 24px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-base),box-shadow var(--t-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-num{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1;background:var(--g-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.88rem;color:var(--text-2);margin-top:8px}.auth-page{min-height:100vh;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg-0);color:var(--text-1);position:relative;overflow-x:hidden}.auth-page .site-header,.auth-page .site-footer,.auth-page .scroll-progress,.auth-page .search-overlay,.auth-page .cat-bar{display:none!important}.auth-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(59,130,246,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(6,182,212,.18),transparent 50%),var(--bg-0)}[data-theme=light] .auth-bg{background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(59,130,246,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(6,182,212,.12),transparent 50%),#f4f7fb}.auth-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.auth-orb-1{width:280px;height:280px;top:12%;right:8%;background:#3b82f659;animation:authFloat 12s ease-in-out infinite}.auth-orb-2{width:220px;height:220px;bottom:10%;left:6%;background:#06b6d44d;animation:authFloat 14s ease-in-out infinite reverse}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}@keyframes authFloat{0%,to{transform:translate(0)}50%{transform:translate(18px,-14px)}}.auth-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 28px;gap:22px}.auth-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text-1)!important;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;transition:transform .2s ease,opacity .2s ease}.auth-brand:hover{transform:translateY(-1px);opacity:.92}.auth-brand .logo-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--g-brand);color:#fff;font-size:1rem;box-shadow:0 8px 20px #3b82f659}.auth-panel{width:min(440px,100%);padding:36px 32px 28px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 64px #0f172a1a,0 2px #fff9 inset;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);animation:authIn .45s ease both}[data-theme=dark] .auth-panel{background:#0f1629b8;border-color:#ffffff14;box-shadow:0 28px 70px #00000073}.auth-panel-wide{width:min(520px,100%)}@keyframes authIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.auth-panel-head{text-align:center;margin-bottom:24px}.auth-panel-head h1{margin:0 0 8px;font-size:clamp(1.55rem,3vw,1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.auth-panel-head p{margin:0;color:var(--text-2);font-size:.95rem;line-height:1.55}.auth-social{margin-bottom:4px}.auth-social-label{display:block;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.auth-social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--border-md);background:var(--bg-1);color:var(--text-1);font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-social-btn:hover{transform:translateY(-1px);border-color:#3b82f659;box-shadow:0 8px 18px #0f172a14}.auth-github:hover{background:#111827;color:#fff;border-color:#111827}.auth-google:hover{border-color:#ea4335}.auth-ms:hover{border-color:#00a4ef}.auth-divider{text-align:center;margin:22px 0 18px;position:relative;color:var(--text-3);font-size:.8rem;font-weight:500}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.auth-divider span{position:relative;z-index:1;background:#ffffffe6;padding:0 12px}[data-theme=dark] .auth-divider span{background:#0f1629f2}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>label,.auth-label-row label{font-size:.84rem;font-weight:600;color:var(--text-1)}.auth-label-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.auth-link{font-size:.82rem;font-weight:600;color:var(--blue)!important;text-decoration:none!important}.auth-link:hover{text-decoration:underline!important}.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password],.auth-input-wrap input{width:100%;min-height:46px;padding:11px 14px;border-radius:12px;border:1px solid var(--border-md);background:var(--bg-2);color:var(--text-1);font-size:.93rem;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-field input:focus,.auth-input-wrap:focus-within input{border-color:var(--blue);box-shadow:0 0 0 4px #3b82f624;background:var(--bg-1)}.auth-field input.is-invalid{border-color:var(--red);box-shadow:0 0 0 4px #ef44441f}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap input{padding-right:44px}.auth-eye{position:absolute;right:8px;width:34px;height:34px;border:none;background:transparent;color:var(--text-3);border-radius:8px;display:grid;place-items:center;cursor:pointer}.auth-eye:hover{color:var(--text-1);background:#94a3b826}.auth-hint{font-size:.75rem;color:var(--text-3)}.auth-error{font-size:.78rem;color:var(--red);font-weight:500}.auth-check{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:var(--text-2);cursor:pointer;user-select:none;margin:0}.auth-check input{margin-top:2px;flex-shrink:0}.auth-check a{color:var(--blue);font-weight:600;text-decoration:none}.auth-check a:hover{text-decoration:underline}.auth-strength{margin-top:4px}.auth-strength-bar{height:6px;border-radius:999px;background:var(--bg-3);overflow:hidden;margin-bottom:6px}.auth-strength-bar span{display:block;height:100%;width:0;border-radius:inherit;transition:width .25s ease,background .25s ease;background:var(--text-3)}.auth-strength-bar span.weak{background:var(--red)}.auth-strength-bar span.fair{background:var(--amber)}.auth-strength-bar span.strong{background:var(--green)}.auth-strength-label{font-size:.75rem;color:var(--text-3);font-weight:600}.auth-reqs{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.auth-reqs li{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-3)}.auth-reqs li i{font-size:.8rem}.auth-reqs li.ok{color:var(--green)}.auth-submit{margin-top:6px;width:100%;min-height:48px;border:none;border-radius:12px;background:var(--g-brand);color:#fff;font-size:.97rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 28px #3b82f64d;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px #3b82f661}.auth-submit:disabled{opacity:.75;cursor:wait;transform:none}.auth-submit-spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:none;animation:authSpin .7s linear infinite}.auth-submit.is-loading .auth-submit-label{opacity:0;position:absolute}.auth-submit.is-loading .auth-submit-spin{display:block}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;margin:20px 0 0;font-size:.9rem;color:var(--text-2)}.auth-switch a{color:var(--blue)!important;font-weight:700;text-decoration:none!important}.auth-switch a:hover{text-decoration:underline!important}.auth-foot{margin:0;font-size:.78rem;color:var(--text-3);text-align:center}.auth-foot a{color:var(--text-3);text-decoration:none}.auth-foot a:hover{color:var(--text-2)}.auth-theme{position:fixed;top:18px;right:18px;z-index:5;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#ffffffa6;backdrop-filter:blur(10px);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,color .15s ease}[data-theme=dark] .auth-theme{background:#0f1629b3}.auth-theme:hover{color:var(--text-1);transform:translateY(-1px)}@media (max-width: 575px){.auth-panel{padding:28px 20px 22px;border-radius:20px}.auth-social-row,.auth-grid-2,.auth-reqs{grid-template-columns:1fr}.auth-theme{top:12px;right:12px}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:48px 0}.auth-card{width:min(460px,94vw);background:var(--bg-1);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);padding:40px}.auth-card .form-group{margin-bottom:18px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.auth-card label{display:block;font-size:.85rem;font-weight:600;margin:0;color:var(--text-1);line-height:1.25}.auth-card input{width:100%;height:42px;min-height:42px;box-sizing:border-box;margin:0;padding:10px 14px;border-radius:12px;border:1px solid var(--border-md);background:var(--bg-2);color:var(--text-1);font-size:.93rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width: 1199px){.grid-5{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.grid-5,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.mega-cols{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hero{min-height:auto;padding-top:calc(var(--header-h) + var(--header-top) + 30px);padding-bottom:48px}.section{padding:64px 0}.floating-cards{display:none}.hero-stats{gap:28px}.hero-stat .hs-num{font-size:1.6rem}}@media (max-width: 575px){.mega-cols{grid-template-columns:1fr 1fr}}.text-muted{color:var(--text-2)!important}.text-faint{color:var(--text-3)!important}.text-blue{color:var(--blue)!important}.text-cyan{color:var(--cyan)!important}.text-green{color:var(--green)!important}.mt-auto{margin-top:auto!important}.divider{height:1px;background:var(--border);border:none;margin:0}.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;list-style:none;padding:0;margin:0}.breadcrumb.tool-breadcrumb{margin-bottom:36px!important}.page-hero .breadcrumb,.cat-page-hero .breadcrumb,.faq-breadcrumb{margin-bottom:16px}.faq-breadcrumb .breadcrumb{margin-bottom:0}.breadcrumb li{display:flex;align-items:center;gap:4px;font-size:.84rem;color:var(--text-3)}.breadcrumb li:after{content:"/";margin-left:4px;color:var(--text-3);opacity:.7}.breadcrumb li:last-child:after{display:none}.breadcrumb li a{color:var(--text-2);text-decoration:none;transition:color var(--t-fast)}.breadcrumb li a:hover{color:var(--blue)}.breadcrumb li.active{color:var(--text-1);font-weight:500}@media (max-width: 575px){.breadcrumb li{font-size:.78rem}}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981;padding:12px 16px;border-radius:var(--r-md)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:12px 16px;border-radius:var(--r-md)}.alert-danger{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px 16px;border-radius:var(--r-md)}.alert-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:var(--blue-light);padding:12px 16px;border-radius:var(--r-md)}.coverflow{position:relative;width:100%;height:420px;display:flex;align-items:center;justify-content:center;perspective:1600px;overflow:hidden;box-sizing:border-box}@media (max-width: 991px){.coverflow{height:460px;padding:0 48px}}@media (max-width: 767px){.coverflow{height:460px;padding:0 44px}}.cf-track{position:relative;width:100%;height:100%;transform-style:preserve-3d}.cf-slide{position:absolute;top:50%;left:50%;width:340px;max-width:80vw;margin-left:-170px;margin-top:-150px;border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:transform .55s cubic-bezier(.25,.46,.45,.94),opacity .55s ease,filter .55s ease;transform-style:preserve-3d;will-change:transform,opacity}@media (max-width: 991px){.cf-slide{width:min(300px,100%);max-width:100%;margin-left:calc(min(300px,100%)/-2);margin-top:-175px}}@media (max-width: 767px){.cf-slide{width:min(248px,100%);margin-left:calc(min(248px,100%)/-2);margin-top:-175px}}.cf-card-inner{height:300px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;position:relative;overflow:hidden;box-sizing:border-box}@media (max-width: 991px){.cf-card-inner{height:350px;padding:24px 22px 28px;gap:12px;justify-content:flex-start}.cf-slide-icon{margin-top:2px;flex-shrink:0}.cf-slide-body{flex:1 1 auto;min-height:0;width:100%;justify-content:flex-start}.cf-slide-desc{margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.cf-slide-cta{flex-shrink:0;margin-top:auto;margin-bottom:0}}@media (max-width: 767px){.cf-card-inner{height:350px;padding:20px 14px 26px;gap:8px}.cf-slide-icon{width:44px;height:44px;font-size:1.2rem}.cf-slide-cat{margin-bottom:6px}.cf-slide-title{font-size:1.15rem;margin-bottom:6px;overflow-wrap:anywhere;word-break:break-word}.cf-slide-desc{font-size:.78rem;margin-bottom:10px;max-width:100%;-webkit-line-clamp:3}.cf-slide-cta{padding:9px 16px;font-size:.82rem;flex-shrink:0}}.cf-grad-1{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4)}.cf-grad-2{background:linear-gradient(135deg,#6d28d9,#8b5cf6,#ec4899)}.cf-grad-3{background:linear-gradient(135deg,#047857,#10b981,#06b6d4)}.cf-grad-4{background:linear-gradient(135deg,#b45309,#f59e0b,#ef4444)}.cf-grad-5{background:linear-gradient(135deg,#1e40af,#3b82f6,#8b5cf6)}.cf-grad-6{background:linear-gradient(135deg,#0f172a,#334155,#3b82f6)}.cf-card-inner:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;opacity:.6}.cf-card-inner:after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff1f;filter:blur(60px);pointer-events:none}.cf-slide-icon{width:56px;height:56px;border-radius:var(--r-md);background:#fff3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;border:1px solid rgba(255,255,255,.25);position:relative;z-index:1;flex-shrink:0;margin:0 auto}.cf-slide-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100%;flex:0 1 auto}.cf-slide-cat{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;margin:0 0 10px;width:100%;text-align:center}.cf-slide-title{display:block;width:100%;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em;text-align:center}.cf-slide-desc{display:block;width:100%;max-width:28ch;margin:0 auto 20px;font-size:.88rem;color:#ffffffd1;line-height:1.55;text-align:center}.cf-slide-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);color:#fff!important;font-weight:600;font-size:.86rem;padding:10px 20px;border-radius:var(--r-full);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;position:relative;z-index:1;margin:0 auto}.cf-slide-cta:hover{background:#ffffff52;color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 20px #0000002e}.cf-slide-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6}.cf-slide.cf-center{transform:translateZ(0) scale(1);opacity:1;z-index:10;filter:none}.cf-slide.cf-left-1{transform:translate(-260px) translateZ(-200px) rotateY(35deg) scale(.82);opacity:.55;z-index:5;filter:blur(2px)}.cf-slide.cf-right-1{transform:translate(260px) translateZ(-200px) rotateY(-35deg) scale(.82);opacity:.55;z-index:5;filter:blur(2px)}.cf-slide.cf-left-2{transform:translate(-440px) translateZ(-400px) rotateY(45deg) scale(.65);opacity:.2;z-index:2;filter:blur(4px)}.cf-slide.cf-right-2{transform:translate(440px) translateZ(-400px) rotateY(-45deg) scale(.65);opacity:.2;z-index:2;filter:blur(4px)}.cf-slide.cf-hidden{transform:scale(.5);opacity:0;z-index:0;pointer-events:none}@media (max-width: 767px){.cf-slide.cf-left-1{transform:translate(-132px) translateZ(-200px) rotateY(28deg) scale(.72)}.cf-slide.cf-right-1{transform:translate(132px) translateZ(-200px) rotateY(-28deg) scale(.72)}.cf-slide.cf-left-2,.cf-slide.cf-right-2{opacity:0}}.cf-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;aspect-ratio:1;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-1);display:grid;place-items:center;font-size:1.1rem;cursor:pointer;z-index:20;box-sizing:border-box;flex-shrink:0;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.cf-nav:hover{background:#3b82f626;border-color:var(--blue);transform:translateY(-50%) scale(1.08)}.cf-prev{left:16px}.cf-next{right:16px}@media (max-width: 991px){.cf-prev{left:4px}.cf-next{right:4px}}@media (max-width: 767px){.cf-nav{width:36px;height:36px;min-width:36px;min-height:36px;font-size:.85rem}.cf-prev{left:2px}.cf-next{right:2px}}.cf-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.cf-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-4);cursor:pointer;transition:width .3s,background .3s}.cf-dot.active{width:28px;border-radius:var(--r-full);background:var(--blue)}.tool-content-section{padding:56px 0}.tool-content-section h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:0 0 20px}.tool-content-section h3{font-size:1.15rem;margin:28px 0 0}.tool-content-section p{color:var(--text-2);line-height:1.8;margin-bottom:14px}.tool-content-section ul,.tool-content-section ol{color:var(--text-2);padding-left:20px}.tool-content-section li{margin-bottom:8px;line-height:1.7}.tool-prose{max-width:none}.tool-prose>h2:first-child{margin-top:0}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 991px){.how-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 575px){.how-steps{grid-template-columns:1fr}}.how-step{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;position:relative;transition:transform var(--t-base),box-shadow var(--t-base)}.how-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.how-step-num{position:absolute;top:-14px;left:24px;width:32px;height:32px;border-radius:50%;background:var(--g-brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;box-shadow:0 4px 14px #3b82f666}.how-step-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--bg-3);color:var(--blue);display:grid;place-items:center;font-size:1.3rem;margin:12px 0 14px;border:1px solid var(--border)}.how-step h4{font-size:.95rem;margin:0 0 6px;color:var(--text-1)}.how-step p{font-size:.84rem;color:var(--text-2);margin:0;line-height:1.6}.ma-checklist{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-2);max-height:420px;overflow:auto;padding:6px}.ma-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid transparent}.ma-row+.ma-row{margin-top:4px}.ma-row.ma-ok{background:#10b9810f}.ma-row.ma-warn{background:#f59e0b14}.ma-row.ma-fail{background:#ef444414}.ma-badge{flex-shrink:0;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;margin-top:2px}.ma-ok .ma-badge,.ma-badge.ma-ok{background:#10b9812e;color:#059669}.ma-warn .ma-badge,.ma-badge.ma-warn{background:#f59e0b33;color:#d97706}.ma-fail .ma-badge,.ma-badge.ma-fail{background:#ef44442e;color:#dc2626}.ma-row-body{min-width:0;flex:1}.ma-row-body strong{display:block;font-size:.88rem;color:var(--text-1)}.ma-val{margin-top:4px;font-size:.82rem;color:var(--text-2);word-break:break-word;line-height:1.45}.ma-tip{margin-top:4px;font-size:.78rem;color:var(--text-3);line-height:1.4}.kd-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto;background:var(--bg-2);max-height:440px}.kd-table{width:100%;border-collapse:collapse;font-size:.88rem}.kd-table th,.kd-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.kd-table th{color:var(--text-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.kd-table td:nth-child(1),.kd-table td:nth-child(3),.kd-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.kd-word{font-family:var(--mono, ui-monospace, monospace);color:var(--text-1)}.kd-bar-cell{width:28%;min-width:90px}.kd-bar{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.serp-count{font-weight:400;color:var(--text-3);margin-left:6px}.serp-count.near{color:var(--amber, #d97706)}.serp-count.over{color:var(--red, #dc2626)}.serp-device-toggle{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.serp-device-toggle .btn-soft.active{border-color:var(--blue);color:var(--blue);background:#3b82f61a}.serp-preview-card{padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;max-width:680px}.serp-preview-card.serp-mobile{max-width:380px}.serp-fake{font-family:Arial,sans-serif}.serp-cite{color:#202124;font-size:.78rem;margin-bottom:4px;word-break:break-all}.serp-title a{color:#1a0dab;font-size:1.2rem;line-height:1.3;text-decoration:none;font-weight:400}.serp-preview-card.serp-mobile .serp-title a{font-size:1.05rem}.serp-desc{color:#4d5156;font-size:.9rem;line-height:1.5;margin-top:4px}[data-theme=dark] .serp-preview-card{box-shadow:0 0 0 1px #ffffff0f}.tool-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;align-items:start}.tool-about-grid>.reveal-left h2,.tool-about-grid>.reveal-right>.tool-features-title{margin:0 0 20px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.tool-features-title{margin-bottom:20px}.tool-prose h3,.use-cases-heading{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em;line-height:1.3}.use-cases-section{margin-top:40px;padding-top:8px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;align-items:stretch}@media (max-width: 991px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{display:flex;align-items:flex-start;gap:16px;background:var(--bg-1);border:1px solid var(--border);border-radius:18px;padding:22px 20px;height:100%;min-height:0;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-fast)}[data-theme=light] .use-case-card{background:#fff;border-color:#0f172a14;box-shadow:0 1px 2px #0f172a08}.use-case-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14;border-color:#3b82f647}[data-theme=dark] .use-case-card:hover{box-shadow:var(--shadow-md)}.use-case-card .uc-icon{width:44px;height:44px;border-radius:12px;background:var(--g-brand);color:#fff;display:grid;place-items:center;font-size:1.15rem;margin:0;flex-shrink:0;box-shadow:0 6px 14px #3b82f647}.uc-body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}.use-case-card h4{font-size:.95rem;font-weight:700;margin:0;line-height:1.3;color:var(--text-1);letter-spacing:-.01em}.use-case-card p{font-size:.84rem;color:var(--text-2);margin:0;line-height:1.55}.tool-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:stretch}@media (max-width: 991px){.tool-about-grid{grid-template-columns:1fr;gap:36px}}@media (max-width: 575px){.tool-features{grid-template-columns:1fr}}.tf-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-1);border:1px solid var(--border);border-radius:16px;padding:16px;height:100%;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}[data-theme=light] .tf-item{background:#fff;border-color:#0f172a14}.tf-item:hover{border-color:#3b82f640;transform:translateY(-1px)}.tf-item-icon{width:40px;height:40px;border-radius:10px;background:var(--g-brand);color:#fff;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0;box-shadow:0 4px 12px #3b82f640}.tf-body{min-width:0;flex:1}.tf-item h4{font-size:.92rem;margin:0 0 4px;line-height:1.3}.tf-item p{font-size:.8rem;color:var(--text-2);margin:0;line-height:1.5}.tool-kbd-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;margin-top:20px}.tool-kbd-label{margin:0 0 8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.tool-kbd-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tool-kbd-row kbd{background:var(--bg-3);border:1px solid var(--border-md);padding:4px 10px;border-radius:6px;font-size:.82rem}.tool-kbd-row .text-muted{font-size:.84rem}.instr-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.instr-list li{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:.9rem;line-height:1.6}.instr-list li i{color:var(--blue);margin-top:2px;flex-shrink:0}.tool-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 20px)}.sidebar-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.sidebar-card h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin:0 0 14px}.sidebar-tool-link{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-2)!important;font-size:.85rem;text-decoration:none;border-bottom:1px solid var(--border);transition:color var(--t-fast)}.sidebar-card>.sidebar-tool-link:last-child,.sidebar-tool-clip>.sidebar-tool-link:last-of-type{border-bottom:none}.sidebar-tool-link:hover{color:var(--blue)!important}.sidebar-tool-link.active{color:var(--blue)!important;font-weight:600}.sidebar-tool-link i{color:var(--blue);width:18px;text-align:center;flex-shrink:0}.sidebar-tool-wrap{position:relative}.sidebar-tool-clip{overflow:hidden;max-height:none;transition:max-height .45s cubic-bezier(.22,1,.36,1)}.sidebar-tool-fade{position:absolute;left:0;right:0;bottom:0;height:36px;pointer-events:none;opacity:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-1) 88%);transition:opacity .35s ease}.sidebar-tool-wrap.is-collapsed .sidebar-tool-fade{opacity:1}.sidebar-show-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:10px 12px 0;border:0;border-top:1px solid var(--border);background:transparent;color:var(--blue);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:color var(--t-fast)}.sidebar-show-more:hover{color:var(--blue-dark)}.sidebar-more-count{display:inline-flex;align-items:center;max-width:3.5rem;padding:1px 7px;overflow:hidden;border-radius:var(--r-full);background:#3b82f61f;font-size:.68rem;font-weight:700;white-space:nowrap;opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease,max-width .3s ease,padding .3s ease}.sidebar-show-more[aria-expanded=true] .sidebar-more-count{max-width:0;padding-left:0;padding-right:0;opacity:0;transform:scale(.7)}.sidebar-toggle-icon{font-size:.7rem;line-height:1;transition:transform .35s cubic-bezier(.22,1,.36,1)}.sidebar-show-more[aria-expanded=true] .sidebar-toggle-icon{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.sidebar-tool-clip,.sidebar-tool-fade,.sidebar-more-count,.sidebar-toggle-icon{transition:none}}.prev-next-nav{display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.pn-link{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);text-decoration:none;transition:border-color var(--t-fast),transform var(--t-fast);flex:1}.pn-link:hover{border-color:var(--blue);transform:translateY(-2px)}.pn-link.pn-next{text-align:right}.pn-link small{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.pn-link strong{font-size:.9rem;color:var(--text-1)}.pw-bar{height:6px;border-radius:var(--r-full);background:var(--bg-3);overflow:hidden;margin-top:10px}.pw-bar-fill{height:100%;border-radius:var(--r-full);transition:width .4s,background .4s}.back-top{position:fixed;bottom:28px;right:28px;z-index:900;width:42px;height:42px;border-radius:var(--r-md);background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #3b82f666;cursor:pointer;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}.back-top.show{opacity:1;transform:translateY(0)}.back-top:hover{box-shadow:0 12px 32px #3b82f699}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-head-row{margin-bottom:36px}.section-head-copy{max-width:100%}.section-head-copy>.eyebrow+.section-head-title-row{margin-top:14px}.section-head-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px}.section-head-title-row h2,.section-head-title-row h3{margin:0;flex:1 1 auto;min-width:0}.section-head-cta{flex-shrink:0;align-self:center;margin:0}.section-head-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.section-lead{margin:12px 0 0;color:var(--text-2);font-size:.98rem;line-height:1.65;max-width:640px}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:12px 0 16px}.section-header p{font-size:1.05rem;color:var(--text-2);max-width:640px;margin:0 auto;line-height:1.65}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .reveal-left{opacity:0;transform:translate(-24px);transition:opacity .6s ease,transform .6s ease}.js .reveal-right{opacity:0;transform:translate(24px);transition:opacity .6s ease,transform .6s ease}.js .reveal-left.visible,.js .reveal-right.visible{opacity:1;transform:translate(0)}.js h1.reveal,.js .hero-content>.reveal,.js .page-hero h1.reveal,.js .tool-hero h1.reveal{opacity:1;transform:none;transition:none}@media (prefers-reduced-motion: reduce){.js .reveal,.js .reveal-left,.js .reveal-right{opacity:1;transform:none;transition:none}}.accent-line{width:48px;height:3px;background:var(--g-brand);border-radius:var(--r-full);margin:0 auto 16px}.blog-card{display:block;text-decoration:none;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;height:100%;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#3b82f640}.blog-card-img{height:180px;background:var(--bg-2);overflow:hidden}.blog-card-img i{font-size:3rem;color:var(--blue);opacity:.3;display:grid;height:100%;place-items:center}.blog-card-body{padding:22px}.blog-card-body h5{font-size:.97rem;margin:8px 0;color:var(--text-1)}.blog-card-body p{font-size:.83rem;color:var(--text-2);margin:0}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:13px 18px;border-bottom:1px solid var(--border);font-size:.9rem;text-align:center}.compare-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:700;background:var(--bg-2)}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.check-icon{color:var(--green)}.dash-icon{color:var(--text-3)}.color-swatch{width:40px;height:40px;border-radius:var(--r-sm);border:2px solid transparent;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast)}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text-1)}input[type=range]{accent-color:var(--blue);cursor:pointer}input[type=color]{cursor:pointer;border:none;background:none;padding:0}select{background:var(--bg-2);border:1px solid var(--border-md);color:var(--text-1);padding:9px 14px;border-radius:var(--r-md);outline:none;font-size:.9rem;cursor:pointer}select:focus{border-color:var(--blue)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;flex-shrink:0;position:relative;box-sizing:border-box;border:1.5px solid var(--border-md);background-color:var(--bg-1);background-image:none;cursor:pointer;vertical-align:middle;box-shadow:none!important;outline:none;transition:background-color .15s ease,border-color .15s ease,background-image .15s ease}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:before,input[type=checkbox]:after,input[type=radio]:before{content:none!important;display:none!important;box-shadow:none!important}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2l3.1 3.1 6.5-6.5'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat;box-shadow:none!important}input[type=radio]:after{content:"";display:block;position:absolute;inset:4px;border-radius:50%;background:transparent;box-shadow:none!important;transition:background .15s ease}input[type=radio]:checked{background-color:#3b82f6;border-color:#3b82f6;box-shadow:none!important}input[type=radio]:checked:after{background:#fff}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--blue)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px;box-shadow:none!important}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] input[type=checkbox],[data-theme=light] input[type=radio]{background-color:#fff;border-color:#0f172a38}[data-theme=light] input[type=checkbox]:checked,[data-theme=dark] input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.2l3.1 3.1 6.5-6.5'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{background-color:var(--bg-3);border-color:#ffffff38}.th-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border);width:100%}.th-seg-item{flex:1 1 auto;position:relative;margin:0;cursor:pointer;min-width:0}.th-seg-item input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:-1px!important;clip:rect(0 0 0 0);overflow:hidden;pointer-events:none;box-shadow:none!important;transform:none!important;border:0!important;background:transparent!important}.th-seg-item span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:9px;font-size:.8rem;font-weight:600;color:var(--text-2);text-align:center;transition:background .2s ease,color .2s ease;user-select:none;white-space:nowrap;box-shadow:none}.th-seg-item:hover span{color:var(--text-1);background:#3b82f60f}.th-seg-item input:checked+span{background:var(--bg-1);color:var(--blue);box-shadow:none;outline:1px solid rgba(59,130,246,.28)}[data-theme=dark] .th-seg-item input:checked+span{background:var(--bg-4)}.th-seg-item input:focus-visible+span{outline:2px solid var(--blue);outline-offset:1px}.ms-opt-block{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.ms-opt-block>span,.ms-opt-label{font-size:.8rem;font-weight:500;color:var(--text-2)}.ms-adv-toggle{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:4px 0 0;padding:0;border:0;background:none;color:var(--blue);font-size:.82rem;font-weight:600;cursor:pointer}.ms-adv-toggle i{transition:transform .2s ease}.ms-adv-toggle[aria-expanded=true] i{transform:rotate(180deg)}.ms-adv{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding-top:4px}.ms-adv[hidden]{display:none!important}@media (max-width: 900px){.ms-adv{grid-template-columns:1fr}}.footer-grid{display:grid;grid-template-columns:minmax(200px,1.35fr) repeat(5,minmax(0,1fr));gap:36px 28px;align-items:start}.footer-grid>.footer-brand,.footer-grid>div:first-child:not(.footer-col){grid-column:auto}@media (max-width: 1199px){.footer-grid{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(0,1fr));gap:32px 24px}}@media (max-width: 991px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.footer-grid>.footer-brand,.footer-grid>div:first-child:not(.footer-col){grid-column:1 / -1;max-width:420px}}@media (max-width: 700px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}@media (max-width: 420px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;align-items:flex-start}}.stats-band{background:radial-gradient(ellipse 60% 80% at 10% 50%,rgba(59,130,246,.06),transparent 55%),radial-gradient(ellipse 50% 70% at 90% 40%,rgba(6,182,212,.05),transparent 50%),var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0}.stats-band-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item{padding:36px 20px;text-align:center;position:relative;border-radius:18px;transition:transform .3s ease,background .3s ease}.stat-item:hover{transform:translateY(-4px);background:#3b82f60a}.stat-item:not(:last-child):after{content:"";position:absolute;top:22%;right:0;width:1px;height:56%;background:var(--border)}.stat-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:var(--g-brand);box-shadow:0 8px 20px #3b82f647;transition:transform .3s cubic-bezier(.22,1,.36,1)}.stat-item:hover .stat-icon{transform:scale(1.08) rotate(-4deg)}.stat-item:nth-child(2) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 8px 20px #8b5cf647}.stat-item:nth-child(3) .stat-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 8px 20px #06b6d447}.stat-item:nth-child(4) .stat-icon{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 20px #10b98147}.stats-band .stat-num{font-size:clamp(1.85rem,3.4vw,2.6rem);font-weight:900;line-height:1.05;margin:0 0 10px;background:var(--g-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats-band .stat-label{font-size:.9rem;color:var(--text-2);margin:0;line-height:1.4;font-weight:500}@media (max-width: 991px){.stats-band-inner{grid-template-columns:repeat(2,1fr);gap:8px}.stat-item:nth-child(2):after{display:none}.stat-item:nth-child(1):after,.stat-item:nth-child(3):after{display:none}}@media (max-width: 575px){.stats-band-inner{grid-template-columns:1fr 1fr}.stat-item{padding:28px 14px}.stat-icon{width:42px;height:42px;font-size:1.1rem;margin-bottom:10px}}@media (prefers-reduced-motion: reduce){.stat-item,.stat-icon{transition:none}.stat-item:hover,.stat-item:hover .stat-icon{transform:none}}.icon-glow-blue{box-shadow:var(--glow-blue)}.icon-glow-cyan{box-shadow:var(--glow-cyan)}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.filter-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;overflow:visible;margin-bottom:36px;padding-bottom:4px}.filter-pills .filter-pill{flex:0 0 auto}@media (max-width: 767px){.back-top{bottom:16px;right:16px}}.ms-studio{display:flex;flex-direction:column;gap:18px}.ms-drop{position:relative;overflow:hidden;border:2px dashed rgba(59,130,246,.35);border-radius:var(--r-xl);background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg-1));padding:44px 28px 26px;text-align:center;cursor:pointer;transition:border-color var(--t-base),background var(--t-base),transform var(--t-base),box-shadow var(--t-base);outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px}.ms-drop:hover,.ms-drop:focus-visible{border-color:var(--blue);box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.ms-drop.is-dragover{border-color:var(--cyan);border-style:solid;background:radial-gradient(ellipse 80% 90% at 50% 40%,rgba(6,182,212,.18),transparent 60%),var(--bg-2);box-shadow:var(--shadow-glow-cyan)}.ms-drop.is-success{border-color:var(--green);box-shadow:0 0 0 3px #10b98133}.ms-drop.is-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--rx, 50%) var(--ry, 50%),rgba(59,130,246,.25),transparent 55%);animation:ms-ripple .5s ease-out forwards;pointer-events:none}@keyframes ms-ripple{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes ms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ms-drop-inner{pointer-events:none;display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto}.ms-drop-icon{position:relative;width:84px;height:84px;margin:0 auto 20px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--g-brand);color:#fff;font-size:2rem;line-height:1;box-shadow:0 12px 28px #3b82f659;animation:ms-float 3.2s ease-in-out infinite;flex-shrink:0}.ms-drop-icon i{position:relative;z-index:1;display:block;line-height:1;font-size:inherit}.ms-drop-icon-ring{position:absolute;inset:-8px;border-radius:30px;border:2px solid rgba(59,130,246,.22);pointer-events:none}.ms-drop-title,.ms-drop h3{margin:0 0 8px;font-size:1.28rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em;line-height:1.25}.ms-drop-sub,.ms-drop p{margin:0 0 18px;color:var(--text-2);font-size:.95rem;line-height:1.5;max-width:36ch}.ms-drop p strong,.ms-drop-sub strong{color:var(--blue-light);font-weight:600}[data-theme=light] .ms-drop p strong,[data-theme=light] .ms-drop-sub strong{color:var(--blue-dark)}.ms-drop-meta{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}.ms-drop-meta span{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);padding:6px 12px;border-radius:var(--r-full)}.ms-drop-meta i{font-size:.85rem;color:var(--blue)}.ms-drop-extra{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px;pointer-events:auto}@media (prefers-reduced-motion: reduce){.ms-drop-icon{animation:none}}.ms-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-full);border:1px solid var(--border-md);background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--text-2);font-size:.82rem;font-weight:600;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.ms-chip:hover{color:var(--text-1);border-color:var(--border-hi);background:var(--bg-3);transform:translateY(-1px)}.ms-chip-sm{padding:5px 10px;font-size:.75rem}.ms-workspace{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:16px;align-items:start}.ms-workspace:has(.ms-queue-col[hidden]){grid-template-columns:1fr}.ms-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}.ms-section-title #msCount{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:6px;border-radius:var(--r-full);background:var(--blue);color:#fff;font-size:.7rem;vertical-align:middle}.ms-queue-col,.ms-preview-card,.ms-options-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a0a}[data-theme=dark] .ms-queue-col,[data-theme=dark] .ms-preview-card,[data-theme=dark] .ms-options-card{background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:blur(var(--glass-blur));box-shadow:0 1px 2px #0003,0 6px 16px #00000024}.ms-queue{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;padding-right:2px}.ms-queue-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:8px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.ms-queue-item:hover{border-color:var(--border-md);background:var(--bg-3)}.ms-queue-item.active{border-color:#3b82f673;background:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f626}.ms-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;color:var(--text-3);flex-shrink:0}.ms-thumb img{width:100%;height:100%;object-fit:cover}.ms-qi-body{min-width:0;display:flex;flex-direction:column;gap:2px}.ms-qi-body strong{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-qi-body em{font-style:normal;font-size:.72rem;color:var(--text-3)}.ms-qi-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ms-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--r-full);background:var(--bg-4);color:var(--text-3)}.ms-badge.ready{background:#3b82f626;color:var(--blue-light)}.ms-badge.processing{background:#f59e0b26;color:var(--amber)}.ms-badge.done{background:#10b98126;color:var(--green)}.ms-badge.error,.ms-badge.loading{background:#ef44441f;color:var(--red)}.ms-badge.loading{background:#94a3b826;color:var(--text-2)}.ms-qi-remove{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:var(--text-3);transition:color var(--t-fast),background var(--t-fast)}.ms-qi-remove:hover{color:var(--red);background:#ef44441f}.ms-main-col{display:flex;flex-direction:column;gap:14px;min-width:0}.ms-preview-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ms-icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.ms-icon-btn:hover{color:var(--text-1);border-color:var(--border-hi);background:var(--bg-3)}.ms-icon-btn.active{color:#fff;background:var(--g-brand);border-color:transparent}.ms-preview-stage{position:relative;min-height:260px;max-height:420px;border-radius:var(--r-md);background:linear-gradient(45deg,var(--bg-3) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-3) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-3) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:var(--bg-2);border:1px solid var(--border);overflow:hidden;display:grid;place-items:center}.ms-preview-stage.is-empty{background:var(--bg-2);background-image:none}.ms-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;text-align:center;color:var(--text-2);max-width:280px}.ms-preview-placeholder[hidden],.ms-preview-wrap[hidden],.ms-upload-progress[hidden],.ms-preview-toolbar[hidden],.ms-info[hidden],.ms-result[hidden],.ms-error[hidden],.ms-studio img[hidden]{display:none!important}.ms-ph-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:#3b82f61a;color:var(--blue);font-size:1.4rem;line-height:1;border:1px solid rgba(59,130,246,.18)}.ms-ph-icon i{display:block;line-height:1}.ms-preview-placeholder strong{font-size:.95rem;font-weight:700;color:var(--text-1)}.ms-preview-placeholder p{margin:0;font-size:.82rem;color:var(--text-3);line-height:1.45}.ms-upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--text-2);font-size:.85rem}.ms-progress-bar{width:160px;height:4px;border-radius:99px;background:var(--bg-3);overflow:hidden}.ms-progress-bar span{display:block;height:100%;width:40%;border-radius:inherit;background:var(--g-brand);animation:ms-progress 1s ease-in-out infinite}@keyframes ms-progress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.ms-preview-wrap{position:relative;max-width:100%;max-height:400px;display:flex;align-items:center;justify-content:center;transition:transform var(--t-base)}.ms-preview-wrap img{max-width:min(100%,560px);max-height:380px;object-fit:contain;transition:transform .2s ease;user-select:none}.ms-preview-stage.is-compare .ms-preview-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:12px}.ms-preview-stage.is-compare #msPreviewAfter{display:block!important}.ms-preview-stage.is-compare img{max-width:100%;width:100%;background:var(--bg-1);border-radius:8px}.ms-info{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px;font-size:.78rem;color:var(--text-2)}.ms-info span{display:inline-flex;align-items:center;gap:6px}.ms-info i{color:var(--blue-light)}.ms-opt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.ms-opt-full{grid-template-columns:1fr}.ms-opt{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--text-2);font-weight:500}.ms-opt span{display:flex;justify-content:space-between;align-items:center}.ms-opt em{font-style:normal;font-weight:700;color:var(--blue-light);font-variant-numeric:tabular-nums}.ms-opt input[type=number],.ms-opt input[type=text],.ms-opt select,.ms-opt textarea{width:100%;box-sizing:border-box;background:var(--bg-0);border:1px solid var(--border-md);color:var(--text-1);border-radius:var(--r-md);padding:10px 14px;font-size:.9rem;font-weight:500;line-height:1.35;outline:none;margin:0}.ms-opt input[type=number],.ms-opt input[type=text],.ms-opt select{height:42px;min-height:42px}.ms-opt .nice-select,.ms-opt select+.nice-select{width:100%!important;max-width:100%;margin:0!important;background:var(--bg-0)!important}.ms-opt input:focus,.ms-opt select:focus,.ms-opt textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}.ms-opt input[type=range]{width:100%;accent-color:var(--blue)}.ms-opt input[type=color]{width:100%;height:40px;padding:4px;border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-2)}.ms-check{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-2);padding-top:22px;cursor:pointer;user-select:none;margin:0}.ms-check:hover{color:var(--text-1)}.ms-hint{margin:0;font-size:.88rem;color:var(--text-2);line-height:1.5}.ms-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r-md);border:1px solid rgba(16,185,129,.28);background:#10b9811a;color:var(--text-1);font-size:.92rem;line-height:1.45;width:100%;box-sizing:border-box}.ms-result.is-error{border-color:#ef444440;background:#ef444414}.ms-result.is-error i{color:var(--red)}.ms-result i{color:var(--green);flex-shrink:0}.ms-result .code-area{width:100%;margin-top:8px}.ms-error{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--r-md);border:1px solid rgba(239,68,68,.28);background:#ef444414;color:var(--text-1);font-size:.92rem;width:100%;box-sizing:border-box}.ms-error i{color:var(--red);flex-shrink:0;margin-top:1px}.tool-banner{width:100%;max-width:100%;grid-column:1 / -1}.ms-workspace>.ms-result,.ms-workspace>.ms-error,.pdf-workspace>.ms-result,.pdf-workspace>.ms-error,.ms-workspace>.tool-banner,.pdf-workspace>.tool-banner{grid-column:1 / -1;width:100%}.tool-interface .tool-status{width:100%;margin-top:12px;padding:10px 14px;border-radius:var(--r-md);box-sizing:border-box}.tool-interface .tool-status:not(:empty){border:1px solid var(--border);background:var(--bg-2)}.tool-interface .tool-status .ok{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:4px 2px;color:var(--green);font-weight:600}.tool-interface .tool-status .err{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;color:var(--red);font-weight:600}@media (max-width: 900px){.ms-workspace{grid-template-columns:1fr}.ms-queue{max-height:220px;flex-direction:row;overflow-x:auto}.ms-queue-item{min-width:240px}.ms-opt-grid{grid-template-columns:1fr}.ms-check{padding-top:0}.ms-drop{padding:32px 16px 20px;min-height:220px}.ms-drop-icon{width:72px;height:72px;border-radius:20px;font-size:1.7rem;margin-bottom:16px}.ms-drop-icon-ring{inset:-6px;border-radius:26px}.ms-drop-title,.ms-drop h3{font-size:1.08rem}}.tool-body,.ms-studio,.ms-workspace,.ms-main-col,.ms-options-card,.ms-opt-grid,.ms-opt,.ms-opt-block,.ms-adv,.vid-studio,.vid-workspace,.vid-options-card,.pdf-studio,.pdf-options-card{overflow:visible!important}.nice-select{float:none!important;display:flex;align-items:center;width:100%;box-sizing:border-box;height:42px;min-height:42px;line-height:1.35;padding:0 36px 0 14px;border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-0)!important;color:var(--text-1);font-size:.9rem;font-weight:500;box-shadow:none!important;position:relative;z-index:1;margin:0;cursor:pointer;outline:none;user-select:none;transition:border-color .15s ease,background .15s ease}.nice-select:hover{border-color:var(--blue);box-shadow:none!important}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:var(--blue);box-shadow:none!important}.nice-select.open{z-index:10050!important}.ms-opt:has(.nice-select.open),.ms-opt-block:has(.nice-select.open),.tool-opt:has(.nice-select.open),.tool-opts:has(.nice-select.open),.vid-options-card .ms-opt:has(.nice-select.open),.pdf-options-card .ms-opt:has(.nice-select.open){position:relative;z-index:10050}.nice-select:after{content:"";display:block;pointer-events:none;position:absolute;top:50%;border-bottom:2px solid var(--text-3);border-right:2px solid var(--text-3);border-color:var(--text-3);height:7px;width:7px;right:16px;margin-top:-5px;transform:rotate(45deg)}.nice-select .list{background:var(--bg-1)!important;border:1px solid var(--border-md);border-radius:var(--r-md);box-shadow:none!important;margin-top:6px;max-height:240px;overflow-x:hidden;overflow-y:auto;padding:6px;width:100%;left:0;right:0;top:100%;position:absolute!important;z-index:10060!important;opacity:0;pointer-events:none;visibility:hidden;transform:scale(.95) translateY(-8px);transform-origin:50% 0;transition:opacity .15s ease,transform .18s ease,visibility .15s ease}.nice-select.open .list{opacity:1!important;pointer-events:auto!important;visibility:visible!important;transform:scale(1) translateY(0)!important;display:block!important}.nice-select .option{border-radius:8px;min-height:36px;line-height:36px;padding-left:12px;padding-right:12px;color:var(--text-2);font-weight:500;list-style:none}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background:#3b82f61a!important;color:var(--text-1)}.nice-select .option.selected{font-weight:700;color:var(--blue);background:#3b82f614}.nice-select.nice-select-searchable,.contact-form-field .nice-select{width:100%!important;max-width:100%;min-width:0!important}.contact-form-field .nice-select .list{max-height:min(320px,50vh)}.nice-select-search{position:sticky;top:0;z-index:2;list-style:none!important;padding:4px 4px 8px!important;margin:0!important;background:var(--bg-1);cursor:default!important;pointer-events:auto!important}.nice-select-search:hover,.nice-select-search.focus,.nice-select-search.selected{background:var(--bg-1)!important;color:inherit!important}.nice-select-search-input{width:100%;box-sizing:border-box;border:1px solid var(--border-md);border-radius:var(--r-md);background:var(--bg-2);color:var(--text-1);font-size:.88rem;padding:10px 12px;outline:none}.nice-select-search-input:focus{border-color:var(--blue)}.nice-select-search-input::placeholder{color:var(--text-3)}.contact-form-field{margin-bottom:16px;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.contact-form-field>label{display:block;font-size:.85rem;font-weight:600;margin:0;color:var(--text-1);line-height:1.25}.contact-form-field>input,.contact-form-field>textarea,.contact-form-field>select,.contact-form-field>.nice-select,.contact-form-field>select+.nice-select{margin:0!important;width:100%!important;max-width:100%}#contactForm .field-error{display:block;margin-top:6px;font-size:.8rem;font-weight:600;color:#ef4444;line-height:1.35}#contactForm input.error,#contactForm textarea.error,#contactForm select.error,#contactForm .nice-select.error{border-color:#ef4444!important}#contactForm input.valid,#contactForm textarea.valid,#contactForm .nice-select.valid{border-color:#10b9818c}@media (max-width: 700px){.contact-form-field .nice-select .list{max-height:min(280px,45vh)}.contact-form-row{grid-template-columns:1fr!important}}.ms-opt .nice-select,.tool-body .nice-select,select+.nice-select{margin-top:0!important;margin-bottom:0;width:100%}.tool-body .tool-label+select.tool-input,.tool-body .tool-label+.nice-select,.tool-body label.tool-label+select+.nice-select{width:100%!important;max-width:100%;margin-top:0!important}.tool-opts,.tool-opt,.tool-body .tool-opts,.tool-body .tool-opt{overflow:visible!important}.tool-interface,.tool-body{overflow:visible}.tool-opts .nice-select,.tool-opt .nice-select,.tool-body .tool-opts .nice-select,.tool-body .tool-opt .nice-select,.tool-body .tool-opts select+.nice-select{width:max-content!important;min-width:12.5rem!important;max-width:min(100%,28rem);flex:0 0 auto}.tool-opts .nice-select .current,.tool-opt .nice-select .current{display:block;white-space:nowrap;overflow:visible;text-overflow:clip}.tool-opts .nice-select .list,.tool-opt .nice-select .list,.tool-body .tool-opts .nice-select .list{width:max-content!important;min-width:100%!important;max-width:min(92vw,32rem);max-height:none;overflow-x:visible;overflow-y:visible;white-space:nowrap;padding-bottom:8px}.tool-opts .nice-select .option,.tool-opt .nice-select .option{white-space:nowrap;padding-right:28px}.tool-opts select.tool-input,.tool-opt select.tool-input,.tool-opts select,.tool-opt select{width:auto!important;min-width:12.5rem!important;max-width:min(100%,28rem);flex:0 0 auto;margin:0;padding:8px 32px 8px 12px}.pdf-studio{display:flex;flex-direction:column;gap:18px}.pdf-drop .ms-drop-icon{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 8px 20px #ef444447}.pdf-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.9fr);gap:16px;align-items:start}.pdf-queue-card,.pdf-options-card,.pdf-stats{background:var(--bg-1);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:16px;box-shadow:0 1px 2px #0f172a0a}[data-theme=dark] .pdf-queue-card,[data-theme=dark] .pdf-options-card,[data-theme=dark] .pdf-stats{background:var(--glass-bg);border-color:var(--glass-border)}.pdf-options-card .ms-opt-grid{grid-template-columns:1fr;gap:14px}.pdf-options-card .ms-check{grid-column:1 / -1;width:100%;padding-top:0;align-items:flex-start;gap:12px;line-height:1.4}.pdf-options-card .ms-check input{margin-top:2px}.pdf-options-card .pdf-note,.pdf-options-card .ms-opt-block{grid-column:1 / -1}.pdf-stats[hidden],.pdf-parts[hidden],.pdf-page-board[hidden],.pdf-studio .ms-result[hidden],.pdf-studio .ms-error[hidden]{display:none!important}.pdf-hint{margin:0 0 12px;font-size:.82rem;color:var(--text-3);line-height:1.45}.pdf-queue{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow:auto}.pdf-queue-item{display:grid;grid-template-columns:20px 28px 40px 1fr auto auto;gap:8px;align-items:center;padding:10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);transition:border-color .15s ease,background .15s ease,transform .15s ease}.pdf-queue-item.is-dragging{opacity:.55}.pdf-queue-item.is-dragover{border-color:var(--blue);background:#3b82f614}.pdf-queue-item.is-error{border-color:#ef444459}.pdf-drag{color:var(--text-3);cursor:grab;display:grid;place-items:center}.pdf-qi-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:.75rem;font-weight:700;background:#ef44441f;color:#ef4444}.pdf-qi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#ef44441a;color:#ef4444;font-size:1.2rem}.pdf-qi-body{min-width:0;display:flex;flex-direction:column;gap:2px}.pdf-qi-body strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-qi-body em{font-style:normal;font-size:.72rem;color:var(--text-3)}.pdf-qi-actions{display:flex;gap:4px}.pdf-side{display:flex;flex-direction:column;gap:12px}.pdf-stats{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.8rem;color:var(--text-2)}.pdf-stats:empty,.pdf-stats:not(:has(*)){display:none!important;padding:0;border:0;box-shadow:none}.pdf-stats span{display:inline-flex;align-items:center;gap:6px}.pdf-stats i{color:#ef4444}@media (max-width: 900px){.pdf-workspace{grid-template-columns:1fr}.pdf-queue-item{grid-template-columns:20px 28px 1fr auto;grid-template-rows:auto auto}.pdf-qi-icon{display:none}.pdf-qi-actions{grid-column:1 / -1;justify-content:flex-end}}.pdf-parts{margin-top:4px;display:flex;flex-direction:column;gap:8px}.pdf-part-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2)}.pdf-studio[data-mode=split] .pdf-queue-item{grid-template-columns:28px 40px 1fr auto auto}.pdf-studio[data-mode=split] .pdf-queue-item .pdf-drag{display:none}.pdf-studio[data-mode=compress] .pdf-queue-item{grid-template-columns:28px 40px 1fr auto auto}.pdf-studio[data-mode=compress] .pdf-queue-item .pdf-drag{display:none}.pdf-studio[data-mode=protect] .pdf-queue-item{grid-template-columns:28px 40px 1fr auto auto}.pdf-studio[data-mode=protect] .pdf-queue-item .pdf-drag{display:none}.pdf-studio[data-mode=unlock] .pdf-queue-item{grid-template-columns:28px 40px 1fr auto auto}.pdf-studio[data-mode=unlock] .pdf-queue-item .pdf-drag{display:none}.pdf-studio[data-mode=rotate] .pdf-queue-item,.pdf-studio[data-mode=organize] .pdf-queue-item,.pdf-studio[data-mode=to-images] .pdf-queue-item{grid-template-columns:28px 40px 1fr auto auto}.pdf-studio[data-mode=rotate] .pdf-queue-item .pdf-drag,.pdf-studio[data-mode=organize] .pdf-queue-item .pdf-drag,.pdf-studio[data-mode=to-images] .pdf-queue-item .pdf-drag{display:none}.pdf-page-board{margin-top:4px}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.pdf-page-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);cursor:grab}.pdf-page-card.is-dragging{opacity:.55}.pdf-page-card.is-dragover{border-color:#ef444473}.pdf-page-num{font-weight:700;font-size:1.05rem}.pdf-page-meta{font-size:.78rem;color:var(--text-3)}.pdf-page-actions{display:flex;gap:4px;justify-content:flex-end}.pdf-note{grid-column:1 / -1;margin:0;font-size:.85rem;line-height:1.45;color:var(--text-3)}.pdf-opt-hint{font-style:normal;font-weight:400;color:var(--text-3);font-size:.85em}.privacy-badge-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.privacy-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:.8rem;font-weight:600;cursor:pointer;line-height:1.2;width:auto;max-width:min(100%,420px)}.privacy-badge span{white-space:nowrap}@media (max-width: 575px){.privacy-badge span{white-space:normal}}.privacy-badge i{color:#10b981;flex-shrink:0}.privacy-badge-info{color:var(--text-3)!important}.processing-mode-badge{display:inline-flex;align-items:center;margin-left:0;padding:6px 12px;border-radius:var(--r-full);font-size:.72rem;font-weight:700;letter-spacing:.02em;vertical-align:middle;line-height:1.2}.privacy-badge-panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(360px,86vw);padding:14px 16px;background:var(--bg-0);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000059;font-size:.88rem;color:var(--text-2)}.privacy-badge-panel strong{color:var(--text-1);display:block;margin-bottom:6px}.privacy-badge-panel ul{margin:8px 0 10px;padding-left:18px}.recipe-guide-bar{margin-top:18px;padding:12px 14px;border-radius:12px;border:1px solid rgba(59,130,246,.35);background:#3b82f614}.recipe-guide-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.recipe-guide-actions{display:flex;gap:8px;flex-wrap:wrap}.wf-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}@media (max-width: 900px){.wf-grid{grid-template-columns:1fr}}.wf-panel{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--bg-1)}.wf-input{width:100%;margin:6px 0 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-0);color:var(--text-1)}.wf-card-list{display:flex;flex-direction:column;gap:10px}.wf-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-1);text-decoration:none;color:inherit}.wf-card-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.wf-quick{display:flex;flex-wrap:wrap;gap:8px}.th-upsell{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(245,158,11,.5);background:#f59e0b14;font-size:.88rem;color:var(--text-2)}.th-upsell a{color:var(--blue);font-weight:600}.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:var(--blue);color:#fff!important;padding:10px 16px;border-radius:0 0 8px;font-weight:600;text-decoration:none}.skip-link:focus{left:0}.continue-with{padding:40px 0;border-top:1px solid var(--border);background:var(--bg-0)}.continue-with-grid{display:flex;flex-wrap:wrap;gap:10px}.continue-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-1);color:var(--text-1)!important;text-decoration:none;font-size:.88rem;transition:border-color var(--t-fast),color var(--t-fast),transform var(--t-fast),background var(--t-fast)}.continue-chip:hover{border-color:var(--blue);color:var(--blue)!important;transform:translateY(-1px)}.continue-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.continue-chip-accent{border-color:#3b82f666;background:#3b82f614}button.continue-chip{cursor:pointer;font:inherit}.receipt-hint{vertical-align:middle}.proc-local{background:#22c55e26;color:#16a34a}.proc-hybrid{background:#f59e0b26;color:#d97706}.proc-cloud{background:#ef44441f;color:#dc2626}.recipe-handoff-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);font-size:.88rem;color:var(--text-2)}.recipe-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}.recipe-gallery-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-1)}.recipe-gallery-steps{font-size:.78rem;color:var(--text-3);margin:8px 0 0;font-family:var(--font-mono, monospace);line-height:1.4}.recipe-gallery-actions{display:flex;gap:8px}.recipe-step-list{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;min-height:40px}.recipe-step-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-0);font-size:.88rem}.recipe-step-num{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#3b82f626;color:var(--blue);font-size:.75rem;font-weight:700}.recipe-add-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.recipe-add-row .wf-input{flex:1;min-width:160px;margin:0}.recipe-add-row>select,.recipe-add-row>.nice-select{flex:1;min-width:200px;width:auto!important;float:none;margin:0}.recipe-add-row>.nice-select{line-height:42px;height:44px;padding-left:14px;padding-right:36px;border-radius:10px}.recipe-add-row>.nice-select .list{width:100%;max-height:280px;overflow-y:auto}.recipe-add-row #rAddStep{flex-shrink:0;height:44px;align-self:stretch}.recipe-studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recipe-plan-out{margin-top:12px;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-0);font-size:.75rem;overflow:auto;max-height:220px}.th-history-drawer{position:fixed;top:0;right:0;width:min(360px,100%);height:100%;z-index:2200;background:var(--bg-1);border-left:1px solid var(--border);box-shadow:-12px 0 40px #0003;display:flex;flex-direction:column}.th-history-drawer[hidden]{display:none!important}.th-history-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.th-history-list{overflow:auto;flex:1;padding:8px}.th-history-item{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;text-decoration:none;color:inherit}.th-history-item:hover{background:var(--bg-2)}.th-history-item .text-muted{font-size:.8rem}.back-top{cursor:pointer}.tool-input{box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0 0 12px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-0);color:var(--text-1);font-size:.9rem;font-weight:500;line-height:1.35;outline:none;vertical-align:top}.tool-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.tool-opts .tool-input,.tool-opt .tool-input{width:auto;margin:0;flex:0 1 auto}.tool-field{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:8px}.tool-field>.tool-label{margin:0}.tool-field>.tool-input,.tool-field>select.tool-input,.tool-field>input.tool-input,.tool-field>.nice-select,.tool-field>select+.nice-select{margin:0!important;width:100%!important;max-width:100%}.tool-body .grid-2,.tool-body .grid-3{align-items:start}.tool-body .grid-2>div:has(>.tool-label),.tool-body .grid-3>div:has(>.tool-label),.tool-body .grid-2>.tool-field,.tool-body .grid-3>.tool-field{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:8px}.tool-body .grid-2>div:has(>.tool-label)>.tool-label,.tool-body .grid-3>div:has(>.tool-label)>.tool-label{margin:0}.tool-body .grid-2>div:has(>.tool-label)>.tool-input,.tool-body .grid-2>div:has(>.tool-label)>.nice-select,.tool-body .grid-2>div:has(>.tool-label)>select+.nice-select,.tool-body .grid-2>div:has(>.tool-label)>input.code-area,.tool-body .grid-2>div:has(>.tool-label)>select.code-area,.tool-body .grid-3>div:has(>.tool-label)>.tool-input,.tool-body .grid-3>div:has(>.tool-label)>.nice-select,.tool-body .grid-3>div:has(>.tool-label)>select+.nice-select,.tool-body .grid-3>div:has(>.tool-label)>input.code-area,.tool-body .grid-3>div:has(>.tool-label)>select.code-area{margin:0!important;width:100%!important;max-width:100%;flex:0 0 auto;box-sizing:border-box}.tool-body .grid-2>div:has(>.tool-label)>input.code-area,.tool-body .grid-2>div:has(>.tool-label)>select.code-area,.tool-body .grid-3>div:has(>.tool-label)>input.code-area,.tool-body .grid-3>div:has(>.tool-label)>select.code-area{height:42px;min-height:42px;padding:10px 14px!important;border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-0);color:var(--text-1);font-size:.9rem;font-weight:500;line-height:1.35}.tool-body .tool-opts input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.tool-body .tool-opt input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.tool-body input.cm-name,.tool-body input.cm-model,.tool-body .tool-opts input[type=text],.tool-body .tool-opts input[type=number],.tool-body .tool-opts input[type=password],.tool-body .tool-opts input[type=search],.tool-body .tool-opts input[type=url],.tool-body .tool-opts input[type=email],.tool-body input.tool-input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.tool-body select.tool-input{box-sizing:border-box;height:42px!important;min-height:42px!important;padding:10px 14px!important;border-radius:var(--r-md)!important;border:1px solid var(--border-md);background:var(--bg-0);color:var(--text-1);font-size:.9rem;font-weight:500;line-height:1.35}.tool-body select.tool-input{padding-right:36px!important}.tool-body .nice-select{box-sizing:border-box;height:42px!important;min-height:42px!important;padding:0 36px 0 14px!important;display:flex!important;align-items:center;line-height:1.35;background:var(--bg-0)!important;margin-top:0!important}.tool-body .nice-select .current{line-height:1.35;display:block;white-space:nowrap}.cm-turn{border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:10px}.cm-turn-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.cm-turn-actions{display:flex;gap:6px;margin-left:auto;align-items:center}.cm-turn-bar .tool-input,.cm-turn-bar .nice-select,.tool-opts .tool-input,.tool-opts .nice-select{box-sizing:border-box;height:42px!important;min-height:42px!important;margin:0!important}.cm-turn-bar .nice-select,.cm-turn-bar select.tool-input{width:max-content!important;min-width:8.5rem!important;flex:0 0 auto}.cm-turn-bar .cm-name,.cm-turn-bar input.tool-input.cm-name{flex:1 1 160px;min-width:150px;width:auto!important}.tool-opts .nice-select{display:inline-flex!important;align-items:center;width:max-content!important}.tool-pre{background:var(--bg-0);border:1px solid var(--border);border-radius:12px;padding:14px;overflow:auto;color:var(--text-1);white-space:pre-wrap}.tool-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 800px){.tool-split{grid-template-columns:1fr}}.tool-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-3);margin:0 0 8px;line-height:1.25}.tool-textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-0);color:var(--text-1);font-family:var(--mono, ui-monospace, monospace);font-size:.88rem}.tool-status{margin-top:10px;font-size:.85rem}.tool-status .ok{color:#16a34a}.tool-status .err{color:#dc2626}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scroll-progress{display:none!important}}.json-tree{min-height:200px;max-height:420px;overflow:auto;padding:12px 14px;font-family:var(--mono, ui-monospace, monospace);font-size:.85rem;line-height:1.55;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--r-md)}.jt-node{margin-left:0}.jt-children{margin-left:1.1em;border-left:1px solid var(--border);padding-left:.65em}.jt-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;padding:1px 0}.jt-key{color:var(--blue);cursor:pointer;font-weight:600}.jt-key:hover{text-decoration:underline}.jt-str{color:#16a34a}.jt-num{color:#d97706}.jt-bool{color:#9333ea}.jt-null{color:var(--text-3);font-style:italic}.jt-meta{color:var(--text-3);font-size:.82em}.css-gen-panel{display:flex;flex-direction:column;gap:16px}.css-gen-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-1)}.css-gen-ctrl{min-width:0}.css-gen-range{display:flex;align-items:center;gap:10px}.css-gen-range input[type=range]{flex:1;min-width:0;accent-color:var(--blue)}.css-gen-range output{font-size:.82rem;font-family:var(--mono, ui-monospace, monospace);color:var(--text-2);min-width:3.5em;text-align:right}.css-gen-preview{display:flex;align-items:center;justify-content:center;min-height:180px;padding:20px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-1)}.fx-preview{box-sizing:border-box}.fx-item{min-width:56px;min-height:48px;padding:12px 16px;border-radius:10px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:var(--text-1);font-weight:600;display:flex;align-items:center;justify-content:center}.og-preview{margin-bottom:16px}.og-card{max-width:480px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--bg-1)}.og-card-img{height:180px;background-size:cover;background-position:center;background-color:var(--bg-2)}.og-card-body{padding:12px 14px}.og-card-domain{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.og-card-title{font-weight:600;color:var(--text-1);font-size:.95rem;line-height:1.35;margin-bottom:4px}.og-card-desc{font-size:.85rem;color:var(--text-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tw-preview{margin-bottom:16px}.tw-card{max-width:480px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--bg-1)}.tw-card-large .tw-card-img{height:200px;background-size:cover;background-position:center;background-color:var(--bg-2)}.tw-card-body{padding:12px 14px}.tw-card-title{font-weight:600;color:var(--text-1);font-size:.92rem;margin-bottom:4px}.tw-card-desc{font-size:.85rem;color:var(--text-2);line-height:1.4;margin-bottom:6px}.tw-card-site{font-size:.78rem;color:var(--text-3)}.bcrypt-panel{display:flex;flex-direction:column;gap:4px}.bcrypt-panel hr{margin:16px 0}.bcrypt-panel .btn-brand{align-self:flex-start}.wc-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:20px}.wc-stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 12px;text-align:center}.wc-stat-card .stat-num{font-size:1.6rem;font-weight:800;line-height:1.1;background:none;-webkit-text-fill-color:var(--text-1);color:var(--text-1)}.wc-stat-card .stat-label{font-size:.72rem;color:var(--text-3);margin-top:6px;line-height:1.3}.math-panel{display:flex;flex-direction:column;gap:8px}.math-result{padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);font-size:1.05rem;font-weight:600;line-height:1.6;color:var(--text-1)}.math-result.bmi-under{border-color:#3b82f6;background:#3b82f614}.math-result.bmi-normal{border-color:#16a34a;background:#16a34a14}.math-result.bmi-over{border-color:#d97706;background:#d9770614}.math-result.bmi-obese{border-color:#dc2626;background:#dc262614}.base-converter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.vid-studio{display:flex;flex-direction:column;gap:18px}.vid-drop .ms-drop-icon{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 8px 20px #a855f747}.vid-workspace{display:grid;gap:16px;align-items:start}.vid-preview-card,.vid-options-card{background:var(--bg-1);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:16px;box-shadow:0 1px 2px #0f172a0a}[data-theme=dark] .vid-preview-card,[data-theme=dark] .vid-options-card{background:var(--glass-bg);border-color:var(--glass-border)}.vid-options-card .ms-opt-grid{grid-template-columns:1fr;gap:14px}.vid-options-card .ms-check{grid-column:1 / -1;width:100%;padding-top:0;align-items:flex-start;gap:12px;line-height:1.4}.vid-options-card .ms-hint{margin:0}.vid-studio .ms-result[hidden],.vid-studio .ms-error[hidden],.vid-studio .vid-progress[hidden]{display:none!important}.vid-queue-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-2)}#vidPreview{width:100%;border-radius:var(--r-md);background:#000;max-height:360px;display:block}.vid-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media (max-width: 900px){.vid-workspace{grid-template-columns:1fr!important}}html[data-native-app="1"] #wbInstall,html[data-native-app="1"] [data-pwa-install]{display:none!important}@media (max-width: 767px){button,.btn,.btn-brand,.btn-ghost,.btn-outline,.ham-btn,#themeToggle,.hdr-btn,.tool-card,.wf-card,a.chip,.fav-btn{min-height:44px}.ham-btn,#themeToggle,.hdr-btn{min-width:44px;width:44px;height:44px;padding:0;aspect-ratio:1;border-radius:50%}.mob-close,.btn-icon{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;aspect-ratio:1;border-radius:50%}.cf-nav{min-height:36px;min-width:36px;width:36px;height:36px;padding:0;aspect-ratio:1;border-radius:50%}.hero-search-box button{min-height:40px;height:40px;padding:0 18px;border-radius:var(--r-full)}input[type=text],input[type=search],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{font-size:16px}.site-footer,.footer-bottom{padding-bottom:calc(16px + var(--sab))}.back-top{bottom:calc(20px + var(--sab));right:calc(16px + var(--sar))}}.tools-directory-page{--tools-sticky-nav-h: 52px;scroll-padding-top:calc(var(--header-h) + var(--header-top) + var(--tools-sticky-nav-h) + 20px)}.tools-dir-hero{position:relative;overflow:hidden}.tools-dir-hero #toolsTitle{font-size:clamp(1.85rem,3.6vw,2.85rem);margin-bottom:12px;letter-spacing:-.02em;max-width:18ch}.tools-dir-lead{margin-bottom:28px;font-size:1.05rem;max-width:54ch;line-height:1.65}.tools-dir-hero-glow{position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.tools-dir-search-wrap{max-width:640px}.tools-dir-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tools-dir-quick-filters .pill-count{margin-left:4px;opacity:.65;font-variant-numeric:tabular-nums}.tools-cat-sticky{position:sticky;top:calc(var(--header-h) + var(--header-top) + 4px);z-index:40;margin:0 0 8px;padding:4px 0 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-0) 94%,transparent) 0%,color-mix(in srgb,var(--bg-0) 78%,transparent) 78%,transparent 100%);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);transition:box-shadow .25s ease,background .25s ease}.tools-cat-sticky.is-stuck{box-shadow:0 10px 30px #0f172a0f}[data-theme=light] .tools-cat-sticky{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 78%,transparent 100%)}[data-theme=light] .tools-cat-sticky.is-stuck{box-shadow:0 8px 24px #0f172a0a}.tools-cat-sticky-track{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box;min-width:0}.tools-cat-sticky-scroller{position:relative;min-width:0;width:100%;max-width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.tools-cat-sticky-scroller.at-start{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}.tools-cat-sticky-scroller.at-end{mask-image:linear-gradient(90deg,transparent,#000 28px,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 100%)}.tools-cat-sticky-scroller.at-start.at-end{mask-image:none;-webkit-mask-image:none}.tools-cat-sticky-scroller:before,.tools-cat-sticky-scroller:after{content:"";position:absolute;top:0;bottom:0;width:36px;z-index:2;pointer-events:none;opacity:0;transition:opacity .25s ease}.tools-cat-sticky-scroller:before{left:0;background:linear-gradient(90deg,var(--bg-0),transparent)}.tools-cat-sticky-scroller:after{right:0;background:linear-gradient(270deg,var(--bg-0),transparent)}[data-theme=light] .tools-cat-sticky-scroller:before{background:linear-gradient(90deg,#fff,transparent)}[data-theme=light] .tools-cat-sticky-scroller:after{background:linear-gradient(270deg,#fff,transparent)}.tools-cat-sticky-scroller.has-left:before{opacity:1}.tools-cat-sticky-scroller.has-right:after{opacity:1}.tools-cat-sticky-inner{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:6px 4px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.tools-cat-sticky-inner::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}.tools-cat-sticky-inner.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}.tools-cat-sticky-inner.is-dragging .tools-cat-link{pointer-events:none}.tools-cat-link{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:var(--text-3);text-decoration:none;font-size:.9rem;font-weight:550;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;scroll-snap-align:center;transition:color .22s ease,background .22s ease,opacity .22s ease,transform .22s ease}.tools-cat-link i{font-size:.95rem;opacity:.72;flex:0 0 auto;transition:opacity .22s ease,color .22s ease}.tools-cat-link>span{display:inline-block}.tools-cat-link-count{display:inline-block;margin-left:2px;padding:0;border:0;border-radius:0;background:transparent;font-style:normal;font-weight:500;font-size:.74rem;line-height:1;color:var(--text-3);opacity:.72;font-variant-numeric:tabular-nums;transition:color .22s ease,opacity .22s ease}.tools-cat-link:hover,.tools-cat-link:focus-visible{color:var(--text-1);background:color-mix(in srgb,var(--bg-2) 55%,transparent);outline:none}.tools-cat-link:hover i,.tools-cat-link:focus-visible i{opacity:.95}.tools-cat-link:focus-visible{box-shadow:0 0 0 2px #3b82f647}.tools-cat-link.is-active{color:var(--text-1);background:transparent;font-weight:650}.tools-cat-link.is-active i{opacity:1;color:#3b82f6}.tools-cat-link.is-active .tools-cat-link-count{color:#3b82f6;opacity:.9}[data-theme=light] .tools-cat-link.is-active{color:#0f172a}[data-theme=light] .tools-cat-link.is-active i,[data-theme=light] .tools-cat-link.is-active .tools-cat-link-count{color:#2563eb}.tools-cat-indicator{position:absolute;left:0;bottom:2px;height:2px;width:32px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#06b6d4);opacity:0;transform:translateZ(0) scaleX(1);transform-origin:left center;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;pointer-events:none;z-index:0;box-shadow:0 0 12px #3b82f659;will-change:transform,width}.tools-cat-indicator.is-ready{opacity:1}.tools-dir-main{padding-top:12px}.tools-dir-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.tools-dir-results-heading{margin:0;font-size:1.15rem}.tools-directory{display:flex;flex-direction:column;gap:48px;padding-bottom:24px}.tools-cat-section{position:relative;scroll-margin-top:calc(var(--header-h) + var(--header-top) + var(--tools-sticky-nav-h) + 24px);padding:22px 20px 24px;border-radius:var(--r-xl, 18px);border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--cat-accent, #3b82f6) 7%,transparent),transparent 42%),var(--bg-1);opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1),border-color .2s ease}.tools-cat-section.is-inview{opacity:1;transform:none}.tools-cat-section:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--cat-accent, #3b82f6),transparent);opacity:.85}.tools-cat-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.tools-cat-icon{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;color:#fff;background:linear-gradient(145deg,var(--cat-accent, #3b82f6),color-mix(in srgb,var(--cat-accent, #3b82f6) 55%,#0f172a));box-shadow:0 10px 24px color-mix(in srgb,var(--cat-accent, #3b82f6) 28%,transparent)}.tools-cat-copy{min-width:0;flex:1}.tools-cat-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-bottom:8px}.tools-cat-title{margin:0;font-size:clamp(1.2rem,2vw,1.45rem);letter-spacing:-.015em}.tools-cat-count{font-size:.8rem;font-weight:600;color:var(--text-3);padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);font-variant-numeric:tabular-nums}.tools-cat-intro{margin:0 0 10px;color:var(--text-2);font-size:.95rem;line-height:1.6;max-width:72ch}.tools-cat-more{margin:0;font-size:.86rem}.tools-cat-more a{color:var(--blue-light, #93c5fd);text-decoration:none;font-weight:600}.tools-cat-more a:hover,.tools-cat-more a:focus-visible{text-decoration:underline}.tools-cat-grid{margin:0}.tools-dir-card{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease;transition-delay:var(--card-delay, 0ms)}.tools-dir-card.is-inview{opacity:1;transform:none}.tools-cat-grid .tools-dir-card:nth-child(1){--card-delay: 0ms}.tools-cat-grid .tools-dir-card:nth-child(2){--card-delay: 40ms}.tools-cat-grid .tools-dir-card:nth-child(3){--card-delay: 80ms}.tools-cat-grid .tools-dir-card:nth-child(4){--card-delay: .12s}.tools-cat-grid .tools-dir-card:nth-child(5){--card-delay: .16s}.tools-cat-grid .tools-dir-card:nth-child(6){--card-delay: .2s}.tools-cat-grid .tools-dir-card:nth-child(7){--card-delay: .24s}.tools-cat-grid .tools-dir-card:nth-child(8){--card-delay: .28s}.tools-dir-empty{text-align:center;padding:60px 0;color:var(--text-3)}.tools-dir-empty i{font-size:3rem;display:block;margin-bottom:16px;opacity:.4}.tools-dir-empty h2{margin:0 0 8px;color:var(--text-2);font-size:1.2rem}.tools-dir-empty p{margin:0 0 12px}@media (max-width: 767px){.tools-directory-page{--tools-sticky-nav-h: 52px}.tools-cat-sticky{top:calc(var(--header-h) + 10px);margin-top:0;padding-bottom:6px}.tools-cat-sticky-track{padding:0 16px}.tools-cat-sticky-inner{padding:4px 2px 8px;gap:2px}.tools-cat-link{padding:10px 12px;gap:7px;font-size:.86rem;min-height:40px}.tools-cat-head{gap:12px}.tools-cat-icon{width:42px;height:42px;border-radius:12px}.tools-cat-section{padding:18px 14px}.tools-directory{gap:28px}.tools-dir-hero #toolsTitle{max-width:none}}.tools-cat-sticky-sentinel{height:1px;width:100%;pointer-events:none;visibility:hidden}@media (prefers-reduced-motion: reduce){.tools-cat-section,.tools-dir-card,.tools-cat-indicator,.tools-cat-link,.tools-cat-sticky,.tools-cat-sticky-scroller:before,.tools-cat-sticky-scroller:after{transition:none!important;animation:none!important}.tools-cat-section,.tools-dir-card{opacity:1!important;transform:none!important}}