<div class="flex-1 overflow-hidden">
<div class="h-full overflow-auto bg-token-main-surface-primary">
<div class="flex flex-col text-sm pt-2 md:pb-9">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-7" data-scroll-anchor="true">
<div class="text-base py-[18px] px-3 md:px-4 m-auto">
<div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]">
<div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex-col gap-1 md:gap-3">
<div class="flex max-w-full flex-col flex-grow">
<div class="min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto" dir="auto" data-message-author-role="assistant" data-message-id="f44518e4-d186-403d-bf74-9dc138f37f83">
<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
<div class="markdown prose w-full break-words dark:prose-invert light">
Create personalized certificates with the Purple Spa Gift Certificate Template. Designed with calming purple tones and elegant details, this template is perfect for any spa or wellness business. Tailor it to your preferences and delight your clients. Download today and make every gift unique!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent w-full">
<div class="relative flex w-full flex-1 flex-col items-center justify-center gap-2 pt-3 empty:hidden sm:flex-row">
<div class="flex flex-col items-center gap-4">
<div class="flex items-center justify-center"></div>
</div>
</div>
</div>