.pex{z-index:1000;color:#fff;overscroll-behavior:contain;background:#0a0908;position:fixed;inset:0}.pex-top{z-index:2;padding:calc(12px + env(safe-area-inset-top)) 12px 12px calc(18px + env(safe-area-inset-left));align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.pex.is-zoomed .pex-top{background:linear-gradient(#0a0908d9,#0a0908d9 calc(100% - 22px),#0a090800)}.pex .pex-title{color:#fff;flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.3}.pex-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.pex-close:focus-visible,.pex-zoom button:focus-visible{outline-offset:2px;outline:2px solid #fff}.pex-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;position:absolute;inset:0;overflow:hidden}.pex-stage.can-pan{cursor:grab}.pex-poster{transform-origin:0 0;-webkit-user-drag:none;background:#fff;max-width:none;position:absolute;top:0;left:0;box-shadow:0 10px 40px #00000080}.pex-poster.is-smooth{transition:width .18s ease-out,height .18s ease-out,transform .18s ease-out}@media (prefers-reduced-motion:reduce){.pex-poster.is-smooth{transition:none}}.pex-zoom{z-index:2;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#282622e0;border-radius:999px;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.pex-zoom button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:48px;height:44px;display:grid}.pex-zoom button:disabled{opacity:.35;cursor:default}.pex-zoom .pex-level{width:auto;min-width:64px;font:inherit;color:#ffffffd9;padding:0 6px;font-size:13px;font-weight:500}