.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-3)}.pdf-page-grid__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:grab;user-select:none;transition:border-color .15s,opacity .15s}.pdf-page-grid__item--selected{border-color:var(--color-primary-500);background:var(--color-primary-50, rgb(63 191 122 / .08))}.pdf-page-grid__item--dragging{opacity:.4;cursor:grabbing}.pdf-page-grid__item--over{border-color:var(--color-primary-400);border-style:dashed}.pdf-page-grid__select-label{position:absolute;top:var(--spacing-1);left:var(--spacing-1);cursor:pointer}.pdf-page-grid__checkbox{width:16px;height:16px;cursor:pointer}.pdf-page-grid__thumb-wrap{width:100%;display:flex;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);min-height:80px;background:var(--color-surface-2)}.pdf-page-grid__thumb{max-width:100%;max-height:140px;object-fit:contain;border-radius:var(--radius-sm);transition:transform .2s ease}.pdf-page-grid__footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-1);margin-top:var(--spacing-1)}.pdf-page-grid__label{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pdf-page-grid__rotate-btn{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:1rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);line-height:1;flex-shrink:0}.pdf-page-grid__rotate-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}