.tool-showcase{margin-top:40px;padding:32px 4px 48px;border-top:1px solid color-mix(in srgb,var(--cf-ink-000) 8%,transparent);color:var(--cf-ink-050);min-width:0}.tool-showcase,.tool-showcase--violet{--cf-ts-accent:var(--cf-violet-500)}.tool-showcase--magenta{--cf-ts-accent:var(--cf-magenta-500)}.tool-showcase--cyan{--cf-ts-accent:var(--cf-cyan-500)}.tool-showcase--amber{--cf-ts-accent:var(--cf-amber-500)}.tool-showcase--emerald{--cf-ts-accent:var(--cf-emerald-500)}.tool-showcase--rose{--cf-ts-accent:var(--cf-rose-500)}.tool-showcase--orange{--cf-ts-accent:var(--cf-orange-500)}.tool-showcase--lime{--cf-ts-accent:var(--cf-lime-500)}.tool-showcase__head{margin-bottom:20px}.tool-showcase__head h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.tool-showcase__head p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--cf-ink-200)}.tool-showcase__masonry{columns:200px 5;column-gap:12px}@media (max-width:640px){.tool-showcase{padding:24px 0 32px}.tool-showcase__masonry{columns:140px 2;column-gap:10px}}.tool-showcase__item{position:relative;break-inside:avoid;margin:0 0 12px;border-radius:14px;overflow:hidden;background:var(--cf-ink-800)}.tool-showcase__media{position:relative;display:block;width:100%}.tool-showcase__media--r45{aspect-ratio:4/5}.tool-showcase__media--r916{aspect-ratio:9/16}.tool-showcase__media--r11{aspect-ratio:1/1}.tool-showcase__media--r169{aspect-ratio:16/9}.tool-showcase__media>img,.tool-showcase__video,.tool-showcase__video img,.tool-showcase__video video,.tool-showcase__video-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.tool-showcase__video{cursor:pointer}.tool-showcase__video:focus-visible{outline:2px solid var(--cf-ts-accent);outline-offset:-2px}.tool-showcase__video-fallback{background:linear-gradient(160deg,color-mix(in srgb,var(--cf-ts-accent) 32%,var(--cf-ink-900)),var(--cf-ink-900) 70%)}.tool-showcase__badge{top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--cf-ink-950) 55%,transparent);color:var(--cf-ink-000);pointer-events:none}.tool-showcase__badge,.tool-showcase__ph{position:absolute;display:flex;align-items:center;justify-content:center}.tool-showcase__ph{inset:0;flex-direction:column;gap:8px;padding:16px;text-align:center;border:1px dashed color-mix(in srgb,var(--cf-ts-accent) 35%,transparent);border-radius:14px;background:radial-gradient(120% 80% at 20% 0,color-mix(in srgb,var(--cf-ts-accent) 30%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--cf-ts-accent) 12%,var(--cf-ink-900)),var(--cf-ink-950))}.tool-showcase__ph-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cf-ts-accent) 22%,transparent);color:var(--cf-ink-000)}.tool-showcase__ph-label{font-size:13px;font-weight:600;color:var(--cf-ink-100)}.tool-showcase__ph-title{font-size:12px;line-height:1.35;color:var(--cf-ink-200)}.tool-showcase__over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;margin:0;padding:14px;background:linear-gradient(to top,color-mix(in srgb,var(--cf-ink-950) 82%,transparent),transparent 55%);opacity:0;transition:opacity .2s;pointer-events:none}.tool-showcase__item:focus-within .tool-showcase__over,.tool-showcase__item:hover .tool-showcase__over{opacity:1}.tool-showcase__over span{font-size:13px;line-height:1.35;color:var(--cf-ink-000)}.tool-showcase__remix{align-self:flex-start;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9px;background:var(--cf-ink-050);color:var(--cf-ink-950);font-size:13px;font-weight:600;text-decoration:none;pointer-events:auto}.tool-showcase__remix:hover{background:var(--cf-ink-000)}.tool-showcase__remix:focus-visible{outline:2px solid var(--cf-ts-accent);outline-offset:2px}@media (hover:none){.tool-showcase__over{opacity:1;background:linear-gradient(to top,color-mix(in srgb,var(--cf-ink-950) 70%,transparent),transparent 40%)}.tool-showcase__over span{display:none}.tool-showcase__remix{height:30px;padding:0 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.tool-showcase__over{transition:none}}@media (max-width:1023px){.tool-showcase-host>.pi-v4{padding-bottom:0}.tool-showcase-host>.tool-showcase{padding-bottom:190px}}.tool-showcase-host>.tool-showcase{margin-top:8px}@media (hover:none){.tool-showcase__over{opacity:1;pointer-events:auto}}