.sg-root .template-card-result.generation-complete,.sg-root .template-card.template-card-result{background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb),.06),transparent 55%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.05),transparent 55%),var(--sg-canvas-elevated);border:1px solid var(--sg-border-hairline);border-radius:var(--radius-xl,20px);box-shadow:inset 0 1px 0 var(--sg-white-05),0 12px 32px var(--sg-black-32),0 2px 6px var(--sg-black-28);overflow:hidden;transition:border-color var(--sg-motion-base),box-shadow var(--sg-motion-base)}.sg-root .template-card.template-card-result:hover{border-color:var(--sg-border-hairline-soft)}.sg-root .template-card-result.generation-complete .template-card-preview{background:var(--sg-canvas-deep);padding:0;border-radius:calc(var(--radius-xl, 20px) - 4px);position:relative;overflow:hidden}.sg-root .template-card-result.generation-complete .template-card-preview .video-preview-wrapper,.sg-root .template-card-result.generation-complete .template-card-preview img,.sg-root .template-card-result.generation-complete .template-card-preview video{border-radius:var(--radius-md,12px);clip-path:inset(0 round var(--radius-md,12px))}.sg-root .template-card-result.generation-complete .template-card-preview img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.sg-root .template-card-result.generation-complete .video-preview-wrapper{overflow:hidden;border-radius:var(--radius-md,12px);clip-path:inset(0 round var(--radius-md,12px))}@media (max-width:768px){.sg-root .template-card-result.generation-complete,.sg-root .template-card.template-card-result{border-radius:var(--radius-lg,16px);box-shadow:inset 0 1px 0 var(--sg-white-05),0 8px 20px var(--sg-black-32)}.sg-root .template-card-result.generation-complete .template-card-preview{padding:0;border-radius:calc(var(--radius-lg, 16px) - 4px)}}.sg-root .template-card-preview>.demo-preview__badge,.sg-root .template-card-preview>div[style*="rgba(var(--brand-cyan-rgb), 0.15)"]{background:linear-gradient(0deg,rgba(var(--brand-cyan-rgb),.14),rgba(var(--brand-cyan-rgb),.14)),var(--sg-dark-base-warm)!important;border:1px solid rgba(var(--brand-cyan-rgb),.42)!important;color:var(--sg-tint-cyan)!important;border-radius:var(--radius-full,999px)!important;padding:var(--space-1) var(--space-3)!important;font-size:var(--text-xxs)!important;font-weight:var(--font-bold)!important;letter-spacing:.12em!important;text-transform:uppercase!important;box-shadow:0 0 0 1px rgba(var(--brand-cyan-rgb),.06),0 6px 18px -10px rgba(var(--brand-cyan-rgb),.45),inset 0 1px 0 var(--sg-white-08)!important}.sg-root .template-card-preview>.demo-preview__counter,.sg-root .template-card-preview>div[style*="rgba(var(--black-rgb), 0.5)"]{background:var(--sg-dark-base-warm)!important;-webkit-backdrop-filter:var(--sg-frosted-blur-mobile);backdrop-filter:var(--sg-frosted-blur-mobile);border:1px solid var(--sg-border-hairline)!important;color:var(--sg-text-muted)!important;border-radius:var(--radius-full,999px)!important;padding:var(--space-1) var(--space-3)!important;font-size:var(--text-2xs)!important;font-weight:var(--font-semibold)!important;letter-spacing:.04em!important;box-shadow:inset 0 1px 0 var(--sg-white-06),0 8px 20px var(--sg-black-32)!important}.sg-root .template-card-preview>button[aria-label="Next demo"],.sg-root .template-card-preview>button[aria-label="Previous demo"]{background:var(--sg-dark-base-warm)!important;-webkit-backdrop-filter:var(--sg-frosted-blur);backdrop-filter:var(--sg-frosted-blur);border:1px solid var(--sg-border-hairline)!important;color:var(--sg-text-soft)!important;width:48px!important;height:48px!important;border-radius:var(--radius-full,999px)!important;box-shadow:var(--sg-frosted-shadow);transition:border-color var(--sg-motion-base),background var(--sg-motion-base),transform var(--sg-motion-fast),box-shadow var(--sg-motion-base)!important}.sg-root .template-card-preview>button[aria-label="Next demo"]:hover,.sg-root .template-card-preview>button[aria-label="Previous demo"]:hover{background:var(--sg-liquid-mist-hover)!important;border-color:rgba(var(--brand-cyan-rgb),.42)!important;color:var(--sg-tint-cyan)!important;transform:translateY(-50%) scale(1.05)!important;box-shadow:inset 0 1px 0 var(--sg-white-08),0 12px 32px var(--sg-black-42),0 0 0 1px rgba(var(--brand-cyan-rgb),.18)!important}.sg-root .template-card-preview>button[aria-label="Next demo"]:active,.sg-root .template-card-preview>button[aria-label="Previous demo"]:active{transform:translateY(-50%) scale(.98)!important}.sg-root .template-card-preview>button[aria-label="Next demo"]:focus-visible,.sg-root .template-card-preview>button[aria-label="Previous demo"]:focus-visible{outline:2px solid rgba(var(--brand-cyan-rgb),.55);outline-offset:2px}@media (max-width:768px){.sg-root .template-card-preview>button[aria-label="Next demo"],.sg-root .template-card-preview>button[aria-label="Previous demo"]{width:40px!important;height:40px!important;-webkit-backdrop-filter:var(--sg-frosted-blur-mobile);backdrop-filter:var(--sg-frosted-blur-mobile)}}.sg-root .template-card-preview div[style*="rgba(var(--black-rgb), 0.6)"][style*="border-radius: 50%"]{background:var(--sg-dark-base-strong)!important;border:1px solid rgba(var(--brand-cyan-rgb),.32)!important;box-shadow:inset 0 1px 0 var(--sg-white-10),0 12px 32px var(--sg-black-50),0 0 0 1px rgba(var(--brand-cyan-rgb),.14)!important;-webkit-backdrop-filter:var(--sg-frosted-blur);backdrop-filter:var(--sg-frosted-blur);transition:transform var(--sg-motion-fast),border-color var(--sg-motion-base)!important}.sg-root .template-card-preview div[style*="rgba(var(--black-rgb), 0.6)"][style*="border-radius: 50%"]:hover{border-color:rgba(var(--brand-cyan-rgb),.55)!important;transform:scale(1.06)}.sg-root .template-card-preview>button[aria-label=Mute],.sg-root .template-card-preview>button[aria-label=Unmute]{background:var(--sg-dark-base-warm)!important;-webkit-backdrop-filter:var(--sg-frosted-blur-mobile);backdrop-filter:var(--sg-frosted-blur-mobile);border:1px solid var(--sg-border-hairline)!important;width:36px!important;height:36px!important;border-radius:var(--radius-full,999px)!important;box-shadow:inset 0 1px 0 var(--sg-white-06),0 8px 20px var(--sg-black-32)!important;transition:border-color var(--sg-motion-base),color var(--sg-motion-base),transform var(--sg-motion-fast),box-shadow var(--sg-motion-base)!important}.sg-root .template-card-preview>button[aria-label=Mute]{color:var(--sg-cyan)!important;border-color:rgba(var(--brand-cyan-rgb),.36)!important;box-shadow:inset 0 1px 0 var(--sg-white-08),0 0 0 1px rgba(var(--brand-cyan-rgb),.06),0 8px 22px -8px rgba(var(--brand-cyan-rgb),.42)!important}.sg-root .template-card-preview>button[aria-label=Unmute]{color:var(--sg-text-faint)!important}.sg-root .template-card-preview>button[aria-label=Mute]:hover,.sg-root .template-card-preview>button[aria-label=Unmute]:hover{transform:scale(1.06)!important;border-color:rgba(var(--brand-cyan-rgb),.55)!important;color:var(--sg-tint-cyan)!important}.sg-root .template-card-preview>button[aria-label=Mute]:active,.sg-root .template-card-preview>button[aria-label=Unmute]:active{transform:scale(.96)!important}.sg-root .template-card-preview>button[aria-label=Mute]:focus-visible,.sg-root .template-card-preview>button[aria-label=Unmute]:focus-visible{outline:2px solid rgba(var(--brand-cyan-rgb),.55);outline-offset:2px}.sg-root .template-card-result.generation-complete .template-card-body{padding:14px 20px 18px!important;background:transparent;position:relative}.sg-root .template-card-result.generation-complete .template-card-body:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:1px;background:linear-gradient(90deg,transparent,var(--sg-border-hairline) 18%,var(--sg-border-hairline) 82%,transparent);pointer-events:none}.sg-root .template-card-result .meta-row{gap:6px 10px;color:var(--sg-text-muted);font-family:var(--font-roboto),"Roboto",sans-serif}.sg-root .template-card-result .meta-row .meta-text{color:var(--sg-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.01em;line-height:1.5}.sg-root .template-card-result .meta-row .template-card-footer-left+.meta-text,.sg-root .template-card-result .meta-row>:first-child .meta-text:first-child{color:var(--sg-text-soft)}.sg-root .template-card-result .meta-row .meta-text+.meta-text:not([style*=margin]){position:relative}.sg-root .template-card-result .result-prompt-row{margin-top:6px;max-width:100%}.sg-root .template-card-result .result-prompt-container{background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb),.05),transparent 55%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.05),transparent 55%),var(--sg-surface-card);border:1px solid var(--sg-border-hairline);border-radius:var(--radius-md,12px);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);position:relative;overflow:hidden;transition:border-color var(--sg-motion-base),background var(--sg-motion-base)}.sg-root .template-card-result .result-prompt-container:not(.expanded) .result-prompt-text{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}@media (hover:hover){.sg-root .template-card-result .result-prompt-container.clickable:hover{background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb),.08),transparent 55%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.08),transparent 55%),var(--sg-surface-card-hover);border-color:var(--sg-border-hairline-soft)}}.sg-root .template-card-result .result-prompt-container:before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:2px;border-radius:0 var(--radius-xs,4px) var(--radius-xs,4px) 0;background:linear-gradient(180deg,rgba(var(--brand-cyan-rgb),.85) 0,rgba(var(--brand-cyan-rgb),.85) 100%);box-shadow:0 0 12px -2px rgba(var(--brand-cyan-rgb),.45)}.sg-root .template-card-result .result-prompt-copy-icon{color:var(--sg-text-faint);transition:color var(--sg-motion-fast),transform var(--sg-motion-fast)}.sg-root .template-card-result .result-prompt-container.clickable:hover .result-prompt-copy-icon{color:var(--sg-cyan);transform:scale(1.06)}.sg-root .template-card-result .result-prompt-text{color:var(--sg-text-soft);font-size:var(--text-ms);line-height:1.55}.sg-root .template-card-result .result-prompt-text.expanded{scrollbar-color:var(--sg-white-15) transparent}.sg-root .template-card-result .result-prompt-text.expanded::-webkit-scrollbar-thumb{background:var(--sg-white-15)}.sg-root .template-card-result .result-prompt-container:not(.expanded):after{content:"";position:absolute;right:1px;top:1px;bottom:1px;width:48px;pointer-events:none;background:linear-gradient(90deg,transparent 0,var(--sg-surface-card) 80%,var(--sg-surface-card) 100%);border-radius:0 var(--radius-md,12px) var(--radius-md,12px) 0}@media (max-width:768px){.sg-root .template-card-result.generation-complete .template-card-body{padding:12px 14px 14px!important}.sg-root .template-card-result .result-prompt-container{padding:10px 12px 10px 18px}.sg-root .template-card-result .result-prompt-text{font-size:var(--text-xs-plus)}}