.pvbag-page{color:var(--text);max-width:1100px;margin:auto}.pvbag-head{background:linear-gradient(120deg,#8b5cf62b,#ed34a518);border:1px solid var(--border);border-radius:18px;padding:22px}.pvbag-head small{color:#a78bfa;font-size:11px;letter-spacing:2px;font-weight:700}.pvbag-head h1{font-size:clamp(25px,4vw,38px);margin:6px 0}.pvbag-head p{color:var(--muted);margin:0}.pvbag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.pvbag-stats>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;font-size:12px;color:var(--muted)}.pvbag-stats b{font-size:22px;display:block;color:var(--primary-2)}.pvbag-columns{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:14px;align-items:start}.pvbag-main,.pvbag-preview-side{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:14px;min-width:0}.pvbag-preview-side{position:sticky;top:92px}.pvbag-preview-side h2{font-size:16px;margin:4px 0}.pvbag-preview-side p{color:var(--muted);font-size:12px;line-height:1.6}.pvbag-caution{background:var(--surface-2);padding:10px;border-radius:10px}.pvbag-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.pvbag-tabs button{border:1px solid var(--border);color:var(--text);background:var(--surface-2);border-radius:9px;padding:8px 12px;font-size:12px}.pvbag-tabs button.active{background:linear-gradient(110deg,#6d28d9,#9333ea);color:white;border-color:transparent}.pvbag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pvbag-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);border-radius:13px;padding:10px 6px;color:var(--text);background:var(--surface-2)}.pvbag-card.chosen{border-color:#b68cff;box-shadow:inset 0 0 0 1px #b68cff}.pvbag-card-visual{height:110px;display:grid;place-items:center;max-width:100%;width:100%}.pvbag-card strong{font-size:12px}.pvbag-card small{color:var(--muted);font-size:10px}.pvbag-card>span{padding:5px 8px;background:#8b5cf629;border-radius:8px;font-size:10px;font-weight:700}.pvbag-frame{--c1:#ffc0e2;--c2:#ab37c7;display:grid;place-items:center;width:95px;height:95px;position:relative;filter:drop-shadow(0 1px 6px var(--c2))}.pvbag-frame:before{content:"";position:absolute;inset:1px;border-radius:50%;background:conic-gradient(var(--c1),var(--c2),transparent 31%,var(--c1),var(--c2));animation:pvbag-spin 8s linear infinite}.pvbag-frame:after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px dotted var(--c1);animation:pvbag-spin 12s linear infinite reverse}.pvbag-frame img{z-index:1;border:2px solid var(--c1);background:#382c51;border-radius:50%;height:66px;width:66px;object-fit:cover}.pvbag-frame em{position:absolute;top:-9px;right:1px;z-index:2;font-size:26px;font-style:normal;color:var(--c1);text-shadow:0 2px 5px var(--c2)}.pvbag-bubble{max-width:100%;display:block;padding:12px;border-radius:17px 17px 17px 5px;position:relative;background:linear-gradient(120deg,var(--c1),var(--c2));color:#fff;font-size:11px;line-height:1.6;border:1px solid #fff5;box-shadow:0 5px 16px #6129a035}.pvbag-bubble b{display:block}.pvbag-bubble:after{content:"";position:absolute;bottom:-6px;left:10px;background:var(--c2);width:10px;height:10px;transform:rotate(45deg)}.pvbag-preview{display:flex;flex-direction:column;align-items:center;gap:22px;padding:14px;border-radius:12px;background:radial-gradient(circle,#8b5cf627,transparent 75%)}.pvbag-preview small{color:var(--muted);text-align:center}.pvbag-list{display:flex;flex-direction:column}.pvbag-source{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:12px}.pvbag-source>span{font-size:23px}.pvbag-source strong{font-size:12px;flex:1}.pvbag-source a{color:#fff;background:#6d28d9;border-radius:9px;padding:7px;font-size:11px}@keyframes pvbag-spin{to{transform:rotate(360deg)}}@media(max-width:960px){.pvbag-columns{grid-template-columns:1fr}.pvbag-preview-side{position:static}}@media(max-width:600px){.pvbag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pvbag-head{padding:15px}.pvbag-stats{gap:5px}.pvbag-stats>div{padding:8px;font-size:10px}.pvbag-stats b{font-size:20px}}@media(prefers-reduced-motion:reduce){.pvbag-frame:before,.pvbag-frame:after{animation:none}}/* PageVN cosmetic preview v436 distinct second-set frame and bubble styles */
.pvbag-frame-v12:before{inset:-3px;background:repeating-conic-gradient(from 10deg,var(--c1) 0deg 11deg,transparent 11deg 19deg,var(--c2) 19deg 25deg)}
.pvbag-frame-v12:after{inset:10px;border:3px solid var(--c1)}
.pvbag-frame-v13:before{inset:0;border-radius:35% 65% 50% 50%;background:conic-gradient(var(--c2),var(--c1),var(--c2),var(--c1))}
.pvbag-frame-v13:after{inset:5px;border:4px dashed var(--c2)}
.pvbag-frame-v14:before{inset:-2px;background:repeating-conic-gradient(var(--c1) 0deg 7deg,var(--c2) 7deg 15deg,transparent 15deg 22deg)}
.pvbag-frame-v14:after{inset:12px;border:2px solid var(--c1)}
.pvbag-frame-v15:before{inset:1px;background:linear-gradient(35deg,var(--c1),transparent 33%,var(--c2) 53%,transparent 69%,var(--c1));border:4px solid var(--c2);box-shadow:0 0 0 3px var(--c1)}
.pvbag-frame-v15:after{inset:8px;border:3px dotted var(--c2)}
.pvbag-frame-v16:before{inset:-3px;border-radius:40% 60% 42% 58%;background:conic-gradient(var(--c1),var(--c2),var(--c1),transparent,var(--c2))}
.pvbag-frame-v16:after{inset:9px;border:4px double var(--c2)}
.pvbag-frame-v17:before{inset:2px;background:repeating-conic-gradient(var(--c2) 0 15deg,transparent 15deg 31deg,var(--c1) 31deg 41deg)}
.pvbag-frame-v17:after{inset:9px;border:4px dashed var(--c1)}
.pvbag-frame-v18:before{inset:-2px;background:conic-gradient(from 60deg,var(--c1),transparent,var(--c2),transparent,var(--c1));outline:2px solid var(--c2);outline-offset:2px}
.pvbag-frame-v18:after{inset:11px;border:3px solid var(--c1)}
.pvbag-frame-v19:before{inset:0;border-radius:43% 57% 60% 40%;background:linear-gradient(120deg,var(--c1),var(--c2));box-shadow:0 0 0 5px color-mix(in srgb,var(--c1),transparent 45%)}
.pvbag-frame-v19:after{inset:11px;border:3px dotted var(--c2)}
.pvbag-frame-v20:before{inset:-5px;background:repeating-conic-gradient(from 4deg,var(--c2) 0 6deg,var(--c1) 6deg 12deg,transparent 12deg 17deg)}
.pvbag-frame-v20:after{inset:11px;border:3px double var(--c1)}
.pvbag-frame-v21:before{inset:0;background:radial-gradient(circle at 20% 20%,var(--c1),transparent 39%),conic-gradient(var(--c2),var(--c1),var(--c2));border:2px solid var(--c2)}
.pvbag-frame-v21:after{inset:13px;border:2px dashed var(--c1)}
.pvbag-frame-v22:before{inset:-3px;border-radius:50% 40% 50% 42%;background:repeating-conic-gradient(var(--c1) 0 20deg,var(--c2) 20deg 40deg)}
.pvbag-frame-v22:after{inset:8px;border:4px solid var(--c2)}
.pvbag-frame-v23:before{inset:-2px;background:conic-gradient(var(--c1) 0 10%,transparent 10% 14%,var(--c2) 14% 22%,transparent 22% 26%,var(--c1) 26% 44%,var(--c2) 44% 60%,transparent 60% 64%,var(--c1) 64% 100%)}
.pvbag-frame-v23:after{inset:9px;border:3px dotted var(--c1)}
.pvbag-bubble-v12{border-radius:22px 8px 18px 5px;background:linear-gradient(28deg,var(--c1),var(--c2))}
.pvbag-bubble-v13{border-radius:6px 26px 20px 20px;border:2px dotted var(--c1);background:linear-gradient(145deg,var(--c2),#27164a)}
.pvbag-bubble-v14{border-radius:24px 24px 6px 24px;border:2px solid var(--c2);box-shadow:0 0 12px var(--c2),inset 0 0 8px #fff4}
.pvbag-bubble-v15{border-radius:9px 23px 10px 23px;background:linear-gradient(70deg,var(--c2),var(--c1),var(--c2));border:2px solid #fffc}
.pvbag-bubble-v16{border-radius:22px 5px 22px 5px;background:radial-gradient(circle at 80% 10%,#ffffff66,transparent 45%),linear-gradient(115deg,var(--c1),var(--c2));border:3px double #fffc}
.pvbag-bubble-v17{border-radius:11px 27px 22px 9px;background:repeating-linear-gradient(125deg,transparent 0 30px,#ffffff1c 30px 37px),linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 3px color-mix(in srgb,var(--c2),transparent 45%)}