@keyframes certPreviewShimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@keyframes certPreviewPersonalizationReveal{0%{opacity:0;transform:translate(-12%)scaleX(.72)}38%{opacity:.34}to{opacity:0;transform:translate(28%)scaleX(1)}}.cert-preview-skeleton{contain-intrinsic-size:328px 238px;content-visibility:auto;background-color:#faf8f3;background-image:radial-gradient(at 30% 20%,#fff8e699 0,#0000 50%),radial-gradient(at 70% 80%,#f0e6c84d 0,#0000 50%)}.dark .cert-preview-skeleton{background-color:#1e293b;background-image:radial-gradient(at 30% 20%,#1e293bcc 0,#0000 50%),radial-gradient(at 70% 80%,#0f172a99 0,#0000 50%)}.cert-skel-frame{border:1px solid #785a1424;border-radius:2px;position:absolute;inset:7%;box-shadow:inset 0 0 12px #b48c280f,inset 0 0 0 1px #ffffff4d}.dark .cert-skel-frame{border-color:#ffffff14;box-shadow:inset 0 0 12px #c8aa500a,inset 0 0 0 1px #ffffff08}.cert-skel-bar,.cert-skel-qr{background-image:linear-gradient(100deg,#ece6da 30%,#ddd4c2 48%,#ece6da 66%);background-size:200% 100%;border-radius:3px;animation:1.6s ease-in-out infinite certPreviewShimmer;position:absolute}.dark .cert-skel-bar,.dark .cert-skel-qr{background-image:linear-gradient(100deg,#334155 30%,#475569 48%,#334155 66%);background-size:200% 100%}.cert-skel-bar--title{width:40%;height:6.5%;top:19%;left:15%}.cert-skel-bar--name{width:32%;height:8.5%;top:31%;left:15%}.cert-skel-bar--line{opacity:.7;width:48%;height:3.5%;top:48%;left:15%}.cert-skel-bar--line2{opacity:.7;width:38%;height:3.5%;top:55%;left:15%}.cert-skel-qr{aspect-ratio:1;opacity:.55;width:15%;bottom:15%;right:13%}.cert-preview-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.cert-preview-frame{contain:layout style paint;box-shadow:inset 0 0 0 1px #b48c282e,inset 0 0 0 3px #ffffff80,inset 0 0 0 4px #b48c281f;container-type:inline-size}@container (max-width:150px){.cert-preview-state-badge{display:none}.cert-preview-lock-badge{width:1.45rem;height:1.45rem;top:.25rem;right:.25rem}}.dark .cert-preview-frame{box-shadow:inset 0 0 0 1px #c8aa5026,inset 0 0 0 3px #ffffff0f,inset 0 0 0 4px #c8aa5014}.cert-preview-security-veil{border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(112deg,#0f172a1a,#0f172a0b 30%,#ffffff05 52%,#0000 76%),repeating-linear-gradient(-26deg,#0000,#0000 30px,#0f172a09 0 31px);position:absolute;inset:0;overflow:hidden}.cert-preview-security-veil:before{-webkit-backdrop-filter:grayscale(.88)saturate(.45)contrast(.96)brightness(.98);backdrop-filter:grayscale(.88)saturate(.45)contrast(.96)brightness(.98);content:"";background:linear-gradient(104deg,#0f172a17,#f8fafc0b 58%,#f8fafc00);position:absolute;inset:0 38% 0 0;mask-image:linear-gradient(108deg,#000 0 42%,#0000 100%)}.cert-preview-security-veil:after{color:#0f172a33;content:attr(data-label);letter-spacing:0;text-align:center;text-shadow:0 1px #ffffff8c;text-transform:uppercase;width:86%;font-size:.68rem;font-weight:900;line-height:1;position:absolute;top:46%;left:7%;transform:rotate(-17deg)}.cert-preview-security-veil--resolved{opacity:.82}.cert-preview-security-veil--sample{opacity:1}.cert-preview-security-veil--issued{opacity:.58}.cert-preview-personalization-focus{filter:blur(5px);opacity:0;pointer-events:none;z-index:5;background:linear-gradient(102deg,#0000 5%,#ffffff14 30%,#fff7d666 51%,#ffffff0f 70%,#0000 95%);border-radius:999px;width:52%;height:22%;animation:1.35s cubic-bezier(.16,1,.3,1) .16s both certPreviewPersonalizationReveal;position:absolute;top:25%;left:9%}.cert-preview-state-badge{color:#fff;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;background:#0f172ac2;border:1px solid #ffffff6b;max-width:calc(100% - 3.5rem);min-height:1.45rem;padding:.2rem .5rem;font-size:.625rem;font-weight:750;line-height:1;bottom:.45rem;left:.45rem;overflow:hidden;box-shadow:0 4px 12px #0f172a29}.cert-preview-lock-badge,.cert-preview-state-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:8;border-radius:9999px;align-items:center;display:inline-flex;position:absolute}.cert-preview-lock-badge{color:#334155;background:#ffffffd6;border:1px solid #94a3b86b;justify-content:center;width:2rem;height:2rem;top:.45rem;right:.45rem;box-shadow:0 6px 16px #0f172a24,inset 0 1px #ffffffb3}.dark .cert-preview-security-veil{background:linear-gradient(112deg,#0206172e,#0f172a14 33%,#ffffff05 58%,#0000 78%),repeating-linear-gradient(-26deg,#0000,#0000 30px,#e2e8f00d 0 31px)}.dark .cert-preview-security-veil:before{background:linear-gradient(104deg,#02061738,#33415514 58%,#0f172a00)}.dark .cert-preview-security-veil:after{color:#f8fafc3d;text-shadow:0 1px #02061799}.dark .cert-preview-lock-badge{color:#e2e8f0;background:#0f172ab8;border-color:#94a3b852;box-shadow:0 6px 16px #00000047,inset 0 1px #ffffff14}.cert-preview-fallback-copy{color:#334155;background:linear-gradient(#faf8f3d1,#faf8f3f0)}.dark .cert-preview-fallback-copy{color:#e2e8f0;background:linear-gradient(#0f172ab8,#0f172ae6)}.cert-preview-fallback-title{max-width:16rem;font-size:.75rem;font-weight:700;line-height:1.35}.cert-preview-fallback-action{color:#0f172a;background:#0f172a14;border-radius:9999px;justify-content:center;align-items:center;min-height:1.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.dark .cert-preview-fallback-action{color:#f8fafc;background:#ffffff1f}@media (prefers-reduced-motion:reduce){.cert-skel-bar,.cert-skel-qr{animation:none}.cert-preview-img{transition:none!important}.cert-preview-personalization-focus{animation:none;display:none}}@media (prefers-reduced-transparency:reduce){.cert-preview-lock-badge,.cert-preview-state-badge{-webkit-backdrop-filter:none;backdrop-filter:none}.cert-preview-state-badge{background:#0f172a}}@media (forced-colors:active){.cert-preview-lock-badge,.cert-preview-state-badge{box-shadow:none;color:initial;forced-color-adjust:auto;background:canvas;border:1px solid canvastext}.cert-preview-personalization-focus,.cert-preview-security-veil{display:none}}