.showcase-content{max-width:1360px;margin:0 auto;padding:0 32px 80px}.showcase-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;display:flex}.showcase-heading h2{letter-spacing:-1px;text-wrap:balance;font-size:32px;font-weight:650;line-height:1.2}.showcase-heading p{color:#52625b;margin:10px 0 0;font-size:16px}.showcase-count{color:#52625b;white-space:nowrap;font-size:14px}.showcase-admin-note{color:#49742f;align-items:center;gap:10px;margin:-8px 0 24px;font-size:14px;display:flex}.showcase-admin-note svg{flex-shrink:0}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-card{background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:0}.showcase-open{aspect-ratio:16/10;background:#dce1e5;border-radius:13px 13px 0 0;width:100%;display:block;position:relative;overflow:hidden}.showcase-open img{object-fit:cover;width:100%;height:100%}.showcase-play{color:#fff;background:#162027cc;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:16px;left:16px}.showcase-preview-missing{color:#52625b;flex-direction:column;align-items:center;gap:12px;padding:24px;font-size:16px;display:flex}.showcase-card-info{flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.showcase-card-info h3{text-wrap:pretty;width:100%;font-size:18px;font-weight:600;line-height:1.4}.showcase-card-info h3 a{color:inherit;text-decoration:none}.showcase-card-info h3 a:hover{text-decoration:underline}.showcase-credit{color:#57646e;overflow-wrap:anywhere;font-size:14px}.showcase-card-info .example-actions{margin-left:auto}.showcase-empty{max-width:660px;padding:40px}.showcase-empty>svg{color:#49742f;margin-bottom:16px}.showcase-empty h3{font-size:22px;font-weight:600}.showcase-empty p{margin:10px 0 20px}.showcase-empty a{color:#365725;align-items:center;gap:6px;font-weight:600;display:inline-flex}.showcase-more{margin:28px auto 0;display:flex}.showcase-status{margin-bottom:24px}.showcase-status p{margin-bottom:12px}@media (max-width:1050px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.showcase-content{padding:0 16px 60px}.showcase-grid{gap:18px}}@media (max-width:600px){.showcase-grid{grid-template-columns:minmax(0,1fr)}.showcase-heading{align-items:flex-start;gap:12px}.showcase-heading h2{font-size:28px}.showcase-count{margin-top:7px}.showcase-card-info{padding:16px}.showcase-empty{padding:24px}}