
Cole o conteúdo
Introduza CSS, HTML, JSON ou outro texto. Nada é enviado.
Embeleza CSS para legibilidade.
Quatro passos: colar, executar, rever, copiar. Tudo fica no navegador.

Introduza CSS, HTML, JSON ou outro texto. Nada é enviado.

Clique em Converter ou Executar. O resultado aparece na hora.

Leia o código gerado e as notas antes de usar.

Copie o resultado e cole no seu projeto.
O embelezador pertence à mesma família do formatador: chavetas e espaçamento consistentes, para que qualquer pessoa percorra os seletores depressa. É uma limpeza pontual e não um formatador de CI.
O exemplo é uma barra de navegação escrita de forma densa de propósito.
Entrada
nav{display:flex;gap:1rem}nav a{color:#0f172a;text-decoration:none}nav a:hover{color:#0284c7}
Saída
nav {
display: flex;
gap: 1rem;
}
Se dois formatadores entrarem em conflito no CI, escolha um e reserve esta ferramenta para arranjos manuais.