Artflow

<div class="w-full text-token-text-primary" data-testid="conversation-turn-9"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="relative flex w-full flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" data-message-author-role="assistant" data-message-id="b427b16b-80d1-4a88-9ffc-5dda05d72877"> <div class="markdown prose w-full break-words dark:prose-invert light"> Artflow is an innovative platform designed to empower users' creativity through AI solutions. It focuses on enabling individuals to create animated stories and visual content without the need for extensive skills or resources. Artflow introduces the world's first text-to-portrait service, allowing users to generate custom avatars and characters from text descriptions. This service is aimed at a broad audience, from creators in over 180 countries to professionals looking to enhance their storytelling or content creation with AI-driven visuals and animations​​​​​​ </div> </div> </div> <div class="mt-1 flex justify-start gap-3 empty:hidden"> <div class="text-gray-400 flex self-end lg:self-center justify-center lg:justify-start mt-0 -ml-1 visible"><button class="flex items-center gap-1.5 rounded-md p-1 text-xs text-token-text-tertiary hover:text-token-text-primary md:invisible md:group-hover:visible md:group-[.final-completion]:visible"></button> <div class="flex"></div> </div> </div> </div> <div class="absolute"> <div class="flex w-full gap-2 items-center justify-center"></div> </div> </div> </div> </div> </div> <div class="w-full text-token-text-primary" data-testid="conversation-turn-10"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="flex-shrink-0 flex flex-col relative items-end"> <div> <div class="pt-0.5"> <div class="gizmo-shadow-stroke flex h-6 w-6 items-center justify-center overflow-hidden rounded-full"></div> </div> </div> </div> </div> </div> </div>