*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fafafa;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.app{height:100vh;background:#fafafa;display:flex;overflow:hidden}.editor-container{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.toolbar,.preview-toolbar{display:flex;gap:1px;padding:4px;background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;align-items:center;flex-shrink:0}.preview-toolbar{justify-content:flex-start}.toolbar button,.preview-toolbar button{padding:6px;background:transparent;border:none;cursor:pointer;color:#666;transition:all .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.toolbar button:hover:not(:disabled),.preview-toolbar button:hover:not(:disabled){background:#f5f5f5;color:#333}.toolbar button.is-active,.preview-toolbar button.is-active{background:#e0e7ff;color:#2563eb}.toolbar button:disabled,.preview-toolbar button:disabled{opacity:.3;cursor:not-allowed}.toggle-button{width:auto!important;padding:6px 12px!important;font-size:13px}.divider{width:1px;height:16px;background:#e0e0e0;margin:0 3px}.spacer{flex:1}.editor-wrapper{flex:1;background:#fff;overflow-y:auto;position:relative}.drag-placeholder{display:block;width:100%;pointer-events:none;line-height:0!important;font-size:0!important;clear:both;user-select:none;-webkit-user-select:none;position:relative;margin:.5em 0;height:40px}.drag-placeholder *{user-select:none;-webkit-user-select:none}.drag-placeholder:before,.drag-placeholder:after{content:none!important;display:none!important}.ProseMirror .ProseMirror-widget.drag-placeholder{caret-color:transparent!important}.ProseMirror .ProseMirror-widget.drag-placeholder:before,.ProseMirror .ProseMirror-widget.drag-placeholder:after{display:none!important}.drag-placeholder~br,.drag-placeholder+br,span:has(>.drag-placeholder)+br,span:has(>.drag-placeholder)~br{display:none!important;height:0!important;line-height:0!important}.editor.dragging .ProseMirror{caret-color:transparent!important}.editor.dragging .ProseMirror:after{display:none!important}.editor.dragging .ProseMirror .ProseMirror-decoration{display:none!important}.editor.dragging .ProseMirror *{caret-color:transparent!important}.editor.dragging .ProseMirror .ProseMirror-gapcursor{display:none!important}.editor.dragging .ProseMirror-gapcursor,.ProseMirror-dropcursor{display:none!important;visibility:hidden!important;opacity:0!important}.drag-placeholder-inner{display:flex;align-items:center;justify-content:center;gap:8px;width:800px;max-width:100%;height:40px;background:#2563eb14;border:2px dashed #2563eb;border-radius:4px;margin:0 auto;color:#2563eb;font-size:13px;font-weight:500}.drag-placeholder-inner:before{content:"+";font-size:20px;font-weight:600;line-height:1}.editor{padding:24px;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:800px;margin:0 auto}.editor .ProseMirror{outline:none;min-height:100%}.editor .ProseMirror .ProseMirror-widget{line-height:0!important;display:block!important}.editor .ProseMirror>*+*{margin-top:.75em}.editor .ProseMirror h1{font-size:2em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.2;color:#1a1a1a}.editor .ProseMirror h2{font-size:1.5em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.3;color:#1a1a1a}.editor .ProseMirror h3{font-size:1.25em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.4;color:#1a1a1a}.editor .ProseMirror ul,.editor .ProseMirror ol{padding-left:1.5em}.editor .ProseMirror li{margin:.25em 0}.editor .ProseMirror code{background:#f5f5f5;padding:.2em .4em;border-radius:2px;font-size:.9em;font-family:Monaco,Courier New,monospace;color:#333}.editor .ProseMirror pre{background:#f5f5f5;color:#333;padding:16px;border-radius:4px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.9em;line-height:1.5;border:1px solid #e0e0e0}.editor .ProseMirror pre code{background:transparent;padding:0;color:inherit}.editor .ProseMirror blockquote{border-left:3px solid #2563eb;padding-left:1em;margin-left:0;color:#666;font-style:italic}.editor .ProseMirror hr{border:none;border-top:1px solid #e0e0e0;margin:2em 0}.editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.editor .ProseMirror strong{font-weight:600}.editor .ProseMirror em{font-style:italic}.editor .ProseMirror u{text-decoration:underline}.editor .ProseMirror a{color:#2563eb;text-decoration:none}.editor .ProseMirror a:hover{text-decoration:underline}.editor .ProseMirror img{max-width:100%;height:auto;border-radius:4px;margin:1em auto;display:block}.preview{padding:24px;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:800px;margin:0 auto}.preview>*+*{margin-top:.75em}.preview h1{font-size:2em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.2;color:#1a1a1a}.preview h2{font-size:1.5em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.3;color:#1a1a1a}.preview h3{font-size:1.25em;font-weight:600;margin-top:1em;margin-bottom:.5em;line-height:1.4;color:#1a1a1a}.preview ul,.preview ol{padding-left:1.5em}.preview li{margin:.25em 0}.preview code{background:#f5f5f5;padding:.2em .4em;border-radius:2px;font-size:.9em;font-family:Monaco,Courier New,monospace;color:#333}.preview pre{background:#f5f5f5;color:#333;padding:16px;border-radius:4px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.9em;line-height:1.5;border:1px solid #e0e0e0}.preview pre code{background:transparent;padding:0;color:inherit}.preview blockquote{border-left:3px solid #2563eb;padding-left:1em;margin-left:0;color:#666;font-style:italic}.preview hr{border:none;border-top:1px solid #e0e0e0;margin:2em 0}.preview strong{font-weight:600}.preview em{font-style:italic}.preview u{text-decoration:underline}.preview a{color:#2563eb;text-decoration:none}.preview a:hover{text-decoration:underline}.preview img{max-width:100%;height:auto;border-radius:4px;margin:1em auto;display:block}