@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-color: #f3f4f6;--text-color: #1f2937;--primary-color: #3b82f6;--border-color: #e2e8f0;--toolbar-bg: #f8fafc;--editor-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: .5rem}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.editor-toolbar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:.25rem;padding:.35rem .5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:10}.editor-toolbar::-webkit-scrollbar{display:none}@media(min-width:768px){.editor-toolbar{flex-wrap:wrap;overflow-x:visible}}.fullscreen-toggle-btn{background:#fff;border:none;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;height:41px;width:40px;transition:all .2s}.fullscreen-toggle-btn:hover{color:#2563eb;background-color:#f8fafc}.toolbar-group{display:flex;gap:.15rem;align-items:center;flex-shrink:0}.toolbar-separator{width:1px;height:20px;background-color:#e2e8f0;margin:0 .25rem;flex-shrink:0}@media(min-width:768px){.toolbar-separator{margin:0 .5rem}}.editor-toolbar button{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border:1px solid transparent;background:transparent;color:#475569;border-radius:4px;cursor:pointer;transition:all .1s ease-in-out;position:relative}.editor-toolbar button:hover{background-color:#f1f5f9;color:#0f172a}.editor-toolbar button.active{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}.tool-dropdown-wrapper{position:relative}.dropdown-arrow{font-size:8px;margin-left:2px;opacity:.6}.table-selector-container{position:absolute;top:100%;left:0;margin-top:4px;z-index:100}.editor-toolbar button svg{stroke-width:2px}.font-size-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:120px;z-index:1000;padding:4px 0}.font-size-option{padding:6px 12px;font-size:13px;color:#475569;cursor:pointer;transition:background .1s}.font-size-option:hover,.font-size-option.active{background-color:#f1f5f9;color:#2563eb}.font-size-btn{display:flex!important;align-items:center!important;padding:0 6px!important}.dropdown-separator{height:1px;background-color:#e2e8f0;margin:4px 0}.menu-bar-container{background-color:#f9fbfd;padding:.5rem .75rem;display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb}.menu-bar-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-logo-area{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.doc-icon{font-size:1.5rem;line-height:1;cursor:pointer;flex-shrink:0}.doc-info{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.doc-title{font-family:inherit;font-size:1.125rem;font-weight:400;color:#1f2937;border:1px solid transparent;border-radius:4px;padding:1px 4px;background:transparent;width:100%;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-title:hover{border-color:#e5e7eb}.doc-title:focus{outline:2px solid #2563eb;border-color:transparent;background:#fff}.menu-items{display:flex;gap:.1rem;overflow:visible;margin-left:-4px}.menu-items::-webkit-scrollbar{display:none}.menu-item-wrapper{position:relative;flex-shrink:0}.menu-item-btn{background:none;border:none;cursor:pointer;font-size:.825rem;color:#4b5563;padding:2px 6px;border-radius:4px;white-space:nowrap}.menu-item-btn:hover,.menu-item-btn.active{background-color:#f1f5f9;color:#111827}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px -5px #0000001a;min-width:200px;z-index:1100;display:flex;flex-direction:column;padding:6px 0}.dropdown-menu button{background:none;border:none;text-align:left;padding:8px 16px;font-size:.875rem;color:#374151;cursor:pointer;display:block;width:100%}.dropdown-menu button:hover{background-color:#f3f4f6;color:#111827}.user-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-btn{background:none;border:none;cursor:pointer;color:#4b5563;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:#f3f4f6}.share-btn{background-color:#c2e7ff;color:#001d35;border:none;border-radius:24px;padding:.4rem 1rem;font-weight:500;font-size:.85rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}.share-btn .btn-text{display:none}@media(min-width:640px){.share-btn .btn-text{display:inline}}.share-btn:hover{background-color:#b3d7ef;box-shadow:0 1px 2px #0000001a}.user-avatar{width:32px;height:32px;background-color:#6d28d9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;cursor:pointer;flex-shrink:0}@media(max-width:640px){.action-btn.desktop-only{display:none}.user-actions{gap:.25rem}.doc-title{font-size:1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.editor-ruler-container{height:24px;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;font-family:sans-serif}.ruler-track{width:100%;height:100%;position:relative;overflow:visible;background-color:#f1f3f4}.ruler-track:after{content:"";position:absolute;top:0;bottom:0;left:var(--margin-left, 0px);right:var(--margin-right, 0px);background:#fff;z-index:0}.ruler-margin-area{position:absolute;top:0;bottom:0;background-color:#e2e8f0;opacity:.5;z-index:1}.ruler-ticks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.ruler-tick{position:absolute;bottom:0;width:1px;background-color:#cbd5e1}.ruler-tick.major{height:10px}.ruler-tick.minor{height:4px}.tick-label{position:absolute;top:-12px;left:2px;font-size:9px;color:#64748b}.ruler-marker{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center}.editor-ruler-container .ruler-marker{top:0;height:100%;width:14px;cursor:ew-resize;transform:translate(-50%);flex-direction:column}.editor-ruler-container .ruler-marker.right{transform:translate(50%)}.ruler-marker .marker-head{width:10px;height:10px;background-color:#3b82f6;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.ruler-marker:hover .marker-head{background-color:#2563eb;transform:scale(1.1)}.ruler-guide-line{position:fixed;z-index:9999;pointer-events:none}.ruler-guide-line:not(.vertical){top:0;bottom:0;width:1px;border-left:1px dashed #3b82f6}.ruler-guide-line.vertical{left:0;right:0;height:1px;border-top:1px dashed #3b82f6}.editor-vertical-ruler{width:30px;background-color:#f8f9fa;box-sizing:border-box;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-top-left-radius:8px;border-bottom-left-radius:8px;position:sticky;left:0;top:0;margin-right:8px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;position:relative}.vertical-ruler-tick{position:absolute;right:0;height:1px;background-color:#cbd5e1;width:4px}.vertical-ruler-tick.major{width:10px}.vertical-tick-label{position:absolute;right:6px;top:-6px;font-size:10px;color:#64748b;width:20px;text-align:right;pointer-events:none}.vertical-ruler-track{width:100%;height:100%;position:relative;background:#f1f3f4;overflow:visible}.vertical-ruler-track:after{content:"";position:absolute;left:0;right:0;top:var(--margin-top, 0px);bottom:var(--margin-bottom, 0px);background:#fff;z-index:0}.ruler-marker.vertical{left:0;right:0;height:14px;width:100%;cursor:ns-resize;transform:translateY(-50%);flex-direction:row;justify-content:flex-end;padding-right:0}.ruler-marker.vertical .marker-head{transform:rotate(-90deg);width:10px;height:10px}.ruler-marker.vertical:hover .marker-head{transform:rotate(-90deg) scale(1.1)}:root{--editor-font: "Outfit", sans-serif}.editor-wrapper{display:flex;flex-direction:column;width:100%;min-height:300px;height:100%;font-family:var(--editor-font);overflow-x:clip;padding-right:0;position:relative}.editor-classic-mode{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:auto;min-height:200px}.editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.editor-classic-mode .editor-scroll-area{flex:1;min-height:0;overflow-y:auto;display:block;padding:0;background:#fff}.editor-classic-mode .editor-content{width:100%!important;max-width:none!important;min-height:100%;margin:0!important;box-shadow:none!important;border:none!important;padding:1rem 80px 1rem 1rem;outline:none}.editor-wrapper.no-comments-ui .editor-content{padding-right:1rem!important}.editor-full-mode{background:#f0f2f5;border:none;border-radius:0;box-shadow:none;min-height:100vh;height:auto;position:relative;max-width:none;display:flex;flex-direction:column}.toolbar-container{background:#fff;padding:.25rem 1rem;display:flex;align-items:center;border-bottom:2px solid #f1f5f9;min-height:48px;height:auto;transition:all .3s ease-in-out;width:100%;flex-shrink:0;z-index:100;flex-wrap:wrap;position:relative}.editor-full-mode .toolbar-container{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding-left:2rem;padding-right:2rem;width:auto;border:none}.sticky-header{position:sticky;top:0;z-index:100;background-color:#f0f2f5;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;padding-bottom:.5rem}.sticky-header.scrolled{background-color:#fff;box-shadow:0 4px 6px -1px #0000000d;padding-bottom:0;border-bottom:1px solid #e2e8f0}.sticky-header.scrolled .toolbar-container{margin:0;border-radius:0;width:100%;max-width:100%;box-shadow:none;border-bottom:none;padding-left:2rem;padding-right:2rem;background:transparent}.menu-bar-container{background:transparent;transition:background-color .2s}.editor-full-mode .editor-toolbar{border:none;border-bottom:none;background:transparent;padding:0;margin:0;border-radius:0;gap:0;width:100%}.editor-full-mode .editor-toolbar button{width:32px;height:32px;border-radius:4px;color:#5f6368;margin:0 1px}.editor-full-mode .editor-toolbar button:hover{background-color:#f1f3f4;color:#202124}.editor-full-mode .toolbar-separator{background-color:#dadce0;height:20px;margin:0 .5rem}.editor-scroll-area{flex:1;overflow:visible;display:flex;justify-content:center;padding:.5rem 1rem;cursor:default;position:relative;z-index:1}.editor-classic-mode .page-margins-wrapper{background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-sizing:border-box}.editor-classic-mode .editor-content{outline:none;font-family:var(--editor-font);color:#1e293b;font-size:11pt;line-height:1.7;width:100%;min-height:200px}.page-margins-wrapper{background:#fff;width:816px;min-height:200px;box-shadow:0 1px 3px #0000001f,0 10px 20px #0000000d;margin-bottom:2rem;box-sizing:border-box}.editor-full-mode .page-margins-wrapper{min-height:1056px}.editor-full-mode .editor-content{outline:none;font-family:var(--editor-font);color:#1e293b;font-size:11pt;line-height:1.7;width:100%;min-height:100%}.editor-content h1{font-size:2.5rem;font-weight:700;color:#0f172a;margin-top:2rem;margin-bottom:1rem;letter-spacing:-.025em;line-height:1.2;scroll-margin-top:120px}.uploading-indicator span{font-size:.875rem;font-weight:500;color:#475569}[contenteditable=false]{-webkit-user-select:none;user-select:none;cursor:default}[contenteditable=false] a{cursor:pointer;pointer-events:auto}[contenteditable=false]:hover{outline:2px solid #3b82f6;outline-offset:2px}.file-block-delete:hover{background-color:#fee2e2!important;color:#ef4444!important;border-color:#fca5a5!important}.file-block-delete svg{pointer-events:none}.editor-content h2{font-size:1.875rem;font-weight:600;color:#1e293b;margin-top:1.75rem;margin-bottom:.75rem;letter-spacing:-.02em;scroll-margin-top:120px}.editor-content p{margin-bottom:1.25rem}.editor-content ol,.editor-content ul{padding-left:25px;margin-bottom:.25rem;list-style-position:outside}.editor-content ol{list-style-type:none;counter-reset:item}.editor-content ol>li{display:table;counter-increment:item;width:100%}.editor-content ol>li:before{content:counters(item,".") ". ";display:table-cell;padding-right:.75rem;white-space:nowrap;font-weight:500;width:1%;color:#1e293b}.editor-content ol>li>div,.editor-content ol>li>p,.editor-content ol>li>span{display:table-cell}.editor-content ul{list-style-type:disc}.editor-content ul ul{list-style-type:circle}.editor-content ul ul ul{list-style-type:square}.editor-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background:#f8fafc;color:#475569;font-style:italic;font-size:1.1rem;line-height:1.6}.editor-content blockquote cite{display:block;margin-top:.75rem;font-style:normal;font-weight:600;font-size:.9rem;color:#1e293b}.editor-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease}.editor-content img:hover{box-shadow:0 4px 6px #00000026;cursor:pointer}.editor-content pre{background-color:#1e1e1e!important;color:#d4d4d4!important;padding:1.5rem!important;border-radius:8px!important;margin:1.5rem 0!important;overflow:hidden!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-all!important;font-family:Fira Code,Consolas,monospace!important;font-size:14px!important;line-height:1.5!important;position:relative}.editor-content pre code,.editor-content pre span{background:none!important;padding:0!important;font-family:inherit!important;color:inherit!important;white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:break-all!important}.editor-content .token.comment{color:#6a9955}.editor-content .token.keyword{color:#569cd6}.editor-content .token.string{color:#ce9178}.editor-content .token.function{color:#dcdcaa}.editor-content .token.operator,.editor-content .token.punctuation{color:#d4d4d4}.editor-content .token.number{color:#b5cea8}.editor-content .token.class-name{color:#4ec9b0}.editor-content .token.property{color:#9cdcfe}.editor-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;border:1px solid #e5e7eb}.editor-content td{border:1px solid #e5e7eb;padding:12px;min-width:50px;vertical-align:top}.editor-content tr:nth-child(2n){background-color:#f9fafb}.editor-content td:hover{background-color:#f3f4f6}.editor-scroll-area{position:relative}.editor-scroll-area.drag-over{background-color:#3b82f60d}.drop-zone-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;border:3px dashed #3b82f6;margin:1rem;border-radius:12px}.drop-zone-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-icon{font-size:3rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone-content h3{margin:0;font-size:1.5rem;color:#1e293b}.drop-zone-content p{margin:0;color:#64748b}.uploading-indicator{position:absolute;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:50px;box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;gap:12px;z-index:2000;border:1px solid #e2e8f0}.editor-full-mode .uploading-indicator{position:fixed;bottom:2rem;right:2rem}.link-preview-popup{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px;z-index:2000;display:flex;align-items:center;gap:8px;animation:fadeIn .15s ease-out;height:34px}.link-preview-popup:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent white transparent;filter:drop-shadow(0 -1px 0 #e2e8f0)}.link-preview-url{font-size:13px;color:#2563eb;text-decoration:none;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.link-preview-url:hover{text-decoration:underline}.link-preview-divider{width:1px;height:20px;background-color:#e2e8f0}.link-preview-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.link-preview-btn:hover{background-color:#f1f5f9;color:#1e293b}.link-editor-popup{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;width:320px;z-index:2000;padding:12px;animation:fadeIn .15s ease-out;display:flex;flex-direction:column;gap:12px}.link-editor-popup:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent white transparent}.link-editor-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f1f5f9;padding-bottom:8px;margin-bottom:4px}.link-editor-back{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#64748b}.link-editor-back:hover{background-color:#f1f5f9;color:#0f172a}.link-editor-title{font-weight:600;font-size:14px;color:#0f172a}.link-editor-field{display:flex;flex-direction:column;gap:4px}.link-editor-field label{font-size:11px;color:#64748b;font-weight:500}.link-editor-field input{border:1px solid #cbd5e1;border-radius:4px;padding:6px 8px;font-size:13px;outline:none;transition:border-color .15s}.link-editor-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.link-editor-row{display:flex;align-items:flex-end;gap:8px}.flex-grow{flex:1}.link-editor-update-btn{background-color:#22c55e;color:#fff;border:none;border-radius:4px;padding:0 12px;height:30px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s}.link-editor-update-btn:hover{background-color:#16a34a}.hr-toolbar-pill{position:absolute;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:50px;box-shadow:0 4px 12px #0000001f;padding:4px 8px;display:flex;align-items:center;gap:0;height:40px}.hr-toolbar-item{display:flex;align-items:center;gap:6px;padding:0 8px;color:#64748b;height:32px}.hr-toolbar-item input{border:none;background:#f1f5f9;border-radius:4px;width:50px;padding:2px 6px;font-size:12px;color:#1e293b;outline:none;text-align:center}.hr-toolbar-item input:focus{background:#e2e8f0}.hr-toolbar-item .unit{font-size:10px;color:#94a3b8;margin-left:-2px}.hr-toolbar-item .double-input{display:flex;gap:2px}.hr-toolbar-item .double-input input{width:45px}.hr-toolbar-item .color-picker{width:24px;height:24px;padding:0;border-radius:50%;cursor:pointer;overflow:hidden;border:2px solid #e2e8f0}.hr-toolbar-divider{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.hr-toolbar-delete{background:transparent;border:none;color:#ef4444;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s}.hr-toolbar-delete:hover{background:#fef2f2}.editor-content hr{cursor:pointer!important;position:relative;display:block;margin:12px 0;transition:all .2s ease}.editor-content hr:before{content:"";position:absolute;inset:-12px -8px;border-radius:4px;background-color:transparent;border:1px solid transparent;transition:all .2s ease;pointer-events:none;z-index:1}.editor-content hr:hover:before{background-color:#3b82f614;border-color:#3b82f633}.editor-content hr:after{content:"";position:absolute;inset:-15px 0;cursor:pointer;z-index:2}.editor-content.viewer-mode,.editor-content.viewer-mode hr,.editor-content.viewer-mode img,.editor-content.viewer-mode table{cursor:default!important}.editor-content.viewer-mode hr:before,.editor-content.viewer-mode hr:after{display:none!important}.editor-content.viewer-mode .file-block-delete{display:none!important}.mention-dropdown{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:250px;max-height:300px;overflow-y:auto;z-index:2000;padding:4px}.mention-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all .2s}.mention-item:not(.mention-no-results):hover,.mention-item:not(.mention-no-results).selected{background-color:#3b82f6;color:#fff!important}.mention-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f1f5f9}.mention-info{display:flex;flex-direction:column}.mention-username{font-weight:600;font-size:14px}.mention-fullname{font-size:12px;opacity:.8}.mention-item:not(.mention-no-results):hover .mention-fullname,.mention-item.selected .mention-fullname{color:#ffffffe6}.mention-no-results{cursor:default;color:#94a3b8}.mention-no-results:hover{background-color:#f8fafc}.mention-chip{display:inline-flex;align-items:center;background:#eff6ff;color:#3b82f6;padding:0 6px;border-radius:4px;font-weight:600;margin:0 2px;border:1px solid #dbeafe;-webkit-user-select:none;user-select:none;cursor:pointer}.mention-chip:before{content:"@"}.comment-highlight{background-color:#fef08a99;border-bottom:2px solid #facc15;cursor:pointer;transition:background-color .2s}.comment-highlight:hover,.comment-highlight.active{background-color:#fef08ae6}.add-comment-floating-btn{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;z-index:1500;color:#64748b;transition:all .2s}.add-comment-floating-btn:hover{color:#3b82f6;transform:scale(1.1);border-color:#3b82f6}.comments-sidebar{position:absolute;top:0;width:50px;display:flex;flex-direction:column;padding-bottom:400px;z-index:5000}.editor-full-mode .comments-sidebar{left:calc(50% + 418px)}.editor-classic-mode .comments-sidebar{right:20px;left:auto}.comment-gutter-item{position:absolute;left:0;z-index:5001}.comment-icon-btn{background:#3b82f6;border:1px solid #2563eb;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #00000026;color:#fff;position:relative;transition:all .2s;pointer-events:auto;z-index:100}.comment-icon-btn:hover,.comment-icon-btn.active{background:#2563eb;transform:scale(1.15);box-shadow:0 6px 8px -1px #0003}.comment-badge{position:absolute;top:-6px;right:-6px;background:#10b981;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}.comment-popover{position:absolute;right:48px;top:0;width:320px;z-index:2000;pointer-events:auto;animation:popover-slide-in .2s ease-out;transform-origin:right top}@keyframes popover-slide-in{0%{opacity:0;transform:translate(10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.comment-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;border:1px solid #3b82f6}.comment-card::-webkit-scrollbar{width:4px}.comment-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.comment-card.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a,0 4px 6px -1px #0000001a}.comment-header{display:flex;align-items:center;gap:8px}.comment-author-avatar{width:24px;height:24px;border-radius:50%;background:#f1f5f9}.comment-author-name{font-weight:600;font-size:13px;color:#1e293b}.comment-time{font-size:11px;color:#94a3b8;margin-left:auto}.comment-selected-text{font-size:12px;color:#64748b;background:#f8fafc;padding:4px 8px;border-radius:4px;border-left:2px solid #cbd5e1;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-body{font-size:14px;color:#334155;line-height:1.5}.comment-actions{display:flex;gap:8px;margin-top:4px;border-top:1px solid #f1f5f9;padding-top:8px}.comment-action-btn{background:transparent;border:none;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;padding:2px 4px;border-radius:4px}.comment-action-btn:hover{background:#f1f5f9;color:#1e293b}.comment-action-btn.resolve:hover{color:#10b981}.comment-action-btn.delete:hover{color:#ef4444}.comment-input-area{display:flex;flex-direction:column;gap:8px}.comment-input{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:8px;font-size:14px;resize:none;outline:none;min-height:60px}.comment-input:focus{border-color:#3b82f6}.comment-input-actions{display:flex;justify-content:flex-end;gap:8px}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.comment-replies{margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.reply-item{display:flex;flex-direction:column;gap:4px;padding-left:8px;border-left:2px solid #f1f5f9}.reply-header{display:flex;align-items:center;gap:6px}.reply-author-avatar{width:20px;height:20px;border-radius:50%}.reply-author-name{font-weight:600;font-size:12px;color:#334155}.reply-time{font-size:10px;color:#94a3b8}.reply-body{font-size:13px;color:#475569;line-height:1.4}.reply-input-trigger{font-size:12px;color:#3b82f6;font-weight:500;cursor:pointer;margin-top:4px}.reply-input-trigger:hover{text-decoration:underline}.reply-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.app-main-wrapper{width:100%;min-height:100vh;background-color:#f0f2f5;display:flex;flex-direction:column}.app-controls{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 24px;display:flex;justify-content:center;position:sticky;top:0;z-index:100}.view-selector{display:flex;background:#f1f5f9;padding:3px;border-radius:8px;gap:2px}.view-selector button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.view-selector button:hover{color:#0f172a}.view-selector button.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}main{flex:1;display:flex;flex-direction:column}.source-editor-view{padding:40px;width:100%;max-width:1000px;margin:0 auto;height:calc(100vh - 120px);box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}@media print{.sticky-header,.app-controls,.mode-toggle,.image-resizer-wrapper,.user-actions,.app-logo-area,.toolbar-container,.menu-bar-container,.editor-toolbar,.save-status{display:none!important}html,body{background:#fff!important}.app-main-wrapper,.app-full-container,main{background:#fff!important;padding:0!important;margin:0!important;display:block!important;width:100%!important}.editor-scroll-area{overflow:visible!important;height:auto!important;padding:0!important;margin:0!important}.editor-wrapper{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.editor-content{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:auto!important;overflow:visible!important;background:#fff!important}table,pre,blockquote,img{page-break-inside:avoid}}