.ep-voile{position:fixed;inset:0;z-index:110;background:rgba(24,30,27,.42);display:flex}
.ep-voile [hidden]{display:none !important}
.ep-cadre{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;
  background:var(--blanc);color:var(--encre)}
.ep-tete{display:flex;align-items:center;gap:10px;padding:10px 16px;
  border-bottom:1px solid var(--trait)}
.ep-titres{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ep-titres h2{margin:0;font-size:var(--t-titre);color:var(--accent)}
.ep-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--t-appui)}
.ep-resume{font-size:var(--t-mention);color:var(--doux)}
.ep-etat{margin:0;padding:8px 16px;font-size:var(--t-appui);background:var(--fond);
  border-bottom:1px solid var(--trait)}
.ep-etat:empty{display:none}
.ep-etat.erreur{background:var(--etat-bloquant-fond);color:var(--etat-bloquant-texte)}
.ep-etat.ok{background:var(--etat-confirme-fond);color:var(--etat-confirme-texte)}
.ep-signature{margin:0;padding:8px 16px;font-size:var(--t-appui);font-weight:600;
  background:var(--etat-verifier-fond);color:var(--etat-verifier-texte);
  border-bottom:1px solid var(--trait)}
.ep-extraction-seule .ep-page{cursor:default}
.ep-outils{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
  padding:8px 16px;border-bottom:1px solid var(--trait)}
.ep-aide{flex:1 1 420px;margin:0;font-size:var(--t-mention);color:var(--doux)}
.ep-extraire{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ep-extraire input[type=text]{width:min(300px,70vw);padding:6px 10px}
.ep-pages{flex:1;min-height:0;overflow:auto;margin:0;padding:16px;list-style:none;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;
  align-content:start;background:var(--fond)}
.ep-page{display:flex;flex-direction:column;gap:6px;padding:8px;cursor:grab;
  background:var(--blanc);border:1px solid var(--trait);border-radius:10px}
.ep-page:focus-visible{outline:3px solid var(--pousse);outline-offset:2px}
.ep-page.ep-choisie{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.ep-page.reord-glissee{opacity:.45}
.ep-page.reord-cible{outline:2px dashed var(--accent);outline-offset:3px}
.ep-vignette{position:relative;aspect-ratio:1/1;width:100%;display:flex;
  align-items:center;justify-content:center;overflow:hidden;border-radius:6px;
  background:var(--ivoire)}
.ep-vignette img{max-width:100%;max-height:100%;background:var(--blanc);
  box-shadow:0 1px 6px rgba(0,0,0,.18);transition:transform .15s ease}
.ep-vignette img:not([src]){width:60%;height:80%}
.ep-vignette img.ep-sans-vignette{box-shadow:none;font-size:var(--t-mention)}
.ep-supprimee .ep-vignette img{opacity:.3;filter:grayscale(1)}
.ep-marque{position:absolute;left:8px;right:8px;bottom:8px;padding:3px 6px;
  border-radius:6px;text-align:center;font-size:var(--t-mention);font-weight:600;
  background:var(--alerte);color:#fff}
.ep-marque.ep-marque-zones{top:8px;bottom:auto;background:var(--encre)}
.ep-legende{display:flex;align-items:baseline;gap:8px}
.ep-rang{font-size:var(--t-corps);color:var(--accent);font-variant-numeric:tabular-nums}
.ep-actions{display:flex;flex-wrap:wrap;gap:4px}
.ep-actions button{padding:4px 9px;font-size:var(--t-mention)}
.ep-actions button[data-geste=gauche],.ep-actions button[data-geste=droite]{
  font-size:var(--t-corps);line-height:1;padding:3px 9px}
.ep-choix{display:flex;align-items:center;gap:4px;margin:0;cursor:pointer;
  font-size:var(--t-mention);color:var(--encre)}
.ep-grand{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;
  padding:10px 16px 14px}
.ep-grand .sous{margin:0}
.ep-grand-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ep-grand-tete h3{flex:1 1 320px;margin:0;font-size:var(--t-corps)}
.ep-scene{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;
  justify-content:center;border-radius:8px;background:var(--ivoire)}
.ep-grand-cadre{position:relative;flex:0 0 auto;margin:auto;cursor:crosshair;
  touch-action:none;user-select:none;background:var(--blanc);
  box-shadow:0 2px 14px rgba(0,0,0,.16)}
.ep-grand-cadre img{position:absolute;left:50%;top:50%;max-width:none;
  pointer-events:none}
.ep-zone{position:absolute;background:rgba(0,0,0,.85);pointer-events:none}
.ep-trace{position:absolute;background:rgba(0,0,0,.3);pointer-events:none;
  outline:2px dashed var(--alerte)}
.ep-refus{padding:24px 16px;max-width:64ch;display:flex;flex-wrap:wrap;gap:10px;
  align-items:center}
.ep-refus p{flex:1 1 100%;margin:0}
.ep-refus .ep-motif{font-weight:600;color:var(--etat-verifier-texte)}
.ep-annonce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
  .ep-tete{flex-wrap:wrap}
  .ep-titres{flex:1 1 100%}
  .ep-pages{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .ep-vignette img{transition:none}
}