import { useState, useEffect } from "react";

// ─── CONSTANTS ────────────────────────────────────────────────
const NAV = [
  { id:"dashboard",icon:"🏠",label:"Dashboard" },
  { id:"ads",      icon:"📊",label:"FiltriAds" },
  { id:"ranking",  icon:"🏆",label:"FiltriRanking" },
  { id:"page",     icon:"🌐",label:"FiltriPage" },
  { id:"magic",    icon:"✨",label:"FiltriMagic" },
  { id:"pixel",    icon:"🔲",label:"FiltriPixel" },
  { id:"blog",     icon:"✍️",label:"FiltriArtigo" },
];

const RANKING = {
  saude:[
    {name:"Método Emagrecer de Vez",meta:"Kiwify · 60%",score:95},
    {name:"Cardápio Low Carb Express",meta:"Kiwify · 50%",score:88},
    {name:"Treino em Casa Pro",meta:"Kiwify · 55%",score:82},
    {name:"Detox 21 Dias",meta:"Kiwify · 65%",score:76},
  ],
  renda:[
    {name:"Afiliado do Zero 3.0",meta:"Kiwify · 50%",score:97},
    {name:"Fórmula Negócio Online",meta:"Kiwify · 40%",score:91},
    {name:"Academia do Criador",meta:"Kiwify · 40%",score:85},
    {name:"Tráfego Pago Master",meta:"Kiwify · 45%",score:79},
  ],
};

const TEMPLATES=[
  {id:"cookies",icon:"🍪",name:"Cookies",desc:"Confirmação de cookies"},
  {id:"captcha",icon:"🤖",name:"Captcha",desc:"Verificação anti-robô"},
  {id:"idade",icon:"🎂",name:"Idade",desc:"Confirma faixa etária"},
  {id:"genero",icon:"👥",name:"Gênero",desc:"Personalização por gênero"},
  {id:"paises",icon:"🌍",name:"Países",desc:"Bandeiras dos países"},
  {id:"nav",icon:"🧭",name:"Navegação",desc:"Review ou comprar"},
  {id:"cupom",icon:"🏷️",name:"Cupom",desc:"Oferta especial"},
  {id:"frete",icon:"🚚",name:"Frete",desc:"Frete grátis / expresso"},
  {id:"review",icon:"⭐",name:"Review",desc:"Página de review completa"},
];

// Ad Networks
const AD_NETS = [
  {key:"meta",     flag:"📘",name:"Meta Ads",        color:"#1877f2",idLabel:"Pixel ID",     ph:"1234567890123456"},
  {key:"google",   flag:"🟢",name:"Google Ads",      color:"#34a853",idLabel:"ID Conversão", ph:"AW-123456789"},
  {key:"tiktok",   flag:"🎵",name:"TikTok Ads",      color:"#010101",idLabel:"Pixel ID",     ph:"ABCDE12345"},
  {key:"kwai",     flag:"📹",name:"Kwai Ads",        color:"#ff6600",idLabel:"Pixel ID",     ph:"KW-987654321"},
  {key:"pinterest",flag:"📌",name:"Pinterest Ads",   color:"#e60023",idLabel:"Tag ID",       ph:"123456789012345"},
  {key:"snapchat", flag:"👻",name:"Snapchat Ads",    color:"#ffcc00",idLabel:"Pixel ID",     ph:"xxxxxxxx-xxxx-xxxx"},
  {key:"twitter",  flag:"🐦",name:"X (Twitter) Ads", color:"#000000",idLabel:"Pixel ID",     ph:"o3abc"},
  {key:"taboola",  flag:"📰",name:"Taboola",         color:"#5d5d5d",idLabel:"Account ID",   ph:"1234567"},
  {key:"outbrain", flag:"🔵",name:"Outbrain",        color:"#003dcd",idLabel:"Pixel ID",     ph:"abc123"},
  {key:"mgid",     flag:"🟠",name:"MGID",            color:"#ff6d00",idLabel:"Client ID",    ph:"1234567"},
];

// Affiliate Platforms
const AFF_BR = [
  {key:"kiwify",    flag:"🟣",name:"Kiwify",      color:"#6c63ff",google:true, meta:true, tiktok:true},
  {key:"hotmart",   flag:"🔴",name:"Hotmart",     color:"#f04e23",google:true, meta:true, tiktok:false},
  {key:"monetizze", flag:"🔵",name:"Monetizze",   color:"#00b4d8",google:true, meta:true, tiktok:false},
  {key:"braip",     flag:"🟢",name:"Braip",       color:"#1db954",google:false,meta:true, tiktok:false},
  {key:"perfectpay",flag:"🟡",name:"Perfect Pay", color:"#ff9800",google:true, meta:true, tiktok:false},
  {key:"eduzz",     flag:"🩷",name:"Eduzz",       color:"#ff4081",google:true, meta:true, tiktok:false},
  {key:"ticto",     flag:"🟤",name:"Ticto",       color:"#9c27b0",google:false,meta:true, tiktok:false},
];
const AFF_INT = [
  {key:"clickbank", flag:"🔴",name:"ClickBank",    color:"#c0392b",google:false,meta:false,tiktok:false},
  {key:"digistore", flag:"🔵",name:"Digistore24",  color:"#2980b9",google:false,meta:false,tiktok:false},
  {key:"buygoods",  flag:"🟢",name:"BuyGoods",     color:"#27ae60",google:false,meta:false,tiktok:false},
  {key:"maxweb",    flag:"🟣",name:"MaxWeb",       color:"#8e44ad",google:false,meta:false,tiktok:false},
  {key:"adcombo",   flag:"🟠",name:"AdCombo",      color:"#e67e22",google:false,meta:false,tiktok:false},
  {key:"jvzoo",     flag:"🟤",name:"JVZoo",        color:"#16a085",google:false,meta:false,tiktok:false},
  {key:"shareasale",flag:"⚫",name:"ShareASale",   color:"#d35400",google:false,meta:true, tiktok:false},
  {key:"cj",        flag:"🔘",name:"CJ Affiliate", color:"#2c3e50",google:false,meta:true, tiktok:false},
  {key:"rakuten",   flag:"🔴",name:"Rakuten Ads",  color:"#bf0000",google:false,meta:false,tiktok:false},
  {key:"amazon",    flag:"🟡",name:"Amazon Assoc.",color:"#ff9900",google:false,meta:false,tiktok:false},
];

const RM_CHECKS=[
  {id:"kw_title",group:"SEO Básico",label:"Palavra-chave no Título SEO",pts:8},
  {id:"kw_desc",group:"SEO Básico",label:"Palavra-chave na Meta Description",pts:4},
  {id:"kw_url",group:"SEO Básico",label:"Palavra-chave na URL (Slug)",pts:5},
  {id:"kw_h1",group:"SEO Básico",label:"Palavra-chave no H1",pts:5},
  {id:"kw_intro",group:"SEO Básico",label:"Palavra-chave no 1º parágrafo",pts:5},
  {id:"kw_density",group:"SEO Básico",label:"Densidade da keyword (1–2%)",pts:5},
  {id:"kw_h2h3",group:"SEO Básico",label:"Palavra-chave em H2/H3",pts:3},
  {id:"title_len",group:"Título & Meta",label:"Título SEO 50–60 caracteres",pts:5},
  {id:"desc_len",group:"Título & Meta",label:"Meta Description 120–160 chars",pts:5},
  {id:"title_power",group:"Título & Meta",label:"Palavra de poder no título",pts:3},
  {id:"title_number",group:"Título & Meta",label:"Número no título (ex: 5 formas...)",pts:2},
  {id:"word_count",group:"Conteúdo",label:"Mínimo 600 palavras",pts:4},
  {id:"has_image",group:"Conteúdo",label:"Artigo contém imagem",pts:4},
  {id:"img_alt",group:"Conteúdo",label:"Alt text da imagem com keyword",pts:4},
  {id:"internal_link",group:"Conteúdo",label:"Link interno presente",pts:4},
  {id:"external_link",group:"Conteúdo",label:"Link externo (fonte confiável)",pts:4},
  {id:"has_toc",group:"Conteúdo",label:"Índice (Table of Contents)",pts:2},
  {id:"heading_struct",group:"Conteúdo",label:"Estrutura H2, H3 presente",pts:3},
  {id:"short_parag",group:"Legibilidade",label:"Parágrafos curtos (máx 3 linhas)",pts:3},
  {id:"transition",group:"Legibilidade",label:"Palavras de transição",pts:2},
  {id:"passive_voice",group:"Legibilidade",label:"Voz passiva < 10% do texto",pts:2},
  {id:"schema_faq",group:"Schema",label:"Schema FAQ (perguntas e respostas)",pts:5},
  {id:"schema_art",group:"Schema",label:"Schema Article (autor, data)",pts:4},
  {id:"schema_review",group:"Schema",label:"Schema Review (nota, estrelas)",pts:4},
  {id:"og_title",group:"Social/SERP",label:"OG Title (compartilhamento social)",pts:2},
  {id:"og_desc",group:"Social/SERP",label:"OG Description configurada",pts:2},
  {id:"canonical",group:"Social/SERP",label:"URL canônica definida",pts:2},
];

function calcScore(c){
  const max=RM_CHECKS.reduce((a,x)=>a+x.pts,0);
  const got=RM_CHECKS.filter(x=>c[x.id]).reduce((a,x)=>a+x.pts,0);
  return Math.round((got/max)*100);
}
const sc=(s)=>s>=80?"#00e676":s>=50?"#ffab40":"#ff2d2d";

// ─── MAIN APP ────────────────────────────────────────────────
export default function App(){
  const[page,setPage]=useState("dashboard");
  const[adsKw,setAdsKw]=useState("");
  const[adsRes,setAdsRes]=useState(null);
  const[adsLoad,setAdsLoad]=useState(false);
  const[mgLoad,setMgLoad]=useState(false);
  const[mgDone,setMgDone]=useState(false);
  const[selTpl,setSelTpl]=useState(null);

  // Pixel state
  const[activePixels,setActivePixels]=useState([]);
  const[selAdNet,setSelAdNet]=useState("meta");
  const[pixelId,setPixelId]=useState("");
  const[convLabel,setConvLabel]=useState("");
  const[blockBots,setBlockBots]=useState(true);
  const[blockCompetitors,setBlockCompetitors]=useState(false);
  const[selAffBR,setSelAffBR]=useState([]);
  const[selAffInt,setSelAffInt]=useState([]);
  const[pixelTab,setPixelTab]=useState("redes");
  const[copiedCode,setCopiedCode]=useState(false);

  // Blog state
  const[blogKw,setBlogKw]=useState("");
  const[metaTitle,setMetaTitle]=useState("");
  const[metaDesc,setMetaDesc]=useState("");
  const[slug,setSlug]=useState("");
  const[secKws,setSecKws]=useState("");
  const[enableFaq,setEnableFaq]=useState(false);
  const[enableReview,setEnableReview]=useState(false);
  const[blogLoad,setBlogLoad]=useState(false);
  const[blogDone,setBlogDone]=useState(false);
  const[rmChecks,setRmChecks]=useState({});
  const[rmScore,setRmScore]=useState(0);
  const[rmGroup,setRmGroup]=useState("SEO Básico");

  useEffect(()=>{
    if(blogKw){
      setSlug(blogKw.toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,""));
      setMetaTitle(blogKw.charAt(0).toUpperCase()+blogKw.slice(1)+" | Guia Completo 2026");
      setMetaDesc("Descubra como "+blogKw+" de forma simples e prática. Guia completo para começar hoje mesmo.");
    }
  },[blogKw]);
  useEffect(()=>{setRmScore(calcScore(rmChecks));},[rmChecks]);

  const toggleCheck=(id)=>setRmChecks(p=>({...p,[id]:!p[id]}));

  const addPixel=()=>{
    if(!pixelId.trim())return;
    const net=AD_NETS.find(n=>n.key===selAdNet);
    const exists=activePixels.find(p=>p.key===selAdNet);
    if(exists){setActivePixels(activePixels.map(p=>p.key===selAdNet?{...p,id:pixelId,label:convLabel}:p));}
    else{setActivePixels([...activePixels,{key:selAdNet,id:pixelId,label:convLabel,on:true,blocked:0,conversions:0}]);}
    setPixelId(""); setConvLabel("");
  };

  const toggleAffBR=(k)=>setSelAffBR(p=>p.includes(k)?p.filter(x=>x!==k):[...p,k]);
  const toggleAffInt=(k)=>setSelAffInt(p=>p.includes(k)?p.filter(x=>x!==k):[...p,k]);

  const genPixelCode=()=>{
    if(!activePixels.length)return "// Adicione pelo menos um pixel de rede de anúncios";
    let c="<!-- AfiliaPack FiltriPixel — Código Gerado Automaticamente -->\n\n";
    if(blockBots) c+=`<!-- 🛡️ Proteção Anti-Bot & Anti-Click Fraud -->\n<script>\n(function(){\n  var bots=/bot|crawler|spider|crawling/i;\n  if(bots.test(navigator.userAgent)){\n    document.body.style.display='none'; return;\n  }\n  var clicks=parseInt(sessionStorage.getItem('fpx_clicks')||0)+1;\n  sessionStorage.setItem('fpx_clicks',clicks);\n  if(clicks>3){document.body.innerHTML='';}\n})();\n<\/script>\n\n`;
    activePixels.filter(p=>p.on).forEach(p=>{
      const net=AD_NETS.find(n=>n.key===p.key);
      if(p.key==="meta"){
        c+=`<!-- ${net.name} Pixel -->\n<script>\n!function(f,b,e,v,n,t,s){\n  if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s)\n}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');\nfbq('init', '${p.id}');\nfbq('track', 'PageView');\n<\/script>\n\n`;
      } else if(p.key==="google"){
        c+=`<!-- ${net.name} Conversion -->\n<script async src="https://www.googletagmanager.com/gtag/js?id=${p.id}"><\/script>\n<script>\nwindow.dataLayer=window.dataLayer||[];\nfunction gtag(){dataLayer.push(arguments);}\ngtag('js',new Date());\ngtag('config','${p.id}');\n${p.label?`gtag('event','conversion',{'send_to':'${p.id}/${p.label}'});`:"// Insira o label de conversão acima"}\n<\/script>\n\n`;
      } else if(p.key==="tiktok"){
        c+=`<!-- ${net.name} Pixel -->\n<script>\n!function(w,d,t){\n  w.TiktokAnalyticsObject=t;\n  var ttq=w[t]=w[t]||[];\n  ttq.methods=['page','track','identify'];\n  ttq._i={}; ttq._i['${p.id}']=ttq; ttq._ti='${p.id}';\n  var s=d.createElement(t);\n  s.type='text/javascript'; s.async=!0;\n  s.src='https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=${p.id}';\n  d.head.appendChild(s);\n}(window,document,'script');\nttq.page();\n<\/script>\n\n`;
      } else if(p.key==="kwai"){
        c+=`<!-- ${net.name} Pixel -->\n<script>\n(function(w,d,s,id){\n  var js,fjs=d.getElementsByTagName(s)[0];\n  if(d.getElementById(id))return;\n  js=d.createElement(s);js.id=id;js.async=true;\n  js.src='https://s.kwai.com/kwai_pixel.js?pixel_id=${p.id}';\n  fjs.parentNode.insertBefore(js,fjs);\n}(window,document,'script','kwai-pixel'));\n<\/script>\n\n`;
      } else if(p.key==="pinterest"){
        c+=`<!-- ${net.name} Tag -->\n<script>\n!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.prototype.slice.call(arguments))};\nvar n=window.pintrk;n.queue=[];n.version='3.0';\nvar t=document.createElement('script');t.async=!0;t.src=e;\nvar r=document.getElementsByTagName('script')[0];r.parentNode.insertBefore(t,r)}\n}('https://s.pinimg.com/ct/core.js');\npintrk('load','${p.id}');\npintrk('page');\n<\/script>\n\n`;
      } else {
        c+=`<!-- ${net.name} — ID: ${p.id} -->\n<!-- Cole aqui o código fornecido pelo ${net.name} -->\n\n`;
      }
    });
    // Affiliate integration comments
    if(selAffBR.length||selAffInt.length){
      c+=`<!-- ─── Integração com Plataformas de Afiliados ─── -->\n`;
      [...selAffBR,...selAffInt].forEach(k=>{
        const plat=[...AFF_BR,...AFF_INT].find(p=>p.key===k);
        if(!plat)return;
        if(plat.google&&activePixels.find(p=>p.key==="google"&&p.on)){
          c+=`<!-- ✅ ${plat.name} → Google Ads: integração nativa disponível no painel ${plat.name} -->\n`;
        } else if(!plat.google&&activePixels.find(p=>p.key==="google"&&p.on)){
          c+=`<!-- ⚠️ ${plat.name} → Google Ads: sem integração nativa. Use conversão via URL da obrigado da presell -->\n`;
        }
        if(plat.meta&&activePixels.find(p=>p.key==="meta"&&p.on)){
          c+=`<!-- ✅ ${plat.name} → Meta Ads: integração nativa disponível no painel ${plat.name} -->\n`;
        }
      });
    }
    return c;
  };

  const doAds=()=>{
    if(!adsKw)return;
    setAdsLoad(true);setAdsRes(null);
    setTimeout(()=>{
      setAdsLoad(false);
      setAdsRes({
        cpc:"R$ 0,80 – R$ 2,40",volume:"8.000 – 22.000 / mês",tendencia:"crescente",dificuldade:"média",
        rec:"Palavra com boa demanda e concorrência moderada. Ótima para blog + anúncio.",
        kws:[
          {kw:adsKw+" rápido",vol:"5k-10k",cpc:"R$1,20",conc:"média",pot:82},
          {kw:adsKw+" em casa",vol:"2k-5k",cpc:"R$0,90",conc:"baixa",pot:91},
          {kw:adsKw+" sem sofrimento",vol:"3k-8k",cpc:"R$1,50",conc:"alta",pot:68},
          {kw:"melhor "+adsKw,vol:"1k-3k",cpc:"R$2,10",conc:"alta",pot:55},
          {kw:adsKw+" funciona",vol:"4k-9k",cpc:"R$0,70",conc:"baixa",pot:94},
        ],
      });
    },1800);
  };

  const doBlog=()=>{
    if(!blogKw)return;
    setBlogLoad(true);setBlogDone(false);
    setTimeout(()=>{
      setBlogLoad(false);setBlogDone(true);
      const auto={};
      RM_CHECKS.forEach(c=>{if(!["schema_review","has_toc","title_number","og_title","og_desc","canonical"].includes(c.id))auto[c.id]=true;});
      if(enableFaq)auto["schema_faq"]=true;
      if(enableReview)auto["schema_review"]=true;
      auto["schema_art"]=true;
      setRmChecks(auto);
    },2300);
  };

  const cc=(c)=>c==="baixa"?"#00e676":c==="alta"?"#ff2d2d":"#ffab40";
  const rmGroups=[...new Set(RM_CHECKS.map(c=>c.group))];
  const currentNet=AD_NETS.find(n=>n.key===selAdNet)||AD_NETS[0];
  const pixelCode=genPixelCode();

  return(
    <div style={{display:"flex",minHeight:"100vh",background:"#0a0a0f",color:"#f0f0f8",fontFamily:"'DM Sans','Segoe UI',sans-serif",fontSize:13}}>

      {/* SIDEBAR */}
      <aside style={{width:200,background:"#12121a",borderRight:"1px solid #2a2a3d",display:"flex",flexDirection:"column",flexShrink:0,position:"sticky",top:0,height:"100vh"}}>
        <div style={{padding:"18px 16px 14px",borderBottom:"1px solid #2a2a3d"}}>
          <div style={{fontWeight:800,fontSize:"1.15rem",background:"linear-gradient(135deg,#ff2d2d,#ff6b35)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}>AfiliaPack</div>
          <div style={{fontSize:"0.58rem",color:"#8888aa",letterSpacing:"2px",textTransform:"uppercase",marginTop:2}}>Ferramentas</div>
        </div>
        <nav style={{flex:1,padding:"10px 7px",display:"flex",flexDirection:"column",gap:2}}>
          {NAV.map(n=>(
            <div key={n.id} onClick={()=>setPage(n.id)} style={{display:"flex",alignItems:"center",gap:8,padding:"8px 10px",borderRadius:7,cursor:"pointer",fontSize:"0.8rem",fontWeight:500,color:page===n.id?"#ff6b35":"#8888aa",background:page===n.id?"rgba(255,45,45,0.12)":"transparent",border:page===n.id?"1px solid rgba(255,45,45,0.2)":"1px solid transparent"}}>
              <span style={{width:18,textAlign:"center"}}>{n.icon}</span><span>{n.label}</span>
            </div>
          ))}
        </nav>
        <div style={{padding:"8px 12px",borderTop:"1px solid #2a2a3d",fontSize:"0.62rem",color:"#8888aa",textAlign:"center"}}>AfiliaPack v1.0</div>
      </aside>

      {/* MAIN */}
      <main style={{flex:1,padding:"22px 26px",overflowY:"auto"}}>

        {/* DASHBOARD */}
        {page==="dashboard"&&<div>
          <div style={{marginBottom:20}}>
            <h1 style={{fontWeight:800,fontSize:"1.5rem",letterSpacing:"-0.5px"}}>Bem-vindo ao <G>AfiliaPack</G></h1>
            <p style={{color:"#8888aa",marginTop:4,fontSize:"0.83rem"}}>Todas as ferramentas para vender mais — Brasil e Gringa</p>
          </div>
          <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:11,marginBottom:14}}>
            {[["Presells","0","#ff6b35"],["Análises","0","#ffab40"],["Pixels",""+activePixels.filter(p=>p.on).length,"#00e676"],["Artigos","0","#a78bfa"]].map(([l,v,c])=>(
              <div key={l} style={{background:"#12121a",border:"1px solid #2a2a3d",borderRadius:10,padding:"13px 15px"}}>
                <div style={{fontSize:"0.62rem",color:"#8888aa",textTransform:"uppercase",letterSpacing:"0.5px"}}>{l}</div>
                <div style={{fontWeight:800,fontSize:"1.5rem",color:c,margin:"3px 0"}}>{v}</div>
              </div>
            ))}
          </div>
          <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:13}}>
            <Card title="🚀 Acesso Rápido">
              {[["✨ Gerar Presell com IA","magic",true],["📊 Analisar Palavra-Chave","ads",false],["🏆 Ver Ranking","ranking",false],["🔲 Configurar Pixels","pixel",false],["✍️ Artigo E-E-A-T + Rank Math","blog",false]].map(([l,t,p])=>(
                <button key={t} onClick={()=>setPage(t)} style={{display:"block",width:"100%",marginBottom:6,padding:"8px 13px",background:p?"linear-gradient(135deg,#ff2d2d,#c62828)":"transparent",border:"1px solid #2a2a3d",borderRadius:8,color:"#f0f0f8",fontSize:"0.79rem",fontWeight:700,cursor:"pointer",textAlign:"left"}}>{l}</button>
              ))}
            </Card>
            <Card title="📌 Módulos">
              {[["📊","FiltriAds","CPC, volume e tendências"],["🏆","FiltriRanking","Produtos mais escalados"],["🌐","FiltriPage","Templates de presell"],["✨","FiltriMagic","Presells com IA"],["🔲","FiltriPixel","17 plataformas BR + Gringa + Google Ads"],["✍️","FiltriArtigo","E-E-A-T + Rank Math SEO"]].map(([ic,nm,ds])=>(
                <div key={nm} style={{display:"flex",alignItems:"center",gap:9,marginBottom:8}}>
                  <span>{ic}</span>
                  <div><div style={{fontWeight:600,fontSize:"0.8rem"}}>{nm}</div><div style={{fontSize:"0.67rem",color:"#8888aa"}}>{ds}</div></div>
                </div>
              ))}
            </Card>
          </div>
        </div>}

        {/* FILTRIADS */}
        {page==="ads"&&<div>
          <PH title="FiltriAds" sub="Verifique CPC, volume e tendências antes de anunciar"/>
          <Card title="🔍 Analisar Palavra-Chave">
            <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:13}}>
              <div>
                <L>Palavra-chave</L><I value={adsKw} onChange={e=>setAdsKw(e.target.value)} placeholder="Ex: emagrecimento rápido..."/>
                <L>Nicho</L><S opts={["Saúde","Renda Extra","Relacionamentos","Finanças","IA"]}/>
                <