:root{--app-background-color:var(
    --colorNeutralBackground1
  )}body,html{margin:0}body{background-color:var(
    --colorNeutralBackground1
  );background-color:var(--app-background-color);transition:background-color .3s ease}html{overflow:hidden}body,html{height:100%}body{overflow:auto}::-webkit-scrollbar{overflow-y:auto;scrollbar-color:#646464b3 #0000;scrollbar-width:thin;width:6px}::-webkit-scrollbar-thumb{background-color:#646464b3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#646464}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}header{background-color:var(--colorNeutralBackgroundAlpha);border-bottom:1px solid var(--colorNeutralStroke2);box-sizing:border-box;gap:16px;justify-content:space-between;max-height:56px;padding:16px}.headerTitle,header{align-items:center;display:flex}.headerTitle{flex-basis:auto;gap:8px}.headerTitleText{display:inline;display:initial}.headerNav{flex:1 1 auto;justify-content:left;margin-bottom:-2px}.headerNav,.headerTools{align-items:center;display:flex}.headerTools{gap:12px}.clickable-avatar{cursor:pointer;transition:box-shadow .2s ease-in-out}.clickable-avatar:hover{box-shadow:0 0 0 2px var(--colorNeutralStrokeAlpha2)}@media only screen and (max-width:1200px){.headerTitleText{display:none}}.app-container{background-color:var(--colorNeutralBackground3);flex-direction:column}.app-container,.layout,main{box-sizing:border-box;display:flex;height:100%;overflow:hidden}.layout,main{width:100%}.hotkey-overlay{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background-color:var(--colorNeutralBackgroundAlpha);border:1px solid var(--colorNeutralStroke1);border-radius:8px;color:var(--colorNeutralForeground4);display:flex;flex-direction:column;gap:12px;left:50%;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}a{color:inherit}a:hover{text-decoration:none}ol,ul{padding-left:20px}li{margin-bottom:16px;margin-top:16px}code.span{background-color:var(--colorNeutralBackground6);border-radius:4px;padding:2px 6px}svg .svgIconPath{stroke:var(--colorNeutralForeground2)}.panelLeft,.panelRight{background-color:var(--colorNeutralBackground4);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative}.resize-handle-left,.resize-handle-right{background-color:initial;cursor:ew-resize;height:100%;position:absolute;top:0;width:3px}.resize-handle-left{right:0}.resize-handle-right{left:0;z-index:1}.resize-handle-left:active,.resize-handle-left:hover,.resize-handle-right:active,.resize-handle-right:hover{background-color:var(--colorNeutralStroke1)}.contentContainer{align-items:start;flex:1 1}.content,.contentContainer{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.content{flex:1 1 auto;margin:-64px auto auto;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:64px 16px;p{line-height:1.5;margin:16px 0 0}ol,p,ul{color:var(--colorNeutralForeground2);font-size:.95rem;margin-top:16px;h3,h4{margin-bottom:16px}}code{font-size:.9rem}h2,h3,h4{color:var(--colorNeutralForeground1);font-weight:600;margin:32px 0}h1{font-weight:600;margin-bottom:32px;margin-top:32px}}.panelToolbar{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-sizing:border-box;justify-content:space-between;min-height:56px;padding:0 16px;transition:all .3s cubic-bezier(.215,.61,.355,1);width:100%}.buttonGroup,.headerTitleGroup,.panelToolbar{align-items:center;display:flex}.headerTitleGroup{gap:8px;width:100%}.infoTile{align-items:center;background-color:var(--colorNeutralBackground4);border:1px solid var(--colorNeutralStroke2);border-radius:8px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:32px;padding:16px;white-space:nowrap;p{color:var(--colorNeutralForeground3);margin:0;white-space:wrap;width:100%}}.contentToolbar{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-sizing:border-box;flex:1 1;height:56px;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.215,.61,.355,1);width:calc(100% - 6px);z-index:1}.contentToolbar,.contentToolbarTitleGroupLeft,.contentToolbarTitleGroupRight{align-items:center;display:flex}:root{--color-text:#1e293b;--color-selection:#cbd5e1;--color-atrule:#7c3aed;--color-attr-name:#ea580c;--color-attr-value:#15803d;--color-boolean:#7c3aed;--color-comment:#64748b;--color-function:#7c3aed;--color-number:#f97316;--color-string:#15803d;--color-tag:#e11d48;--color-punctuation:#2563eb}body.dark-mode{--color-text:#c3cee3;--color-selection:#363636;--color-atrule:#c792ea;--color-attr-name:#ffcb6b;--color-attr-value:#c3e88d;--color-boolean:#c792ea;--color-comment:#546e7a;--color-function:#c792ea;--color-number:#fd9170;--color-string:#c3e88d;--color-tag:#f07178;--color-punctuation:#89ddff}code[class*=language-],pre[class*=language-]{word-wrap:normal;color:#1e293b;color:var(--color-text);font-family:Roboto Mono,monospace;font-size:.95em;-webkit-hyphens:none;hyphens:none;line-height:1.8em;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-]::selection,pre[class*=language-]::selection{background:#cbd5e1;background:var(--color-selection)}:not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1.25em 1em;position:relative}.token.atrule{color:#7c3aed;color:var(--color-atrule)}.token.attr-name{color:#ea580c;color:var(--color-attr-name)}.token.attr-value{color:#15803d;color:var(--color-attr-value)}.token.boolean{color:#7c3aed;color:var(--color-boolean)}.token.comment{color:#64748b;color:var(--color-comment)}.token.function{color:#7c3aed;color:var(--color-function)}.token.number{color:#f97316;color:var(--color-number)}.token.string{color:#15803d;color:var(--color-string)}.token.tag{color:#e11d48;color:var(--color-tag)}.token.punctuation{color:#2563eb;color:var(--color-punctuation)}.homeLayout{display:flex;flex:1 1;flex-direction:column;height:100%;margin:auto;max-width:728px;width:100%;a{color:var(--colorNeutralForeground4)}}.homeContainer{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;height:100%;justify-content:center;width:100%}.promptButtonContainer{display:flex;gap:12px}.promptButton{background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:8px;color:var(colorNeutralForeground1);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;width:100%}.promptButton:hover{background-color:var(--colorNeutralBackground1Hover);border:1px solid var(--colorNeutralStroke1Hover)}.promptButton:active{background-color:var(--colorNeutralBackground1Pressed);border:1px solid var(--colorNeutralStroke1Pressed);color:var(colorNeutralForeground1Hover)}.chatHistoryContainer{overflow:scroll;overflow-x:hidden;padding:8px}.tab{align-items:center;border-radius:4px;color:var(--colorNeutralForeground4);cursor:pointer;display:flex;font-size:.9rem;padding:8px!important;.sideNavTick{background-color:none;height:24px;left:0;position:absolute;width:2px}}.nav-item{align-items:center;display:flex;gap:6px}.tab:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2hover);.sideNavTick{background-color:var(--colorNeutralStroke1Pressed)}}.active-tab{background-color:var(--colorNeutralBackground1Pressed);border-radius:4px;display:flex;padding:8px!important;.sideNavTick{background-color:var(--colorCompoundBrandStroke);height:24px;left:0;position:absolute;width:2px}svg{color:var(--colorBrandForeground1)}}.active-tab,.tab,.tab:active,.tab:focus,.tab:hover,.tab:link,.tab:visited{text-decoration:none!important}.navSectionTitle{color:var(--colorNeutralForeground4);padding:0 8px 16px}.navSectionContainer:not(:first-of-type) .navSectionTitle{margin-top:32px}.personaField{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:center;margin-top:24px;width:100%}.personaContainer{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.personaButton{align-items:center;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:8px;color:var(colorNeutralForeground1);cursor:pointer;display:flex;gap:12px;padding:12px;white-space:nowrap}.personaButton:hover{background-color:var(--colorNeutralBackground1Hover);border:1px solid var(--colorNeutralStroke1Hover)}.personaButton:active{background-color:var(--colorNeutralBackground1Pressed);border:1px solid var(--colorNeutralStroke1Pressed);color:var(colorNeutralForeground1Hover)}.overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.overlayContent{-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border:1px solid var(--colorNeutralStroke2);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:728px;overflow:hidden;width:100%}.overlayHeader{align-items:center;display:flex;justify-content:space-between;padding:16px}.overlayTitle{margin:0}.closeButton{background:none;border:none;cursor:pointer;font-size:1.5rem}.overlayBody{flex:1 1 auto;overflow-y:auto;padding:16px}
/*# sourceMappingURL=main.499dace8.css.map*/