*{box-sizing:border-box}body,html{margin:0;padding:0;--padding: 1rem;--gap: .5rem;--sidepanel_width: 6rem;--overlay_background: rgba(0, 0, 0, .6);font-family:Roboto Mono,monospace}#root{height:100vh;width:100vw;background-color:#222;background-position:center;background-size:100%}.main{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;padding:0}.main nav{background-color:#ffc93c;height:2.5em;display:flex}.main nav a{color:#000;padding:1em;font-size:.75em;text-decoration:none}.main nav a:hover{background-color:#bba03c}.main nav a.on{background-color:#bba03c;border-width:0 2px;border-style:outset}.sidepanel_container{width:var(--sidepanel_width);flex-grow:0;z-index:10}.sidepanel{width:100%;height:100%;display:flex;padding:var(--padding);gap:var(--gap);flex-direction:column;background-color:#0a0a0a80;color:#ccc;transition:all .25s;transition-timing-function:ease-in-out;overflow-y:scroll;overflow-x:hidden}.sidepanel:hover{width:15rem;filter:drop-shadow(15px 0px 15px rgba(0,0,0,.5))}.sidepanel button{background-color:#444;border:1px solid #ccc;color:#ccc;padding:.5em;cursor:pointer}.sidepanel button:hover{background-color:#999}.sidepanel:hover .threads_container{visibility:visible;opacity:100%}.animation_view{height:100%;flex-grow:1;display:grid;grid-template-areas:"c c c" "c c c" "c c c" "c c c" "d d d" "d d d";grid-template-columns:repeat(3,1fr)}.panel_1{grid-area:a;display:flex;gap:var(--gap);flex-direction:column;border-width:1rem;border-color:#fff;width:inherit;min-height:.5rem;border-width:.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel_2{grid-area:c;display:flex;gap:calc(var(--gap) / 2);flex-direction:column;border-width:1rem;border-color:#fff;width:inherit;min-height:.5rem;border-width:.2rem;background-color:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel_3{grid-area:d;background-color:#a0a0a0aa;padding:calc(var(--padding)/2)}.log{background-color:#00000080;flex-grow:1;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.download_link{color:#bba03c}.motiontable{border:1px solid;border-collapse:collapse}.motiontable td,.motiontable th,.motiontable tr{border:inherit}ul{margin:0}.chat_wrapper::-webkit-scrollbar{display:none}.chatbox{list-style-type:none;padding:var(--padding);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-grow:1;border:none;background-color:var(--overlay_background);display:flex;flex-direction:column;gap:var(--gap)}.chat_wrapper{position:absolute;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;height:100%;width:50%;overflow-y:scroll;scrollbar-width:none}.chat_wrapper *{font-size:1em}.chat_and_file{background-color:var(--overlay_background);display:flex;flex-direction:row}.chat_and_file form label,.chat_and_file form input{color:#fff}.chat_settings{background-color:var(--overlay_background);color:#aaa}.message{color:#aaa}.message>p{padding:.5rem;margin:0}.tool,.ai{white-space:pre-line}.debug,.tool,.command,.ai,.human,.system{font-size:.8em}.system pre{font-size:1em;margin-top:0}.system pre h3{margin-top:0}.system span.current{color:#933}.system dl dt{font-weight:700}.system dl.avatar{margin-bottom:1em}.msg_info{color:gray;font-size:.75rem}.created_at{float:right}form{display:flex;flex-direction:row;flex-grow:2;min-height:4rem;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;border-width:.2rem}form>textarea{resize:none;padding:var(--padding);background:none;border:none;flex-grow:100;overflow-y:hidden;color:#ccc}form>textarea:focus-visible{outline:none}form>.send_button{flex-basis:1rem;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border:none;border-radius:.6rem;cursor:pointer;align-self:flex-end;background-image:url(/assets/send-DnkbwDWm.png);filter:invert();background-size:2rem 2rem;background-position:center;background-color:#c8c8c8;background-repeat:no-repeat}.send_button.loading{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.promptprompt{color:gray;padding:.9rem 0 0 .9rem;font-size:.8em}.temp_avatarform form{display:flex;flex-direction:column}.temp_catalog{display:flex;flex-direction:row;flex-wrap:wrap}.temp_avatarcard{width:6rem;height:6rem;background-color:green;overflow-wrap:anywhere}