:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#1a1a1a;--border:#d8d8d8;--toolbar-bg:#f5f5f5;--accent:#2b7de9;--muted:#666}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{flex-direction:column;height:100vh;display:flex}#toolbar{background:var(--toolbar-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 12px;display:flex}.toolbar-group{border-right:1px solid var(--border);align-items:center;gap:4px;padding-right:12px;display:flex}.toolbar-group:last-child{border-right:none}.toolbar-group button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;min-width:32px;padding:4px 8px;font-size:14px}.toolbar-group button:hover{border-color:var(--accent);background:#eef4ff}.toolbar-group button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-group input[type=color]{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:32px;height:28px;padding:0}#panes{flex:1;min-height:0;display:flex}#rich-pane,#source-pane{flex:1;min-width:0;height:100%;min-height:0;overflow:auto}#source-pane .cm-editor{height:100%}#rich-pane{padding:24px 32px}#rich-pane .ProseMirror{outline:none;max-width:720px;margin:0 auto;line-height:1.6}#rich-pane .ProseMirror h1,#rich-pane .ProseMirror h2,#rich-pane .ProseMirror h3{line-height:1.25}#rich-pane .ProseMirror pre{background:#f5f5f5;border-radius:4px;padding:12px;overflow-x:auto}#rich-pane .ProseMirror code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}#rich-pane .ProseMirror pre code{background:0 0;padding:0}#rich-pane .ProseMirror blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0;padding-left:16px}#statusbar{color:var(--muted);border-top:1px solid var(--border);background:var(--toolbar-bg);padding:4px 12px;font-size:12px}