.screenshot-preview-trigger{width:100%;padding:0;text-align:start;font:inherit;cursor:zoom-in}.screenshot-viewer{--screenshot-toolbar-height: 56px;position:fixed;inset:0;width:min(var(--image-width),calc(100% - 16px),calc((100dvh - var(--screenshot-toolbar-height) - 18px) * var(--image-ratio)));max-width:none;height:fit-content;max-height:calc(100dvh - 16px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);font-family:var(--font-grotesk);container-type:inline-size}.screenshot-viewer[open]{display:flex;flex-direction:column}.screenshot-viewer::backdrop{background:#0a0c08cc}.screenshot-viewer.is-zoomed{width:min(calc(var(--image-width) + 2px),calc(100% - 16px));height:min(calc(var(--image-height) + var(--screenshot-toolbar-height) + 2px),calc(100dvh - 16px))}.screenshot-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-sizing:border-box;height:var(--screenshot-toolbar-height);gap:8px;padding:4px 8px;border-bottom:1px solid var(--border)}.screenshot-viewer-toolbar h2{flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:600;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screenshot-viewer-actions{display:flex;gap:4px;flex-shrink:0}.screenshot-viewer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--secondary);color:var(--foreground);cursor:pointer;font-size:.875rem}.screenshot-viewer-actions button:hover{background:var(--accent)}.screenshot-viewer-actions svg{flex-shrink:0}.screenshot-viewer-image{flex:0 1 auto;min-height:0;padding:0;overflow:auto;overscroll-behavior:contain;direction:ltr}.screenshot-viewer-image img{display:block;width:100%;height:auto}.screenshot-viewer-image.is-zoomed{flex:1}.screenshot-viewer-image.is-zoomed img{width:var(--image-width);max-width:none;height:auto}@container (max-width: 480px){.screenshot-viewer-action-label{display:none}}