.case-viewer{position:fixed;inset:0;z-index:3000;background:#080b0a;color:#fff;height:100%;height:100dvh;overflow:hidden;isolation:isolate;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.viewer-image{position:absolute;inset:0;touch-action:pan-y pinch-zoom}.viewer-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none}.case-viewer button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;line-height:1;cursor:pointer;touch-action:manipulation;position:absolute;z-index:2;background:#1118;color:#fff;border:0;border-radius:50%;width:46px;height:46px;padding:8px;min-height:46px}.case-viewer button:hover:not(:disabled){background:#111b}.case-viewer button svg{width:28px;height:28px}.case-viewer .viewer-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.case-viewer .viewer-prev{top:50%;left:max(8px,env(safe-area-inset-left));transform:translateY(-50%)}.case-viewer .viewer-next{top:50%;right:max(8px,env(safe-area-inset-right));transform:translateY(-50%)}.viewer-caption{position:absolute;z-index:1;bottom:0;left:0;right:0;background:#101a16a8;padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));max-height:25dvh;overflow-y:auto;backdrop-filter:blur(6px)}.viewer-caption>div{display:flex;justify-content:space-between;gap:16px;align-items:center}.viewer-caption strong{font-size:15px}.viewer-caption span{font-size:13px;white-space:nowrap}.viewer-caption p{margin:3px 0 0;font-size:12px;line-height:1.4;white-space:pre-wrap}
.case-viewer[hidden],.case-viewer button[hidden]{display:none}.case-viewer button:focus-visible{outline:3px solid #43b4ee;outline-offset:3px}#project-content .gallery-grid img{cursor:zoom-in}#project-content .gallery-grid img:focus-visible{outline:3px solid #0b6ab8;outline-offset:3px}