.thryve-attachment{display:inline-flex;align-items:center;gap:var(--space-8);flex-shrink:0;min-inline-size:0;padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-sunken);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--text-secondary);max-inline-size:15rem}.thryve-attachment[data-density=chip]{flex:0 0 13.125rem;inline-size:13.125rem;min-inline-size:13.125rem;max-inline-size:13.125rem}.thryve-attachment[data-density=chip] .thryve-attachment__body{flex:1 1 auto}.thryve-attachment__mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:2.25rem;block-size:2.25rem;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--surface-elevated);color:var(--text-muted)}.thryve-attachment__image{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.thryve-attachment__favicon{inline-size:1rem;block-size:1rem}.thryve-attachment__body{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.thryve-attachment__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.thryve-attachment__meta,.thryve-attachment__status{font-size:var(--text-micro);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thryve-attachment__bar{display:block;inline-size:100%;block-size:var(--space-4);overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-elevated)}.thryve-attachment__bar-fill{display:block;block-size:100%;border-radius:var(--radius-pill);background:var(--accent-primary);transition:inline-size var(--duration-fast) var(--ease-default)}@media (prefers-reduced-motion:reduce){.thryve-attachment__bar-fill{transition:none}}.thryve-attachment__open{display:inline-flex;align-items:center;gap:inherit;flex:1 1 auto;min-inline-size:0;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:inherit}.thryve-attachment__open:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.thryve-attachment[data-openable]:hover{border-color:var(--border-default)}.thryve-attachment__remove{flex-shrink:0;inline-size:1.125rem;block-size:1.125rem;min-block-size:0;min-inline-size:0}.thryve-attachment[data-status=uploading]{border-style:dashed}.thryve-attachment[data-status=uploading] .thryve-attachment__title{color:var(--text-muted)}.thryve-attachment[data-status=failed]{border-color:var(--border-error)}.thryve-attachment[data-status=failed] .thryve-attachment__mark{background:var(--surface-error);color:var(--text-error)}.thryve-attachment[data-status=failed] .thryve-attachment__status{color:var(--text-error)}.thryve-attachment[data-density=row]{display:flex;inline-size:100%;max-inline-size:none;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);background-color:var(--surface-elevated)}.thryve-attachment[data-density=row] .thryve-attachment__body{flex:1 1 auto}.thryve-attachment[data-density=row] .thryve-attachment__title{font-size:var(--text-body)}.thryve-attachment[data-density=row] .thryve-attachment__remove{inline-size:auto;block-size:auto}.thryve-attachment[data-density=pill]{gap:var(--space-6);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);max-inline-size:12rem}.thryve-attachment[data-density=pill] .thryve-attachment__mark{inline-size:1rem;block-size:1rem;border-radius:0;background:none}