Protonox Studio Panel

### Auditoría en vivo

Grid 8px + baseline 4px, safe areas, contraste y proporción áurea ya calculan resultados estructurados.

    Armonía visual: 92/100
    Tipografía: escala detectada perfect fourth (1.333)

### One-Click Fix

Exporta un manifest (`protonox export`) con tokens y spacing sugerido listo para aplicar como parche.

### AI Nudge™

Sugerencias inmediatas de padding/margin, tokens y contraste que pueden mostrarse como tooltip flotante.

### Onboarding instantáneo (8s)

Ahora el propio overlay explica cómo usar Protonox al instante y ofrece un modo Alt sostenido (Alt x2) para no tener que mantener la tecla.

- Alt → entra a modo edición con overlay gigante y tips.
- Alt x2 → bloquea el modo Protonox hasta presionar Esc.
- Cheat sheet flotante con atajos, ocultable y recordado.
- Tooltip contextual al hover con “Click + Drag”, esquinas y Alt+Enter → IA.
- Tour inicial skippable con espacio reservado para tu demo.mp4.

### 8px Grid Auto-Snap

Consistencia instantánea al mover o redimensionar con ajuste automático a múltiplos de 8px.

### Baseline Grid Lock

Bloqueo vertical a 4px/8px para line-height perfecto.

### Golden Ratio Suggestion

Sugerencias 1.618 para héroes y tarjetas al redimensionar.

### Auto Perfect Spacing

Hover en padding/margin y propuesta automática del valor óptimo.

### Component DNA

Detección de patrones repetidos para generar componentes estándar.

### Contrast Guardian

Alertas inmediatas cuando el contraste baja de 4.5:1.

### Responsive Breakpoint Magic

Recomendaciones de ancho y stacking al variar el viewport.

### AI Nudge™

Tooltip constante con sugerencias de tokens, color y espaciado.

### Figma Sync

Connected