.garden-expandable-image{cursor:zoom-in}.garden-expandable-image:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}
.garden-image-viewer{box-sizing:border-box;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;background:#101512f5;color:#f0f4f1;overflow:hidden;color-scheme:dark}
.garden-image-viewer[open]{display:flex;flex-direction:column}.garden-image-viewer::backdrop{background:#101512ef}
.image-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));flex-shrink:0;border-bottom:1px solid #ffffff25;font:14px/1.5 system-ui,sans-serif}
.image-viewer-toolbar>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.image-viewer-toolbar button{min-width:44px;min-height:44px;border:1px solid #ffffff35;border-radius:8px;padding:7px 11px;background:#ffffff12;color:#fff;cursor:pointer;font:inherit}.image-viewer-toolbar button:disabled{opacity:.35;cursor:default}.image-viewer-toolbar button:focus-visible{outline:2px solid #bcdfc4;outline-offset:2px}.image-viewer-toolbar button:hover:not(:disabled){background:#ffffff28}
.image-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;overscroll-behavior:contain;touch-action:none}.image-viewer-canvas{position:absolute;inset:0;display:grid;place-items:center}.image-viewer-canvas img{display:block;max-width:none;max-height:none;margin:0;object-fit:contain;user-select:none;touch-action:none;transform-origin:center;will-change:transform;-webkit-user-drag:none}.image-viewer-stage.is-zoomed{cursor:grab}.image-viewer-stage.is-dragging{cursor:grabbing}.image-viewer-help{flex-shrink:0;text-align:center;margin:0;padding:8px 12px;color:#aab8ae;font:12px/1.5 system-ui,sans-serif}.image-help-touch{display:none}@media(pointer:coarse){.image-help-mouse{display:none}.image-help-touch{display:inline}}
.image-viewer-caption{flex-shrink:0;text-align:center;margin:0;padding:10px 16px max(12px,env(safe-area-inset-bottom));font:13px/1.5 system-ui,sans-serif;color:#d6dfd8;overflow-wrap:anywhere;max-height:4.5em;overflow:auto}.image-viewer-caption:empty{padding:0;height:env(safe-area-inset-bottom)}
@media(max-width:480px){.image-viewer-toolbar{padding-top:max(8px,env(safe-area-inset-top));font-size:12px}.image-viewer-toolbar button{padding:6px 8px}.image-viewer-toolbar>span{white-space:nowrap}}