.prose-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.prose-gallery[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.prose-gallery[data-cols="3"]:not([data-fixed-columns]){grid-template-columns:repeat(2,minmax(0,1fr))}.prose-gallery[data-fixed-columns]{gap:0.5rem}.prose-gallery[data-fixed-columns] figcaption{padding:0.375rem 0.5rem;font-size:0.6875rem}}.prose-gallery figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted)}.prose-body .prose-gallery img{display:block;width:100%;height:auto;margin:0;border-radius:0;aspect-ratio:1;object-fit:contain}.prose-gallery[data-aspect="wide"] img{aspect-ratio:2 / 1}.prose-gallery[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:640px){.prose-gallery[data-cols="4"]:not([data-fixed-columns]){grid-template-columns:repeat(2,minmax(0,1fr))}}.prose-body .prose-gallery[data-aspect="portrait"] img,.prose-body .prose-example[data-aspect="portrait"] img{aspect-ratio:auto}.prose-gallery[data-aspect="portrait"] figure{display:flex;flex-direction:column}.prose-gallery[data-aspect="portrait"] figcaption{margin-top:auto}.prose-gallery[data-pixelated] img{image-rendering:pixelated}.prose-gallery figcaption{padding:0.5rem 0.75rem;font-size:0.75rem;line-height:1.4;color:var(--muted-foreground)}.showcase-reel figure{width:14rem}.showcase-reel img{display:block;width:14rem;height:14rem;object-fit:contain}.showcase-reel figcaption{min-height:3.4rem;text-align:center}.showcase-reel[data-pixelated] img{image-rendering:pixelated}.showcase-reel:has(.showcase-reel-pause input:checked) .marquee-track{animation-play-state:paused}.showcase-reel-pause:has(input:checked){background:var(--muted);color:var(--muted-foreground)}.showcase-reel-pause:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.prose-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.25rem;align-items:start;margin:2rem 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted)}.prose-body .prose-example img{display:block;width:100%;height:auto;margin:0;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-md);background:var(--background)}.prose-example[data-pixelated] img{image-rendering:pixelated}.prose-example figcaption{min-width:0}.prose-example-machine{display:inline-block;margin-bottom:0.5rem;font-size:0.75rem;font-weight:500;letter-spacing:0.02em;text-transform:uppercase;color:var(--muted-foreground)}.prose-example .prose-example-request{margin:0 0 0.75rem;font-size:1.125rem;line-height:1.4;font-weight:500}.prose-example .prose-example-note{margin:0 0 0.75rem;font-size:0.9375rem;line-height:1.55;color:var(--muted-foreground)}.prose-example .prose-collapsible{margin:0}.prose-example .prose-collapsible-body p{font-size:0.875rem;line-height:1.55;overflow-wrap:anywhere}@media (max-width:640px){.prose-example{grid-template-columns:minmax(0,1fr)}}.prose-example[data-source]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.prose-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}.prose-example img[data-role="source"]{image-rendering:auto}@media (max-width:640px){.prose-example[data-source]{grid-template-columns:minmax(0,1fr)}}.agent-example{margin:0 0 2.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted)}.agent-example-prompt{margin:0 0 1rem;font-size:1.125rem;line-height:1.4;font-weight:500}.agent-example-attachment{display:flex;gap:1rem;align-items:center;margin:0 0 1rem;font-size:0.875rem;color:var(--muted-foreground)}.agent-example-attachment p{margin:0}.agent-example-attachment figure{width:10rem;margin:0}.agent-example-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0.75rem}.agent-example-outputs[data-count="1"]{grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.agent-example-outputs[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-example-outputs[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.agent-example figure{margin:0;overflow:hidden;border-radius:var(--radius-md);background:var(--background)}.agent-example img,.agent-example video{display:block;width:100%;height:auto;max-height:34rem;object-fit:contain}.agent-example figure[data-pixelated] img{image-rendering:pixelated}.agent-example audio{display:block;width:100%}.agent-example figcaption{padding:0.5rem 0.75rem;font-size:0.75rem;line-height:1.4;color:var(--muted-foreground)}.agent-example-note{margin:1rem 0 0;font-size:0.9375rem;line-height:1.55;color:var(--muted-foreground)}.agent-example-play{position:relative;display:block;width:100%;max-width:20rem;margin:0 auto;padding:0;border:0;background:none;cursor:pointer}.agent-example-play-label{position:absolute;bottom:1rem;left:50%;translate:-50% 0;padding:0.5rem 1.25rem;border-radius:999px;background:var(--brand);color:#fff;font-size:0.875rem;font-weight:600}.agent-example-play:hover .agent-example-play-label,.agent-example-play:focus-visible .agent-example-play-label{filter:brightness(1.15)}.agent-example-play img,.agent-example-frame{max-height:none}.agent-example-frame{display:block;width:100%;max-width:20rem;margin:0 auto;aspect-ratio:390 / 844;border:0;background:var(--background)}.agent-examples > div:has(figure[data-kind="playable"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:0.75rem}.agent-examples > div:has(figure[data-kind="playable"]) > h2{grid-column:1 / -1}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example:has(.agent-example-frame){grid-column:1 / -1}@media (min-width:900px){.agent-examples > div:has(figure[data-kind="playable"]){grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example:has(.agent-example-frame){grid-column:span 2}}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example{display:flex;flex-direction:column;margin:0;padding:0.625rem}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example-outputs{order:-1;margin-bottom:0.75rem}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example-prompt{margin:0;font-size:0.875rem}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example-note{margin-top:0.5rem;font-size:0.8125rem}.agent-examples > div:has(figure[data-kind="playable"]) .agent-example-play-label{bottom:0.75rem;padding:0.375rem 1rem}