@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv01","cv02","cv03","cv04","ss01";font-optical-sizing:auto}#root{min-height:100vh}@media(min-width:1024px){body{overflow:hidden;height:100vh}#root{height:100vh;overflow:hidden}}::selection{background:#6366f126;color:#312e81}.dark ::selection{background:#818cf840;color:#e0e7ff}.panel-scroll::-webkit-scrollbar{width:6px}.panel-scroll::-webkit-scrollbar-track{background:transparent}.panel-scroll::-webkit-scrollbar-thumb{background:#00000014;border-radius:100px}.panel-scroll::-webkit-scrollbar-thumb:hover{background:#00000026}.dark .panel-scroll::-webkit-scrollbar-thumb{background:#ffffff14}.dark .panel-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff29}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:100px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:100px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:#6366f126;box-shadow:0 0 20px #6366f10d}50%{border-color:#8b5cf64d;box-shadow:0 0 30px #8b5cf61a,0 0 60px #6366f10d}}@keyframes sweepShine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes lineReveal{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseSoft{0%,to{opacity:.4}50%{opacity:.7}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes btnPress{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}@keyframes orbit{0%{transform:rotate(0) translate(28px) rotate(0)}to{transform:rotate(360deg) translate(28px) rotate(-360deg)}}@keyframes orbitReverse{0%{transform:rotate(0) translate(20px) rotate(0)}to{transform:rotate(-360deg) translate(20px) rotate(360deg)}}@keyframes morphShape{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes shimmerSkeleton{0%{background-position:-100% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-in{animation:fadeIn .4s ease-out forwards;opacity:0}.animate-slide-down{animation:slideDown .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-pulse-soft{animation:pulseSoft 3s ease-in-out infinite}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.stagger-7{animation-delay:.21s}.stagger-8{animation-delay:.24s}.generate-btn{position:relative;overflow:hidden}.generate-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}.generate-btn.is-firing:after{animation:pulseRing .6s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 0 0 3px #6366f166}.generate-btn.is-firing{animation:btnPress .3s cubic-bezier(.16,1,.3,1)}.loading-orb{animation:morphShape 8s ease-in-out infinite}.loading-orbit-dot{animation:orbit 3s linear infinite}.loading-orbit-dot-reverse{animation:orbitReverse 4s linear infinite}.skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmerSkeleton 2s ease-in-out infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(129,140,248,.08) 50%,transparent 100%);background-size:200% 100%}.master-prompt-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .15s forwards,borderGlow 4s ease-in-out 1s infinite;opacity:0}.master-prompt-card .sweep-shine{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(255,255,255,.06),rgba(255,255,255,.03),transparent);animation:sweepShine 2s cubic-bezier(.4,0,.2,1) .8s forwards;pointer-events:none;z-index:1}.master-prompt-header{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.master-prompt-badge{background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.master-prompt-code{animation:lineReveal .8s cubic-bezier(.16,1,.3,1) .5s forwards;opacity:0}.master-prompt-footer{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .7s forwards;opacity:0}.master-prompt-tag{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.architecture-card{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.input-field{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc80;font-size:13px;font-weight:500;color:#334155;outline:none;transition:all .2s ease-out}.input-field::placeholder{color:#cbd5e1}.input-field:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px #6366f114}.dark .input-field{border-color:#33415599;background:#0f172a80;color:#e2e8f0}.dark .input-field::placeholder{color:#475569}.dark .input-field:focus{background:#0f172acc;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.header-bar{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(148,163,184,.12);box-shadow:0 1px 3px #0000000a,0 4px 16px #6366f10a}.dark .header-bar{background:#0b1120eb;border-bottom-color:#3341554d;box-shadow:0 1px 3px #0003,0 4px 16px #0000001a}.header-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #6366f159,inset 0 1px #ffffff26}.header-divider{width:1px;height:14px;background:linear-gradient(180deg,transparent,#cbd5e1,transparent)}.dark .header-divider{background:linear-gradient(180deg,transparent,#334155,transparent)}.header-icon-btn{color:#94a3b8;background:transparent;border:1px solid transparent;transition:all .2s ease-out}.header-icon-btn:hover{color:#6366f1;background:#6366f10f;border-color:#6366f11a;box-shadow:0 0 0 3px #6366f10a}.dark .header-icon-btn{color:#64748b}.dark .header-icon-btn:hover{color:#818cf8;background:#6366f11a;border-color:#6366f126;box-shadow:0 0 0 3px #6366f114}.header-icon-btn:hover svg{transform:rotate(30deg);transition:transform .3s cubic-bezier(.16,1,.3,1)}.header-icon-btn svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.settings-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-start;justify-content:flex-end;padding:4rem 1rem 1rem;background:#0f172a00;transition:background .25s ease-out}.settings-overlay-visible{background:#0f172a33}.dark .settings-overlay-visible{background:#00000080}.settings-panel{width:400px;max-width:calc(100vw - 2rem);background:#fff;border-radius:16px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;transform:translateY(-12px) scale(.97);opacity:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.dark .settings-panel{background:#1e293b;border-color:#33415580;box-shadow:0 4px 32px #0000004d,0 1px 4px #00000026}.settings-panel-visible{transform:translateY(0) scale(1);opacity:1}.glass-card{background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.glass-card-dark{background:#0f172aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.toast-container{position:fixed;top:4.5rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter{animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}