.showcase[data-astro-cid-fej3bsya]{gap:var(--space-6);display:grid}.showcase__tabs[data-astro-cid-fej3bsya]{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-wrap:wrap;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.showcase__tab[data-astro-cid-fej3bsya]{padding:9px var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0}.showcase__tab[data-astro-cid-fej3bsya]:hover{color:var(--color-text);background:var(--color-bg-raised)}.showcase__tab[data-astro-cid-fej3bsya][aria-selected=true]{color:var(--color-text-inverse);background:var(--color-accent)}.showcase__tab[data-astro-cid-fej3bsya][aria-selected=true]:hover{color:#fff;background:var(--color-brand)}.showcase__body[data-astro-cid-fej3bsya]{gap:var(--space-7);grid-template-columns:.85fr 1.4fr;align-items:center;display:grid}.showcase[data-astro-cid-fej3bsya][data-single] .showcase__body[data-astro-cid-fej3bsya]{grid-template-columns:1fr}.showcase__claim[data-astro-cid-fej3bsya]{display:none}.showcase__claim[data-astro-cid-fej3bsya][data-active]{display:block}.showcase__claim-t[data-astro-cid-fej3bsya]{font-size:var(--text-xl);margin-block-start:var(--space-3)}.showcase__claim-d[data-astro-cid-fej3bsya]{line-height:var(--leading-normal);color:var(--color-text-muted);margin-block-start:var(--space-3)}.showcase__window[data-astro-cid-fej3bsya]{background:var(--color-bg-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-md);overflow:hidden}.chrome[data-astro-cid-fej3bsya]{gap:var(--space-3);padding:10px var(--space-3);background:var(--color-bg-subtle);border-block-end:1px solid var(--color-border);align-items:center;display:flex}.chrome__dots[data-astro-cid-fej3bsya]{gap:6px;display:flex}.chrome__dots[data-astro-cid-fej3bsya] span[data-astro-cid-fej3bsya]{background:var(--color-border-strong);border-radius:50%;width:9px;height:9px}.chrome__title[data-astro-cid-fej3bsya]{font-size:var(--text-xs);color:var(--color-text-muted)}.stage[data-astro-cid-fej3bsya]{aspect-ratio:16/10;background:var(--color-bg-subtle);position:relative}.stage--empty[data-astro-cid-fej3bsya]{place-content:center;gap:var(--space-2);text-align:center;color:var(--color-text-muted);display:grid}.stage__hint[data-astro-cid-fej3bsya]{font-size:var(--text-xs);color:var(--color-text-faint)}.stage__frame[data-astro-cid-fej3bsya]{visibility:hidden;opacity:0;width:1440px;height:900px;transform:scale(var(--stage-scale,.5));transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.stage__frame[data-astro-cid-fej3bsya][data-active]{visibility:visible;opacity:1}.stage__veil[data-astro-cid-fej3bsya]{z-index:2;gap:var(--space-3);transition:opacity var(--duration-base) var(--ease-out);background:linear-gradient(#0d0e0f2e,#0d0e0f9e);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.stage__note[data-astro-cid-fej3bsya]{font-size:var(--text-xs);color:var(--graphite-200)}@media (width<=62rem){.showcase__body[data-astro-cid-fej3bsya]{gap:var(--space-5);grid-template-columns:1fr}}.showcase__window.is-expanded{z-index:var(--z-modal);width:80vw;height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%}.showcase__window.is-expanded .stage{aspect-ratio:auto;flex:1}.showcase__window.is-expanded .stage__frame{width:100%;height:100%;inset:0;transform:none}.showcase__window.is-expanded .stage__frame[data-active]{pointer-events:auto}.showcase__window.is-expanded .stage__veil{display:none}.stage-backdrop{z-index:var(--z-overlay);visibility:hidden;opacity:0;pointer-events:none;backdrop-filter:none;transition:opacity var(--duration-base) var(--ease-out), visibility var(--duration-base) var(--ease-out);background:#090a0bbd;position:fixed;inset:0}.stage-backdrop.is-on{visibility:visible;opacity:1;pointer-events:auto;backdrop-filter:blur(4px)}.stage__close{z-index:4;width:32px;height:32px;color:var(--color-text-muted);background:var(--color-bg-muted);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:12px}.stage__close svg{width:16px;height:16px}.stage__close:hover{color:var(--color-text);background:var(--color-bg-raised)}