Meu CSS é enviado para um servidor?

Não. A formatação roda inteiramente no seu navegador, com a biblioteca js-beautify. Sua folha de estilo nunca sai da sua máquina.

Qual indentação o formatador usa?

Ele aplica indentação de dois espaços e coloca cada regra e cada declaração em sua própria linha. A largura da indentação é fixa e não é configurável.

A formatação muda o comportamento do CSS?

Não. Só o espaço em branco e as quebras de linha são ajustados. Seletores, propriedades, valores e a ordem deles são preservados, então o resultado renderizado é idêntico.

Formatador CSS

Visão geral

CSS minificado ou gerado por máquina é quase impossível de ler ou de depurar: tudo vira uma linha só, sem nenhuma hierarquia visível. Esta ferramenta reformata qualquer folha de estilo com indentação consistente de dois espaços e uma declaração por linha, usando o motor CSS do js-beautify. Tudo roda localmente no seu navegador.

Como usar

Cole sua folha de estilo no campo CSS.
O campo Formatted é atualizado na hora conforme você digita — não há botão para apertar.
Copie o resultado direto do campo de saída.

Exemplos

.a{color:red;margin:0} →

.a {
  color: red;
  margin: 0;
}

Uma media query em uma só linha, como @media(max-width:600px){.b{padding:1em}}, se expande em um bloco indentado, o que torna muito mais fácil percorrer e comparar as regras de breakpoint.

Observações

O formatador reescreve apenas o espaço em branco e as quebras de linha — ele não valida sintaxe, então um CSS malformado passa adiante em regime de melhor esforço, em vez de ser rejeitado com uma mensagem de erro. Os comentários que você escreveu são mantidos no lugar. Mesmo em folhas de estilo muito grandes a formatação continua instantânea, já que não existe nenhuma ida e volta pela rede envolvida.