.demo-intro{display:flex;flex-direction:column;gap:var(--space-4,16px);width:100%;min-height:100%;box-sizing:border-box;padding:calc(56px + env(safe-area-inset-top, 0px) + var(--space-3, 12px)) var(--space-4,16px) calc(var(--space-6, 24px) + env(safe-area-inset-bottom, 0px));background:transparent}.demo-intro>*{flex-shrink:0}.demo-intro__topbar{display:flex;justify-content:space-between}.demo-intro__badge,.demo-intro__topbar{align-items:center;gap:var(--space-2,8px)}.demo-intro__badge{display:inline-flex;padding:var(--space-1,4px) var(--space-3,12px);border-radius:var(--radius-full,100px);background:rgba(var(--brand-cyan-rgb),.1);border:1px solid rgba(var(--brand-cyan-rgb),.4);color:var(--text-cyan-tinted);font-size:11px;font-weight:var(--font-bold,700);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.08),0 6px 18px -10px rgba(var(--brand-cyan-rgb),.45)}.demo-intro__badge-dot{width:6px;height:6px;border-radius:var(--radius-circle,50%);background:var(--brand-cyan);box-shadow:0 0 8px 0 rgba(var(--brand-cyan-rgb),.8)}.demo-intro__counter{font-size:12px;font-weight:var(--font-semibold,600);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.demo-intro__counter b{color:var(--text-primary);font-weight:var(--font-bold,700)}.demo-intro__stage{position:relative;margin:0 auto;border-radius:var(--radius-lg,16px);overflow:hidden;background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb),.06),transparent 55%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.05),transparent 55%),var(--bg-media);border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.05),var(--shadow-lg)}.demo-intro__media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.demo-intro__media img{width:100%!important;height:100%!important;object-fit:contain!important}.demo-intro__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full,100px);background:rgba(var(--black-rgb),.55);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease)}.demo-intro__nav--prev{left:var(--space-2,8px)}.demo-intro__nav--next{right:var(--space-2,8px)}.demo-intro__nav:active{transform:translateY(-50%) scale(.92)}.demo-intro__nav:focus-visible{outline:2px solid rgba(var(--brand-cyan-rgb),.55);outline-offset:2px}@media (hover:hover){.demo-intro__nav:hover{background:rgba(var(--black-rgb),.7);border-color:var(--border-accent);color:var(--text-cyan-tinted)}}.demo-intro__dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);min-height:8px}.demo-intro__dot{width:6px;height:6px;border-radius:var(--radius-full,100px);background:var(--border-hover);flex-shrink:0;transition:width var(--transition-fast,.15s ease),background var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease),opacity var(--transition-fast,.15s ease)}.demo-intro__dot--edge{transform:scale(.55);opacity:.55}.demo-intro__dot--active{width:22px;background:var(--gradient-brand);box-shadow:var(--glow-cyan);opacity:1;transform:none}.demo-intro__hint{text-align:center;font-size:12px;color:var(--text-secondary);letter-spacing:.01em;margin:0}.demo-intro__model{display:flex;align-items:center;gap:var(--space-3,12px)}.demo-intro__model-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md,12px);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--brand-cyan)}.demo-intro__model-info{display:flex;flex-direction:column;gap:4px;min-width:0}.demo-intro__model-name{font-size:16px;font-weight:var(--font-semibold,600);color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.demo-intro__model-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2,8px)}.demo-intro__chip{font-size:11px;font-weight:var(--font-medium,500);color:var(--text-secondary);padding:2px var(--space-2,8px);border-radius:var(--radius-sm,8px);background:var(--bg-glass);border:1px solid var(--border-subtle);letter-spacing:.01em;white-space:nowrap}.demo-intro__prompt .result-prompt-row{width:100%}.demo-intro__prompt .result-prompt-container{position:relative;display:flex;align-items:flex-start;gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-md,12px);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--transition-fast,.15s ease),background var(--transition-fast,.15s ease)}@media (hover:hover){.demo-intro__prompt .result-prompt-container:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}}.demo-intro__prompt .result-prompt-copy-icon{color:var(--text-disabled);flex-shrink:0;margin-top:2px;transition:color var(--transition-fast,.15s ease)}.demo-intro__prompt .result-prompt-container:hover .result-prompt-copy-icon{color:var(--brand-cyan)}.demo-intro__prompt .result-prompt-text{font-size:13px;line-height:1.5;color:var(--text-secondary);min-width:0}.demo-intro__prompt .result-prompt-container:not(.expanded) .result-prompt-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-intro__cta-wrap{display:flex;flex-direction:column;gap:var(--space-3,12px);margin-top:auto}.demo-intro__value{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.demo-intro__value-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);flex:1 1 auto;padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-md,12px);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:12px;font-weight:var(--font-medium,500);color:var(--text-primary);white-space:nowrap}.demo-intro__value-item svg{color:var(--brand-cyan);flex-shrink:0}.demo-intro__cta{width:100%;min-height:54px;border:1px solid rgba(var(--brand-cyan-rgb),.35);border-radius:var(--radius-md,12px);background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb),.16) 0,transparent 55%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb),.2) 0,transparent 55%),rgba(var(--white-rgb),.04);color:var(--text-primary);font-size:16px;font-weight:var(--font-bold,700);display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);cursor:pointer;box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.08),var(--glow-cyan);transition:border-color var(--transition-normal,.2s ease),transform var(--transition-fast,.15s ease),box-shadow var(--transition-normal,.2s ease),background var(--transition-normal,.2s ease)}.demo-intro__cta:active{transform:scale(.98)}.demo-intro__cta:focus-visible{outline:2px solid rgba(var(--brand-cyan-rgb),.55);outline-offset:3px}@media (hover:hover){.demo-intro__cta:hover{border-color:rgba(var(--brand-cyan-rgb),.45);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.1),var(--glow-cyan-strong)}}.demo-intro__cost{text-align:center;font-size:13px;color:var(--text-secondary);font-weight:var(--font-medium,500);margin:0}.demo-intro__cost b{color:var(--text-primary);font-weight:var(--font-bold,700)}.demo-intro__trial{display:flex;align-items:center;justify-content:center;gap:var(--space-2,8px);text-align:center;font-size:12px;color:var(--text-muted);margin:0}.demo-intro__trial svg{color:var(--brand-green);flex-shrink:0}@media (prefers-reduced-motion:reduce){.demo-intro *,.demo-intro :after,.demo-intro :before{transition:none!important;animation:none!important}}.template-card.template-card-result.generation-complete.demo-preview__card{flex:1;min-height:0;border-radius:var(--radius-lg,16px);overflow:hidden}.template-card.template-card-result.generation-complete .template-card-preview.demo-preview__preview{padding:0;position:relative;border-radius:var(--radius-lg,16px) var(--radius-lg,16px) 0 0;overflow:hidden}.template-card-result.generation-complete .template-card-preview .demo-preview__badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10;padding:var(--space-1) var(--space-2-5);background:rgba(var(--brand-cyan-rgb),.15);border:1px solid rgba(var(--brand-cyan-rgb),.3);border-radius:var(--radius-sm,6px);color:var(--brand-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase;pointer-events:none}.template-card-result.generation-complete .template-card-preview .demo-preview__counter{position:absolute;top:var(--space-3);left:50%;transform:translateX(-50%);z-index:10;padding:var(--space-1) var(--space-2-5);background:rgba(var(--black-rgb),.5);border:1px solid rgba(var(--white-rgb),.1);border-radius:var(--radius-sm,6px);color:rgba(var(--white-rgb),.7);font-size:var(--text-2xs);font-weight:var(--font-semibold);pointer-events:none}.template-card-result.generation-complete .template-card-preview .demo-preview__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-circle);background:var(--bg-overlay-light);border:1px solid rgba(var(--white-rgb),.15);color:rgba(var(--white-rgb),.9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.template-card-result.generation-complete .template-card-preview .demo-preview__nav--prev{left:var(--space-3)}.template-card-result.generation-complete .template-card-preview .demo-preview__nav--next{right:var(--space-3)}.template-card-result.generation-complete .template-card-preview .demo-preview__video-wrap{position:relative;width:100%;height:100%}.template-card-result.generation-complete .template-card-preview video.demo-preview__video{width:100%;height:100%;object-fit:contain;background:var(--text-on-brand)}.template-card-result.generation-complete .template-card-preview .demo-preview__pause-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.template-card-result.generation-complete .template-card-preview .demo-preview__pause-icon{width:var(--space-14);height:var(--space-14);border-radius:var(--radius-circle);background:var(--bg-overlay-light);border:1px solid rgba(var(--white-rgb),.15);display:flex;align-items:center;justify-content:center}.template-card-result.generation-complete .template-card-preview .demo-preview__mute-btn{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;width:var(--space-9);height:var(--space-9);border-radius:var(--radius-md,8px);background:var(--bg-overlay-light);border:1px solid rgba(var(--white-rgb),.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.template-card.template-card-result.generation-complete .template-card-preview img.demo-preview__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.template-card-result.generation-complete .template-card-body.demo-preview__body{flex-shrink:0;padding:var(--space-3-5) var(--space-5) var(--space-4)}.template-card-result.generation-complete .meta-text.demo-preview__meta-sep{margin:0 var(--space-1)}