### **4. Extension Chrome (Éditeur No-Code)**

#### **4.1. Interface de Création**
*   **Encapsulation et Isolation :** L'interface de l'éditeur est injectée via un **Content Script (WXT)** dans un **Shadow DOM (mode: 'closed')**. L'isolation est renforcée par l'utilisation de `:host { all: initial; }` pour annuler tout héritage CSS de la page hôte.
*   **Modes de Positionnement :** L'overlay est flexible pour ne pas gêner l'édition :
    *   **Panneau :** Fixé à droite (largeur 380px).
    *   **Dock :** Fixé en bas de l'écran.
    *   **Fenêtre :** Mode modal centré.

#### **4.2. Mode Inspecteur Visuel**
*   **Capture Multi-critères :** Au survol, l'extension affiche une bordure d'analyse. Au clic, elle génère un sélecteur résilient combinant l'**ID/Classe CSS**, les **attributs ARIA**, le `data-testid` et le **contenu textuel**.
*   **Configuration des Étapes :** Formulaire permettant de définir le titre, le texte (HTML ou brut), la position relative (Haut, Bas, Gauche, Droite, Centré) et les déclencheurs (clic, saisie de texte, ou bouton "Suivant").

#### **4.3. Moteur d'Embranchements (Branching Engine)**
*   **Logique de Questionnement :** Création d'étapes de type **Question à Choix Multiples (QCM)** directement dans l'éditeur.
*   **Routage Dynamique :** Capacité de définir des règles de navigation conditionnelle (ex: si choix A, aller à l'étape 4 ; si choix B, aller à l'étape 6).