.base-showcase[data-v-cecbe1d8]{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.base-showcase__frame[data-v-cecbe1d8]{background:var(--color-surface);aspect-ratio:16/10;isolation:isolate;width:100%;transition:border-color var(--duration-long) var(--ease-out-premium), box-shadow var(--duration-long) var(--ease-out-premium), background-color var(--duration-long) var(--ease-out-premium);position:relative;overflow:hidden}.base-showcase--hero .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:16/11}.base-showcase--wide .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:16/9}.base-showcase--portrait .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:9/19}.base-showcase--banner .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:21/6}.base-showcase--square .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:1}.base-showcase--live[data-v-cecbe1d8]{width:100%;container-type:inline-size}.base-showcase--live .base-showcase__frame[data-v-cecbe1d8]{max-height:calc(100svh - var(--header-height) - var(--showcase-live-inset,var(--space-px)) - var(--space-4))}@container (width<=642px){.base-showcase--live .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:4/5}}@media (width<=760px) and (orientation:portrait){.base-showcase--live .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:auto;height:66.6667svh}}.base-showcase--stage .base-showcase__frame[data-v-cecbe1d8]{border:1px solid var(--color-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-card-hover)}.base-showcase--shot .base-showcase__frame[data-v-cecbe1d8]{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.base-showcase--bare .base-showcase__frame[data-v-cecbe1d8]{box-shadow:none;background:0 0;border-color:#0000}.base-showcase--flush .base-showcase__frame[data-v-cecbe1d8]{border-bottom:1px solid var(--color-border)}.base-showcase--cutout .base-showcase__frame[data-v-cecbe1d8]{background:0 0}.base-showcase--cutout .base-showcase__content>img[data-v-cecbe1d8-s]{object-fit:contain;object-position:bottom center;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.base-showcase--phone[data-v-cecbe1d8]{width:100%;max-width:var(--width-phone)}.base-showcase--phone .base-showcase__frame[data-v-cecbe1d8]{border:var(--border-width-phone) solid var(--color-text);border-radius:var(--radius-phone)}.base-showcase__content[data-v-cecbe1d8]{position:absolute;inset:0}.showcase-fade-enter-active[data-v-cecbe1d8]{z-index:var(--z-local-overlay);transition:opacity var(--duration-long) var(--ease-out-premium), transform var(--duration-long) var(--ease-out-premium)}.showcase-fade-leave-active[data-v-cecbe1d8]{transition:opacity var(--duration-fast) linear var(--duration-long)}.showcase-fade-enter-from[data-v-cecbe1d8]{opacity:0;transform:scale(1.015)}.showcase-fade-leave-to[data-v-cecbe1d8]{opacity:0}@media (prefers-reduced-motion:reduce){.showcase-fade-enter-active[data-v-cecbe1d8],.showcase-fade-leave-active[data-v-cecbe1d8]{transition:none}.showcase-fade-enter-from[data-v-cecbe1d8]{transform:none}}.base-showcase__content>img[data-v-cecbe1d8-s],.base-showcase__content>video[data-v-cecbe1d8-s],.base-showcase__content>iframe[data-v-cecbe1d8-s]{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=760px) and (orientation:portrait){.base-showcase--narrow-tall .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:13/20}}@media (width<=760px){.base-showcase--focus .base-showcase__frame[data-v-cecbe1d8]{aspect-ratio:var(--focus-ratio)}.base-showcase--focus .base-showcase__content>img[data-v-cecbe1d8-s]{inset:auto;top:calc(-100% * var(--focus-y) / var(--focus-h));left:calc(-100% * var(--focus-x) / var(--focus-w));width:calc(100% / var(--focus-w));height:calc(100% / var(--focus-h));max-width:none}}.base-showcase__empty[data-v-cecbe1d8]{inset:var(--space-3);display:flex;position:absolute}.base-showcase--flush .base-showcase__empty[data-v-cecbe1d8],.base-showcase--phone .base-showcase__empty[data-v-cecbe1d8]{inset:var(--space-2)}.base-showcase__empty[data-v-cecbe1d8]>*{flex:1;min-width:0}.base-showcase__code[data-v-cecbe1d8]{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-muted)}.base-showcase__caption[data-v-cecbe1d8]{font-size:var(--text-sm);color:var(--color-muted)}.base-lightbox__trigger[data-v-9bd33f4c]{z-index:var(--z-local-sticky);padding:var(--space-2);cursor:zoom-in;background:0 0;border:0;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0}.base-lightbox__trigger[data-v-9bd33f4c]:focus-visible{box-shadow:inset var(--shadow-focus);outline:none}.base-lightbox__hint[data-v-9bd33f4c]{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised);justify-content:center;align-items:center;display:inline-flex}.base-lightbox__scroll[data-v-9bd33f4c]{overscroll-behavior:contain;background:var(--color-surface);height:100%;min-height:0;display:flex;overflow:auto}.base-lightbox__image[data-v-9bd33f4c]{flex:none;width:auto;max-width:none;height:100%;margin:auto;display:block}