.base-showcase[data-v-49e8181f]{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.base-showcase__frame[data-v-49e8181f]{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-49e8181f]{aspect-ratio:16/11}.base-showcase--wide .base-showcase__frame[data-v-49e8181f]{aspect-ratio:16/9}.base-showcase--portrait .base-showcase__frame[data-v-49e8181f]{aspect-ratio:9/19}.base-showcase--banner .base-showcase__frame[data-v-49e8181f]{aspect-ratio:21/6}.base-showcase--square .base-showcase__frame[data-v-49e8181f]{aspect-ratio:1}.base-showcase--live[data-v-49e8181f]{width:100%;container-type:inline-size}.base-showcase--live .base-showcase__frame[data-v-49e8181f]{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-49e8181f]{aspect-ratio:4/5}}@media (width<=760px) and (orientation:portrait){.base-showcase--live .base-showcase__frame[data-v-49e8181f]{aspect-ratio:auto;height:66.6667svh}}.base-showcase--stage .base-showcase__frame[data-v-49e8181f]{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-49e8181f]{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.base-showcase--bare .base-showcase__frame[data-v-49e8181f]{box-shadow:none;background:0 0;border-color:#0000}.base-showcase--flush .base-showcase__frame[data-v-49e8181f]{border-bottom:1px solid var(--color-border)}.base-showcase--cutout .base-showcase__frame[data-v-49e8181f]{background:0 0}.base-showcase--cutout .base-showcase__content>img[data-v-49e8181f-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-49e8181f]{width:100%;max-width:var(--width-phone)}.base-showcase--phone .base-showcase__frame[data-v-49e8181f]{border:var(--border-width-phone) solid var(--color-device-frame);border-radius:var(--radius-phone)}.base-showcase__content[data-v-49e8181f]{position:absolute;inset:0}.showcase-fade-enter-active[data-v-49e8181f]{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-49e8181f]{transition:opacity var(--duration-fast) linear var(--duration-long)}.showcase-fade-enter-from[data-v-49e8181f]{opacity:0;transform:scale(1.015)}.showcase-fade-leave-to[data-v-49e8181f]{opacity:0}@media (prefers-reduced-motion:reduce){.showcase-fade-enter-active[data-v-49e8181f],.showcase-fade-leave-active[data-v-49e8181f]{transition:none}.showcase-fade-enter-from[data-v-49e8181f]{transform:none}}.base-showcase__content>img[data-v-49e8181f-s],.base-showcase__content>video[data-v-49e8181f-s],.base-showcase__content>iframe[data-v-49e8181f-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-49e8181f]{aspect-ratio:13/20}}@media (width<=760px){.base-showcase--focus .base-showcase__frame[data-v-49e8181f]{aspect-ratio:var(--focus-ratio)}.base-showcase--focus .base-showcase__content>img[data-v-49e8181f-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-49e8181f]{inset:var(--space-3);display:flex;position:absolute}.base-showcase--flush .base-showcase__empty[data-v-49e8181f],.base-showcase--phone .base-showcase__empty[data-v-49e8181f]{inset:var(--space-2)}.base-showcase__empty[data-v-49e8181f]>*{flex:1;min-width:0}.base-showcase__code[data-v-49e8181f]{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-muted)}.base-showcase__caption[data-v-49e8181f]{font-size:var(--text-sm);color:var(--color-muted)}.base-callout[data-v-1c1c1eb6]{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-10) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-modal);background:radial-gradient(80% 140% at 100% 0%, color-mix(in oklab, var(--color-surface) 70%, transparent), transparent 70%), radial-gradient(70% 120% at 0% 100%, color-mix(in oklab, var(--color-text) 6%, transparent), transparent 70%), var(--color-surface-soft);box-shadow:var(--shadow-card);color:var(--color-text);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.base-callout--ink[data-v-1c1c1eb6]{border-color:var(--color-border);background:radial-gradient(70% 160% at 100% 0%, color-mix(in oklab, var(--color-text) 10%, transparent), transparent 70%), var(--color-bg);box-shadow:var(--shadow-raised)}.base-callout.is-compact[data-v-1c1c1eb6]{gap:var(--space-6);padding:var(--space-6) var(--space-8);border-radius:var(--radius-card)}.base-callout.is-compact .base-callout__title[data-v-1c1c1eb6]{font-size:var(--text-display-3)}.base-callout__copy[data-v-1c1c1eb6]{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.base-callout__eyebrow[data-v-1c1c1eb6]{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);margin:0}.base-callout__title[data-v-1c1c1eb6]{font-family:var(--font-display);font-size:var(--text-display-2);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--color-text);text-wrap:balance;margin:0}.base-callout__lead[data-v-1c1c1eb6]{max-width:var(--width-measure);font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-wrap:balance;margin:0}.base-callout__side[data-v-1c1c1eb6]{align-items:flex-end;gap:var(--space-5);text-align:right;flex-direction:column;min-width:0;display:flex}.base-callout__actions[data-v-1c1c1eb6]{justify-content:flex-end;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=1100px){.base-callout[data-v-1c1c1eb6]{gap:var(--space-6);padding:var(--space-8);grid-template-columns:minmax(0,1fr)}.base-callout__side[data-v-1c1c1eb6]{text-align:left;align-items:flex-start}.base-callout__actions[data-v-1c1c1eb6]{justify-content:flex-start}}@media (width<=640px){.base-callout[data-v-1c1c1eb6]{padding:var(--space-6) var(--space-5)}}
