Usa valores explícitos, revisa cada línea generada y conserva un documento fuente significativo antes del diseño visual.
Trata la plantilla como matriz
Cada fila entre comillas tiene tantos tokens como columnas explícitas. GridWeave llena el rectángulo con un nombre minúsculo validado y emite un punto para cada celda libre. Un nombre no puede formar islas ni una L: CSS exige un solo rectángulo lleno. Por eso el editor usa inicio y extensiones positivas en lugar de pintar celdas libremente.
Mantén nombres y posiciones auditables
Los nombres usan un identificador minúsculo estricto para que clase, grid-area y HTML coincidan sin escapes. Se rechazan nombres CSS reservados, duplicados, solapamientos y posiciones fuera de la cuadrícula. Las celdas vacías quedan visibles como puntos. Estas reglas hacen predecible el resultado, pero no eligen el elemento semántico: sustituye los div de muestra por los hitos correctos.
Verifica el orden real del documento
GridWeave previsualiza la cuadrícula visual validada, no el significado ni el orden de lectura. Mantén el HTML fuente en una secuencia lógica que funcione antes del CSS y prueba teclado, zoom, traducciones largas, anchos estrechos y tecnologías de asistencia en el componente real. Añade puntos de ruptura de forma deliberada en tu hoja: las pistas generadas describen solo el diseño actual. La cápsula no guarda el diseño, así que conserva CSS y HTML en control de versiones.