.screenshot-open { overflow:hidden; }
.sbjs-proof button[data-screenshot-src] { cursor:zoom-in; font:inherit; text-align:left; }
.sbjs-proof > button[data-screenshot-src] { position:relative; display:block; width:100%; border:0; padding:0; background:transparent; }
.sbjs-proof .screenshot-enlarge { position:absolute; inset-inline-end:10px; bottom:10px; display:flex; align-items:center; gap:12px; max-width:calc(100% - 20px); padding:8px 12px; border:1px solid #aab9c8; border-radius:6px; background:#0b1f33; color:#fff; font:600 12px/1.4 system-ui,sans-serif; box-shadow:0 2px 8px #0002; }
.screenshot-modal { width:100vw; height:100dvh; max-width:none; max-height:none; padding:64px 24px 24px; margin:0; box-sizing:border-box; border:0; background:transparent; color:white; }
.screenshot-modal::backdrop { background:#061424ed; }
.screenshot-modal[open] { display:grid; place-items:center; }
.screenshot-modal figure { margin:0; display:flex; flex-direction:column; align-items:center; gap:12px; max-width:100%; max-height:100%; min-height:0; }
.screenshot-modal img { display:block; max-width:100%; max-height:calc(100dvh - 140px); object-fit:contain; border-radius:8px; width:auto; height:auto; box-shadow:0 12px 60px #0005; }
.screenshot-modal figcaption { max-width:85ch; margin:0; font:400 13px/1.5 system-ui,sans-serif; text-align:center; color:#e6edf3; }
.screenshot-close { position:absolute; top:14px; right:24px; min-height:44px; padding:8px 16px; display:flex; align-items:center; gap:16px; border:1px solid #aab9c8; border-radius:8px; background:#0b1f33; color:white; font:600 14px system-ui,sans-serif; cursor:pointer; }
.screenshot-close span { font-size:24px; }
.screenshot-modal button:focus-visible,.sbjs-proof button:focus-visible { outline:3px solid #f08a5a; outline-offset:4px; }
@media(max-width:600px) { .screenshot-modal { padding-inline:12px; }.screenshot-close{right:12px}.screenshot-modal figcaption{font-size:12px;} }