.image-viewer-trigger{width:100%;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.image-viewer-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.image-viewer{width:100%;max-width:none;height:100dvh;max-height:none;padding:20px max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));color:#f1f3eb;background:#0b0e0c;border:0;margin:0;position:fixed;inset:0}.image-viewer[open]{flex-direction:column;gap:18px;display:flex}.image-viewer::backdrop{background:#0b0e0c}.image-viewer-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.image-viewer-back,.image-viewer-close{min-height:44px;color:inherit;background:#171d14;border:1px solid #47533e;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:inline-flex}.image-viewer-back:hover,.image-viewer-close:hover{color:var(--accent);border-color:var(--accent)}.image-viewer-canvas{flex:1;min-height:0;position:relative}.image-viewer-caption{text-align:center;color:#b8c0b2;flex-shrink:0;max-height:20vh;margin:0;font-size:14px;line-height:1.5;overflow:auto}@media (max-width:600px){.image-viewer{padding-top:max(12px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:12px}}