.cxh .pv{border-radius:20px;flex-direction:column;min-height:clamp(280px,32vw,460px);padding:28px 32px 32px;display:flex;box-shadow:0 40px 80px -40px #11131680}.cxh .pv>*{min-width:0}.cxh .pv.light{box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -48px #11131659;background:#fbfaf7}.cxh .pv.dark{color:#e6ebf2;background:#0e141d}.cxh .pv.screen{color:#f4f2ed;background:#141517}.cxh .pv.dark .sp-btn,.cxh .pv.screen .sp-btn{color:#eef2f7;background:0 0;box-shadow:inset 0 0 0 1px #eef2f752}.cxh .pv.dark .sp-btn:hover,.cxh .pv.screen .sp-btn:hover{background:#eef2f714}.cxh .pv.dark .sp-btn.dark,.cxh .pv.screen .sp-btn.dark{box-shadow:none;color:#111316;background:#f4f2ed}.cxh .pv.dark .sp-btn.dark:hover,.cxh .pv.screen .sp-btn.dark:hover{background:#fff}.cxh .pv small{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a8780}.cxh .mapv{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 48px;display:grid}.cxh .maph{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px;display:flex}.cxh .maph b{font:700 20px var(--disp);letter-spacing:-.02em}.cxh .maph span{color:var(--ink-2);font-size:14px}.cxh .maph .tag{box-shadow:inset 0 0 0 1px var(--line);font:500 11px var(--mono);border-radius:999px;padding:2px 9px}.cxh .tiles{width:100%;max-width:440px;height:auto;display:block}.cxh .tile rect{fill:#efe9df}.cxh .tile text{fill:#111316;font:600 10px var(--disp)}.cxh .tile .v{font:500 16px var(--mono)}.cxh .tile.l1 rect{fill:#e3d3bb}.cxh .tile.l2 rect{fill:#cfb18a}.cxh .tile.l3 rect{fill:#b48c5c}.cxh .tile.l4 rect{fill:#9a7442}.cxh .tile.l3 text,.cxh .tile.l4 text{fill:#fff}.cxh .legend{color:var(--ink-2);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.cxh .legend i{background:#efe9df;border-radius:3px;width:22px;height:10px}.cxh .legend .l1{background:#e3d3bb}.cxh .legend .l2{background:#cfb18a}.cxh .legend .l3{background:#b48c5c}.cxh .legend .l4{background:#9a7442}.cxh .mapr{align-content:start;gap:12px;padding-top:6px;display:grid}.cxh .lowr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 120px 28px;align-items:center;gap:12px;padding-bottom:10px;font-size:15px;display:grid}.cxh .lowr i{background:var(--ac);border-radius:3px;height:6px}.cxh .lowr b{font:500 14px var(--mono);text-align:right}.cxh .mapr p{color:var(--ink-2);margin:4px 0 0;font-size:14px;line-height:1.55}.cxh .apiv{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px 48px;display:grid}.cxh .apil{align-content:start;gap:14px;display:grid}.cxh .req{color:#8fe0c2;font:500 14px/1.5 var(--mono);overflow-wrap:anywhere;background:#ffffff0f;border-radius:10px;padding:14px 16px;display:block}.cxh .apil p{color:#a9b4c2;margin:0;font-size:15px;line-height:1.6}.cxh .apir pre{font:400 13.5px/1.55 var(--mono);color:#cdd5df;white-space:pre;margin:12px 0 0;overflow-x:auto}.cxh .ln{display:block}.cxh .apir .k{color:#9cc7ff}.cxh .apir .s{color:#f0c987}.cxh .chatv{gap:18px;display:grid}.cxh .chatv .q{background:var(--ink);color:#fff;border-radius:16px 16px 4px;justify-self:end;max-width:620px;margin:0;padding:14px 20px;font-size:19px;line-height:1.5}.cxh .chatv .tool{color:var(--ink-2);font:500 12.5px var(--mono);align-items:center;gap:8px;display:inline-flex}.cxh .chatv .tool:before{content:"";background:var(--ac);border-radius:50%;width:8px;height:8px}.cxh .chatv .a{letter-spacing:-.01em;max-width:60ch;margin:0;font-size:22px;line-height:1.55}.cxh .cites{color:var(--ink-2);gap:6px;margin:0;padding-left:22px;font-size:14.5px;display:grid}.cxh .cites li{display:list-item}.cxh .pvw.armed .tile,.cxh .pvw.armed .lowr,.cxh .pvw.armed .apir .ln,.cxh .pvw.armed .chatv>*{opacity:0}.cxh .pvw.in .tile,.cxh .pvw.in .lowr{animation:.5s both kit-fade;animation-delay:calc(var(--i)*45ms + .2s)}.cxh .pvw.in .apir .ln{animation:.3s both kit-fade;animation-delay:calc(var(--i)*70ms + .4s)}.cxh .pvw.in .chatv>*{animation:.5s both kit-fade;animation-delay:calc(var(--i)*.6s + .2s)}@keyframes kit-fade{0%{opacity:0;transform:translateY(6px)}}.cxh .frame.codef{background:#0e141d}.cxh .codef .url{color:#8a96a6;background:#141b26;border-bottom-color:#ffffff14}.cxh .codef pre{color:#cdd5df;font:400 11.5px/1.6 var(--mono);white-space:pre;margin:0;padding:14px 16px 16px;overflow:hidden}.cxh .barr{border-top:1px solid #f3f1ec;grid-template-columns:minmax(0,1fr) 64px 24px;align-items:center;gap:8px;padding:7px 0;font-size:12.5px;display:grid}.cxh .barr i{background:var(--ac);border-radius:3px;height:5px}.cxh .barr b{font:500 12px var(--mono);text-align:right}.cxh .chatf .q{color:#fff;background:#111316;border-radius:12px 12px 3px;justify-self:end;margin:0 0 8px;padding:8px 12px;font-size:12.5px}.cxh .chatf .a{margin:0;font-size:13px;line-height:1.55}.cxh .chatf .src{color:#8a8780;font:400 11px var(--mono);margin-top:8px}@media (max-width:980px){.cxh .mapv,.cxh .apiv{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cxh .pv{padding:20px 16px 16px}.cxh .apil p{display:none}}@media (prefers-reduced-motion:reduce){.cxh .pvw.in .tile,.cxh .pvw.in .lowr,.cxh .pvw.in .apir .ln,.cxh .pvw.in .chatv>*{animation:none}}