.screenshot-viewer{position:fixed;inset:0;width:min(76rem,calc(100vw - 2rem));height:min(58rem,calc(100vh - 2rem));height:min(58rem,calc(100dvh - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid #526775;border-radius:1rem;background:#07131f;color:#f5f8fa;overflow:hidden;box-shadow:0 1rem 5rem rgb(0 0 0 / 40%)}
.screenshot-viewer:not([open]){display:none}
.screenshot-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.screenshot-viewer::backdrop{background:rgb(3 12 20 / 84%)}
.screenshot-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #304857;background:#102b3c}
.screenshot-viewer-header h2{font-size:1.1rem;line-height:1.35;margin:0;color:inherit;min-width:0}
.screenshot-viewer-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.75rem;height:2.75rem;border:1px solid #7895a5;border-radius:.5rem;background:#1f4053;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.screenshot-viewer-close:hover{background:#315b70}
.screenshot-viewer-close:focus-visible{outline:3px solid #ffdc66;outline-offset:3px}
.screenshot-viewer-image-area{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:.75rem;overflow:hidden}
.screenshot-viewer-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.screenshot-viewer-image[hidden],.screenshot-viewer-error[hidden]{display:none}
.screenshot-viewer-error{padding:1rem;color:#fff1be;line-height:1.5}
.screenshot-viewer-note{font-size:.85rem;line-height:1.45;margin:0;padding:.75rem 1rem;background:#132d3c;color:#d7e6ee;border-top:1px solid #304857;max-height:30vh;overflow:auto}
.screenshot-viewer-note strong{color:#ffe08a}
html.screenshot-viewer-open{overflow:hidden}
html.screenshot-viewer-open body{padding-right:var(--screenshot-scrollbar-gap,0px)}
@media(max-width:36rem){.screenshot-viewer{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);height:calc(100vh - 1rem);height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);border-radius:.65rem}.screenshot-viewer-header{padding:.5rem .65rem;gap:.65rem}.screenshot-viewer-header h2{font-size:1rem}.screenshot-viewer-note{padding:.6rem .75rem;font-size:.8rem}.screenshot-viewer-image-area{padding:.35rem}}
@media print{.screenshot-viewer[open]{display:none}}