.article-code-block{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:6px;margin:1.5em 0;overflow:hidden}.code-block-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;font-size:.8rem;line-height:1.4;display:flex}.code-block-caption{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.code-block-filename{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.code-block-language{color:var(--muted)}.code-block-controls{gap:6px;display:flex}.code-block-controls button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:4px;padding:5px 9px;font-size:.8rem}.code-block-controls button[aria-pressed=true]{border-color:var(--accent)}.code-block-controls button:disabled{opacity:.65;cursor:wait}.code-block-controls button:focus-visible,.article-content .code-block-pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code-copy-status:not(:empty){color:var(--muted);flex-basis:100%}.article-content .article-code-block .code-block-pre{tab-size:2;border-radius:0;margin:0;padding:14px 0;font-size:.9rem;line-height:1.6;overflow-x:auto}.article-content .article-code-block code{min-width:max-content;font-size:inherit;background:0 0;border-radius:0;padding:0;display:block}.article-code-block .code-line{vertical-align:top;min-width:100%;padding:0 16px;display:inline-block}.article-code-block[data-line-numbers=true] .code-line:before{content:attr(data-line);width:3.3em;color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none;margin-right:1em;display:inline-block}.article-code-block .code-line-emphasized{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 3px 0 var(--accent)}.article-content .article-code-block[data-wrap=true] .code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere}.article-content .article-code-block[data-wrap=true] code{min-width:0}.article-code-block[data-wrap=true] .code-line{white-space:pre-wrap;width:100%;padding-left:16px}.article-code-block[data-wrap=true][data-line-numbers=true] .code-line{text-indent:-4.3em;padding-left:5.3em}.article-code-block[data-wrap=true][data-line-numbers=true] .code-line:before{text-indent:0}.article-code-block,.tiptap pre{--code-keyword:#81519e;--code-string:#2d6a41;--code-number:#925015;--code-comment:#657168;--code-title:#1b6387}.article-code-block .hljs-keyword,.article-code-block .hljs-selector-tag,.tiptap pre .hljs-keyword,.tiptap pre .hljs-selector-tag{color:var(--code-keyword)}.article-code-block .hljs-string,.article-code-block .hljs-regexp,.tiptap pre .hljs-string,.tiptap pre .hljs-regexp{color:var(--code-string)}.article-code-block .hljs-number,.article-code-block .hljs-literal,.tiptap pre .hljs-number,.tiptap pre .hljs-literal{color:var(--code-number)}.article-code-block .hljs-comment,.tiptap pre .hljs-comment{color:var(--code-comment);font-style:italic}.article-code-block .hljs-title,.article-code-block .hljs-built_in,.article-code-block .hljs-attr,.tiptap pre .hljs-title,.tiptap pre .hljs-built_in,.tiptap pre .hljs-attr{color:var(--code-title)}.tiptap pre{tab-size:2}.tiptap pre[data-filename]:before{content:attr(data-filename);color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:8px;font-size:.8rem;display:block}.tiptap pre[data-wrap=true]{white-space:pre-wrap;overflow-wrap:anywhere}.tiptap .code-editor-emphasis{background:color-mix(in srgb, var(--accent) 12%, transparent)}.editor-code-settings{background:var(--soft);border-bottom:1px solid var(--line);padding:12px}.editor-code-fields{grid-template-columns:minmax(130px,1fr) minmax(160px,2fr) minmax(140px,1fr);gap:12px;display:grid}.editor-code-fields .field{font-size:.8rem}.editor-code-options{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:10px;font-size:.8rem;display:flex}.editor-code-options label{align-items:center;gap:7px;display:flex}.editor-code-options input{width:auto}.editor-code-help{color:var(--muted);margin-top:8px;font-size:.8rem}@media (max-width:640px){.editor-code-fields{grid-template-columns:minmax(0,1fr)}.code-block-header{padding:8px 10px}.code-block-controls button{padding:5px 7px}}@media (prefers-color-scheme:dark){.article-code-block,.tiptap pre{--code-keyword:#d9afe8;--code-string:#a9d39e;--code-number:#eac28a;--code-comment:#a6b29f;--code-title:#9bcce8}}