/* Éditeur de la LiooPage (lot 4, vue 05) : mise en page de l'écran seulement ; les commandes sont celles de la
   bibliothèque (components.css). Deux colonnes à 1440 (l'onglet, l'aperçu collant à droite) ; sous 900 px, l'aperçu
   passe en tête et la colonne prend toute la largeur. */
.lp-screen{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;container-type:inline-size;container-name:lpe}
.lp-screen .hl-screenhead__actions{align-items:center;flex-wrap:wrap}
.lp-linkbar .hl-row__main{flex-wrap:wrap;row-gap:var(--space-2)}
.lp-linkbar .hl-row__text{flex:1 1 calc(var(--control) * 5);overflow-wrap:anywhere}
.lp-linkbar__actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}
/* En-tête de l'éditeur : la barre d'état (Enregistré · non publiées, Publier, Partager) sur sa propre ligne, sous le titre
   et le lien : un changement d'état ne fait jamais repasser le lien à la ligne (aucun saut pendant la saisie). */
@media (min-width:900px){.lp-screen .hl-editorhead__bar{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.lp-screen .hl-editorhead__bar>.hl-savebar{flex:none}.lp-screen .hl-editorhead .hl-savebar__status{min-width:22rem;justify-content:flex-start}}
.lp-tabsrow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
/* Lot C : une seule bande — onglets, pastille d'offre, et à droite la bascule de l'aperçu (ou le bouton « Aperçu »). */
.lp-tabsrow__end{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}
.lp-tabsrow [data-action="lp-sheet"],.lp-aside__head{display:none}
.lp-aside__head{align-self:stretch;align-items:center;justify-content:space-between;gap:var(--space-3)}
.lp-person-hint{margin:calc(var(--space-2) * -1) 0 0}
.lp-style-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}
.lp-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--control) * 8.6));gap:var(--space-6);align-items:start}
.lp-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.lp-form{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.lp-aside{position:sticky;top:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:0}
.lp-aside__note{margin:0;text-align:center}
.lp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.lp-subhead{margin:var(--space-2) 0 0;font-size:var(--fs-16);font-weight:700;color:var(--text)}
.lp-links{display:flex;flex-direction:column;gap:var(--space-3)}
.lp-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--space-3);align-items:end;padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}
.lp-link__tools{display:inline-flex;align-items:center;gap:var(--space-1);flex:none}
.lp-question{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm)}
.lp-question__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.lp-question__head h4{margin:0;font-size:var(--fs-14);font-weight:700}
.lp-file{display:flex;flex-direction:column;gap:var(--space-3)}
.lp-file .form-error:empty,.lp-form .form-error:empty{display:none}
.lp-studio{display:flex;flex-direction:column;gap:var(--space-4)}
.lp-studio .hl-card{display:flex;flex-direction:column;gap:var(--space-4)}
.lp-setrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}
.lp-setrow>span{font-size:var(--fs-14);font-weight:600}
.lp-elements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5);row-gap:var(--space-2)}
/* Couleurs : autant de colonnes que la carte en loge à ~11 rem (champ hexadécimal du ColorField lisible, contrôles 44 px). */
.lp-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-3)}
.lp-composer{display:flex;flex-direction:column;gap:var(--space-3)}
.lp-composer__add{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.lp-composer [data-element-row].dragging{opacity:.5}
.hl-preview .lioopage,.hl-preview .page-frame{min-height:100%}
/* AV-016 : les bascules dépendent de la zone utile (barre latérale comprise), pas de la fenêtre. Sous 1000 px de zone
   (1024 px d'écran avec la barre latérale), l'aperçu passe en tête et la colonne prend toute la largeur. */
@container lpe (max-width:999px){
  .lp-editor{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  /* Lot C (audit §7) : l'aperçu ne s'intercale plus entre les onglets et les champs ; il s'ouvre en feuille plein écran
     (« Aperçu »), en version téléphone, avec sa croix. */
  .lp-tabsrow__end>.hl-seg{display:none}
  .lp-tabsrow [data-action="lp-sheet"]{display:inline-flex}
  .lp-aside{display:none}
  .lp-screen.is-sheet .lp-aside{position:fixed;inset:0;z-index:50;display:flex;overflow:auto;padding:var(--space-4);background:var(--bg)}
  .lp-screen.is-sheet .lp-aside__head{display:flex}
  .lp-aside .hl-preview{width:100%;max-width:24rem}
}
/* Cartes d'étape à 1024 : la pastille passe sous le titre, le texte garde la largeur de la carte. */
@container lpe (max-width:999px){
  .lp-screen .hl-levels__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
  .lp-screen .hl-levels__tag{grid-column:2;justify-self:start}
}
/* Éléments : une colonne tant que la zone n'atteint pas ~1200 px — libellé et détail à pleine largeur. */
@container lpe (max-width:1199px){.lp-elements{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .lp-grid,.lp-elements,.lp-colors{grid-template-columns:minmax(0,1fr)}
  /* Titre et adresse l'un sous l'autre ; monter, descendre, retirer alignés sur le bas du dernier champ. */
  .lp-link{grid-template-columns:minmax(0,1fr) auto}
  .lp-link>.hl-field{grid-column:1}
  .lp-link>.lp-link__tools{grid-column:2;grid-row:1 / span 2;align-self:end;flex-direction:column}
  .lp-setrow{flex-direction:column;align-items:stretch}
}
/* La page dans le cadre : pleine largeur, sans marge ni ombre de carte (comme l'ancien cadre de téléphone). */
.hl-preview .studio-canvas{padding:0}
.hl-preview .public-profile,.hl-preview .page-frame{max-width:100%;border-radius:0;box-shadow:none}
/* Liens de la page (D98, D99) : bandeau de grâce, lien permanent et verrou Pro empilés ; disponibilité de l'alias. */
.lp-linkbar{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.lp-alias-status{min-height:var(--space-6);margin-top:var(--space-2)}
/* Onglets Français | English du contenu (D115) et champs de la version anglaise : pastille d'état au-dessus du champ. */
.lp-col>.hl-langtabs{margin-bottom:var(--space-4)}
.lp-trad{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.lp-trad-champ{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.lp-trad-champ+.lp-trad-champ{margin-top:var(--space-4)}
.lp-trad-champ__etat{display:flex;justify-content:flex-end}
.lp-trad-etat:empty{display:none}
.lp-trad-champ>.hl-btn{align-self:flex-start}