body{margin:0;padding:0;font-family:monospace}.chat{box-sizing:border-box;flex-direction:column;width:100%;height:100vh;margin:5px;display:flex}.chat *{box-sizing:border-box;margin:0;padding:0}.chat input,.chat textarea,.chat label{box-sizing:border-box;width:100%}.settings,.settings *{box-sizing:border-box;flex-direction:column;height:100vh;margin:0;display:flex}.message{color:#eee;background-color:#403f3f;border-radius:5px;margin:5px 0;padding:10px}.message:nth-child(odd){margin-left:10px;padding-left:20px}.message:nth-child(2n){background-color:#5e0546;margin-right:10px;padding-right:20px}.conversation{height:100%;display:block;position:relative;overflow:hidden}.top-area{box-sizing:border-box;width:100%;height:calc(100% - 200px);position:absolute;top:0;overflow-y:scroll}.bottom-area{box-sizing:border-box;z-index:1000;background-color:#1e1e1ee6;border-top:1px solid #444;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:200px;padding:10px;display:flex;position:absolute;bottom:0}.message-input{resize:none;box-sizing:border-box;color:#eee;background-color:#1e1e1e;border:1px solid #555;border-radius:5px;width:100%;height:100px;margin-bottom:10px;padding:10px}.send-button{color:#fff;cursor:pointer;background-color:#4caf50;border:1px solid #555;border-radius:5px;width:100%;height:50px;margin-bottom:10px}.controls-row{gap:10px;width:100%;height:40px;display:flex;overflow:hidden}.model-selector{color:#eee;cursor:pointer;background-color:#2a2a2a;border:1px solid #555;border-radius:5px;flex-grow:1;flex-shrink:1;min-width:0;max-width:100%;height:100%}.settings-button{color:#eee;cursor:pointer;background-color:#3a3a3a;border:1px solid #555;border-radius:5px;flex-shrink:0;width:50px;height:100%}body,html,.container,.panel,.tab-bar,.editor-container,.iframe-toolbar,.tab-button,.project-dialog,.project-item,.project-delete,.dialog-close,.resize-bar-col,.resize-bar-row,.dialog{box-sizing:border-box}.container{color:#ccc;background:#1e1e1e;height:100vh;margin:0;display:flex;overflow:hidden}.panel{flex-direction:column;display:flex}.chat-panel{border-right:1px solid #333;width:20%;min-width:100px}.editor-panel{border-right:1px solid #333;width:40%;min-width:100px}.tab-bar{background:#2d2d2d;flex-shrink:0;display:flex}.tab-button{color:#ccc;cursor:pointer;background:#444;border:none;border-top-left-radius:10px;border-top-right-radius:10px;flex:1;margin:1px;padding:10px}.tab-button.active{color:#fff;background:#00f}.tab-button:hover:not(.active){background:#333}.editor-container{flex:1}.iframe-toolbar{align-items:center;gap:8px;height:33px;padding:3px;font-size:14px;display:flex}.iframe-toolbar input{color:#fff;background:#444;border:1px solid #666;flex:1;padding:4px}.iframe-toolbar button{color:#fff;cursor:pointer;background:#555;border:none;padding:6px 10px}.resize-bar-col{cursor:col-resize;user-select:none;z-index:10000;background:#444;width:5px}.resize-bar-row{cursor:row-resize;user-select:none;z-index:10000;background:#444;height:5px}.dialog{color:#fff;z-index:100000;box-sizing:border-box;background:#333;border:1px solid #666;border-radius:5px;width:90%;height:90%;padding:10px;font-size:14px;font-weight:700;position:fixed;inset:5%;box-shadow:0 0 10px #00000080}.dialog>*{box-sizing:border-box;width:100%}::backdrop{opacity:.75;background:linear-gradient(165deg,#470336 0%,#000 25% 70%,#00d4ffd4)}.dialog-content{flex-direction:column;width:100%;height:100%;display:flex}.dialog-content textarea{box-sizing:border-box;resize:none;flex-grow:1;width:100%}.dialog-content input{box-sizing:border-box;flex-grow:0;width:100%;margin-top:5px}.dialog-content label{color:#009dff;margin-top:5px;font-size:18px;font-weight:700}.project-item{cursor:pointer;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:5px;display:flex}.project-delete{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 5px}pre{background:#2e2e2e;border-radius:.5rem;margin-top:.1rem;padding:1rem}.code-buttons{justify-content:right;gap:.3rem;display:flex;position:relative;top:0;right:.5rem}code{color:#eee;box-sizing:border-box;white-space:pre;background:#000;border-radius:.3rem;margin:5px;padding:5px;font-family:monospace;display:block;overflow-x:scroll}.rendered-markdown h1,.rendered-markdown h2,.rendered-markdown h3{color:#fff;margin-top:1.5rem}.rendered-markdown ul,.rendered-markdown ol{margin-left:1.5rem;padding-left:1rem}.rendered-markdown li{margin-bottom:.4rem}.rendered-markdown blockquote{color:#aaa;border-left:4px solid #888;margin:1rem 0;padding-left:1rem;font-style:italic}.rendered-markdown code{background:#2a2a2a;border-radius:.3rem;padding:.2rem .4rem}.rendered-markdown pre{margin-top:1rem}.rendered-markdown table{border-collapse:collapse;width:100%;margin-top:1rem}.rendered-markdown th,.rendered-markdown td{text-align:left;border:1px solid #555;padding:.5rem}.rendered-markdown th{background:#333}.rendered-markdown tr:nth-child(2n){background:#2a2a2a}