.code-preview-root,.code-preview-container{position:relative;width:100%;height:100%;background:#161e31;border-radius:.75rem;border:1px solid #23263a;margin:0;padding:0;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;margin-bottom:.7rem}.code-preview-scrollarea{flex:1 1 0;width:100%;height:100%;overflow:auto;min-height:0}.code-preview-content{margin:0;padding:1.1rem 1rem;font-family:Fira Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.6;background:none;color:#fff}.code-line{display:flex;align-items:flex-start;white-space:pre}.code-line-number{color:#64748b;min-width:2.3em;padding-right:1em;text-align:right;-webkit-user-select:none;user-select:none;opacity:.7}.code-line-text{flex:1;white-space:pre;word-break:break-all}.code-preview-code{color:#fff;background:transparent;padding:.7rem 1rem;margin:0;white-space:pre;min-width:0;flex:1;overflow-x:auto}.code-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,26,38,.82);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:.75rem}.code-preview-loading{color:#a78bfa;font-weight:600;font-size:1.25rem;letter-spacing:.04em}.code-monaco-wrapper{height:100%;background:#161e31;border-radius:.75rem;overflow:hidden}.code-btn{background:#23263a;color:#c8d3f9;border:none;outline:none;border-radius:6px;font-size:14px;padding:.18rem .7rem;margin-left:.2rem;display:inline-flex;align-items:center;gap:.35em;cursor:pointer;transition:background .17s,color .17s}.code-btn:hover,.code-btn:focus{background:#30334d;color:#a78bfa}.code-btn-save{background:#21c77b;color:#fff}.code-btn-save:hover,.code-btn-save:focus{background:#1fa46a;color:#fff}.code-btn-cancel{background:#ff5e69;color:#fff}.code-btn-cancel:hover,.code-btn-cancel:focus{background:#e03e47}.code-btn-download{background:#4f46e5;color:#fff}.code-btn-download:hover{background:#3730a3}.code-preview-root{display:flex;flex-direction:column;height:100%}.code-preview-btns{display:flex;gap:.5rem;margin-bottom:.5rem}.code-preview-container{position:relative;flex:1;display:flex;flex-direction:column}.code-preview-scrollarea{flex:1;height:100%;overflow:auto}.code-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(22,30,49,.8);display:flex;align-items:center;justify-content:center}.code-preview-loading{color:#6cb0fa;font-size:1.2rem}@tailwind base;@tailwind components;@tailwind utilities;.logo-gradient{background:linear-gradient(90deg,#8B5CF6 10%,#EC4899 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-footer-glow{animation:footer-glow 2.5s linear infinite alternate}@keyframes footer-glow{0%{text-shadow:0 0 8px #8B5CF6,0 0 18px #EC4899aa}to{text-shadow:0 0 15px #EC4899,0 0 25px #8B5CF6aa}}.button-shine:before{content:"";position:absolute;left:-75%;top:0;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 80%);transform:skew(-24deg);transition:left .45s cubic-bezier(.19,1,.22,1);z-index:1}.button-shine:hover:before{left:130%}.glow-green{text-shadow:0 0 8px #8B5CF6,0 0 18px #EC4899aa,0 0 12px #30fa90}.glow-red{text-shadow:0 0 12px #f43f5e,0 0 30px #f43f5e77}.pulse-scale{animation:pulse-scale .7s infinite alternate}@keyframes pulse-scale{0%{transform:scale(1)}to{transform:scale(1.08)}}.animate-fade-in-bottom{animation:fade-in-bottom .9s cubic-bezier(.11,.85,.49,.98) both}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s cubic-bezier(.11,.85,.49,.98) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animated-code-line{animation:fadeInCode .22s cubic-bezier(.6,1,.58,1) both}@keyframes fadeInCode{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:7px;height:7px;background:#212735;border-radius:10px}::-webkit-scrollbar-thumb{background:#232936;border-radius:10px}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-[#232936]::-webkit-scrollbar-thumb{background:#232936}.scrollbar-track-[#191F2A]::-webkit-scrollbar-track{background:#191F2A}button:focus,button:active{outline:2px solid #8B5CF6;outline-offset:2px}.bg-dark{background:#0F172A}input[type=text],input[type=search],input[type=email],input[type=password],textarea{background:#23283a;color:#fff;border:2px solid #353b52;border-radius:1.7rem;padding:1rem 1.5rem;font-weight:600}input:focus,textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf680}.footer-social:hover{color:#ec4899!important;transform:scale(1.16);transition:all .22s}.bg-primary{background-color:#8b5cf6!important}.bg-accent{background-color:#ec4899!important}.text-accent{color:#ec4899!important}.text-primary{color:#8b5cf6!important}