.code-editor{--code-font:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--code-size:13px;--code-line:20px;--code-pad:12px;background:#fbf9f5;border:3px solid #000;margin:10px 0 14px;box-shadow:5px 5px #000}.code-editor__bar{background:#efede7;border-bottom:3px solid #000;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.code-editor__label{letter-spacing:.13em;font-size:8px;font-weight:900}.code-editor__lang{letter-spacing:.13em;color:#7d7872;align-items:center;gap:6px;font-size:7px;font-weight:900;display:inline-flex}.code-editor__lang select{color:#000;min-height:30px;font-family:var(--code-font);background:#fff;border:2px solid #000;padding:2px 6px;font-size:11px;font-weight:700}.code-editor__lang-static{letter-spacing:.13em;color:#7d7872;font-size:8px;font-weight:900}.code-editor__meta{letter-spacing:.1em;color:#7d7872;margin-left:auto;font-size:7px;font-weight:800}.code-editor__body{grid-template-columns:auto minmax(0,1fr);display:grid}.code-editor__gutter{padding:var(--code-pad) 8px var(--code-pad) 10px;font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-line);text-align:right;color:#b3aca2;-webkit-user-select:none;user-select:none;background:#f2f0ea;border-right:2px solid #0002;flex-direction:column;display:flex;overflow:hidden}.code-editor__gutter span.is-caret{color:#f5a623;font-weight:700}.code-editor__scroll{min-width:0;position:relative}.code-editor__highlight,.code-editor__input{padding:var(--code-pad);font-family:var(--code-font);font-size:var(--code-size);line-height:var(--code-line);letter-spacing:0;tab-size:4;white-space:pre;word-break:normal;overflow-wrap:normal;border:0;margin:0}.code-editor__highlight{color:#1b1b1b;pointer-events:none;background:0 0;position:absolute;inset:0;overflow:auto}.code-editor__input{color:#0000;caret-color:#f5a623;resize:vertical;background:0 0;width:100%;min-height:220px;display:block;position:relative;overflow:auto}.code-editor__input:focus{outline-offset:-2px;outline:2px solid #f5a623}.code-editor__input::selection{background:#f5a62366}.code-editor .tok-kw{color:#a2337a;font-weight:700}.code-editor .tok-ty{color:#1f6f8b}.code-editor .tok-st{color:#2f7d32}.code-editor .tok-cm{color:#8c8781;font-style:italic}.code-editor .tok-nu{color:#b45309}.code-editor .tok-fn{color:#6b21a8}.code-editor .tok-op{color:#6c665e}.code-editor .tok-pn{color:#4b4640}[data-theme=dark] .code-editor{background:#16120e;border-color:#4b4036;box-shadow:5px 5px #000}[data-theme=dark] .code-editor__bar{background:#1f1912;border-bottom-color:#4b4036}[data-theme=dark] .code-editor__gutter{color:#6f665b;background:#1b1610;border-right-color:#ffffff14}[data-theme=dark] .code-editor__lang select{color:#f1ebe1;background:#241d16;border-color:#4b4036}[data-theme=dark] .code-editor__highlight{color:#e8e2d6}[data-theme=dark] .code-editor .tok-kw{color:#ff8ac4}[data-theme=dark] .code-editor .tok-ty{color:#7cd6f0}[data-theme=dark] .code-editor .tok-st{color:#9fdf8f}[data-theme=dark] .code-editor .tok-cm{color:#8a8175}[data-theme=dark] .code-editor .tok-nu{color:#f5a623}[data-theme=dark] .code-editor .tok-fn{color:#d7b3ff}[data-theme=dark] .code-editor .tok-op,[data-theme=dark] .code-editor .tok-pn{color:#b8afa5}@media (width<=860px){.code-editor{--code-size:12px;--code-line:19px}.code-editor__input{min-height:260px}}