:root{font-family:system-ui,sans-serif}html,body{height:100%;margin:0}#app{height:100%}.layout{height:100%;display:flex;flex-direction:column}.menubar{display:flex;gap:16px;padding:8px 12px;border-bottom:1px solid #ddd;-webkit-user-select:none;user-select:none}.menu{cursor:default;position:relative;padding:4px 0}.menu-dropdown{display:none;position:absolute;top:calc(100% - 2px);left:-8px;padding-top:2px;background:#fff;border:1px solid #ddd;min-width:120px;box-shadow:0 2px 8px #0000001a;z-index:1000}.menu:hover .menu-dropdown{display:block}.menu-item{padding:6px 12px}.menu-item:hover{background:#f0f0f0}.menu-separator{height:1px;background:#ddd;margin:4px 0}.has-submenu{position:relative}.has-submenu:after{content:"›";float:right;margin-left:12px}.submenu{display:none;position:absolute;top:-1px;left:100%;background:#fff;border:1px solid #ddd;min-width:120px;box-shadow:0 2px 8px #0000001a;z-index:1001}.has-submenu:hover>.submenu{display:block}.body{flex:1;display:flex;min-height:0}.sidebar{width:260px;border-right:1px solid #ddd;padding:8px;overflow:auto}.hidden{display:none}.editor-host{flex:1;min-width:0;padding:12px;overflow:auto;position:relative}.format-indicator{position:absolute;top:16px;right:16px;font-size:.8em;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px;z-index:10}#editor{min-height:calc(100vh - 60px);border:1px solid #ddd;padding:12px;border-radius:6px}.ProseMirror{outline:none;min-height:100%;position:relative}.ProseMirror h1{font-size:2em;font-weight:700;margin:0 0 .25em;border-bottom:1px solid #ddd;padding-bottom:.25em;position:relative}.ProseMirror h1.placeholder:before{content:attr(data-placeholder);color:#999;pointer-events:none;position:absolute;top:0;left:0}.ProseMirror h2{font-size:1.2em;font-weight:400;color:#666;margin:0 0 1em;padding-bottom:.5em;border-bottom:1px solid #eee;position:relative}.ProseMirror h2.placeholder:before{content:attr(data-placeholder);color:#bbb;pointer-events:none;position:absolute;top:0;left:0}.ProseMirror .doc-created{position:absolute;top:0;right:0;font-size:.75em;color:#888;pointer-events:none;-webkit-user-select:none;user-select:none}.ProseMirror h3{font-size:1.5em;font-weight:700;margin:1em 0 .5em}.ProseMirror h4{font-size:1.25em;font-weight:700;margin:1em 0 .5em}.ProseMirror h5{font-size:1.1em;font-weight:700;margin:1em 0 .5em}.ProseMirror blockquote{margin:.5em 0;padding-left:1em;border-left:3px solid #ccc;color:#555}.welcome-dialog{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.welcome-dialog.hidden{display:none}.welcome-content{background:#fff;padding:32px 48px;border-radius:8px;box-shadow:0 4px 24px #0003;text-align:center;max-width:400px}.welcome-content h1{margin:0 0 16px;font-size:1.5em}.welcome-content p{margin:0 0 24px;color:#666}.welcome-buttons{display:flex;gap:12px;justify-content:center}.welcome-buttons button{padding:10px 20px;font-size:1em;border:1px solid #ddd;border-radius:6px;background:#f5f5f5;cursor:pointer}.welcome-buttons button:hover{background:#e8e8e8}.welcome-buttons button:first-child{background:#007bff;border-color:#007bff;color:#fff}.welcome-buttons button:first-child:hover{background:#0056b3}.reconnect-hint{font-size:.85em;color:#888}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror pre{white-space:pre-wrap}.ProseMirror li{position:relative}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror [draggable][contenteditable=false]{-webkit-user-select:text;user-select:text}.ProseMirror-selectednode{outline:2px solid #8cf}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}