.dev-demo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.code{justify-content:space-between;gap:var(--space-20);padding:var(--space-20);background:var(--sunken);font-family:var(--font-mono);flex-direction:column;font-size:13px;line-height:1.7;display:flex;position:relative;overflow:hidden}.code .c{color:var(--ink-2)}.code .cl{white-space:pre;display:block}.code .t{white-space:pre}.code .swap{display:grid;position:relative}.code .swap>*{grid-area:1/1}.code .new{clip-path:inset(-4px calc((1 - var(--w,0)) * 100%) -4px 0)}.maintain{gap:var(--space-2);padding-top:var(--space-14);border-top:var(--hair) solid var(--rule);font-family:var(--font-sans);display:grid}.maintain span{color:var(--ink-2);font-size:var(--text-small)}.maintain b{font-size:var(--text-title);font-weight:500;line-height:var(--leading-snug)}.cost{align-content:start;gap:var(--space-12);padding:var(--space-20);border-left:var(--hair) solid var(--rule);display:grid}.cost .lbl{color:var(--ink-2);font-size:var(--text-small)}.cost .count{font-size:var(--fs-d);letter-spacing:var(--tracking-d);font-weight:500;line-height:var(--leading-display)}.cost .q{min-height:2.9em;display:grid;position:relative}.cost .q>*{color:var(--ink-2);font-size:var(--text-title);line-height:var(--leading-body);opacity:var(--o,1);grid-area:1/1}.kvs{border-bottom:var(--hair) solid var(--rule);display:grid}.kvr{justify-content:space-between;gap:var(--space-16);padding-block:var(--space-8);border-top:var(--hair) solid var(--rule);color:var(--ink-2);font-size:var(--text-lead);display:flex}.kvr b{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.kvh{padding-bottom:var(--space-6);color:var(--ink-2);font-size:var(--text-small)}.kvr.total{color:var(--ink)}@media (width<=860px){.dev-demo{grid-template-columns:minmax(0,1fr)}.cost{border-left:0;border-top:var(--hair) solid var(--rule)}.code{font-size:11px}.code .cl,.code .t{overflow-wrap:anywhere;white-space:pre-wrap}.code .t{display:block}.code .t>.bb{height:100%;margin-top:0;top:0}}.tok-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.tok-mail,.tok-out{padding:var(--space-20);align-content:start;display:grid}.tok-mail{gap:var(--space-12);border-right:var(--hair) solid var(--rule)}.tok-mail .lbl,.tok-out .lbl{color:var(--ink-2);font-size:var(--text-small)}.tok-out .lbl{margin-bottom:var(--space-12)}.tm-head{align-items:center;gap:var(--space-8) var(--space-14);font-size:var(--text-lead);grid-template-columns:auto minmax(0,1fr);display:grid}.tm-head dt{color:var(--ink-2);font-size:var(--text-small)}.tm-head dd{padding-block:3px;overflow:hidden}.tm-body{--bar-h:13px;gap:var(--space-8);padding-top:var(--space-14);border-top:var(--hair) solid var(--rule);font-size:var(--text-lead);display:grid;overflow:hidden}.tm-body>div{white-space:nowrap;padding-block:3px;line-height:1.5}.tr{gap:var(--space-12);padding:var(--space-8) var(--space-6);border-top:var(--hair) solid var(--rule);font-family:var(--font-mono);grid-template-columns:170px minmax(0,1fr) 110px;font-size:13px;line-height:1.35;display:grid}.tr.head{padding-block:0 var(--space-8);border-top:0;border-bottom:var(--hair) solid var(--rule-strong);color:var(--ink-2);font-family:var(--font-sans)}.tr.head+.tr{border-top:0}.tr>span,.tr .in>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr .ty{color:var(--ink-3)}.tr.new{height:calc(var(--w,1) * 34px);border-top:0;padding:0;display:block;overflow:hidden}.tr.new .in{align-items:center;gap:var(--space-12);height:32px;padding-inline:var(--space-6);background:var(--highlight);clip-path:inset(0 calc((1 - var(--w,1)) * 100%) 0 0);color:var(--on-highlight);grid-template-columns:170px minmax(0,1fr) 110px;margin-top:2px;display:grid}.tok-meter{align-items:center;gap:var(--space-10) var(--space-24);padding:var(--space-14) var(--space-20);border-top:var(--hair) solid var(--rule-strong);flex-wrap:wrap;display:flex}.tok-meter .demo-ctl{margin-left:auto}.blocks{gap:3px;display:flex}.blocks i{background:var(--sunken);width:22px;height:22px;display:block;position:relative}.blocks i:after{content:"";background:var(--highlight);transform:scaleX(var(--f,1));transform-origin:0;position:absolute;inset:0}.tm-n{font-size:var(--text-title);font-weight:500}.tm-n b{font-weight:600}.tm-p{color:var(--ink-2);font-size:var(--text-lead)}.tm-p b{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-small);font-weight:500}@media (width<=860px){.tok-body{grid-template-columns:minmax(0,1fr)}.tok-mail{border-right:0;border-bottom:var(--hair) solid var(--rule)}.tr,.tr.new .in{gap:0 var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:12px}.tr .ty,.tr.head>span:last-child,.tr.new .in>span:last-child{display:none}}.query-pair:where(.astro-cilp7amf){gap:var(--space-12);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.more:where(.astro-cilp7amf){margin-top:var(--space-20)}.same-view:where(.astro-cilp7amf){margin-block:var(--space-64) var(--space-24)}.iface:where(.astro-cilp7amf){align-content:start;gap:var(--space-8);padding-top:var(--space-14);border-top:var(--hair) solid var(--rule-strong);display:grid}.iface:where(.astro-cilp7amf) h3:where(.astro-cilp7amf){font-size:var(--text-title);font-weight:500}.iface:where(.astro-cilp7amf) code:where(.astro-cilp7amf){border-radius:var(--r);background:var(--sunken);max-width:100%;font-family:var(--font-mono);font-size:var(--text-mono);text-overflow:ellipsis;white-space:nowrap;justify-self:start;padding:4px 8px;overflow:hidden}.iface:where(.astro-cilp7amf) p:where(.astro-cilp7amf){color:var(--ink-2);font-size:var(--text-lead)}@media (width<=980px){.query-pair:where(.astro-cilp7amf){grid-template-columns:minmax(0,1fr)}}