.markdown-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:500px}.editor-pane,.preview-pane{display:flex;flex-direction:column;border:1px solid var(--border-color, #ddd);border-radius:8px;overflow:hidden}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #ddd);font-weight:500;font-size:.875rem}.char-count{font-weight:400;color:var(--text-secondary, #666);font-size:.75rem}.editor-pane textarea{flex:1;padding:1rem;border:none;resize:none;font-family:SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.6}.editor-pane textarea:focus{outline:none}.preview-content{flex:1;padding:1rem;overflow-y:auto;line-height:1.7}.preview-content h1{font-size:1.75rem;margin:0 0 1rem}.preview-content h2{font-size:1.5rem;margin:1.5rem 0 .75rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.preview-content h3{font-size:1.25rem;margin:1.25rem 0 .5rem}.preview-content h4{font-size:1.1rem;margin:1rem 0 .5rem}.preview-content p{margin:0 0 1rem}.preview-content code{background:#0000000d;padding:.125rem .25rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.preview-content pre{background:var(--bg-secondary, #f5f5f5);padding:1rem;border-radius:6px;overflow-x:auto;margin:0 0 1rem}.preview-content pre code{background:none;padding:0}.preview-content blockquote{margin:0 0 1rem;padding:.5rem 1rem;border-left:4px solid var(--primary, #4361ee);background:#4361ee0d;color:var(--text-secondary, #666)}.preview-content ul,.preview-content ol{margin:0 0 1rem;padding-left:1.5rem}.preview-content li{margin:.25rem 0}.preview-content a{color:var(--primary, #4361ee);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content hr{border:none;border-top:1px solid var(--border-color, #ddd);margin:1.5rem 0}.preview-content img{max-width:100%;border-radius:4px}.privacy-note{text-align:center;padding:.75rem;background:#4caf501a;color:var(--success, #4caf50);border-radius:8px;font-size:.875rem;margin-top:1rem}@media(max-width:768px){.markdown-preview-container{grid-template-columns:1fr;min-height:auto}.editor-pane,.preview-pane{min-height:300px}}