.attachment-preview{border:1px solid #d7d7d7;background:#f8f8f8;border-radius:6px;padding:10px 12px;margin:10px 0 14px;box-shadow:0 1px 1px #0000000a}.attachment-preview__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;color:#1f1f1f;flex-wrap:wrap}.attachment-preview__title{font-weight:600}.attachment-preview__title a{color:#1f1f1f;text-decoration:none}.attachment-preview__title a:hover{text-decoration:underline}.attachment-preview__badge{background:#e8eef7;border:1px solid #d0d7e2;border-radius:4px;padding:2px 6px;font-size:.75rem;letter-spacing:.02em}.attachment-preview__actions{margin-left:auto;display:flex;gap:8px;font-size:.9rem}.attachment-preview__actions a{display:inline-flex;align-items:center;gap:6px;color:#2f4d92}.attachment-preview__body{width:100%}.attachment-preview__file-icon svg{width:18px;height:22px;display:block;color:#2f4d92}.attachment-preview__download-icon svg{width:16px;height:16px;display:block;color:#2f4d92}.attachment-preview__frame{width:100%;height:100%;border:0;background:transparent}.attachment-preview__resizable{resize:vertical;overflow:auto;min-height:120px;max-height:80vh;height:420px;border:1px solid #d0d0d0;border-radius:4px;background:#fff}.attachment-preview__resizable--auto{height:auto;max-height:420px;min-height:0}.attachment-preview__sheet table{border-collapse:collapse;width:100%}.attachment-preview__sheet td,.attachment-preview__sheet th{border:1px solid #e0e0e0;padding:4px 6px;font-size:.85rem;vertical-align:top}.attachment-preview__image{max-width:100%;height:auto;display:block;border:1px solid #d0d0d0;border-radius:4px;background:#fff}.attachment-preview__media{width:100%;border-radius:4px;background:#000}.attachment-preview__fallback{color:#4d4d4d;font-size:.9rem;display:flex;align-items:center;gap:8px}