.toolhub-rotate-pdf__dropzone { display:grid; gap:.2rem; margin-bottom:1rem; padding:1.3rem; border:2px dashed #9aa8bb; border-radius:12px; background:var(--thub-surface-alt); cursor:pointer; text-align:center; }
.toolhub-rotate-pdf__dropzone.is-dragging { border-color:var(--thub-accent); background:var(--thub-accent-soft); }
.toolhub-rotate-pdf__dropzone:focus-visible { outline:3px solid rgba(23,105,224,.28); outline-offset:2px; }
.toolhub-rotate-pdf__thumbs { display:grid; grid-template-columns:repeat(auto-fill,minmax(105px,1fr)); gap:.65rem; max-height:560px; margin-bottom:1rem; overflow:auto; }
.toolhub-rotate-pdf__thumb { display:grid; gap:.35rem; min-width:0; padding:.5rem; border:1px solid var(--thub-border); border-radius:9px; background:var(--thub-surface-alt); color:var(--thub-text); text-align:center; }
.toolhub-rotate-pdf__thumb.is-targeted { border-color:var(--thub-accent); box-shadow:0 0 0 2px rgba(23,105,224,.13); }
.toolhub-rotate-pdf__thumb canvas { display:block; width:100%; height:auto; max-height:150px; object-fit:contain; background:#fff; }
.toolhub-rotate-pdf__thumb span { overflow-wrap:anywhere; font-size:.78rem; font-weight:700; }
@media (max-width:380px) { .toolhub-rotate-pdf__thumbs { grid-template-columns:repeat(2,minmax(0,1fr)); } }