.navbar{position:fixed;top:0;left:0;width:100%;padding:0 3.75%;height:7%;background:#ffffff1a;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navbar-links{display:flex;justify-content:space-between;position:relative;right:10%}.navbar-links>button{margin-left:5%;margin-right:5%;text-wrap:nowrap}.account-button{height:90%;margin-top:40px}.interactive-button{height:80%;margin-top:40px;right:50px}.login-button{height:80%;margin-left:50px;margin-top:40px;color:#fff}.nav-create-button{height:80%;display:flex;justify-content:center;align-items:center;left:175%;padding:10px 20px;background-color:#10016380;border:none;border-radius:12px;font-size:20px;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 0 15px #6a00f5bf,0 0 30px #78058f66,0 0 45px #b806dba9}.nav-create-button:before{content:"";position:absolute;top:-50%;left:-50%;width:500%;height:500%;background:radial-gradient(circle,rgba(121,4,105,.5),transparent 70%);animation:rotateGlow 6s linear infinite;z-index:1;transition:opacity .3s ease}.nav-create-button:hover:before{opacity:1}.nav-create-button:hover{transform:scale(1.05);box-shadow:0 0 20px #dbf115b3,0 0 40px #dbf11599,0 0 60px #dbf11580}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content{padding:20px;display:flex;flex-direction:column;justify-content:center;width:50vh;height:auto;backdrop-filter:blur(3px) saturate(190%);-webkit-backdrop-filter:blur(3px) saturate(1150%);background-color:#2a2a2b38;border-radius:12px;border:1px solid rgba(255,255,255,.125)}.toggle-auth{width:auto}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-content h2{margin-bottom:20px}.modal-content form{display:flex;justify-content:center;flex-direction:column;padding:5px 30px}.modal-content label{margin-bottom:8px;text-align:center}.modal-content input{margin-bottom:15px;padding:15px;font-size:1rem;border:1px solid #585757;border-radius:4px}.modal-content button{padding:10px;font-size:1rem;background-color:#0b54a8;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content button:hover{background-color:#b30000}button#modal-login,button#modal-register{scale:.8;width:50%;border:calc(.15 * var(--m)) solid transparent;position:relative;color:#f3f3f3;font-family:Space Grotesk;font-size:var(--m);border-radius:calc(.9 * var(--m));padding:calc(.5 * var(--m)) calc(1 * var(--m));display:flex;justify-content:center;cursor:pointer;background:linear-gradient(#2f2f30,#121213),linear-gradient(#121213 50%,#12121399 80%,#12121300),linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:500%;animation:animate 2s infinite linear}button#modal-login:before,button#modal-register:before{content:"";background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));height:30%;width:60%;position:absolute;bottom:-10%;z-index:-5;background-size:200%;animation:animate 2s infinite linear;filter:blur(calc(1 * var(--m)))}button#modal-login:hover,button#modal-register,button#modal-register:hover:before,button#modal-login:hover:before{animation:animate .5s infinite linear}.logout-button{scale:1.5;margin-top:20px}#login-input{color:#fff}body,html{min-height:100vh;z-index:10;background-size:cover;background-repeat:no-repeat;background-position:center}.card{position:relative;z-index:150}:root{--m: 2rem;--red: #FF6565;--pink: #FF64F9;--purple: #6B5FFF;--blue: #4D8AFF;--green: #5BFF89;--yellow: #FFEE55;--orange: #FF6D1B}.create-button{border:calc(.1 * var(--m)) solid transparent;position:fixed;color:#fff;font-family:Space Grotesk;font-size:var(--m);border-radius:calc(.7 * var(--m));padding:calc(.5 * var(--m)) calc(1 * var(--m));display:flex;justify-content:center;cursor:pointer;top:65%;width:20%!important;left:40%;opacity:1;z-index:10;background:linear-gradient(#838383cc,#0a0a0ae3),linear-gradient(#121213 50%,#12121399 80%,#12121300),linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:300%;animation:animate 2s infinite linear}.create-button:before{content:"";background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));height:30%;width:100%;position:absolute;bottom:-20%;z-index:-5;background-size:100%;animation:animate 4s infinite linear;filter:blur(calc(.7 * var(--m)))}.create-button:hover,.create-button:hover:before{animation:animate .5s infinite linear}.popular-proj-container{opacity:.6}@keyframes animate{0%{background-position:0}to{background-position:200%}}@media screen and (max-width: 1000px){:root{--m: 2rem}}.project-previews{display:flex;gap:20px;justify-content:center;padding:20px}.project-box{width:200px;height:200px;overflow:hidden;border:2px solid #ccc;box-shadow:0 4px 8px #0003;transition:transform .3s ease;position:relative}.project-box:hover{transform:scale(1.05)}.project-iframe{width:100%;height:100%;border:none}:root{--color-bg1: rgb(8, 10, 15);--color-bg2: rgb(0, 17, 32);--color1: 18, 113, 255;--color2: 107, 74, 255;--color3: 100, 100, 255;--color4: 50, 160, 220;--color5: 80, 47, 122;--color-interactive: 140, 100, 255;--circle-size: 80%;--blending: hard-light}*{margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing:border-box;color:#fff;background:transparent;border:none}html,body{font-family:Dongle,sans-serif;margin:0;padding:0;height:100%;width:100%}body{background:#fff;font-family:Montserrat,sans-serif;overflow:hidden}h1,h2,h3{font-family:Montserrat,sans-serif;font-weight:700}.card{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;max-width:600px;padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 90px #0000001a;overflow:hidden}.card:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:2px;background:#fff;background:linear-gradient(90deg,#fff0,#fff 34%,#fff 89%,#fff0);opacity:.3;filter:blur(.5px);mix-blend-mode:hard-light}.card .noise{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;opacity:.1}.card .content{position:relative;z-index:2;text-shadow:-3px 0px 2px rgba(0,0,0,.1)}h1{font-size:3rem;margin-bottom:16px}p{line-height:1.6}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.gradient-bg{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));top:0;left:0}.gradient-bg .noiseBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;mix-blend-mode:soft-light;opacity:.3}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.gradient-bg .g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}.gradient-bg .g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}.gradient-bg .g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}.gradient-bg .g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.gradient-bg .g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}.gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}.grid-item-1{grid-area:1 / 1 / 2 / 2;width:140%;height:100%;border-radius:15px}.grid-item-2{grid-area:1 / 3 / 2 / 4;width:140%;height:100%;border-radius:15px}.grid-item-3{grid-area:3 / 1 / 4 / 2;width:140%;height:100%;border-radius:15px}.grid-item-4{grid-area:3 / 3 / 4 / 4;width:140%;height:100%;border-radius:15px}.project-previews{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 0px 1fr;top:7vh;width:87%;height:90vh;position:fixed;left:1vw}.body-account{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#1f1c2c,#928dab);height:100vh;width:100vw;display:flex;justify-content:flex-start;align-items:center}.sidebar{width:250px;height:75vh;margin:10vh;padding:20px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-image:linear-gradient(145deg,#fff3,#ffffff0d)}.sidebar-menu{list-style:none;padding:0;margin:0;width:100%}.sidebar-menu li{width:100%;margin-bottom:15px}.sidebar-menu li a{text-decoration:none;color:#fff;font-size:18px;padding:10px 15px;display:block;border-radius:12px;transition:background .3s ease,color .3s ease,transform .3s ease;position:relative;overflow:hidden}.sidebar-menu li a:before{content:"";position:absolute;top:0;left:-100%;width:300%;height:100%;background:linear-gradient(90deg,#ffdf004d,#ff69b44d,#1e90ff4d);transition:left .5s ease;z-index:0}.sidebar-menu li a:hover:before{left:0}.sidebar-menu li a:hover{color:#fff;transform:scale(1.05);background:#ffffff1a;box-shadow:0 4px 10px #fff3}.sidebar-menu li a span{position:relative;z-index:1}.password-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;width:320px}.password-form{display:flex;flex-direction:column;width:100%}.password-form input{width:100%;padding:10px;margin-bottom:15px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#5811583b;color:#fff;font-size:16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.password-form input:focus{border-color:#fff9;box-shadow:0 0 8px #ffffff4d}.password-form button{padding:10px;background:linear-gradient(145deg,#110dee33,#f311e866);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease,transform .3s ease;margin-top:5px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.password-form button:hover{background:#1255a1a8;transform:scale(1.05)}.account-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;width:320px}.account-form{display:flex;flex-direction:column;width:100%}.preferences-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;width:320px}.preferences-form{display:flex;flex-direction:column;width:100%}.projects-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;width:320px}.projects-form{display:flex;flex-direction:column;width:100%}.assets-form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;width:320px}.assets-form{display:flex;flex-direction:column;width:100%}.container{display:flex;position:relative;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 4px 30px #0000001a;margin:20px auto;width:92vw;height:88vh;top:8vh;left:3vw}.container-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:-1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.leftside{display:flex;flex-direction:column;height:88vh;width:40vw;box-shadow:inset 0 0 10px #5f04533a;background:#ffffff1a;color:#070707;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:10px}.editor-box{display:flex;flex-grow:1;position:relative;flex-direction:column;width:32vw;transition:height .3s ease;overflow-y:auto;max-height:90%}@-moz-document url-prefix(){.editor-box{scrollbar-width:thin;scrollbar-color:#a71ace75 #77777729}}.editor-box::-webkit-scrollbar{width:10px;height:10px}.editor-box::-webkit-scrollbar-thumb{background-color:#a71ace75;border-radius:10px}.editor-box::-webkit-scrollbar-track{background-color:#77777729;border-radius:10px}.editor-box::-webkit-scrollbar-thumb:hover{background-color:#640c739b}.leftside .cm-content{font-family:monospace;font-size:1rem;border-radius:4px;color:#000;min-height:15vh;max-width:100%;overflow-x:auto}button.expand-btn{position:absolute;top:-1vh;left:6vw;scale:.5}button.restore-btn{margin-top:10px;scale:.7}.collapsed{height:5vh;overflow:hidden;cursor:pointer}.expanded{height:90vh;max-height:90vh;overflow:hidden}.leftside label{font-weight:700;margin-bottom:8px;color:#383838}.rightside{width:100%;background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:10px;font-size:1rem;box-shadow:inset 0 0 10px #3f03373a}i{color:#202020}.rightside label{font-weight:700;margin-bottom:8px;color:#333}iframe{flex:1;border:1px solid #e7e6e6a1;border-radius:4px;background-color:#f8f8f823;width:100%;height:95%}.copy-button{margin-left:10px;background:#fff0;border-radius:0;cursor:pointer;padding:0}.copy-button i{pointer-events:none;color:#000}.leftside textarea{width:40%;border:1px solid rgba(26,24,24,.192);padding:10px;font-size:1rem;box-shadow:inset 0 0 10px #3f03373a}body,html{margin:0;padding:0;height:100%;overflow:hidden;display:flex;justify-content:center;font-family:Creepster,cursive;color:#e0e0e0}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-10;background:linear-gradient(135deg,#f8da53,#f015cba6 55%,#a505c58c);animation:animateBackground 10s infinite alternate;opacity:1}.waves{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;background:url(https://www.transparenttextures.com/patterns/wavecut.png);background-size:200%;animation:waveMove 6s infinite linear}@keyframes animateBackground{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes waveMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.canvas-sidebar-menu{position:fixed;top:7.5vh;left:0;height:92.5%;width:60px;overflow:hidden;background:#2700535e;transition:width .05s linear;z-index:10;padding-top:10px}.canvas-sidebar-menu:hover{width:180px;overflow:visible}.canvas-sidebar-menu>ul>li{position:relative;display:block;width:180px}.canvas-sidebar-menu>ul>li>a{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#999;font-size:1rem;transition:all .1s linear;padding:10px 0}.canvas-sidebar-menu .nav-icon{width:60px;height:20px;font-size:20px;text-align:center}.canvas-sidebar-menu .nav-text{width:120px;height:20px;font-family:Mulish,sans-serif}.canvas-sidebar-menu .logout{position:absolute;left:0;bottom:0}.canvas-sidebar-menu li:hover>a,.scanvas-idebar-menu li.active>a,.canvas-sidebar-menu li>a:focus{text-decoration:none;color:#fff;background-color:#1d4fd7b3}.popup-menu,.confirmation-dialog{position:fixed;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#600de678;border:1px solid #706f6f75;padding:20px;z-index:1000;box-shadow:0 4px 8px #0000009f;max-width:90%;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-menu h3{margin-top:0}.popup-menu ul{list-style-type:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.popup-menu ul li{padding:8px 12px;cursor:pointer}.popup-menu ul li:hover{background-color:#bae207ca}.popup-menu button,.confirmation-dialog button{margin-top:10px}.confirmation-dialog p{margin-bottom:20px}.envelope-containers{display:flex;justify-content:space-around;position:absolute;top:82.3vh;left:33vw}.envelope-containers button{display:flex;justify-content:center;align-items:center;text-align:center;width:calc(10vw + 40px);height:calc(3.5vh + 10px);background-color:#fff;border:2px solid #9d0ed6;border-radius:12px;font-size:calc(.3rem + .45vw)}.query-box{background-color:#6005c2;flex:1}.input-area-and-conversation-container{top:30dvh;position:relative}.log-button{scale:1.1;width:20rem}.envelope-tab{color:#000;background-color:#eeeb2bc2;padding:10px 30px;border-radius:0 0 5px 5px;cursor:pointer;scale:.8;position:relative}.envelope-tab.active{background-color:#6005c2;color:#fff}.input-area-container{display:none;position:relative;bottom:0;width:100%;background-color:#97368e6a;border-top:1px solid #9f09df;box-shadow:0 -2px 5px #0000001a;padding:20px;flex-direction:row;gap:20px}.input-area-container.active{display:block;background-color:#6005c2;width:100%;max-height:400px}.conversation-view{padding:10px;background-color:#ab1fce65;border:1px solid #83078fa9;max-height:300px;overflow-y:auto;max-width:40vw;max-height:40vh;flex:1}.message{margin-bottom:10px;padding:5px;border-radius:5px}.message.user{background-color:#133ae996}.message.ai{background-color:#13c540}.log-popup{position:fixed;background-color:#000c;color:#fff;border-radius:10px;padding:10px;z-index:1000;overflow:hidden;resize:none;display:flex;flex-direction:column}.log-popup-header{cursor:move;background-color:#b9159e77;padding:10px;height:5vh;border-radius:20px;display:flex;justify-content:space-between}.close-console{background:linear-gradient(120deg,#050386,#e90a4d);color:#fff;border:none;border-radius:12px;padding:8px 15px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #00000081;transition:transform .2s ease,background .3s ease;position:relative;bottom:1vh;z-index:10}.close-console:hover{background:linear-gradient(135deg,#0e049771,#0c7da04d);transform:scale(1.1)}.close-console:active{transform:scale(.95)}.close-console:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-radius:30px;background:linear-gradient(45deg,#03509942,#a1074f,#280cc5,#750fb1);z-index:-1;filter:blur(5px);opacity:0;transition:opacity .3s ease}.close-console:hover:after{opacity:1}.logs{white-space:pre-wrap;overflow-y:auto;margin-right:10px;resize:vertical}.log-popup-resizer{width:20px;height:20px;background-color:#666;cursor:se-resize;position:absolute;bottom:0;right:0;border-radius:0 0 10px}#root{pointer-events:none}#root>*{pointer-events:auto}.console-input{width:100%;padding:5px;border-radius:5px;border:none;outline:none}.network-tab{flex:1;background-color:#333;border-radius:5px;padding:10px;overflow-y:auto;word-wrap:break-word}.network-button{position:relative;right:1dvw;bottom:1dvh}.network-log{margin-bottom:10px;padding:5px;border-bottom:1px solid #555}.network-log div{margin:2px 0}.log-popup-content{display:flex;flex:1;overflow:hidden}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0d062c86;color:#fffdfd;padding:20px;border-radius:20px;z-index:1001;border:1px solid rgba(255,255,255,.336);box-shadow:0 0 15px #0008;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px}.popup-content h3{margin-bottom:15px}.popup-content p{word-wrap:break-word;margin-bottom:15px;text-align:center}.popup-content button .close-console{color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.popup-content button .close-console:before{content:"";position:absolute;top:-20px;bottom:-20px;left:-50px;right:-50px;background:inherit;z-index:-1;filter:blur(80px);opacity:0;transition:opacity .3s ease}.popup-content button .close-console:hover:before{opacity:1}.switch{position:absolute;width:6vw;height:3vh;background:#9d0ed6;border-radius:40px;top:2.3dvh;left:51dvw}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:4px;left:4px;right:4px;bottom:4px;background:linear-gradient(45deg,#f0f,#3408af);transition:.5s;border-radius:40px;box-shadow:0 0 20px #ad68ad,inset 0 0 15px #6d00b0}.slider:before{position:absolute;content:"";height:100%;width:20%;left:4px;bottom:4px;background:linear-gradient(45deg,#f0f,#06f3f3f8);transition:.4s;border-radius:50%;box-shadow:0 0 25px #09118acc,0 0 20px #ff00ffb3}input:checked+.slider{background:linear-gradient(45deg,#ff80ff,#e4ece6ce);box-shadow:0 0 25px #f0f,0 0 30px #ff00ffb3}input:checked+.slider:before{transform:translate(370%);background:linear-gradient(45deg,#ff80ff,#80ffff);box-shadow:0 0 25px #ff00ffb3,0 0 20px #6908c4b3}input:checked+.slider:after{content:"Autorun On";color:#fffb0c;position:absolute;left:15%;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;text-shadow:0 0 10px #4c0ac5,0 0 15px #18181a}.slider:after{content:"Autorun Off";color:#f6fdf7;position:absolute;left:40%;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;text-shadow:0 0 10px #ff00ff,0 0 15px #ff00ff}.slider.round{border-radius:40px}.slider.round:before{border-radius:50%}.run-button{font-weight:400;border-radius:12px;border:2px solid #0db8e2ab;background:linear-gradient(135deg,#6a00ff,#f0f);color:#fff;scale:.8;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 15px #00ffffb3,0 0 25px #ff00ffb3,0 0 35px #ffff00b3,inset 0 0 15px #101010,inset 0 0 30px #202020;transition:transform .3s ease,background .4s ease,box-shadow .4s ease}.run-button:hover:enabled{background:linear-gradient(135deg,#f0f,#0ff);box-shadow:0 0 20px #0ffc,0 0 35px #f0fc,0 0 50px #ffff00e6,inset 0 0 20px #101010,inset 0 0 40px #202020}.run-button:active:enabled{background:linear-gradient(135deg,#40c,#f0f);box-shadow:0 0 10px #00ffffb3,0 0 20px #ff00ffb3,0 0 30px #ffff00b3,inset 0 0 15px #101010,inset 0 0 30px #202020}.run-button:disabled{background:linear-gradient(135deg,#3a3a3a,#5a5a5a);color:#666;border:2px solid #555;cursor:not-allowed;box-shadow:none}.button-common{padding:15px 40px;border-radius:12px;border:2px solid #059999d3;background:linear-gradient(135deg,#6a00ff,#f0f);color:#fff;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 15px #00ffff5d,0 0 25px #ff00ff54,0 0 35px #ffff0050,inset 0 0 15px #101010,inset 0 0 30px #202020;transition:background .4s ease,box-shadow .4s ease}.button-common:before{content:"";top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:20px;background:linear-gradient(135deg,#ff00ff4d,#00ffff4d);filter:blur(10px);opacity:.8;z-index:-1}.button-common:hover:enabled{background:linear-gradient(135deg,#f0f,#0ff);box-shadow:0 0 20px #0ffc,0 0 35px #f0fc,0 0 50px #ffff0075,inset 0 0 20px #101010,inset 0 0 40px #202020}.button-common:active:enabled{background:linear-gradient(135deg,#40c,#f0f);box-shadow:0 0 10px #00ffffb3,0 0 20px #ff00ffb3,0 0 30px #ffff00b3,inset 0 0 15px #101010,inset 0 0 30px #202020}.button-common:disabled{background:linear-gradient(135deg,#3a3a3a,#5a5a5a);color:#666;border:2px solid #555;cursor:not-allowed;box-shadow:none;box-sizing:border-box}.log-popupv2{display:flex;flex-direction:column;position:absolute;background:#0a0a0af2;border:3px solid #00ffee;border-radius:6px;box-shadow:0 0 20px #0fe,0 0 15px #f09;color:#fff;overflow:hidden;z-index:1000;transition:transform .2s ease,box-shadow .2s ease}.log-popupv2:hover{transform:scale(1.02);box-shadow:0 0 30px #0fe,0 0 25px #f09}.log-popup-headerv2{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#0d0d0d,#222);padding:12px;border-bottom:3px solid #00ffee;cursor:move}.close-consolev2{background:#f09;border:none;padding:6px 12px;color:#fff;font-weight:700;border-radius:4px;box-shadow:0 0 15px #f09;cursor:pointer;transition:background .3s,box-shadow .3s}.close-consolev2:hover{background:#f3a;box-shadow:0 0 20px #f3a}.logsv2{padding:10px;height:100%;overflow-y:auto;color:#0fe;background-color:#000000d9;border-top:3px solid #ff0099;font-size:.95em;resize:vertical}.console-inputv2{width:100%;padding:8px;background:#0f0f0ff2;color:#fff;border-radius:4px;box-shadow:0 0 15px #f09}.network-tabv2{display:flex;flex-direction:column;flex:1;background-color:#1e1e1ee6;border-top:3px solid #00ffee;padding:12px;color:#fff;font-size:.9em;height:40rem;overflow-y:auto}.network-logv2{padding:8px;margin-bottom:12px;background:#141414e6;border-left:3px solid #ff0099;box-shadow:0 0 10px #f09;transition:transform .2s ease,box-shadow .2s ease}.network-logv2:hover{transform:translate(2px);box-shadow:0 0 20px #f09}.log-popup-resizerv2{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#f09;cursor:se-resize;box-shadow:0 0 15px #f09}.cm-line{color:#000}.cm-content{flex:1}#html-code .cm-lineNumbers,#css-code .cm-lineNumbers,#js-code .cm-lineNumbers{background-color:transparent!important;color:#000!important}#html-code .cm-gutters,#css-code .cm-gutters,#js-code .cm-gutters{background-color:transparent!important}.cm-gutterElement{color:#000000ac}#html-code,#css-code,#js-code{flex:1;background:#ffffff7e;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:10px;font-size:1rem;box-shadow:inset 0 0 10px #3f03373a}body{margin:0;padding:0;height:auto;background-color:#000000e5}.wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;height:100vh}.wrapper .container{margin:0 auto;transition:all .4s ease;display:flex;justify-content:center;align-items:center;position:relative}.wrapper .container .scene{position:absolute;width:100vw;height:100vh;vertical-align:middle}.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{width:60%;height:60%;top:20%!important;left:20%!important;min-width:400px;min-height:400px}.wrapper .container .one .content,.wrapper .container .two .content,.wrapper .container .three .content,.wrapper .container .circle .content,.wrapper .container .p404 .content{width:600px;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:content .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes content{0%{width:0}}.wrapper .container .one .content .piece,.wrapper .container .two .content .piece,.wrapper .container .three .content .piece,.wrapper .container .circle .content .piece,.wrapper .container .p404 .content .piece{width:200px;height:80px;display:flex;position:absolute;border-radius:80px;z-index:1;animation:pieceLeft 8s cubic-bezier(1,.06,.25,1) infinite both}@keyframes pieceLeft{50%{left:80%;width:10%}}@keyframes pieceRight{50%{right:80%;width:10%}}@media screen and (max-width: 799px){.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{width:90%;height:90%;top:5%!important;left:5%!important;min-width:280px;min-height:280px}}@media screen and (max-height: 660px){.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{min-width:280px;min-height:280px;width:60%;height:60%;top:20%!important;left:20%!important}}.wrapper .container .text{width:60%;height:40%;min-width:400px;min-height:500px;position:absolute;margin:40px 0;animation:text .6s 1.8s ease backwards}@keyframes text{0%{opacity:0;transform:translateY(40px)}}@media screen and (max-width: 799px){.wrapper .container .text{min-height:400px;height:80%}}.wrapper .container .text article{width:400px;position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;bottom:0;left:50%;transform:translate(-50%)}@media screen and (max-width: 799px){.wrapper .container .text article{width:100%}}.wrapper .container .text article p{color:#fff;font-size:18px;letter-spacing:.6px;margin-bottom:40px;text-shadow:6px 6px 10px #32243E}.wrapper .container .text article button{height:40px;padding:0 30px;border-radius:50px;cursor:pointer;box-shadow:0 15px 20px #36184f80;z-index:3;color:#695681;background-color:#fff;text-transform:uppercase;font-weight:600;font-size:12px;transition:all .3s ease}.wrapper .container .text article button:hover{box-shadow:0 10px 10px -10px #36184f80;transform:translateY(5px);background:#fb8a8a;color:#fff}.wrapper .container .p404{font-size:200px;font-weight:700;letter-spacing:4px;color:#fff;display:flex!important;justify-content:center;align-items:center;position:absolute;z-index:2;animation:anime404 .6s cubic-bezier(.3,.8,1,1.05) both;animation-delay:1.2s}@media screen and (max-width: 799px){.wrapper .container .p404{font-size:100px}}@keyframes anime404{0%{opacity:0;transform:scale(10) skew(20deg,20deg)}}.wrapper .container .p404:nth-of-type(2){color:#36184f;z-index:1;animation-delay:1s;filter:blur(10px);opacity:.8}.wrapper .container .circle{position:absolute}.wrapper .container .circle:before{content:"";position:absolute;width:800px;height:800px;background-color:#d700df69;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 5px 20px 40px #36184f40,inset 5px 0 5px #32243e4d,inset 5px 5px 20px #32243e40,2px 2px 5px #fff3;animation:circle .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes circle{0%{width:0;height:0}}@media screen and (max-width: 799px){.wrapper .container .circle:before{width:400px;height:400px}}.wrapper .container .one .content:before{content:"";position:absolute;width:600px;height:600px;background-color:#2423254d;border-radius:100%;box-shadow:inset 5px 20px 40px #36184f40,inset 5px 0 5px #32243e4d,inset 5px 5px 20px #32243e40,2px 2px 5px #fff3;animation:circle .8s .4s cubic-bezier(1,.06,.25,1) backwards}@media screen and (max-width: 799px){.wrapper .container .one .content:before{width:300px;height:300px}}.wrapper .container .one .content .piece{background:linear-gradient(90deg,#8077ea 13.7%,#eb73ff 94.65%)}.wrapper .container .one .content .piece:nth-child(1){right:15%;top:18%;height:30px;width:120px;animation-delay:.5s;animation-name:pieceRight}.wrapper .container .one .content .piece:nth-child(2){left:15%;top:45%;width:150px;height:50px;animation-delay:1s;animation-name:pieceLeft}.wrapper .container .one .content .piece:nth-child(3){left:10%;top:75%;height:20px;width:70px;animation-delay:1.5s;animation-name:pieceLeft}.wrapper .container .two .content .piece{background:linear-gradient(90deg,#ffedc0,#ff9d87)}.wrapper .container .two .content .piece:nth-child(1){left:0%;top:25%;height:40px;width:120px;animation-delay:2s;animation-name:pieceLeft}.wrapper .container .two .content .piece:nth-child(2){right:15%;top:35%;width:180px;height:50px;animation-delay:2.5s;animation-name:pieceRight}.wrapper .container .two .content .piece:nth-child(3){right:10%;top:80%;height:20px;width:160px;animation-delay:3s;animation-name:pieceRight}.wrapper .container .three .content .piece{background:#fb8a8a}.wrapper .container .three .content .piece:nth-child(1){left:25%;top:35%;height:20px;width:80px;animation-name:pieceLeft;animation-delay:3.5s}.wrapper .container .three .content .piece:nth-child(2){right:10%;top:55%;width:140px;height:40px;animation-name:pieceRight;animation-delay:4s}.wrapper .container .three .content .piece:nth-child(3){left:40%;top:68%;height:20px;width:80px;animation-name:pieceLeft;animation-delay:4.5s}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#e0f7fa,#fce4ec);color:#333;line-height:1.6;overflow-y:scroll}header{margin-top:6%;text-align:center;padding:40px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%;box-shadow:0 10px 20px #0003}header h1{font-size:3rem;margin-bottom:10px}header p{font-size:2rem;color:#dcdcdc}.connect-btn{display:flex;justify-content:center;align-items:center;font-size:1rem;position:fixed!important;bottom:10%!important;right:1%!important;max-width:20%}.reset-all{display:flex;justify-content:center;align-items:center;font-size:1rem;position:fixed;top:10%;right:1%;max-width:20%;height:4%;text-align:center}#commands-clicked{position:fixed;top:50%;right:1%;max-height:60%}.reset-me{display:flex;justify-content:center;align-items:center;font-size:1rem;position:fixed;bottom:1%;right:1%;max-width:20%;height:4%;text-align:center}#ai-input{width:800px}.template-name{margin:20px;padding:20px;background:#f5f7fa;border-radius:10px;box-shadow:0 5px 15px #0000001a;width:500px}.template-name>input{font-size:1rem;width:100%;border:2px dashed rgba(247,6,6,.829)}.template-name>input:not(:placeholder-shown){border:2px dashed rgba(255,255,255,0)}.git-section{margin:20px;padding:30px;background:linear-gradient(135deg,#f5f7fa,#950ae648);border-radius:20px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.add-section,.add-command{margin:20px;padding:20px;background:#f5f7fa;border-radius:10px;box-shadow:0 5px 15px #0000001a}.add-section input,.add-command input,.add-command select{padding:10px;margin-right:10px;font-size:1rem;border:2px solid #ddd;border-radius:5px}.add-section button,.add-command button{padding:10px 15px;font-size:1rem;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.add-section button:hover,.add-command button:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}.git-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(255,255,255,.4),transparent);opacity:.6;pointer-events:none;z-index:0}.git-section:hover{transform:scale(1.03);box-shadow:0 10px 25px #00000026}.git-section h2{font-size:1.8rem;margin-bottom:15px;color:#34495e;border-bottom:3px solid rgba(52,73,94,.2);padding-bottom:5px;z-index:1}#git-cheat-sheet{width:77%}input,select{color:#000}option{background-color:#333}.clicked{display:inline-block;padding:10px 15px;font-weight:700;cursor:pointer;font-family:monospace;font-size:1.3rem;border-radius:8px;box-shadow:2px 4px 8px #0000001a;transition:background .3s ease;z-index:1;position:relative;background-color:green;color:#fff}.edit-section{width:100%;margin:0;padding:30px;background:linear-gradient(135deg,#f5f7fa,#950ae648);border-radius:20px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.edit-section input,.edit-section textarea{display:block;width:calc(100% - 20px);margin-bottom:15px;padding:10px;font-size:1rem;border:2px solid #ddd;border-radius:5px}.edit-section button{margin-top:10px;padding:10px 15px;font-size:1rem;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.edit-section button:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}.command-name-input,.command-description-input{margin-bottom:10px;padding:10px;border-radius:5px;border:1px solid #ddd;width:100%}.command-name-input{font-weight:700}.command-description-input{resize:vertical;height:80px;color:#000}.command{margin-top:15px}.command-name{display:inline-block;background:linear-gradient(90deg,#fbc2eb,#a6c1ee);color:#333;padding:10px 15px;font-weight:700;cursor:pointer;font-family:monospace;font-size:1.3rem;border-radius:8px;box-shadow:2px 4px 8px #0000001a;transition:background .3s ease;z-index:1;position:relative}.command-name:hover{background:linear-gradient(90deg,#f76b8a,#54b3d6)}.command p{margin-top:8px;margin-left:15px;color:#555;font-size:1.2rem;z-index:1;position:relative}.submit-button{display:block;margin:30px auto;padding:15px 25px;font-size:1.5rem;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}.template-type-selector *{color:#000}@media (min-width: 600px){.git-section{max-width:80%;margin:20px auto}}@media (min-width: 1000px){.git-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:90%;margin:20px auto}}.login-container{width:300px;margin:20px auto;padding:20px;background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 15px #00000080}.login-container h2{color:#032de7;text-align:center;margin-bottom:20px;font-family:Orbitron,sans-serif}.login-container input[type=text],.login-container input[type=password]{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;background-color:#333;color:#fff;font-size:1rem}.login-container button{width:100%;padding:10px;border:none;border-radius:5px;background-color:#1120ec;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#0f7bd4}body{background-color:#121212;font-family:Roboto,sans-serif;color:#fff}h1,h2{text-align:center;font-family:Orbitron,sans-serif}button{margin:20px auto;padding:15px 30px;background-color:#77b2c4;color:#000;font-size:1.2rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}#nav-container button:hover{background-color:#0370d6;scale:1.05}