.code-mode-showcase[data-astro-cid-glgz27qy]{padding-top:72px;padding-bottom:72px}.code-mode-grid[data-astro-cid-glgz27qy]{grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);align-items:stretch;gap:16px;display:grid}.code-mode-editor[data-astro-cid-glgz27qy],.code-mode-explain[data-astro-cid-glgz27qy]{background:#0b1623;border:1px solid #263b53;border-radius:10px;min-width:0;overflow:hidden}.code-mode-editor[data-astro-cid-glgz27qy]{box-shadow:0 25px 65px #02060c55}.code-mode-bar[data-astro-cid-glgz27qy]{color:#b7d5f8;border-bottom:1px solid #263b53;align-items:center;gap:15px;height:46px;padding:0 19px;font:11px SFMono-Regular,Consolas,monospace;display:flex}.code-mode-bar[data-astro-cid-glgz27qy] b[data-astro-cid-glgz27qy]{letter-spacing:1px;color:#64748b;margin-left:auto;font-size:9px;font-weight:500}.window-dots[data-astro-cid-glgz27qy]{gap:5px;display:flex}.window-dots[data-astro-cid-glgz27qy] i[data-astro-cid-glgz27qy]{background:#35506d;border-radius:50%;width:7px;height:7px;display:block}pre[data-astro-cid-glgz27qy]{color:#d8eaff;tab-size:2;margin:0;padding:23px 25px 26px;font:12px/1.8 SFMono-Regular,Consolas,monospace;overflow:auto}code[data-astro-cid-glgz27qy]{white-space:pre}.code-mode-explain[data-astro-cid-glgz27qy]{background:linear-gradient(150deg,#12263a,#0e1722 66%);padding:27px 27px 24px}.code-mode-explain[data-astro-cid-glgz27qy] ol[data-astro-cid-glgz27qy]{counter-reset:step;margin:0;padding:0;list-style:none}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy]{counter-increment:step;border-bottom:1px solid #263b53;margin:0 0 20px;padding:0 0 22px 39px;position:relative}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy]:before{content:counter(step,decimal-leading-zero);color:#60a5fa;font:10px SFMono-Regular,Consolas,monospace;position:absolute;top:2px;left:0}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy] b[data-astro-cid-glgz27qy]{color:#f8fafc;margin-bottom:7px;font-size:15px;font-weight:560;display:block}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy] span[data-astro-cid-glgz27qy]{color:#94a3b8;font-size:12px;line-height:1.7;display:block}.code-mode-callout[data-astro-cid-glgz27qy]{border-left:2px solid #60a5fa;margin:2px 0 21px;padding:2px 0 2px 15px}.code-mode-callout[data-astro-cid-glgz27qy] strong[data-astro-cid-glgz27qy]{color:#f8fafc;font-size:20px;font-weight:560;display:block}.code-mode-callout[data-astro-cid-glgz27qy] p[data-astro-cid-glgz27qy]{margin:7px 0 0;font-size:12px;line-height:1.7}.document-note[data-astro-cid-glgz27qy]{margin:0 0 18px;font-size:12px;line-height:1.7}.document-note[data-astro-cid-glgz27qy] code[data-astro-cid-glgz27qy]{color:#93c5fd;overflow-wrap:anywhere}.code-mode-explain[data-astro-cid-glgz27qy] .text-link[data-astro-cid-glgz27qy]{font-size:11px}.caption[data-astro-cid-glgz27qy]{max-width:960px;margin-top:16px}@media (width<=900px){.code-mode-grid[data-astro-cid-glgz27qy]{grid-template-columns:1fr}.code-mode-explain[data-astro-cid-glgz27qy] ol[data-astro-cid-glgz27qy]{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy]{margin:0;padding-bottom:16px}}@media (width<=620px){.code-mode-showcase[data-astro-cid-glgz27qy]{padding-top:55px;padding-bottom:55px}.code-mode-explain[data-astro-cid-glgz27qy]{padding:22px}.code-mode-explain[data-astro-cid-glgz27qy] ol[data-astro-cid-glgz27qy]{grid-template-columns:1fr;gap:0}.code-mode-explain[data-astro-cid-glgz27qy] li[data-astro-cid-glgz27qy]{margin-bottom:17px}.code-mode-bar[data-astro-cid-glgz27qy] b[data-astro-cid-glgz27qy]{display:none}pre[data-astro-cid-glgz27qy]{padding:18px;font-size:10px;line-height:1.7}}.code-mode-facts[data-astro-cid-3e77pjmb]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.code-mode-facts[data-astro-cid-3e77pjmb]>div[data-astro-cid-3e77pjmb]{background:#0e1722;border:1px solid #263b53;border-radius:9px;min-width:0;padding:24px 26px}.code-mode-facts[data-astro-cid-3e77pjmb] strong[data-astro-cid-3e77pjmb]{color:#f8fafc;font-size:42px;font-weight:560;line-height:1}.code-mode-facts[data-astro-cid-3e77pjmb] span[data-astro-cid-3e77pjmb]{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 14px;font:11px SFMono-Regular,Consolas,monospace;display:block}.code-mode-facts[data-astro-cid-3e77pjmb] p[data-astro-cid-3e77pjmb]{color:#94a3b8;margin:0;font-size:12px;line-height:1.7}.code-mode-facts-note[data-astro-cid-3e77pjmb]{color:#94a3b8;margin:10px 0 0;font-size:11px;line-height:1.6}.compact[data-astro-cid-3e77pjmb].code-mode-facts{gap:10px;margin-top:22px}.compact[data-astro-cid-3e77pjmb].code-mode-facts>div[data-astro-cid-3e77pjmb]{padding:17px 19px}.compact[data-astro-cid-3e77pjmb].code-mode-facts strong[data-astro-cid-3e77pjmb]{font-size:32px}.compact[data-astro-cid-3e77pjmb].code-mode-facts span[data-astro-cid-3e77pjmb]{font-size:9px}.compact[data-astro-cid-3e77pjmb].code-mode-facts p[data-astro-cid-3e77pjmb]{font-size:11px}@media (width<=650px){.code-mode-facts[data-astro-cid-3e77pjmb]{grid-template-columns:1fr}.code-mode-facts[data-astro-cid-3e77pjmb]>div[data-astro-cid-3e77pjmb]{padding:17px 20px}.code-mode-facts[data-astro-cid-3e77pjmb] strong[data-astro-cid-3e77pjmb]{font-size:32px}.code-mode-facts[data-astro-cid-3e77pjmb] span[data-astro-cid-3e77pjmb]{margin:4px 0 8px}.compact[data-astro-cid-3e77pjmb].code-mode-facts{grid-template-columns:1fr}}