.code-block-wrapper{background:#1e1e2e;border:1px solid #ffffff0f;border-radius:12px;margin:1.5rem 0;overflow:hidden}.code-block-header{background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-block-dots{gap:6px;display:flex}.code-block-dots span{border-radius:50%;width:10px;height:10px}.code-block-dots span:first-child{background:#ff5f57}.code-block-dots span:nth-child(2){background:#febc2e}.code-block-dots span:nth-child(3){background:#28c840}.code-block-lang-select{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:3px 8px;font-family:inherit;font-size:11px}.code-block-lang-select:hover{background:#ffffff1f}.code-block-wrapper pre{color:#cdd6f4;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.code-block-wrapper pre code{font-family:inherit;background:0 0!important;padding:0!important}.code-block-wrapper .hljs-keyword{color:#cba6f7}.code-block-wrapper .hljs-string{color:#a6e3a1}.code-block-wrapper .hljs-number{color:#fab387}.code-block-wrapper .hljs-comment{color:#6c7086;font-style:italic}.code-block-wrapper .hljs-function,.code-block-wrapper .hljs-title{color:#89b4fa}.code-block-wrapper .hljs-built_in{color:#f38ba8}.code-block-wrapper .hljs-params{color:#f5c2e7}.code-block-wrapper .hljs-attr{color:#89dceb}.code-block-wrapper .hljs-selector-class{color:#a6e3a1}.code-block-wrapper .hljs-selector-tag{color:#cba6f7}.code-block-wrapper .hljs-tag,.code-block-wrapper .hljs-name{color:#89b4fa}.code-block-wrapper .hljs-attribute{color:#f9e2af}.code-block-wrapper .hljs-variable{color:#cdd6f4}.code-block-wrapper .hljs-operator{color:#89dceb}.code-block-wrapper .hljs-punctuation{color:#9399b2}.code-block-wrapper .hljs-meta,.code-block-wrapper .hljs-type{color:#f9e2af}.code-block-wrapper .hljs-literal{color:#fab387}.code-block-wrapper .hljs-regexp{color:#f38ba8}.code-block-wrapper .hljs-symbol{color:#f5e0dc}.code-block-wrapper .hljs-property{color:#89dceb}.math-block-wrapper{margin:1.5rem 0}.math-block-editor{background:var(--color-bg-card,#fff);border:1.5px solid #8b5cf64d;border-radius:12px;overflow:hidden}.math-block-editor-header{color:#8b5cf6;background:#8b5cf60f;border-bottom:1px solid #8b5cf626;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.math-block-textarea{width:100%;color:var(--color-text-primary,#1a1a2e);resize:vertical;background:0 0;border:none;outline:none;padding:12px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.math-block-editor-footer{border-top:1px solid #8b5cf61a;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.math-block-hint{color:var(--color-text-muted,#999);font-size:11px}.math-block-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.math-block-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.math-block-preview{border-top:1px dashed #8b5cf626;padding:16px}.math-block-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#999);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.math-block-rendered{background:var(--color-bg-tertiary,#f8f8f8);cursor:pointer;text-align:center;border:1.5px solid #0000;border-radius:12px;padding:24px 20px;transition:all .2s}.math-block-rendered:hover{background:#8b5cf60a;border-color:#8b5cf64d}.math-block-rendered.selected{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.math-block-rendered .katex-display{margin:0}.html-embed-wrapper{margin:1.5rem 0}.html-embed-editor{background:var(--color-bg-card,#fff);border:1.5px solid #06b6d44d;border-radius:12px;overflow:hidden}.html-embed-editor-header{color:#06b6d4;background:#06b6d40f;border-bottom:1px solid #06b6d426;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.html-embed-textarea{width:100%;color:var(--color-text-primary,#1a1a2e);resize:vertical;tab-size:2;background:0 0;border:none;outline:none;padding:12px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.html-embed-editor-footer{border-top:1px solid #06b6d41a;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.html-embed-height-control{color:var(--color-text-muted,#999);align-items:center;gap:6px;font-size:12px;display:flex}.html-embed-height-control input{border:1px solid var(--color-border-primary,#ddd);background:var(--color-bg-primary,#fff);width:60px;color:var(--color-text-primary,#333);text-align:center;border-radius:6px;outline:none;padding:3px 6px;font-size:12px}.html-embed-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.html-embed-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.html-embed-live-preview{border-top:1px dashed #06b6d426;padding:12px}.html-embed-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#999);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.html-embed-rendered{background:var(--color-bg-tertiary,#f8f8f8);cursor:pointer;border:1.5px solid #0000;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.html-embed-rendered:hover{border-color:#06b6d44d}.html-embed-rendered.selected{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.html-embed-overlay{color:#06b6d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#ffffffe6;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.html-embed-rendered:hover .html-embed-overlay{opacity:1}.blog-content .math-block-container{background:var(--color-bg-tertiary,#f8f8f8);text-align:center;border-radius:12px;margin:1.5rem 0;padding:24px 20px}.blog-content .html-embed-container{background:var(--color-bg-tertiary,#f8f8f8);border-radius:12px;margin:1.5rem 0;overflow:hidden}.blog-content pre{background:#1e1e2e;border-radius:12px;margin:1.5rem 0;padding:0;overflow:hidden}.blog-content pre code{color:#cdd6f4;padding:16px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;line-height:1.65;display:block;overflow-x:auto}.blog-content .hljs-keyword{color:#cba6f7}.blog-content .hljs-string{color:#a6e3a1}.blog-content .hljs-number{color:#fab387}.blog-content .hljs-comment{color:#6c7086;font-style:italic}.blog-content .hljs-function,.blog-content .hljs-title{color:#89b4fa}.blog-content .hljs-built_in{color:#f38ba8}.blog-content .hljs-params{color:#f5c2e7}.blog-content .hljs-attr{color:#89dceb}.blog-content .hljs-tag,.blog-content .hljs-name{color:#89b4fa}.blog-content .hljs-attribute{color:#f9e2af}.blog-content .hljs-variable{color:#cdd6f4}.blog-content .hljs-operator{color:#89dceb}.blog-content .hljs-type{color:#f9e2af}.blog-content .hljs-literal{color:#fab387}.blog-content .hljs-property{color:#89dceb}.code-editor-root{background:var(--color-bg-card,#fff);border:1.5px solid var(--color-border-primary,#e5e5e5);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.code-editor-fullscreen{z-index:9999;border:none;border-radius:0;position:fixed;inset:0}.code-editor-header{background:var(--color-bg-tertiary,#f5f5f5);border-bottom:1px solid var(--color-border-primary,#e5e5e5);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-editor-split{flex:1;min-height:500px;display:flex}.code-editor-fullscreen .code-editor-split{height:calc(100vh - 44px);min-height:0}.code-editor-code{background:#1a1b26;flex:1;overflow:auto}.code-editor-code-inner{min-height:100%;display:flex}.code-editor-textarea{color:#c0caf5;resize:none;tab-size:2;white-space:pre;overflow-wrap:normal;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:100%;padding:16px 16px 16px 0;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:13px;line-height:1.65}.code-editor-textarea::placeholder{color:#c0caf540}.code-editor-divider{background:var(--color-border-primary,#e5e5e5);cursor:col-resize;flex-shrink:0;width:3px;transition:background .2s}.code-editor-divider:hover{background:var(--accent,#f59e0b)}.code-editor-preview{background:var(--color-bg-primary,#fff);flex-direction:column;flex:1;display:flex;overflow:auto}.code-editor-preview-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted,#999);background:var(--color-bg-tertiary,#f5f5f5);border-bottom:1px solid var(--color-border-primary,#e5e5e5);justify-content:center;align-items:center;padding:6px;font-size:10px;font-weight:700;display:flex}.code-editor-preview-content{flex:1;padding:20px 24px;overflow:auto}.code-editor-iframe{border:none;width:100%;height:100%;min-height:460px}.latex-display-block,.latex-math-block{background:var(--color-bg-tertiary,#f5f5f5);text-align:center;border:1px solid var(--color-border-primary,#e5e5e5);border-radius:10px;margin:16px 0;padding:20px;overflow-x:auto}.latex-heading{color:var(--color-text-primary,#1a1a2e);font-family:var(--font-serif,Georgia, serif);margin:20px 0 10px}h1.latex-heading{font-size:28px}h2.latex-heading{border-bottom:1px solid var(--color-border-primary,#e5e5e5);padding-bottom:6px;font-size:22px}h3.latex-heading{font-size:18px}h4.latex-heading{color:var(--color-text-secondary,#444);font-size:16px}h5.latex-heading{color:var(--color-text-secondary,#555);margin:14px 0 6px;font-size:14px;font-weight:700}.latex-paragraph{color:var(--color-text-secondary,#333);margin:12px 0;font-size:15px;line-height:1.75}.latex-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.latex-table td,.latex-table th{border:1px solid var(--color-border-primary,#e0e0e0);color:var(--color-text-secondary,#333);padding:8px 12px}.latex-table tr:first-child td{background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-text-primary,#1a1a2e);font-weight:700}.latex-list{color:var(--color-text-secondary,#333);margin:12px 0;padding-left:26px;font-size:15px;line-height:1.75}.latex-list li{margin:4px 0}.latex-quote{border-left:3px solid var(--color-brand,#f59e0b);background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-text-secondary,#555);border-radius:0 8px 8px 0;margin:16px 0;padding:14px 20px;font-style:italic;line-height:1.7}.latex-verbatim{border-radius:10px;margin:16px 0;overflow-x:auto}.latex-verbatim code{color:#cdd6f4;background:#1e1e2e;border-radius:10px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;display:block}.latex-rule{border:none;border-top:1px solid var(--color-border-primary,#e0e0e0);margin:20px 0}.latex-inline-code{background:#0000000f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.latex-minipage{margin:12px 0;padding:8px 0}.code-editor-preview-content .blog-content h1{margin:20px 0 10px;font-size:28px}.code-editor-preview-content .blog-content h2{margin:18px 0 8px;font-size:22px}.code-editor-preview-content .blog-content h3{margin:16px 0 6px;font-size:18px}.code-editor-preview-content .blog-content p{margin:10px 0;line-height:1.75}.code-editor-preview-content .blog-content ul,.code-editor-preview-content .blog-content ol{margin:10px 0;padding-left:24px}.code-editor-preview-content .blog-content li{margin:4px 0;line-height:1.65}.code-editor-preview-content .blog-content blockquote{border-left:3px solid var(--accent,#f59e0b);background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-text-secondary,#555);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px}.code-editor-preview-content .blog-content code{background:#0000000f;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.code-editor-preview-content .blog-content pre code{color:#cdd6f4;background:#1e1e2e;border-radius:10px;padding:16px;display:block;overflow-x:auto}.code-editor-preview-content .blog-content a{color:var(--accent,#f59e0b);text-decoration:underline}.code-editor-preview-content .blog-content img{border-radius:10px;max-width:100%;margin:12px 0}.code-editor-preview-content .blog-content hr{border:none;border-top:1px solid var(--color-border-primary,#e5e5e5);margin:20px 0}.code-editor-preview-content .blog-content table{border-collapse:collapse;border:1px solid var(--color-border-primary,#e5e5e5);border-radius:8px;width:100%;margin:16px 0;overflow:hidden}.code-editor-preview-content .blog-content th,.code-editor-preview-content .blog-content td{border-bottom:1px solid var(--color-border-primary,#e5e5e5);border-right:1px solid var(--color-border-primary,#e5e5e5);text-align:left;padding:9px 14px;font-size:14px}.code-editor-preview-content .blog-content th:last-child,.code-editor-preview-content .blog-content td:last-child{border-right:none}.code-editor-preview-content .blog-content tr:last-child td{border-bottom:none}.code-editor-preview-content .blog-content th{background:var(--color-bg-tertiary,#f5f5f5);letter-spacing:.01em;border-bottom:2px solid var(--color-border-primary,#e5e5e5);font-size:13px;font-weight:700}.code-editor-preview-content .blog-content .latex-math-block{background:var(--color-bg-tertiary,#f5f5f5);text-align:center;border:1px solid var(--color-border-primary,#e5e5e5);border-radius:10px;margin:16px 0;padding:20px;overflow-x:auto}.format-selector{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.format-card{border:1.5px solid var(--color-border-primary,#e5e5e5);background:var(--color-bg-card,#fff);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;transition:all .2s;display:flex}.format-card:hover{border-color:var(--card-accent,#ccc);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.format-card.active{border-color:var(--card-accent,#f59e0b);background:color-mix(in srgb, var(--card-accent,#f59e0b) 5%, var(--color-bg-card,#fff));box-shadow:0 0 0 3px color-mix(in srgb, var(--card-accent,#f59e0b) 10%, transparent)}.format-card-icon{background:color-mix(in srgb, var(--card-accent,#999) 10%, var(--color-bg-tertiary,#f5f5f5));border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.format-card-label{color:var(--color-text-primary,#1a1a2e);font-size:12px;font-weight:700}.format-card-desc{color:var(--color-text-muted,#999);font-size:10px;line-height:1.3}