.result-lightbox{color:#fff;background:#17141bef;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.result-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.result-lightbox::backdrop{background:#17141b}.result-lightbox-header{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;font-size:16px;display:flex}.result-lightbox-header button{color:#fff;background:#ffffff1c;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.result-lightbox-viewport{overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.result-lightbox-canvas{justify-content:center;align-items:center;width:100%;height:100%;padding:8px 20px;display:flex}.result-lightbox-canvas img{object-fit:contain;border-radius:4px;flex:none;width:100%;height:100%;display:block}.result-lightbox-viewport.is-zoomed .result-lightbox-canvas{width:200%;height:200%}.result-lightbox-toolbar{padding:12px 16px max(16px,env(safe-area-inset-bottom));justify-content:center;display:flex}.result-lightbox-toolbar button{color:#fff;background:#ffffff12;border:1px solid #ffffff40;border-radius:24px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:14px;display:inline-flex}.result-lightbox button:hover{background:#ffffff30}.result-lightbox button:focus-visible{outline-offset:3px;outline:3px solid #c4aff7}