body,html{margin:0;padding:0;height:100%;background-color:#1e1e1e;display:flex;scroll-behavior:smooth;flex-direction:column}typing{white-space:pre;overflow:hidden;border-right:.5em solid;width:0}body{font-family:monospace;background:#111;color:#0f0;line-height:2}#top-bar{background-color:#222;padding:10px;text-align:center;font-size:1.5em;color:#76ff03}#container{display:flex;flex:1;overflow:hidden}#bot-typing{display:none}.pane{padding:10px;overflow-y:auto}#left-pane{background-color:#0e0e0e;width:20%;min-width:100px;border-right:1px solid #444}#middle-pane{background-color:#1e1e1e;border-right:1px solid #444;display:flex;flex-direction:column}#file-preview{background-color:#2e2e2e;width:80%;height:80%;margin:1rem}.text-red{color:red}.button{background-color:#333;color:#76ff03;border:none;padding:10px;border-radius:5px;cursor:pointer;width:100%;text-align:left}.button:hover{background-color:#444}.sign-out-button{margin-bottom:3rem}#chat-input{display:flex}#chat-input input{flex:1;padding:10px}#chat-input button{background-color:#333;color:#76ff03;border:none;padding:10px;cursor:pointer}#chat-input button:hover{background-color:#444}.hidden{display:none!important}.tab-selection{background-color:#2e2e2e;margin:-10px;padding-right:20px;width:100%;padding-top:10px;z-index:0;padding-bottom:10px}.tab{padding:10px 30px;cursor:pointer;position:relative}.tab:hover,.active{background-color:#1e1e1e}#generate-preview{font-size:16px!important;background-color:#555;color:#76ff03;border-radius:5px;cursor:pointer;text-align:left;float:right;padding:10px}#generate-preview:hover{background-color:#444}#application-preview{width:50%}#app-preview-frame{margin-top:1rem;width:100%;height:100vh}.w-full{width:100%}.message{padding:1em;margin:1em;width:auto;display:inline-block}div:has(>.user){display:flex;justify-content:right}.message-header{font-weight:700;font-size:1em}.user{background-color:#3e3e3e;border-radius:1em .5em 0 1em}.assistant{text-align:left;background-color:#0e0e0e;border-radius:0 1em 1em .5em}.message img{width:40vw;display:block}.modal-bg{position:absolute;width:100vw;height:100vh;z-index:0;top:0;left:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#1e1e1e;border-radius:20px;padding:20px 50px;text-align:center}.modal-content form{display:flex;flex-direction:column}.modal-content form input{font-size:1em;margin:5px;flex:1;padding:10px}.modal-content a{position:relative;left:50%;cursor:pointer}.modal-content a:hover{text-decoration:underline}#auth-form{align-items:center}.terminal-input-wrapper input{background:#1e1e1e;color:#0f0;font-family:monospace;border:none;border-top:3px solid #2e2e2e;outline:none;caret-color:#0f0;font-size:1em;padding:.2em;width:100%}.terminal-input-wrapper{display:flex;align-items:center}.terminal-input-wrapper:before{content:"> ";color:#0f0;font-family:monospace;font-size:1em;white-space:pre}.typing{border-right:var(--cursor-width, .5em) solid}.typing.animate{animation:typingAnim var(--typing-duration) steps(var(--chars)) forwards,blink .7s step-end infinite}.typing.done{animation:blink .7s step-end infinite;width:auto}@keyframes typingAnim{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}