/* Styles généraux pour le corps de la page */
            html,
            body {
                  height: 100%;
                  margin: 0;
                  display: flex;
                  flex-direction: column;
                  font-family: sans-serif;
            }

            /* Conteneur Blockly */
            #blocklyDiv {
                  height: 60%;
                  width: 100%;
            }

            /* Panneau de contrôles */
            #controls {
                  padding: 10px;
                  background: #f0f0f0;
                  display: flex;
                  gap: 8px;
                  flex-wrap: wrap;
                  align-items: center;
                  border-top: 1px solid #ccc;
            }

            /* Zone de sortie de la console */
            #output {
                  background: #111;
                  color: #0f0;
                  padding: 10px;
                  height: 20%;
                  overflow-y: auto;
                  font-family: monospace;
                  white-space: pre-wrap;
                  /* Permet les retours à la ligne */
                  border-top: 1px solid #333;
            }

            /* Boutons */
            button {
                  padding: 8px 12px;
                  cursor: pointer;
                  border: 1px solid #ccc;
                  border-radius: 4px;
                  background-color: #e0e0e0;
                  transition: background-color 0.2s;
            }

            button:hover {
                  background-color: #d0d0d0;
            }

            /* Masque le champ de fichier natif */
            #fileInput {
                  display: none;
            }