.att-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.att-chip{border:1px solid var(--line);background:var(--surface);max-width:280px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:12.5px;display:inline-flex}.att-chip:hover{border-color:var(--lsm-blue,#2c6ecb)}.att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att-size{color:var(--text-faint);flex:none}.att-view{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;min-height:240px;display:flex;overflow:hidden}.att-view img{object-fit:contain;max-width:100%;max-height:70vh;display:block}.att-view iframe{background:#fff;border:0;width:100%;height:70vh}.att-none{text-align:center;justify-items:center;gap:2px;padding:30px 16px;display:grid}.att-dl,.att-link{border-radius:8px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.att-dl{background:var(--lsm-blue,#2c6ecb);color:#fff}.att-link{color:var(--lsm-blue,#2c6ecb)}