.menu-portal{bottom:0;position:fixed;width:100%;height:100%;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.context-menu-container{display:flex;flex-direction:column;border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:.4rem;background:linear-gradient(to bottom,#000000b3,#0006)}.context-menu-container span{margin-top:.1rem;font-size:x-small}.context-menu{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;width:max-content;transition:width .2s ease,height .2s ease}.context-menu .button-area{display:flex}.context-menu .editing-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.context-menu .editing-area .label{font-size:.8rem;margin-bottom:.5rem;width:100%;margin-left:2rem}.context-menu .editing-area textarea{width:300px;height:100px;resize:none;margin:0 .5rem .5rem;border:none;background-color:var(--context-menu-bg-color);color:var(--text-color);font-size:.8rem;padding:1rem;border-radius:4px}.context-menu button{border:none;flex:1 1 auto;background-color:transparent;color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;margin:0;padding:8px 1rem}.context-menu button:hover{background-color:var(--hovered-button-bg-color)}.context-menu button svg{height:16px}.context-menu button.active:not(:last-child){background-color:#b3b3b3cc}.context-menu button.edit-button.active{background-color:var(--active-grid-button-bg-color)}@media (max-width: 768px){.menu-portal{bottom:42px}}.custom-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#555}.custom-scrollbar::-webkit-scrollbar{width:6px}.App .menubar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--toolbar-bg-color);position:fixed;top:44px;height:35px;z-index:999;left:0;right:0;box-sizing:border-box;transition:left .3s ease}.App .menubar .toolbar-left{display:flex;flex-direction:row;align-items:stretch;flex:1;min-width:0;overflow:hidden}.App .menubar .toolbar-left .style-tools{display:flex;flex-direction:row;align-items:stretch;margin-left:20px;flex:1;min-width:0;overflow:hidden}.App .menubar .toolbar-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-right:20px;flex-shrink:0;gap:8px}.App .menubar .toolbar-right .model{cursor:pointer;margin:0 1rem;min-width:150px}.App .menubar .toolbar-right .context{position:relative;cursor:pointer;height:20.89px;min-width:90px;border:none;border-radius:2px;overflow:hidden}.App .menubar .toolbar-right .context:hover{opacity:.8}.App .menubar .toolbar-right .context:disabled{cursor:default;background-color:#ffffff1a}.App .menubar .toolbar-right .context .history-percentage{position:absolute;top:0;left:0;height:100%;border-radius:2px;background-color:#de000080;transition:width .2s ease}.App .menubar .toolbar-right .cancel-button{cursor:pointer;text-transform:capitalize;margin:0 1rem;display:flex;align-items:center}.App .menubar .toolbar-right .cancel-button:disabled{cursor:not-allowed;text-transform:capitalize;margin:0 1rem}.App .menubar .toolbar-right .status{height:10px;border-radius:50%;width:10px;margin:0 .6em 0 .1rem}.App .menubar .toolbar-right .generation-state{font-size:.8rem;padding:0 2rem 0 0;color:#ffffff75;text-transform:capitalize}.App .menubar .toolbar-right .login{background-color:#ce2d53;color:#fff;padding:.4rem;margin:.4rem 0;font-size:.8rem;border-radius:2px;text-decoration:none;cursor:pointer;text-transform:uppercase;font-size:.6rem;font-weight:700}.App .menubar .toolbar-right .login:hover{background-color:#ce2d53}.App .menubar .toolbar-right .logout{cursor:pointer;text-transform:capitalize}.App .menubar .toolbar-right .status.ready{background-color:#3fc84a}.App .menubar .toolbar-right .status.loading{background-color:#a6c83f}.App .menubar .toolbar-right .status.generating,.App .menubar .toolbar-right .status.no-connection,.App .menubar .toolbar-right .status.error{background-color:#c83f3f}.App .menubar .item{display:flex;border:none;flex-direction:row;align-items:center;justify-content:center;padding:.3rem 1rem;color:var(--text-color);cursor:pointer;transition:background-color .2s ease;background-color:var(--toolbar-bg-color);width:55px}.App .menubar .item:hover{background-color:var(--hovered-toolbar-bg-color)}.drop-down-menu{position:absolute;top:70px;left:0;z-index:100;width:200px;display:flex;flex-direction:column;border-radius:0 2px 2px;background-color:var(--context-menu-bg-color);box-shadow:0 0 10px #00000080;padding:4px 0;margin:0;overflow-y:hidden;height:0;opacity:0;display:none}.drop-down-menu.file{left:4px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu.edit{left:55px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu.view{left:110px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu button{background-color:transparent;color:var(--text-color);border:none;padding:8px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease}.drop-down-menu button:hover{background-color:var(--hovered-toolbar-bg-color)}@media (max-width: 768px){.App .menubar{background-color:transparent;justify-content:flex-end;position:fixed;width:90px;bottom:65px;top:auto;right:0;z-index:999}.App .menubar .toolbar-left{display:none}.App .menubar .toolbar-right button{display:none!important}.App .menubar .toolbar-right{justify-content:flex-end}.App .menubar .toolbar-right .login{padding:.4rem .6rem;margin:.4rem;display:flex!important;flex:1 1 0;text-align:center;align-items:center;justify-content:center}.App .menubar .toolbar-right .save{padding:.4rem;margin:.4rem 0;display:flex!important;flex:1 1 0;text-align:center;align-items:center;color:#fff;justify-content:center;height:32px;width:32px;border-radius:50%;border:none}}@media (min-width: 768px){.App .side-bar.open~.main-content .menubar{left:300px;width:calc(100% - 300px)}.App .side-bar.closed~.main-content .menubar{left:20px;width:calc(100% - 20px)}.App .menubar .toolbar-right .save{display:none}}.ModelSettings{background-color:var(--context-menu-bg-color);padding:1rem;border-radius:4px;z-index:999;max-width:500px}.ModelSettings h3{margin:0 0 1rem;font-size:1rem;font-weight:700}.setting .control-group{margin-bottom:10px}.setting.select-setting .control-group{display:flex;align-items:center;margin-bottom:5px}.setting label{margin-right:10px;font-size:.8rem;font-weight:600}.setting.select-setting .control-group button{flex:1 1 0;margin:4px;padding:4px;border:none;background-color:var(--grid-button-bg-color);border-radius:4px;text-align:center;cursor:pointer;transition:background-color .2s ease}.setting.select-setting .control-group button:hover{background-color:var(--active-hovered-style-button-bg-color)}.setting.select-setting .control-group button:disabled{background-color:var(--active-grid-button-bg-color);cursor:not-allowed}.setting.number-setting{display:flex;justify-content:space-between;margin:1rem}.setting.number-setting label{flex:1 1 0;min-width:150px}.setting.number-setting input{margin-right:10px;font-size:.8rem;font-weight:600;flex:1 1 0;padding:4px;border:none;background-color:var(--grid-button-bg-color);border-radius:4px;text-align:center}.setting.number-setting input:focus{background-color:var(--active-hovered-style-button-bg-color)}.available-models{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0}.available-models button{flex:1 1 0;margin:4px;padding:4px;min-width:200px;border:none;background-color:var(--grid-button-bg-color);border-radius:4px;text-align:center;cursor:pointer;transition:background-color .2s ease}.available-models button:hover{background-color:var(--active-hovered-style-button-bg-color)}.available-models button.active{background-color:var(--active-grid-button-bg-color)}.setting.hidden{display:none}.range-slider-container{width:100%;padding:10px 0}.range-slider{position:relative;height:4px;background-color:#e0e0e0;border-radius:2px;cursor:pointer}.range-slider-track{position:absolute;top:0;left:0;right:0;bottom:0}.range-slider-fill{position:absolute;top:0;left:0;bottom:0;background-color:#3498db;border-radius:2px}.range-slider-thumb{position:absolute;top:50%;width:16px;height:16px;background-color:#3498db;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.range-slider-label{margin-top:10px;text-align:center;font-size:14px;color:#6c6a6a}.ServerSelect{background-color:var(--context-menu-bg-color);padding:1rem;border-radius:4px;z-index:999;width:400px}.ServerSelect h2{margin:0 0 1rem;font-size:1rem;font-weight:700}.server-button{cursor:pointer;margin:0 1rem;min-width:150px;border:none;background:transparent}.server-button:hover{color:#fff}.ServerSelect .server-list{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.ServerSelect .server-list .server{display:flex;align-items:center;justify-content:space-between;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease;background:none;border:none;text-align:left}.ServerSelect .server-list .server:hover{background-color:var(--active-hovered-style-button-bg-color)}.ServerSelect .server-list .server:disabled{color:#fff;font-weight:700}.ServerSelect .server-list .server.active{background-color:var(--active-grid-button-bg-color)}.ServerSelect .server-list .server .server-name{display:block}.ServerSelect .server-list .server .server-info{margin-top:.3rem;display:block;font-size:.6rem;text-decoration:none}.ServerSelect .server-list .server .server-info a{text-decoration:none}.ServerSelect .server-list .server .server-info a:hover{color:var(--link-color)}.ServerSelect .server-list .server .server-edit{height:16px;width:16px;opacity:.7}.ServerSelect .server-list .server .server-edit:hover{opacity:1}.ServerSelect .server-edit-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ServerSelect .server-edit-form input{padding:.4rem .8rem;border-radius:4px;background-color:var(--grid-button-bg-color);border:none}.toolbar{display:flex;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;padding:4px;cursor:pointer;vertical-align:middle}@media (max-width: 1200px){.toolbar button.toolbar-item{display:none}}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:var(--hovered-button-bg-color)}.toolbar .divider{width:1px;background-color:#555557;margin:0 4px}.toolbar select.toolbar-item{border:0;display:flex;background:none;vertical-align:middle;align-items:center;-webkit-appearance:none;-moz-appearance:none;width:70px;font-size:14px;text-overflow:ellipsis}.toolbar select.toolbar-item.code-language{text-transform:capitalize;color:#000;width:130px}.toolbar select.toolbar-item.code-language:hover{background-color:inherit}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:14px;color:#000;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}.toolbar i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:8px;margin-right:10px;pointer-events:none}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(images/icons/chevron-down.svg)}#block-controls button:hover{background-color:#efefef}#block-controls button:focus-visible{border-color:#00f}#block-controls span.block-type{background-size:contain;display:block;width:18px;height:18px;margin:2px}#block-controls span.block-type.paragraph{background-image:url(images/icons/text-paragraph.svg)}#block-controls span.block-type.h1{background-image:url(images/icons/type-h1.svg)}#block-controls span.block-type.h2{background-image:url(images/icons/type-h2.svg)}#block-controls span.block-type.quote{background-image:url(images/icons/chat-square-quote.svg)}#block-controls span.block-type.ul{background-image:url(images/icons/list-ul.svg)}#block-controls span.block-type.ol{background-image:url(images/icons/list-ol.svg)}#block-controls span.block-type.code{background-image:url(images/icons/code.svg)}.dropdown{z-index:5;display:block;position:absolute;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;min-width:100px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border:0;min-width:268px}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;width:200px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain}.link-editor{position:absolute;z-index:100;top:-10000px;left:-10000px;margin-top:-6px;max-width:300px;width:100%;opacity:0;background-color:#fff;box-shadow:0 5px 10px #0000004d;border-radius:4px;transition:opacity .5s}.link-editor .link-input{display:block;width:calc(100% - 24px);box-sizing:border-box;margin:8px 12px;padding:8px 12px;border-radius:4px;background-color:#eee;font-size:15px;color:#050505;border:0;outline:0;position:relative;font-family:inherit}.link-editor div.link-edit{background-image:url(images/icons/pencil-fill.svg);background-size:16px;background-position:center;background-repeat:no-repeat;width:35px;vertical-align:-.25em;position:absolute;right:0;top:0;bottom:0;cursor:pointer}.link-editor .link-input a{color:#216fdb;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;margin-right:30px;text-overflow:ellipsis}.link-editor .link-input a:hover{text-decoration:underline}.link-editor .button{width:20px;height:20px;display:inline-block;padding:6px;border-radius:4px;cursor:pointer;margin:0 2px}.link-editor .button.hovered{width:20px;height:20px;display:inline-block;background-color:#eee}.link-editor .button i,.actions i{background-size:contain;display:inline-block;height:20px;width:20px;vertical-align:-.25em}i.undo{background-image:url(images/icons/arrow-counterclockwise.svg)}i.redo{background-image:url(images/icons/arrow-clockwise.svg)}.icon.paragraph{background-image:url(images/icons/text-paragraph.svg)}.icon.large-heading,.icon.h1{background-image:url(images/icons/type-h1.svg)}.icon.small-heading,.icon.h2{background-image:url(images/icons/type-h2.svg)}.icon.bullet-list,.icon.ul{background-image:url(images/icons/list-ul.svg)}.icon.numbered-list,.icon.ol{background-image:url(images/icons/list-ol.svg)}.icon.quote{background-image:url(images/icons/chat-square-quote.svg)}.icon.code{background-image:url(images/icons/code.svg)}i.bold{background-image:url(images/icons/type-bold.svg)}i.italic{background-image:url(images/icons/type-italic.svg)}i.underline{background-image:url(images/icons/type-underline.svg)}i.strikethrough{background-image:url(images/icons/type-strikethrough.svg)}i.code{background-image:url(images/icons/code.svg)}i.link{background-image:url(images/icons/link.svg)}i.left-align{background-image:url(images/icons/text-left.svg)}i.center-align{background-image:url(images/icons/text-center.svg)}i.right-align{background-image:url(images/icons/text-right.svg)}i.justify-align{background-image:url(images/icons/justify.svg)}.Context{background-color:var(--context-menu-bg-color);padding:1rem;border-radius:4px;z-index:999;width:400px}.Context h2{margin:0 0 1rem;font-size:1rem;font-weight:700}.Context h2.rag-header{margin:0}.context-button{margin:0 1rem;padding:3px;min-width:150px;border:none;border-radius:4px;text-align:center;cursor:pointer;transition:background-color .2s ease}.context-button:hover{color:#fff}.Context .context-list{display:grid;grid-template-columns:1fr;gap:1rem}.Context .context-list .context-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease;background:none;border:none;text-align:left}.Context .context-list .context-item:hover{background-color:var(--active-hovered-style-button-bg-color)}.Context .context-list .context-item:disabled{color:#fff;font-weight:700}.Context .context-list .context-item.active{background-color:var(--active-grid-button-bg-color)}.Context .context-list .context-item .context-name{display:block}.Context .context-list .context-item .context-info{margin-top:.3rem;display:block;font-size:.6rem;text-decoration:none}.Context .context-list .context-item .context-info a{text-decoration:none}.Context .context-list .context-item .context-info a:hover{color:var(--link-color)}.Context .context-list .context-item .context-edit{height:16px;width:16px;opacity:.7}.Context .context-list .context-item .context-edit:hover{opacity:1}.App .tabs .tab-container .tab{height:35px;flex:1 1 0;font-size:.8rem;display:flex;flex-direction:row;margin:.2rem .2rem 0 0;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:.2rem .4rem .3rem 1rem;color:var(--text-color);cursor:pointer;min-width:20px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.App .tabs .tab-container .tab{min-width:100px;height:30px}}.App .tabs .tab-container .tab .editable-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;outline:none;box-shadow:none;font-size:small;background:none;margin:0;padding:0;border:none}.App .tabs .tab-container .tab .editable-title:not(.synced):after{content:"●";display:inline-block;margin-left:.2rem}.App .tabs .tab-container .tab .close{border:none;background-color:transparent;display:flex;opacity:0;align-items:center;justify-content:center;transition:background-color .2s ease;margin:0;-webkit-user-select:none;user-select:none;padding:3px;border-radius:4px}.App .tabs .tab-container .tab .close:hover{background-color:var(--hovered-button-bg-color)}.App .tabs .tab-container .tab .close svg{fill:var(--text-color);width:12px;height:12px;cursor:pointer}.App .tabs .tab-container .tab.active{background-color:var(--active-tab-bg-color)}.App .tabs .tab-container .tab.active .close{opacity:1}.App .tabs .tab-container .tab:hover{background-color:var(--hovered-tab-bg-color)}.App .tabs .tab-container .tab:hover .close{opacity:1}.App .tabs .tab-container .tab.active:hover{background-color:var(--active-tab-bg-color)}.tab-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:4px;background-color:var(--context-menu-bg-color);z-index:999}.tab-actions button{border:none;background:none;padding:.2rem;cursor:pointer;text-align:left}.tab-actions button:hover{color:var(--hovered-button-bg-color)}.App .tabs .tab-container .tab .editable-title.editing:after{content:"|";top:0;color:#fff;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.App{height:100%;width:100vw;overflow:hidden;display:flex;flex-direction:row}.App .side-bar{display:flex;flex-direction:column;background-color:var(--side-bar-bg-color);flex-shrink:0;transition:width .3s ease;position:relative}.App .side-bar.closed{width:20px}.App .side-bar.open{width:300px}.App .side-bar .toggle-handle{position:absolute;right:0;width:20px;height:100%;display:flex;align-items:center;background-color:#161616;transition:background-color .2s ease}.App .side-bar .toggle-handle:after{content:"";position:absolute;top:calc(50% - 15px);left:calc(50% - 2px);width:4px;border-radius:2px;height:30px;background-color:gray;opacity:.3}.App .side-bar .toggle-handle:hover{background-color:#322f2f;cursor:pointer}.App .side-bar .toggle-handle:hover:after{opacity:.6}.App .main-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.App .main-content .tabs{display:flex;flex-direction:row;align-items:flex-end;background-color:var(--tabs-bg-color);justify-content:flex-start;width:100%;height:45px;z-index:999;flex-shrink:0}.App .main-content .tabs .tab-container{display:flex;flex-direction:row;align-items:flex-end;background-color:var(--tabs-bg-color);justify-content:flex-start;flex:1;height:100%}.App .main-content .tabs .add{font-size:.8rem;display:flex;flex-direction:row;margin:.2rem .2rem 0 0;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:.2rem 0 .3rem;color:var(--text-color);cursor:pointer;transition:background-color .2s ease;height:35px}.App .main-content .tabs .add .button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;margin:0;padding:3px 1rem}.App .main-content .tabs .add .button svg{fill:var(--text-color);width:12px;height:12px;cursor:pointer}.App .main-content .tabs .add:hover{background-color:var(--hovered-tab-bg-color)}.App .main-content .app-container{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden}.App .main-content .app-container .editor-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--editor-bg-color);overflow-y:auto}.editor-input{height:100%;width:100%;outline:none;caret-color:#c38501;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.editor-input>*:last-child{margin-bottom:6rem}.editor-input::-webkit-scrollbar{display:none}.editor-paragraph,.editor-heading-h1,.editor-heading-h2,.editor-heading-h3,.editor-heading-h4,.editor-heading-h5,.editor-heading-h6,.editor-blockquote,.editor-list-ol,.editor-list-ul{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.editor-list-ol,.editor-list-ul{padding-left:4.5rem}.editor-paragraph{padding:0;font-size:1.2em;line-height:1.6em;color:var(--text-color)}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-link{color:var(--link-color);text-decoration:none}.codeHighlight{background-color:#292826;font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;border-radius:4px;-moz-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.codeHighlight:before{content:attr(data-gutter);position:absolute;background-color:#201e1e;left:0;top:0;border-right:1px solid #0f0c0c;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.codeHighlight:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:#a7a7a780}.codeHighlight .editor-tokenAttr{color:#66d9ef}.codeHighlight .editor-tokenProperty{color:#f92672}.codeHighlight .editor-tokenSelector{color:#a6e22e}.codeHighlight .editor-tokenComment{color:#75715e}.codeHighlight .editor-tokenFunction{color:#e6db74}.codeHighlight .editor-tokenOperator{color:#f92672}.codeHighlight .editor-tokenVariable{color:#fd971f}.codeHighlight .editor-tokenPunctuation{color:#f8f8f2}@media (max-width: 768px){.App{flex-direction:column-reverse}.App .main-content{position:relative;flex:1;display:flex;flex-direction:column;margin-left:20px;transition:margin-left .3s ease}.App .main-content .tabs{order:2;position:relative;z-index:999}.App .main-content .app-container{order:1;flex:1}.App .main-content .tabs .tab-container{overflow-y:hidden;overflow-x:auto}.App .side-bar{position:absolute;top:0;left:0;height:100%;z-index:1000;transition:transform .3s ease}.App .side-bar.open{width:100%;min-width:100%;transform:translate(0)}.App .side-bar.open~.main-content{margin-left:0}.App .side-bar.closed{width:20px;transform:translate(0)}.App .side-bar.closed .toggle-handle{display:flex;background-color:#161616e6;border-radius:0 8px 8px 0;box-shadow:2px 0 8px #0000004d}.App .side-bar.closed .toggle-handle:after{opacity:.8}.App .side-bar.closed .toggle-handle:hover:after{opacity:1}}@media (min-width: 768px){.App .side-bar.open{width:300px}.App .side-bar.closed{width:20px}}.Notes{display:flex;flex-direction:column;height:100%;margin-right:30px}.Notes .notes-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:var(--header-bg-color);color:var(--text-color);margin-top:4px}.Notes .notes-header .search-input{position:relative;display:flex;align-items:center;background-color:var(--input-bg-color);border-radius:5px;padding:8px;width:100%;max-width:300px}.Notes .notes-header .search-input input{padding:8px;border:none;background-color:var(--input-bg-color);color:var(--text-color);border-radius:5px;width:100%}.Notes .notes-header .search-input input:focus{outline:none}.Notes .notes-header .search-input input::placeholder{color:var(--low-contrast-text-color)}.Notes .notes-header .search-input .clear-btn{position:absolute;right:10px;color:var(--low-contrast-text-color);cursor:pointer;background:none;border:none;width:30px;height:30px}.Notes .notes-header .search-input .clear-btn:hover{color:var(--text-color)}.note-list{list-style-type:none;padding:8px;display:flex;flex-direction:column;gap:4px;height:100%;overflow-y:auto;margin-bottom:60px}.loading-container{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.note-list::-webkit-scrollbar{width:8px}.note-item{display:flex;justify-content:space-between;align-items:center;padding:10px;color:var(--text-color);cursor:pointer}.note-item:hover{background-color:#171616;border-radius:5px}.note-item-content{display:flex;flex-direction:column}.note-icon{margin-right:10px;color:var(--text-color)}.note-title{font-size:16px;color:var(--text-color)}.note-date{font-size:12px;color:var(--low-contrast-text-color)}.note-actions-container{display:flex}.note-action-btn{background-color:transparent;border:none;color:#555;cursor:pointer;width:40px;height:40px}.note-action-btn:hover{color:#fff}.note-actions{display:flex;flex-direction:column;gap:4px;background-color:var(--context-menu-bg-color);border-radius:5px;padding:8px;width:200px;z-index:9998}.note-actions .note-action{text-align:left;padding:8px;color:var(--text-color);background-color:transparent;border:none;cursor:pointer;opacity:.8;display:flex;align-items:center;gap:8px;border-radius:4px;transition:all .2s ease}.note-actions .note-action:hover{opacity:1;background-color:var(--input-bg-color)}.note-actions .note-action.delete{color:#f44}.note-actions .note-action.delete:hover{background-color:#ff44441a}.note-actions .note-action .action-icon{width:16px;height:16px;flex-shrink:0}.note-actions .note-action.share-control{background-color:var(--input-bg-color);margin-left:8px;font-size:14px;opacity:.9}.note-actions .note-action.share-control:hover{background-color:var(--header-bg-color);opacity:1}.Loader{width:100%;display:flex;align-items:center;justify-content:center;height:100%;opacity:.7;z-index:999;pointer-events:none}.Loader .spinner,.Loader .spinner:after{border-radius:50%;width:2em;height:2em}.Loader .spinner{font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(1,1,1,.2);border-right:1.1em solid rgba(1,1,1,.2);border-bottom:1.1em solid rgba(1,0,1,.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0c0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--document-bg-color: #1e1e1e;--toolbar-bg-color: rgb(158, 153, 153);--context-menu-bg-color: rgb(36, 35, 35);--tabs-bg-color: rgb(31, 31, 31);--active-tab-bg-color: rgb(158, 153, 153);--active-style-button-bg-color: rgb(51, 49, 49);--active-hovered-style-button-bg-color: rgba(51, 49, 49, .7);--hovered-button-bg-color: rgb(106, 103, 103);--hovered-tab-bg-color: rgb(106, 103, 103);--grid-button-bg-color: rgb(44, 44, 44);--hovered-grid-button-bg-color: rgb(218, 218, 218);--active-grid-button-bg-color: #524a5d;--hovered-toolbar-bg-color: rgb(158, 153, 153);--side-bar-bg-color: rgb(24, 24, 24);--editor-bg-color: #1e1e1e;--header-bg-color: rgb(28, 28, 28);--input-bg-color: rgb(38, 38, 38);--text-color: #fff;--low-contrast-text-color: #999;--link-color: #d2678a;--border-color: #444}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}