.po-tool{gap:1.25rem;max-width:1130px;margin:auto;display:grid}.po-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,2.7vw,2rem)}.po-panel h2,.po-panel h3{margin:0 0 .65rem}.po-panel p{margin:.45rem 0 1rem}.po-private{color:var(--accent-strong);font-weight:700}.po-file{opacity:0;width:1px;height:1px;position:absolute}.po-file:focus-visible+.po-pick{outline:3px solid var(--focus);outline-offset:3px}.po-pick{margin:1rem 0 .45rem;display:block}.po-panel small{color:var(--muted);display:block}.po-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.po-toolbar h3{overflow-wrap:anywhere}.po-toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.po-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.po-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;transition:box-shadow .16s,border-color .16s;overflow:hidden}.po-card:hover{box-shadow:0 7px 20px #0001}.po-card.po-moving{opacity:.5}.po-card.po-before{box-shadow:inset 5px 0 var(--accent-strong)}.po-card.po-after{box-shadow:inset -5px 0 var(--accent-strong)}.po-card-heading{align-items:center;gap:.4rem;min-height:46px;padding:.25rem .4rem .25rem .75rem;display:flex}.po-card-heading strong{font-size:1.1rem}.po-card-heading span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.po-handle{width:44px;height:44px;color:var(--ink);cursor:grab;touch-action:none;background:0 0;border:0;font-size:1.45rem}.po-handle:active{cursor:grabbing}.po-view{cursor:zoom-in;background:#eef1ef;border:0;place-items:center;width:100%;min-height:200px;padding:.6rem;display:grid}.po-thumb{width:100%;height:190px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.po-thumb img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;box-shadow:0 2px 10px #0003}.po-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.po-actions button{border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;min-width:0;min-height:44px;font-size:1.3rem}.po-actions button:last-child{border-right:0}.po-actions button:hover:not(:disabled),.po-handle:hover:not(:disabled){background:#e9f7c6}.po-actions button:disabled,.po-handle:disabled{opacity:.35;cursor:not-allowed}.po-export{gap:.7rem;display:grid}.po-export p{margin:0}.po-save{width:100%;min-height:50px}.po-ready{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.po-error{color:#6b2d0e;background:#fff4ec;border-left:3px solid #b95d27;padding:.75rem}.po-ghost{z-index:100;pointer-events:none;color:#fff;background:#162420;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;position:fixed;box-shadow:0 9px 22px #0004}.po-dragging{-webkit-user-select:none;user-select:none}.po-dialog{background:var(--surface);width:min(90vw,700px);max-width:min(90vw,900px);max-height:90vh;color:var(--ink);border:0;border-radius:18px;padding:1rem}.po-dialog::backdrop{background:#071b1caa}.po-dialog>div{gap:.5rem;display:grid}.po-dialog button{justify-self:end}.po-thumb-large{background:#eef1ef;height:min(68vh,850px);padding:.8rem}.po-tool :is(button,a):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:500px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.po-panel{padding:1rem}.po-card-heading{padding-left:.35rem}.po-card-heading span{font-size:.68rem}.po-view{min-height:165px;padding:.35rem}.po-thumb{height:155px}.po-actions button{font-size:1.15rem}}@media (max-width:350px){.po-grid{grid-template-columns:1fr}.po-card-heading span{display:none}}@media (prefers-reduced-motion:reduce){.po-card{transition:none}}.po-legend{color:var(--muted);font-size:.9rem}