.attachments{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s3)}.attachment{margin:0;max-width:260px}.attachment img{max-width:260px;max-height:200px;cursor:zoom-in}.attachment img,.attachment video{display:block;border-radius:var(--r) var(--r) 0 0;border:1px solid var(--line);border-bottom:0}.attachment video{max-width:300px}.attachment .file-face{display:flex;align-items:center;gap:8px;padding:14px;background:var(--surface-sunken);border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;font-size:13px;color:var(--structure);text-decoration:none}.attachment figcaption{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r)}.attachment figcaption .nm{flex:1 1;min-width:0;font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment figcaption button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;cursor:pointer;padding:4px 8px;background:none;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:12px;color:var(--ink-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.attachment figcaption button:hover{background:var(--surface-sunken);color:var(--ink)}