:root{--fade-duration:500ms;--fade-easing:ease;--bar-height:56px}body.pop-open{overflow:hidden;touch-action:none}.pop-overlay{display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:fixed;z-index:9999}.pop-overlay.is-open{opacity:1;pointer-events:auto}.pop-overlay.is-closing,.pop-overlay.is-open{transition:opacity var(--fade-duration) var(--fade-easing)}.pop-overlay.is-closing{opacity:0;pointer-events:none}.pop-panel{background:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:var(--bar-height) 1fr;height:100vh;overflow:hidden;width:100vw}.pop-topbar{align-items:center;background:var(--gray-100);border-bottom:var(--line);display:flex;height:var(--bar-height);justify-content:flex-end;padding:0 12px}.pop-content{display:grid;min-height:0;overflow:auto;padding:12px;place-items:center}.pop-content>img{height:100%;max-height:90dvh;max-width:100vw;object-fit:contain;user-select:none;width:100%;-webkit-user-drag:none;display:block}@media (prefers-reduced-motion:reduce){.pop-overlay.is-closing,.pop-overlay.is-open{transition-duration:.3s}}