/* 원본 AttachmentList · AttachmentLightbox: 게시판/채팅에서 동일하게 사용한다. */
.board-attachments { display: block; margin-bottom: 28px; }
.chat-file-tile { font-size: 12px; font-weight: 800; line-height: 1; box-shadow: 0 5px 12px -6px var(--fp-color); }
.chat-att-all:disabled, .chat-file-row:disabled { cursor: default; }
.chat-file-dl > .num { font-size: 10.5px; font-weight: 700; }
.attachment-lightbox { z-index: 300; }
.attachment-lightbox .modal { width: auto; max-width: min(94vw, 1040px); display: flex; flex-direction: column; max-height: calc(100vh - 72px); }
.attachment-lightbox .modal-head h3 { font-size: 15px; font-weight: 650; letter-spacing: -.01em; margin: 3px 0 0; max-width: min(78vw, 880px); }
.attachment-lightbox-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.attachment-lightbox-actions .done { color: var(--accent); }
.attachment-lightbox-actions .fail { color: var(--danger); }
.attachment-lightbox-stage { position: relative; background: var(--surface-2); display: grid; place-items: center; min-height: 240px; flex: 1; overflow: hidden; }
.attachment-lightbox-stage > img { max-width: 100%; max-height: calc(100vh - 240px); object-fit: contain; display: block; }
.attachment-lightbox-loading { padding: 60px; color: var(--ink-4); font-size: 13px; }
.attachment-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: color-mix(in oklch, var(--surface) 88%, transparent); backdrop-filter: blur(6px); color: var(--ink-2); display: grid; place-items: center; cursor: pointer; box-shadow: var(--shadow-lg); }
.attachment-lightbox-nav.prev { left: 12px; }
.attachment-lightbox-nav.next { right: 12px; }
.attachment-lightbox-thumbs { display: flex; gap: 8px; padding: 12px 16px; overflow-x: auto; border-top: 1px solid var(--line); background: var(--surface); }
.attachment-lightbox-thumbs button { flex-shrink: 0; width: 54px; height: 54px; border-radius: 8px; overflow: hidden; border: 1px solid var(--line); padding: 0; background: var(--surface-2); cursor: pointer; display: grid; place-items: center; color: var(--ink-5); }
.attachment-lightbox-thumbs button.selected { border: 2px solid var(--accent); }
.attachment-lightbox-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.attachment-lightbox [hidden] { display: none; }