.po-page{max-width:1080px;margin:28px auto;padding:0 12px;color:#efeafa}.po-page *{box-sizing:border-box}.po-intro,.po-muted{color:#c9c0d9;line-height:1.7}.po-badges,.po-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.po-badges span{border-radius:30px;padding:8px 14px;background:#302343;color:#dfc9ff}.po-panel{margin:24px 0;padding:24px;border:1px solid #4a385a;border-radius:20px;background:linear-gradient(135deg,#251c35,#181721)}.po-panel h2{font-size:1.2rem}.po-page button,.po-dialog button,.po-page a#poDownload{font:inherit;padding:10px 13px;border:1px solid #655077;border-radius:9px;background:#33283f;color:#f3eaff;cursor:pointer;text-decoration:none}.po-page .po-primary,.po-page a#poDownload{background:#7953c7!important}.po-page button:hover:enabled{background:#4d365f}.po-page button:disabled{opacity:.4;cursor:default}.po-page :focus-visible,.po-dialog :focus-visible{outline:3px solid #c4a0ff;outline-offset:3px}.po-history{margin:20px 0}.po-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.po-card{background:#16121e;border:1px solid #483552;border-radius:14px;padding:12px;min-width:0}.po-card:has(input:checked){border-color:#c098ff;box-shadow:0 0 0 1px #c098ff}.po-card header{display:flex;justify-content:space-between;align-items:center;gap:6px}.po-card input[type=checkbox]{width:18px;height:18px;accent-color:#b38bea}.po-thumb{height:210px;display:flex;align-items:center;justify-content:center;margin:12px 0;overflow:hidden;background:#2b2433;border-radius:8px}.po-thumb img{max-width:85%;max-height:85%;object-fit:contain;box-shadow:0 4px 12px #0008}.po-card p{font-size:.85rem;color:#c9bfd9}.po-card .po-actions{gap:5px}.po-card button{padding:7px 9px;font-size:.85rem}.po-card label{font-size:.8rem;display:flex;align-items:center;gap:7px;margin-top:12px}.po-card input[type=number]{width:65px}.po-page input:not([type=checkbox]){background:#17101f;color:#efeafa;border:1px solid #645071;padding:9px;border-radius:8px;font:inherit;max-width:100%}#poName{display:block;width:350px;margin:10px 0 18px}.po-pagination{justify-content:center;margin-top:20px}.po-notice{background:#352a25;border-left:3px solid #d1a465;padding:12px;line-height:1.7;color:#ecdac9}.po-dialog{background:#241a30;color:#efeafa;border:1px solid #856398;border-radius:16px;width:min(650px,calc(100% - 24px));max-height:95vh;overflow:auto}.po-dialog::backdrop{background:#000b}.po-dialog canvas{display:block;max-width:100%;height:auto;margin:15px auto;background:#fff}.po-dialog .po-actions{justify-content:center}#poStatus[data-error=true]{color:#ffaaa8}.po-page [hidden]{display:none!important}#poDrop.dragover{border-color:#c098ff}@media(max-width:900px){.po-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.po-panel{padding:15px}.po-thumb{height:165px}.po-card{padding:9px}.po-card header{font-size:.85rem}.po-actions button{flex-grow:1}}@media(max-width:360px){.po-grid{grid-template-columns:1fr}}
.po-card label{flex-wrap:wrap}.po-card input[type=number]{width:55px;min-width:0}.po-card label button{flex-grow:0}@media(max-width:650px){.po-card label{gap:5px}.po-card label input[type=number]{flex:1}.po-card label button{padding:7px}}
@media(max-width:650px){.po-card label>span{flex-basis:100%}.po-card label input[type=number]{min-width:45px}}
.po-thumb img{max-width:none;max-height:none}