button.pose-card{border:0;padding:0;font:inherit;color:inherit;width:100%;text-align:inherit;cursor:zoom-in}
.pose-card img,#pose-viewer img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.pose-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#pose-viewer{max-width:min(94vw,900px);width:900px;max-height:94dvh;padding:14px;border:0;background:#f7f5f0;color:#21201e;box-shadow:0 10px 60px #0005}
#pose-viewer::backdrop{background:#000b}
#pose-viewer .viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#pose-viewer .viewer-toolbar p{font-size:14px;margin:0;line-height:1.4}
#pose-viewer button{font:inherit;color:inherit;background:transparent;border:1px solid #d9d6d0;min-width:44px;min-height:44px;padding:8px 12px;cursor:pointer}
#pose-viewer .viewer-photo{display:flex;justify-content:center;position:relative}
#pose-viewer img{max-width:100%;width:auto;height:auto;max-height:calc(94dvh - 145px);object-fit:contain;display:block}
#pose-viewer .viewer-nav{display:flex;justify-content:space-between;gap:15px;margin-top:10px}
html:has(#pose-viewer[open]){overflow:hidden}