.organizer-upload { margin-top:24px; }
.organizer-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:24px 0 18px; }
.organizer-toolbar h2 { font-size:1.25rem; }
.organizer-actions, .organizer-selection { display:flex; flex-wrap:wrap; gap:8px; }
.organizer-pages { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:18px; padding:0; list-style:none; }
.organizer-page { min-width:0; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.organizer-page.is-selected { border-color:var(--navy); box-shadow:0 0 0 2px #10284625; }
.organizer-page.is-dragging { opacity:.45; }
.organizer-page.is-drop-target { outline:3px dashed var(--navy); outline-offset:3px; }
.organizer-thumbnail { height:220px; display:flex; align-items:center; justify-content:center; background:#eef1f5; border-radius:6px; margin-bottom:12px; cursor:grab; }
.organizer-thumbnail canvas { max-width:100%; max-height:210px; box-shadow:0 2px 8px #10284620; }
.organizer-page label { display:flex; gap:8px; align-items:center; font-weight:600; }
.organizer-page input { flex-shrink:0; }
.organizer-source { display:block; font-size:.8rem; color:var(--muted); overflow-wrap:anywhere; margin:8px 0 12px; }
.organizer-page-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.organizer-page-actions button:last-child { grid-column:1 / -1; }
#organizer-status[data-error="true"] { color:#b02a37; }
.pdf-organizer [hidden] { display:none!important; }
@media(max-width:650px) {
  .organizer-toolbar { align-items:flex-start; flex-direction:column; }
  .organizer-pages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .organizer-page { padding:10px; }
  .organizer-thumbnail { height:160px; }
  .organizer-thumbnail canvas { max-height:150px; }
  .organizer-page-actions { grid-template-columns:1fr; }
}