figure.shiki{position:relative;margin:20px 0;border-radius:12px;border:1px solid var(--border);overflow:hidden;background:oklch(.08 .012 240);color:var(--hl-color);line-height:1.6;-webkit-transform:translateZ(0);transform:translateZ(0)}.code-block-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:rgba(255 255 255 / .02)}.code-dot{width:10px;height:10px;border-radius:50%;flex:none}.code-dot.r{background:oklch(.65 .18 25)}.code-dot.y{background:oklch(.8 .16 80)}.code-dot.g{background:var(--lime);box-shadow:0 0 6px var(--lime)}.code-controls{margin-left:auto;display:flex;align-items:center;gap:6px}.code-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:rgba(255 255 255 / .03);border:1px solid var(--border);color:var(--text-mute);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.code-btn svg{width:13px;height:13px;flex:none}.code-btn:hover{color:var(--lime);border-color:var(--lime-dim)}.code-toggle{padding:4px 6px}.code-copy.is-copying{color:oklch(.8 .16 80);border-color:rgba(255 255 255 / .12);cursor:default}.code-copy.is-copied{color:var(--lime);border-color:var(--lime-dim);background:rgba(var(--lime-rgb) / .1)}.code-copy.is-copying svg{animation:code-spin .7s linear infinite}@keyframes code-spin{to{transform:rotate(360deg)}}.code-toggle svg{transition:transform .2s}figure.shiki.is-hidden .code-toggle svg{transform:rotate(-90deg)}.code-block-body{position:relative}figure.shiki.is-hidden .code-block-body,figure.shiki.is-hidden .code-expand{display:none}figure.shiki.is-collapsed .code-block-body{max-height:360px;overflow:hidden}figure.shiki.is-collapsed .code-block-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(transparent,oklch(.08 .012 240));pointer-events:none}.code-expand{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;background:rgba(255 255 255 / .02);border:none;border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .15s,background .15s}.code-expand:hover{color:var(--lime);background:rgba(var(--lime-rgb) / .04)}.code-expand svg{width:12px;height:12px;transition:transform .2s}figure.shiki:not(.is-collapsed) .code-expand svg{transform:rotate(180deg)}figure.shiki div.codeblock{display:flex;margin:0;overflow:auto;border:none}figure.shiki div.codeblock::-webkit-scrollbar{width:5px;height:5px}figure.shiki div.codeblock::-webkit-scrollbar-thumb{background:var(--hlscrollbar-bg);border-radius:2.5px}figure.shiki div.codeblock div{padding:0;border:none}figure.shiki .gutter pre{padding-right:10px!important;padding-left:10px!important;background-color:var(--hlnumber-bg)!important;color:var(--hlnumber-color)!important;text-align:right!important;user-select:none!important}figure.shiki pre{margin:0!important;padding:8px 0!important;border:none!important}figure.shiki pre code{background:0 0!important}figure.shiki .code pre{padding-right:10px!important;padding-left:10px!important;width:100%!important;background:0 0!important}figure.shiki pre ::selection{background:rgba(var(--lime-rgb) / .25)}.code-run{color:var(--lime);border-color:var(--lime-dim);background:rgba(var(--lime-rgb) / .1)}.code-run svg{width:12px;height:12px}.code-run:hover{color:oklch(.16 .02 150);background:var(--lime);border-color:var(--lime)}.code-run.is-running{color:oklch(.8 .16 80);border-color:rgba(255 255 255 / .12);background:rgba(255 255 255 / .03);cursor:default}.code-run.is-running:hover{color:oklch(.8 .16 80)}.code-run.is-running svg{animation:code-spin .7s linear infinite}.code-run-panel{display:none;border-top:1px solid var(--border);background:oklch(.065 .01 240)}.code-run-panel.is-open{display:block}figure.shiki.is-hidden .code-run-panel{display:none}.code-run-head{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;border-bottom:1px solid var(--border);background:rgba(255 255 255 / .015)}.code-run-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute)}.code-run-title svg{width:13px;height:13px;color:var(--lime-dim)}.code-run-panel.is-running .code-run-title{color:var(--lime)}.code-run-tools{margin-left:auto;display:flex;align-items:center;gap:6px}.code-run-mini{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;height:22px;border-radius:6px;background:rgba(255 255 255 / .03);border:1px solid var(--border);color:var(--text-mute);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;line-height:1;transition:color .15s,border-color .15s}.code-run-mini:hover{color:var(--lime);border-color:var(--lime-dim)}.code-run-x{padding:3px;width:22px}.code-run-x svg{width:12px;height:12px}.code-run-preview-wrap{padding:12px;border-bottom:1px solid var(--border)}.code-run-panel.mode-js .code-run-preview-wrap{display:none}.code-run-frame{display:block;width:100%;height:120px;border:0;border-radius:8px;background:#fff}.code-run-console{font-family:var(--font-mono);font-size:12.5px;line-height:1.55;padding:6px 0;max-height:300px;overflow-y:auto}.code-run-console:empty{display:none}.code-run-line{display:flex;gap:10px;padding:3px 14px 3px 12px;border-left:2px solid transparent}.code-run-line+.code-run-line{border-top:1px solid rgba(255 255 255 / .03)}.code-run-gutter{flex:none;width:8px;color:var(--text-mute)}.code-run-gutter::before{content:"\203A"}.code-run-msg{white-space:pre-wrap;word-break:break-word;color:var(--text)}.lvl-error{background:rgba(255 90 90 / .06);border-left-color:oklch(.65 .2 25)}.lvl-error .code-run-gutter{color:oklch(.7 .19 25)}.lvl-error .code-run-gutter::before{content:"\2717"}.lvl-error .code-run-msg{color:oklch(.78 .16 25)}.lvl-warn{background:rgba(255 210 90 / .05);border-left-color:oklch(.8 .16 80)}.lvl-warn .code-run-gutter{color:oklch(.82 .16 80)}.lvl-warn .code-run-gutter::before{content:"\26A0"}.lvl-warn .code-run-msg{color:oklch(.86 .13 85)}.lvl-muted .code-run-gutter::before{content:""}.code-run-msg .rc-str{color:var(--lime-dim)}.code-run-msg .rc-num{color:oklch(.82 .18 60)}.code-run-msg .rc-kw{color:oklch(.78 .18 320)}.code-run-msg .rc-key{color:oklch(.8 .18 220)}.code-run-msg .rc-mute,.code-run-msg .rc-null{color:var(--text-mute)}.code-run-msg .rc-err{color:oklch(.78 .16 25)}@media (max-width:480px){.code-btn .code-btn-label{display:none}.code-run .code-btn-label{display:inline}}