:root{--cream:#fffdf8;--paper:#ffffff;--ink:#17121f;--muted:#6f6777;--line:#ebe5dc;--purple:#7d52ff;--sun:#ffd35c;--display:"Comic Sans MS","Trebuchet MS",ui-rounded,system-ui,sans-serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow:0 18px 42px rgba(38,29,62,0.1);--ai-accent:#6c3fff;--ai-accent-light:#ede8ff;--ai-glow:0 0 32px rgba(108,63,255,0.18);color:var(--muted);background:var(--cream);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{padding:0;border:0;background:transparent;cursor:pointer}[role=button],a,button,input[type=button],input[type=reset],input[type=submit],label[for],select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(108,63,255,.32);outline-offset:3px}a{color:inherit}img{display:block}::selection{color:#fff;background:var(--ai-accent)}.site-shell{display:flex;flex-direction:column;min-height:100dvh}.site-shell>main{flex:1}.ai-header{position:sticky;top:0;z-index:100;background:rgba(255,253,248,.9);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--line);justify-content:space-between;gap:1rem;padding:0 1.25rem;height:60px}.ai-header,.ai-header .logo{display:flex;align-items:center}.ai-header .logo{gap:.5rem;text-decoration:none}.ai-header .logo img{height:30px;width:auto}.ai-header .logo-badge{font:700 11px/1 var(--sans);letter-spacing:.04em;background:var(--ai-accent);color:#fff;border-radius:4px;padding:2px 6px;text-transform:uppercase}.ai-header nav{display:flex;align-items:center;gap:.25rem}.ai-header .nav-link{font:500 14px/1 var(--sans);color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;transition:color .15s,background .15s}.ai-header .nav-link:hover{color:var(--ink);background:var(--line)}.ai-header .nav-link.active{color:var(--ai-accent)}.ai-header .main-site-link{font:500 13px/1 var(--sans);color:var(--muted);text-decoration:none;border:1.5px solid var(--line);border-radius:8px;padding:5px 12px;display:flex;align-items:center;gap:5px;transition:border-color .15s,color .15s}.ai-header .main-site-link:hover{border-color:var(--purple);color:var(--purple)}.ai-footer{border-top:1.5px solid var(--line);padding:2.5rem 1.25rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem}.ai-footer .footer-brand{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ai-footer .footer-brand img{height:26px;width:auto}.ai-footer .footer-tagline{font-size:13px;color:var(--muted)}.ai-footer .footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.ai-footer .footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .15s}.ai-footer .footer-links a:hover{color:var(--ink)}@media (max-width:600px){.ai-footer{grid-template-columns:1fr}.ai-footer .footer-links{justify-content:flex-start}}.cap-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:1.25rem}.cap-banner.wasm{background:#fff8e1;border:1.5px solid #ffe082;color:#6d4c00}.cap-banner.unsupported{background:#fce8e8;border:1.5px solid #f5baba;color:#7a1818}.cap-banner.webgpu{background:var(--ai-accent-light);border:1.5px solid #c8b8ff;color:#3a1f9e}.cap-banner svg{flex-shrink:0;margin-top:1px}.model-loader{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:var(--ai-accent-light);border:1.5px solid #c8b8ff;border-radius:14px;margin-bottom:1.25rem}.model-loader .loader-label{font-size:13px;font-weight:600;color:var(--ai-accent)}.model-loader .loader-sub{font-size:12px;color:var(--muted)}.model-loader progress{appearance:none;width:100%;height:6px;border-radius:99px;overflow:hidden}.model-loader progress::-webkit-progress-bar{background:#e0d8ff;border-radius:99px}.model-loader progress::-webkit-progress-value{background:var(--ai-accent);border-radius:99px;transition:width .3s}.model-loader progress::-moz-progress-bar{background:var(--ai-accent);border-radius:99px}.page-wrap{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.page-wrap.wide{max-width:1200px}.hero{text-align:center;padding:4rem 1.25rem 3rem;max-width:740px;margin:0 auto}.hero .hero-emoji{font-size:3.5rem;margin-bottom:.5rem}.hero h1{font:900 clamp(2rem,5vw,3rem)/1.1 var(--display);color:var(--ink);letter-spacing:-.03em;margin:0 0 1rem}.hero h1 em{font-style:normal;color:var(--ai-accent)}.hero p{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--muted);max-width:560px;margin:0 auto 2rem}.hero .trust-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.trust-pill{font:500 12px/1 var(--sans);background:#f3f0ff;border:1.5px solid #ddd6ff;color:#3a1f9e;border-radius:99px;padding:5px 12px;display:flex;align-items:center;gap:5px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-card{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .18s,border-color .18s,transform .18s}.feature-card:hover{box-shadow:var(--shadow);border-color:#c8b8ff;transform:translateY(-3px)}.feature-card .card-icon{font-size:2rem}.feature-card h2{font:700 1.15rem/1.2 var(--sans);color:var(--ink);margin:0}.feature-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.feature-card .card-status{margin-top:auto;font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ai-accent)}.feature-card .card-status.soon{color:var(--muted)}.tool-hero{padding:2.5rem 0 2rem}.tool-hero h1{font:900 clamp(1.8rem,4vw,2.8rem)/1.1 var(--display);color:var(--ink);letter-spacing:-.03em;margin:0 0 .75rem}.tool-hero p{font-size:1.05rem;color:var(--muted);max-width:560px;margin:0}.tool-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tool-bullets li{font-size:14px;display:flex;align-items:flex-start;gap:8px}.tool-bullets li:before{content:"✓";color:var(--ai-accent);font-weight:700;flex-shrink:0}.how-to-steps{counter-reset:step;display:flex;flex-direction:column;gap:.75rem}.how-to-step{counter-increment:step;display:flex;align-items:flex-start;gap:12px;font-size:14px}.how-to-step:before{content:counter(step);background:var(--ai-accent);color:#fff;font:700 12px/1 var(--sans);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drop-zone{border:2.5px dashed var(--line);border-radius:18px;padding:3rem 2rem;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.drop-zone.dragging,.drop-zone:hover{border-color:var(--ai-accent);background:var(--ai-accent-light)}.drop-zone .drop-icon{font-size:2.5rem;margin-bottom:.5rem}.drop-zone p{font-size:14px;color:var(--muted);margin:.25rem 0 0}.btn{font:700 15px/1 var(--sans);border-radius:12px;padding:12px 24px;border:2px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ai-accent);color:#fff}.btn-primary:hover{background:#5a34e0;box-shadow:0 4px 18px rgba(108,63,255,.35)}.btn-secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--ai-accent);color:var(--ai-accent)}.btn:disabled{opacity:.45;pointer-events:none}.privacy-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534;font:500 12px/1.4 var(--sans);padding:6px 12px;border-radius:8px}.faq-list{display:flex;flex-direction:column;gap:0;border-top:1.5px solid var(--line)}.faq-item{border-bottom:1.5px solid var(--line);padding:1.1rem 0}.faq-item summary{font:600 15px/1.4 var(--sans);color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--ai-accent);flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:14px;color:var(--muted);margin:.75rem 0 0;line-height:1.7}.section-title{font:700 1.4rem/1.2 var(--sans);color:var(--ink);letter-spacing:-.02em;margin:0 0 1.25rem}.coming-soon-card{background:var(--paper);border:1.5px dashed var(--line);border-radius:18px;padding:3rem 2rem;text-align:center}.coming-soon-card h2{font:700 1.5rem/1.2 var(--sans);color:var(--ink);margin:0 0 .75rem}.coming-soon-card p{font-size:14px;color:var(--muted);max-width:480px;margin:0 auto 1.5rem}.result-wrap{display:grid;gap:1rem}.result-canvas-wrap{background:repeating-conic-gradient(#e4e4e4 0 25%,#fff 0 50%) 0 0 /20px 20px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:240px}.result-canvas-wrap canvas{max-width:100%;max-height:60vh;display:block}.result-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}