body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#1e1e1e;color:#d4d4d4;height:100vh;overflow:hidden}.join-container{align-items:center;background-color:#252526;display:flex;height:100vh;justify-content:center}.join-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;padding:2rem;width:100%}.join-card h1{color:#fff;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;color:#d4d4d4;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#007acc;outline:none}button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}button:hover{background-color:#005a9e}button:disabled{background-color:#3e3e42;cursor:not-allowed}.app-container{display:flex;height:100vh}.editor-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-header{align-items:center;background-color:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;padding:.75rem 1rem}.room-info h2{font-size:1.2rem;font-weight:500}.users-count{color:#969696;font-size:.9rem}.editor-controls{display:flex;gap:1rem}.editor-controls select{background-color:#3e3e42;border:1px solid #555;border-radius:4px;color:#d4d4d4;cursor:pointer;padding:.5rem}.editor-controls button{padding:.5rem 1rem;width:auto}.editor-wrapper{flex:1 1;overflow:hidden}.execution-result{border-radius:4px;margin:1rem;max-height:200px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.execution-result.success{background-color:#1e4620;border:1px solid #2e7d32}.execution-result.error{background-color:#4a1e1e;border:1px solid #d32f2f}.chat-container{background-color:#252526;border-left:1px solid #3e3e42;display:flex;flex-direction:column;width:350px}.chat-header{border-bottom:1px solid #3e3e42;padding:1rem}.chat-header h3{font-weight:500;margin-bottom:.75rem}.users-list{display:flex;flex-direction:column;gap:.5rem}.user-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.user-status{background-color:#4caf50;border-radius:50%;height:8px;width:8px}.user-status.typing{animation:pulse 1.5s infinite;background-color:#ff9800}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.messages-container{flex:1 1;gap:1rem;overflow-y:auto;padding:1rem}.message,.messages-container{display:flex;flex-direction:column}.message{max-width:80%}.own-message{align-self:flex-end}.message-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.message-username{font-size:.9rem;font-weight:500}.message-time{color:#969696;font-size:.75rem}.message-content{word-wrap:break-word;background-color:#2d2d30;border-radius:4px;padding:.75rem}.own-message .message-content{background-color:#007acc}.typing-indicator{color:#969696;font-size:.9rem;font-style:italic;padding:.5rem}.message-input-container{border-top:1px solid #3e3e42;display:flex;gap:.5rem;padding:1rem}.message-input-container textarea{background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;color:#d4d4d4;flex:1 1;font-family:inherit;padding:.75rem;resize:none}.message-input-container textarea:focus{border-color:#007acc;outline:none}.message-input-container button{padding:.75rem 1rem;width:auto}.input-section{background-color:#f5f5f5;border-top:1px solid #ddd;padding:15px}.input-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.input-section textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;padding:10px;resize:vertical;width:100%}.input-section textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}
/*# sourceMappingURL=main.0970191c.css.map*/