.screenshot-gallery,.screenshot-review{max-width:1040px;font:18px/1.5 var(--font-ui)}.screenshot-gallery{margin-block:24px}.screenshot-review{margin-block:0 24px;padding-block-start:24px}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-block:24px;display:grid}.screenshot-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0;padding-block-end:28px;display:grid}.screenshot-card h3{font:23px/1.3 var(--font-display);overflow-wrap:anywhere;text-wrap:pretty;grid-row:2;align-self:center;margin-block:14px 10px;margin-inline:0}.screenshot-thumbnail{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--bone);border-radius:0;flex:none;grid-row:1;padding:0;position:relative;overflow:clip}button.screenshot-thumbnail{cursor:zoom-in}.screenshot-thumbnail img{object-fit:contain;outline-offset:-1px;outline:1px solid oklch(100% 5.96046e-8 none/.1);width:100%;height:100%;display:block}.screenshot-open-label{background:var(--bg-card);border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line);font:16px/1.5 var(--font-ui);padding-block:6px;padding-inline:12px;position:absolute;inset-block-end:0;inset-inline-end:0}@media (hover:hover) and (pointer:fine){.screenshot-thumbnail:hover{border-color:var(--bone)}.screenshot-thumbnail:hover .screenshot-open-label{background:var(--bone);color:var(--bg)}}.screenshot-thumbnail:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.screenshot-unavailable{min-height:100px;font:18px/1.4 var(--font-ui);justify-content:center;align-items:center;display:flex}.screenshot-byline{color:var(--text-dim);grid-row:3;justify-content:space-between;align-items:center;gap:12px;font-size:16px;display:flex}.screenshot-byline span{text-overflow:ellipsis;white-space:nowrap;overflow:clip}.screenshot-byline time{white-space:nowrap;font-variant-numeric:tabular-nums}.screenshot-card .community-actions{margin-block-start:auto;padding-block-start:14px}.screenshot-status{color:var(--bone);grid-row:4;margin-block:8px 0;margin-inline:0;font-size:16px}.screenshot-pager{flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:28px;display:flex}.screenshot-pager span{font-variant-numeric:tabular-nums}.screenshot-upload{border:1px solid var(--line);background:var(--bg-card);margin-block:24px;margin-inline:0;padding:24px}.screenshot-upload-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.screenshot-upload-heading h3{font:26px/1.2 var(--font-display);margin:0}.screenshot-upload-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:start;gap:24px;margin-block-start:24px;display:grid}.screenshot-preview{aspect-ratio:16/9;background:var(--bg);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:clip}.screenshot-preview img{object-fit:contain;width:100%;height:100%;display:block}.screenshot-preview span{color:var(--text-dim);text-align:center;padding:24px}.screenshot-file{width:1px;height:1px;opacity:0;pointer-events:none;min-block-size:0;min-inline-size:0;position:absolute;overflow:clip}.screenshot-upload-fields{min-width:0}.screenshot-upload-fields label{color:var(--bone);margin-block:20px 8px;margin-inline:0;display:block}.screenshot-upload-fields input[type=text]{border:1px solid var(--line);background:var(--bg);width:100%;height:48px;color:var(--text);font:18px/1.4 var(--font-ui);border-radius:0;padding-block:0;padding-inline:14px;display:block}.screenshot-upload-fields input[type=text]:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.screenshot-limit{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-block:12px;margin-inline:0;font-size:16px}.screenshot-upload>.community-hint{margin-block-start:12px}.screenshot-overlay{z-index:1000;background:oklch(0% none none/.88);position:fixed;inset:0}.screenshot-dialog{z-index:1001;background:var(--bg);border:1px solid var(--bone-dim);width:min(1280px,100vw - 64px);max-height:calc(100dvh - 64px);color:var(--text);font:18px/1.5 var(--font-ui);padding:24px;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px oklch(0% none none/.6)}.screenshot-dialog-heading{justify-content:space-between;align-items:center;gap:24px;margin-block-end:20px;display:flex}.screenshot-dialog-heading h2{font:26px/1.25 var(--font-display);overflow-wrap:anywhere;max-width:70ch;margin:0}.screenshot-dialog-heading .community-button{flex:none}.screenshot-full-image{justify-content:center;align-items:center;min-height:160px;display:flex}.screenshot-full-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 220px);display:block}.screenshot-review .screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-review .community-page-link{font-size:18px}@media (prefers-reduced-motion:no-preference){button.screenshot-thumbnail{transition:transform .16s ease-out,border-color .16s ease-out}@media (hover:hover) and (pointer:fine){button.screenshot-thumbnail:hover{transform:perspective(1200px)translateZ(4px)}}button.screenshot-thumbnail:active,.screenshot-gallery .community-button:active:not(:disabled),.screenshot-dialog .community-button:active{transform:scale(.96)}.screenshot-dialog[data-state=open]{animation:.16s ease-out screenshot-reveal}@keyframes screenshot-reveal{0%{opacity:0;transform:translate(-50%,-49%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}@media (max-width:900px){.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-upload-layout{grid-template-columns:1fr}}@media (max-width:600px){.screenshot-grid,.screenshot-review .screenshot-grid{grid-template-columns:1fr}.screenshot-upload{padding:16px}.screenshot-dialog{width:calc(100vw - 24px);padding:16px}.screenshot-dialog-heading{flex-direction:column;align-items:flex-start;gap:12px}}.screenshot-pager .community-button[aria-current=page]{background:var(--bone);border-color:var(--bone);color:var(--bg)}@media (hover:hover) and (pointer:fine){.screenshot-pager .community-button[aria-current=page]:hover{background:var(--abbey-white);color:var(--bg)}}.screenshot-card-controls{grid-row:5;align-self:end}.screenshot-gallery>.community-notice{margin-block:20px;margin-inline:0}.screenshot-gallery>.community-notice p{margin:0}.screenshot-view-links{align-items:center;margin-block:0 12px;margin-inline:0 12px;display:inline-flex}.screenshot-grid:has(>.screenshot-card:only-child){grid-template-columns:minmax(0,1fr)}.screenshot-grid:has(>.screenshot-card:only-child) .screenshot-thumbnail{aspect-ratio:var(--screenshot-ratio,16/9);max-height:560px}.screenshot-view-actions{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.screenshot-view-actions .community-button{min-height:44px}.screenshot-full-image[data-actual]{scrollbar-color:var(--line) var(--bg);max-height:calc(100dvh - 240px);display:block;overflow:auto}.screenshot-full-image[data-actual] img{width:var(--image-width);max-width:none;max-height:none}