#app{margin:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:hidden}.left{float:left}.right{float:right}.centerChildren{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.disabled{background-color:var(--color-contrast-gray)!important}.good{color:var(--color-good-c)!important;background-color:var(--color-good)!important}.good:hover{background-color:var(--color-good-hover)!important}.bad{color:var(--color-bad-c)!important;background-color:var(--color-bad)!important}.bad:hover{background-color:var(--color-bad-hover)!important}.inline{display:inline-block}:root{color-scheme:light dark;--color-base-c: #ffffff;--color-base-c-hover: #d3d3d3;--color-base: #201E1E;--color-base-1: #252121;--color-base-2: #302E2E;--color-base-hover: #403E3E;--color-base-hover-2: #504E4E;--color-base-font: #ffffff;--color-base-font-hover: #d3d3d3;--color-base-transparent: #333333BB;--color-base-transparent-2: #55555555;--color-base-disabled: #999999;--color-brand-c: #ffffff;--color-brand: #071C4C;--color-brand-selected: #162F68;--color-brand-hover: #031233;--color-brand-font: #6278AA;--color-brand-font-hover: #3F5891;--color-brand-font-dark: #6278AA;--color-accent-c: #ffffff;--color-accent: #E4A525;--color-accent-selected: #F3BE54;--color-accent-hover: #BC810D;--color-accent-font: #E4A525;--color-accent-font-hover: #BC810D;--color-bad-c: #ffffff;--color-bad: #A52556;--color-bad-selected: #BB4573;--color-bad-hover: #86113E;--color-bad-font: #BB4573;--color-bad-font-hover: #A52556;--color-good-c: #ffffff;--color-good: #6FAD26;--color-good-selected: #8BC548;--color-good-hover: #548D11;--color-good-font: #8BC548;--color-good-font-hover: #6FAD26;--color-subtle-gray: #302E2E;--color-contrast-gray: #7e7e7e;--color-shadow-color: rgba(0, 0, 0, .5);--color-debug: #e100ff;--radius: .3em;--radius-large: .5em;--radius-round: 9999em;color:var(--color-base-c);fill:var(--color-base-c);background-color:var(--color-base)}@media (prefers-color-scheme: light){:root{--color-base-c: #201E1E;--color-base-c-hover: #302E2E;--color-base: #ffffff;--color-base-1: #f8f8f8;--color-base-2: #efefef;--color-base-hover: #d3d3d3;--color-base-hover-2: #c3c3c3;--color-base-font: #201E1E;--color-base-font-hover: #302E2E;--color-base-transparent: #ffffffBB;--color-base-transparent-2: #55555555;--color-brand-font-dark: #071C4C;--color-subtle-gray: #efefef;--color-contrast-gray: #AAAAAA;--color-shadow-color: rgba(0, 0, 0, .15);color:var(--color-base-c);fill:var(--color-base-c);background-color:var(--color-base)}}.chat{display:flex;flex-direction:column;width:100%;height:100%}.chat-header{display:flex;padding-left:1em;padding-top:1em;padding-right:1em}.chat .fill-width{flex-grow:1;display:flex}.chat .dropdown{display:flex;justify-content:center;align-items:center;cursor:pointer;height:1.8em;padding-left:.75em;padding-right:.75em;border-radius:var(--radius-round)}.chat .dropdown svg:first-child{padding-right:.5em}.chat .dropdown svg:last-child{padding-left:.5em}.chat .dropdown:hover{background-color:var(--color-contrast-gray)}.chat .action{display:flex;justify-content:center;align-items:center;cursor:pointer;width:1.8em;height:1.8em;border-radius:var(--radius-round)}.chat .with-text{width:auto;padding-left:.75em;padding-right:.75em}.chat .with-text svg:first-child{padding-right:.5em}.chat .action:hover{background-color:var(--color-contrast-gray)}.removableItem{align-content:center;text-align:center;line-height:1.8em;padding:.2em;height:2em;border-radius:var(--radius)}.removableItem:hover{background-color:var(--color-base-hover)}.chat-input{width:100%}.chat-input .container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-base-2);border:2px solid var(--color-base-2);border-radius:var(--radius);padding:.5em .5em .2em;margin:.75em;box-shadow:0 2px 3px var(--color-shadow-color)}.chat-input .ondrag{border:2px solid var(--color-brand)}.chat-input .tool-bar{margin-top:.2em;padding-top:.2em;display:flex;align-items:center;width:100%;border-top:1px solid var(--color-base-hover)}.chat-input textarea{width:100%;border:none;outline:none;padding:.3em;background-color:var(--color-base-2);resize:none}.chat-input .media{width:100%;height:5em}.chat-input .image img{display:inline-block;height:4em;width:4em;border-radius:var(--radius)}.chat-input .image{display:inline-block;margin-right:.75em}.chat-input .image .action{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:1.7em;height:1.7em;border-radius:var(--radius);background-color:var(--color-bad-selected);position:absolute;margin-left:-1em}.chat-input .image .action:hover{background-color:var(--color-bad-hover)}.chat-add-media-header{padding:.5em;font-weight:700}.chat-add-media-input{height:3em;width:100%;cursor:pointer}.chat-add-media-input:hover{background-color:var(--color-base-hover)}.chat-add-media-input::file-selector-button{cursor:pointer;height:3em;border:0px;border-radius:var(--radius);background-color:inherit}.dropdown-menu{display:none;position:absolute;background-color:var(--color-base);border-radius:var(--radius);box-shadow:0 4px 8px var(--color-shadow-color);z-index:1000;list-style-type:none;padding:.1em;margin:0;max-height:50%;overflow-y:auto}.dropdown-menu-button{display:block;padding:.45em .6em;cursor:pointer;border-radius:var(--radius);fill:var(--color-base-c);color:var(--color-base-c)}.dropdown-menu-button:hover{background-color:var(--color-base-hover)}.dropdown-menu-grayout{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--color-base-transparent-2);z-index:1}.action{display:flex;justify-content:center;align-items:center;cursor:pointer;width:1.8em;height:1.8em;border-radius:var(--radius-round)}.action:hover{background-color:var(--color-contrast-gray)}.button,.buttonLarge,.buttonWide,.buttonNarrow{cursor:pointer;display:inline-block;margin-top:1em;padding:.5em;color:var(--color-brand-c);fill:var(--color-brand-c);background-color:var(--color-brand);border-radius:var(--radius)}.button:hover,.buttonLarge:hover,.buttonWide:hover,.buttonNarrow:hover{background-color:var(--color-brand-hover)}.buttonLarge{padding:2em}.buttonWide{width:-webkit-fill-available;display:block}.buttonNarrow{width:30%;display:inline-block}.buttonBad{background-color:var(--color-bad)}.buttonBad:hover{background-color:var(--color-bad-hover)}.form{width:-webkit-fill-available;display:block}.formInput{cursor:pointer;width:-webkit-fill-available;display:block;padding:.5em;border:0px solid;border-bottom:1px solid;border-radius:var(--radius)}.formTextArea{cursor:pointer;width:-webkit-fill-available;display:block;padding:.5em;border:1px solid;border-radius:var(--radius)}.formLabel{width:-webkit-fill-available;display:block;margin-top:1em;padding:.5em}.formCheckbox{margin-top:.2em;margin-bottom:.2em;display:block;align-items:center;height:1.5em}.formCheckbox input{display:inline-block;width:1.5em;height:1.5em}.formCheckbox label{display:inline-block;height:1.5em;padding-top:0;padding-bottom:1em}.popupContainer{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000b;z-index:100}.popupContent,.popupContent-fullscreen{position:absolute;text-align:center;top:50%;left:50%;translate:-50% -50% 0;margin:.5em;padding:1em;border-radius:var(--radius);background-color:var(--color-base);color:var(--color-base-c);overflow-x:hidden;overflow-y:auto}.popupContent-fullscreen{position:absolute;top:0;left:0;right:0;bottom:0;translate:0 0 0}.popupExitBtn{cursor:pointer;z-index:101;position:absolute;display:inline-flex;line-break:normal;align-items:center;justify-content:center;left:.2em;top:.2em;width:2em;height:2em;border-radius:var(--radius);font-size:1.2em}.popupExitBtn:hover{background-color:var(--color-bad);color:var(--color-bad-c)}.popupConfirmBtn,.popupCancelBtn{cursor:pointer;width:30%;display:inline-block;margin:.25em;padding:.5em;border-radius:var(--radius)}.popupConfirmBtn{color:var(--color-good-c);background-color:var(--color-good)}.popupConfirmBtn:hover{background-color:var(--color-good-hover)}.popupCancelBtn{color:var(--color-bad-c);background-color:var(--color-bad)}.popupCancelBtn:hover{background-color:var(--color-bad-hover)}.popupTitle{display:block;padding-top:.1em;padding-bottom:.1em;font-size:xx-large;font-weight:700}.popupSubtitle{display:block;padding-top:1em;font-size:large;font-weight:700}.chat-history{width:100%;height:100%;overflow-y:auto}.chat-history .message-container{margin-top:.5em;margin-bottom:.5em;clear:both;width:fit-content;max-width:100%}.chat-history .from-model{text-align:left;margin-bottom:.5em}.chat-history .from-user{float:right;text-align:left;margin-left:3em;margin-bottom:.5em}.chat-history .message-container img{margin-left:1em;width:5em;height:5em}.chat-history .message-body{margin-left:1em;margin-right:1em;padding:.75em;border-radius:var(--radius);font-size:1em;line-height:1.4;word-wrap:break-word}.chat-history .from-user .message-body{background-color:var(--color-base-2);box-shadow:0 1px 3px var(--color-shadow-color)}.chat-history .message-body p:first-child{margin-block-start:0}.chat-history .message-body p:last-child{margin-block-end:0}.chat-history .message-body pre{overflow-y:auto;display:block;padding:1em;border:1px solid var(--color-shadow-color);border-radius:var(--radius);box-shadow:1px 1px 3px var(--color-shadow-color)}.chat-history .model{display:inline-block;margin-left:2em;margin-right:1em;font-size:smaller;color:var(--color-contrast-gray)}.chat-history .message-tool-bar{display:inline-block;color:var(--color-base);fill:var(--color-base)}.chat-history .message-container:hover .message-tool-bar{color:var(--color-base-c);fill:var(--color-contrast-gray)}.chat-history .from-user .message-tool-bar{display:block;text-align:right;margin-right:.75em}.chat-history .action{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:1.8em;height:1.8em}.chat-history .action:hover{fill:var(--color-base-c)}.chat-history .message-body .thought{max-width:100%;overflow:auto;background-color:var(--color-subtle-gray);border-radius:var(--radius);padding:.75em;box-shadow:0 0 6px var(--color-shadow-color);margin-top:.75em;margin-bottom:.75em}.chat-history .message-body .thought-header{font-weight:700}.mdOutput{max-width:800px;margin:auto;padding:.2em}.chunk{border-left:2px solid var(--color-base);padding-left:1em;padding-right:1em}.chunk:hover{border-left:2px solid var(--color-brand)}.editorChunk{border-left:2px solid var(--color-contrast-gray);border-right:2px solid var(--color-contrast-gray);padding-left:1em;padding-right:1em}.editorChunk:hover{border-left:2px solid var(--color-brand);border-right:2px solid var(--color-brand)}textarea{background-color:var(--color-base);color:var(--color-base-font);border:none;outline:none;resize:none;overflow-x:wrap;overflow-wrap:normal;white-space:normal;width:-webkit-fill-available;height:auto;margin-bottom:0;margin-top:0;line-height:1.2em;padding-top:.5em;padding-bottom:.5em}textarea::-webkit-scrollbar{height:.6em;width:.6em;border:1px solid var(--constrast-gray);border-radius:.2em}textarea::-webkit-scrollbar-thumb:horizontal{background:var(--color-brand);border-radius:.2em}img,video{max-width:100%;max-height:100%;border-radius:var(--radius-large);box-shadow:0 0 20px var(--color-shadow-color);padding-bottom:0;padding-top:0;margin-top:.75em;margin-bottom:.75em;line-height:1.5em}p{padding-bottom:0;padding-top:0;margin-top:.2em;margin-bottom:.5em;line-height:1.5em}h1,h2,h3,h4,h5,h6{color:var(--color-brand-font-dark);padding-bottom:0;padding-top:1.2em;margin-top:0;margin-bottom:.5em}h1:first-child{padding-top:1.2em}h1{border-bottom:1px solid var(--color-base-c)}h2{border-bottom:1px solid var(--color-base-2)}h3,h4,h5,h6{border-bottom:0px solid var(--color-contrast-gray)}blockquote{border-left:4px solid var(--color-brand);padding:.6em .6em .6em 1em;border-radius:.3em;margin:.5em;background-color:var(--color-subtle-gray);box-shadow:0 0 6px var(--color-shadow-color)}blockquote p{margin-bottom:.1em}pre{max-width:100%;overflow:auto;background-color:var(--color-subtle-gray);border-radius:.3em;padding:1em;box-shadow:0 0 6px var(--color-shadow-color);margin-top:.75em;margin-bottom:.75em;line-height:1.5em}table{border-collapse:collapse;font-size:.9em;font-family:sans-serif;min-width:400px;max-width:100%;overflow:auto;box-shadow:0 0 20px var(--color-shadow-color);padding-bottom:0;padding-top:0;margin-top:.75em;margin-bottom:.75em;line-height:1.5em}thead tr{background-color:var(--color-brand);color:#fff;text-align:left}thead tr:hover{background-color:var(--color-brand-hover);color:#fff;text-align:left}th,td{padding:12px 15px}tbody tr{border-bottom:1px solid var(--color-contrast-gray)}tbody tr:nth-of-type(2n){background-color:var(--color-subtle-gray)}tbody tr:last-of-type{border-bottom:2px solid var(--color-brand)}tbody tr:hover{background-color:var(--color-base-hover-2)}tbody tr:nth-of-type(2n):hover{background-color:var(--color-base-hover-2)}a{color:var(--color-brand-font)}