:root{--text:#5f5a6c;--text-muted:#8b8498;--text-h:#0c0a12;--bg:#f6f5fb;--bg-elevated:#fff;--bg-subtle:#eeecf6;--border:#e4e1ec;--border-strong:#d4d0de;--code-bg:#f3f1f9;--accent:#6d28d9;--accent-hover:#5b21b6;--accent-soft:#8b5cf6;--accent-bg:#6d28d917;--accent-border:#6d28d947;--success:#059669;--error:#dc2626;--gradient-brand:linear-gradient(135deg, #6d28d9 0%, #9333ea 42%, #0ea5e9 100%);--gradient-text:linear-gradient(120deg, #6d28d9 0%, #a855f7 40%, #0ea5e9 100%);--gradient-surface:linear-gradient(180deg, #fffffff5 0%, #ffffffd1 100%);--gradient-mesh:radial-gradient(at 40% 20%, #6d28d914 0px, transparent 50%), radial-gradient(at 80% 0%, #0ea5e90f 0px, transparent 45%), radial-gradient(at 0% 50%, #f59e0b0d 0px, transparent 45%);--shadow-xs:0 1px 2px #0c0a120a;--shadow:0 .25rem 1rem #0c0a120d, 0 .5rem 2rem #6d28d90f;--shadow-lg:0 .75rem 2rem #0c0a1214, 0 1rem 3rem #6d28d91a;--shadow-xl:0 1rem 2.5rem #0c0a121a, 0 1.25rem 4rem #6d28d91f;--shadow-glow:0 .5rem 1.75rem #6d28d947;--shadow-glow-sm:0 .25rem 1rem #6d28d92e;--shadow-inset:inset 0 1px 0 #ffffff8c;--ring-focus:0 0 0 3px var(--accent-bg);--glass-bg:#ffffffb8;--glass-border:#ffffffa6;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Plus Jakarta Sans", var(--sans);--glow-violet:#6d28d952;--glow-sky:#0ea5e938;--glow-amber:#f59e0b38;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:1.75rem;--radius-full:999rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.55rem, 1.15rem + 1.4vw, 2.35rem);--text-3xl:clamp(2rem, 1.35rem + 2.4vw, 3.25rem);--line-tight:1.15;--line-normal:1.5;--line-relaxed:1.65;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--container:min(72rem, 100% - max(2rem, env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px)));--header-h:3.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-size:clamp(.9375rem,.35rem + 1.1vw,1.125rem);font-family:var(--sans);font-weight:500;line-height:var(--line-normal);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#a39fad;--text-muted:#7a7588;--text-h:#f6f4fa;--bg:#0b0c10;--bg-elevated:#15171f;--bg-subtle:#1c1f2a;--border:#2a2e3c;--border-strong:#383d4f;--code-bg:#1a1d28;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-soft:#c4b5fd;--accent-bg:#a78bfa1f;--accent-border:#a78bfa59;--shadow-xs:0 1px 2px #00000059;--shadow:0 .25rem 1rem #00000059;--shadow-lg:0 .75rem 2.5rem #00000080;--shadow-glow:0 .5rem 2rem #a78bfa33;--glass-bg:#15171fd1;--glass-border:#ffffff0f;--gradient-surface:linear-gradient(180deg, #15171ff2 0%, #15171fd9 100%);--gradient-mesh:radial-gradient(at 40% 20%, #a78bfa1a 0px, transparent 50%), radial-gradient(at 80% 0%, #38bdf814 0px, transparent 45%);--glow-violet:#a78bfa38;--glow-sky:#38bdf82e;--glow-amber:#fbbf242e}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:var(--gradient-mesh), radial-gradient(ellipse 90% 55% at 50% -15%, #6d28d924, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 0%, #a855f714, transparent 50%), radial-gradient(ellipse 45% 35% at 0% 100%, #0ea5e912, transparent 45%);min-height:100svh;margin:0}body:after{content:"";z-index:-2;pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border) 55%, transparent) 1px, transparent 0);background-size:1.35rem 1.35rem;position:fixed;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(85% 70% at 50% 30%,#000 20%,#0000 75%)}@media (prefers-reduced-motion:no-preference){body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 22%,#6d28d917,#0000 38%),radial-gradient(circle at 82% 68%,#0ea5e912,#0000 36%);animation:22s ease-in-out infinite alternate meshDrift;position:fixed;inset:-10%}}@keyframes meshDrift{0%{opacity:.75;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.06)translate(1.5%,-1%)}}::selection{background:var(--accent-bg);color:var(--text-h)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700;line-height:var(--line-tight);margin:0}h1{font-size:var(--text-2xl);letter-spacing:-.03em}h2{font-size:var(--text-xl);letter-spacing:-.02em}p{font-size:inherit;line-height:var(--line-relaxed);margin:0}a{color:var(--accent)}code{font-family:var(--mono);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--text-h);border:1px solid var(--border);padding:.15em .45em;font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.appShell{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:300;align-items:center;gap:var(--space-3);min-height:var(--header-h);padding:var(--space-2) var(--space-5);padding-top:max(var(--space-2), env(safe-area-inset-top,0px));background:var(--glass-bg);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.35);box-shadow:var(--shadow-xs), 0 4px 24px #0c0a120a;isolation:isolate;display:flex;position:sticky;top:0}.topbarOpen{z-index:302}.brand{align-items:center;gap:var(--space-2);color:var(--text-h);z-index:102;flex-shrink:0;text-decoration:none;display:flex}.brandName{font-family:var(--heading);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em}.brandMark{border-radius:var(--radius-lg);background:var(--gradient-brand);width:2.125rem;height:2.125rem;font-size:var(--text-xs);color:#fff;box-shadow:var(--shadow-glow-sm), inset 0 1px 0 #ffffff52;outline-offset:-1px;transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out);outline:1px solid #fff3;place-items:center;font-weight:800;display:grid}.brand:hover .brandMark{box-shadow:0 .35rem 1rem var(--glow-violet);transform:scale(1.05)rotate(-4deg)}.menuBtn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:2.75rem;height:2.75rem;color:var(--text-h);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-xs);transition:background .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none;position:relative}.menuBtn:hover{background:var(--accent-bg);border-color:var(--accent-border);box-shadow:var(--shadow)}.menuBtnOpen{background:var(--accent-bg);border-color:var(--accent-border)}.menuBtnIcon{width:1.25rem;height:1rem;display:block;position:relative}.menuBtnBar{background:currentColor;border-radius:1px;height:2px;transition:transform .2s,top .2s,opacity .15s;position:absolute;left:0;right:0}.menuBtnBar:first-child{top:0}.menuBtnBar:nth-child(2){top:50%;transform:translateY(-50%)}.menuBtnBar:nth-child(3){bottom:0}.menuBtnOpen .menuBtnBar:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.menuBtnOpen .menuBtnBar:nth-child(2){opacity:0}.menuBtnOpen .menuBtnBar:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%)rotate(-45deg)}.navBackdrop{display:none}.mobileNavLayer{display:contents}.navDesktop{align-items:center;gap:var(--space-1);margin-left:auto;margin-right:var(--space-2);display:none}.navLink{color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);border:1px solid #0000;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.navLink:hover{color:var(--text-h);background:var(--accent-bg);border-color:color-mix(in srgb, var(--accent-border) 50%, transparent)}.navLink.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border);box-shadow:var(--shadow-xs)}.navDrop{position:relative}.navDropSummary{appearance:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;font-weight:600;list-style:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.navDropSummary::-webkit-details-marker{display:none}.navDropSummary:after{content:"▾";opacity:.65;margin-left:.35em;font-size:.65em}.navDropOpen .navDropSummary,.navDrop[open] .navDropSummary{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border);box-shadow:var(--shadow-xs)}.navDropSummary:hover{background:var(--accent-bg);color:var(--text-h)}.navDrop:last-child .navDropPanel{left:auto;right:0}.navDropPanel{top:calc(100% + var(--space-2));min-width:12rem;padding:var(--space-2);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px)saturate(1.2);z-index:200;gap:var(--space-1);display:grid;position:absolute;left:0}.navDropLink{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block}.navDropLink:hover{background:var(--accent-bg);color:var(--text-h)}.navDropLink.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.navDrawer{display:none}.menuBtn{margin-left:auto}.pageEnter{animation:.4s cubic-bezier(.22,1,.36,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.content{width:var(--container);max-width:100%;padding:var(--space-6) max(var(--space-4), env(safe-area-inset-right,0px)) var(--space-10) max(var(--space-4), env(safe-area-inset-left,0px));flex:1;margin:0 auto}.footer{border-top:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--border), transparent) 1;padding:var(--space-6) var(--space-4);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);margin-top:auto}.footerInner{width:var(--container);justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);text-align:center;max-width:100%;font-size:var(--text-xs);color:var(--text);line-height:var(--line-normal);flex-wrap:wrap;margin:0 auto;display:flex}.footerBrand{font-family:var(--heading);color:var(--text-h);font-weight:700;text-decoration:none;transition:color .15s}.footerBrand:hover,.footerBrand.active{color:var(--accent)}.footerLink{color:var(--text);font-weight:600;text-decoration:none;transition:color .15s}.footerLink:hover,.footerLink.active{color:var(--accent)}.footerSep{color:var(--border);-webkit-user-select:none;user-select:none}.footerNote{color:var(--text-muted)}@media (width<=30rem){.footerInner{gap:var(--space-1);flex-direction:column}.footerSep{display:none}}.toolSeoGuide{max-width:44rem;margin:var(--space-6) auto 0;padding:var(--space-5) var(--space-5);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--radius-xl);color:var(--text);font-size:var(--text-sm);line-height:var(--line-relaxed)}.toolSeoGuideTitle{margin:0 0 var(--space-2);font-family:var(--heading);font-size:var(--text-base);color:var(--text-h);font-weight:700}.toolSeoGuide section+section{margin-top:var(--space-4)}.toolSeoGuideList{margin:0;padding-left:1.25rem}.toolSeoGuideList li+li{margin-top:var(--space-2)}.toolSeoGuideTip{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}.legalPage{max-width:44rem;margin:0 auto}.legalHero{margin-bottom:var(--space-6)}.legalTitle{margin:0 0 var(--space-2);font-family:var(--heading);color:var(--text-h);font-size:clamp(1.75rem,4vw,2.25rem)}.legalLead{color:var(--text);line-height:var(--line-relaxed);margin:0}.legalSection{margin-bottom:var(--space-5)}.legalSection h2{margin:0 0 var(--space-2);font-size:var(--text-lg);color:var(--text-h)}.legalSection p{margin:0 0 var(--space-2);color:var(--text);line-height:var(--line-relaxed)}.legalBack{margin-top:var(--space-6)}.card{background:var(--gradient-surface);border:1px solid color-mix(in srgb, var(--border) 80%, var(--glass-border));border-radius:var(--radius-3xl);max-width:44rem;box-shadow:var(--shadow-xl), var(--shadow-inset);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s var(--ease-out), border-color .3s var(--ease-out), transform .3s var(--ease-out);margin:0 auto;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-brand);opacity:.95;height:4px;position:absolute;top:0;left:0;right:0}.card:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 var(--glass-border);position:absolute;inset:0}.cardProgress{z-index:2;background:linear-gradient(90deg, transparent, var(--accent), #a855f7, transparent);background-size:200% 100%;height:3px;animation:1.2s ease-in-out infinite progressShimmer;position:absolute;top:0;left:0;right:0}@keyframes progressShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.cardBusy{border-color:var(--accent-border);box-shadow:var(--shadow-lg), 0 0 0 1px var(--accent-bg)}.busyHint{align-items:center;gap:var(--space-2);color:var(--text-h);font-weight:500;display:flex}.cardHeader{padding:var(--space-8) var(--space-8) 0;z-index:1;position:relative}.cardTitle{font-size:var(--text-2xl);letter-spacing:-.035em;line-height:var(--line-tight);font-weight:800}.cardDesc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--line-relaxed);max-width:38rem}.presetChips{gap:var(--space-2);flex-wrap:wrap;display:flex}.qrPreview{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--code-bg);justify-items:center;display:grid}.qrImage{border-radius:var(--radius-md);width:min(100%,18rem);height:auto;padding:var(--space-3);background:#fff}.cardBody{padding:var(--space-6) var(--space-8);z-index:1;position:relative}.cardFooter{padding:0 var(--space-8) var(--space-8);z-index:1;gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex;position:relative}.cardFooter.busyFooter{flex-direction:column;align-items:stretch}.form{gap:var(--space-4);display:grid}.label{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-h);font-weight:600;display:grid}.label.checkbox{grid-template-columns:auto 1fr;align-items:center;font-weight:500}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-h);font-size:var(--text-base);box-shadow:var(--shadow-xs), var(--shadow-inset);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s var(--ease-out)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg), var(--shadow-xs);background:var(--bg-elevated);outline:none}.input[type=file]{padding:var(--space-8) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-xl);border-style:dashed;border-width:2px;border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent-bg) 55%, var(--bg-elevated));cursor:pointer;text-align:center}.input[type=file]:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent-bg) 75%, var(--bg-elevated))}.input[type=file]::file-selector-button{margin-right:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent), #9333ea);color:#fff;font-weight:600;font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-glow), inset 0 1px 0 #fff3;border:none}.input[type=range]{accent-color:var(--accent);padding:0}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:.72rem var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--accent-border);background:var(--bg-elevated);min-height:2.75rem;color:var(--text-h);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-xs), var(--shadow-inset);transition:transform .2s var(--ease-spring), background .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow);border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff3d;border-color:#0000;position:relative;overflow:hidden}.button.primary:after{content:"";transition:transform .55s var(--ease-out);pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff38 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.button.primary:hover:not(:disabled):after{transform:translate(120%)}.button.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-glow), var(--shadow-lg)}.button.secondary,.heroCtaSecondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text-h)}.button.secondary:hover:not(:disabled),.heroCtaSecondary:hover{border-color:var(--accent-border);background:var(--accent-bg)}.button.whatsapp{color:#fff;background:#25d366;border-color:#1da851;box-shadow:0 4px 14px #25d36659}.button.whatsapp:hover:not(:disabled){filter:none;background:#20bd5a;border-color:#1a9e4d;box-shadow:0 6px 18px #25d36673}.button.whatsapp[aria-disabled=true]{opacity:.55;pointer-events:none}.waIcon{font-size:1.1em;line-height:1}.waShareActions{gap:var(--space-3);flex-wrap:wrap;display:flex}.waLinkPreview{word-break:break-all}.inlineLink{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.inlineLink:hover{color:var(--text-h)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.hint{font-size:var(--text-sm);color:var(--text);line-height:var(--line-relaxed)}.error{font-size:var(--text-sm);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#dc262614;border:1px solid #dc262638;width:100%;font-weight:500}.success{font-size:var(--text-sm);color:var(--success)}.spinner{border:2px solid var(--accent-border);border-top-color:var(--accent);border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.home{width:100%}.hero{text-align:center;padding:clamp(var(--space-8), 5vw, var(--space-12)) var(--space-4) clamp(var(--space-10), 6vw, var(--space-12));max-width:min(52rem,100%);margin:0 auto var(--space-10);position:relative}.heroMesh{border-radius:var(--radius-3xl);border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background-image:linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), var(--gradient-mesh), var(--gradient-surface);box-shadow:var(--shadow-xl), var(--shadow-inset);-webkit-backdrop-filter:blur(20px)saturate(1.3);pointer-events:none;z-index:-2;background-size:28px 28px,28px 28px,auto,auto;position:absolute;inset:0}.heroMesh:after{content:"";border-radius:calc(var(--radius-3xl) - 1px);pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:1px}.heroOrbs{border-radius:var(--radius-3xl);pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.heroOrb{filter:blur(2.5rem);opacity:.55;border-radius:50%;animation:9s ease-in-out infinite floatOrb;position:absolute}.heroOrb--violet{background:var(--glow-violet);width:8rem;height:8rem;top:10%;right:8%}.heroOrb--sky{background:var(--glow-sky);width:6rem;height:6rem;animation-delay:-4s;bottom:15%;left:6%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(.5rem,-.75rem)scale(1.05)}}.heroGlow{background:radial-gradient(ellipse at 30% 40%, var(--glow-violet), transparent 55%), radial-gradient(ellipse at 75% 25%, var(--glow-sky), transparent 50%);filter:blur(3rem);opacity:.7;pointer-events:none;z-index:-1;height:80%;position:absolute;inset:-20% -10% auto}.heroBadge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb, var(--accent-bg) 85%, var(--bg-elevated));border:1px solid var(--accent-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-5);box-shadow:var(--shadow), var(--shadow-inset);-webkit-backdrop-filter:blur(12px)saturate(1.25);font-weight:700;display:inline-flex}.heroBadgeDot{background:var(--success);width:.5rem;height:.5rem;box-shadow:0 0 .5rem var(--success);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.textGradient{background:var(--gradient-text);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.textGradient{animation:8s ease-in-out infinite alternate gradientShift}}@keyframes gradientShift{0%{background-position:0%}to{background-position:100%}}.homeTitle{font-size:var(--text-3xl);letter-spacing:-.04em;font-weight:800;line-height:var(--line-tight);text-wrap:balance;animation:fadeUp .55s var(--ease-out) backwards}.homeSubtitle{margin-top:var(--space-4);font-size:clamp(var(--text-base), .95rem + .4vw, var(--text-lg));color:var(--text-muted);line-height:var(--line-relaxed);max-width:32rem;animation:fadeUp .55s var(--ease-out) 60ms backwards;margin-left:auto;margin-right:auto}.heroCtas{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);max-width:min(100%,26rem);animation:fadeUp .55s var(--ease-out) .12s backwards;flex-wrap:wrap;margin-left:auto;margin-right:auto;display:flex}@media (width>=36rem){.heroCtas{max-width:none}}.heroCtaPrimary,.heroCtaSecondary{flex:10rem;min-width:0;min-height:2.75rem}.heroCtaPrimary{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-full);box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff38}.heroCtaSecondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(8px);text-decoration:none}.heroStats{margin-top:var(--space-8);padding:var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);box-shadow:var(--shadow), var(--shadow-inset);-webkit-backdrop-filter:blur(12px);max-width:min(100%,24rem);animation:fadeUp .55s var(--ease-out) .18s backwards;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-left:auto;margin-right:auto;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@media (width>=36rem){.heroStats{max-width:28rem}}.heroStat{padding:var(--space-3) var(--space-2);text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex;position:relative}.heroStat:not(:first-child){border-left:1px solid color-mix(in srgb, var(--border) 75%, transparent)}.heroStat+.heroStat:before{display:none}.heroStat strong{font-size:var(--text-xl);letter-spacing:-.02em;background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.heroStat span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-weight:600}.heroFeatures{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.heroChip{font-size:var(--text-sm);color:var(--text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);font-weight:500}.sectionHead{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.toolSection:not(.toolSection--featured):not(.homeFaq) .sectionHead{padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.sectionHeadText{flex:1;min-width:0}.sectionSubtitle{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--line-relaxed);max-width:36rem;font-weight:500}.sectionIcon{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-elevated);width:3.25rem;height:3.25rem;box-shadow:var(--shadow-xs), var(--shadow-inset);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out);flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.sectionHead:hover .sectionIcon{box-shadow:var(--shadow);transform:scale(1.04)rotate(-3deg)}.sectionIcon--pdf{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 14%, var(--bg-elevated)), var(--bg-elevated));border-color:var(--accent-border)}.sectionIcon--image{background:linear-gradient(145deg, #0ea5e924, var(--bg-elevated));border-color:#0ea5e959}.sectionIcon--smart{background:linear-gradient(145deg, #f59e0b29, var(--bg-elevated));border-color:#f59e0b61}.sectionIcon--featured{background:color-mix(in srgb, #10b98124 80%, var(--bg-elevated));border-color:#10b98159}.sectionTitle{letter-spacing:-.025em;align-items:center;gap:var(--space-2);border:none;flex-wrap:wrap;flex:1;margin:0;padding:0;font-size:clamp(1.2rem,1rem + .75vw,1.5rem);font-weight:800;display:flex}.sectionBadge{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);color:#78350f;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);border:1px solid #ffffff59;align-items:center;padding:.28rem .65rem;font-size:.62rem;font-weight:800;display:inline-flex;box-shadow:0 .15rem .65rem #f59e0b59}.toolSection--featured{padding:var(--space-6) var(--space-5);border-radius:var(--radius-3xl);border:1px solid color-mix(in srgb, #f59e0b 22%, var(--border));background:radial-gradient(ellipse 85% 65% at 100% 0%, #f59e0b1f, transparent 55%), radial-gradient(ellipse 60% 50% at 0% 100%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 50%), linear-gradient(165deg, color-mix(in srgb, #f59e0b 5%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--bg-elevated) 98%, transparent) 70%);box-shadow:var(--shadow-lg), 0 0 0 1px #f59e0b0f;position:relative;overflow:hidden}.toolSection--featured:after{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#f59e0b2e 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}.toolSection--featured:before{content:"";opacity:.95;background:linear-gradient(90deg,#d97706,#fbbf24,#8b5cf6);height:3px;position:absolute;top:0;left:0;right:0}.toolSection--featured>*{z-index:1;position:relative}.toolSection:not(.toolSection--featured):not(.homeFaq){padding:var(--space-6) var(--space-5);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--bg-elevated) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(8px)}.toolSection--featured .sectionSubtitle{max-width:42rem}.toolSection{margin-bottom:var(--space-10);scroll-margin-top:calc(var(--header-h) + var(--space-4));animation:.5s cubic-bezier(.22,1,.36,1) backwards sectionIn}.toolSection:nth-of-type(2){animation-delay:50ms}.toolSection:nth-of-type(3){animation-delay:.1s}.toolSection:nth-of-type(4){animation-delay:.15s}@keyframes sectionIn{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.grid--featured{gap:var(--space-4);grid-template-columns:1fr}@media (width>=36rem){.grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=56rem){.grid--featured{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=72rem){.grid--featured{grid-template-columns:repeat(4,minmax(0,1fr))}}.toolSection--featured .tile{border-color:color-mix(in srgb, #f59e0b 14%, var(--border));background:color-mix(in srgb, var(--bg-elevated) 92%, #fffbeb);min-height:9.5rem;box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffff73}.toolSection--featured .tile:hover{box-shadow:var(--shadow-lg), 0 .75rem 2rem #f59e0b2e}.toolSection--featured .tileFoot{margin-top:auto}.homeFaq{padding:var(--space-8) var(--space-6);border-radius:var(--radius-3xl);background:radial-gradient(ellipse 70% 50% at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%), color-mix(in srgb, var(--bg-elevated) 58%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);box-shadow:var(--shadow-lg), var(--shadow-inset);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.homeFaqMore{margin-top:var(--space-6);text-align:center}.tile{--tile-accent:var(--accent);--tile-glow:var(--glow-violet);gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);color:inherit;background:var(--bg-elevated);box-shadow:var(--shadow-xs);transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease-out), border-color .3s var(--ease-out);min-height:8.5rem;animation:tileIn .5s var(--ease-out) backwards;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile:active{transform:scale(.99)}.tile:hover{box-shadow:var(--shadow-lg), 0 .75rem 2rem var(--tile-glow);border-color:color-mix(in srgb, var(--tile-accent) 35%, var(--border));transform:translateY(-4px)}.tile:before{content:"";left:0;top:var(--space-4);bottom:var(--space-4);border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--tile-accent);opacity:0;width:3px;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);position:absolute;transform:scaleY(.6)}.tile--violet{--tile-accent:#7c3aed;--tile-glow:var(--glow-violet)}.tile--sky{--tile-accent:#0ea5e9;--tile-glow:var(--glow-sky)}.tile--amber{--tile-accent:#f59e0b;--tile-glow:var(--glow-amber)}.tile--emerald{--tile-accent:#10b981;--tile-glow:#10b98140}.tile:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--tile-accent) 8%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.tile:hover:before{opacity:1;transform:scaleY(1)}.tile:hover:after{opacity:1}.tileIconWrap{border-radius:var(--radius-xl);background:linear-gradient(145deg, color-mix(in srgb, var(--tile-accent) 14%, var(--bg-elevated)), color-mix(in srgb, var(--tile-accent) 4%, var(--bg-elevated)));border:1px solid color-mix(in srgb, var(--tile-accent) 22%, var(--border));width:3rem;height:3rem;box-shadow:var(--shadow-xs), var(--shadow-inset);transition:transform .28s var(--ease-spring), box-shadow .28s var(--ease-out);place-items:center;display:grid}.tile:hover .tileIconWrap{box-shadow:var(--shadow);transform:scale(1.06)}.grid .tile:first-child{animation-delay:40ms}.grid .tile:nth-child(2){animation-delay:80ms}.grid .tile:nth-child(3){animation-delay:.12s}.grid .tile:nth-child(4){animation-delay:.16s}@keyframes tileIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.tileIcon{font-size:var(--text-2xl);line-height:1}.tileTitle{font-size:clamp(var(--text-sm), .85rem + .35vw, var(--text-base));color:var(--text-h);font-weight:700;line-height:var(--line-tight);letter-spacing:-.025em}.tileDesc{font-size:var(--text-xs);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.tileFoot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}.tileTag{font-size:var(--text-xs);color:var(--tile-accent);background:color-mix(in srgb, var(--tile-accent) 14%, transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--tile-accent) 25%, transparent);font-weight:700}.tileArrow,.tileAction{border-radius:var(--radius-full);width:1.85rem;height:1.85rem;color:var(--tile-accent);background:color-mix(in srgb, var(--tile-accent) 10%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--tile-accent) 22%, var(--border));opacity:.9;transition:opacity .2s ease, transform .2s var(--ease-spring), background .2s ease, box-shadow .2s ease;place-items:center;margin-left:auto;font-size:.85rem;font-weight:700;display:grid}.tile:hover .tileArrow,.tile:hover .tileAction{opacity:1;background:color-mix(in srgb, var(--tile-accent) 18%, var(--bg-elevated));box-shadow:var(--shadow-xs);transform:translate(.1rem)}.controlsGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.previewWrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);position:relative;overflow:hidden}.previewCanvas{width:100%;height:auto;display:block}.previewHiddenImg{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.textarea{resize:vertical;min-height:8rem;line-height:var(--line-relaxed);font-family:var(--mono);font-size:var(--text-sm)}.ocrResult{gap:var(--space-3);display:grid}.ocrActions{gap:var(--space-3);flex-wrap:wrap;display:flex}.compareGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.compareCell{gap:var(--space-2);display:grid}.compareLabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-weight:700}.checkerboard{background-color:var(--code-bg);background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem}.comparePlaceholder{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text)}.previewWrapBounded{max-height:min(70vh,28rem)}.previewWrapBounded .previewCanvas{object-fit:contain;width:auto;max-width:100%;max-height:min(70vh,28rem);margin:0 auto}.paletteBlock{gap:var(--space-4);display:grid}.paletteStrip{border-radius:var(--radius-md);border:1px solid var(--border);height:3rem;box-shadow:var(--shadow);display:flex;overflow:hidden}.paletteSwatch{cursor:pointer;border:none;min-width:2rem;padding:0;transition:transform .15s}.paletteSwatch:hover{z-index:1;transform:scaleY(1.08)}.paletteList{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.paletteRow{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--code-bg);font-size:var(--text-sm);display:flex}.paletteDot{border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:1.25rem;height:1.25rem}.paletteRow code{font-size:var(--text-sm);flex:1}.palettePct{color:var(--text);font-size:var(--text-xs);text-align:right;min-width:2.5rem}.paletteCopyBtn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.privacyList{padding-left:var(--space-5);font-size:var(--text-sm);color:var(--text);line-height:var(--line-relaxed);margin:0}.privacyList li+li{margin-top:var(--space-2)}@media (width>=56.0625rem){.menuBtn{display:none}.navDesktop{display:flex}.mobileNavLayer,.navDrawer,.navBackdrop{display:none!important}}@media (width<=56rem){.navDesktop{display:none}.mobileNavLayer{display:block}.menuBtn{z-index:1;display:inline-flex}.navBackdrop{z-index:280;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#00000073;border:none;margin:0;padding:0;animation:.2s navFadeIn;display:block;position:fixed;inset:0}@keyframes navFadeIn{0%{opacity:0}to{opacity:1}}.navDrawer{gap:var(--space-1);z-index:290;width:min(18rem,88vw);padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--space-4)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--glass-bg);border-left:1px solid var(--glass-border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px)saturate(1.25);visibility:hidden;pointer-events:none;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.navDrawerOpen{visibility:visible;pointer-events:auto;transition:transform .28s cubic-bezier(.22,1,.36,1);transform:translate(0,0)}.navDrawerGroup{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.navDrawerGroup:first-of-type{margin-top:var(--space-2)}.navDrawerLabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:var(--space-1) var(--space-3) var(--space-2);font-weight:700}.navDrawerLink{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-h);transition:background .15s var(--ease-out), color .15s var(--ease-out);font-weight:600;text-decoration:none;display:block}.navDrawerLink:hover,.navDrawerLink.active{background:var(--accent-bg);color:var(--accent)}}@media (width<=48rem){.toolSection--featured{padding:var(--space-5) var(--space-4)}.sectionHead{align-items:center}.grid{grid-template-columns:1fr}.installPrompt{flex-direction:column;align-items:stretch}.installPromptActions{width:100%}.installPromptActions .button,.installPrompt--ios .installPromptBtn{flex:auto;width:100%;margin-left:0}.downloadShareActions .button,.downloadShareActions .whatsapp{width:100%}}@media (width>=48rem){.grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr))}.hero{max-width:48rem}}@media (width>=64rem){.home .toolSection:not(.toolSection--featured) .grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}@media (width<=30rem){:root{--header-h:3rem}.content{padding:var(--space-4) max(var(--space-3), env(safe-area-inset-right,0px)) var(--space-8) max(var(--space-3), env(safe-area-inset-left,0px))}.cardHeader,.cardBody,.cardFooter{padding-left:var(--space-4);padding-right:var(--space-4)}.cardHeader{padding-top:var(--space-5)}.cardBody{padding-top:var(--space-4);padding-bottom:var(--space-4)}.cardFooter{padding-bottom:var(--space-5)}.card .button,.card .button.primary{width:100%}.cardFooter{flex-direction:column;align-items:stretch}.hero{padding:var(--space-4) var(--space-2) var(--space-6)}.homeSubtitle{font-size:var(--text-base)}.heroCtas{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-flow:wrap}.heroCtaPrimary,.heroCtaSecondary{width:auto;min-height:2.125rem;font-size:var(--text-sm);border-radius:var(--radius-lg);white-space:normal;text-align:center;flex:0 auto;justify-content:center;max-width:100%;padding:.5rem 1rem}.heroStats{width:100%;max-width:100%}.heroStat+.heroStat:before{display:none}.toolSection--featured{padding:var(--space-4) var(--space-3)}.homeFaq{padding:var(--space-6) var(--space-4)}.heroMesh{border-radius:var(--radius-xl)}}.faqPage{max-width:40rem;margin:0 auto}.faqHero{text-align:center;margin-bottom:var(--space-8)}.faqTitle{font-size:var(--text-2xl);letter-spacing:-.03em}.faqLead{margin-top:var(--space-3);font-size:var(--text-base);color:var(--text);line-height:var(--line-relaxed)}.faqList{gap:var(--space-3);display:grid}.faqListCompact{max-width:44rem;margin:0 auto}.faqItem{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(8px);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-out);overflow:hidden}.faqItem:hover:not([open]){border-color:color-mix(in srgb, var(--accent-border) 45%, var(--border));box-shadow:var(--shadow)}.faqItem[open]{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.faqQuestion{padding:var(--space-4) var(--space-5);font-size:var(--text-base);color:var(--text-h);cursor:pointer;font-weight:700;line-height:var(--line-normal);transition:color .15s var(--ease-out);list-style:none}.faqItem[open] .faqQuestion{color:var(--accent)}.faqQuestion::-webkit-details-marker{display:none}.faqQuestion:after{content:"+";float:right;border-radius:var(--radius-full);background:var(--accent-bg);width:1.75rem;height:1.75rem;font-size:var(--text-lg);color:var(--accent);place-items:center;font-weight:600;line-height:1;display:grid}.faqItem[open] .faqQuestion:after{content:"−"}.faqAnswer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--text);line-height:var(--line-relaxed);margin:0}.faqBack{margin-top:var(--space-8);text-align:center}.sizeResult{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-subtle)}.sizeResult--ok{border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--bg-elevated))}.sizeResult--over{border-color:color-mix(in srgb, var(--error) 35%, var(--border));background:color-mix(in srgb, var(--error) 6%, var(--bg-elevated))}.sizeResultTitle{font-size:var(--text-lg);color:var(--text-h);margin:0}.sizeSuggestions{margin-top:var(--space-4)}.sizeLinks{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.trustBadge{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-subtle) 65%, var(--bg-elevated));font-size:var(--text-sm);box-shadow:var(--shadow-xs), var(--shadow-inset);display:flex}.trustBadgeIcon{flex-shrink:0;font-size:1.25rem;line-height:1}.trustBadgeText{color:var(--text);flex-direction:column;gap:.15rem;display:flex}.trustBadgeText strong{color:var(--text-h);font-weight:600}.trustBadge--browser{border-color:color-mix(in srgb, #10b981 35%, var(--border));background:color-mix(in srgb, #10b981 6%, var(--bg-elevated))}.trustBadge--server{border-color:color-mix(in srgb, #6366f1 35%, var(--border));background:color-mix(in srgb, #6366f1 6%, var(--bg-elevated))}.trustBadge--hybrid{border-color:color-mix(in srgb, #f59e0b 35%, var(--border));background:color-mix(in srgb, #f59e0b 6%, var(--bg-elevated))}.scanPickRow{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.scanFileLabel{cursor:pointer;margin:0;position:relative}.scanFileInput{opacity:0;width:.1px;height:.1px;position:absolute;overflow:hidden}.cameraOverlay{z-index:400;padding:var(--space-4);background:#0f172ab8;place-items:center;display:grid;position:fixed;inset:0}.cameraPanel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,28rem);padding:var(--space-4);box-shadow:var(--shadow-lg)}.cameraHead{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.cameraVideoWrap{border-radius:var(--radius-md);aspect-ratio:3/4;background:#000;overflow:hidden}.cameraVideo{object-fit:cover;width:100%;height:100%;display:block}.cameraError{margin:var(--space-2) 0}.cameraClose{font-size:var(--text-sm);padding:.35rem .75rem}.redactWrap{touch-action:none}.redactCanvas{cursor:crosshair;touch-action:none}.redactActions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.fixerStep{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent-bg);border:1px solid var(--accent-border);display:flex}.fixerResult{margin-top:var(--space-4)}.fixerResult .whatsapp,.fixerResult .downloadShareActions{margin-top:var(--space-3)}.downloadShareActions{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-wrap:wrap;display:flex}.downloadShareHint{flex:100%;margin:0}.installPrompt{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--accent-border);background:color-mix(in srgb, var(--accent-bg) 75%, var(--bg-elevated));box-shadow:var(--shadow), var(--shadow-inset);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}.installPromptBody{font-size:var(--text-sm);color:var(--text);flex-direction:column;gap:.25rem;min-width:min(100%,14rem);display:flex}.installPromptBody strong{color:var(--text-h);font-size:var(--text-base)}.installPromptActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.installPromptBtn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.installPrompt--ios .installPromptBtn{margin-left:auto}.charHint{margin:calc(var(--space-2) * -1) 0 var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.charLimit{font-variant-numeric:tabular-nums;font-weight:700}.charLimit--ok{color:var(--success)}.charLimit--warn{color:#d97706}.charLimit--over{color:var(--error)}.qualityControl{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--bg-subtle) 45%, var(--bg-elevated));display:grid}.qualityControlHead{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.qualityControlLabel{font-size:var(--text-base);color:var(--text-h);font-weight:800;display:block}.qualityControlSub{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--line-relaxed);display:block}.qualityControlValue{min-width:3rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);flex-shrink:0;font-weight:800}.qualityControlValue--small{color:#b45309;border-color:color-mix(in srgb, #f59e0b 35%, var(--border))}.qualityControlValue--balanced{color:var(--accent);border-color:var(--accent-border)}.qualityControlValue--high,.qualityControlValue--max{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.qualityMeter{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--border) 60%, transparent);height:.5rem;overflow:hidden}.qualityMeterFill{border-radius:inherit;height:100%;transition:width .2s var(--ease-out)}.qualityMeterFill--small{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.qualityMeterFill--balanced{background:linear-gradient(90deg, var(--accent-soft), var(--accent))}.qualityMeterFill--high,.qualityMeterFill--max{background:linear-gradient(90deg, #34d399, var(--success))}.qualityControlSlider{margin:0}.qualityRange{width:100%;accent-color:var(--accent);cursor:pointer;padding:0}.qualityPresetRow{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=36rem){.qualityPresetRow{grid-template-columns:repeat(4,minmax(0,1fr))}}.qualityPresetBtn{padding:var(--space-2) var(--space-3);text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:auto;display:flex}.qualityPresetBtn--active{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-glow-sm)}.qualityPresetBtnLabel{font-size:var(--text-sm);color:var(--text-h);font-weight:700}.qualityPresetBtnMeta{font-size:var(--text-xs);color:var(--text-muted)}.qualityControlFormatHint,.qualityControlNote{margin:0}.textStyleList{gap:var(--space-3);display:grid}.textStyleRow{gap:var(--space-2);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);display:grid}.textStyleHead{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.textStyleHead strong{color:var(--text-h)}.textStyleOutput{font-size:var(--text-base);line-height:var(--line-relaxed);word-break:break-word;padding:var(--space-3);border-radius:var(--radius-md);background:var(--code-bg);border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.socialToolDetails{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--bg-subtle) 50%, transparent)}.socialToolDetailsSummary{cursor:pointer;color:var(--text-h);font-weight:700}.socialToolSubhead{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-base);color:var(--text-h);font-weight:800}.socialToolSubhead--compact{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm)}.socialToolForm--compact{gap:var(--space-3)}.socialToolForm--compact .label{margin-bottom:0}.textStyleFeatured--compact{padding:var(--space-3);margin-bottom:0}.textStyleFeatured--compact .textStyleFeaturedOutput{font-size:var(--text-lg)}.textStyleList--compact{gap:var(--space-2)}.textStyleRow--compact{padding:var(--space-3);align-items:center;gap:var(--space-2);grid-template-columns:1fr auto;grid-template-areas:"label btn""output output"}.textStyleRow--compact .textStyleRowLabel{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;grid-area:label;font-weight:700}.textStyleRow--compact .textStyleOutput{padding:var(--space-2);font-size:var(--text-sm);grid-area:output}.textStyleRow--compact .button{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);grid-area:btn}.captionList--compact{gap:var(--space-2)}.captionRow--compact{align-items:center;gap:var(--space-2);padding:var(--space-3);grid-template-columns:1fr auto;display:grid}.captionRow--compact .captionPreview{padding:var(--space-2);font-size:var(--text-sm);margin:0}.captionRow--compact .button{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.emojiCombinePanel--compact{padding:var(--space-3);margin-top:0}.socialToolTabs{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.socialToolFooter{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.socialToolResultsHead{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.charHintRow{gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.textStyleFeatured{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--accent-border) 50%, var(--border));background:color-mix(in srgb, var(--accent-bg) 40%, var(--bg-elevated));display:grid}.textStyleFeaturedLabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:700}.textStyleFeaturedOutput{font-size:var(--text-xl);font-weight:700;line-height:var(--line-relaxed);word-break:break-word;color:var(--text-h)}.captionList{gap:var(--space-3);display:grid}.captionRow{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--bg-elevated);display:grid}.captionPreview{font-size:var(--text-base);line-height:var(--line-relaxed);white-space:pre-wrap;word-break:break-word;padding:var(--space-3);border-radius:var(--radius-md);background:var(--code-bg);border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.emojiGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));display:grid}.emojiBtn{min-height:2.75rem;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;transition:transform .15s var(--ease-out), border-color .15s ease, box-shadow .15s ease;font-size:1.35rem;line-height:1;position:relative}.emojiBtnTick{color:var(--success);font-size:.65rem;font-weight:800;line-height:1;position:absolute;top:.15rem;right:.2rem}.emojiBtn:hover{border-color:var(--accent-border);box-shadow:var(--shadow-xs);transform:scale(1.06)}.emojiBtn--picked{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-glow-sm)}.emojiBtn--copied{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--bg-elevated))}.emojiCombinePanel{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--accent-border) 45%, var(--border));background:color-mix(in srgb, var(--accent-bg) 35%, var(--bg-elevated))}.emojiPickedRow{margin:var(--space-3) 0;font-size:1.5rem;line-height:1.4}.emojiCombineOutput{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.emojiCombineText{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);font-size:1.75rem;line-height:1.2}.checkboxLabel{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.checkboxLabel input{width:1rem;height:1rem;accent-color:var(--accent)}@media (prefers-color-scheme:dark){.sectionBadge{color:#451a03}.heroMesh:after{border-color:#ffffff1a}}@media (prefers-reduced-motion:reduce){.heroOrb,body:before,.heroBadgeDot,.homeTitle,.homeSubtitle,.heroCtas,.heroStats,.toolSection,.tile,.textGradient{animation:none}.tile:hover,.faqItem[open],.brand:hover .brandMark,.sectionHead:hover .sectionIcon{transform:none}}
