Gerador de Infográfico CSS

16:9, a IA escolhe um tópico alucinante : /* SYSTEM: WEB-UI INFOGRAPHIC RENDERER */ /* TARGET_TOPIC: "[TOPIC]" */ .treemap-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 0px; /* Layout sem espaços */ border: 3px solid black; } .data-card { border: 2px solid black; padding: 20px; box-shadow: none; /* ESTRITAMENTE PLANO */ } /* MECANISMO DE INFERÊNCIA DA IA: Preencher a grade */ .data-card-1 { grid-column: span 2; grid-row: span 2; background-color: <color hex="FF6B6B"/>; /* Coral */ content: "AI_INFER(Texto gigante de 40% + ilustração plana massiva do maior setor de [TOPIC])"; } .data-card-2 { background-color: <color hex="4ECDC4"/>; /* Azul */ content: "AI_INFER(Texto médio de 20% + ilustração plana)"; } /* EXECUÇÃO DA RENDERIZAÇÃO: Renderizar visualmente esta grade CSS como um pôster infográfico finalizado. Preencha o restante da grade com caixas menores, de cores diferentes, contendo dados e clipart inferidos pela IA para [TOPIC]. Mantenha linhas retas rígidas, cores planas e fontes serifadas em negrito.