Workbench

Crea una barra lateral (sidebar) a la derecha de la interfaz existente que permita a los usuarios editar y cambiar cada elemento de la página de manera intuitiva. La barra lateral debe incluir las siguientes características:

1. **Edición de Texto**:
   - Permitir la modificación del contenido textual.
   - Incluir opciones para cambiar el estilo del texto, como fuente, tamaño, color y alineación.

2. **Gestión de Imágenes**:
   - Proporcionar la opción de reemplazar imágenes existentes.
   - Incluir controles para ajustar el tamaño y la posición de las imágenes.

3. **Organización del Código**:
   - Asegúrate de que la arquitectura del proyecto esté bien estructurada, separando claramente los archivos de estilo (CSS), funcionalidad (JavaScript) y la estructura HTML. 
   - Utiliza un formato estándar y limpio para cada tipo de archivo.

4. **Funcionalidades y Estilo**:
   - Mantén todas las funcionalidades existentes sin cambios.
   - No modifiques el estilo actual de la interfaz; la barra lateral debe integrarse de manera armónica con el diseño existente.

5. **Empaquetado**:
   - Al finalizar, genera un archivo ZIP que contenga todos los archivos necesarios para implementar la barra lateral, asegurando que la estructura de carpetas se mantenga organizada.

Por favor, entrega el código bien documentado y estructurado, con explicaciones breves sobre cada sección.