:root{--primary:#7c3aed;--primary-light:#9f5ef5;--primary-glow:rgba(124,58,237,.35);--accent:#f472b6;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--transition:.2s ease;--shadow-lg:0 25px 50px rgba(0,0,0,.25)}[data-theme=dark]{--bg:#05030e;--bg2:#0d0920;--surface:#110d1f;--surface2:#1a1430;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);--text:#f1f5f9;--text2:#cbd5e1;--muted:#64748b;--muted2:#94a3b8;--card-bg:#0f0b1c;--nav-bg:rgba(5,3,14,.85);--footer-bg:#05030e;--input-bg:#110d1f;--drop-bg:#0f0b1c;--drop-border:rgba(255,255,255,.14);--divider: rgba(255, 255, 255, .07)}[data-theme=light]{--bg:#f8f7ff;--bg2:#f0eeff;--surface:#ffffff;--surface2:#f4f2ff;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14);--text:#1a0a3c;--text2:#3d2a6e;--muted:#7c6fa0;--muted2:#5a4882;--card-bg:#ffffff;--nav-bg:rgba(248,247,255,.92);--footer-bg:#f0eeff;--input-bg:#ffffff;--drop-bg:#ffffff;--drop-border:rgba(0,0,0,.14);--divider: rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s}img{max-width:100%;display:block}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}.container-sm{width:100%;max-width:840px;margin:0 auto;padding:0 1.25rem}.nav{position:sticky;top:0;z-index:300;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.8rem 0}.nav-inner{display:flex;align-items:center;gap:1rem}.brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;text-decoration:none;display:flex;align-items:center;gap:.45rem;color:var(--text)}.brand svg{color:var(--primary)}.brand-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.crumb{font-size:.82rem;color:var(--muted);display:none;align-items:center;gap:.4rem}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--primary)}@media(min-width:640px){.crumb{display:flex}}.crumb .sep{opacity:.5}.nav-links{display:none;align-items:center;gap:1.6rem;margin-left:.5rem}.nav-links a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.84rem;transition:color var(--transition);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.nav-links a:hover{color:var(--text)}.nav-links a.mega-trigger{background:none;border:none;cursor:pointer;font-family:var(--font-body)}.nav-links a.mega-trigger .chev{transition:transform .2s ease}.nav-links a.mega-trigger.open .chev{transform:rotate(180deg)}.nav-links a.mega-trigger.active,.nav-link.active{color:var(--text);font-weight:600}.mega-link.active{color:var(--primary);font-weight:600}@media(min-width:1024px){.nav-links{display:flex}}.nav-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);color:var(--text2);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.theme-toggle:hover{background:var(--surface2);border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.48rem 1.1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.84rem;transition:all var(--transition);box-shadow:0 4px 16px var(--primary-glow);white-space:nowrap;text-decoration:none}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text2);padding:.6rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;text-decoration:none;transition:all var(--transition)}.btn-ghost:hover{border-color:var(--primary);color:var(--text)}.tools-hero{padding:3.5rem 1.25rem 2.5rem;text-align:center;background:radial-gradient(ellipse 55% 65% at 12% 100%,rgba(124,58,237,.28) 0%,transparent 60%),radial-gradient(ellipse 50% 55% at 88% 0%,rgba(244,114,182,.2) 0%,transparent 58%)}.tools-hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed1f;border:1px solid rgba(124,58,237,.3);border-radius:999px;padding:.4rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--primary);margin-bottom:1.4rem}.tools-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.tools-hero .accent{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tools-hero p{color:var(--muted2);max-width:34rem;margin:0 auto 1.75rem;font-size:1.02rem}.tools-search{max-width:520px;margin:0 auto;display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border2);border-radius:999px;padding:.35rem .35rem .35rem 1.1rem}.tools-search input{flex:1;border:none;background:transparent;outline:none;color:var(--text);font-size:.92rem;font-family:var(--font-body);padding:.65rem 0}.tools-search svg{color:var(--muted);flex-shrink:0}.tools-search button{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.65rem 1.3rem;font-weight:700;font-size:.85rem}.section{padding:3rem 0}.sec-head{margin-bottom:1.75rem}.sec-head h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;margin-bottom:.35rem}.sec-head p{color:var(--muted2);font-size:.92rem}.text-center{text-align:center}.tool-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(1,1fr)}@media(min-width:560px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1180px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{position:relative;display:flex;flex-direction:column;gap:.9rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;color:var(--text);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.tool-card:hover{transform:translateY(-4px);border-color:#7c3aed66;box-shadow:0 20px 40px #7c3aed26}.tool-ic{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#7c3aed1f;color:var(--primary)}.tool-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.tool-card p{font-size:.85rem;color:var(--muted2);flex:1}.tool-cta{font-size:.82rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:.3rem}.tool-badge{position:absolute;top:1.1rem;right:1.1rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:#34d3991f;color:#34d399}.trust-strip{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:2rem 0}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted2)}.trust-item svg{color:var(--primary)}.tool-hero{padding:2.5rem 1.25rem 1.5rem;text-align:center}.tool-hero .tool-ic-lg{width:64px;height:64px;margin:0 auto 1.1rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#7c3aed1f;color:var(--primary)}.tool-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:.6rem;letter-spacing:-.01em}.tool-hero p{color:var(--muted2);max-width:34rem;margin:0 auto;font-size:1rem}.workspace{max-width:760px;margin:0 auto;padding:0 1.25rem 3rem}.dropzone{position:relative;border:2px dashed var(--drop-border);border-radius:var(--radius-lg);background:var(--drop-bg);padding:2.75rem 1.5rem;text-align:center;transition:border-color var(--transition),background var(--transition);cursor:pointer}.dropzone.drag{border-color:var(--primary);background:#7c3aed0f}.dropzone svg{color:var(--primary);margin-bottom:.9rem}.dropzone h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:.35rem}.dropzone p{color:var(--muted2);font-size:.85rem}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.workarea{display:none}.workarea.show{display:block}.preview-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem}.preview-box{flex:1;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;text-align:center}.preview-box img{border-radius:var(--radius-sm);max-height:260px;margin:0 auto .75rem;background:repeating-conic-gradient(#e5e5e5,#e5e5e5 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.preview-box .lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-bottom:.6rem}.preview-box .meta{font-size:.8rem;color:var(--muted2);margin-top:.3rem}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.4rem;margin-top:1.25rem;display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:600;color:var(--text2);display:flex;justify-content:space-between}.field input[type=range]{accent-color:var(--primary)}.field input[type=number],.field select{background:var(--input-bg);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:.55rem .7rem;color:var(--text);font-family:var(--font-body);font-size:.88rem}.dim-row{display:flex;gap:.8rem;align-items:flex-end}.dim-row .field{flex:1}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:var(--text2)}.checkbox-row input{accent-color:var(--primary);width:16px;height:16px}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.action-row button,.action-row a{flex:1;text-align:center;justify-content:center;min-width:160px}.download-btn{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff;padding:.75rem 1.2rem;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;box-shadow:0 8px 22px #7c3aed4d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.download-btn[disabled]{opacity:.5;pointer-events:none}.reset-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);padding:.75rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.hint{font-size:.78rem;color:var(--muted);text-align:center;margin-top:.5rem}.savings{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#34d399;background:#34d3991a;padding:.25rem .6rem;border-radius:999px;margin-top:.5rem}.related{padding:1rem 0 3.5rem}.faq-item{border-bottom:1px solid var(--border);padding:1.1rem 0}.faq-item summary{font-weight:600;font-size:.92rem;list-style:none;display:flex;justify-content:space-between;cursor:pointer;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--muted2);font-size:.85rem;margin-top:.6rem;line-height:1.7}footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:3rem 0 1.75rem;margin-top:2rem}.foot-brand{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.foot-desc{color:var(--muted2);font-size:.85rem;max-width:22rem;margin-top:.6rem;line-height:1.7}.foot-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media(min-width:768px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.foot-h{font-family:var(--font-display);font-weight:700;font-size:.88rem;margin-bottom:1rem}.foot-link{display:block;color:var(--muted2);text-decoration:none;font-size:.83rem;margin-bottom:.7rem}.foot-link:hover{color:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.menu-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.menu-btn:hover{background:var(--surface2);border-color:var(--primary)}.menu-btn span{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;transition:all .28s cubic-bezier(.4,0,.2,1)}.menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:1024px){.menu-btn{display:none}}@media(max-width:1023px){.nav-actions .btn-ghost,.nav-actions .btn-primary,.nav-actions .mega-btn{display:none}}.mobile-nav{visibility:hidden;opacity:0;position:fixed;right:0;bottom:0;left:0;top:57px;z-index:299;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;border-top:1px solid var(--border);transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.mobile-nav.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav-section{padding:.75rem 1.25rem}.mobile-nav-section-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.5rem 0 .35rem;display:block}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text2);text-decoration:none;font-weight:500;font-size:.94rem;transition:background var(--transition),color var(--transition);margin-bottom:.1rem}.mobile-nav-link:hover{background:var(--surface2);color:var(--text)}.mobile-nav-badge{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem;border-radius:99px;background:#7c3aed1f;color:var(--primary)}.mobile-nav-badge.new{background:#34d3991f;color:#34d399}.mobile-nav-divider{height:1px;background:var(--border);margin:.25rem 1.25rem}.mobile-nav-footer{padding:1rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.mobile-btn-signin{display:block;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text2);font-weight:600;font-size:.9rem;text-decoration:none;transition:background var(--transition),border-color var(--transition)}.mobile-btn-signin:hover{background:var(--surface2)}.mobile-btn-start{display:block;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--primary);text-align:center;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 4px 16px var(--primary-glow)}.mega-btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text2);padding:.6rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;font-family:var(--font-body);transition:all var(--transition)}.mega-btn:hover,.mega-btn.open{border-color:var(--primary);color:var(--text)}.mega-btn .chev{transition:transform .2s ease;flex-shrink:0}.mega-btn.open .chev{transform:rotate(180deg)}.mega-menu{position:fixed;top:64px;left:50%;transform:translate(-50%) translateY(-8px);width:min(760px,92vw);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.85rem 2rem 1.5rem;z-index:250;display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem 2rem;visibility:hidden;opacity:0;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.mega-menu.open{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.mega-col-head{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:.92rem;margin-bottom:.9rem;color:var(--text)}.mega-col-head svg{width:17px;height:17px;color:var(--primary);flex-shrink:0}.mega-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .1rem;color:var(--muted2);text-decoration:none;font-size:.87rem;border-radius:.4rem;transition:color var(--transition)}.mega-link:hover{color:var(--primary)}.mega-link .mega-badge{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.12rem .4rem;border-radius:99px;background:#7c3aed1f;color:var(--primary)}.mega-link .mega-badge.new{background:#34d3991f;color:#34d399}.mega-footer{grid-column:1/-1;margin-top:.3rem;padding-top:1.1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.mega-footer p{font-size:.78rem;color:var(--muted)}.mega-footer a{color:var(--primary);font-weight:700;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}@media(max-width:1023px){.mega-menu{display:none!important}}.logo-img{width:160px;height:auto;display:block}@media(max-width:768px){.logo-img{width:140px}}@media(max-width:480px){.logo-img{width:110px}}.soc-link{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted2);text-decoration:none;transition:all var(--transition)}.soc-link:hover{color:var(--text);border-color:var(--primary)}.foot-copy{font-size:.75rem;color:var(--muted)}.foot-divider{border:none;border-top:1px solid var(--divider);margin:3rem 0 1.5rem}