@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{--background: #f0f0f0;--font: #111;--code-color: #222;--codeblock: #ffffff;--output-block: #fff;--runbtn: #222;--filebar: #222;--highlight: #2bf691;--file-color: #3c3c3c;--file-text-active-color: #000;--file-text-color: #d9d9d9;--header-bg: #222}.dark-mode{--background: #3c3c3c;--font: #fff;--code-color: #ccc;--codeblock: #222;--output-block: #fff;--runbtn: #3c3c3c;--filebar: #141414;--highlight: #2bf691;--file-text-active-color: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6;color:var(--font);background-color:var(--background)}nav{background-color:var(--header-bg);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav ul{display:flex;align-items:center;list-style:none;gap:1rem}nav ul .active{color:var(--highlight);text-decoration-line:underline}nav a{color:#fff;text-decoration:none;transition:all .15s ease-in-out}nav ul a:hover{color:var(--highlight)}#change-mode,#change-mode-project{cursor:pointer;font-size:22px;transition:all .15s ease-in-out}#change-mode:hover,#change-mode-project:hover{color:var(--highlight)}#projectNameDisplay{display:flex;align-items:center;gap:.5rem;color:var(--highlight)}#projectNameDisplay i{font-size:1.5rem}#userGreeting{color:#fff;font-weight:500;padding:0 .5rem}#userName{font-weight:600}main .container{display:flex;gap:1rem;padding:1rem;width:100%;height:624px}.code-section{width:100%;height:100%;background-color:var(--codeblock);border-radius:.5rem;overflow-x:auto}.output-section,.output-section iframe{width:100%;height:100%}.output-section iframe{overflow-x:auto;border:none;background-color:var(--output-block)}.filebar{background-color:var(--filebar);overflow-y:auto;display:flex;align-items:center;gap:.5rem;font-size:14px;padding:12px 12px 0;color:var(--file-text-color)}.filebar .file{padding:.4rem .8rem;border-radius:.5rem .5rem 0 0;cursor:pointer;background-color:var(--file-color);display:flex;align-items:center;gap:.8rem}.filebar .file.active{font-weight:600;color:var(--file-text-active-color);background-color:var(--codeblock)}.filebar .file:hover:not(.active) span{color:var(--highlight)}.code-section{position:relative}.code-section textarea{width:100%;height:90%;padding:1rem;font-family:Source Code Pro,monospace;font-size:1rem;text-wrap:wrap;color:var(--code-color);background-color:var(--codeblock);border:none;resize:none;outline:none}#run-button{display:inline-block;width:180px;height:70px;font-size:14px;font-weight:700;margin-left:15px;text-transform:uppercase;color:#fff;background-color:var(--runbtn);border:none;border-radius:.4rem;cursor:pointer}#run-button:hover{opacity:.9}footer{background-color:var(--header-bg);color:#fff;position:fixed;bottom:0;left:0;right:0;padding:.3rem 2rem;display:flex;align-items:center;justify-content:space-between}footer .socials{display:flex;gap:1rem}footer a{color:#fff;font-size:24px;text-decoration:none;transition:all .15s ease-in-out}.button-container{display:flex;align-items:center;gap:0px;position:absolute;flex-wrap:wrap}.checkbox-wrapper-14{margin:0;position:relative;left:16px;top:5px}#chat-wrapper{position:fixed;right:20px;bottom:70px;width:clamp(280px,32vw,420px);height:clamp(300px,62vh,560px);max-width:92vw;z-index:1000;transition:opacity .3s ease,transform .3s ease;display:none;flex-direction:column;overflow:hidden;resize:none;min-width:320px;min-height:420px;max-width:90vw;max-height:calc(100vh - 90px);border-radius:12px;background:#fff;border:4px solid rgba(0,0,0,.822);box-sizing:border-box}@media(max-width:768px){#chat-wrapper{width:clamp(260px,46vw,360px);height:clamp(280px,56vh,460px);right:14px}}@media(max-width:480px){#chat-wrapper{width:94vw;right:3vw;height:clamp(250px,52vh,380px);max-height:calc(100vh - 100px)}}#chat-wrapper.hidden{opacity:0;transform:scale(.8);pointer-events:none}#chat-drag-handle{height:42px;flex-shrink:0;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(135deg,#0057ff,#0046cc);color:#fff;font-weight:600;font-size:14px;letter-spacing:.2px;position:relative;z-index:1006}#chat-close-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1007}#chat-close-btn i{font-size:18px;line-height:1}#chat-close-btn:hover{background:#fff3}#chat-close-btn:active{transform:scale(.96)}#chat-wrapper .chat-resize-handle{position:absolute;z-index:1004;opacity:1;background:transparent;pointer-events:auto}.chat-resize-handle--top{top:0;left:0;right:44px;height:12px;cursor:n-resize}.chat-resize-handle--right{top:42px;right:0;bottom:0;width:12px;cursor:e-resize}.chat-resize-handle--bottom{left:0;right:0;bottom:0;height:12px;cursor:s-resize}.chat-resize-handle--left{top:0;left:0;bottom:0;width:12px;cursor:w-resize}.chat-resize-handle--corner{width:14px;height:14px;background:transparent}.chat-resize-handle--top-left{top:0;left:0;cursor:nw-resize}.chat-resize-handle--top-right{top:0;right:0;cursor:ne-resize}.chat-resize-handle--bottom-left{bottom:0;left:0;cursor:sw-resize}.chat-resize-handle--bottom-right{bottom:0;right:0;cursor:se-resize}#chatpage{width:100%;height:100%;flex:1;background-color:#fff;border:none;border-radius:0;box-shadow:none;display:block}.chat-icon-button{position:fixed;right:20px;bottom:70px;width:60px;height:60px;border:none;background:linear-gradient(135deg,#0057ff,#0046cc);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0057ff66;z-index:999}.chat-icon-button:hover{background:linear-gradient(135deg,#0046cc,#039);transform:translateY(-3px);box-shadow:0 6px 25px #0057ff80}.chat-icon-button:active{transform:translateY(-1px) scale(.95)}.chat-icon-button i{color:#fff;font-size:28px}.chat-icon-button.hidden{opacity:0;transform:scale(0);pointer-events:none}