/* Base look comes from ../merge-pdf/tool.css (.pt-*); these are the page grid and page-number parts. */
.pt .po-current{border-color:var(--pt-accent);background:var(--pt-soft)}
.pt .po-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pt .po-small{padding:7px 12px;font-size:13px}
.pt .po-help{margin:0;font-size:13px;color:var(--pt-muted)}
.pt .po-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px}
.pt .po-grid:empty{display:none}
.pt .po-card{position:relative;display:grid;gap:6px;background:#fff;border:1px solid var(--pt-line);border-radius:10px;padding:8px;min-width:0;user-select:none;-webkit-user-select:none;transition:box-shadow .12s}
.pt .po-card.is-dragging{z-index:5;opacity:.92;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:none}
.pt .po-card.po-before{box-shadow:-5px 0 0 var(--pt-accent)}
.pt .po-card.po-after{box-shadow:5px 0 0 var(--pt-accent)}
.pt .po-thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f2f4f1;border-radius:8px;overflow:hidden;cursor:grab}
.pt .po-thumb img{display:block;max-width:92%;max-height:92%;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .15s;pointer-events:none}
.pt .po-thumb img.po-r90{transform:rotate(90deg)}
.pt .po-thumb img.po-r180{transform:rotate(180deg)}
.pt .po-thumb img.po-r270{transform:rotate(270deg)}
.pt .po-blank{width:64%;height:86%;background:#fff;border:1px dashed #b9c0b7;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--pt-muted)}
.pt .po-blank.is-wide{width:86%;height:64%}
.pt .po-wait{color:var(--pt-muted);font-size:18px}
.pt .po-cap{display:flex;align-items:center;gap:6px;min-width:0}
.pt .po-num{font-weight:800;font-size:15px;color:var(--pt-ink)}
.pt .po-orig{flex:1 1 auto;min-width:0;font-size:12px;color:var(--pt-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt .po-grip{flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid var(--pt-line);border-radius:8px;background:#fff;color:var(--pt-ink);font-size:16px;line-height:1;cursor:grab;touch-action:none}
.pt .po-tools{display:flex;justify-content:space-between;gap:4px}
.pt .po-tools .pt-icon{width:28px;height:28px;font-size:14px}
.pt .po-edit{width:auto;padding:0 10px;font-size:13px;font-weight:700}
.pt .po-numbar .pg-panel{margin-top:0}
.pt .pg-bar .pg-field input[type=number]{width:100%}