.markdown-preview-tool{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.tool-controls{display:flex;gap:1rem;flex-wrap:wrap}.clear-button,.copy-button,.sample-button{padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.sample-button{background-color:#0969da;color:white}.sample-button:hover{background-color:#0860c1}.clear-button{background-color:#6e7781;color:white}.clear-button:hover{background-color:#57606a}.copy-button{background-color:#2ea44f;color:white}.copy-button:hover{background-color:#2c974b}.editor-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:600px}.editor-pane,.preview-pane{display:flex;flex-direction:column;height:100%;border:1px solid #e1e4e8;border-radius:6px;overflow:hidden}.pane-title{margin:0;padding:.75rem 1rem;font-size:1rem;background-color:#f6f8fa;border-bottom:1px solid #e1e4e8}.markdown-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;border:none;resize:none}.markdown-input,.preview-content{flex:1;padding:1rem;overflow-y:auto}.preview-content{background-color:white}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.preview-content h1{font-size:2rem}.preview-content h1,.preview-content h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.preview-content h2{font-size:1.5rem}.preview-content h3{font-size:1.25rem}.preview-content h4{font-size:1rem}.preview-content blockquote,.preview-content ol,.preview-content p,.preview-content ul{margin-top:0;margin-bottom:1rem}.preview-content a{color:#0366d6;text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content code{padding:.2em .4em;background-color:rgba(27,31,35,.05);border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%}.preview-content pre{padding:1rem;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.preview-content pre code{padding:0;background-color:initial}.preview-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.preview-content table{display:block;width:100%;overflow:auto;border-spacing:0;border-collapse:collapse}.preview-content table td,.preview-content table th{padding:6px 13px;border:1px solid #dfe2e5}.preview-content table tr{background-color:#fff;border-top:1px solid #c6cbd1}.preview-content table tr:nth-child(2n){background-color:#f6f8fa}.preview-content img{max-width:100%;box-sizing:initial}.preview-content hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}@media (max-width:768px){.editor-preview-container{grid-template-columns:1fr;height:auto}.editor-pane,.preview-pane{height:400px}}