.pr-sw{display:inline-flex;gap:4px;padding:4px;border-radius:1000px;background:var(--surface,#fff);box-shadow:0 0 30px rgba(154,170,207,.2);margin-top:20px}
.pr-sw button{all:unset;cursor:pointer;padding:8px 16px;border-radius:1000px;font-size:14px;font-weight:500;color:var(--muted,#6b6070);transition:background .2s,color .2s}
.pr-sw button:hover{background:#F8F8FD}.pr-sw button[aria-pressed="true"]{background:var(--ink,#3B3040);color:#fff}
.pr-sw button:focus-visible{box-shadow:0 0 0 3px rgba(138,56,245,.35)}
.pr-sw button:active{transform:scale(.97)}

[data-p3="ref"] .ag-pr-item{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}

/* 01 · line art */
[data-p3="ref"] .p3-1,[data-p3="ref"] .p3-1>*{filter:none}
[data-p3="ref"] .p3-1 .slab i:nth-child(n){background:transparent;border:1.25px solid rgba(40,32,44,.78);box-sizing:border-box}
[data-p3="ref"] .p3-1 .slab i:nth-child(4){background:#fff}
[data-p3="ref"] .p3-1 .slab.mid i:nth-child(n){border-color:rgba(40,32,44,.5)}
[data-p3="ref"] .p3-1 .slab.pale i:nth-child(n){border-color:rgba(40,32,44,.3)}

/* 02 · glassmorphism */
[data-p3="ref"] .p3-2,[data-p3="ref"] .p3-2>*{filter:none}
[data-p3="ref"] .p3-2 .sp{z-index:0;background:radial-gradient(circle at 35% 30%,#FFB8DA 0%,#D92B82 45%,#8A38F5 100%);filter:blur(2px)}
[data-p3="ref"] .p3-2 .cap,[data-p3="ref"] .p3-2 .cap.pale{z-index:1;background:linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 55%,rgba(255,255,255,.3) 100%);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),inset 0 1px 0 1px rgba(255,255,255,.6),0 12px 28px rgba(138,56,245,.16)}
[data-p3="ref"] .p3-2 .cap.pale{background:linear-gradient(160deg,rgba(255,255,255,.45) 0%,rgba(236,226,255,.22) 100%)}
[data-p3="ref"] .p3-2::after{display:none!important;content:"";position:absolute;width:150px;height:150px;right:90px;bottom:-30px;border-radius:50%;background:radial-gradient(circle,rgba(242,87,35,.55) 0%,rgba(217,43,130,.25) 50%,transparent 72%);z-index:-1}

/* 03 · fluffy fur (texture drawn by pr-fur.js) */
[data-p3="ref"] .p3-3{filter:drop-shadow(0 24px 20px rgba(60,110,140,.22))}
[data-p3="ref"] .p3-3>*{filter:none}
[data-p3="ref"] .p3-3 .sp{border-radius:0;background:var(--fur-a,radial-gradient(circle,#A9D6EA 0 60%,transparent 62%)) center/100% 100% no-repeat}
[data-p3="ref"] .p3-3 .sp.pale{background:var(--fur-b,radial-gradient(circle,#CBE7F2 0 60%,transparent 62%)) center/100% 100% no-repeat}

/* 04 · amber glass panes on stone */
[data-p3="ref"] .p3-4{filter:drop-shadow(0 18px 26px rgba(229,83,46,.28))}
[data-p3="ref"] .p3-4>*{filter:none}
[data-p3="ref"] .p3-4 .blk{border-radius:10px 10px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px),linear-gradient(180deg,rgba(255,196,160,.35) 0%,rgba(255,140,80,.55) 45%,rgba(229,83,46,.85) 80%,rgba(170,50,15,.95) 100%);box-shadow:inset 0 0 0 1px rgba(255,214,186,.9),inset 0 2px 0 rgba(255,240,225,.95),inset 0 0 22px rgba(255,120,60,.35)}
[data-p3="ref"] .p3-4 .blk:nth-child(1){opacity:.55}[data-p3="ref"] .p3-4 .blk:nth-child(2){opacity:.8}
[data-p3="ref"] .p3-4 .sp{border-radius:14px;width:120px!important;height:96px!important;right:-20px!important;bottom:-30px!important;z-index:2;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.5px) 0 0/7px 9px,radial-gradient(circle at 70% 60%,rgba(150,120,90,.18) 0 1px,transparent 1.5px) 0 0/11px 8px,linear-gradient(160deg,#F7EFE2 0%,#E8DAC4 55%,#CDBBA0 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.8),-10px 0 24px rgba(120,60,20,.2)}

/* 05 · holographic chrome */
[data-p3="ref"] .p3-5{filter:none}
[data-p3="ref"] .p3-5 .slab i:nth-child(-n+3){background:#6C62E8}
[data-p3="ref"] .p3-5 .slab.mid i:nth-child(-n+3){background:#B7B2F2}
[data-p3="ref"] .p3-5 .slab i:nth-child(4),[data-p3="ref"] .p3-5 .slab.mid i:nth-child(4){background:conic-gradient(from 210deg at 40% 45%,#FFFFFF 0deg,#F0A6E4 60deg,#5A6CF2 130deg,#8EF0D6 200deg,#FFFFFF 260deg,#E86BD0 320deg,#FFFFFF 360deg)}

/* 06 · dark card, violet glass discs */
[data-p3="ref"] .p3-6{filter:drop-shadow(0 18px 26px rgba(59,48,64,.2))}
[data-p3="ref"] .p3-6 .tor i,[data-p3="ref"] .p3-6 .tor.lay:nth-child(n) i{background:linear-gradient(160deg,#F2EDFF 0%,#A48CFF 40%,#6A44F5 75%,#3D1FB8 100%)}

/* 07 · deep green velvet hills */
[data-p3="ref"] .p3-7{filter:drop-shadow(0 18px 26px rgba(59,48,64,.2))}
[data-p3="ref"] .p3-7 .sp{background:radial-gradient(circle at 30% 24%,#E3F59A 0%,#A6C84A 26%,#5E8A24 58%,#2A4410 88%,#1A2A0A 100%)}
[data-p3="ref"] .p3-7 .sp.pale{background:radial-gradient(circle at 30% 24%,#F4FBCC 0%,#C7DF7A 50%,#7FA23A 100%)}

/* 08 · amber glass on stone */
[data-p3="ref"] .p3-8{filter:drop-shadow(0 20px 28px rgba(59,48,64,.22))}
[data-p3="ref"] .p3-8>*{filter:none}
[data-p3="ref"] .p3-8 .tor i{background:linear-gradient(160deg,rgba(255,214,190,.75) 0%,rgba(255,140,80,.72) 40%,rgba(229,83,46,.85) 75%,rgba(160,40,10,.9) 100%)}
[data-p3="ref"] .p3-8 .sp{background:linear-gradient(145deg,rgba(255,236,222,.85) 0%,rgba(255,170,120,.7) 45%,rgba(242,87,35,.8) 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75),inset 8px 10px 18px rgba(255,255,255,.5)}
