.po-file{display:flex;align-items:center;gap:12px}
.po-ico{flex:none;width:34px;height:42px;border-radius:6px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
.po-meta{flex:1;min-width:0}
.po-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-meta small{color:var(--muted);font-size:13px}
.po-tools{display:flex;flex-wrap:wrap;gap:8px}
.po-tools .btn{flex:1 1 auto}
.po-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;user-select:none;-webkit-user-select:none}
@media (min-width:600px){.po-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.po-page{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:grab;-webkit-touch-callout:none;outline:none;transition:transform .15s}
.po-page:focus-visible{border-color:var(--brand)}
.po-page.lifted{transform:scale(1.04);border-color:var(--brand);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.po-page.dragging{opacity:.35;border-style:dashed;border-color:var(--brand)}
.po-thumb{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.po-thumb canvas,.po-thumb .po-ph{max-width:100%;max-height:100%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);border-radius:2px;transition:transform .2s;display:block}
.po-thumb .po-ph{width:70%;aspect-ratio:1/1.414;background:var(--surface)}
.po-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:var(--text)}
.po-label small{font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.po-acts .btn{min-height:36px;padding:4px 0;font-size:16px}
.po-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.9;margin:0;box-shadow:0 10px 28px rgba(0,0,0,.25);border-color:var(--brand);transform:rotate(2deg)}
.po-ghost .po-acts{display:none}
.po-grid.is-dragging .po-page{cursor:grabbing}