*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;color:#ccc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#79797966;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#797979b3}::-webkit-scrollbar-corner{background:transparent}::selection{background-color:#264f78}:focus-visible{outline:1px solid #0078d4;outline-offset:-1px}button,input{font-family:inherit}.editor-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);height:100%;position:relative}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:4px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{background-color:var(--bg-tertiary);color:var(--accent)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn:disabled:hover{background:transparent;color:var(--text-secondary)}.toolbar-divider{width:1px;height:18px;background-color:var(--border-color);margin:0 4px}.toolbar-stats{font-size:12px;color:var(--text-muted);font-family:Consolas,Monaco,monospace}.emoji-picker{position:absolute;top:40px;left:12px;z-index:50;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;padding:8px;max-width:280px;max-height:240px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.emoji-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .1s ease}.emoji-btn:hover{background-color:var(--bg-hover)}.editor-input{flex:1;padding:16px 20px;font-size:14px;line-height:1.6;font-family:Consolas,Monaco,Courier New,monospace;color:var(--text-primary);background-color:var(--bg-primary);border:none;outline:none;resize:none;width:100%;height:100%;tab-size:2;caret-color:var(--editor-cursor)}.editor-input::placeholder{color:var(--text-muted)}.editor-input::selection{background-color:var(--editor-selection)}.preview-container{flex:1;background-color:var(--bg-primary);height:100%;overflow:auto}.preview-content{padding:16px 24px;color:var(--text-primary);font-size:14px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-content h1{color:var(--heading-h1);font-size:24px;font-weight:600;margin-top:24px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.preview-content h2{color:var(--heading-h2);font-size:20px;font-weight:600;margin-top:20px;margin-bottom:10px}.preview-content h3{color:var(--heading-h3);font-size:16px;font-weight:600;margin-top:16px;margin-bottom:8px}.preview-content p{margin:12px 0}.preview-content blockquote{background-color:var(--bg-secondary);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 4px 4px 0;margin:12px 0;color:var(--text-secondary)}.preview-content blockquote p{margin:0}.preview-content code{background-color:var(--bg-tertiary);color:var(--code-color);border-radius:3px;padding:2px 6px;font-size:13px;font-family:Consolas,Monaco,Courier New,monospace}.preview-content pre{background-color:var(--bg-secondary);padding:16px;border-radius:4px;margin:12px 0;overflow-x:auto;border:1px solid var(--border-color)}.preview-content pre code{background-color:transparent;padding:0;color:var(--text-primary)}.preview-content a{color:var(--preview-link);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content ul,.preview-content ol{padding-left:24px;margin:12px 0}.preview-content li{margin:6px 0}.preview-content li::marker{color:var(--text-secondary)}.preview-content table{border-collapse:collapse;width:100%;margin:16px 0}.preview-content th,.preview-content td{border:1px solid var(--border-color);padding:10px 14px;text-align:left}.preview-content th{background-color:var(--bg-secondary);font-weight:600;color:var(--heading-h1)}.preview-content tr:nth-child(2n){background-color:var(--bg-secondary)}.preview-content hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.preview-content img{max-width:100%;height:auto;border-radius:4px;margin:12px 0}.preview-content strong{color:var(--heading-h1);font-weight:600}.preview-content em{color:var(--emphasis-color);font-style:italic}.split-pane-container{flex:1;display:flex;flex-direction:row;background-color:var(--bg-primary);height:100%;overflow:hidden}.split-pane-container.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-pane-left,.split-pane-right{height:100%;overflow:hidden}.split-pane-handle{width:4px;height:100%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;cursor:col-resize;flex-shrink:0;z-index:10;transition:background-color .15s ease}.split-pane-handle:hover{background-color:var(--accent)}.split-pane-handle-bar{display:none}.folders-page{flex:1;display:flex;flex-direction:column;background-color:var(--bg-secondary);height:100%;overflow:hidden}.folders-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.folders-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.folders-header-actions{display:flex;gap:6px}.header-action-btn{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease}.header-action-btn:hover{background-color:var(--bg-hover);color:#fff}.new-item-row{display:flex;align-items:center;gap:10px;padding:10px 16px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.new-item-icon{color:var(--icon-color);flex-shrink:0}.new-item-icon.folder{color:#e8a838}.new-item-input{flex:1;padding:6px 10px;background-color:var(--bg-primary);border:1px solid var(--accent);border-radius:3px;color:var(--text-primary);font-size:14px;outline:none}.new-item-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease}.new-item-btn.confirm{color:var(--success)}.new-item-btn.confirm:hover{background-color:#4ec9b033}.new-item-btn.cancel{color:var(--text-secondary)}.new-item-btn.cancel:hover{background-color:var(--bg-hover)}.folders-tree{flex:1;overflow-y:auto;padding:8px 0;transition:background-color .15s ease;min-height:200px}.folders-tree.drag-over{background-color:#0078d426;outline:2px dashed var(--accent);outline-offset:-4px}.tree-item{display:flex;align-items:center;padding:6px 12px 6px 16px;cursor:pointer;transition:background-color .1s ease;-webkit-user-select:none;user-select:none;min-height:32px}.tree-item:hover{background-color:var(--bg-hover)}.tree-item.selected{background-color:var(--bg-active)}.tree-item.dragging{opacity:.5}.tree-item.drag-over{background-color:#0078d440;outline:2px dashed var(--accent);outline-offset:-2px}.tree-toggle{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-secondary);flex-shrink:0}.tree-icon{display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.folder-icon{color:#e8a838}.tree-item[data-name=Downloads] .folder-icon,.folders-tree .tree-item:has(.tree-name:first-of-type) .folder-icon{color:#e8a838}.file-icon{color:#c5c5c5}.tree-name{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item.selected .tree-name{color:#fff}.tree-actions{display:flex;gap:4px;opacity:0;transition:opacity .1s ease}.tree-item:hover .tree-actions{opacity:1}.tree-action-btn{background:none;border:none;padding:5px;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.tree-action-btn:hover{background-color:#ffffff1a;color:var(--text-primary)}.tree-action-btn.download:hover{background-color:#58a6ff33;color:#58a6ff}.tree-action-btn.delete:hover{background-color:#f14c4c33;color:var(--error)}.tree-edit{display:flex;align-items:center;gap:6px;flex:1}.tree-edit-input{flex:1;padding:4px 8px;background-color:var(--bg-primary);border:1px solid var(--accent);border-radius:3px;color:var(--text-primary);font-size:14px;outline:none}.tree-edit-btn{background:none;border:none;padding:5px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease}.tree-edit-btn.save{color:var(--success)}.tree-edit-btn.save:hover{background-color:#4ec9b033}.tree-edit-btn.cancel{color:var(--text-secondary)}.tree-edit-btn.cancel:hover{background-color:var(--bg-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:60px 20px;color:var(--text-secondary);text-align:center}.empty-state p{margin:0;font-size:14px}.empty-hint{margin-top:10px!important;color:var(--text-muted);font-size:13px!important}.delete-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.delete-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:24px 28px;min-width:320px;max-width:420px;box-shadow:0 8px 32px #0006}.delete-modal p{margin:0;color:var(--text-primary);font-size:15px}.delete-warning{margin-top:10px!important;color:var(--text-secondary);font-size:13px!important}.delete-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-btn{padding:8px 18px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .1s ease}.modal-btn.cancel{background:none;border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn.cancel:hover{background-color:var(--bg-hover)}.modal-btn.delete{background-color:var(--error);border:none;color:#fff}.modal-btn.delete:hover{background-color:#d43a3a}.drop-zone{border:2px dashed var(--border-color);border-radius:8px;padding:40px 20px;margin:16px;text-align:center;transition:all .2s ease}.drop-zone.active{border-color:var(--accent);background-color:#0078d41a}.drop-zone-text{color:var(--text-secondary);font-size:14px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.theme-toggle:active{transform:scale(.95)}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px;flex-shrink:0}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:100%;flex-wrap:wrap;gap:8px}.footer-copyright{font-size:12px;color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-links button{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.footer-links button:hover{color:var(--accent);background-color:var(--bg-hover)}.footer-divider{color:var(--border-color);font-size:12px}@media(max-width:600px){.footer-content{flex-direction:column;gap:8px}.footer-links{justify-content:center}.footer-divider{display:none}.footer-links button{padding:6px 10px}}.legal-page{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--bg-primary)}.legal-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.legal-back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.legal-back-button:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.legal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.legal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 48px;width:100%;box-sizing:border-box}.legal-content .preview-container{width:100%;max-width:none;margin:0;background-color:transparent}.legal-content .preview-content{font-family:Arial,Helvetica,sans-serif;color:var(--text-primary);line-height:1.8;font-size:15px}.legal-content .preview-content h1,.legal-content .preview-content h2,.legal-content .preview-content h3,.legal-content .preview-content h4,.legal-content .preview-content h5,.legal-content .preview-content h6{font-family:Arial,Helvetica,sans-serif;color:var(--text-primary);font-weight:700}.legal-content .preview-content h1{font-size:28px;border-bottom:none}.legal-content .preview-content h2{font-size:22px;color:var(--text-primary)}.legal-content .preview-content h3{font-size:18px;color:var(--text-primary)}.legal-content .preview-content strong,.legal-content .preview-content em{color:var(--text-primary)}.legal-content .preview-content a{color:var(--accent)}.legal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.legal-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@media(max-width:768px){.legal-content{padding:20px 16px}}:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-hover: #37373d;--bg-active: #094771;--border-color: #3c3c3c;--text-primary: #cccccc;--text-secondary: #858585;--text-muted: #6e6e6e;--accent: #0078d4;--accent-hover: #1c85d8;--success: #4ec9b0;--warning: #dcdcaa;--error: #f14c4c;--icon-color: #c5c5c5;--editor-bg: #1e1e1e;--editor-line-number: #858585;--editor-cursor: #aeafad;--editor-selection: #264f78;--preview-bg: #1e1e1e;--preview-code-bg: #2d2d30;--preview-blockquote-border: #0078d4;--preview-link: #3794ff;--heading-h1: #569cd6;--heading-h2: #4ec9b0;--heading-h3: #dcdcaa;--code-color: #ce9178;--emphasis-color: #c586c0}.app.light{--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--bg-hover: #e0e0e0;--bg-active: #c9daf8;--border-color: #d4d4d4;--text-primary: #1f1f1f;--text-secondary: #616161;--text-muted: #9e9e9e;--accent: #0066cc;--accent-hover: #0052a3;--success: #16825d;--warning: #bf8803;--error: #d32f2f;--icon-color: #424242;--editor-bg: #ffffff;--editor-line-number: #999999;--editor-cursor: #000000;--editor-selection: #add6ff;--preview-bg: #ffffff;--preview-code-bg: #f4f4f4;--preview-blockquote-border: #0066cc;--preview-link: #0066cc;--heading-h1: #0066cc;--heading-h2: #16825d;--heading-h3: #b5651d;--code-color: #a31515;--emphasis-color: #af00db}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.app-header{display:flex;align-items:center;padding:0 16px;height:48px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.header-left{display:flex;align-items:center;gap:4px;margin-right:12px}.menu-button{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:8px;border-radius:4px;transition:background-color .1s ease;display:flex;align-items:center;justify-content:center}.menu-button:hover{background-color:var(--bg-hover)}.back-button{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:var(--bg-hover);color:var(--accent)}.app-title{font-size:14px;font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .1s ease;letter-spacing:.3px;background:linear-gradient(135deg,#ff8c00,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-title:hover{opacity:.8}.header-actions{display:flex;align-items:center;gap:4px}.icon-button{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:8px;border-radius:4px;transition:background-color .1s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--bg-hover);color:#fff}.app-main{flex:1;display:flex;overflow:hidden}.menu-overlay{position:fixed;inset:0;background-color:#0006;z-index:100;display:flex}.menu-panel{width:280px;max-width:85vw;height:100%;background-color:var(--bg-secondary);display:flex;flex-direction:column;box-shadow:0 0 20px #00000080;border-right:1px solid var(--border-color)}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.menu-header h2{font-size:14px;font-weight:700;margin:0;letter-spacing:.3px;background:linear-gradient(135deg,#ff8c00,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-close{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .1s ease;display:flex;align-items:center;justify-content:center}.menu-close:hover{background-color:var(--bg-hover)}.menu-nav{display:flex;flex-direction:column;padding:8px;gap:2px}.menu-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:none;border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:400;cursor:pointer;transition:background-color .1s ease;text-align:left}.menu-item:hover{background-color:var(--bg-hover)}.menu-item.active{background-color:var(--bg-active);color:#fff}.menu-item svg{color:var(--icon-color)}.menu-item.active svg{color:#fff}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-primary);color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}