.hljs{background:var(--base00);color:var(--base05);border-radius:5px;padding:1em;display:block;overflow-x:auto}.hljs-comment,.hljs-quote{color:var(--base03);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-name,.hljs-attr{color:var(--base0E)}.hljs-built_in,.hljs-type{color:var(--base0D)}.hljs-string,.hljs-bullet,.hljs-symbol,.hljs-regexp,.hljs-link{color:var(--base0B)}.hljs-number,.hljs-literal{color:var(--base09)}.hljs-variable,.hljs-template-variable,.hljs-attribute{color:var(--base08)}.hljs-title,.hljs-function{color:var(--base0D)}.hljs-addition{color:var(--base0B);width:100%;display:inline-block}.hljs-deletion{color:var(--base08);width:100%;display:inline-block}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;tab-size:4}*,:after,:before{box-sizing:inherit;background-repeat:no-repeat}:after,:before{-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{height:0;color:inherit;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:#0000}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical;overflow:auto}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{outline:1px dotted buttontext}[type=reset]::-moz-focus-inner{outline:1px dotted buttontext}[type=submit]::-moz-focus-inner{outline:1px dotted buttontext}button:-moz-focusring{outline:1px dotted buttontext}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:#0000;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{color:inherit;white-space:normal;border:0;max-width:100%;display:table}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}:root{--base00:#eff1f5;--base01:#e1e5ef;--base02:#ccd0da;--base03:#bcc0cc;--base04:#acb0be;--base05:#4c4f69;--base06:#dc8a78;--base07:#7287fd;--base08:#d20f39;--base09:#fe640b;--base0A:#df8e1d;--base0B:#40a02b;--base0C:#179299;--base0D:#1e66f5;--base0E:#8839ef;--base0F:#dd7878}@media (prefers-color-scheme:dark){:root{--base00:#292d3e;--base01:#414866;--base02:#32374d;--base03:#676e95;--base04:#8796b0;--base05:#959dcb;--base06:#959dcb;--base07:#fff;--base08:#f07178;--base09:#f78c6c;--base0A:#ffcb6b;--base0B:#c3e88d;--base0C:#89ddff;--base0D:#82aaff;--base0E:#c792ea;--base0F:#ff5370}}:root{--chat-width:50rem}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,sans-serif;line-height:1.4}body,html{overscroll-behavior-y:contain;width:100%;height:100%}body{background-color:var(--base02);color:var(--base05)}#root{flex-direction:column;width:100%;height:100%;display:flex}header{background-color:var(--base01);margin:0;padding:4px 4px 0}header .tabs{display:flex}header .tabs button{background-color:var(--base01);cursor:pointer;border:none;border-radius:6px 6px 0 0;padding:5px 10px}header .tabs button[data-active=true]{background-color:var(--base02);color:var(--base05)}main{flex-direction:column;flex:1;min-height:0;display:flex}a{color:var(--base0D);text-decoration:underline}textarea,input,select{background-color:var(--base00);color:var(--base05);border:2px solid #0000;border-radius:4px;outline:none;padding:8px}textarea:focus,input:focus,select:focus{border:2px solid var(--base0B)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M2 5h12l-6 6z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}button{cursor:pointer;flex-shrink:0;font-family:system-ui,sans-serif}button:not([data-role]){background-color:var(--base02)}button:not([data-role])[disabled]{opacity:.5}button[data-role=primary]{background-color:var(--base0D);color:var(--base00)}button[data-role=primary][disabled]{opacity:.5;cursor:not-allowed}button[data-role=destructive]{background-color:var(--base08);color:var(--base00)}button[data-role=destructive][disabled]{opacity:.5;cursor:not-allowed}button:not([data-size]){border-radius:4px;padding:8px 12px}button[data-size=compact]{border-radius:4px;padding:4px 8px;font-size:smaller}button[data-role=text]{color:var(--base05);padding:0;text-decoration:underline;display:inline}button[data-role=text]:hover{color:var(--base0D)}hr{opacity:.5;margin:2em 0}ul,ol{margin:1em 0;padding-left:1.5em;list-style-position:outside}ul{list-style-type:disc}ol{list-style-type:decimal}ul li::marker{color:var(--base05)}ol li::marker{color:var(--base05)}ul ul,ol ol{padding-left:1.5em;list-style-type:circle}li{margin-bottom:.5em;line-height:1.5}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-interface{flex-direction:column;height:100%;min-height:0;display:flex}.chat-message{background-color:var(--base00);border-radius:8px;flex-direction:column;margin:4px;padding:12px;display:flex}.chat-message[data-role=user],.chat-message[data-role=system]{background-color:var(--base01)}.chat-message-loading{background-color:var(--base00);border-radius:8px;margin:4px;padding:12px}.chat-message-role{color:var(--base05);padding-bottom:4px;font-size:smaller;font-weight:700}.chat-message-buttons{gap:.5em;margin-left:auto;padding-bottom:4px;display:flex}.chat-message-content{word-wrap:break-word}.chat-message-content table{border-collapse:collapse;border-spacing:0;max-width:100%;display:block;overflow-x:auto}.chat-message-content table th,.chat-message-content table td{vertical-align:top;padding:8px}.chat-message-content table th{text-align:left;white-space:nowrap}.chat-message-content pre{background-color:var(--base02);border-radius:8px;margin:8px 0;padding:8px;position:relative;overflow-x:auto}.chat-message-content pre>button.copy-button{position:absolute;top:4px;right:4px}.chat-message-content textarea{height:60px;transition:height .3s}.chat-message-content textarea:focus{height:120px;transition-delay:.2s}.chat-history{width:100%;max-width:var(--chat-width);flex-direction:column;height:100%;min-height:0;margin-left:auto;margin-right:auto;padding-bottom:100px;display:flex;overflow-y:auto}.chat-controls{width:100%;max-width:var(--chat-width);margin-left:auto;margin-right:auto}.chat-controls form textarea{resize:none;width:100%;height:60px;transition:height .3s}.chat-controls form textarea:focus{height:120px;transition-delay:.2s}.chat-controls form{flex-wrap:wrap}.chat-controls-buttons{flex-wrap:wrap;gap:4px;padding:4px;display:flex}button.chat-controls-system-prompt[data-selected=true]{color:var(--base00);background-color:var(--base0B);border-color:#0000}.error-box{background-color:var(--base00);color:var(--base08);white-space:break-spaces;border-radius:8px;margin:4px;padding:12px}.chat-message[data-role=system] .chat-message-role{cursor:pointer}.chat-message.collapsed .chat-message-content{display:none}.chat-header{width:100%;max-width:var(--chat-width);flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;margin:4px auto;padding-left:4px;padding-right:4px;display:flex}.settings-section{margin:12px 12px 20px;display:block}.settings-section input,.settings-section textarea,.settings-section select{width:100%}.settings-section textarea{height:120px}.settings-label{margin-top:24px;margin-bottom:8px;font-size:larger;display:block}.settings-system-prompt{margin-bottom:20px;display:block}.system-prompt-container{flex-grow:1;gap:4px;min-width:0;display:flex}.unselected-prompts{white-space:nowrap;flex-grow:1;gap:4px;display:flex;overflow-x:auto}.unselected-prompts::-webkit-scrollbar{display:none}.unselected-prompts{-ms-overflow-style:none;scrollbar-width:none}.system-prompt-list,.snippet-list,.system-prompt-item-view,.system-prompt-item-edit{flex-direction:column;gap:8px;display:flex}.system-prompt-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.system-prompt-actions{align-items:center;gap:8px;display:flex}.system-prompt-name{white-space:nowrap;font-weight:700}.system-prompt-text{white-space:nowrap;text-overflow:ellipsis;color:var(--base03);flex-grow:1;overflow:hidden}.system-prompt-inputs{flex-direction:column;flex-grow:1;gap:4px;display:flex}.system-prompt-inputs input,.system-prompt-inputs textarea{width:100%}.system-prompt-buttons{gap:4px;display:flex}.system-prompt-item-edit{flex-direction:column;align-items:stretch}.system-prompt-edit-buttons{justify-content:flex-end;gap:4px;margin-top:8px;display:flex}.error-message{color:var(--base08);font-size:smaller}.system-prompt-item-view,.system-prompt-item-edit{background-color:var(--base01);border-radius:8px;padding:8px}.onboarding-message{text-align:center;background-color:var(--base01);border-radius:8px;margin:20px;padding:20px}.combobox-wrapper{width:100%;position:relative}.combobox-label{color:var(--base04);margin-bottom:4px;display:block}.combobox-input{background-color:var(--base00);width:100%;color:var(--base05);box-sizing:border-box;border:2px solid #0000;border-radius:4px;outline:none;padding:8px}.combobox-input:focus{border:2px solid var(--base0B)}.combobox-input-disabled{background-color:var(--base01);cursor:not-allowed;opacity:.7}.combobox-suggestions{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.combobox-item{cursor:pointer;color:var(--base05);padding:8px 12px}.combobox-item:hover,.combobox-item-highlighted{background-color:var(--base01);color:var(--base07)}.combobox-loading-indicator,.combobox-error-message,.combobox-no-results{color:var(--base03);background-color:var(--base00);border:1px solid var(--base02);z-index:1000;border-top:none;border-radius:0 0 4px 4px;padding:8px 12px;position:absolute;top:100%;left:0;right:0}.combobox-error-message{color:var(--base08)}.model-price{font-family:monospace}.combobox-input-wrapper{align-items:center;display:flex;position:relative}.combobox-suggestions-container{background-color:var(--base00);border:1px solid var(--base02);z-index:1000;border-top:none;border-radius:0 0 4px 4px;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px #0000001a}.combobox-footer{border-top:1px solid var(--base02);justify-content:flex-end;padding:4px;display:flex}.combobox-reload-button{align-items:center;gap:4px;display:flex}.spinner{vertical-align:-.125em;border:.15em solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;margin-right:.5em;animation:.75s linear infinite spinner-border;display:inline-block}@keyframes spinner-border{to{transform:rotate(360deg)}}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--base04);background-color:var(--base00);border-radius:4px;width:16px;height:16px;display:inline-block;position:relative}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:solid var(--base0D);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:0;left:4px;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:var(--base01);border-color:var(--base0D)}