.pdf-pages .arrange-bar{margin-bottom:10px}
.pdf-pages .range-form{display:flex;gap:6px;align-items:center}
.pdf-pages .range-form input{width:170px;min-height:44px}
.pdf-pages button.danger{color:var(--danger);border-color:#e2b7ab}
.pdf-pages #summary{margin:6px 0 14px;font-variant-numeric:tabular-nums}
.pdf-pages .page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.pdf-pages .page-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:box-shadow .15s,border-color .15s,transform .15s;contain:layout paint}
.pdf-pages .page-card:hover{box-shadow:var(--shadow)}
.pdf-pages .page-card.selected{border-color:var(--green);box-shadow:0 0 0 2px var(--green) inset}
.pdf-pages .page-card.dragging{opacity:.45}
.pdf-pages .page-card.drop-before{box-shadow:-4px 0 0 var(--green)}
.pdf-pages .page-card.drop-after{box-shadow:4px 0 0 var(--green)}
.pdf-pages .pick{position:absolute;top:14px;left:14px;z-index:2;margin:0}
.pdf-pages .pick input{width:20px;height:20px;accent-color:var(--green);cursor:pointer}
.pdf-pages .thumb{position:relative;display:grid;place-items:center;aspect-ratio:3/4;border-radius:8px;background:#f1f3ee;overflow:hidden;cursor:grab}
.pdf-pages .thumb canvas{transition:transform .2s}
.pdf-pages .thumb canvas{position:absolute;left:50%;top:50%;display:block;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0002}
.pdf-pages .thumb .ph{width:56%;height:70%;border-radius:4px;background:linear-gradient(90deg,#e6eae1,#f4f6f1,#e6eae1);background-size:200% 100%;animation:pp-shine 1.2s linear infinite}
@keyframes pp-shine{to{background-position:-200% 0}}
.pdf-pages .meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.pdf-pages .badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:hsl(var(--h,150) 45% 88%);color:hsl(var(--h,150) 50% 26%);font-weight:750;font-size:.75rem}
.pdf-pages .card-actions{display:flex;justify-content:space-between;gap:4px}
.pdf-pages .icon{min-height:34px;min-width:34px;padding:4px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:.95rem}
.pdf-pages .icon:hover{border-color:var(--green);color:var(--green);background:var(--soft)}
.pdf-pages .icon.del:hover{border-color:#e2b7ab;color:var(--danger);background:#f9ece7}
.pdf-pages .export-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.pdf-pages .export-row .field{margin:0}
.pdf-pages .name-field input{width:200px}
.pdf-pages .split-field input{width:90px}
.pdf-pages .small{margin:8px 0 0;font-size:.8rem}
@media(max-width:700px){.pdf-pages .page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pdf-pages .range-form{width:100%}.pdf-pages .range-form input{flex:1;width:auto}.pdf-pages .name-field,.pdf-pages .name-field input{width:100%}.pdf-pages .export-row button{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){.pdf-pages .thumb .ph{animation:none}}