.attachment-preview{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);grid-column:1/-1;min-width:0}
.attachment-preview[hidden],.attachment-preview img[hidden],.attachment-file-icon[hidden]{display:none}
.attachment-preview img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:var(--bg-secondary);flex-shrink:0}
.attachment-file-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--bg-active);color:var(--accent-1);border-radius:8px;font-size:24px;flex-shrink:0}
.attachment-preview-info{min-width:0;flex:1;display:grid;gap:5px}
.attachment-preview-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.attachment-preview-info span{font-size:11px;color:var(--text-secondary);line-height:1.5}
.attachment-preview button{min-width:44px;min-height:44px;flex-shrink:0}
@media(max-height:500px) and (max-width:1023px){.attachment-preview{margin-top:0;padding:5px 8px}.attachment-preview img{width:40px;height:40px}}