pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--border-color-focus:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent-color:#4f46e5;--accent-hover:#4338ca;--danger-color:#ef4444;--success-color:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass-bg:#fffc;--glass-border:#ffffff4d;--header-height:60px;--toolbar-height:50px;--stats-height:40px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-color:#334155;--border-color-focus:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-color:#6366f1;--accent-hover:#818cf8;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--glass-bg:#0f172acc;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}input,textarea{font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left{flex:1;align-items:center;gap:20px;display:flex}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.logo-icon{background:var(--accent-color);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.brand-name{letter-spacing:-.5px;font-size:18px;font-weight:700}.file-name-container{position:relative}.file-name-input{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;width:200px;padding:4px 8px;font-size:14px;font-weight:500;transition:all .2s}.file-name-input:hover,.file-name-input:focus{border-color:var(--border-color-focus);background:var(--bg-secondary);color:var(--text-primary)}.header-center{flex:1;justify-content:center;display:flex}.view-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px;display:flex}.view-btn{color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.view-btn:hover{color:var(--text-secondary)}.view-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.primary-btn{background:var(--accent-color);color:#fff;box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.primary-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.export-dropdown{position:relative}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown-menu button{text-align:left;width:100%;color:var(--text-secondary);border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:all .15s;display:flex}.dropdown-menu button:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar{height:var(--toolbar-height);border-bottom:1px solid var(--border-color);z-index:90;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar{-ms-overflow-style:none;scrollbar-width:none}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar-divider{background-color:var(--border-color);width:1px;height:20px;margin:0 4px}.toolbar-spacer{flex:1}.editor-container{flex-direction:column;width:100%;height:100%;display:flex}.markflow-editor{flex:1;height:100%;overflow:auto}.cm-editor{outline:none!important;height:100%!important}.cm-scroller{padding:24px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:auto}.cm-content{padding:0 24px 0 12px}.cm-line{padding-left:0}.preview-container{scroll-behavior:smooth;width:100%;height:100%;padding:32px 40px 64px;overflow-y:auto}.markdown-body{color:var(--text-primary);max-width:800px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text-primary);margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border-color);padding-bottom:.3em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{color:var(--text-secondary);font-size:.85em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body blockquote{color:var(--text-secondary);border-left:.25em solid var(--border-color-focus);padding:0 1em}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body a{color:var(--accent-color);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{background-color:var(--bg-tertiary);border-radius:6px;margin:0;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:85%}.markdown-body pre{word-wrap:normal;background-color:#282c34;border-radius:6px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre>code{word-break:normal;white-space:pre;color:#abb2bf;background:0 0;border:0;margin:0;padding:0;font-size:100%}.markdown-body hr{background-color:var(--border-color);border:0;height:.25em;margin:24px 0;padding:0}.markdown-body table{border-spacing:0;border-collapse:collapse;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid var(--border-color);padding:6px 13px}.markdown-body table tr{background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.markdown-body table tr:nth-child(2n){background-color:var(--bg-secondary)}.markdown-body img{box-sizing:content-box;background-color:var(--bg-primary);border-radius:6px;max-width:100%}.stats-bar{height:var(--stats-height);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-tertiary);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.stats-left,.stats-right{align-items:center;gap:16px;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.text-success{color:var(--success-color)}.ad-banner-container{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:95;flex-direction:column;flex-shrink:0;align-items:center;width:100%;display:flex}.ad-disclaimer{background-color:var(--bg-secondary);width:100%;color:var(--text-secondary);border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;font-style:italic;display:flex}.close-ad-btn{color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.close-ad-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.ad-slot-wrapper{justify-content:center;align-items:center;width:100%;max-width:900px;min-height:90px;padding:8px 16px;display:flex}.ad-placeholder{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:728px;height:74px;display:flex;position:relative}.ad-label{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-size:9px;position:absolute;top:4px;right:6px}.placeholder-content{color:var(--text-tertiary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.opacity-50{opacity:.5}.seo-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);width:100%;color:var(--text-tertiary);z-index:100;flex-direction:column;flex-shrink:0;gap:12px;padding:12px 24px;font-size:13px;display:flex;position:relative}.seo-details{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;max-width:900px;margin:0 auto;transition:all .3s;overflow:hidden}.seo-summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 16px;font-weight:500;list-style:none;display:flex}.seo-summary::-webkit-details-marker{display:none}.seo-summary:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.seo-content{border-top:1px solid var(--border-color);flex-direction:column;gap:24px;padding:16px;line-height:1.6;display:flex}.seo-section h2{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.seo-section p{margin-bottom:12px}.seo-section ul{padding-left:20px;list-style-type:disc}.seo-section li{margin-bottom:4px}.seo-details[open] .seo-chevron{transform:rotate(180deg)}.seo-chevron{transition:transform .2s}.seo-copyright{text-align:center;opacity:.7;padding-bottom:4px;font-size:11px}.app-container{background-color:var(--bg-primary);flex-direction:column;width:100vw;min-height:100vh;display:flex}.editor-main{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex:1;min-height:calc(100vh - 120px);display:flex;position:relative}.split-flex{width:100%;height:100%;display:flex}.pane-container{scroll-behavior:smooth;height:100%;position:relative;overflow-y:auto}.full-pane{width:100%}.editor-pane,.preview-pane{background-color:var(--bg-primary)}.preview-mode-bg{background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);max-width:900px;box-shadow:var(--shadow-xl);margin:0 auto}.gutter{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);z-index:10;background-position:50%;background-repeat:no-repeat;transition:background-color .2s,border-color .2s;position:relative}.gutter.gutter-horizontal{cursor:col-resize;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjbd5CGEFsSIA3PqW8Dq/RfgAAAAASUVORK5CYII=)}.gutter:hover{background-color:var(--border-color);border-left-color:var(--accent-color);border-right-color:var(--accent-color)}