/* ===== Inside Purple3 — product preview modal ===== */
.p3-preview{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.p3-preview.open{display:flex}
.p3-preview-backdrop{position:absolute;inset:0;background:rgba(4,2,10,.82);backdrop-filter:blur(10px)}
.p3-preview-dialog{position:relative;width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:22px;background:linear-gradient(180deg,#120a20,#08060f);border:1px solid rgba(185,105,255,.42);box-shadow:0 0 80px rgba(140,60,255,.28),0 40px 90px rgba(0,0,0,.6);animation:p3pvIn .35s cubic-bezier(.2,.7,.2,1)}
.p3-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 14px}
.p3-preview-head .eyebrow{display:block;font-size:11px;letter-spacing:.22em;color:#c98bff;font-weight:800;margin-bottom:6px}
.p3-preview-head h2{font-family:Sora,Inter,sans-serif;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;margin:0 0 6px;color:#fff}
.p3-preview-head p{margin:0;font-size:14px;color:#ddd5e8}
.p3-preview-close{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.25s}
.p3-preview-close:hover{background:rgba(180,100,255,.25);border-color:rgba(200,130,255,.6)}
.p3-preview-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 28px 16px}
.p3-preview-tab{padding:10px 16px;border-radius:999px;border:1px solid rgba(180,100,255,.32);background:rgba(18,10,32,.7);color:#ddd5e8;font-size:13px;font-weight:700;cursor:pointer;transition:.25s}
.p3-preview-tab:hover{border-color:rgba(200,130,255,.65);color:#fff}
.p3-preview-tab[aria-selected="true"]{background:linear-gradient(135deg,#7721d8,#a446fa);border-color:#a759ff;color:#fff;box-shadow:0 0 22px rgba(165,80,255,.4)}
.p3-preview-stage{margin:0 28px;border-radius:16px;overflow:hidden;border:1px solid rgba(180,100,255,.35);background:#0b0813;box-shadow:0 0 50px rgba(140,60,255,.18) inset,0 18px 50px rgba(0,0,0,.45);position:relative}
.p3-preview-stage img{display:block;width:auto;max-width:100%;max-height:58vh;margin:0 auto;height:auto;animation:p3pvFade .35s ease}
.p3-preview-chrome{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#150c24;border-bottom:1px solid rgba(255,255,255,.06)}
.p3-preview-chrome i{width:10px;height:10px;border-radius:50%;background:#3a2a52}
.p3-preview-chrome i:nth-child(1){background:#ff5f57}.p3-preview-chrome i:nth-child(2){background:#febc2e}.p3-preview-chrome i:nth-child(3){background:#28c840}
.p3-preview-chrome span{margin-left:12px;font-size:11px;color:#9f92b5;letter-spacing:.04em}
.p3-preview-chrome b{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.14em;color:#d59bff;border:1px solid rgba(200,130,255,.45);border-radius:999px;padding:4px 9px}
.p3-preview-caption{display:block;padding:14px 28px 0;font-size:13.5px;color:#ddd5e8;line-height:1.5}
.p3-preview-caption b{color:#fff}
.p3-preview-foot{padding:18px 28px 26px;text-align:center}
.p3-preview-foot p{margin:0 0 14px;font-family:Sora,Inter,sans-serif;font-size:clamp(16px,1.6vw,20px);font-weight:700;letter-spacing:-.01em;color:#fff}
.p3-preview-foot p em{font-style:normal;background:linear-gradient(90deg,#c886ff,#9a48ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.p3-preview-foot small{display:block;margin-top:10px;font-size:11px;color:#8f8798}
.p3-preview-foot .btn{margin:0 5px}
body.p3-preview-lock{overflow:hidden}
@keyframes p3pvIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes p3pvFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.p3-preview-dialog,.p3-preview-stage img{animation:none}}
@media(max-width:640px){.p3-preview{padding:10px}.p3-preview-dialog{max-height:calc(100vh - 20px);border-radius:16px}.p3-preview-head,.p3-preview-tabs,.p3-preview-caption,.p3-preview-foot{padding-left:16px;padding-right:16px}.p3-preview-stage{margin:0 16px}.p3-preview-tab{padding:8px 12px;font-size:12px}.p3-preview-foot .btn{display:flex;margin:8px 0 0}}

/* inline (static) preview on the Command Center page */
.p3-preview-inline{width:min(1180px,94vw);margin:8px auto 40px}
.p3-preview-static{max-height:none;overflow:visible;animation:none}
.p3-preview-static .p3-preview-stage img{max-height:none;width:100%}