.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;grid-auto-flow:dense}.screenshot-card{padding:24px;background:white;border:1px solid #cfddc7;border-radius:6px;min-width:0;color:#254535}.screenshot-card h2{font-size:20px;margin-bottom:18px}.screenshot-drop{padding:12px;border:1px dashed #7e9d77;border-radius:5px;background:#f3f7ef;min-height:180px;cursor:pointer;margin-bottom:16px}.screenshot-drop>span{display:block}.screenshot-drop img{width:100%;height:170px;object-fit:contain}.screenshot-drop p{text-align:center;font-size:14px;line-height:1.9;margin-top:12px}.screenshot-file{display:block;width:100%;max-width:100%;margin-top:12px;font-size:13px;min-height:44px}.screenshot-entry{margin-bottom:24px}.screenshot-entry .button{color:#eff6ec;border-color:#8caa82}.screenshot-entry p{font-size:13px;margin-top:10px;color:#d2e0d0}@media(max-width:600px){.screenshot-grid{grid-template-columns:1fr;gap:18px}.screenshot-card{padding:20px 16px}.screenshot-card h2{font-size:18px}.screenshot-entry .button{font-size:13px}.screenshot-drop p{font-size:13px}}
/* Registered originals: larger, uncropped thumbnails and native-size detail viewing. */
.screenshot-drop img[hidden]{display:none}.original-image-summary{font-size:14px;color:#28543a;padding:14px 18px;background:#e7f0e1;border:1px solid #ccdcbc;border-radius:5px;margin-top:20px}.original-image-zoom{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;padding:8px 12px;border:1px solid #9bb68e;border-radius:4px;background:#f1f6eb;color:#244c31;cursor:pointer;white-space:nowrap}.original-image-zoom:hover{background:#dfead5}.has-original-photo .subdocument-main{grid-template-columns:clamp(160px,16vw,220px) minmax(0,1fr) 24px;gap:20px;min-height:178px}.has-original-photo .subdocument-main .doc-photo{height:154px;aspect-ratio:auto}.has-original-photo .subdocument-bottom{padding:0 16px 12px 12px;flex-wrap:wrap;gap:8px 16px}.has-original-photo .subdocument-bottom>span{margin-left:auto}.document-hero.has-original-photo{padding:22px;background:#fff;border:1px solid #d3dfcd;border-radius:6px}.document-hero.has-original-photo .original-photo{margin-inline:auto;aspect-ratio:auto;max-height:none;border-radius:0}.document-hero.has-original-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#526a59;margin-top:16px}.original-full-view{margin:0 0 20px;padding:0;background:#fff}.original-full-view img{display:block;width:auto;max-width:100%;height:auto;max-height:72vh;margin:auto;object-fit:contain;image-rendering:auto}.original-full-view figcaption{font-size:12px;line-height:1.8;color:#53695a;margin-top:14px}dialog:has(.original-full-view){width:min(1100px,calc(100% - 32px));max-width:1100px}.screenshot-drop img{height:240px}.original-photo img{filter:none!important}
@media(max-width:900px){.has-original-photo .subdocument-main{grid-template-columns:150px minmax(0,1fr);gap:14px}.has-original-photo .subdocument-main .doc-photo{height:130px}.has-original-photo .subdocument-bottom{padding-left:12px}.has-original-photo .subdocument-bottom>span{display:none}}
@media(max-width:600px){.has-original-photo .subdocument-main{grid-template-columns:140px minmax(0,1fr) 18px;gap:12px}.has-original-photo .subdocument-main .doc-photo{height:126px}.has-original-photo .subdocument-main h2{font-size:15px;line-height:1.8}.has-original-photo .subdocument-main>svg{width:18px;height:18px}.has-original-photo .subdocument-bottom{padding:0 12px 12px;gap:8px 12px}.original-image-zoom{font-size:12px;padding:8px 10px}.document-hero.has-original-photo{padding:16px 12px}.document-hero.has-original-photo figcaption{font-size:12px}.screenshot-drop img{height:210px}.original-image-summary{font-size:13px;padding:12px 14px}dialog:has(.original-full-view){padding:20px 14px}.original-full-view img{max-height:65vh}}
@media(max-width:360px){.has-original-photo .subdocument-main{grid-template-columns:110px minmax(0,1fr) 16px;gap:10px}.has-original-photo .subdocument-main .doc-photo{height:108px}}

.original-export{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.original-export p{font-size:13px;line-height:1.8;color:#536b59}.original-export .button{font-size:13px;min-height:44px}