Pega el CSS para analizar las referencias como texto. La revisión no resuelve ámbitos de selectores, herencia ni cascada.
Se ejecuta localmente en tu navegadorPega una hoja de estilo y la página la lee como texto: enumera las propiedades personalizadas que se definen, las que se usan mediante var() y las diferencias entre ambas: una referencia sin definición ni valor alternativo utilizable, o una definición que nada usa en el texto pegado.
Los comentarios y las cadenas entre comillas se ignoran, así que una regla comentada o un "var(--x)" dentro de content no cuentan como uso real, y la última declaración de un bloque se lee aunque le falte el punto y coma.
Una propiedad personalizada es una declaración cuyo nombre empieza por dos guiones, esté donde esté: en :root, en una clase o dentro de una media query. El valor llega hasta el primer punto y coma o hasta la llave de cierre, así que la última declaración de un bloque se lee aunque falte el punto y coma, y un valor con paréntesis como rgb(0, 0, 0) se conserva entero.
Las referencias son llamadas var() y el nombre del token distingue mayúsculas de minúsculas: --Brand y --brand son dos tokens distintos, igual que en el navegador. El nombre de la función no distingue, así que VAR(--x) también cuenta, y un var() escrito dentro del valor alternativo de otra llamada aparece por separado. Un valor alternativo solo cuenta si tiene contenido: var(--x,) deja la declaración inválida cuando falta --x, por eso se trata como una llamada sin alternativa.
Las métricas cuentan definiciones, referencias y los elementos a revisar; el mapa muestra por token cuántas veces se define, cuántas llamadas var() lo usan y cuántas de ellas llevan un valor alternativo utilizable, en forma de proporción. Un token definido pero no referenciado en el texto pegado se marca como no usado, y uno declarado en dos bloques se señala como posible sobrescritura; en ambos casos el mensaje indica que el alcance es el texto pegado.
Una referencia sin definición ni valor alternativo es el único hallazgo que siempre falla en el navegador, y el único que se marca como error. Un CSS sin ninguna propiedad personalizada tampoco se da por bueno: la página dice que no se encontró ninguna en lugar de afirmar que todo está cubierto.
El análisis es textual a propósito: no resuelve el ámbito de los selectores, la herencia ni la cascada, y no calcula lo que usaría el navegador en tiempo de ejecución. Un token definido en otra hoja, inyectado por JavaScript o distribuido por un sistema de diseño aparecerá aquí como no definido, y no usado significa no usado en este texto, no en todo el proyecto.
Todo se ejecuta en el navegador; el CSS pegado no se sube y no se pide nada por él, y la herramienta sigue funcionando sin conexión. Copiar y Descargar permanecen inactivos hasta que existe un informe, para que un portapapeles vacío o un archivo de cero bytes no pasen por resultado.