.po-page{max-width:1180px;margin:auto;padding:36px 24px 64px}.po-heading{background:none;border:0;margin-bottom:24px}.po-heading>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.po-heading h1{font-size:clamp(30px,4vw,46px);margin:14px 0}.po-heading p,.po-hint,.po-page .tool-guide p{color:var(--muted);line-height:1.8}.po-drop{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border:2px dashed #aabc93;background:#f7faef;padding:22px;border-radius:14px;cursor:pointer}.po-drop span{font-size:13px;color:var(--muted)}.po-drop input{max-width:100%}.po-toolbar,.po-actions{display:flex;flex-wrap:wrap;gap:8px}.po-toolbar{margin-top:20px}.po-page button,.po-page a.tool-run{font:inherit;font-size:13px;padding:10px 13px;border-radius:8px;cursor:pointer;text-decoration:none}.po-page button:disabled{opacity:.45;cursor:default}.po-page button:focus-visible,.po-page input:focus-visible{outline:3px solid #709b36;outline-offset:3px}.po-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:24px}.po-page progress{width:100%;margin:16px 0 0;accent-color:#6e9439}.po-page [hidden]{display:none!important}#po-file-info{overflow-wrap:anywhere;font-size:13px;color:var(--muted)}#po-status{font-size:14px;line-height:1.6;min-height:22px}.po-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:0;list-style:none;margin:24px 0}.po-card{padding:14px;border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:0}.po-card.is-selected{border-color:#84a74e;box-shadow:inset 0 0 0 1px #84a74e}.po-card.is-dragover{outline:3px solid #6f913c}.po-card label{display:flex;gap:8px;align-items:center;font-weight:700;font-size:14px}.po-card input{width:18px;height:18px;accent-color:#608239}.po-card .po-thumbnail{aspect-ratio:1;background:#e9ece6;margin:12px 0;padding:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.po-thumbnail img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;user-select:none}.po-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}.po-card .po-actions{gap:6px}.po-card button{padding:7px 9px;font-size:12px}.po-page .tool-guide{margin-top:30px}#po-result{padding:20px;margin-top:20px;background:#edf7db;border:1px solid #aabc93;border-radius:12px}#po-result-info{font-size:14px;overflow-wrap:anywhere}#po-empty{padding:48px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}@media(max-width:560px){.po-page{padding:26px 16px 48px}.po-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.po-card{padding:10px}.po-card .po-actions{display:grid;grid-template-columns:1fr 1fr}.po-card label{font-size:12px}.po-drop{gap:10px}.po-card button{padding:7px 4px;font-size:11px}}