flowchart TD
  A[Inicio del proyecto] --> B[Abre carpeta o repositorio]
  B --> C{Organiza el trabajo}
  C --> C1[Crear / renombrar / borrar]
  C --> C2[Bookmarks y tags]
  C --> C3[Busqueda y contador total]
  C1 --> D[Edita en Markdown]
  C2 --> D
  C3 --> D
  D --> E[Preview en vivo]
  E --> E1[Tablas, imagenes y Mermaid]
  E1 --> F[Revision de cambios]
  F --> G[Git integrado
commit + sync]
  F --> H[Historial por archivo]
  H --> D
  G --> I[Exporta carpeta o seleccion]
  I --> J[PDF / HTML]
  J --> K[Entrega final]
  G --> L[Estado de sincronizacion]
  L --> K

  classDef setup fill:#214a6b,stroke:#83c7ff,color:#ecf7ff;
  classDef organize fill:#2e5c46,stroke:#95d9b7,color:#eefcf4;
  classDef edit fill:#4b3f7a,stroke:#c8b6ff,color:#f4eeff;
  classDef review fill:#6a4b2a,stroke:#f3be7a,color:#fff5e8;
  classDef output fill:#5f304f,stroke:#f2a8d1,color:#fff0f9;

  class A,B setup;
  class C,C1,C2,C3 organize;
  class D,E,E1 edit;
  class F,G,H,L review;
  class I,J,K output;