.cover-viewer-trigger{cursor:zoom-in;color:#fff;padding:0;transition:box-shadow .2s,border-color .2s;display:block;position:relative}.cover-viewer-trigger:hover{border-color:#fff;box-shadow:0 12px 32px #0006}.cover-viewer-trigger:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.cover-viewer-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#161a24b8;border:1px solid #ffffff45;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:8px;right:8px}.cover-viewer-hint .icon{width:17px;height:17px}.cover-viewer-overlay{z-index:4400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c16cf;position:fixed;inset:0}.cover-viewer-dialog{z-index:4401;background:var(--surface,#202934);width:min(760px,100vw - 64px);height:min(940px,100dvh - 64px);color:var(--ink,#f5f6fa);border:1px solid #ffffff25;border-radius:24px;outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 32px 100px #0008}.cover-viewer-heading{border-bottom:1px solid #8883;flex:none;align-items:center;gap:16px;padding:16px 20px;display:flex}.cover-viewer-heading>div{flex:1;min-width:0}.cover-viewer-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.35;overflow:hidden}.cover-viewer-heading p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.cover-viewer-close{width:44px;height:44px;color:inherit;cursor:pointer;background:#8881;border:1px solid #8883;border-radius:50%;flex:none;place-items:center;transition:background .2s,transform .2s;display:grid}.cover-viewer-close:hover{background:#8883;transform:rotate(90deg)}.cover-viewer-close:focus-visible,.cover-viewer-error button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.cover-viewer-stage{background:radial-gradient(#8882,#0000 75%);flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex}.cover-viewer-stage>.asset-image{object-fit:contain;filter:drop-shadow(0 12px 22px #0005);width:100%;max-width:100%;height:100%;display:block}.cover-viewer-error{text-align:center;color:var(--muted);padding:20px}.cover-viewer-error>.icon{width:32px;height:32px;margin:auto}.cover-viewer-error button{background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #8884;border-radius:12px;padding:10px 16px}.cover-viewer-overlay[data-state=open]{animation:.24s both cover-shade-in}.cover-viewer-overlay[data-state=closed]{animation:.18s both cover-shade-out}.cover-viewer-dialog[data-state=open]{animation:.3s cubic-bezier(.2,.75,.25,1) both cover-window-in}.cover-viewer-dialog[data-state=closed]{animation:.18s both cover-window-out}@keyframes cover-shade-in{0%{opacity:0}to{opacity:1}}@keyframes cover-shade-out{to{opacity:0}}@keyframes cover-window-in{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes cover-window-out{to{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.98)}}@media (max-width:767px){.cover-viewer-dialog{border:0;border-radius:0;width:100%;height:100dvh}.cover-viewer-heading{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}.cover-viewer-heading h2{font-size:16px}.cover-viewer-stage{padding:12px max(8px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:reduce){.cover-viewer-dialog[data-state],.cover-viewer-overlay[data-state]{animation:none}.cover-viewer-trigger,.cover-viewer-close{transition:none}.cover-viewer-close:hover{transform:none}}