.sample-thumbnail{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:1px solid #244044;border-radius:8px;background:#fff}
.sample-thumbnail-open{display:block;width:min(100%,350px);height:220px;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in}
.sample-thumbnail-open:focus-visible{outline:2px solid #3ae0cd;outline-offset:4px}
.sample-thumbnail-dialog{max-width:min(90vw,900px);max-height:90vh;padding:48px 20px 20px;border:1px solid #244044;border-radius:12px;background:#0b1518;color:#e4efed}
.sample-thumbnail-dialog::backdrop{background:rgba(0,0,0,.82)}
.sample-thumbnail-dialog img{display:block;max-width:100%;max-height:calc(90vh - 110px);margin:auto;object-fit:contain;background:#fff}
.sample-thumbnail-dialog figcaption{margin-top:12px;text-align:center}
.sample-thumbnail-close{position:absolute;top:8px;right:12px;padding:6px 10px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.sample-file-download{display:flex;flex-direction:column;gap:18px;text-decoration:none}
.sample-file-download strong{font-size:26px;color:#e4efed}
.sample-file-download>span{font-size:12px}
.sample-file-download:hover .sample-link-label{text-decoration:underline}
.sample-format-guide article:hover,.sample-format-guide article:focus-within{border-color:#26d5cd}
.sample-format-guide .sample-thumbnail-open{margin-top:14px;margin-bottom:12px}
.sample-file-card .sample-thumbnail{margin:0}
.admin-sample-item{border-top:1px solid #24383d;margin-top:14px;padding-top:14px}
.admin-sample-item .sample-thumbnail{margin-bottom:10px}
.admin-sample-item form{display:grid;gap:8px}
.admin-sample-item input[type=file]{display:block;max-width:100%;margin-top:6px}