.code-preview-page{--code-bg:#1a1b26;--code-panel:#16161e;--code-line:#2a2b3d;--code-ink:#c0caf5;--code-muted:#a9b1d6;--code-blue:#7aa2f7;--code-cyan:#7dcfff;--code-green:#9ece6a;--code-orange:#ff9e64;--code-purple:#bb9af7;background:var(--code-bg);color:var(--code-ink)}.code-preview-page main{background:var(--code-bg)}.code-preview-page .breadcrumb{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;min-height:0;gap:.5em;margin:0 0 26px;color:var(--code-muted);font:.88rem/1.5 ui-monospace,monospace}.code-preview-page .breadcrumb [aria-current=page]{color:#fff}.preview-notice{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-bottom:22px;padding:12px 16px;border:1px solid var(--code-line);border-left:3px solid var(--code-orange);background:var(--code-panel);font-size:.88rem}.preview-notice span{color:var(--code-muted)}
.code-hero{padding:54px 0 86px;border-bottom:1px solid var(--code-line);background:linear-gradient(135deg,#1a1b26,#171723)}.code-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:0;align-items:center;gap:0;overflow-x:auto;margin-bottom:46px;border:1px solid var(--code-line);background:var(--code-panel);font:500 .82rem/1 ui-monospace,monospace}.code-tabs>*{min-width:max-content;padding:18px 22px;border-right:1px solid var(--code-line)}.code-tabs strong span{color:var(--code-purple)}.code-tabs a{color:var(--code-ink);text-decoration:none}.code-tabs a:hover,.code-tabs a:focus-visible{background:#202031;color:#fff}.code-tabs .tab-json{color:#e0af68}.code-tabs .tab-css{color:var(--code-cyan)}.code-tabs .tab-sh{color:var(--code-green)}.code-tabs .tab-fn{color:var(--code-purple)}.code-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);align-items:center;gap:64px}.code-comment{color:var(--code-muted);font:500 .9rem/1.5 ui-monospace,monospace}.code-hero h1{margin:18px 0 24px;color:#fff;font:800 clamp(2.6rem,5.4vw,4.9rem)/.98 ui-monospace,monospace;letter-spacing:-.06em}.code-hero h1 em{color:var(--code-blue);font-style:normal}.code-lead{max-width:650px;color:var(--code-muted);font-size:1.1rem}.code-motto{color:var(--code-green);font:700 .88rem/1.5 ui-monospace,monospace}.code-primary{background:var(--code-blue)!important;color:#10111a!important;border-color:var(--code-blue)!important}.editor-window{overflow:hidden;border:1px solid #3b3d57;border-radius:14px;background:var(--code-panel);box-shadow:0 24px 70px #0005}.editor-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--code-line);background:#202031;font:500 .78rem/1 ui-monospace,monospace}.editor-bar i{width:12px;height:12px;border-radius:50%;background:#f7768e}.editor-bar i:nth-child(2){background:#e0af68}.editor-bar i:nth-child(3){background:#9ece6a}.editor-bar span{margin-left:14px;color:var(--code-muted)}.editor-window pre{margin:0;padding:26px;overflow:auto;color:var(--code-cyan);font:500 .94rem/1.8 ui-monospace,monospace}.editor-window code span{color:#8089b3}.editor-window code b{color:var(--code-green);font-weight:500}.editor-window code u{color:var(--code-orange);text-decoration:none}.editor-window code s{color:#737aa2;text-decoration:none;font-style:italic}.code-ghost{border-color:#3b3d57!important;color:var(--code-ink)!important;font-family:ui-monospace,monospace}.code-primary{font-family:ui-monospace,monospace}
.code-section{padding:76px 0;border-bottom:1px solid var(--code-line)}.code-section h2{margin:12px 0 30px;color:#fff;font:750 clamp(2.4rem,5vw,4rem)/1 ui-monospace,monospace;letter-spacing:-.045em}.code-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.code-cards article{padding:25px;border:1px solid var(--code-line);border-radius:12px;background:var(--code-panel)}.code-cards article>span{color:var(--code-cyan);font:500 .78rem/1.4 ui-monospace,monospace}.code-cards h3{margin:20px 0 9px;color:#fff}.code-cards p,.code-boundary p{color:var(--code-muted)}.code-boundary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px}.code-boundary h2{margin-bottom:15px}.code-boundary p{max-width:740px}.code-preview-page footer{border-top:0}
@media(max-width:820px){.code-grid,.code-boundary{grid-template-columns:1fr}.code-cards{grid-template-columns:1fr}.code-hero{padding:40px 0 62px}.code-grid{gap:38px}.code-section{padding:60px 0}}@media(max-width:390px){.code-hero h1{font-size:2.35rem}.editor-window pre{padding:18px;font-size:.78rem}.code-tabs>*{padding:15px}}
.code-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}.code-block{margin:0;padding:24px;overflow:auto;border:1px solid var(--code-line);border-radius:12px;background:var(--code-panel);color:var(--code-ink);font:500 .92rem/1.8 ui-monospace,monospace}.code-block b,.plan pre b,.contact-panel b{color:#e0af68;font-weight:500}.code-block u,.plan pre u,.contact-panel u{color:var(--code-green);text-decoration:none}.code-block i{color:#f7768e;font-style:normal}.code-cards.two{grid-template-columns:repeat(2,1fr)}.code-cards.four{grid-template-columns:repeat(4,1fr)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--code-line);border-radius:12px;background:var(--code-panel)}.plan.featured{border-color:var(--code-blue);box-shadow:0 0 0 1px var(--code-blue)}.plan-head{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--code-line);background:#202031;color:var(--code-muted);font:500 .8rem/1.4 ui-monospace,monospace}.plan-head em{padding:1px 8px;border-radius:4px;background:var(--code-blue);color:#10111a;font-style:normal;font-weight:700}.plan pre{flex:1;margin:0;padding:20px 22px;overflow:auto;color:var(--code-ink);font:500 .9rem/1.8 ui-monospace,monospace}.plan-cta{display:block;margin:0 18px 18px;padding:12px;border:1px solid #3b3d57;border-radius:6px;color:#fff;text-align:center;text-decoration:none;font:700 .9rem/1.3 ui-monospace,monospace}.plan-cta:hover,.plan-cta:focus-visible{border-color:var(--code-blue)}.plan-cta.primary{background:var(--code-blue);border-color:var(--code-blue);color:#10111a}.plan-note{margin-top:22px}
.commit-log{list-style:none;margin:0 0 64px;padding:0 0 0 28px;border-left:2px solid #3b3d57;display:grid;gap:26px}.commit-log li{position:relative;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}.commit-log li:before{content:"";position:absolute;left:-36px;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--code-blue)}.commit-log li.head:before{background:var(--code-green)}.commit-log code{color:#e0af68;font:500 .88rem/1.5 ui-monospace,monospace}.commit-log li.head code{color:var(--code-green)}.commit-log h3{margin:0;color:#fff;font-size:1.15rem}.commit-log p{margin:4px 0 0;color:var(--code-muted)}.ship-title{margin-top:8px}
.terminal{overflow:hidden;border:1px solid #3b3d57;border-radius:12px;background:#13131c}.terminal-bar{padding:12px 18px;border-bottom:1px solid var(--code-line);background:#202031;color:var(--code-muted);font:500 .8rem/1.4 ui-monospace,monospace}.terminal-body{padding:22px 24px;font:500 .95rem/1.7 ui-monospace,monospace;color:var(--code-ink)}.terminal-body p{margin:0}.terminal-body .prompt{color:var(--code-green)}.terminal-body ul{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}.terminal-body li{display:grid;grid-template-columns:minmax(190px,auto) 1fr auto;gap:8px 24px;align-items:baseline}.terminal-body li a{color:var(--code-blue);text-underline-offset:4px}.terminal-body li span{color:var(--code-muted)}.terminal-body li em{color:#e0af68;font-style:normal}.cursor{display:inline-block;width:.6em;height:1.1em;vertical-align:text-bottom;background:var(--code-ink)}
.contact-panel{padding:24px;border:1px solid var(--code-line);border-radius:12px;background:var(--code-panel)}.contact-panel pre{margin:0 0 20px;overflow:auto;color:var(--code-ink);font:500 .9rem/1.8 ui-monospace,monospace}
.code-split>*,.code-boundary>*,.code-grid>*,.plan-grid>*{min-width:0}.code-block,.plan pre,.contact-panel pre,.editor-window pre{max-width:100%}
@media(max-width:1000px){.code-cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.code-split,.plan-grid,.code-boundary,.code-grid{grid-template-columns:minmax(0,1fr)}.code-cards.two,.code-cards.four{grid-template-columns:1fr}.terminal-body li{grid-template-columns:1fr auto}.terminal-body li span{grid-column:1/-1;order:3}.plan pre,.contact-panel pre,.code-block{white-space:pre-wrap;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.cursor{animation:kaps-blink 1.1s steps(1) infinite}@keyframes kaps-blink{50%{opacity:0}}}
html[data-theme=light] .code-preview-page{--code-bg:#f7f5ef;--code-panel:#fff;--code-line:#aebbb2;--code-ink:#172019;--code-muted:#48564d;--code-blue:#2f55c4;--code-cyan:#0b6a84;--code-green:#3a6a10;--code-orange:#9a4a00;--code-purple:#6a3db0}html[data-theme=light] .code-preview-page .code-hero{background:#f7f5ef}html[data-theme=light] .code-preview-page :is(.code-hero h1,.code-section h2,.code-cards h3,.commit-log h3,.breadcrumb [aria-current=page],.code-tabs a:hover,.code-tabs a:focus-visible){color:#172019}html[data-theme=light] .code-preview-page :is(.editor-bar,.plan-head,.terminal-bar,.code-tabs a:hover,.code-tabs a:focus-visible){background:#edf1ec}html[data-theme=light] .code-preview-page :is(.editor-window,.terminal,.plan,.code-block,.contact-panel,.preview-notice){background:#fff!important;border-color:#aebbb2!important;box-shadow:none}html[data-theme=light] .code-preview-page :is(.editor-window code span,.editor-window code s){color:#5d6b62}html[data-theme=light] .code-preview-page :is(.code-block b,.plan pre b,.contact-panel b,.commit-log code,.terminal-body li em,.code-tabs .tab-json){color:#8a4b00}html[data-theme=light] .code-preview-page .code-block i{color:#a1273f}html[data-theme=light] .code-preview-page :is(.code-primary,.plan-cta.primary,.plan-head em){background:#2f55c4!important;border-color:#2f55c4!important;color:#fff!important}html[data-theme=light] .code-preview-page :is(.plan-cta,.code-ghost){border-color:#7b8b80!important;color:#172019!important}html[data-theme=light] .code-preview-page .plan.featured{border-color:#2f55c4!important;box-shadow:0 0 0 1px #2f55c4}html[data-theme=light] .code-preview-page .commit-log{border-left-color:#aebbb2}