.need.svelte-14pf96p{width:100%;max-width:720px;margin:0 auto}.box.svelte-14pf96p{align-items:flex-end;gap:var(--space-3);background:var(--surface-card);border-radius:var(--radius-md);transition:box-shadow var(--duration-base) var(--ease-standard);padding:14px 14px 14px 22px;display:flex;box-shadow:0 1px 2px #3216000d,0 18px 44px -12px #3216002e}.box.svelte-14pf96p:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--fire) 28%, transparent), 0 18px 44px -12px #32160038}textarea.svelte-14pf96p{field-sizing:content;resize:none;min-height:44px;max-height:160px;font-family:var(--font-sans);color:var(--text-strong);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:1.0625rem;line-height:1.5}textarea.svelte-14pf96p::placeholder{color:var(--text-subtle)}.send.svelte-14pf96p{border-radius:var(--radius-xs);background:var(--fire);width:44px;height:44px;color:var(--bark);cursor:pointer;transition:background var(--duration-base) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), opacity var(--duration-base);border:0;flex:none;place-items:center;display:grid}.send.svelte-14pf96p svg:where(.svelte-14pf96p){width:20px;height:20px}.send.svelte-14pf96p:hover:not(:disabled){background:var(--fire-dark);color:var(--paper)}.send.svelte-14pf96p:active:not(:disabled){transform:scale(var(--press-scale))}.send.svelte-14pf96p:disabled{opacity:.45;cursor:default}.send.svelte-14pf96p:focus-visible,.example.svelte-14pf96p:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.examples.svelte-14pf96p{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.try.svelte-14pf96p{font-size:var(--text-caption);color:var(--text-subtle);margin-right:var(--space-1)}.example.svelte-14pf96p{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--text-body);background:color-mix(in srgb, var(--surface-card) 70%, transparent);border-radius:var(--radius-xs);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base);border:0;padding:7px 12px}.example.svelte-14pf96p:hover{background:var(--surface-card);color:var(--text-strong)}.md.svelte-14pf96p .box:where(.svelte-14pf96p){padding:10px 10px 10px 18px}.md.svelte-14pf96p textarea:where(.svelte-14pf96p){font-size:var(--text-base);min-height:40px;padding:8px 0}.md.svelte-14pf96p .send:where(.svelte-14pf96p){width:40px;height:40px}.on-dark.svelte-14pf96p .box:where(.svelte-14pf96p){background:var(--paper);box-shadow:0 18px 44px -12px #0006}.on-dark.svelte-14pf96p textarea:where(.svelte-14pf96p){color:var(--coal)}.on-dark.svelte-14pf96p textarea:where(.svelte-14pf96p)::placeholder{color:#32160073}.sr-only.svelte-14pf96p{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=560px){.box.svelte-14pf96p{padding-left:16px}textarea.svelte-14pf96p{font-size:var(--text-base)}}