:root{--gpv-red:#c6212b;--gpv-ink:#16212a;--gpv-muted:#6f7982;--gpv-line:#e4e8eb;--gpv-soft:#f6f8f9}.gpv-float{position:fixed;z-index:99990;bottom:24px;right:24px;border:0;display:flex;align-items:center;gap:11px;background:#fff;color:var(--gpv-ink);padding:7px 18px 7px 7px;border-radius:46px;box-shadow:0 13px 34px #1018202b;font:700 15px Arial,sans-serif;cursor:grab;touch-action:none;user-select:none;animation:gpv-enter .7s both}.gpv-float:active{cursor:grabbing}.gpv-float.bottom-left{left:24px;right:auto}.gpv-logo,.gpv-brand b{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#fff url('https://gobispaint.com.pk/php_assets/uploads/2025/10/cropped-panda-192x192.png') center/74% no-repeat;font-size:0}.gpv-embed{padding:20px}.gpv-embed .gpv-open{border:0;border-radius:9px;background:var(--gpv-red);padding:14px 22px;color:#fff;font-weight:700;cursor:pointer}.gpv-modal{position:fixed;inset:0;z-index:99999;background:#14202b9c;display:none;padding:24px;align-items:center;justify-content:center}.gpv-modal.open{display:flex}.gpv-shell{width:min(1240px,100%);height:min(820px,100%);background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-rows:74px 1fr 54px;box-shadow:0 30px 100px #0008;font-family:Arial,sans-serif;color:var(--gpv-ink)}.gpv-shell header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gpv-line);padding:0 24px}.gpv-brand{display:flex;align-items:center;gap:12px;font-size:18px}.gpv-brand b{width:38px;height:38px}.gpv-close{border:0;background:transparent;font-size:32px;cursor:pointer;color:#68727a}.gpv-shell main{display:grid;grid-template-columns:335px 1fr;min-height:0}.gpv-tools{overflow:auto;padding:20px;border-right:1px solid var(--gpv-line);background:#fff}.gpv-control,.gpv-refine{padding:0 0 18px;margin:0 0 17px;border-bottom:1px solid var(--gpv-line)}.gpv-control>strong,.gpv-refine>strong{display:block;font-size:14px;margin-bottom:10px}.gpv-upload{display:flex;border:1.5px dashed #bfc8ce;border-radius:10px;min-height:44px;align-items:center;justify-content:center;font-weight:bold;font-size:13px;cursor:pointer;background:#fbfcfd}.gpv-upload input{display:none}.gpv-surfaces{display:flex;flex-wrap:wrap;gap:7px}.gpv-surfaces button,.gpv-mode button{border:1px solid #d8dde1;background:#fff;border-radius:20px;padding:8px 11px;font-size:12px;cursor:pointer}.gpv-surfaces button.selected,.gpv-mode button.selected{background:var(--gpv-ink);color:#fff;border-color:var(--gpv-ink)}.gpv-colours{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gpv-colour{border:1px solid #e1e4e6;background:#fff;border-radius:9px;padding:7px;text-align:left;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:11px;min-width:0}.gpv-colour.selected{outline:2px solid var(--gpv-red);border-color:transparent}.gpv-swatch{width:27px;height:27px;border-radius:50%;border:1px solid #0002;flex:none}.gpv-bucket{width:36px;height:36px;object-fit:contain;flex:none}.gpv-colour strong,.gpv-colour small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpv-colour small{color:var(--gpv-muted);margin-top:2px}.gpv-refine{font-size:12px}.gpv-refine p{color:var(--gpv-muted);line-height:1.45;margin:0 0 11px}.gpv-mode{display:flex;gap:7px;margin:0 0 13px}.gpv-refine label{display:grid;gap:5px;font-weight:bold}.gpv-refine input{accent-color:var(--gpv-red)}.gpv-refine small{color:var(--gpv-muted);font-weight:normal}.gpv-clear{border:0;background:transparent;color:#9b2028;cursor:pointer;font-weight:bold;padding:4px 0}.gpv-stage{background:var(--gpv-soft);min-width:0;display:grid;grid-template-rows:1fr auto;position:relative}.gpv-empty{display:grid;place-content:center;text-align:center;color:var(--gpv-muted)}.gpv-empty span{font-size:50px;color:var(--gpv-red)}.gpv-empty h2{color:var(--gpv-ink);margin:5px}.gpv-empty p{max-width:360px;font-size:14px;line-height:1.45}.gpv-canvas-wrap{display:none;position:relative;align-self:center;justify-self:center;max-height:100%;max-width:100%;line-height:0}.gpv-photo{display:block;max-width:100%;max-height:calc(min(740px,100vh) - 180px);object-fit:contain}.gpv-paint-layer{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.gpv-hint{position:absolute;top:13px;left:50%;transform:translateX(-50%);background:#16212ae8;color:#fff;padding:10px 15px;border-radius:8px;font-size:12px;line-height:1.3;white-space:nowrap;pointer-events:none}.gpv-stage-actions{display:flex;gap:9px;justify-content:center;padding:13px;background:#fff;border-top:1px solid var(--gpv-line)}.gpv-stage-actions button{border:1px solid #cdd3d6;border-radius:8px;background:#fff;padding:9px 13px;font-size:12px;font-weight:bold;cursor:pointer}.gpv-stage-actions .gpv-download{background:var(--gpv-red);color:#fff;border-color:var(--gpv-red)}.gpv-stage-actions button:disabled{opacity:.42;cursor:not-allowed}.gpv-shell footer{border-top:1px solid var(--gpv-line);padding:0 22px;display:flex;justify-content:space-between;align-items:center;color:var(--gpv-muted);font-size:12px}.gpv-shell footer .secondary{font-size:14px;border:1px solid #d8dde0;border-radius:6px;padding:5px 14px}@keyframes gpv-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:740px){.gpv-modal{padding:0}.gpv-shell{height:100%;border-radius:0;display:flex;flex-direction:column}.gpv-shell header{height:62px;flex:none;padding:0 16px}.gpv-shell main{display:flex;flex-direction:column;overflow:hidden;flex:1}.gpv-tools{overflow-y:auto;overflow-x:hidden;flex:none;max-height:48%;padding:14px;border:0;border-bottom:1px solid var(--gpv-line)}.gpv-control,.gpv-refine{margin-bottom:12px;padding-bottom:12px}.gpv-upload{max-width:180px}.gpv-surfaces{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.gpv-surfaces button{white-space:nowrap}.gpv-colours{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gpv-colour{padding:6px}.gpv-bucket{width:29px;height:29px}.gpv-stage{flex:1;min-height:300px}.gpv-photo{max-height:100%;max-width:100%}.gpv-hint{top:8px;font-size:10px;max-width:90%;white-space:normal;text-align:center}.gpv-stage-actions{padding:9px;position:relative}.gpv-shell footer{display:none}.gpv-float{bottom:16px;right:14px;font-size:13px;padding-right:14px}.gpv-float.bottom-left{left:14px}.gpv-logo{width:39px;height:39px}}
.gpv-products{display:grid;grid-template-columns:1fr;gap:9px}.gpv-product{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e1e4e6;background:#fff;border-radius:10px;padding:8px;cursor:pointer;min-width:0}.gpv-product.selected{outline:2px solid var(--gpv-red);border-color:transparent}.gpv-product img,.gpv-bucket-placeholder{width:52px;height:52px;object-fit:contain;flex:none}.gpv-bucket-placeholder{display:grid;place-items:center;background:#f7f8f8;border-radius:8px;color:var(--gpv-red);font-size:22px}.gpv-product strong,.gpv-product small{display:block}.gpv-product small{color:var(--gpv-muted);font-size:11px;margin-top:3px}@media(max-width:740px){.gpv-products{grid-template-columns:1fr}.gpv-product img,.gpv-bucket-placeholder{width:45px;height:45px}}
.gpv-point-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}