.usecases-template-showcase[data-v-c32afbe3]{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.usecases-template-showcase__card[data-v-c32afbe3]{align-items:flex-start;background:transparent;border:0;color:var(--color-text-neutral-white-95);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:14px;margin:0;min-width:0;padding:0;position:relative;text-align:left}.usecases-template-showcase__cover[data-v-c32afbe3]{aspect-ratio:16/9;border:1px solid var(--color-border-neutral-white-12);border-radius:24px;overflow:hidden;transition:border-color .18s ease;width:100%}.usecases-template-showcase__card--strong .usecases-template-showcase__cover[data-v-c32afbe3]{border-color:var(--color-border-neutral-white-16)}.usecases-template-showcase__card:focus-within .usecases-template-showcase__cover[data-v-c32afbe3],.usecases-template-showcase__card:hover .usecases-template-showcase__cover[data-v-c32afbe3]{border-color:var(--color-border-brand-default)}.usecases-template-showcase__caption[data-v-c32afbe3]{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;width:100%}.usecases-template-showcase__preview[data-v-c32afbe3]{max-width:100%}.usecases-template-showcase__preview[data-v-c32afbe3]:after{border-radius:24px;content:"";inset:0;position:absolute;z-index:1}.usecases-template-showcase__preview[data-v-c32afbe3]:focus-visible:after{outline:2px solid var(--color-border-brand-default);outline-offset:4px}.usecases-template-showcase__name[data-v-c32afbe3]{max-width:100%;overflow:hidden;font-size:18px;font-weight:600;line-height:26px;text-overflow:ellipsis;white-space:nowrap}.usecases-template-showcase__panel[data-v-c32afbe3]{display:flex;flex-direction:column;gap:16px;min-height:0;min-width:0;padding:24px}.usecases-template-showcase__header[data-v-c32afbe3]{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}.usecases-template-showcase__title[data-v-c32afbe3]{margin:0;min-width:0;overflow:hidden;font-size:18px;font-weight:600;line-height:26px;text-overflow:ellipsis;white-space:nowrap}.usecases-template-showcase__actions[data-v-c32afbe3]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.usecases-template-showcase__fallback[data-v-c32afbe3]{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:24px;text-align:center}.usecases-template-showcase__frame[data-v-c32afbe3]{background:var(--color-bg-base-tertiary);border-radius:12px;height:calc(90vh - 120px);max-height:700px;min-height:0;overflow:hidden}.usecases-template-showcase__iframe[data-v-c32afbe3]{background:var(--color-bg-neutral-static-white-100);border:0;height:100%;width:100%}@media(max-width:767px){.usecases-template-showcase[data-v-c32afbe3]{grid-template-columns:1fr}.usecases-template-showcase__panel[data-v-c32afbe3]{padding:16px}.usecases-template-showcase__header[data-v-c32afbe3]{align-items:stretch;flex-direction:column}.usecases-template-showcase__title[data-v-c32afbe3]{overflow-wrap:anywhere;white-space:normal}.usecases-template-showcase__actions[data-v-c32afbe3]{justify-content:flex-start}.usecases-template-showcase__actions[data-v-c32afbe3]>*{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}.usecases-template-showcase__frame[data-v-c32afbe3]{height:60vh}}