/* ============================================================
   Ocleiria Toolbox  Diviser PDF (styles spécifiques)
   Complète style.css / audio.css / pdf.css sans les modifier.
   ============================================================ */

.work { display:flex; flex-direction:column; gap:20px; }

/* champ de sélection par plages dans la barre d'action */
.range-field { display:flex; align-items:center; gap:8px; }
.range-field input[type="text"] {
  width:150px; font-family:var(--font-mono); font-size:.85rem; padding:8px 12px;
  border:1px solid var(--border-color); background:var(--primary-bg); color:var(--text-primary);
  border-radius:var(--radius); transition:var(--transition);
}
.range-field input[type="text"]:focus {
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);
}

/* le sélecteur de mode reste compact dans la barre */
.toolbar .opts { align-items:flex-end; }
.toolbar .opts .field { margin:0; min-width:240px; }
.toolbar .opts .field > label {
  font-family:var(--font-mono); font-size:.7rem; text-transform:uppercase;
  letter-spacing:.1em; margin-bottom:4px;
}

.work__foot { display:flex; justify-content:flex-start; }

/* libellé accessible masqué visuellement */
.sr-only {
  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:560px) {
  .range-field { flex:1 1 100%; }
  .range-field input[type="text"] { flex:1 1 auto; width:auto; }
  .toolbar .opts .field { min-width:0; flex:1 1 100%; }
}