@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&family=Reddit+Mono:wght@200..900&display=swap";.left-container{background-color:#222831;display:flex;align-items:center;justify-content:center}.left-container .left-items-container{color:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem}.left-container .left-items-container .left-logo{height:150px}.left-container .left-items-container h2{color:#bbb}.left-container .left-items-container button{font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;height:50px;width:90%;font-size:1.2rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.left-container .left-items-container button:hover{box-shadow:2px 2px 10px #666;transform:scale(1.01)}@media only screen and (max-width: 850px){.left-items-container{transform:scale(.8)}.left-logo{height:100px!important}h1{font-size:1.8rem!important}h2{font-size:1.2rem!important}}@media only screen and (max-width: 700px){.left-container{height:100vh}.left-items-container{transform:scale(1)}.left-logo{height:150px!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}.right-container{background-color:#eee;padding:20px;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.right-container .header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid black}.right-container .header .title{font-size:2.4rem}.right-container .header .add-folder{font-size:1rem;font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;color:#eee;background-color:#222831;padding:.5rem 1.5rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.right-container .header .add-folder:hover{box-shadow:2px 2px 6px #444;transform:scale(1.01)}.right-container .folder-container{font-size:1.6rem;font-weight:500}.right-container .folder-container .folder-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid black}.right-container .folder-container .folder-header .folder-header-items{display:flex;align-items:center;justify-content:center;gap:.8rem}.right-container .folder-container .folder-header .add-new-button{font-size:1rem;font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;color:#eee;background-color:#222831;padding:.5rem 1.5rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.right-container .folder-container .folder-header .add-new-button:hover{box-shadow:2px 2px 6px #444;transform:scale(1.01)}.right-container .folder-container .cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;padding:1rem}.right-container .folder-container .cards-container img{width:50px}.right-container .folder-container .cards-container .card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:1rem;box-shadow:2px 2px 8px gray;font-size:1.2rem;width:45%;cursor:pointer;transition-duration:.4s}.right-container .folder-container .cards-container .card-items{display:flex;align-items:center;justify-content:space-between;gap:1rem}.right-container .folder-container .cards-container .card-items .title-container{display:flex;flex-direction:column}.right-container .folder-container .cards-container .card-items .title-container .title-name{font-weight:600}.right-container .folder-container .cards-container .card-items .title-container .title-language{font-size:1rem}.right-container .folder-container .cards-container .card:hover{box-shadow:2px 2px 20px gray;transform:scale(1.01)}@media only screen and (max-width: 1600px){.cards-container{justify-content:space-evenly!important}.cards-container .card{width:42.5%!important}}@media only screen and (max-width: 1200px){.cards-container .card{width:80%!important}}@media only screen and (max-width: 850px){.right-container .header,.right-container .folder-header{transform:scale(.8)}.right-container .cards-container{gap:.2rem!important}.right-container img{height:30px!important;width:30px!important}.right-container .card{transform:scale(.8)!important}.right-container .card:hover{transform:scale(.82)!important}}@media only screen and (max-width: 700px){.right-container{height:100vh}}.home-container{display:grid;grid-template-columns:2fr 3fr;height:100vh;background-color:#eee;font-family:Kode Mono,monospace}.my-mui-icon{cursor:pointer}@media only screen and (max-width: 700px){.home-container{display:grid;grid-template-columns:1fr!important}}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#eee3;display:flex;justify-content:center;align-items:center}.modal-container .modal-wrapper{margin:2rem;width:30rem}.modal-container .modal-body{background-color:#fff;padding:2rem 2.6rem;border-radius:1rem;box-shadow:4px 4px 10px #a5a5a5;display:flex;flex-direction:column;gap:1rem;position:relative}.modal-container .modal-body .modal-item{display:flex;justify-content:space-between}.modal-container .modal-body .modal-item input,.modal-container .modal-body .modal-item select{font-family:Kode Mono,monospace;border:none;outline:none;background-color:#f1f1f1;border-radius:.4rem;padding:.4rem .8rem}.modal-container .modal-body .modal-item input :focus,.modal-container .modal-body .modal-item select :focus{border:none;outline:none}.modal-container .modal-body .modal-item button{font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;padding:.6rem 1.4rem;font-size:1rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.modal-container .modal-body .modal-item button:hover{box-shadow:1px 1px 6px #d4d4d4}.modal-container .modal-body .close-icon{position:absolute;top:6%;right:3%;padding:.4rem;cursor:pointer}@media only screen and (max-width: 500px){.modal-wrapper{transform:scale(.9)}}.modal-container .modal-wrapper .modal-body h3{font-size:2rem}.modal-container .modal-wrapper .modal-body button{font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;padding:.6rem 1.4rem;font-size:1rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.modal-container .modal-wrapper .modal-body button:hover{box-shadow:1px 1px 6px #d4d4d4}@media only screen and (max-width: 520px){.modal-wrapper{transform:scale(.9)}.modal-wrapper .modal-body h3{font-size:1.6rem!important}}.content-container{display:flex;flex-direction:column;height:100vh;background-color:#1e1e2e;color:#fff;font-family:Fira Code,monospace}.header-container{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#2a2a40;border-bottom:1px solid #3b3b5b}.header-container h1{font-size:1.5rem;color:#e0e0e0}.header-container .code-header-logo{width:40px;height:40px}.code-container{flex:1;overflow:hidden;position:relative}.code-container .fullpage-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center}.code-container .fullpage-loader .loader{border:5px solid #f3f3f3;border-top:5px solid #4c9aff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-ai-wrapper{display:flex;height:100%;padding:1rem;gap:1rem;box-sizing:border-box}.editor-container{flex:2;min-width:0;background-color:#1e1e1e;border-radius:8px;overflow:hidden}.right-panel{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:800px;max-width:800px}.io-section{display:flex;gap:1rem}.io-section .input-box,.io-section .output-box{flex:1;display:flex;flex-direction:column;background-color:#2b2b2b;border-radius:8px;padding:1rem;height:100%}.io-section .input-box textarea,.io-section .output-box textarea{margin-top:.5rem;background-color:#1e1e2e;border:none;border-radius:6px;color:#fff;resize:vertical;padding:.5rem;font-family:monospace;min-height:120px}.io-section .input-box h4,.io-section .output-box h4{margin:0;font-size:1rem}.io-section .input-box .input-header,.io-section .input-box .output-header,.io-section .output-box .input-header,.io-section .output-box .output-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.io-section .input-box .input-header label,.io-section .input-box .input-header button,.io-section .input-box .output-header label,.io-section .input-box .output-header button,.io-section .output-box .input-header label,.io-section .output-box .input-header button,.io-section .output-box .output-header label,.io-section .output-box .output-header button{background:none;border:none;color:#90caf9;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.875rem}.io-section .input-box .input-header label:hover,.io-section .input-box .input-header button:hover,.io-section .input-box .output-header label:hover,.io-section .input-box .output-header button:hover,.io-section .output-box .input-header label:hover,.io-section .output-box .input-header button:hover,.io-section .output-box .output-header label:hover,.io-section .output-box .output-header button:hover{color:#64b5f6}.ai-response{background-color:#2b2b2b;padding:1rem;border-radius:8px;flex:1;overflow-y:auto}.ai-response h4{margin-bottom:.5rem;font-size:1rem}button{font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;padding:.6rem 1.4rem;font-size:1rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}button:hover{box-shadow:1px 1px 6px #d4d4d4}.ai-assistant .ai-controls{display:flex;gap:1rem;margin-bottom:1rem}.ai-assistant .ai-controls select{padding:.5rem 1rem;font-size:1rem}.ai-assistant .chat-history{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;color:#1e1e1e}.ai-assistant .chat-history .chat-bubble{background:#f3f3f3;padding:1rem;border-radius:12px;box-shadow:0 2px 5px #0000001a}.ai-assistant .chat-history .chat-bubble .user-msg{font-weight:700;margin-bottom:.5rem}.ai-assistant .chat-history .chat-bubble .ai-msg{white-space:pre-wrap}.root-editor-container{background-color:#222831;height:100%;display:flex;flex-direction:column}.root-editor-container button{font-family:Kode Mono,monospace;font-weight:700;cursor:pointer;padding:.6rem 1.4rem;font-size:1rem;border-radius:50px;border:none;transition-duration:.25s;display:flex;align-items:center;justify-content:center;gap:6px}.root-editor-container button:hover{box-shadow:1px 1px 6px #d4d4d4}.root-editor-container .editor-header{display:flex;align-items:center;justify-content:space-between;background-color:#222831;color:#eee;padding:.4rem 2rem}.root-editor-container .editor-header .editor-header-title-container{display:flex;align-items:center;justify-content:center;gap:.8rem}.root-editor-container .editor-header input,.root-editor-container .editor-header .editor-select{font-family:Kode Mono,monospace;border:none;outline:none;background-color:#f1f1f1;border-radius:.4rem;padding:.4rem .8rem}.root-editor-container .editor-header input :focus,.root-editor-container .editor-header .editor-select :focus{border:none;outline:none}.root-editor-container .editor-header .left-editor-header,.root-editor-container .editor-header .right-editor-header{display:flex;align-items:center;justify-content:center;gap:1rem}.root-editor-container .editor-header .editor-container-title{font-size:2rem}.root-editor-container .editor-body{flex:1}.root-editor-container .editor-footer{background-color:#222831;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:.4rem 2rem}.root-editor-container .editor-footer label{display:flex;align-items:center;justify-content:center;gap:6px}.root-editor-container .editor-footer .run-code{grid-column:4/5}.login-signup-wrapper{width:100vw;height:100vh;background:linear-gradient(135deg,#82d6ff,#e584fc);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.login-signup-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 3rem;width:350px;box-shadow:0 10px 25px #0003;transition:all .5s ease-in-out;animation:slideFade .6s ease forwards}@keyframes slideFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animated-form{display:flex;flex-direction:column;gap:1rem}.form-title{font-size:2rem;text-align:center;color:#fff;animation:bounceIn 1s ease}@keyframes bounceIn{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}input{padding:.7rem;border:none;border-radius:8px;font-size:1rem}.submit-btn{background:linear-gradient(45deg,#82d6ff,#e584fc);color:#fff;font-weight:700;padding:.8rem;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease}.submit-btn:hover{transform:scale(1.05)}.switch-text{text-align:center;color:#f0f0f0}.switch-link{color:#fff;font-weight:700;cursor:pointer;margin-left:.3rem;text-decoration:underline}.login-signup-container.login-mode{animation:slideInLeft .6s ease}.login-signup-container.signup-mode{animation:slideInRight .6s ease}@keyframes slideInLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}*{margin:0;border:0}