.write-page{display:flex;flex-direction:column;height:100vh}.write-nav{display:flex;align-items:center;height:44px;padding:0 1rem;border-bottom:1px solid #eee;flex-shrink:0}.write-nav .logo{margin-right:auto;font-size:1.4rem;font-weight:700}.write-nav-actions{display:flex;gap:.5rem}.write-nav #logoutBtn{padding:.4rem 1rem;font-size:.9rem;color:#999}.write-nav #publishBtn{padding:.4rem 1.2rem;background:coral;color:#fff;font-weight:700;font-size:.9rem;border-radius:3px}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffeb;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-overlay[hidden]{display:none}.auth-box{display:flex;flex-direction:column;gap:.6rem;width:280px}.auth-title{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.auth-box input{width:100%;padding:.6rem .8rem;font-size:1rem;border:1.5px solid #ccc;border-radius:3px;outline:none}.auth-box input:focus{border-color:coral}.auth-box #authSubmit{padding:.6rem;background:coral;color:#fff;font-weight:700;font-size:1rem;border-radius:3px;width:100%}.title-input{width:100%;border:none;border-bottom:1px solid #eee;padding:1rem 1.5rem;font-size:2rem;font-weight:900;outline:none;flex-shrink:0}.cover-image-bar{display:flex;align-items:center;gap:.5rem;padding:.4rem 1.5rem;border-bottom:1px solid #eee;flex-shrink:0}.cover-image-btn{font-size:.8rem;color:#aaa;border:none;background:none;padding:0;cursor:pointer;width:auto;margin:0;border-radius:0}.cover-image-btn:hover{color:#555}.cover-image-status{font-size:.8rem;color:#888}.cover-image-remove{font-size:.8rem;color:#aaa;border:none;background:none;cursor:pointer;padding:0;width:auto;margin:0;border-radius:0}.cover-image-remove:hover{color:#333}.toolbar{display:flex;align-items:center;gap:.2rem;padding:.4rem 1rem;border-bottom:1px solid #eee;flex-shrink:0}.toolbar button{width:auto;border:none;padding:.3rem .6rem;font-size:.85rem;border-radius:3px;margin:0;background:transparent}.toolbar button:hover{background:#f0f0f0}.toolbar-divider{color:#ccc;padding:0 .3rem}.editor-split{display:flex;flex:1;overflow:hidden}.editor-split textarea{flex:1;resize:none;border:none;border-right:1px solid #eee;padding:1.5rem;font-size:.95rem;line-height:1.8;outline:none;font-family:Courier New,monospace;width:auto;height:auto;margin:0;border-radius:0;overflow-y:auto}.md-preview{flex:1;padding:1.5rem;overflow-y:auto;line-height:1.8}.md-preview h1,.md-preview h2,.md-preview h3{margin:1rem 0 .5rem;font-weight:900}.md-preview p{margin-bottom:.8rem}.md-preview code{background:#f4f4f4;padding:.1em .4em;border-radius:3px;font-size:.9em}.md-preview pre{background:#f4f4f4;padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:.8rem}.md-preview pre code{background:none;padding:0}.md-preview blockquote{border-left:4px solid coral;padding-left:1rem;color:#666;margin:.8rem 0}.md-preview hr{border:none;border-top:1px solid #eee;margin:1.5rem 0}.md-preview a{color:coral;text-decoration:underline}.md-preview ul,.md-preview ol{padding-left:1.5rem;margin-bottom:.8rem}.md-preview ul{list-style:disc}.md-preview ol{list-style:decimal}