:root{--tag-padding: 6px 12px;--tag-border-radius: 6px;--tag-border-width: 1px;--tag-font-size: .75rem;--tag-font-weight: 500;--tag-height: 28px;--tag-gap: 8px;--tag-bg: rgba(30, 35, 50, .9);--tag-text: #ffffff;--tag-border: #6b7280;--tag-people: #a855f7;--tag-places: #22c55e;--tag-things: #f97316;--tag-actions: #3b82f6;--tag-writing-styles: #ec4899;--tag-emotions: #eab308;--tag-relationships: #ef4444;--tag-other: #6b7280;--tag-hover-scale: 1.02;--tag-hover-shadow: 0 4px 12px rgba(0, 0, 0, .15);--delete-button-size: 18px;--delete-button-bg: #ef4444;--delete-button-hover-bg: #dc2626}.editor-tag,.tag-preview,.tag-info-preview{display:inline-flex;align-items:center;justify-content:center;padding:var(--tag-padding);height:var(--tag-height);background:var(--tag-bg);color:var(--tag-text);border:var(--tag-border-width) solid var(--tag-border);border-radius:var(--tag-border-radius);font-size:var(--tag-font-size);font-weight:var(--tag-font-weight);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap;transition:all .2s ease;box-sizing:border-box;max-width:240px;overflow:hidden;text-overflow:ellipsis}.editor-tag{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;margin:0 4px;gap:var(--tag-gap);overflow:visible}.editor-tag:hover{transform:translateY(-1px)}.tag-delete-button{position:absolute;top:-6px;right:-6px;width:var(--delete-button-size);height:var(--delete-button-size);border-radius:50%;border:none;background:var(--delete-button-bg);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.tag-delete-button:hover{background:var(--delete-button-hover-bg);transform:scale(1.1)}.editor-tag:hover .tag-delete-button{display:flex}.editor-tag[data-category=people],.tag-preview.category-people,.tag-info-preview.category-people{border-color:var(--tag-people);background:color-mix(in srgb,var(--tag-people) 15%,var(--tag-bg))}.editor-tag[data-category=places],.tag-preview.category-places,.tag-info-preview.category-places{border-color:var(--tag-places);background:color-mix(in srgb,var(--tag-places) 15%,var(--tag-bg))}.editor-tag[data-category=things],.tag-preview.category-things,.tag-info-preview.category-things{border-color:var(--tag-things);background:color-mix(in srgb,var(--tag-things) 15%,var(--tag-bg))}.editor-tag[data-category=actions],.tag-preview.category-actions,.tag-info-preview.category-actions{border-color:var(--tag-actions);background:color-mix(in srgb,var(--tag-actions) 15%,var(--tag-bg))}.editor-tag[data-category=writing-styles],.tag-preview.category-writing-styles,.tag-info-preview.category-writing-styles{border-color:var(--tag-writing-styles);background:color-mix(in srgb,var(--tag-writing-styles) 15%,var(--tag-bg))}.editor-tag[data-category=emotions],.tag-preview.category-emotions,.tag-info-preview.category-emotions{border-color:var(--tag-emotions);background:color-mix(in srgb,var(--tag-emotions) 15%,var(--tag-bg))}.editor-tag[data-category=relationships],.tag-preview.category-relationships,.tag-info-preview.category-relationships{border-color:var(--tag-relationships);background:color-mix(in srgb,var(--tag-relationships) 15%,var(--tag-bg))}.editor-tag[data-category=other],.tag-preview.category-other,.tag-info-preview.category-other{border-color:var(--tag-other);background:color-mix(in srgb,var(--tag-other) 15%,var(--tag-bg))}.tag-typeahead-dropdown,.tag-info-dropdown,.tag-edit-dropdown{position:fixed;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:280px;max-width:400px;animation:dropdownSlideIn .2s ease-out;max-height:min(400px,calc(100vh - 100px));overflow:hidden}.tag-typeahead-dropdown{max-height:300px;overflow-y:auto}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-typeahead-item,.tag-edit-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;color:var(--text-color);transition:background-color .15s ease}.tag-typeahead-item:last-child,.tag-edit-item:last-child{border-bottom:none}.tag-typeahead-item:hover,.tag-typeahead-item.selected,.tag-edit-item:hover,.tag-edit-item.selected{background:#6366f11a}.tag-typeahead-item.create-new,.tag-edit-item.create-new{background:#10b9810d;color:#10b981;font-weight:500;border-top:1px solid rgba(255,255,255,.08)}.tag-typeahead-item.create-new:hover,.tag-typeahead-item.create-new.selected,.tag-edit-item.create-new:hover,.tag-edit-item.create-new.selected{background:#10b9811a}.tag-usage-count{color:var(--low-contrast-text-color);font-size:.7rem;margin-left:auto;background:#ffffff14;padding:2px 6px;border-radius:10px;font-weight:400}.tag-path{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-path-parents{color:var(--low-contrast-text-color);font-weight:400;opacity:.8;margin-right:4px;font-size:.9em}.tag-path-final{color:inherit;font-weight:500}.tag-info-dropdown{padding:16px}.tag-info-content{display:flex;flex-direction:column;gap:12px}.tag-info-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.tag-info-title{color:var(--text-color);font-weight:600;font-size:.9rem}.tag-info-details{color:var(--low-contrast-text-color);font-size:.85rem;line-height:1.4}.tag-info-path{margin:6px 0}.tag-info-path-label{font-weight:600;color:var(--text-color)}.tag-info-actions,.tag-edit-actions{display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.tag-info-action,.tag-edit-action{flex:1;padding:6px 12px;border:1px solid transparent;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tag-info-delete,.tag-edit-delete{background:#dc26261a;color:#ff6b6b;border-color:#dc26264d}.tag-info-delete:hover,.tag-edit-delete:hover{background:#dc262633;color:#ff5252;border-color:#dc262680}.tag-info-cancel,.tag-edit-cancel{background:#ffffff0d;color:#e5e7eb;border-color:#ffffff26}.tag-info-cancel:hover,.tag-edit-cancel:hover{background:#ffffff1a;color:#fff;border-color:#ffffff40}.tag-edit-dropdown{padding:16px;max-width:400px}.tag-edit-content{display:flex;flex-direction:column;gap:14px}.tag-edit-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.tag-edit-title{color:var(--text-color);font-weight:600;font-size:.9rem}.tag-edit-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:#ffffff0d;color:var(--text-color);font-size:.9rem;outline:none;transition:all .15s ease;box-sizing:border-box}.tag-edit-input:focus{border-color:#6366f1;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.tag-edit-list{max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:#0003}.tag-typeahead-loading,.tag-typeahead-empty{padding:20px;text-align:center;color:var(--low-contrast-text-color);font-style:italic;font-size:.9rem}.tag-typeahead-loading:before{content:"⟳";display:inline-block;margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-typeahead-dropdown::-webkit-scrollbar,.tag-edit-list::-webkit-scrollbar{width:6px}.tag-typeahead-dropdown::-webkit-scrollbar-track,.tag-edit-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tag-typeahead-dropdown::-webkit-scrollbar-thumb,.tag-edit-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tag-typeahead-dropdown::-webkit-scrollbar-thumb:hover,.tag-edit-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tag-typeahead-item:focus-visible,.tag-edit-item:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}.editor-tag:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.tag-info-hint,.tag-edit-hint{color:var(--low-contrast-text-color);font-size:.75rem;text-align:center;margin-top:6px;font-style:italic}.tag-typeahead-dropdown:after{content:"↑↓ navigate • ⏎ select • ⎋ cancel";position:sticky;bottom:0;left:0;right:0;background:#000000e6;color:var(--low-contrast-text-color);font-size:.7rem;padding:8px 12px;text-align:center;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.block-controls{pointer-events:auto}.block-controls-buttons{display:flex;flex-direction:column;gap:4px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:4px;box-shadow:0 2px 8px #0000004d}.block-controls-header{position:relative;padding-bottom:4px;margin-bottom:4px}.block-controls-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border-color);opacity:.6}.note-toggle-btn{background:#3b82f61f;color:#93c5fd}.note-toggle-btn:hover{background:#3b82f638;color:#bfdbfe}.note-toggle-btn .arrow-icon{transition:transform .18s ease;transform:rotate(0)}.note-toggle-btn.open .arrow-icon{transform:rotate(90deg)}.block-control-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:6px 8px;border-radius:3px;font-size:12px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.block-control-btn:hover{background:var(--hovered-button-bg-color)}.block-control-btn.delete-btn:hover:not(:disabled){background:#dc354533;color:#ff6b6b}.block-control-btn.ai-btn:hover:not(:disabled){background:#3b82f633;color:#3b82f6}.block-control-btn.rewrite-btn:hover:not(:disabled){background:#a855f733;color:#a855f7}.block-control-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.block-control-btn.prompt-control-cancel:hover:not(:disabled){background:#ef444433;color:#ef4444}.block-control-btn.prompt-control-undo:hover:not(:disabled){background:#22c55e33;color:#22c55e}.block-control-btn.prompt-control-redo:hover:not(:disabled){background:#3b82f633;color:#3b82f6}.block-control-btn.prompt-control-delete:hover:not(:disabled){background:#dc354533;color:#ff6b6b}.block-control-btn.ai-generation-accept:hover:not(:disabled){background:#22c55e33;color:#22c55e}.block-control-btn.ai-generation-reject:hover:not(:disabled){background:#ef444433;color:#ef4444}.rewrite-input-area{position:absolute;top:0;left:100%;margin-left:8px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:8px;box-shadow:0 2px 8px #0000004d;min-width:200px;z-index:1001;display:flex;flex-direction:column;gap:8px}.rewrite-input{background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:3px;color:var(--text-color);padding:6px 8px;font-size:12px;outline:none;width:100%;box-sizing:border-box}.rewrite-input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.rewrite-submit-btn{background:#a855f7;border:none;color:#fff;cursor:pointer;padding:6px 12px;border-radius:3px;font-size:12px;transition:background-color .2s ease;align-self:flex-end}.rewrite-submit-btn:hover:not(:disabled){background:#9333ea}.rewrite-submit-btn:disabled{opacity:.4;cursor:not-allowed}.editors-note-flyout{background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:10px;min-width:300px;max-width:420px;box-shadow:0 6px 18px #00000059}.editors-note-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.editors-note-label{font-size:12px;font-weight:600;color:#ffffffd9;opacity:.9}.editors-note-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:4px}.editors-note-close:hover{background:#ffffff14}.editors-note-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background-color:#00000040;color:var(--text-color);border-radius:8px;font-size:13px;outline:none}.editors-note-input:focus{border-color:var(--link-color);box-shadow:0 0 0 3px #3b82f62e;background-color:#00000052}.block-type-menu{position:absolute;top:0;left:100%;margin-left:8px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:4px;box-shadow:0 2px 8px #0000004d;min-width:140px;max-height:300px;overflow-y:auto;z-index:1001}.current-type{padding:8px 12px;color:var(--text-color);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-color);margin-bottom:4px;opacity:.7}.block-type-option{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:8px 12px;border-radius:3px;font-size:13px;transition:background-color .2s ease;display:block;width:100%;text-align:left;white-space:nowrap}.block-type-option:hover{background:var(--hovered-button-bg-color)}.editor-paragraph:hover,.editor-heading-h1:hover,.editor-heading-h2:hover,.editor-heading-h3:hover,.editor-heading-h4:hover,.editor-heading-h5:hover,.editor-heading-h6:hover,.editor-blockquote:hover,.editor-list-ol:hover,.editor-list-ul:hover,.codeHighlight:hover{background-color:#ffffff05;border:1px solid rgb(93,93,93);position:relative}.block-controls *{pointer-events:auto}.App .menubar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--toolbar-bg-color);position:relative;top:0;height:35px;z-index:999;width:100%;box-sizing:border-box;flex-shrink:0}.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)}.floating-dropdown{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}.dropdown-item{background-color:transparent;color:var(--text-color);border:none;padding:8px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--hovered-toolbar-bg-color)}@media (max-width: 768px){.App .menubar{background-color:transparent;justify-content:flex-end;position:absolute;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 .menubar .toolbar-right .save{display:none}}.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)}.table-of-contents{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-color)}.toc-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin-bottom:4px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.toc-item:hover{background-color:var(--input-bg-color)}.toc-link{display:block;padding:6px 8px;text-decoration:none;color:inherit;font-size:13px;line-height:1.4;border-radius:4px;transition:all .2s ease}.toc-link:hover{text-decoration:none;color:var(--text-color)}.toc-item.toc-h1 .toc-link{font-weight:600;font-size:14px;padding-left:8px;color:var(--text-color)}.toc-item.toc-h2 .toc-link{font-weight:500;font-size:13px;padding-left:20px;color:var(--text-color)}.toc-item.toc-h3 .toc-link{font-weight:400;font-size:12px;padding-left:32px;color:var(--low-contrast-text-color)}.toc-item.toc-h4 .toc-link{font-weight:400;font-size:12px;padding-left:44px;color:var(--low-contrast-text-color)}.toc-item.toc-h5 .toc-link{font-weight:400;font-size:11px;padding-left:56px;color:var(--low-contrast-text-color)}.toc-item.toc-h6 .toc-link{font-weight:400;font-size:11px;padding-left:68px;color:var(--low-contrast-text-color)}.toc-item.active .toc-link{background-color:var(--active-style-button-bg-color);color:var(--link-color);font-weight:500}.table-of-contents:empty:before{content:"Add headings to see table of contents";color:var(--low-contrast-text-color);font-size:12px;font-style:italic;padding:16px 8px;display:block}.toc-panel::-webkit-scrollbar{width:6px}.toc-panel::-webkit-scrollbar-track{background:var(--editor-bg-color)}.toc-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.toc-panel::-webkit-scrollbar-thumb:hover{background:var(--low-contrast-text-color)}@media (max-width: 768px){.toc-panel{display:none}.story-editor-container{flex-direction:column!important}}.toc-mobile-toggle{display:none;position:fixed;top:70px;right:20px;z-index:1000;background:var(--side-bar-bg-color);border:1px solid var(--border-color);border-radius:6px;padding:8px;box-shadow:0 4px 6px -1px #0000004d}@media (max-width: 768px){.toc-mobile-toggle{display:block}}.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:column}.App [data-panel-group]{height:100%;width:100%}.App [data-panel]{height:100%;overflow:hidden}.resize-handle{background-color:var(--side-bar-bg-color);width:2px;cursor:col-resize;transition:background-color .2s ease;position:relative}.resize-handle:hover{background-color:#4a5568}.resize-handle[data-resize-handle-active]{background-color:#2d3748}.side-bar-panel{background-color:var(--side-bar-bg-color);display:flex;flex-direction:column}.side-bar-content{height:100%;overflow:hidden;display:flex;flex-direction:column}.right-panel{background-color:var(--side-bar-bg-color);display:flex;flex-direction:column}.right-panel-content{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:1rem}.placeholder-content{color:var(--text-color);text-align:center;padding:2rem 1rem}.placeholder-content h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-color)}.placeholder-content p{margin:0;font-size:.9rem;color:var(--text-color-secondary, #888);line-height:1.4}.App .side-bar,.App .side-bar.closed,.App .side-bar.open,.App .side-bar .toggle-handle{display:none}.App .main-content{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.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;border:1px solid rgba(255,255,255,.05);border-radius:4px;margin:4px 0;padding:8px 12px;background-color:#ffffff03;transition:all .2s ease;position:relative}.editor-list-ol,.editor-list-ul{padding-left:4.5rem}.editor-paragraph{font-size:1.2em;line-height:1.6em;color:var(--text-color)}.editor-heading-h1{font-size:2.5em;font-weight:700;color:var(--text-color);background-color:#d2678a0d}.editor-heading-h2{font-size:2em;font-weight:700;color:var(--text-color);background-color:#d2678a08}.editor-heading-h3{font-size:1.7em;font-weight:700;color:var(--text-color);background-color:#d2678a05}.editor-heading-h4{font-size:1.4em;font-weight:700;color:var(--text-color);background-color:#d2678a03}.editor-heading-h5{font-size:1.2em;font-weight:700;color:var(--text-color);background-color:#d2678a03}.editor-heading-h6{font-size:1.1em;font-weight:700;color:var(--text-color);background-color:#d2678a03}.editor-blockquote{font-style:italic;color:var(--low-contrast-text-color);background-color:#ffffff08;border-left:3px solid var(--low-contrast-text-color);padding-left:20px}.editor-quote{font-style:italic;color:var(--text-color);background-color:#d2678a0d;border-left:4px solid #d2678a;padding:16px 20px;margin:12px 0;border-radius:0 8px 8px 0;position:relative;font-size:1.1em;line-height:1.6em;box-shadow:0 2px 8px #d2678a1a;transition:all .3s ease}.editor-quote:before{content:'"';position:absolute;top:8px;left:12px;font-size:2.5em;color:#d2678a4d;font-family:Georgia,serif;line-height:1}.editor-quote:hover{background-color:#d2678a14;box-shadow:0 4px 12px #d2678a26;transform:translate(2px)}.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:4px 0;border-radius:4px;-moz-tab-size:2;tab-size:2;overflow-x:auto;position:relative;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.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}.vertical-nav-bar{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 0;background-color:var(--side-bar-bg-color);position:relative;box-sizing:border-box}.vertical-nav-bar.left{border-right:1px solid var(--border-color, #2d2d2d)}.vertical-nav-bar.right{border-left:1px solid var(--border-color, #2d2d2d)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color);cursor:pointer;padding:6px 4px;margin:2px 0;border-radius:4px;transition:all .2s ease;min-height:40px;width:32px;position:relative;overflow:hidden}.nav-button:hover{background-color:var(--hovered-toolbar-bg-color, rgba(255, 255, 255, .1));transform:translate(2px);box-shadow:0 2px 4px #0003}.nav-button:active{transform:translate(1px);background-color:var(--active-bg-color, rgba(255, 255, 255, .15))}.nav-icon{font-size:14px;margin-bottom:2px;display:block;line-height:1}.nav-label{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.App{flex-direction:column-reverse}.App .main-content{position:relative;flex:1;display:flex;flex-direction:column}.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}.vertical-nav-bar{width:100%;padding:6px 0}.nav-button{min-height:35px;width:28px;padding:4px 2px}.nav-icon{font-size:12px}.nav-label{font-size:7px}}@media (min-width: 768px){.App .side-bar.open{width:300px}.App .side-bar.closed{width:20px}}.vertical-nav-bar{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-button:before{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--context-menu-bg-color, #2d2d2d);color:var(--text-color);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;margin-left:.5rem;box-shadow:0 2px 8px #0000004d}.nav-button:hover:before{opacity:1;transform:translateY(-50%) translate(4px)}.vertical-nav-bar.right .nav-button:before{left:auto;right:100%;margin-left:0;margin-right:.5rem}.vertical-nav-bar.right .nav-button:hover:before{transform:translateY(-50%) translate(-4px)}.nav-button+.nav-button{margin-top:4px}.vertical-nav-bar.multiple-buttons .nav-button{min-height:36px}.vertical-nav-bar.multiple-buttons .nav-icon{font-size:13px}.vertical-nav-bar.multiple-buttons .nav-label{font-size:7px}.Notes{display:flex;flex-direction:column;height:100%;min-width:200px;max-width:100%}.Notes .tab-navigation{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--side-bar-bg-color);flex-shrink:0;height:48px;padding:0 4px}.Notes .tab-button{flex:1;padding:12px 16px;border:none;background:none;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease;border-radius:6px;margin:6px 2px;position:relative}.Notes .tab-button:hover{background-color:#ffffff0d;color:#fffc}.Notes .tab-button.active{background-color:#ffffff14;color:#fffffff2;box-shadow:0 1px 3px #0003}.Notes .tab-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.Notes .notes-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);flex-shrink:0;gap:8px}.Notes .notes-header .search-input{position:relative;display:flex;align-items:center;background-color:var(--input-bg-color);border-radius:6px;width:100%;min-width:150px;border:1px solid transparent;transition:border-color .2s ease}.Notes .notes-header .search-input:focus-within{border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.Notes .notes-header .search-input input{padding:10px 40px 10px 12px;border:none;background-color:transparent;color:var(--text-color);border-radius:6px;width:100%;font-size:14px;line-height:1.4}.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:8px;color:var(--low-contrast-text-color);cursor:pointer;background:none;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.Notes .notes-header .search-input .clear-btn:hover{color:var(--text-color);background-color:#ffffff1a}.Notes .notes-header .search-input .clear-btn svg{width:14px;height:14px}.Notes .notes-header .header-controls{display:flex;gap:6px;flex-shrink:0}.Notes .notes-header .icon-btn{width:32px;height:32px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.Notes .notes-header .icon-btn:hover{border-color:#ffffff1a}.Notes .notes-header .icon-btn.active{border-color:#4a90e2}.Notes .notes-header .icon-btn svg{width:16px;height:16px}.note-list{list-style-type:none;padding:8px 12px 60px;margin:0;display:flex;flex-direction:column;gap:2px;height:100%;overflow-y:auto;flex:1}.root-drop-zone{height:10px;margin:2px 4px;border-radius:4px;transition:background-color .15s ease,box-shadow .15s ease}.root-drop-zone.active{background-color:#4a90e21f;box-shadow:0 0 0 2px #4a90e240 inset}.loading-container{position:relative;display:flex;justify-content:center;align-items:center;height:100%;padding:40px 20px}.note-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.note-list::-webkit-scrollbar{width:6px;height:6px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.note-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.note-list::-webkit-scrollbar-thumb:active{background-color:#ffffff61}.note-list::-webkit-scrollbar-corner{background:transparent}.note-item{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);cursor:pointer;border-radius:6px;transition:background-color .15s ease,border .15s ease,box-shadow .15s ease;min-height:56px;position:relative}.note-item:hover:not(.drop-target){background-color:#171616}.note-item:not(.dragging){cursor:pointer}.note-item-wrapper{display:flex;align-items:center;width:100%;gap:8px;padding:8px 12px;min-width:0}.drag-handle{background:none;border:none;cursor:grab;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:0;color:var(--low-contrast-text-color);border-radius:3px;transition:all .2s ease;flex-shrink:0;opacity:.6}.note-item:hover .drag-handle{opacity:1}.drag-handle:hover{background-color:var(--input-bg-color);color:var(--text-color)}.drag-handle:active{cursor:grabbing}.drag-icon{width:14px;height:14px}.note-item-content{display:flex;flex-direction:column;flex:1;cursor:pointer;min-width:0;gap:2px}.note-title-container{display:flex;align-items:center;gap:6px;min-width:0}.expand-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;color:var(--low-contrast-text-color);border-radius:3px;transition:all .2s ease;flex-shrink:0}.expand-button:hover{background-color:var(--input-bg-color);color:var(--text-color)}.expand-icon{width:12px;height:12px}.note-icon{margin-right:8px;color:var(--text-color);flex-shrink:0}.note-title{font-size:15px;color:var(--text-color);font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.note-date{font-size:12px;color:var(--low-contrast-text-color);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-actions-container{display:flex;flex-shrink:0;opacity:0;transition:opacity .15s ease}.note-item:hover .note-actions-container{opacity:1}.note-action-btn{background-color:transparent;border:none;color:var(--low-contrast-text-color);cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.note-action-btn:hover{color:var(--text-color);background-color:var(--input-bg-color)}.note-action-btn svg{width:16px;height:16px}.note-actions{display:flex;flex-direction:column;gap:2px;background-color:var(--context-menu-bg-color);border-radius:8px;padding:6px;min-width:180px;z-index:9998;border:1px solid var(--input-bg-color);box-shadow:0 8px 24px #0006,0 0 0 1px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:contextMenuAppear .15s ease-out}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.vocabulary-content{display:flex;flex-direction:column;height:100%;padding:20px}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;height:100%;color:var(--text-color)}.coming-soon-icon{font-size:48px;margin-bottom:16px;opacity:.8}.coming-soon-content h4{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-color)}.coming-soon-content p{font-size:14px;color:var(--low-contrast-text-color);margin:0 0 16px;line-height:1.5}.feature-list{list-style:none;padding:0;margin:0 0 20px;max-width:300px}.feature-list li{font-size:13px;color:var(--low-contrast-text-color);position:relative;padding:8px 0 8px 20px}.feature-list li:before{content:"•";color:#4a90e2;position:absolute;left:0;top:8px}.preview-note{font-size:12px;color:var(--low-contrast-text-color);opacity:.7;font-style:italic;margin-top:8px}.note-actions .note-action{text-align:left;padding:8px 10px;color:var(--text-color);background-color:transparent;border:none;cursor:pointer;opacity:.9;display:flex;align-items:center;gap:8px;border-radius:4px;transition:all .2s ease;font-size:14px;white-space:nowrap}.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:12px;font-size:13px;opacity:.8}.note-actions .note-action.share-control:hover{background-color:var(--header-bg-color);opacity:1}.note-item.dragging{opacity:.4;transform:none;transition:opacity .2s ease}.note-item:not(.dragging){transition:all .3s cubic-bezier(.4,0,.2,1)}.drag-overlay-item{background:linear-gradient(145deg,#4a90e2f2,#4a90e2d9);border:2px solid #4a90e2;border-radius:8px;transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #0006,0 0 0 1px #4a90e266,inset 0 1px #ffffff1a;z-index:1000;cursor:grabbing;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:none;animation:dragFloat 2s ease-in-out infinite}@keyframes dragFloat{0%,to{transform:scale(1.05) rotate(2deg) translateY(0)}50%{transform:scale(1.05) rotate(2deg) translateY(-2px)}}.drag-overlay-item .note-item{background-color:transparent;border:none;box-shadow:none;margin:0;padding:0;opacity:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.drag-overlay-item .note-title{color:#fff;font-weight:500}.drag-overlay-item .note-date{color:#fffc}.drag-overlay-item .drag-handle{color:#ffffffe6;opacity:1}.drag-overlay-item .drag-icon{color:#ffffffe6}.drag-overlay-item .note-actions-container{opacity:.7}.note-item.dragging .drag-handle,.note-item.dragging{cursor:grabbing}.note-item.drop-target{background-color:#4a90e21f;border:2px solid #4a90e2;border-radius:8px;transform:none!important;box-shadow:0 0 0 3px #4a90e240,inset 0 0 0 1px #4a90e226,0 4px 12px #4a90e226;transition:all .15s ease-in-out;animation:dropTargetPulse 1.5s ease-in-out infinite}@keyframes dropTargetPulse{0%,to{box-shadow:0 0 0 3px #4a90e240,inset 0 0 0 1px #4a90e226,0 4px 12px #4a90e226}50%{box-shadow:0 0 0 4px #4a90e259,inset 0 0 0 1px #4a90e233,0 6px 16px #4a90e240}}.note-item.drag-over{background-color:var(--input-bg-color);border-left:3px solid #4a90e2}.drop-indicator{height:2px;background-color:#4a90e2;margin:2px 0;border-radius:1px;opacity:0;transition:opacity .2s ease}.drop-indicator.active{opacity:1}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;padding:40px 20px;flex:1}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;width:100%;gap:16px}.empty-state-icon{width:48px;height:48px;color:var(--low-contrast-text-color);opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0;line-height:1.3}.empty-state-description{font-size:14px;color:var(--low-contrast-text-color);line-height:1.5;margin:0}.empty-state-button{background-color:var(--input-bg-color);color:var(--text-color);border:none;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.empty-state-button:hover{background-color:var(--header-bg-color);transform:translateY(-1px)}@media (max-width: 300px){.Notes .notes-header{padding:8px 12px}.note-item-wrapper{gap:6px;padding:6px 8px}.note-title{font-size:14px}.note-date{font-size:11px}.empty-state-icon{width:40px;height:40px}.empty-state-title{font-size:16px}.empty-state-description{font-size:13px}}@media (min-width: 400px){.note-list{padding:8px 16px}.note-item-wrapper{padding:10px 16px}}.vocabulary-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.vocabulary-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--side-bar-bg-color);flex-shrink:0}.vocabulary-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-color)}.vocabulary-subtitle{margin:0;font-size:13px;color:var(--low-contrast-text-color);opacity:.8}.tag-list{list-style:none;padding:8px 0;margin:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.tag-list::-webkit-scrollbar{width:6px;height:6px}.tag-list::-webkit-scrollbar-track{background:transparent}.tag-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.tag-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.tag-list::-webkit-scrollbar-thumb:active{background-color:#ffffff61}.tag-list::-webkit-scrollbar-corner{background:transparent}.tag-item{margin-bottom:1px;transition:all .2s ease}.tag-item:hover{background-color:#ffffff05}.tag-item-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.tag-item-wrapper:hover{background-color:#ffffff0d}.tag-item-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.tag-title-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.expand-button{width:20px;height:20px;border:none;background:none;color:var(--low-contrast-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}.expand-button:hover{background-color:#ffffff1a;color:var(--text-color)}.expand-icon{width:14px;height:14px}.tag-title{flex:1;min-width:0}.tag-category{font-size:14px;font-weight:500;color:var(--text-color);opacity:.9}.tag-name{font-size:14px;font-weight:400;color:var(--text-color);opacity:.8}.tag-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.tag-usage-count{font-size:12px;color:var(--low-contrast-text-color);opacity:.7;background-color:#ffffff0d;padding:2px 6px;border-radius:8px;font-weight:500}.tag-item-content[data-category=people] .tag-name{color:#a855f7}.tag-item-content[data-category=places] .tag-name{color:#22c55e}.tag-item-content[data-category=things] .tag-name{color:#f97316}.tag-item-content[data-category=actions] .tag-name{color:#3b82f6}.tag-item-content[data-category=writing-styles] .tag-name{color:#ec4899}.tag-item-content[data-category=emotions] .tag-name{color:#eab308}.tag-item-content[data-category=relationships] .tag-name{color:#ef4444}.tag-item-content[data-category=other] .tag-name{color:#6b7280}.tag-item-wrapper[data-category=people]{border-left:3px solid #a855f7}.tag-item-wrapper[data-category=places]{border-left:3px solid #22c55e}.tag-item-wrapper[data-category=things]{border-left:3px solid #f97316}.tag-item-wrapper[data-category=actions]{border-left:3px solid #3b82f6}.tag-item-wrapper[data-category=writing-styles]{border-left:3px solid #ec4899}.tag-item-wrapper[data-category=emotions]{border-left:3px solid #eab308}.tag-item-wrapper[data-category=relationships]{border-left:3px solid #ef4444}.tag-item-wrapper[data-category=other]{border-left:3px solid #6b7280}.tag-actions-container{display:flex;flex-shrink:0;opacity:0;transition:opacity .15s ease}.tag-item:hover .tag-actions-container{opacity:1}.tag-delete-btn{background-color:transparent;border:none;color:var(--low-contrast-text-color);cursor:pointer;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tag-delete-btn:hover{background-color:#ef44441a;color:#ef4444}.tag-delete-btn svg{width:14px;height:14px}.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)}}.range-slider-container{width:100%;padding:6px 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:8px;text-align:center;font-size:13px;color:#9aa0a6}.range-slider-label-button{background:transparent;border:1px dashed rgba(154,160,166,.35);color:inherit;font:inherit;padding:2px 8px;border-radius:6px;cursor:text;transition:border-color .15s ease,background-color .15s ease}.range-slider-label-button:hover,.range-slider-label-button:focus{border-color:#9aa0a699;background-color:#9aa0a614;outline:none}.range-slider-input{width:120px;max-width:50%;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color, #444);background-color:var(--input-bg-color, #262626);color:var(--text-color, #fff);text-align:center;outline:none}.range-slider-input:focus{border-color:var(--link-color, #d2678a);box-shadow:0 0 0 3px #d2678a26}.ai-tab-component{display:flex;flex-direction:column;height:100%;background-color:var(--bg-color);border-left:1px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tab-navigation{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--side-bar-bg-color);flex-shrink:0;height:44px;padding:0 4px}.tab-button{flex:1;padding:10px 12px;border:none;background:none;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease;border-radius:6px;margin:4px 2px;position:relative}.tab-button:hover{background-color:#ffffff0d;color:#fffc}.tab-button.active{background-color:#ffffff14;color:#fffffff2;box-shadow:0 1px 3px #0003}.tab-button.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--link-color);border-radius:1px}.tab-content{flex:1;overflow-y:auto;padding:16px 14px}.model-settings-content{color:var(--text-color);max-width:480px}.model-settings-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#fffffff2}.model-settings-content .available-models{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:6px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.model-settings-content .available-models button{width:100%;display:block;padding:6px 10px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff08;color:#ffffffd9;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-settings-content .available-models button:hover{background-color:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.model-settings-content .available-models button.active{background-color:var(--link-color);border-color:var(--link-color);color:#fff;box-shadow:0 2px 8px #3b82f640}.model-settings-content .available-models .toggle{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-settings-content .available-models .selected-model-label{flex:1 1 auto;min-width:0}.model-settings-content .available-models .chevron{transition:transform .15s ease}.model-settings-content .available-models .chevron.open{transform:rotate(180deg)}.model-settings-content .setting{margin:0 0 12px}.model-settings-content .setting.hidden{display:none}.model-settings-content .setting label{display:block;margin-bottom:4px;font-size:12px;color:#ffffffb3;font-weight:500}.model-settings-content .control-group{display:flex;gap:4px;padding:2px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.model-settings-content .control{flex:1;padding:6px 12px;border:none;background-color:transparent;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.model-settings-content .control:hover{background-color:#ffffff14;color:#ffffffe6}.model-settings-content .control:disabled{background-color:var(--link-color);color:#fff;cursor:default;box-shadow:0 1px 3px #3b82f64d}.model-settings-content .setting input[type=text]{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff08;color:var(--text-color);border-radius:8px;font-size:14px;transition:all .2s ease}.model-settings-content .setting input[type=text]:focus{outline:none;border-color:var(--link-color);background-color:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.context-control-content{color:var(--text-color);max-width:600px}.context-control-content h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#fffffff2}.context-control-content .rag-header{margin-top:32px}.context-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.rag-section{display:grid;grid-template-columns:1fr;gap:12px;padding:18px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}@media (min-width: 480px){.rag-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.rag-section .context-item{margin:0}.context-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.08);background-color:#ffffff05;color:var(--text-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;min-height:48px}.context-item:hover{background-color:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.context-name{flex:1;text-align:left;font-weight:500;padding-right:12px}.context-edit{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.check-icon,.x-icon{width:18px;height:18px;flex-shrink:0}.check-icon{color:#10b981}.x-icon{color:#fff6}.context-edit span{display:flex;align-items:center;justify-content:center;min-width:18px;min-height:18px;font-weight:600}.prompt-template-section{margin-top:20px}.prompt-tab-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:2px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.prompt-tab-button{flex:1 1 120px;min-width:120px;padding:8px 12px;border:none;background-color:transparent;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.prompt-tab-emoji{margin-right:6px}.prompt-tab-title{vertical-align:middle}.prompt-tab-button .delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border:none;background:#ef4444cc;color:#fff;border-radius:50%;cursor:pointer;font-size:10px;display:none;align-items:center;justify-content:center;transition:all .15s ease;z-index:1}.prompt-tab-button:hover .delete-btn{display:flex}.prompt-tab-button .delete-btn:hover{background:#ef4444;transform:scale(1.1)}.prompt-tab-button:hover{background-color:#ffffff14;color:#ffffffe6;animation:jiggle .6s ease-in-out}.prompt-tab-button.active{background-color:var(--link-color);color:#fff;box-shadow:0 2px 8px #3b82f640}.prompt-editing-area{display:flex;flex-direction:column;gap:16px;padding:14px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.prompt-field{display:flex;flex-direction:column;gap:4px}.prompt-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prompt-help{margin-top:4px;font-size:11px;color:#fff9;line-height:1.4}.prompt-select{flex:1 1 260px;min-width:240px;padding:10px 42px 10px 12px;border:1px solid rgba(255,255,255,.12);background-color:#00000059;color:var(--text-color);border-radius:10px;font-size:14px;font-weight:500;line-height:1.4;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 2px 10px #00000026,inset 0 1px #ffffff0a;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.9) 50%),linear-gradient(135deg,rgba(255,255,255,.9) 50%,transparent 50%);background-position:right 16px center,right 10px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-fade{position:relative;flex:1 1 260px;min-width:240px}.select-fade:after{content:"";position:absolute;top:6px;right:36px;width:40px;height:calc(100% - 12px);pointer-events:none;background:linear-gradient(to right,#0000,#00000040);border-top-right-radius:10px;border-bottom-right-radius:10px}.emoji-select{flex:0 0 auto;min-width:unset;width:56px;padding-left:8px;padding-right:20px;text-align:center}.prompt-select:hover{background-color:#0000006b;border-color:#ffffff2e;box-shadow:0 3px 14px #0003,inset 0 1px #ffffff14}.prompt-select:focus{outline:none;border-color:var(--link-color);background-color:#00000075;box-shadow:0 0 0 3px #3b82f638,0 3px 14px #00000038}.prompt-select:active{transform:translateY(.5px)}.prompt-select option,.prompt-select optgroup{background-color:var(--side-bar-bg-color);color:var(--text-color)}.prompt-inline{display:inline-flex;align-items:center;gap:8px;color:#ffffffd9;font-size:13px}.prompt-label{font-size:12px;color:#ffffffb8;font-weight:600;margin:0 0 2px}.prompt-textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:10px;font-size:14px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;resize:vertical;min-height:72px;transition:all .2s ease;box-sizing:border-box}.prompt-textarea:focus{outline:none;border-color:var(--link-color);background-color:#0000004d;box-shadow:0 0 0 3px #3b82f61a}.prompt-textarea::placeholder{color:#fff6}.prompt-info{font-size:12px;color:#fff9;padding:12px 16px;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06);margin-top:8px;line-height:1.6}.prompt-info br{margin-bottom:4px}.prompt-info strong{color:#fffc}.prompt-info code{background-color:#3b82f626;color:#93c5fdf2;padding:2px 6px;border-radius:4px;font-size:11px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border:1px solid rgba(59,130,246,.2)}.prompt-input{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:10px;font-size:15px;font-weight:500;transition:all .2s ease;box-sizing:border-box;line-height:1.4}.prompt-input:focus{outline:none;border-color:var(--link-color);background-color:#0000004d;box-shadow:0 0 0 3px #3b82f61a}.prompt-input::placeholder{color:#fff6}.prompt-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.delete-template-button{padding:10px 20px;border:1px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#f87171e6;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.delete-template-button:hover{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444466;color:#f87171;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.delete-template-button:active{transform:translateY(0);box-shadow:0 2px 6px #ef444433}.delete-template-button:before{content:"🗑️";font-size:12px}.prompt-tab-button.add-button{flex:1 1 120px;min-width:120px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6e6;transition:all .3s cubic-bezier(.4,0,.2,1)}.prompt-tab-button.add-button:hover{background-color:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.agent-content{display:flex;flex-direction:column;height:100%;color:var(--text-color);max-width:700px}.chat-header{margin-bottom:20px}.chat-header{display:flex;align-items:center;gap:12px}.chat-header h3{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d}.chat-messages{flex:1;overflow-y:auto;margin-bottom:20px;max-height:400px;padding:0 4px}.message{margin-bottom:16px}.message-content{padding:12px 16px;border-radius:12px;max-width:100%;position:relative}.user-message .message-content{background:linear-gradient(135deg,var(--link-color),#4f46e5);color:#fff;margin-left:20%;box-shadow:0 2px 8px #3b82f640}.assistant-message .message-content{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-color);margin-right:20%}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap}.message-timestamp{font-size:11px;opacity:.6;margin-top:6px}.chat-input-container{margin-top:auto}.chat-input-wrapper{position:relative;display:flex;align-items:flex-end;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 50px 14px 18px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--link-color);background-color:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.chat-input{flex:1;border:none;background:none;color:var(--text-color);font-size:14px;resize:none;font-family:inherit;outline:none;min-height:20px;max-height:120px;line-height:1.5}.chat-input::placeholder{color:#ffffff80}.send-button{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border:none;background:linear-gradient(135deg,var(--link-color),#4f46e5);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-shadow:0 2px 8px #3b82f64d}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.send-button:disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.send-icon{width:16px;height:16px;transform:rotate(45deg)}.coming-soon-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin-bottom:20px}.coming-soon-icon{font-size:48px;margin-bottom:20px;opacity:.8}.coming-soon-content h4{margin:0 0 16px;font-size:20px;font-weight:600;color:#fffffff2}.coming-soon-content p{margin:0 0 20px;font-size:14px;color:#ffffffb3;line-height:1.5;max-width:400px}.feature-list{list-style:none;padding:0;margin:0 0 24px;text-align:left;max-width:400px}.feature-list li{font-size:14px;color:#fffc;position:relative;padding:8px 0 8px 20px}.feature-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.preview-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px 16px;font-size:12px;color:#3b82f6e6;font-style:italic;max-width:400px}.chat-input-container.disabled{opacity:.5;pointer-events:none}.chat-input-container.disabled .chat-input-wrapper{background-color:#ffffff05;border-color:#ffffff0f}.send-button.disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tab-content,.chat-messages,.prompt-textarea{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}: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}