.proof-thumbnails { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:12px; }
.proof-thumbnail { display:block; width:100%; aspect-ratio:1; padding:0; min-width:0; border:1px solid var(--line,#dbe2ee); border-radius:8px; overflow:hidden; background:var(--soft,#eef2f8); cursor:zoom-in; text-decoration:none; }
.tracking-card .proof-thumbnail { border-radius:8px!important; }
.proof-thumbnail img { display:block; width:100%; height:100%; object-fit:cover; border-radius:0; }
.proof-thumbnail:hover, .proof-thumbnail:focus-visible { outline:2px solid var(--accent,#2551b8); outline-offset:3px; }
.proof-gallery { width:min(1000px,calc(100% - 24px)); max-width:none; max-height:94dvh; padding:0; border:1px solid var(--line,#dbe2ee); border-radius:12px; background:var(--surface,#fff); color:var(--ink,#102345); box-shadow:0 20px 80px #0006; }
.proof-gallery::backdrop { background:rgba(7,15,30,.82); }
.proof-gallery-head, .proof-gallery-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; }
.proof-gallery-head h2 { margin:0; font:600 17px var(--hfont,sans-serif); }
.proof-gallery button, .proof-gallery-foot a { border:1px solid var(--line,#dbe2ee); border-radius:6px; padding:9px 14px; font:600 13px var(--bfont,sans-serif); color:inherit; background:var(--surface,#fff); text-decoration:none; cursor:pointer; }
.proof-gallery button:focus-visible, .proof-gallery a:focus-visible { outline:2px solid var(--accent,#2551b8); outline-offset:3px; }
.proof-gallery-stage { position:relative; display:flex; align-items:center; justify-content:center; background:#0d1421; height:min(68dvh,720px); min-height:180px; touch-action:pan-y pinch-zoom; overflow:hidden; }
.proof-gallery-stage img { display:block; width:100%; height:100%; object-fit:contain; border-radius:0; }
.proof-gallery-stage button { position:absolute; z-index:1; top:50%; transform:translateY(-50%); background:#fff; color:#142449; font:32px/1 sans-serif; padding:10px 15px; box-shadow:0 2px 12px #0005; }
.proof-gallery-stage [data-proof-prev] { left:12px; }
.proof-gallery-stage [data-proof-next] { right:12px; }
.proof-gallery [hidden] { display:none!important; }
.proof-gallery-foot { font:13px var(--bfont,sans-serif); }
.proof-gallery-foot a { background:var(--brand,#2551b8); color:var(--brandInk,#fff); border-color:transparent; }
.proof-gallery-open body { overflow:hidden; }
@media(max-width:520px) {
  .proof-thumbnails { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .proof-gallery-head, .proof-gallery-foot { padding:12px; gap:10px; }
  .proof-gallery-head h2 { font-size:14px; }
  .proof-gallery-stage button { padding:9px 11px; }
}