@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary:#0a0a0e;--bg-secondary:#111116;--bg-tertiary:#16161f;--text-primary:#f4f4f6;--text-secondary:#9ea2b0;--text-muted:#5e6170;--accent-cyan:#00f0ff;--accent-magenta:#ec4899;--accent-purple:#8b5cf6;--border-color:#ffffff14;--border-focus:#00f0ff66;--glass-bg:#ffffff05;--glass-blur:blur(12px);--font-sans:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00f0ff0a 0%,#0000 40%);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}h1,h2,h3,h4{color:var(--text-primary);font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px}.glass-panel-hover{transition:all var(--transition-fast)}.glass-panel-hover:hover{background:#ffffff0a;border-color:#ffffff26}.text-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-accent{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-magenta))}@keyframes spin-glow{0%{filter:drop-shadow(0 0 2px var(--accent-cyan));transform:rotate(0)}50%{filter:drop-shadow(0 0 8px var(--accent-magenta))}to{filter:drop-shadow(0 0 2px var(--accent-cyan));transform:rotate(360deg)}}.spinner-glow{animation:2s linear infinite spin-glow}input[type=text],input[type=password],select{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#0003;border-radius:10px;outline:none;padding:10px 14px}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff26}.btn{font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#000;box-shadow:0 4px 15px #00f0ff33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f0ff59}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.app-layout{background:var(--bg-primary);width:100vw;height:100vh;display:flex}@media (width<=1120px){body{overflow:auto}.app-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar-panel{border-bottom:1px solid var(--border-color);max-height:none;border-right:none!important;width:100%!important;height:auto!important}.chat-panel,.preview-panel{width:100%;min-height:560px;border-left:none!important}}@media (width<=720px){.chat-panel,.preview-panel{min-height:500px}.btn{padding:9px 12px}}.stepper-container{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;flex-direction:column;gap:12px;margin:10px 0;padding:16px;display:flex}.step-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.step-item.active{color:var(--accent-cyan)}.step-item.completed{color:#10b981}.step-icon{border:1.5px solid var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.step-item.active .step-icon{border-color:var(--accent-cyan);background:#00f0ff1a}.step-item.completed .step-icon{background:#10b9811a;border-color:#10b981}