.tool-example-showcase[data-v-d54d6dfb]{background:#ddeaf80f;border:0;border-radius:20px;box-sizing:border-box;color:#ffffffe6;height:100%;min-height:588px;min-width:0;overflow:hidden;padding:24px 16px;width:100%}.tool-example-showcase--text-selector[data-v-d54d6dfb]{min-height:566px}.tool-example-showcase__preview-row[data-v-d54d6dfb]{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,calc(28.6% + 28px));height:404px;min-width:0;width:100%}.tool-example-showcase__preview-row--details-hidden[data-v-d54d6dfb]{grid-template-columns:minmax(0,1fr)}.tool-example-showcase__player-wrap[data-v-d54d6dfb]{aspect-ratio:714/404;background:#07080b;border-radius:16px;height:404px;min-width:0;overflow:hidden;position:relative;width:100%}.tool-example-showcase__player[data-v-d54d6dfb]{background:#07080b;border:0;display:block;height:100%;max-height:100%;max-width:100%;-o-object-position:center center;object-position:center center;width:100%}.tool-example-showcase__player[data-v-d54d6dfb],.tool-example-showcase__player--poster[data-v-d54d6dfb]{-o-object-fit:contain;object-fit:contain}.tool-example-showcase__player--empty[data-v-d54d6dfb]{background:#07080b}.tool-example-showcase__details-reopen[data-v-d54d6dfb]{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff29;border:none;border-radius:16px;color:#fffffffa;cursor:pointer;display:flex;font-family:Albert Sans;font-size:12px;font-style:normal;font-weight:500;gap:8px;height:32px;padding:8px 12px;position:absolute;right:16px;top:16px}.tool-example-showcase__details[data-v-d54d6dfb]{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:404px;min-height:0;min-width:0;overflow:hidden;padding-left:16px}.tool-example-showcase__details-header[data-v-d54d6dfb]{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:24px}.tool-example-showcase__details-header h3[data-v-d54d6dfb]{color:#fff;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;margin:0}.tool-example-showcase__details-close[data-v-d54d6dfb]{background:transparent;border:0;border-radius:4px;color:#ffffff75;cursor:pointer;display:grid;flex:0 0 24px;height:24px;padding:0;place-items:center;width:24px}.tool-example-showcase__details-close img[data-v-d54d6dfb]{display:block;height:16px;width:16px}.tool-example-showcase__details-close[data-v-d54d6dfb]:focus-visible,.tool-example-showcase__details-close[data-v-d54d6dfb]:hover{background:#ffffff14;color:#fff}.tool-example-showcase__details-body[data-v-d54d6dfb]{min-height:0;overflow:hidden auto;padding:0;scrollbar-width:none}.tool-example-showcase__details-body[data-v-d54d6dfb]::-webkit-scrollbar{display:none}.tool-example-showcase__detail-group+.tool-example-showcase__detail-group[data-v-d54d6dfb]{margin-top:24px}.tool-example-showcase__detail-label[data-v-d54d6dfb]{color:#fff9;font-size:14px;letter-spacing:0;line-height:20px;margin-bottom:8px}.tool-example-showcase__asset-list[data-v-d54d6dfb]{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tool-example-showcase__preview-asset[data-v-d54d6dfb]{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}.tool-example-showcase__preview-asset-file[data-v-d54d6dfb]{align-items:center;color:#fffffff0;display:flex;font-size:14px;gap:8px;line-height:20px;min-width:0;text-decoration:none}.tool-example-showcase__preview-asset-file>img[data-v-d54d6dfb]{display:block;flex:0 0 20px;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.tool-example-showcase__preview-asset-file>span[data-v-d54d6dfb]{display:-webkit-box;flex:1 1 auto;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-example-showcase__preview-asset-file[href][data-v-d54d6dfb]{cursor:pointer}.tool-example-showcase__preview-asset-file[href]:hover>span[data-v-d54d6dfb]{text-decoration:underline;text-underline-offset:2px}.tool-example-showcase__preview-asset-file[href][data-v-d54d6dfb]:focus-visible{border-radius:2px;outline:2px solid hsla(0,0%,100%,.82);outline-offset:2px}.tool-example-showcase__preview-asset-trigger[data-v-d54d6dfb]{aspect-ratio:16/9;background:#ffffff14;border:0;border-radius:4px;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.tool-example-showcase__preview-asset-trigger>.tool-example-showcase__preview-asset-placeholder[data-v-d54d6dfb],.tool-example-showcase__preview-asset-trigger>img[data-v-d54d6dfb]{display:block;height:100%;width:100%}.tool-example-showcase__preview-asset-trigger>img[data-v-d54d6dfb]{-o-object-fit:contain;object-fit:contain}.tool-example-showcase__preview-asset-trigger[data-v-d54d6dfb]:focus-visible{outline:2px solid hsla(0,0%,100%,.82);outline-offset:2px}.tool-example-showcase__preview-asset-trigger--natural-ratio[data-v-d54d6dfb]{aspect-ratio:auto}.tool-example-showcase__preview-asset-trigger--natural-ratio>img[data-v-d54d6dfb]{height:auto}.tool-example-showcase__preview-asset-action[data-v-d54d6dfb]{bottom:8px;display:grid;height:16px;opacity:0;place-items:center;pointer-events:none;position:absolute;right:8px;transition:opacity .18s ease;width:16px}.tool-example-showcase__preview-asset-action img[data-v-d54d6dfb]{display:block;height:16px;width:16px}.tool-example-showcase__preview-asset-trigger:focus-visible .tool-example-showcase__preview-asset-action[data-v-d54d6dfb],.tool-example-showcase__preview-asset-trigger:hover .tool-example-showcase__preview-asset-action[data-v-d54d6dfb]{opacity:1}.tool-example-showcase__asset[data-v-d54d6dfb]{align-items:center;color:#fffffff0;display:flex;font-size:14px;gap:8px;line-height:20px;min-height:20px;min-width:0;width:100%}.tool-example-showcase__asset img[data-v-d54d6dfb]{display:block;flex:0 0 20px;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.tool-example-showcase__asset-name[data-v-d54d6dfb]{display:-webkit-box;flex:1 1 auto;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-example-showcase__prompt[data-v-d54d6dfb]{color:#ffffffd1;font-size:14px;letter-spacing:0;line-height:20px;margin:0;white-space:pre-line}.tool-example-showcase__prompt-inline[data-v-d54d6dfb]{display:inline-block;height:16px;margin-left:4px;-o-object-fit:contain;object-fit:contain;vertical-align:-3px;width:16px}.tool-example-showcase__episodes[data-v-d54d6dfb]{margin-top:16px;min-width:0}.tool-example-showcase__episodes-title[data-v-d54d6dfb]{align-items:center;color:#fffffffa;display:flex;font-size:14px;font-weight:500;height:40px;letter-spacing:0;line-height:20px;margin:0}.tool-example-showcase__rail-shell[data-v-d54d6dfb]{min-width:0;position:relative}.tool-example-showcase__rail[data-v-d54d6dfb]{display:flex;gap:16px;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x}.tool-example-showcase__rail[data-v-d54d6dfb]::-webkit-scrollbar{display:none;height:0;width:0}.tool-example-showcase__episode[data-v-d54d6dfb]{background:#ffffff14;border:2px solid transparent;border-radius:8px;box-sizing:border-box;color:#ffffffb8;cursor:pointer;flex:0 0 auto;height:80px;overflow:hidden;padding:0;position:relative;width:143px}.tool-example-showcase__episode>img[data-v-d54d6dfb],.tool-example-showcase__episode>video[data-v-d54d6dfb]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.tool-example-showcase__episode[data-v-d54d6dfb]:hover{border-color:#ffffff6b}.tool-example-showcase__episode[data-v-d54d6dfb]:focus-visible{border-color:#ffffffe6;outline:none}.tool-example-showcase__episode--active[data-v-d54d6dfb]{border-color:#d73fca}.tool-example-showcase__episode--active[data-v-d54d6dfb]:focus-visible,.tool-example-showcase__episode--active[data-v-d54d6dfb]:hover{border-color:#d73fca}.tool-example-showcase__episode-fallback[data-v-d54d6dfb]{align-items:center;background:#ffffff0d;box-sizing:border-box;display:flex;flex-direction:column;font-size:11px;gap:5px;height:100%;justify-content:center;line-height:14px;padding:8px;text-align:center;width:100%}.tool-example-showcase__episode-fallback img[data-v-d54d6dfb]{display:block;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.tool-example-showcase__episode-placeholder[data-v-d54d6dfb]{background:#ffffff0d;display:block;height:100%;width:100%}.tool-example-showcase__episode--text[data-v-d54d6dfb]{background:#ddeaf80f;border-radius:12px;flex:0 0 calc(25% - 12px);height:58px;min-width:220px;width:calc(25% - 12px)}.tool-example-showcase__episode--text.tool-example-showcase__episode--active[data-v-d54d6dfb]{background:#ddeaf814}.tool-example-showcase__episode-text[data-v-d54d6dfb]{align-items:center;box-sizing:border-box;display:flex;gap:12px;height:100%;padding:8px 16px;text-align:left;width:100%}.tool-example-showcase__episode-text>img[data-v-d54d6dfb]{display:block;flex:0 0 32px;height:40px;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:32px}.tool-example-showcase__episode-text-body[data-v-d54d6dfb]{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.tool-example-showcase__episode-text-subtitle[data-v-d54d6dfb],.tool-example-showcase__episode-text-title[data-v-d54d6dfb]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-example-showcase__episode-text-title[data-v-d54d6dfb]{color:#fffffff0;font-size:14px;font-weight:500;line-height:20px}.tool-example-showcase__episode-text-subtitle[data-v-d54d6dfb]{color:#ffffff4d;font-size:12px;font-weight:400;line-height:16px}.tool-example-showcase__episode-text-body--title-only .tool-example-showcase__episode-text-title[data-v-d54d6dfb]{display:-webkit-box;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-example-showcase__rail-arrow[data-v-d54d6dfb]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b5b69e0;border:1px solid hsla(0,0%,100%,.08);border-radius:50%;box-shadow:0 4px 16px #0000003d;color:#ffffffdb;cursor:pointer;display:grid;height:36px;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:36px;z-index:2}.tool-example-showcase__rail-arrow img[data-v-d54d6dfb]{display:block;height:16px;-o-object-fit:contain;object-fit:contain;width:16px}.tool-example-showcase__rail-arrow--left[data-v-d54d6dfb]{left:0}.tool-example-showcase__rail-arrow--left img[data-v-d54d6dfb]{transform:rotate(180deg)}.tool-example-showcase__rail-arrow--right[data-v-d54d6dfb]{right:17px}.tool-example-showcase__rail-arrow[data-v-d54d6dfb]:focus-visible,.tool-example-showcase__rail-arrow[data-v-d54d6dfb]:hover{background:#70707ef0;color:#fff}.tool-example-showcase__rail-cover[data-v-d54d6dfb]{height:80px;pointer-events:none;position:absolute;top:0;width:160px;z-index:1}.tool-example-showcase__rail-cover--right[data-v-d54d6dfb]{background:linear-gradient(90deg,#09071000,#09071047 38%,#090710a3 72%,#090710c7);right:0}.tool-example-showcase--text-selector .tool-example-showcase__rail-cover[data-v-d54d6dfb]{height:58px}.tool-example-showcase__sr-only[data-v-d54d6dfb]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(max-width:1120px){.tool-example-showcase[data-v-d54d6dfb]{height:auto;min-height:0;padding:16px}.tool-example-showcase__preview-row[data-v-d54d6dfb]{gap:14px;grid-template-columns:minmax(0,1fr) minmax(190px,220px);height:auto}.tool-example-showcase__preview-row--details-hidden[data-v-d54d6dfb]{grid-template-columns:minmax(0,1fr)}.tool-example-showcase__details[data-v-d54d6dfb],.tool-example-showcase__player-wrap[data-v-d54d6dfb]{height:auto}.tool-example-showcase__player-wrap[data-v-d54d6dfb]{aspect-ratio:714/404}}@media(max-width:768px){.tool-example-showcase[data-v-d54d6dfb]{border-radius:12px;min-height:0;padding:12px}.tool-example-showcase__preview-row[data-v-d54d6dfb],.tool-example-showcase__preview-row--details-hidden[data-v-d54d6dfb]{gap:14px;grid-template-columns:minmax(0,1fr)}.tool-example-showcase__details[data-v-d54d6dfb]{height:auto;min-height:0;padding:2px 2px 0}.tool-example-showcase__details-body[data-v-d54d6dfb]{overflow:visible}.tool-example-showcase__detail-group+.tool-example-showcase__detail-group[data-v-d54d6dfb]{margin-top:16px}.tool-example-showcase__episode[data-v-d54d6dfb]{width:124px}.tool-example-showcase__episode--text[data-v-d54d6dfb]{flex-basis:220px;width:220px}.tool-example-showcase__rail-arrow[data-v-d54d6dfb]{display:none}}
