pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-subst{color:#c9d1d9}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-elevated: #1a1a2e;--bg-glass: rgba(26, 26, 46, .7);--bg-glass-hover: rgba(26, 26, 46, .9);--surface-1: #16162a;--surface-2: #1e1e36;--surface-3: #262642;--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #6a6a82;--text-inverse: #0a0a0f;--accent-primary: #7c5cfc;--accent-primary-hover: #9179ff;--accent-secondary: #5ce0d8;--accent-tertiary: #ff6b9d;--gradient-primary: linear-gradient(135deg, #7c5cfc 0%, #5ce0d8 100%);--gradient-accent: linear-gradient(135deg, #7c5cfc 0%, #ff6b9d 100%);--gradient-bg: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%);--border-color: rgba(124, 92, 252, .15);--border-color-hover: rgba(124, 92, 252, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(124, 92, 252, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--z-toolbar: 10;--z-modal: 100;--z-toast: 200}[data-theme=light]{--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-hover: rgba(255, 255, 255, .95);--surface-1: #f0f0f5;--surface-2: #e8e8f0;--surface-3: #dddde8;--text-primary: #1a1a2e;--text-secondary: #4a4a62;--text-muted: #8a8a9e;--text-inverse: #f5f5fa;--accent-primary: #6b4ce6;--accent-primary-hover: #7c5cfc;--border-color: rgba(106, 76, 230, .12);--border-color-hover: rgba(106, 76, 230, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(106, 76, 230, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}::selection{background:#7c5cfc4d;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c5cfc4d}50%{box-shadow:0 0 16px 4px #7c5cfc26}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{display:flex;flex-direction:column;height:100vh;background:var(--gradient-bg);position:relative}.drag-overlay{position:absolute;inset:0;background:var(--bg-glass-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;border:4px dashed var(--accent-primary);border-radius:var(--radius-lg);margin:16px;pointer-events:none}.drag-message{font-size:24px;font-weight:700;color:var(--accent-primary);background:var(--bg-elevated);padding:24px 48px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:var(--z-toolbar);animation:fadeIn .4s ease}.header-left{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-glow)}.logo-text{font-weight:700;font-size:18px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.logo-badge{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:var(--gradient-accent);color:#fff}.header-right{display:flex;align-items:center;gap:8px}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-normal)}.theme-toggle:hover{border-color:var(--border-color-hover);color:var(--text-primary);background:var(--surface-2);transform:scale(1.05)}.github-link{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all var(--transition-normal)}.github-link:hover{border-color:var(--border-color-hover);color:var(--text-primary);background:var(--surface-2);transform:scale(1.05)}.toolbar{display:flex;align-items:center;padding:8px 24px;gap:6px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);animation:fadeIn .5s ease .1s both;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:24px;background:var(--border-color);margin:0 8px}.toolbar-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-fast);position:relative}.toolbar-btn:hover{background:var(--surface-2);color:var(--text-primary);transform:translateY(-1px)}.toolbar-btn:active{transform:translateY(0)}.toolbar-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);padding:3px 8px;background:var(--surface-3);color:var(--text-primary);font-size:11px;border-radius:4px;white-space:nowrap;z-index:10;pointer-events:none}.toolbar-spacer{flex:1}.template-selector{position:relative}.template-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:inherit;transition:all var(--transition-normal)}.template-btn:hover{border-color:var(--border-color-hover);color:var(--text-primary);background:var(--surface-2)}.template-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:var(--z-modal);animation:fadeIn .2s ease}.template-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-primary);cursor:pointer;width:100%;font-family:inherit;font-size:13px;transition:all var(--transition-fast);text-align:left}.template-item:hover{background:var(--surface-2)}.template-item-icon{font-size:18px}.template-item-info{display:flex;flex-direction:column;gap:1px}.template-item-name{font-weight:600;font-size:13px}.template-item-desc{font-size:11px;color:var(--text-muted)}.export-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all var(--transition-normal);box-shadow:0 2px 8px #7c5cfc4d}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c5cfc66}.export-btn:active{transform:translateY(0)}.export-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.export-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.editor-area{display:flex;flex:1;overflow:hidden;animation:slideUp .6s ease .2s both}.editor-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface-1);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.panel-header-right{display:flex;align-items:center;gap:12px;font-weight:400;text-transform:none;letter-spacing:0}.word-count{color:var(--text-muted);font-size:11px}.editor-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-wrapper>div{flex:1;height:100%}.editor-wrapper .cm-editor{height:100%;font-size:14px;font-family:var(--font-mono)}.editor-wrapper .cm-editor .cm-scroller{font-family:var(--font-mono);line-height:1.6;padding:16px 0}.editor-wrapper .cm-editor .cm-content{padding:0 16px}.editor-wrapper .cm-editor .cm-gutters{background:var(--bg-secondary);border-right:1px solid var(--border-color);color:var(--text-muted)}.editor-wrapper .cm-editor .cm-activeLineGutter{background:var(--surface-1)}.editor-wrapper .cm-editor .cm-activeLine{background:#7c5cfc0a}.editor-wrapper .cm-editor .cm-selectionBackground{background:#7c5cfc33!important}.editor-wrapper .cm-editor.cm-focused .cm-cursor{border-left-color:var(--accent-primary)}.editor-wrapper .cm-editor.cm-focused{outline:none}.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-secondary)}.preview-wrapper{flex:1;overflow-y:auto;padding:32px}.preview-content{max-width:780px;margin:0 auto;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);min-height:100%}.preview-content h1{font-size:2em;font-weight:800;margin-bottom:.5em;padding-bottom:.3em;border-bottom:2px solid var(--border-color);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.preview-content h2{font-size:1.5em;font-weight:700;margin-top:1.5em;margin-bottom:.5em;padding-bottom:.2em;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.preview-content h3{font-size:1.25em;font-weight:700;margin-top:1.3em;margin-bottom:.4em;color:var(--text-primary)}.preview-content h4,.preview-content h5,.preview-content h6{font-weight:600;margin-top:1.2em;margin-bottom:.3em;color:var(--text-primary)}.preview-content p{margin-bottom:1em;line-height:1.7;color:var(--text-secondary)}.preview-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.preview-content a:hover{border-bottom-color:var(--accent-primary)}.preview-content strong{font-weight:700;color:var(--text-primary)}.preview-content em{font-style:italic}.preview-content ul,.preview-content ol{margin-bottom:1em;padding-left:2em;color:var(--text-secondary)}.preview-content li{margin-bottom:.4em;line-height:1.6}.preview-content li>ul,.preview-content li>ol{margin-top:.3em;margin-bottom:0}.preview-content blockquote{margin:1em 0;padding:12px 20px;border-left:4px solid var(--accent-primary);background:var(--surface-1);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.preview-content blockquote p:last-child{margin-bottom:0}.preview-content code{font-family:var(--font-mono);font-size:.87em;padding:2px 6px;background:var(--surface-2);border-radius:4px;color:var(--accent-tertiary)}.preview-content pre{margin:1em 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.preview-content pre code{display:block;padding:16px 20px;background:var(--surface-1);color:var(--text-primary);font-size:13px;line-height:1.6;overflow-x:auto;border-radius:0}.preview-content hr{border:none;height:1px;background:var(--border-color);margin:2em 0}.preview-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em}.preview-content thead th{background:var(--surface-2);font-weight:700;text-align:left;padding:10px 14px;border:1px solid var(--border-color);color:var(--text-primary)}.preview-content tbody td{padding:10px 14px;border:1px solid var(--border-color);color:var(--text-secondary)}.preview-content tbody tr:hover{background:var(--surface-1)}.preview-content img{max-width:100%;border-radius:var(--radius-md);margin:1em 0}.preview-content input[type=checkbox]{margin-right:8px;accent-color:var(--accent-primary)}.pdf-render-target{background:#fff!important;color:#1a1a2e!important;padding:40px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.pdf-render-target h1{color:#1a1a2e!important;background:none!important;-webkit-text-fill-color:#1a1a2e!important;border-bottom-color:#e0e0e0!important}.pdf-render-target h2,.pdf-render-target h3,.pdf-render-target h4,.pdf-render-target h5,.pdf-render-target h6{color:#1a1a2e!important}.pdf-render-target p,.pdf-render-target li,.pdf-render-target td{color:#333!important}.pdf-render-target a{color:#6b4ce6!important}.pdf-render-target code{background:#f0f0f5!important;color:#d63384!important}.pdf-render-target pre code{background:#f8f8fc!important;color:#1a1a2e!important}.pdf-render-target pre{border-color:#e0e0e0!important}.pdf-render-target blockquote{border-left-color:#6b4ce6!important;background:#f8f8fc!important;color:#555!important}.pdf-render-target thead th{background:#f0f0f5!important;border-color:#ddd!important;color:#1a1a2e!important}.pdf-render-target tbody td{border-color:#ddd!important;color:#333!important}.pdf-render-target hr{background:#e0e0e0!important}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:var(--surface-1);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-secondary)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.modal{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:420px;max-width:90vw;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.modal-title{font-size:18px;font-weight:700}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.form-input{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-family:inherit;font-size:14px;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c5cfc26}.form-select{padding:10px 32px 10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-family:inherit;font-size:14px;cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236a6a82' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c5cfc26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{padding:0 24px 24px;display:flex;gap:10px;justify-content:flex-end}.btn-secondary{padding:10px 20px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-color-hover)}.btn-primary{padding:10px 24px;border-radius:var(--radius-sm);border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;transition:all var(--transition-normal);box-shadow:0 2px 8px #7c5cfc4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c5cfc66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:14px;z-index:var(--z-toast);animation:slideUp .3s ease;display:flex;align-items:center;gap:8px}.toast-success{border-left:3px solid var(--accent-secondary)}.toast-error{border-left:3px solid var(--accent-tertiary)}@media(max-width:768px){.editor-area{flex-direction:column}.editor-panel{border-right:none;border-bottom:1px solid var(--border-color);height:50%}.preview-panel{height:50%}.preview-content{padding:24px}.toolbar{padding:6px 12px;gap:4px;overflow-x:auto}.toolbar-divider{margin:0 4px}.header{padding:0 12px}.logo-badge{display:none}.template-dropdown{right:-60px}}.hljs{background:transparent!important}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:var(--text-primary)}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:var(--text-primary);font-style:italic}.hljs-strong{color:var(--text-primary);font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffd8d3;background-color:#67060c}[data-theme=light] .hljs-doctag,[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-meta .hljs-keyword,[data-theme=light] .hljs-template-tag,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-type,[data-theme=light] .hljs-variable.language_{color:#d73a49}[data-theme=light] .hljs-title,[data-theme=light] .hljs-title.class_,[data-theme=light] .hljs-title.class_.inherited__,[data-theme=light] .hljs-title.function_{color:#6f42c1}[data-theme=light] .hljs-attr,[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-meta,[data-theme=light] .hljs-number,[data-theme=light] .hljs-operator,[data-theme=light] .hljs-variable,[data-theme=light] .hljs-selector-attr,[data-theme=light] .hljs-selector-class,[data-theme=light] .hljs-selector-id{color:#005cc5}[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-string,[data-theme=light] .hljs-meta .hljs-string{color:#032f62}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-symbol{color:#e36209}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-code,[data-theme=light] .hljs-formula{color:#6a737d}[data-theme=light] .hljs-name,[data-theme=light] .hljs-quote,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-selector-pseudo{color:#22863a}[data-theme=light] .hljs-section{color:#005cc5}[data-theme=light] .hljs-bullet{color:#735c0f}[data-theme=light] .hljs-addition{color:#22863a;background-color:#f0fff4}[data-theme=light] .hljs-deletion{color:#b31d28;background-color:#ffeef0}