.att-chip{border:1px solid var(--c-border);background:var(--c-surface);border-radius:6px;align-items:stretch;max-width:min(100%,360px);display:inline-flex;overflow:hidden}.att-open{min-width:0;color:var(--c-fg);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 12px 7px 8px;display:flex}.att-open:hover{background:var(--c-hover)}.att-open:focus-visible,.att-remove:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.att-icon{border:1px solid var(--c-border);background:var(--c-surface-muted);width:30px;height:30px;color:var(--c-text-2);border-radius:4px;flex:none;place-items:center;display:grid}.att-text{flex-direction:column;min-width:0;display:flex}.att-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.att-meta{color:var(--c-text-muted);font-size:.71875rem}.att-remove{border:0;border-left:1px solid var(--c-border);width:32px;color:var(--c-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.att-remove:hover{background:var(--c-hover);color:var(--c-fg)}.chat-attachment-slot{margin:0 4px 10px}.chat-message-attachment{margin-top:10px}
