.nv-ugc-showcase{padding-block:64px 32px}.nv-ugc-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.nv-ugc-header .h2{margin-block:12px 0}.nv-ugc-intro{max-width:370px;color:var(--muted-foreground);margin:0;line-height:1.7}.nv-ugc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.nv-ugc-card{min-width:0;margin:0}.nv-ugc-screen{aspect-ratio:9/16;background:var(--card);border:1px solid var(--border);border-radius:24px;position:relative;overflow:hidden}.nv-ugc-screen video{object-fit:contain;width:100%;height:100%;display:block}.nv-ugc-play{width:100%;height:100%;color:var(--primary-foreground);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0}.nv-ugc-play-icon{background:var(--primary);border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .2s;display:grid}.nv-ugc-play:hover .nv-ugc-play-icon{transform:scale(1.08)}.nv-ugc-play:focus-visible{outline-offset:-6px}.nv-ugc-duration{font:12px var(--font-mono);color:var(--foreground);background:var(--background);pointer-events:none;border-radius:8px;padding:6px 10px;position:absolute;bottom:16px;right:16px}.nv-ugc-caption{padding-top:16px}.nv-ugc-caption small{color:var(--primary);font:11px var(--font-mono);text-transform:uppercase}.nv-ugc-caption h3{font:700 20px var(--font-display);color:var(--foreground);margin:8px 0 0}.nv-ugc-error{background:var(--background);color:var(--foreground);padding:12px;font-size:14px;position:absolute;inset:auto 12px 60px}.nv-ugc-note{color:var(--subtle);margin-top:28px;font-size:13px;line-height:1.6}@media (width<=900px){.nv-ugc-header{display:block}.nv-ugc-intro{max-width:560px;margin-top:18px}.nv-ugc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}@media (width<=540px){.nv-ugc-showcase{padding-top:40px}.nv-ugc-grid{grid-template-columns:minmax(0,1fr);gap:32px}.nv-ugc-screen{max-height:680px}}@media (prefers-reduced-motion:reduce){.nv-ugc-play-icon{transition:none}}