.attachments-upload{margin-bottom:12px}.attachments-list{min-height:24px}.attachments-empty{font-size:13px;color:#68736d;padding:4px 0}.attachment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.attachment-card{border:1px solid #dde4df;border-radius:12px;overflow:hidden;background:#fff}.attachment-thumb{display:flex;width:100%;height:130px;padding:0;border:0;background:#f3f6f4;align-items:center;justify-content:center;cursor:pointer}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.attachment-file-tile{font-weight:800;font-size:18px;letter-spacing:.06em;color:#65716a}.attachment-card-body{padding:10px}.attachment-card-body>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.attachment-card-body small{display:block;margin:4px 0 9px;color:#68736d}.attachment-card-body>div{display:flex;gap:7px}.attachment-viewer{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.62);padding:18px}.attachment-viewer-card{max-width:900px;height:calc(100vh - 36px);margin:auto;background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.attachment-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.attachment-viewer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer iframe{width:100%;flex:1;border:1px solid #dde4df;border-radius:8px}.attachment-open-external{text-align:center;text-decoration:none}@media(max-width:640px){.attachment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.attachment-thumb{height:112px}.attachment-viewer{padding:6px}.attachment-viewer-card{height:calc(100vh - 12px);border-radius:10px}.attachment-card-body>div{flex-direction:column}}
.attachment-image-fallback{width:100%;height:100%;align-items:center;justify-content:center}
.attachment-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:12px;color:#68736d}.attachment-image-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#111;border-radius:8px;overflow:hidden}.attachment-image-stage[hidden]{display:none}.attachment-image-stage img{max-width:100%;max-height:100%;object-fit:contain}