.po-grid { list-style: none; padding: 0; margin: 12px 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
.po-card { border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); padding: 8px; text-align: center; cursor: grab; user-select: none; }
.po-card.is-drag { opacity: .4; } .po-card.is-over { outline: 2px dashed var(--brand, #0260A2); outline-offset: 2px; }
.po-thumb { height: 150px; display: flex; align-items: center; justify-content: center; }
.po-thumb canvas { max-width: 100%; max-height: 150px; box-shadow: 0 1px 3px rgba(16,24,40,.2); background: #fff; transition: transform .15s; }
.po-card b { display: block; font-size: .8rem; margin: 6px 0 4px; }
.po-tools { display: flex; justify-content: center; gap: 2px; }
.po-tools button { border: 0; background: none; padding: 4px 7px; border-radius: 6px; cursor: pointer; font-size: .95rem; color: var(--ink-2); }
.po-tools button:hover, .po-tools button:focus-visible { background: #e3e9f0; }