.protected-preview-backdrop{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000e0;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:fixed;inset:0}.protected-preview-dialog{background:#070707;border:1px solid #fff3;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);max-height:calc(100dvh - clamp(1.5rem,6vw,4rem));display:grid;overflow:hidden;box-shadow:0 30px 100px #000000b3}.protected-preview-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:74px;padding:.9rem 1rem;display:flex}.protected-preview-dialog>header span{color:#aaa;letter-spacing:.13em;align-items:center;gap:.4rem;font:600 .58rem/1 JetBrains Mono,monospace;display:flex}.protected-preview-dialog>header span svg{width:14px;color:var(--red-bright)}.protected-preview-dialog>header h2{text-transform:uppercase;margin-top:.45rem;font:700 clamp(1.4rem,4vw,2.2rem)/1 Barlow Condensed,sans-serif}.protected-preview-close{color:#fff;cursor:pointer;background:#101010;border:1px solid #ffffff2e;flex:none;place-items:center;width:46px;height:46px;display:grid}.protected-preview-close:hover,.protected-preview-close:focus-visible{border-color:var(--red-bright);background:#e106001f;outline:0}.protected-preview-close svg{width:20px}.protected-preview-header-actions{flex:none;align-items:center;gap:.45rem;display:flex}.protected-preview-header-actions>button{color:#fff;cursor:pointer;background:#101010;border:1px solid #ffffff2e;place-items:center;width:46px;height:46px;display:grid}.protected-preview-header-actions>button:hover,.protected-preview-header-actions>button:focus-visible{border-color:var(--red-bright);background:#e106001f;outline:0}.protected-preview-header-actions>button svg{width:20px}.protected-preview-media{background:#111;min-height:min(68vh,760px);position:relative;overflow:hidden}.protected-preview-media:after{content:"";pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:0}.protected-preview-media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;object-fit:contain;opacity:0;transition:opacity .2s}.protected-preview-media.is-loaded img{opacity:1}.protected-preview-media-guard{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.protected-preview-loading{z-index:1;color:#aaa;justify-content:center;align-items:center;gap:.6rem;font-size:.75rem;display:flex;position:absolute;inset:0}.protected-preview-loading svg{width:18px;animation:.8s linear infinite protected-preview-spin}.protected-preview-error{z-index:3;color:#c9c9c4;text-align:center;place-content:center;justify-items:center;gap:.55rem;padding:1.5rem;display:grid;position:absolute;inset:0}.protected-preview-error>svg{width:28px;height:28px;color:var(--red-bright)}.protected-preview-error strong{color:#fff;text-transform:uppercase;font:700 1.5rem/1 Barlow Condensed,sans-serif}.protected-preview-error span{font-size:.75rem}.protected-preview-error button{color:#fff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#111;border:1px solid #ffffff3d;align-items:center;gap:.45rem;min-height:44px;margin-top:.35rem;padding:0 .9rem;font-size:.68rem;font-weight:700;display:inline-flex}.protected-preview-error button:hover,.protected-preview-error button:focus-visible{border-color:var(--red-bright);outline:0}.protected-preview-error button svg{width:15px}.protected-preview-dialog>footer{border-top:1px solid var(--line);color:#999994;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.7rem;line-height:1.5;display:flex}.protected-preview-note{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.75rem;max-width:760px;display:grid}.protected-preview-note svg{width:18px;color:var(--red-bright)}.protected-preview-select{border:1px solid var(--red-bright);background:var(--red-bright);color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;flex:none;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.15rem .45rem;min-height:48px;padding:.55rem .9rem;font-size:.68rem;font-weight:800;display:grid}.protected-preview-select>svg{grid-row:1/3;width:17px}.protected-preview-select strong{justify-self:start;font-size:.72rem}.protected-preview-select[aria-pressed=true]{background:#151515}@keyframes protected-preview-spin{to{transform:rotate(360deg)}}@media (max-width:620px){.protected-preview-backdrop{padding:0}.protected-preview-dialog{border:0;width:100%;height:100dvh;max-height:none}.protected-preview-dialog>header{min-height:68px}.protected-preview-media{min-height:0}.protected-preview-dialog>footer{flex-direction:column;align-items:stretch;font-size:.66rem}.protected-preview-select{width:100%}}@media (prefers-reduced-motion:reduce){.protected-preview-media img{transition:none}.protected-preview-loading svg{animation:none}}