Cole o CSS para analisar as referências como texto. A revisão não resolve escopos de seletores, herança ou cascata.
Funciona localmente no seu navegadorCole uma folha de estilo e a página a lê como texto: lista as propriedades personalizadas definidas, as usadas por var() e as diferenças entre elas: uma referência sem definição e sem fallback utilizável, ou uma definição que nada no texto colado usa.
Comentários e textos entre aspas são ignorados, então uma regra comentada ou um "var(--x)" dentro de content não contam como uso real, e a última declaração de um bloco é lida mesmo sem ponto e vírgula.
Uma propriedade personalizada é uma declaração cujo nome começa com dois hífens, em qualquer lugar: em :root, numa classe ou dentro de uma media query. O valor vai até o primeiro ponto e vírgula ou até a chave de fechamento, então a última declaração de um bloco é lida mesmo sem o ponto e vírgula, e um valor com parênteses como rgb(0, 0, 0) é mantido inteiro.
As referências são chamadas var(), e o nome do token diferencia maiúsculas de minúsculas: --Brand e --brand são dois tokens distintos, como no navegador. O nome da função não diferencia, então VAR(--x) também conta, e um var() escrito dentro do fallback de outra chamada aparece separadamente. Um fallback só conta se tiver conteúdo: var(--x,) deixa a declaração inválida quando falta --x, por isso é tratado como uma chamada sem fallback.
As métricas contam definições, referências e itens para revisar; o mapa mostra por token quantas vezes ele é definido, quantas chamadas var() o usam e quantas dessas trazem um fallback utilizável, em forma de proporção. Um token definido mas não referenciado no texto colado é marcado como sem uso, e um declarado em dois blocos é apontado como possível substituição; nos dois casos a mensagem diz que o alcance é o texto colado.
Uma referência sem definição e sem fallback é o único achado que sempre quebra no navegador, e é o único marcado como erro. Um CSS sem nenhuma propriedade personalizada também não é dado como aprovado: a página diz que nada foi encontrado em vez de afirmar que tudo está coberto.
A análise é textual de propósito: não resolve escopo de seletores, herança nem cascata, e não calcula o que o navegador usaria em tempo de execução. Um token definido em outra folha, injetado por JavaScript ou distribuído por um design system aparece aqui como não definido, e sem uso significa sem uso neste texto, não no projeto inteiro.
Tudo roda no navegador; o CSS colado não é enviado e nada é pedido por ele, e a ferramenta continua funcionando sem conexão. Copiar e Baixar ficam inativos até existir um relatório, para que uma área de transferência vazia ou um arquivo de zero byte não passem por resultado.