.preview-banner{z-index:99990;letter-spacing:.01em;color:var(--color-bg,#0b0b0d);background:var(--color-primary,#ff7a1a);border:1px solid color-mix(in srgb, var(--color-primary,#ff7a1a) 70%, #000);pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.75rem;padding:.45rem .55rem .45rem .95rem;font-size:.78rem;display:flex;position:fixed;bottom:clamp(.75rem,2.5vw,1.5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059,0 0 0 1px #0000000f}.preview-banner__dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite preview-banner-pulse;box-shadow:0 0}.preview-banner__label{text-transform:uppercase;align-items:baseline;gap:.5rem;font-weight:600;display:inline-flex}.preview-banner__slug{text-transform:none;opacity:.8;font-feature-settings:"tnum";font-weight:400}.preview-banner__btn{appearance:none;cursor:pointer;font:inherit;color:var(--color-bg,#0b0b0d);background:#ffffff38;border:none;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:600;line-height:1;text-decoration:none}.preview-banner__btn:hover{background:#ffffff5c}.preview-banner__btn:disabled{opacity:.6;cursor:default}.preview-banner__btn--exit{color:var(--color-primary,#ff7a1a);background:var(--color-bg,#0b0b0d)}.preview-banner__btn--exit:hover{background:color-mix(in srgb, var(--color-bg,#0b0b0d) 80%, #fff)}@keyframes preview-banner-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 70%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.preview-banner__dot{animation:none}}