body{font-family:sans-serif;margin:0;padding:0;background-color:#f4f4f4;min-height:100vh;display:flex;flex-direction:column}

/* Header */
header{background-color:#007bff;color:#fff;padding:15px 20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}
header nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
header .logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}

/* Main */
main{flex:1;padding:20px}
.container{max-width:1200px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}

/* Intro */
.intro{font-size:1.1rem;color:#555;margin-bottom:20px;line-height:1.6}

textarea#combinedContentInput{width:98%;min-height:300px;margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;line-height:1.5}.button-group,.font-picker-section{margin-bottom:20px}.button-group button{margin-right:10px}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}h1,h2,h3,h4{color:#333}#status{margin-top:10px;font-style:italic;color:#555}.error-message{color:red;font-family:monospace;white-space:pre-wrap;text-align:left;background-color:#ffebeb;border:1px solid #ffc0c0;padding:10px;margin-top:5px}label{margin-right:5px;font-weight:700}select{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:14px}#documentPreview{margin-top:20px;padding:15px;border:1px solid #ccc;background-color:#f9f9f9;min-height:100px;line-height:1.6}#documentPreview .markdown-preview-segment h1{font-size:18pt;font-weight:700}#documentPreview .markdown-preview-segment h2{font-size:14pt;font-weight:700}#documentPreview .markdown-preview-segment h3{font-size:12pt;font-weight:700}#documentPreview .markdown-preview-segment h4{font-size:12pt;font-style:italic;font-weight:400}#documentPreview .markdown-preview-segment h5,#documentPreview .markdown-preview-segment h6{margin-top:.8em;margin-bottom:.4em;line-height:1.2;font-weight:700}#documentPreview .markdown-preview-segment li,#documentPreview .markdown-preview-segment p,#documentPreview .markdown-preview-segment td,#documentPreview .markdown-preview-segment th{font-size:10pt}#documentPreview .markdown-preview-segment code{font-family:monospace;background-color:#f0f0f0;padding:2px 4px;border-radius:3px}#documentPreview .markdown-preview-segment pre code{display:block;padding:10px;background-color:#f0f0f0;border-radius:4px;white-space:pre-wrap}#documentPreview .markdown-preview-segment table{border-collapse:collapse;margin-bottom:1em;width:auto}#documentPreview .markdown-preview-segment td,#documentPreview .markdown-preview-segment th{border:1px solid #ccc;padding:6px 10px;text-align:left}#documentPreview .markdown-preview-segment th{background-color:#f0f0f0;font-weight:700}#documentPreview .markdown-preview-segment hr{border:0;border-top:1px solid #ccc;margin:1em 0}#documentPreview .mermaid-preview-segment svg{max-width:100%;height:auto;border:1px solid #ddd;display:block;margin:15px auto;background-color:#fff;padding:10px;box-sizing:border-box}

/* SEO Content Sections */
.seo-content{margin-top:40px;padding-top:30px;border-top:1px solid #eee}
.seo-content h2{text-align:center;margin-bottom:30px}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}
.features-grid article{background:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #eee}
.features-grid article h3{margin-top:0;font-size:1.1rem}
.features-grid article p{color:#666;margin-bottom:0;font-size:0.95rem;line-height:1.5}

.how-to{margin-top:30px;padding:20px;background:#f0f7ff;border-radius:8px}
.how-to h2{margin-top:0}
.how-to ol{padding-left:20px}
.how-to li{margin-bottom:10px;line-height:1.6}
.how-to code{background:#fff;padding:2px 6px;border-radius:3px;font-size:0.9rem}

/* Footer */
footer{background-color:#333;color:#fff;text-align:center;padding:20px;margin-top:auto}
footer a{color:#7cb9ff;text-decoration:none}
footer a:hover{text-decoration:underline}
footer p{margin:5px 0}
footer small{color:#aaa}

@media print{body *{visibility:hidden}#documentPreview,#documentPreview *{visibility:visible}#documentPreview{position:absolute;left:0;top:0;width:100%;margin:0;padding:15mm;border:none;box-shadow:none;background-color:#fff;font-size:10pt}#documentPreview button,#documentPreview input,#documentPreview select,#documentPreview textarea{display:none!important}#documentPreview .error-message{border:1px solid #666!important;background-color:#f0f0f0!important;color:#000!important}#documentPreview .mermaid-preview-segment svg{max-width:100%!important;width:auto!important;height:auto!important;page-break-inside:avoid;padding:0!important;border:none!important}#documentPreview .markdown-preview-segment h1{font-size:18pt!important;font-weight:700!important}#documentPreview .markdown-preview-segment h2{font-size:14pt!important;font-weight:700!important}#documentPreview .markdown-preview-segment h3{font-size:12pt!important;font-weight:700!important}#documentPreview .markdown-preview-segment h4{font-size:12pt!important;font-style:italic!important;font-weight:400!important}#documentPreview .markdown-preview-segment li,#documentPreview .markdown-preview-segment p,#documentPreview .markdown-preview-segment td,#documentPreview .markdown-preview-segment th{font-size:10pt!important}#documentPreview .markdown-preview-segment table{width:100%!important;page-break-inside:avoid}#documentPreview .markdown-preview-segment hr{border-top:1px solid #000!important}.seo-content,.how-to,footer,header{display:none!important}}