body{margin:0;padding:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1d2b}.homePageWrapper{display:flex;height:100vh;align-items:center;justify-content:center;color:#fff}.formWrapper{background-color:#282a36;padding:20px;border-radius:10px;width:400px;max-width:90%}footer{position:fixed;bottom:0}footer a{color:#00d9e9}.inputGroup{display:flex;flex-direction:column}.mainLabel{margin:0 0 20px}.homePageLogo{position:relative;right:80px;height:80px;width:100%;margin-bottom:30px}.inputBox{padding:10px;border-radius:10px;outline:none;border:none;margin-bottom:14px;background-color:#fff;font-size:16px;font-weight:700;color:#282a36;text-align:center}.btn{border:none;padding:10px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out}.btn-secondary{background-color:#fff;color:#282a36;width:100%;margin-bottom:20px}.btn-secondary:hover{background-color:#00d9e9}.btn-primary{background-color:#00d9e9;color:#282a36;width:100%}.btn-primary:hover{background-color:#00b8c7}.createInfo{margin:20px auto 0}.createNewBtn{color:#00d9e9;text-decoration:none;border-bottom:1px solid #00D9E9}.createNewBtn:hover{color:#00b8c7;border-color:#00b8c7}.mainWrap{display:grid;grid-template-columns:250px 1fr;height:100vh}.mainContent{display:grid;grid-template-columns:1fr 290px}.editorWrap{height:100vh}.aside{background-color:#1c1e29;padding:16px;color:#fff;display:flex;flex-direction:column;height:100vh;box-sizing:border-box;width:100%}.aside h3{margin-top:20px;margin-bottom:10px;flex-shrink:0}.logo{border-bottom:1px solid #424242;padding-bottom:10px;width:100%}.logoImage{height:60px;position:relative;width:100%;right:18px}.sidebar-footer{margin-top:auto;padding-top:16px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.leaveBtn{width:100%;margin-top:0;background-color:#00d9e9}.leaveBtn:hover{background-color:#00b8c7}.regBtn{background-color:#00d9e9}.regBtn:hover,.runBtn:hover{background-color:#00b8c7}.whiteBtn:hover{background-color:#00d9e9}.clientsList{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:7px}.client{display:flex;align-items:center;font-weight:700;background-color:#282a36;padding:8px 10px;border-radius:10px}.userName{margin-left:10px;flex-grow:1}.participant-label{font-size:80%;color:#fff;margin-left:8px;font-weight:400}.kickBtn{background:transparent;border:none;color:#f55;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s ease-in-out}.kickBtn:hover{opacity:1}.sidebar-section{position:relative;margin-top:20px}.input-group-container{display:flex;align-items:center;background-color:#fff;border-radius:500px;padding:5px 5px 5px 10px}.invite-input{flex-grow:1;border:none;outline:none;background:transparent;font-size:14px;font-weight:700;color:#282a36}.invite-submit-btn{display:flex;align-items:center;justify-content:center;background-color:#00d9e9;border:none;border-radius:50%;width:35px;height:35px;color:#282a36;font-size:20px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background-color .2s ease-in-out}.invite-submit-btn:hover{background-color:#00b8c7}.executionPanel{display:flex;flex-direction:column;padding:1rem;background-color:#1c1e29;color:#fff;gap:1rem;height:100vh;box-sizing:border-box}.io-container{display:flex;flex-direction:column;flex:1;min-height:0}.io-container h3{margin-top:0;margin-bottom:.5rem}.io-box{width:100%;flex:1;background-color:#282a36;color:#fff;border:1px solid #444;border-radius:5px;padding:8px;font-family:Courier New,Courier,monospace;font-size:16px;box-sizing:border-box;resize:none}.output-box{overflow-y:auto;white-space:pre-wrap;word-break:break-all}.runBtn{background-color:#00d9e9;color:#282a36;width:100%}.runBtn:disabled{background-color:#666;cursor:not-allowed}.drawer-content{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:90vw;background:#1a1d2b;color:#f8f8f2;display:flex;flex-direction:column;box-shadow:-5px 0 15px #00000080;z-index:1000;transform:translate(100%);transition:transform .3s ease-in-out}.drawer-content.open{transform:translate(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #44475a;padding:15px 20px;flex-shrink:0}.modal-header h2{margin:0;font-size:1.2rem}.close-button{background:none;border:none;color:#f8f8f2;font-size:2rem;cursor:pointer}.chat-window{flex-grow:1;overflow-y:auto;padding:20px}.empty-chat-message{height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.message{margin-bottom:15px;padding:10px 15px;border-radius:15px;max-width:90%;line-height:1.5;display:flex;flex-direction:column;overflow-wrap:break-word}.message.user{background-color:#282a36;align-self:flex-end;margin-left:auto}.message.bot{background-color:#1a1d2b;align-self:flex-start;margin-right:auto}.message.bot pre{background-color:#282a36;padding:10px;border-radius:5px;overflow-x:auto;margin-top:10px}.message.bot code{font-family:Courier New,Courier,monospace}.chat-input-form{display:flex;padding:15px 20px;border-top:1px solid #44475a;background:#1a1d2b;flex-shrink:0;width:100%}.chat-input-form input{flex-grow:1;padding:0 50px 0 10px;border:1px solid #6272a4;border-radius:20px;background:#fff;color:#000;font-size:1rem;height:100%;outline:none}.chat-input-form button{position:relative;right:50px;top:3%;padding:10px 20px;border:none;background:#00d9e9;color:#282a36;font-weight:700;height:100%;border-radius:20px;cursor:pointer}.chat-input-form button:hover{background-color:#00b8c7}.chat-input-form button:disabled{background:#666;cursor:not-allowed}.message.bot.typing span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#6272a4;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.message.bot.typing span:nth-child(1){animation-delay:-.32s}.message.bot.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}