*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.editor-wrapper[data-v-5024eb30]{background:var(--editor-bg);flex:1;display:flex;position:relative;overflow:hidden}.line-numbers[data-v-5024eb30]{text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--line-border-color);background:var(--editor-bg);flex-shrink:0;width:48px;padding:16px 0;overflow:hidden}.line-number[data-v-5024eb30]{color:var(--line-num-color);opacity:.5;padding-right:12px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:1.65}.editor-textarea[data-v-5024eb30]{resize:none;color:var(--editor-text);background:var(--editor-bg);tab-size:2;white-space:pre-wrap;word-wrap:break-word;border:none;outline:none;flex:1;padding:16px 20px;font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.65;overflow-y:auto}.editor-textarea[data-v-5024eb30]::placeholder{color:var(--editor-text);opacity:.3}.editor-textarea[data-v-5024eb30]::-webkit-scrollbar{width:8px}.editor-textarea[data-v-5024eb30]::-webkit-scrollbar-track{background:0 0}.editor-textarea[data-v-5024eb30]::-webkit-scrollbar-thumb{background:var(--line-border-color);border-radius:4px}.editor-textarea[data-v-5024eb30]::-webkit-scrollbar-thumb:hover{background:var(--line-num-color)}.preview-scroll[data-v-6d5475fa]{flex:1;padding:0;overflow-y:auto}.preview-container[data-v-6d5475fa]{min-height:100%}.empty-placeholder[data-v-6d5475fa]{text-align:center;padding:60px 0;font-size:14px}.preview-scroll[data-v-6d5475fa]::-webkit-scrollbar{width:8px}.preview-scroll[data-v-6d5475fa]::-webkit-scrollbar-track{background:0 0}.preview-scroll[data-v-6d5475fa]::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.preview-scroll[data-v-6d5475fa]::-webkit-scrollbar-thumb:hover{background:#00000040}.app[data-v-9d936172]{background:#f0f2f5;height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;display:flex;overflow:hidden}.app.dragging[data-v-9d936172]{-webkit-user-select:none;user-select:none;cursor:col-resize}.sidebar[data-v-9d936172]{background:#1e1f2e;border-right:1px solid #ffffff0f;flex-direction:column;width:240px;min-width:240px;display:flex}.sidebar-brand[data-v-9d936172]{color:#e2e8f0;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.sidebar-brand svg[data-v-9d936172]{color:#818cf8}.sidebar-close[data-v-9d936172]{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:4px;width:22px;height:22px;margin-left:auto;font-size:16px}.sidebar-close[data-v-9d936172]:hover{color:#e2e8f0;background:#ffffff1a}.sidebar-actions[data-v-9d936172]{gap:8px;padding:0 12px 12px;display:flex}.sidebar-btn-new[data-v-9d936172]{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sidebar-btn-new[data-v-9d936172]:hover{background:#5558e6}.sidebar-btn-import[data-v-9d936172]{color:#a0aec0;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.sidebar-btn-import[data-v-9d936172]:hover{color:#e2e8f0;background:#ffffff26}.sidebar-search[data-v-9d936172]{background:#ffffff12;border-radius:8px;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;display:flex}.sidebar-search svg[data-v-9d936172]{color:#718096;flex-shrink:0}.search-input[data-v-9d936172]{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-input[data-v-9d936172]::placeholder{color:#4a5568}.file-list[data-v-9d936172]{flex:1;padding:4px 8px;overflow-y:auto}.file-list[data-v-9d936172]::-webkit-scrollbar{width:4px}.file-list[data-v-9d936172]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.file-item[data-v-9d936172]{cursor:pointer;color:#a0aec0;border-radius:8px;align-items:center;gap:8px;margin-bottom:2px;padding:9px 10px;font-size:13px;transition:all .12s;display:flex}.file-item[data-v-9d936172]:hover{color:#e2e8f0;background:#ffffff14}.file-item.active[data-v-9d936172]{color:#c7d2fe;background:#6366f133}.file-item.active .file-icon[data-v-9d936172]{color:#818cf8}.file-icon[data-v-9d936172]{opacity:.6;flex-shrink:0}.file-info[data-v-9d936172]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name[data-v-9d936172]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-time[data-v-9d936172]{color:#4a5568;font-size:10px}.file-item.active .file-time[data-v-9d936172]{color:#7c8db5}.file-actions[data-v-9d936172]{flex-shrink:0;gap:2px;display:none}.file-item:hover .file-actions[data-v-9d936172]{display:flex}.file-actions button[data-v-9d936172]{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.file-actions button[data-v-9d936172]:hover{opacity:1;background:#ffffff1a}.rename-input[data-v-9d936172]{color:#fff;background:#ffffff26;border:1px solid #6366f1;border-radius:4px;outline:none;width:100%;padding:2px 6px;font-size:12px}.file-empty[data-v-9d936172]{color:#4a5568;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.file-empty small[data-v-9d936172]{color:#2d3748;font-size:11px}.sidebar-footer[data-v-9d936172]{color:#4a5568;border-top:1px solid #ffffff0f;padding:10px 16px;font-size:11px}.main[data-v-9d936172]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toolbar[data-v-9d936172]{z-index:10;background:#fff;border-bottom:1px solid #e8eaed;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px 0 16px;display:flex}.toolbar-left[data-v-9d936172]{align-items:center;gap:10px;min-width:0;display:flex}.toolbar-icon-btn[data-v-9d936172]{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toolbar-icon-btn[data-v-9d936172]:hover{background:#f0f1f3}.file-title-wrap[data-v-9d936172]{align-items:center;gap:6px;display:flex}.file-title[data-v-9d936172]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.dirty-dot[data-v-9d936172]{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.format-bar[data-v-9d936172]{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.fmt-btn[data-v-9d936172]{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:13px;transition:all .12s;display:inline-flex}.fmt-btn[data-v-9d936172]:hover{color:#333;background:#f0f1f3}.fmt-btn strong[data-v-9d936172]{font-weight:700}.fmt-btn em[data-v-9d936172]{font-style:italic}.fmt-div[data-v-9d936172]{background:#e8eaed;width:1px;height:16px;margin:0 4px}.toolbar-right[data-v-9d936172]{flex-shrink:0;align-items:center;gap:6px;display:flex}.view-switcher[data-v-9d936172]{background:#f0f1f3;border-radius:8px;padding:2px;display:flex}.view-btn[data-v-9d936172]{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px;transition:all .15s}.view-btn.active[data-v-9d936172]{color:#333;background:#fff;box-shadow:0 1px 3px #0000001a}.theme-picker-wrap[data-v-9d936172]{position:relative}.theme-trigger[data-v-9d936172]{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e8eaed;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.theme-trigger[data-v-9d936172]:hover{background:#f0f1f3;border-color:#d0d3d8}.theme-dot[data-v-9d936172]{border-radius:50%;width:10px;height:10px}.theme-dropdown[data-v-9d936172]{z-index:100;background:#fff;border:1px solid #e8eaed;border-radius:12px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #0000001f}.theme-section-title[data-v-9d936172]{color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:11px;font-weight:600}.theme-option[data-v-9d936172]{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;transition:background .12s;display:flex}.theme-option[data-v-9d936172]:hover{background:#f5f5f5}.theme-option.active[data-v-9d936172]{background:#f0f0ff}.theme-option .check[data-v-9d936172]{color:#6366f1;margin-left:auto;font-weight:600}.dropdown-mask[data-v-9d936172]{z-index:99;position:fixed;inset:0}.btn[data-v-9d936172]{color:#5f6368;cursor:pointer;background:#f0f1f3;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:14px;transition:all .15s;display:inline-flex}.btn[data-v-9d936172]:hover{background:#e8e9eb}.btn-primary[data-v-9d936172]{color:#fff;background:#6366f1;gap:6px;width:auto;padding:0 14px;font-size:13px;font-weight:600}.btn-primary[data-v-9d936172]:hover{background:#5558e6;box-shadow:0 2px 8px #6366f14d}.btn-primary.copied[data-v-9d936172]{background:#22c55e}.toolbar-div[data-v-9d936172]{background:#e8eaed;width:1px;height:20px;margin:0 2px}.panels[data-v-9d936172]{background:#f0f2f5;flex:1;display:flex;overflow:hidden}.panel[data-v-9d936172]{flex-direction:column;min-width:0;display:flex;overflow:hidden}.editor-panel[data-v-9d936172]{background:#fff}.preview-panel[data-v-9d936172]{background:#f7f8fa}.panel-header[data-v-9d936172]{background:#fff;border-bottom:1px solid #e8eaed;flex-shrink:0;align-items:center;gap:8px;height:34px;padding:0 14px;display:flex}.preview-panel .panel-header[data-v-9d936172]{background:#f7f8fa}.panel-dots[data-v-9d936172]{gap:5px;display:flex}.panel-dots span[data-v-9d936172]{background:#d0d3d8;border-radius:50%;width:10px;height:10px}.panel-dots span[data-v-9d936172]:first-child{background:#ff5f57}.panel-dots span[data-v-9d936172]:nth-child(2){background:#febc2e}.panel-dots span[data-v-9d936172]:nth-child(3){background:#28c840}.panel-label[data-v-9d936172]{color:#9aa0a6;font-size:11px;font-weight:600}.panel-stats[data-v-9d936172]{color:#9aa0a6;gap:12px;margin-left:auto;font-size:11px;display:flex}.theme-badge[data-v-9d936172]{border-radius:12px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:600}.divider[data-v-9d936172]{cursor:col-resize;background:#e8eaed;flex-shrink:0;justify-content:center;align-items:center;width:6px;transition:background .15s;display:flex}.divider[data-v-9d936172]:hover{background:#d0d3d8}.divider-handle[data-v-9d936172]{background:#c0c4cc;border-radius:2px;width:4px;height:32px;transition:background .15s}.divider:hover .divider-handle[data-v-9d936172]{background:#6366f1}.statusbar[data-v-9d936172]{color:#9aa0a6;background:#f7f8fa;border-top:1px solid #e8eaed;flex-shrink:0;justify-content:space-between;align-items:center;height:22px;padding:0 16px;font-size:11px;display:flex}.statusbar-left[data-v-9d936172]{align-items:center;gap:6px;display:flex}.sep[data-v-9d936172]{opacity:.5}.statusbar-right[data-v-9d936172]{align-items:center;gap:12px;display:flex}.status-unsaved[data-v-9d936172]{color:#f59e0b;font-weight:500}.status-saved[data-v-9d936172]{color:#22c55e;font-weight:500}.toast-container[data-v-9d936172]{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast[data-v-9d936172]{white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;display:flex;box-shadow:0 4px 24px #00000026}.toast.success[data-v-9d936172]{color:#e2e8f0;background:#1a1a2e}.toast.error[data-v-9d936172]{color:#fff;background:#dc2626}.toast.info[data-v-9d936172]{color:#e2e8f0;background:#1a1a2e}.sidebar-enter-active[data-v-9d936172]{transition:all .25s}.sidebar-leave-active[data-v-9d936172]{transition:all .2s}.sidebar-enter-from[data-v-9d936172],.sidebar-leave-to[data-v-9d936172]{opacity:0;margin-left:-240px}.dropdown-enter-active[data-v-9d936172]{transition:all .15s}.dropdown-leave-active[data-v-9d936172]{transition:all .1s}.dropdown-enter-from[data-v-9d936172],.dropdown-leave-to[data-v-9d936172]{opacity:0;transform:translateY(-6px)}.toast-enter-active[data-v-9d936172]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-9d936172]{transition:all .2s}.toast-enter-from[data-v-9d936172]{opacity:0;transform:translateY(12px)scale(.9)}.toast-leave-to[data-v-9d936172]{opacity:0;transform:translateY(6px)}