.page-editor-container {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.available-elements {
    width: 250px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
    height: fit-content; /* Pour que la hauteur s'adapte au contenu */
}
.available-elements h4 {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.element-item { /* Style pour les éléments dans la liste "disponibles" ET pour les clones temporaires */
    padding: 10px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: grab;
    text-align: center;
}
.page-zones {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.drop-zone {
    border: 2px dashed #ccc;
    padding: 20px;
    min-height: 150px;
    border-radius: 8px;
    background-color: #fff;
}
.drop-zone h5 {
    margin-top: 0;
    color: #777;
}
.drop-zone .page-element { /* Style pour les éléments DÉJÀ SAUVEGARDÉS dans une zone */
    background-color: #e9f5ff;
    border: 1px solid #b3d7ff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: move; /* Curseur pour indiquer le drag */
}
.page-element .actions button {
    margin-left: 5px;
    padding: 3px 7px;
    font-size: 0.8em;
}
.modal-body textarea.ckeditor-instance { /* Cible spécifique pour CKEditor */
    width: 100%;
    min-height: 250px;
}
.sortable-ghost { /* Style pour l'élément fantôme pendant le drag */
    opacity: 0.4;
    background: #c8ebfb !important; /* Important pour surcharger le style de .element-item */
}
.sortable-chosen { /* Style pour l'élément choisi */
    background: #e0f0ff !important;
}
.element-placeholder { /* Style pour le placeholder temporaire après drop */
    background-color: #f0f0f0;
    text-align: center;
    padding: 10px;
    border: 1px dashed #ccc;
    color: #777;
    margin-bottom: 8px; /* Consistant avec .element-item */
    border-radius: 4px; /* Consistant avec .element-item */
}