.pg-editor{border:1px solid #343439;background:#151517;padding:18px;border-radius:12px;min-width:0}.pg-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pg-heading h3{font-size:17px;margin:0}.pg-heading p{font-size:12px;color:#999;line-height:1.8;margin:7px 0 16px}.pg-heading>span{white-space:nowrap;color:#c6c6cd;font-size:12px}.pg-upload{border:1px dashed #414148;border-radius:9px;padding:14px;background:#101012}.pg-upload.is-dragging{border-color:#df304a;background:#23161b}.pg-upload small{display:block;color:#999;font-size:11px;line-height:1.8;margin:9px 0}.pg-url{display:flex;align-items:end;gap:9px;margin-top:13px}.pg-url label{flex:1;min-width:0}.pg-url .btn{white-space:nowrap}.pg-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.pg-image-card{border:1px solid #37373d;border-radius:9px;overflow:hidden;background:#0d0d0f;min-width:0}.pg-image-preview{aspect-ratio:4/3;position:relative;display:grid;place-items:center;background:#19191c}.pg-image-preview img{width:100%;height:100%;object-fit:contain;position:absolute}.pg-image-preview>span{font-size:11px;color:#aaa;padding:8px}.pg-position,.pg-cover-label{position:absolute;background:#08080ce6!important;color:#eee!important;border-radius:5px;padding:3px 7px!important}.pg-position{top:7px;left:7px}.pg-cover-label{right:7px;bottom:7px;border:1px solid #b92e44}.pg-cover-button{width:100%;font:inherit;font-size:11px;border:0;border-bottom:1px solid #303035;padding:9px 5px;cursor:pointer;color:#aaa;background:#19191c}.pg-cover-button[aria-pressed=true]{background:#2b171e;color:#ff9dab}.pg-image-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:3px;padding:5px}.pg-image-actions button{background:#202024;color:#d9d9df;border:0;border-radius:4px;min-height:34px;cursor:pointer;font:inherit;font-size:12px}.pg-image-actions button:disabled{opacity:.25;cursor:default}.pg-empty{grid-column:1/-1;text-align:center;color:#888;padding:22px;font-size:12px}.pg-status{color:#eca3af;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.pg-upload input[type=file]{font-size:11px!important}.pg-editor button:focus-visible,.pg-viewer button:focus-visible{outline:2px solid #ef4560;outline-offset:2px}.pg-viewer{background:#0e0e10;min-width:0}.pg-stage{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 120%,#2a141a,#101012 70%);touch-action:pan-y}.pg-enlarge{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;background:transparent;padding:12px;cursor:zoom-in}.pg-enlarge img{display:block;width:100%;height:100%;object-fit:contain}.pg-prev,.pg-next{position:absolute;top:calc(50% - 21px);width:42px;height:42px;background:#08080be6;border:1px solid #55555d;border-radius:50%;color:#fff;font-size:20px;cursor:pointer}.pg-prev{left:12px}.pg-next{right:12px}.pg-counter{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:11px;color:#eee;padding:4px 11px;border:1px solid #404047;border-radius:20px;background:#08080be6;pointer-events:none}.pg-thumbs{display:flex;gap:9px;padding:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#66303a #121215;max-width:100%;box-sizing:border-box}.pg-thumbs button{position:relative;flex:0 0 64px;width:64px;height:60px;border:1px solid #424249;border-radius:6px;background:#1a1a1d;padding:3px;cursor:pointer;opacity:.65}.pg-thumbs button[aria-pressed=true]{border:2px solid #ef324f;opacity:1}.pg-thumbs img{width:100%;height:100%;object-fit:contain}.pg-thumbs span{position:absolute;bottom:0;right:0;background:#15151ae6;color:#eee;font-size:9px;padding:0 5px}.pg-view-hint{font-size:10px;color:#909098;padding:0 12px 12px;text-align:center;margin:0}.store-detail-art:has(.pg-viewer){padding-bottom:0}.store-detail-art:has(.pg-viewer)>strong{display:none}.store-dialog .pg-enlarge{padding:12px}.pg-viewer .pg-enlarge,.pg-viewer .pg-thumbs button{transition:none}.store-zoom{background:#0e0e10}.pg-zoom-caption{text-align:center;font-size:12px;color:#aaa;padding:12px}.store-detail-art .pg-viewer{width:100%}
.pg-stage{aspect-ratio:auto;height:clamp(200px,36svh,330px)}
@media(max-width:600px){.pg-editor{padding:13px}.pg-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pg-heading{gap:9px}.pg-heading h3{font-size:15px}.pg-heading p{font-size:11px}.pg-url{flex-direction:column;align-items:stretch}.pg-stage{height:clamp(190px,30svh,270px)}.pg-thumbs button{flex-basis:56px;width:56px;height:54px}.pg-prev,.pg-next{width:40px;height:40px}.pg-image-actions button{min-height:38px}.pg-cover-button{min-height:38px}.pg-upload{padding:11px}.pg-image-preview>span{font-size:10px}.pg-upload input{font-size:11px!important}.pg-viewer{overflow:hidden}}