.PromptDemoModal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.PromptDemoModal{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.PromptDemoModal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.PromptDemoModal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2) 0;text-align:center}.PromptDemoModal-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--space-8) 0;text-align:center}.PromptDemoModal-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-8);position:relative}.PromptDemoModal-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--color-border);z-index:0}.PromptDemoModal-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1;flex:1 1}.PromptDemoModal-step-number{width:40px;height:40px;border-radius:50%;background:var(--color-bg-soft);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--color-text-muted);transition:var(--transition-all)}.PromptDemoModal-step-active .PromptDemoModal-step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.PromptDemoModal-step-content{text-align:center;max-width:150px}.PromptDemoModal-step-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.PromptDemoModal-step-content p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.PromptDemoModal-demo{margin-bottom:var(--space-6)}.PromptDemoModal-demo-box{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.PromptDemoModal-demo-box h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4) 0}.PromptDemoModal-prompt-text{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed)}.PromptDemoModal-chat{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.PromptDemoModal-chat-message{padding:var(--space-4);border-radius:var(--radius-md);max-width:80%}.PromptDemoModal-chat-user{background:var(--color-primary-10);align-self:flex-end;border:1px solid var(--color-primary-20)}.PromptDemoModal-chat-ai{background:var(--color-bg);align-self:flex-start;border:1px solid var(--color-border)}.PromptDemoModal-chat-message p{margin:0;font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed)}.PromptDemoModal-actions{display:flex;gap:var(--space-4);justify-content:center}@media (max-width:768px){.PromptDemoModal{padding:var(--space-6)}.PromptDemoModal-steps{flex-direction:column;gap:var(--space-4)}.PromptDemoModal-steps:before{display:none}.PromptDemoModal-step{flex-direction:row;align-items:flex-start;text-align:left}.PromptDemoModal-step-content{max-width:none;flex:1 1}}