:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#d4d4d4;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#1e1e1e}#root{height:100vh;width:100vw}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.app-header{height:50px;background:#252526;border-bottom:1px solid #2d2d2d;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.header-left{display:flex;align-items:center}.app-title{margin:0;font-size:16px;font-weight:600;color:#4ec9b0;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #4ec9b0}.user-name{color:#ccc;font-size:13px;font-weight:500}.header-button{background:#3c3c3c;border:1px solid #454545;color:#ccc;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.header-button:hover{background:#454545;border-color:#555}.header-button.primary{background:#4ec9b0;border-color:#4ec9b0;color:#000}.header-button.primary:hover{background:#5dd9c0;border-color:#5dd9c0}.sidebar{width:250px;background:#1e1e1e;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:12px 16px;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:11px;font-weight:600;color:#ccc;letter-spacing:.5px}.sidebar-actions{display:flex;gap:8px}.sidebar-actions button{background:transparent;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background .2s}.sidebar-actions button:hover{background:#2d2d2d}.file-tree{flex:1;overflow-y:auto;padding:4px 0}.file-node{-webkit-user-select:none;user-select:none}.file-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;color:#ccc;font-size:13px;transition:background .1s}.file-item:hover{background:#2d2d2d}.file-item.active{background:#37373d;color:#fff}.file-icon{margin-right:6px;font-size:14px}.file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rename-input{flex:1;background:#3c3c3c;border:1px solid #4ec9b0;color:#fff;padding:2px 4px;font-size:13px;outline:none}.context-menu{position:fixed;background:#3c3c3c;border:1px solid #454545;border-radius:4px;box-shadow:0 2px 8px #00000080;z-index:1000;min-width:150px;padding:4px 0}.context-menu-item{padding:6px 16px;cursor:pointer;font-size:13px;color:#ccc;transition:background .1s}.context-menu-item:hover{background:#2d2d2d}.context-menu-item.danger{color:#f48771}.context-menu-divider{height:1px;background:#454545;margin:4px 0}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.dialog{background:#2d2d2d;border:1px solid #454545;border-radius:6px;padding:20px;min-width:300px;box-shadow:0 4px 16px #000000b3}.dialog h3{margin:0 0 16px;color:#ccc;font-size:14px;font-weight:600}.dialog input{width:100%;background:#1e1e1e;border:1px solid #454545;color:#fff;padding:8px 12px;font-size:13px;border-radius:4px;outline:none;box-sizing:border-box}.dialog input:focus{border-color:#4ec9b0}.dialog-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{background:#3c3c3c;border:1px solid #454545;color:#ccc;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}.dialog-actions button:hover{background:#454545}.dialog-actions button:last-child{background:#4ec9b0;border-color:#4ec9b0;color:#000}.dialog-actions button:last-child:hover{background:#5dd9c0}.editor-container{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.editor-header{background:#252526;border-bottom:1px solid #2d2d2d;display:flex;align-items:center}.editor-tab{display:flex;align-items:center;padding:10px 16px;background:#1e1e1e;border-right:1px solid #2d2d2d;color:#fff;font-size:13px;gap:8px}.tab-icon{font-size:14px}.tab-name{font-weight:400}.editor-content{flex:1;display:flex;overflow:hidden}.wysiwyg-line-editor{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#1e1e1e;padding:20px 0}.editor-line{display:flex;min-height:24px;position:relative;cursor:text;transition:background-color .1s ease;will-change:background-color}.editor-line:hover{background:#ffffff08}.line-number{width:50px;padding-right:16px;text-align:right;color:#858585;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:24px;-webkit-user-select:none;user-select:none;flex-shrink:0}.line-content{flex:1;display:flex;align-items:flex-start;min-height:24px;padding-right:20px;position:relative}.line-textarea{flex:1;background:transparent;color:#d4d4d4;border:none;outline:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:24px;resize:none;overflow:hidden;padding:0;margin:0;min-height:24px;width:100%;white-space:pre-wrap;word-wrap:break-word}.line-textarea::placeholder{color:#6a6a6a}.line-preview{flex:1;min-width:0;max-width:100%;color:#d4d4d4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:24px;min-height:24px;cursor:text;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.line-preview>*{margin:0!important}.line-preview>:not(ul):not(ol){padding:0!important}.line-preview h1,.line-preview h2,.line-preview h3,.line-preview h4,.line-preview h5,.line-preview h6{color:#4ec9b0;font-weight:600;border:none!important}.line-preview h1{font-size:2em}.line-preview h2{font-size:1.5em}.line-preview h3{font-size:1.25em}.line-preview h4{font-size:1em}.line-preview h5{font-size:.875em}.line-preview h6{font-size:.75em}.line-preview strong{color:#4ec9b0;font-weight:600}.line-preview em{color:#9cdcfe;font-style:italic}.line-preview a{color:#569cd6;text-decoration:none}.line-preview a:hover{text-decoration:underline}.empty-line{display:inline-block;width:100%;min-height:24px}.line-preview code{background:#6e768126;color:#e8ab53;padding:.2em .4em;border-radius:3px;font-size:.85em;font-family:Consolas,Monaco,Courier New,monospace;border:1px solid rgba(110,118,129,.2)}.line-preview code.highlight-red{background:#f4877126;color:#f48771;border-color:#f487714d}.line-preview code.highlight-green{background:#4ec9b026;color:#4ec9b0;border-color:#4ec9b04d}.line-preview code.highlight-blue{background:#569cd626;color:#569cd6;border-color:#569cd64d}.line-preview code.highlight-yellow{background:#dcdcaa26;color:#dcdcaa;border-color:#dcdcaa4d}.line-preview code.highlight-purple{background:#c586c026;color:#c586c0;border-color:#c586c04d}.line-preview code.highlight-orange{background:#ce917826;color:#ce9178;border-color:#ce91784d}.line-preview blockquote{display:inline-block;border-left:4px solid #4ec9b0;padding-left:12px;padding-top:2px;padding-bottom:2px;margin-left:0;color:#9d9d9d;font-style:italic;line-height:1.5}.line-preview blockquote p{display:inline;margin:0!important}.line-preview ul,.line-preview ol{display:block;margin:0;padding-left:2em}.line-preview li{display:list-item;margin:0}.wysiwyg-preview h1{color:#4ec9b0;font-size:2em;margin:.67em 0;border-bottom:1px solid #2d2d2d;padding-bottom:.3em}.wysiwyg-preview h2{color:#4ec9b0;font-size:1.5em;margin:.75em 0 .5em;border-bottom:1px solid #2d2d2d;padding-bottom:.3em}.wysiwyg-preview h3{color:#4ec9b0;font-size:1.25em;margin:.83em 0 .5em}.wysiwyg-preview h4{color:#4ec9b0;font-size:1em;margin:1em 0 .5em}.wysiwyg-preview h5,.wysiwyg-preview h6{color:#4ec9b0;font-size:.875em;margin:1.5em 0 .5em}.wysiwyg-preview p{margin:1em 0}.wysiwyg-preview a{color:#4ec9b0;text-decoration:none}.wysiwyg-preview a:hover{text-decoration:underline}.code-block-container{margin:.5em 0;border-radius:6px;overflow:hidden;border:1px solid #3c3c3c}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:linear-gradient(135deg,#3d4f49,#2d3d37)}.code-block-language{font-size:13px;font-weight:400;color:#e8e8e8;text-transform:capitalize;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.copy-button{background:transparent;border:none;color:#b8b8b8;padding:3px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-button:hover{color:#4ec9b0}.copy-button svg{display:block;width:16px;height:16px}.code-block-container pre{margin:0;padding:24px 28px;background:#1e1e1e;overflow-x:auto}.code-block-container pre code{background:transparent;padding:0;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.8}.wysiwyg-preview pre{background:transparent;border:none;padding:0;overflow-x:auto;margin:0}.wysiwyg-preview pre code{background:transparent;padding:0;color:#d4d4d4;border:none}.wysiwyg-preview :not(pre)>code{background:#6e768126;color:#e8ab53;padding:.2em .4em;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;border:1px solid rgba(110,118,129,.2);display:inline;white-space:pre-wrap;word-break:break-word}.wysiwyg-preview :not(pre)>code.highlight-red{background:#f4877133;color:#f48771;border-color:#f487714d}.wysiwyg-preview :not(pre)>code.highlight-green{background:#4ec9b033;color:#4ec9b0;border-color:#4ec9b04d}.wysiwyg-preview :not(pre)>code.highlight-blue{background:#569cd633;color:#569cd6;border-color:#569cd64d}.wysiwyg-preview :not(pre)>code.highlight-yellow{background:#cdce7833;color:#e4df40;border-color:#dbd57f4d}.wysiwyg-preview :not(pre)>code.highlight-purple{background:#c586c033;color:#c586c0;border-color:#c586c04d}.wysiwyg-preview :not(pre)>code.highlight-orange{background:#ce917833;color:#ce9178;border-color:#ce91784d}.wysiwyg-preview blockquote{border-left:4px solid #4ec9b0;padding-left:16px;margin:1em 0;color:#9d9d9d}.wysiwyg-preview ul,.wysiwyg-preview ol{margin:1em 0;padding-left:2em}.wysiwyg-preview li{margin:.5em 0}.wysiwyg-preview table{border-collapse:collapse;width:100%;margin:1em 0}.wysiwyg-preview th,.wysiwyg-preview td{border:1px solid #3c3c3c;padding:8px 12px;text-align:left}.wysiwyg-preview th{background:#2d2d2d;color:#4ec9b0;font-weight:600}.wysiwyg-preview img{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.wysiwyg-preview hr{border:none;border-top:1px solid #3c3c3c;margin:2em 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6a6a6a}.empty-state h2{margin:0 0 8px;color:#9d9d9d;font-size:18px;font-weight:400}.empty-state p{margin:0;font-size:13px}.app-footer{position:fixed;bottom:0;left:0;right:0;height:22px;background:#1e1e1e;border-top:1px solid #2d2d2d;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:11px;color:#858585;z-index:100}.footer-right{display:flex;align-items:center;gap:8px}.footer-sync{display:flex;align-items:center;gap:4px;padding:0 4px;cursor:default}.sync-icon{font-size:12px;line-height:1}.sync-text{font-size:11px;line-height:1}.footer-sync.syncing{color:#569cd6}.footer-sync.syncing .sync-icon{animation:spin 1s linear infinite}.footer-sync.synced{color:#4ec9b0}.footer-sync.error{color:#f48771}.footer-sync.idle{color:#858585}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:#1e1e1e}.app-content{flex:1;display:flex;overflow:hidden}.sidebar-collapsed{width:48px;background:#252526;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;align-items:center;padding-top:8px}.collapsed-icons{display:flex;flex-direction:column;gap:4px}.collapsed-icon{background:transparent;border:none;color:#ccc;padding:8px;cursor:pointer;font-size:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:background .2s}.collapsed-icon:hover{background:#2a2d2e}