Minifica CSS y revisa ratio de compresion, selectores y riesgo al eliminar comentarios.
Entrada / Salida
La entrada, la salida y las acciones de copiar quedan en esta superficie principal. Los ejemplos y revisiones quedan abajo.
Sesion local
El estado de entrada se guarda solo en este navegador para restaurar el ultimo trabajo sin cuenta.
Abre ejemplos, comprobaciones y herramientas relacionadas solo cuando termine el flujo principal.
Revisar un snippet CSS
Formatea el snippet CSS, copia el reporte CSS y luego revisa minificacion y contraste.
Formatea el snippet y copia el reporte con selector, token, cascade, specificity y checklist.
Si compartiras CSS compacto, revisa compresion, eliminacion de comentarios y reporte minificado.
Revisa tokens de color contra contraste WCAG si el snippet cambia colores visibles.
Antes de copiar
Fallos comunes
Herramientas relacionadas
Guias
Abre ejemplos, comprobaciones y herramientas relacionadas solo cuando termine el flujo principal.
.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }Ejemplos CSS
Bloques selector
1
Declaraciones
2
Media queries
0
Lineas de salida
1
Revisa selectores, valores, reglas @ y tamano minificado antes de copiar.
Propiedades personalizadas
0
No se detectaron propiedades personalizadas.
Valores de color
1
#111
Reglas @
0
No se detectaron reglas @.
Ratio de compresion
16%
Reduccion estimada tras quitar espacios y comentarios.
Vista de selectores
Primeros selectores encontrados en el snippet.
Reporte de revision CSS
Copia un reporte de traspaso con selectores, tokens, cascade, specificity, compresion, avisos y checklist.
Modo de salida
Minificar
Bloques selector
1
.card
Declaraciones
2
Propiedades personalizadas
0
No se detectaron propiedades personalizadas.
Valores de color
1
#111
Reglas @
0
No se detectaron reglas @.
Selectores duplicados
No
Riesgo de specificity ID
No
Comentarios presentes
No
Ratio de compresion
16%
Notas de revision
Checklist de revision
# Reporte de revision CSS - Revisado en: Hora de copia del navegador - Modo de salida: Minificar - Caracteres: 37 - Lineas de salida: 1 - Bloques selector: 1 - Declaraciones: 2 - Propiedades personalizadas: 0 - Valores de color: 1 - Reglas @: 0 - Selectores duplicados: No - Riesgo de specificity ID: No - Comentarios presentes: No - Ratio de compresion: 16% - El CSS raw no se incluye en este reporte; adjunta un snippet redactado si hace falta. ## Notas de revision - Este formatter ligero es para snippets pequenos. Ejecuta el formatter del proyecto antes de commitear hojas grandes. ## Checklist de revision - Prueba el CSS en el breakpoint, tema y navegador destino antes de publicar. - Confirma que orden de selectores, duplicados y specificity coincidan con la cascade prevista. - Compara propiedades personalizadas y tokens de color con el design system antes de copiar. - Conserva licencias y comentarios de traspaso al minificar o pegar en docs. - Ejecuta el formatter o build pipeline del proyecto antes de commitear cambios grandes de stylesheet.
Salida lista para copiar
.card{display:flex;color:#111;}