:root{--bg:#fff;--fg:#1f2328;--muted:#8b949e;--border:#d0d7de;--divider:#d0d7de;--divider-hover:#0969da;--preview-bg:#fff;--hover-bg:#f3f4f6;--menu-shadow:#8c959f33;--scrollbar-thumb:#8c959f73;--scrollbar-thumb-hover:#8c959fb3}html[data-theme=dark]{--bg:#0d1117;--fg:#e6edf3;--muted:#8b949e;--border:#30363d;--divider:#30363d;--divider-hover:#58a6ff;--preview-bg:#0d1117;--hover-bg:#21262d;--menu-shadow:#01040999;--scrollbar-thumb:#8b949e59;--scrollbar-thumb-hover:#8b949e99}html[data-theme=dark] .cm-editor{color:#e6edf3;background-color:#0d1117}html[data-theme=dark] .cm-gutters{color:#8b949e;background-color:#0d1117;border-color:#30363d}html[data-theme=dark] .cm-activeLine,html[data-theme=dark] .cm-activeLineGutter{background-color:#161b22}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html,body,#root{height:100%;margin:0}body{color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);flex:none;align-items:baseline;gap:12px;padding:8px 16px;display:flex}.app-header h1{letter-spacing:.5px;margin:0;font-size:16px}.app-milestone{color:var(--muted);font-size:12px}.app-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.app-actions button{cursor:pointer;font-family:inherit;font-size:12px}.app-actions button:focus-visible{outline:2px solid var(--divider-hover);outline-offset:2px}.icon-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--fg);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--hover-bg)}.icon-btn svg{display:block}.export-menu{position:relative}.btn-export{border:1px solid var(--border);background:var(--bg);height:28px;color:var(--fg);border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn-export:hover{background:var(--hover-bg)}.btn-export svg{color:var(--muted);transition:transform .15s}.export-menu-list{background:var(--bg);border:1px solid var(--border);min-width:224px;box-shadow:0 8px 24px var(--menu-shadow);z-index:30;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.export-menu-item{width:100%;color:var(--fg);text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:6px 10px;font-size:13px;display:flex}.export-menu-item:hover,.export-menu-item:focus-visible{background:var(--hover-bg);outline:none}.export-menu-ext{color:var(--muted);font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px}.app-actions-sep{background:var(--border);width:1px;height:18px}.status-bar{border-top:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:16px;padding:4px 16px;font-size:12px;display:flex}.split-pane{flex:1;min-height:0;display:flex}.pane{flex-direction:column;min-width:0;display:flex;overflow:hidden}.divider{cursor:col-resize;background:var(--divider);touch-action:none;flex:none;width:6px;transition:background .15s}.split-pane.collapsed-left .pane-left,.split-pane.collapsed-left .divider{display:none}.split-pane.collapsed-left .pane-right{width:100%}.divider:hover,.divider:active{background:var(--divider-hover)}.cm-scroller::-webkit-scrollbar{width:10px;height:10px}.preview::-webkit-scrollbar{width:10px;height:10px}.cm-scroller::-webkit-scrollbar-track{background:0 0}.preview::-webkit-scrollbar-track{background:0 0}.cm-scroller::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:5px}.preview::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:5px}.cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}.preview::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid #0000}.cm-scroller,.preview{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.editor-host{flex:1;min-height:0;font-size:14px;overflow:hidden}.editor-host .cm-content{padding-bottom:48px}.preview{background:var(--preview-bg,#fff);flex:1;min-height:0;overflow-y:auto}.preview>.block-container{width:100%;max-width:980px;margin:0 auto;padding:32px 32px 48px}