@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;--font-sans-sc: "Noto Sans SC", sans-serif;--font-serif-sc: "Noto Serif SC", serif;--font-kai: "CangEr JinKai01", "CangEr JinKai", "KaiTi", "楷体", "STKaiti", serif;--color-bg: #f8f9fa;--color-text: #212529;--color-primary: #0f172a;--spacing-unit: 8px}.font-sans-sc{font-family:var(--font-sans-sc)!important}.font-serif-sc{font-family:var(--font-serif-sc)!important}.font-kai{font-family:var(--font-kai)!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}.editor-container{height:100%;display:flex;flex-direction:column}.editor-textarea{flex:1;width:100%;resize:none;border:none;padding:1.5rem;font-family:var(--font-mono);font-size:14px;line-height:1.6;background-color:#f8fafc;color:#334155;outline:none}.editor-textarea:focus{background-color:#fff}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.preview-scroll-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:4rem}.preview-card{width:100%;max-width:500px;min-height:300px;background:#fff;padding:2.5rem;border-radius:4px;box-shadow:0 10px 30px -10px #0003;transition:all .3s ease;position:relative;flex-shrink:0}.card-footer-number{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#0003;font-weight:500}.theme-dark .card-footer-number{color:#fff3}.preview-card h1,.preview-card h2,.preview-card h3{margin-top:1.5em;margin-bottom:.5em;font-weight:700;color:#1e293b}.preview-card h1:first-child{margin-top:0}.preview-card p{margin-bottom:1em;color:#334155;line-height:1.7}.preview-card img{max-width:100%;border-radius:4px}.preview-card pre{background:#f1f5f9;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1em}.preview-card code{font-family:var(--font-mono);font-size:.9em}.preview-card blockquote{border-left:4px solid #cbd5e1;margin:0 0 1em;padding-left:1rem;color:#64748b;font-style:italic}.card-author{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9;font-weight:600;color:#64748b;font-size:.9rem;display:flex;align-items:center}.card-watermark{position:absolute;bottom:2rem;right:2rem;font-size:1.5rem;font-weight:800;color:#0000000d;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;transform:rotate(-15deg);white-space:nowrap}.theme-default{background:#fff}.theme-dark{background:#1e293b;color:#e2e8f0}.theme-dark h1,.theme-dark h2,.theme-dark h3{color:#f8fafc}.theme-dark p{color:#cbd5e1}.theme-dark pre{background:#0f172a}.theme-dark .card-author{border-bottom-color:#334155;color:#94a3b8}.theme-dark .card-watermark{color:#ffffff0d}.theme-social{background:linear-gradient(135deg,#fff,#f8fafc);border:8px solid #3b82f6;border-radius:12px}.theme-social h1{background:linear-gradient(to right,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:2em}.theme-social .card-author{justify-content:center;border-bottom:none;color:#3b82f6}.theme-paper{background-color:#fdfbf7;color:#4a4a4a;font-family:Georgia,serif;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.theme-paper h1,.theme-paper h2{font-family:Georgia,serif;color:#2c2c2c;border-bottom:1px solid #e5e5e5;padding-bottom:.2em}.settings-panel{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:1.5rem;height:100%}.settings-header{margin-bottom:2rem}.settings-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#1e293b}.settings-group{margin-bottom:2rem}.settings-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.settings-input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#334155;transition:all .2s}.settings-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select.settings-input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.theme-btn{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;font-size:.85rem;color:#64748b;text-transform:capitalize;transition:all .2s;display:flex;justify-content:center;align-items:center}.theme-btn:hover{background:#f1f5f9}.theme-btn.active{background:#ebf5ff;border-color:#3b82f6;color:#2563eb;font-weight:500}.settings-actions{margin-top:auto}.btn-export{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s}.btn-export:hover{background:#1e293b;transform:translateY(-1px)}.btn-export:active{transform:translateY(0)}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{padding:1rem 2rem;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:12px}.logo-img{width:32px;height:32px;border-radius:6px;object-fit:cover}.app-header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:#1e293b}.btn-header-export{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#0f172a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s}.btn-header-export:hover{background:#1e293b;transform:translateY(-1px)}.btn-header-export:active{transform:translateY(0)}.app-main{flex:1;display:flex;overflow:hidden;background-color:var(--color-bg)}.pane-settings{flex:0 0 auto;z-index:10}.pane-preview{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;overflow-y:auto;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px}.pane-editor{flex:0 0 350px;border-left:1px solid #e2e8f0;background:#fff;z-index:10}@media(max-width:1024px){.app-main{flex-direction:column}.pane-settings{order:3;width:100%;border-right:none;border-top:1px solid #e2e8f0;height:auto}.pane-editor{flex:1;border-left:none;order:2}.pane-preview{flex:1;order:1}}