.screenshot-link{display:block;overflow:hidden;cursor:zoom-in;background:#f0f1ef}.screenshot-link img{display:block;width:100%;height:auto}
.screenshot-dialog{width:min(1300px,96vw);height:min(960px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:14px;background:#f1f4f2;color:var(--ink);overflow:hidden}.screenshot-dialog[open]{display:flex;flex-direction:column}.screenshot-dialog::backdrop{background:#10251fe0}.screenshot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 18px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}.screenshot-toolbar h2{font-size:17px}.screenshot-toolbar button,.screenshot-controls button,.screenshot-controls a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #bdcec2;border-radius:6px;background:white;padding:7px 13px;font-size:13px;color:var(--ink);cursor:pointer}.screenshot-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px}.screenshot-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex-shrink:0}.screenshot-stage.is-zoomed{display:block}.screenshot-stage.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto;margin:0 auto}.screenshot-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 15px;background:white;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.screenshot-controls>span{font-size:12px;min-width:36px;text-align:center}.screenshot-controls [aria-pressed=true]{background:var(--green);color:white}.image-viewer-open{overflow:hidden}

@media(max-width:600px){.screenshot-toolbar{padding:8px 10px}.screenshot-toolbar h2{font-size:15px}.screenshot-stage{padding:8px}.screenshot-controls{gap:8px;padding:8px}.screenshot-controls button,.screenshot-controls a{padding:7px 10px;font-size:12px}.screenshot-controls a{flex-basis:100%}}