.demo-picture[data-v-5e8a2538]{display:contents}.demo-picture img[data-v-5e8a2538]{inline-size:100%;block-size:var(--demo-height,100%);object-fit:var(--demo-fit,cover);object-position:var(--demo-position,top center);background:var(--ui-bg-muted);display:block}.demo-video[data-v-f8b58bc3]{inline-size:100%;block-size:var(--demo-height,100%);aspect-ratio:var(--video-ratio);background:var(--ui-bg-muted);display:block;position:relative;overflow:hidden}.demo-video__poster[data-v-f8b58bc3],.demo-video__film[data-v-f8b58bc3]{object-fit:contain;object-position:center;block-size:100%;inline-size:100%;position:absolute;inset:0}.demo-video__poster[data-v-f8b58bc3]{z-index:1;transition:opacity .15s ease-out}.demo-video__poster--hidden[data-v-f8b58bc3]{opacity:0}.demo-video__chip[data-v-f8b58bc3]{z-index:2;border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius) * .5);background:var(--ui-bg);font-family:var(--font-mono);color:var(--ui-text);font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;line-height:1rem;display:inline-flex;position:absolute;inset-block-end:.5rem;inset-inline-start:.5rem}@media (prefers-reduced-motion:reduce){.demo-video__poster[data-v-f8b58bc3]{transition:none}}.demo-recording[data-v-f2619712]{min-inline-size:0;font-family:var(--font-mono);color:var(--ui-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:0 .375rem;font-size:.75rem;line-height:1rem;display:inline-flex}.demo-recording__part[data-v-f2619712]{white-space:nowrap}.demo-recording__icon[data-v-f2619712]{flex:none;block-size:.875rem;inline-size:.875rem}.demo-stage[data-v-a97acf9c]{container-type:inline-size}.demo-stage__head[data-v-a97acf9c]{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-block-end:.5rem;display:flex}.demo-stage__open[data-v-a97acf9c]{min-block-size:2.75rem;font-family:var(--font-mono);color:var(--ui-text);text-underline-offset:4px;align-items:center;gap:.25rem;margin-inline-start:auto;font-size:.75rem;text-decoration:underline;display:inline-flex}.demo-stage__open[data-v-a97acf9c]:hover{color:var(--ui-text-highlighted)}.demo-stage__prompt[data-v-a97acf9c]{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg-muted);color:var(--ui-text);margin-block-end:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.6}.demo-stage__window[data-v-a97acf9c]{overscroll-behavior:contain;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg-muted);scrollbar-width:thin;--demo-height:auto;block-size:min(62.5cqi,72svh);overflow:hidden auto}.demo-stage__window[data-film][data-v-a97acf9c]{block-size:auto;aspect-ratio:var(--video-w) / var(--video-h);inline-size:min(100%, calc(var(--video-w) * 1px), calc(72svh * var(--video-w) / var(--video-h)));--demo-height:100%;margin-inline:auto;overflow:hidden}@media (width<=39.99rem){.demo-stage__window[data-phone][data-v-a97acf9c]{block-size:auto;aspect-ratio:var(--phone-ratio,4 / 5)}}.demo-stage__window[data-live][data-v-a97acf9c]{background:#fff;overflow:hidden}.demo-stage__frame[data-v-a97acf9c]{border:0;block-size:100%;inline-size:100%;display:block}.demo-stage__window[data-v-a97acf9c]:focus-visible{outline:2px solid var(--ui-border-accented);outline-offset:2px}.demo-stage__id[data-v-a97acf9c]{border-radius:var(--ui-radius);margin-block-start:.25rem;overflow:hidden}