.po-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.po-file{display:flex;flex-direction:column;min-width:0}.po-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-file .muted{font-size:13px}.po-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px}.po-bulk,.po-select{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.po-toolbar .btn{font-size:13px}.po-toolbar .btn:disabled{opacity:.45;cursor:default}.po-bulk .muted{font-size:13px;margin-right:4px}.po-danger:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.po-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:14px;gap:14px}@media (max-width:480px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.po-page{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--border);cursor:-webkit-grab;cursor:grab;transition:border-color .15s,box-shadow .15s,opacity .15s}.po-page.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.po-page.dragging{opacity:.4}.po-thumb{position:relative;display:grid;place-items:center;aspect-ratio:3/4;overflow:hidden;padding:6px;border:0;border-radius:8px;background:var(--surface-2);cursor:pointer}.po-thumb img{max-width:100%;max-height:100%;box-shadow:0 1px 3px rgb(0 0 0/.2);transition:transform .2s}.po-thumb img.sideways{max-width:75%;max-height:133%}.po-blank{font-size:28px;font-weight:700;color:var(--muted)}.po-check{position:absolute;top:6px;left:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:#fff;font-size:13px;font-weight:800}.po-page.on .po-check{background:var(--accent);border-color:var(--accent)}.po-meta{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:13px}.po-no{font-weight:700}.po-orig{font-size:11px}.po-btns{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px}.po-btns button{height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.po-btns button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.po-btns button:disabled{opacity:.3;cursor:default}.po-outputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:20px}@media (max-width:720px){.po-outputs{grid-template-columns:1fr}}.po-card{display:grid;grid-gap:10px;gap:10px;align-content:start;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.po-card h2{margin:0;font-size:16px}.po-card p{margin:0;font-size:14px}.po-row{display:flex;flex-wrap:wrap;gap:8px}.po-row .btn:disabled{opacity:.5;cursor:default}.po-inline{display:flex;align-items:center;gap:8px;font-size:14px}.po-inline .input{width:80px;text-align:right}.po-done{color:var(--accent);font-weight:600}