:root{--drq-primary-blue-dark: #00415a;--drq-primary-blue-light: #d2e1eb;--drq-primary-yellow: #e6ff96;--drq-secondary-blue-light: #d2e1eb;--drq-secondary-teal: #287882;--drq-secondary-mint: #bee6b4;--drq-secondary-lavender: #a0aaf0;--drq-secondary-lavender-light: #d2d2ff;--drq-secondary-grey: #afb4be;--drq-text-dark: var(--drq-primary-blue-dark);--drq-text-light: var(--drq-primary-blue-light);--global-font-size: 16px;font-size:var(--global-font-size);font-family:Barlow,sans-serif}*{box-sizing:border-box;padding:0;margin:0}html{background-color:var(--drq-primary-blue-dark)}#loader{position:fixed;z-index:9999;width:100%;height:100%;top:0;left:0;background-color:var(--drq-primary-blue-dark)}body{display:flex;flex-flow:column;gap:1.5em;color:var(--drq-text-light);padding:1em;height:100dvh}.row,.column{all:unset}.main-container{display:flex;flex:1;gap:1.25em;padding:0;width:100%;min-height:80%}.main-container__three:after,.main-container__code:after{z-index:1;position:absolute;content:"";width:100%;height:100%;left:0;right:0;top:0;bottom:0;background-color:var(--drq-primary-blue-light);opacity:0;pointer-events:none;transition:opacity .3s ease-out}.main-container__three.minimized,.main-container__code.minimized{flex:0 1 95px!important}.main-container__three.minimized:after,.main-container__code.minimized:after{opacity:1;pointer-events:all}.main-container__three.minimized .btn-group,.main-container__code.minimized .btn-group{left:1.5em;right:1.5em;bottom:1.5em}.main-container__three.minimized .btn:not([data-minimize]),.main-container__code.minimized .btn:not([data-minimize]){display:none}.main-container__three.minimized>.minimized__label,.main-container__three.minimized>.minimized__label--right,.main-container__three.minimized>.minimized__label--left,.main-container__code.minimized>.minimized__label,.main-container__code.minimized>.minimized__label--right,.main-container__code.minimized>.minimized__label--left{opacity:1}.main-container__three .minimized__label,.main-container__three .minimized__label--right,.main-container__three .minimized__label--left,.main-container__code .minimized__label,.main-container__code .minimized__label--right,.main-container__code .minimized__label--left{z-index:2;position:absolute;opacity:0;bottom:3.5rem;white-space:nowrap;transform-origin:left center;transform:rotate(-90deg);font-size:2.5rem;color:var(--drq-text-dark);pointer-events:none;transition:opacity .3s ease-out}.main-container__three .minimized__label--left,.main-container__code .minimized__label--left{left:2.8rem}.main-container__three .minimized__label--right,.main-container__code .minimized__label--right{left:calc(100% - 3rem)}.main-container__three{position:relative;background-color:var(--drq-primary-blue-light)}.main-container__three #threejs-viewport{width:100%;height:100%;position:relative;overflow:hidden}.main-container__three .btn-group{z-index:2;position:absolute;display:flex;justify-content:space-between;gap:12px;left:1.5em;bottom:1.5em;right:1.5em}.main-container__three .preloader_viewport_wrapper{position:absolute;width:100%;height:100%;z-index:11;display:flex;flex-direction:column;flex:1 1 auto;justify-content:center;align-items:center}.main-container__three .preloader_viewport_wrapper .loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container__chat.section{border-radius:0;max-width:none;height:100%;width:calc(100% - 20px);margin:0 auto auto 0}.main-container__chat.section .input-form{position:relative;display:flex;padding:25px 15px;align-items:center;justify-content:space-between;gap:20px;background-color:var(--drq-primary-blue-light);border-radius:15px}.main-container__chat.section .input-form .preloader-wrapper{z-index:2;position:absolute;left:calc(50% - 18px);top:calc(50% - 18px)}.main-container__chat.section .input-form__upload{cursor:pointer;aspect-ratio:1/1;padding:.75em;border-radius:100%;border:1px solid var(--drq-primary-blue-dark);transition:.3s ease-out}.main-container__chat.section .input-form__upload:hover,.main-container__chat.section .input-form__upload:focus,.main-container__chat.section .input-form__upload:active{background-color:var(--drq-primary-yellow);border-color:var(--drq-primary-yellow);color:var(--drq-text-dark);box-shadow:none}.main-container__chat.section .input-form__upload img{display:block;width:20px}.main-container__chat.section .input-form__upload input{opacity:0;position:absolute;z-index:-1}.main-container__chat.section .input-form textarea{margin:0;flex:1 0 auto;width:auto;resize:none;font:inherit;font-size:var(--global-font-size);color:var(--drq-primary-blue-dark);height:1.5em;outline:none;border:none}.main-container__chat.section .input-form textarea{scrollbar-width:auto;scrollbar-color:var(--drq-primary-blue-dark) transparent}.main-container__chat.section .input-form textarea::-webkit-scrollbar{width:5px;height:5px}.main-container__chat.section .input-form textarea::-webkit-scrollbar-track{border-radius:10px;background:#edf3f7}.main-container__chat.section .input-form textarea::-webkit-scrollbar-thumb{background-color:var(--drq-primary-blue-dark);border-radius:10px}.main-container__chat.section .input-form textarea::placeholder{font:inherit;color:var(--drq-primary-blue-dark)}.main-container__chat.section .input-form button[type=submit]{padding:.75em;border-radius:100%;aspect-ratio:1/1}.main-container__chat.section .input-form button[type=submit] img{width:18px;height:18px}.main-container__code{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;margin-right:-1.25em;background-color:var(--drq-primary-blue-light)}.main-container__code .btn-group{z-index:2;position:absolute;display:flex;gap:12px;left:3em;right:1.5em;bottom:1.5em}.main-container__code .btn-group .btn[class*=scale]{margin-left:auto}.main-container__code .btn-group .btn{background-color:var(--drq-primary-blue-light)}.main-container__code .btn-group .btn:hover,.main-container__code .btn-group .btn:focus,.main-container__code .btn-group .btn:active{background-color:var(--drq-primary-yellow);border-color:var(--drq-primary-yellow);color:var(--drq-text-dark);box-shadow:none}.section{position:relative;flex:1 1 33.33%;display:flex;flex-direction:column;border-radius:15px;padding:0;box-sizing:border-box;overflow:hidden}.container{padding:0 12px;box-sizing:border-box}#code-container{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.CodeMirror{z-index:1;height:100%;font-family:inherit}.CodeMirror *{scrollbar-width:auto;scrollbar-color:var(--drq-primary-blue-dark) transparent}.CodeMirror *::-webkit-scrollbar{width:5px;height:5px}.CodeMirror *::-webkit-scrollbar-track{border-radius:10px;background:#edf3f7}.CodeMirror *::-webkit-scrollbar-thumb{background-color:var(--drq-primary-blue-dark);border-radius:10px}.CodeMirror .CodeMirror-scroll{background-color:var(--drq-primary-blue-light)}.CodeMirror .CodeMirror-lines{padding-top:1em;padding-bottom:5em}.CodeMirror .CodeMirror-gutter{width:2.5em}.CodeMirror .CodeMirror-linenumber,.CodeMirror .CodeMirror-line span{font-size:var(--global-font-size);line-height:1.75;width:10px!important}.CodeMirror .CodeMirror-linenumber{padding-left:14px;text-align:left;color:var(--drq-primary-blue-dark)}.CodeMirror .CodeMirror-gutters{background-color:#c7d8e6}.btn,button,button.btn{border:1px solid var(--drq-primary-blue-light);background-color:transparent;box-shadow:none;border-radius:10em;font-size:var(--global-font-size);font-family:inherit;font-weight:700;padding:.5em .8em;line-height:1;white-space:nowrap;height:auto;text-transform:none}.btn__scale--left,.btn__scale--right,button__scale--left,button__scale--right,button.btn__scale--left,button.btn__scale--right{aspect-ratio:1/1;padding:.75em;border-radius:100%}.btn__scale--left img,.btn__scale--right img,button__scale--left img,button__scale--right img,button.btn__scale--left img,button.btn__scale--right img{width:18px;height:18px}.btn__scale--left,button__scale--left,button.btn__scale--left{transform:rotate(135deg)}.minimized .btn__scale--left,.minimized button__scale--left,.minimized button.btn__scale--left{transform:rotate(-45deg)}.btn__scale--right,button__scale--right,button.btn__scale--right{transform:rotate(45deg)}.minimized .btn__scale--right,.minimized button__scale--right,.minimized button.btn__scale--right{transform:rotate(-135deg)}.btn--inverse,button--inverse,button.btn--inverse{border-color:var(--drq-primary-blue-dark);color:var(--drq-primary-blue-dark)}.btn:hover,.btn:focus,.btn:active,button:hover,button:focus,button:active,button.btn:hover,button.btn:focus,button.btn:active{background-color:var(--drq-primary-yellow);border-color:var(--drq-primary-yellow);color:var(--drq-text-dark);box-shadow:none}.button-upwards{position:relative;top:-10px}.round-btn{aspect-ratio:1/1;padding:.75em}.messages{display:flex;gap:2.5em;padding-right:.9em;flex-direction:column-reverse;overflow-y:auto;margin-bottom:20px;flex-grow:1;max-height:100%}.messages{scrollbar-width:auto;scrollbar-color:var(--drq-primary-blue-light) transparent}.messages::-webkit-scrollbar{width:5px;height:5px}.messages::-webkit-scrollbar-track{border-radius:10px;background:#33677b}.messages::-webkit-scrollbar-thumb{background-color:var(--drq-primary-blue-light);border-radius:10px}.message{display:flex;--message-spacing: 4rem;position:relative;padding:15px 20px;border-radius:15px;font-size:var(--global-font-size)}.message:not([class*=--action]){border:1px solid var(--drq-primary-blue-light)}.message:not([class*=assistant])+.message[class*=assistant]{margin-bottom:-1.5em}.message .msgIconContainer{width:25px;height:25px;display:flex;flex:1 1 auto;justify-content:center;align-items:center}.message .msgUp{margin-right:10px;transform:rotate(-90deg);filter:invert(1) contrast(1.5) sepia(1)}.message .msgAtAnAngle{margin-right:10px;transform:rotate(-50deg);filter:invert(1) contrast(1.5) sepia(1)}.message pre{width:100%;white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.message__user{color:var(--drq-primary-blue-dark);margin-left:var(--message-spacing);text-align:right;align-self:flex-end;background-color:var(--drq-primary-blue-light)}.message__user--action{align-self:flex-end;margin-left:var(--message-spacing);padding:0;text-align:right;color:var(--drq-primary-yellow)}.message__user--action pre{display:flex;align-items:center;gap:2px}.message__user--action.upload img{transform:rotate(-90deg);height:14px;width:14px}.message__user--action.selection img{transform:rotate(-45deg);height:14px;width:14px}.message__assistant{color:#fff;margin-right:var(--message-spacing);align-self:flex-start}.message__assistant img{position:absolute;max-height:26px;padding:0 .5em;left:0;top:0;transform:translate(.75em,-98%);background:var(--drq-primary-blue-dark)}.message__terminal{color:#fff;margin-right:var(--message-spacing);align-self:flex-start;margin-top:20px;scrollbar-width:thin;scrollbar-color:var(--drq-primary-blue-light) transparent}.message__terminal img{position:absolute;max-height:26px;padding:0 .5em;left:0;top:0;transform:translate(.75em,-98%);background:var(--drq-primary-blue-dark)}.message__terminal pre{overflow:hidden;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow-y:auto;line-height:1.2em;max-height:12em;padding-right:.5em;scroll-behavior:auto}.message__terminal::-webkit-scrollbar{width:5px}.message__terminal::-webkit-scrollbar-thumb{background:var(--drq-primary-blue-light);border-radius:10px}.message__terminal::-webkit-scrollbar-track{background:#33677b;border-radius:10px}.modal{max-width:400px;color:var(--drq-primary-blue-dark);border-radius:15px;overflow:hidden}.modal-content{height:100%;padding:2em!important;display:flex;flex-direction:column;justify-content:space-between}#login-modal{display:none}.main-nav{padding:1.25em;height:auto;border:1px solid var(--drq-primary-blue-light);border-radius:15px;background-color:transparent;box-shadow:none}.main-nav__wrapper{display:flex;justify-content:space-between;align-items:center}.main-nav__logo{display:flex;max-width:80px;width:100%}.main-nav__logo img{width:100%;height:100%;max-width:50px}.main-nav__links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}.main-nav__links li{display:flex;float:none}.main-nav__links li a{display:flex;align-items:center;font-size:var(--global-font-size);line-height:1.5;margin:0}.main-nav__links li a:not([class~=btn]){color:var(--drq-text-light);text-decoration:none}.main-nav__links li a.btn{height:auto;margin:0}.hidden-image{position:absolute;left:-9999px;top:-9999px}[data-resize-handle]{cursor:col-resize;z-index:4;position:absolute;right:0;top:0;bottom:0;background-color:#9dbed3;width:15px;opacity:0;transition:all .2s ease-out}[data-resize-handle]:hover{opacity:.5}[data-resize-handle]:active,[data-resize-handle]:focus{opacity:.7}#gui-controls{position:absolute;top:0;right:0;margin:0}#confirm_selection{width:25%;height:32px;position:absolute;right:0;bottom:0;background-color:#000000b3;color:#fff;font-size:.8em;padding:8px;text-align:center;cursor:pointer;border-radius:8px 0 0}#confirm_selection:hover{background-color:#0074d9;color:#000}#confirm_selection:active{background-color:gold}.legend-banner{position:absolute;left:8px;top:8px;font-weight:700;color:#000}.color-wrapper{margin-top:8px}.color-square{width:32px;height:16px;margin-right:16px;display:inline-block}.suggestions-wrapper{position:relative;display:inline-block}#suggestionsContainer{width:100%;max-height:0;overflow:hidden;transition:max-height .5s;padding:0}.suggestions-icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:20px;background-color:var(--drq-primary-blue-dark);clip-path:polygon(0% 75%,50% 25%,100% 75%);transition:clip-path .75s ease;cursor:pointer;z-index:2}.hitbox{position:absolute;top:-20px;left:calc(50% - 50px);width:100px;height:20px;background:transparent;z-index:1;pointer-events:auto}.hitbox:hover~.suggestions-icon,.suggestions-wrapper:hover:not(.disabled) .suggestions-icon{clip-path:polygon(0% 25%,50% 75%,100% 25%)}.suggestions-wrapper.disabled .suggestions-icon{clip-path:polygon(0% 75%,50% 75%,100% 75%)}.suggestions-wrapper:hover:not(.disabled) #suggestionsContainer{max-height:500px}.suggestion-button,.action-button{border:none;background-color:transparent;color:var(--drq-text-dark);box-shadow:none;border-radius:10em;font-size:var(--global-font-size);font-family:inherit;font-weight:700;padding:.5em .8em;margin:.5em;line-height:1;white-space:pre-wrap;height:auto;text-transform:none;max-width:100%;text-align:left;transition:background-color ease .1s}.suggestion-button:hover,.action-button:hover{background-color:var(--drq-primary-yellow);color:var(--drq-text-dark)}.action-button{border:solid 2px var(--drq-primary-yellow);transition:background-color ease .25s,transform ease .5s}.action-button:hover{transform:scale(1.05);background-position:right center;background-size:200% auto;-webkit-animation:pulse 2s 1;animation:pulse512 1.5s 1}@keyframes pulse512{0%{box-shadow:0 0 0 0 var(--drq-primary-yellow)}70%{box-shadow:0 0 0 7px #da674400}to{box-shadow:0 0 #da674400}}.suggestion-button span{color:green!important;font-weight:700!important}