.wpgv-wrap{max-width:980px;margin:18px 0;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.wpgv-title{margin:0 0 12px;font-size:32px;line-height:1.15}
.wpgv-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:8px 0 6px}
.wpgv-label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.wpgv-file{min-width:280px}
.wpgv-btn{padding:10px 14px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer}
.wpgv-btn:hover{background:#f3f4f6}
.wpgv-hint{width:100%;font-size:12px;color:#6b7280;margin-top:-2px}
.wpgv-status{margin:10px 0 0;font-size:14px}
.wpgv-status.is-busy{color:#111827}
.wpgv-status.is-error{color:#b91c1c}
.wpgv-status.is-ok{color:#065f46}
.wpgv-viewer{margin-top:14px}
.wpgv-tabs{display:flex;gap:10px;margin-bottom:10px}
.wpgv-tab{padding:8px 12px;border-radius:999px;border:1px solid #d1d5db;background:#fff;cursor:pointer}
.wpgv-tab.is-active{background:#111827;color:#fff;border-color:#111827}
.wpgv-canvas{border:1px solid #e5e7eb;border-radius:14px;padding:12px;overflow:auto;background:#fafafa}
.wpgv-img{display:block;max-width:100%;height:auto}

/* Modal preview (opens inside page, not a new tab) */
.wpgv-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:999999;padding:18px}
.wpgv-modal.is-open{display:flex}
.wpgv-modal-dialog{background:#fff;border-radius:14px;max-width:90vw;max-height:90vh;width:920px;display:flex;flex-direction:column;overflow:hidden}
.wpgv-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e5e7eb}
.wpgv-modal-title{font-weight:600;font-size:14px;color:#111827}
.wpgv-modal-actions{display:flex;gap:8px;align-items:center}
.wpgv-modal-btn{padding:8px 10px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-size:14px;line-height:1}
.wpgv-modal-btn:hover{background:#f3f4f6}
.wpgv-modal-body{position:relative;flex:1;min-height:240px;background:#0b0f17;display:flex;align-items:center;justify-content:center}
.wpgv-modal-viewport{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}
.wpgv-modal-img{display:block;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-drag:none}
.wpgv-zoomhint{padding:10px 12px;border-top:1px solid #e5e7eb;font-size:12px;color:#374151;background:#fff}

/* Prevent background scroll when modal is open */
body.wpgv-modal-open{overflow:hidden}