*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f5f5f5;height:100vh;overflow:hidden}.container{display:flex;height:100vh;gap:0}.editor-panel,.preview-panel{flex:1 1;display:flex;flex-direction:column;background:#fff}.panel-header{background:#2c3e50;color:#fff;padding:15px 20px;font-size:16px;font-weight:600;border-bottom:2px solid #34495e;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{white-space:nowrap}.panel-actions{display:flex;align-items:center;gap:8px}.theme-select{padding:4px 6px;font-size:12px;border-radius:4px;border:1px solid hsla(0,0%,100%,.7);background:rgba(44,62,80,.9);color:#ecf0f1;outline:none;cursor:pointer}.theme-select option{color:#2c3e50}.btn-copy{padding:4px 10px;font-size:12px;border-radius:4px;border:1px solid hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.08);color:#ecf0f1;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.btn-copy:hover{background:hsla(0,0%,100%,.18)}.btn-copy:active{transform:translateY(1px)}.editor-container{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.markdown-input{flex:1 1;width:100%;padding:20px;border:none;resize:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;outline:none;background:#fafafa}.preview-container{flex:1 1;overflow-y:auto;padding:0;background:#fff}.preview-content{max-width:100%;margin:0 auto;min-height:100%}#preview{width:100%;min-height:100%}#preview #nice{padding:20px}.divider{width:4px;background:#e0e0e0;cursor:col-resize;position:relative}.divider:hover{background:#3498db}.divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:#95a5a6;border-radius:1px}.loading{text-align:center;padding:20px;color:#7f8c8d}.error{color:#e74c3c;padding:20px;background:#fee;border-left:4px solid #e74c3c;margin:20px}@media (max-width:768px){.container{flex-direction:column}.editor-panel,.preview-panel{height:50vh}.divider{width:100%;height:4px;cursor:row-resize}.divider:before{width:40px;height:2px}}