.zt .dc{--dc-well:color-mix(in oklab,var(--bg) 78%,var(--pk-bg2));--dc-ink:color-mix(in oklab,var(--fg) 88%,var(--bg));gap:18px}.zt .dc-nav{min-width:0}.zt .dc-chips{gap:4px;min-width:0;display:grid}.zt .dc-grp{flex-wrap:wrap;align-items:center;gap:0 8px;min-width:0;display:flex}.zt .dc-grp-h{width:96px;color:var(--cl-dim2);flex:none;font-size:10px}.zt .dc-chips a.cl-chip{text-decoration:none}.zt .dc-chips .cl-chip[aria-current=page]{color:var(--zs-sel-ink)}.zt .dc-chips .cl-chip[aria-current=page]:before{background:var(--zs-sel);box-shadow:none}.zt .dc-home{display:none}.zt .dc-parts{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.zt .dc-tabs{z-index:11;background:var(--bg);min-width:0;padding:6px 0;position:sticky;top:56px}.zt .dc-part{align-content:start;gap:14px;min-width:0;display:none}.zt .dc-part.on{display:grid}.zt .dc-two>.dc-tabs{display:none}.zt .dc-two>.dc-part{display:grid}.zt .dc-pan{min-width:0}.zt .dc-row2{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.zt .dc-p{max-width:78ch;color:var(--dc-ink);font:400 14px/1.6 var(--f-body);text-wrap:pretty;margin:0}.zt .dc code,.zt .dc .mono{font-family:var(--f-mono);overflow-wrap:anywhere;font-size:.9em}.zt .dc-p code,.zt .dc-ul code,.zt .dc-ol code,.zt .dc-tb code{border-radius:var(--zs-r-tag);background:var(--dc-well);color:var(--fg);padding:1px 5px}.zt .dc-ul,.zt .dc-ol{max-width:78ch;color:var(--dc-ink);font:400 14px/1.6 var(--f-body);gap:8px;margin:0;padding-left:20px;display:grid}.zt .dc-ul>li::marker{color:var(--acc)}.zt .dc-ol>li::marker{color:var(--acc)}.zt .dc-ul b{color:var(--fg);font-weight:600}.zt .dc-sh{color:var(--cl-dim2);margin:6px 0 0;font-size:11px}.zt .dc-a{color:var(--acc);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab,var(--acc) 40%,transparent);text-decoration-color:color-mix(in oklab,var(--acc) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color .15s var(--ease);align-items:center;gap:4px;display:inline-flex}.zt .dc-a:hover{-webkit-text-decoration-color:var(--acc);text-decoration-color:var(--acc)}.zt .dc-links{flex-wrap:wrap;gap:8px;display:flex}.zt .dc-links>a{text-decoration:none}.zt .dc-links>a>code{text-transform:none;font-size:1em}.zt .dc-go{justify-self:start;text-decoration:none}.zt .dc-tag{border:1px solid var(--pk-ln2);border-radius:var(--zs-r-tag);color:var(--dim);font:700 10px var(--f-lab);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;padding:2px 7px;line-height:normal;display:inline-flex}.zt .dc-tag.acc{border-color:color-mix(in oklab,var(--acc) 50%,transparent);color:var(--acc)}.zt .dc-tb{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);min-width:0;display:grid}.zt .dc-tb-h,.zt .dc-tb-r{grid-template-columns:var(--cols);align-items:baseline;gap:0 16px;min-width:0;padding:10px 14px;display:grid}.zt .dc-tb-h{border-bottom:1px solid var(--pk-ln);color:var(--cl-dim2);font:600 10px var(--f-lab);letter-spacing:.14em;text-transform:uppercase}.zt .dc-tb-r{color:var(--dc-ink);font:400 13px/1.5 var(--f-body)}.zt .dc-tb-r+.dc-tb-r{border-top:1px solid var(--pk-ln)}.zt .dc-tb-r>span{overflow-wrap:anywhere;min-width:0}.zt .dc-tb-r>span.mono{color:var(--fg);font:500 12px/1.5 var(--f-mono)}.zt .dc-tb-r b{color:var(--fg);font-weight:600}.zt .dc-facts{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);margin:0;display:grid}.zt .dc-facts>div{grid-template-columns:180px minmax(0,1fr);align-items:baseline;gap:16px;padding:10px 14px;display:grid}.zt .dc-facts>div+div{border-top:1px solid var(--pk-ln)}.zt .dc-facts dt{color:var(--dim);font:600 11px var(--f-lab);letter-spacing:.12em;text-transform:uppercase}.zt .dc-facts dd{min-width:0;color:var(--fg);font:500 13px var(--f-mono);margin:0}.zt .dc-facts-f{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.zt .dc-facts-f>li{border:1px solid var(--pk-ln2);border-radius:var(--zs-r-tag);color:var(--dim);font:500 12px var(--f-mono);padding:4px 10px}.zt .dc-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.zt .dc-tile{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);align-content:start;gap:8px;min-width:0;padding:16px;display:grid}.zt .dc-tile-h{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.zt .dc-tile-h>.pk-lab{color:var(--fg);font-size:11px}.zt .dc-tile-f{color:var(--fg);font:600 14px/1.35 var(--f-mono);overflow-wrap:anywhere}.zt .dc-tile-f code{font-size:1em}.zt .dc-tile-b{color:var(--dc-ink);font:400 13.5px/1.55 var(--f-body)}.zt .dc-code{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);align-content:start;min-width:0;display:grid;overflow:hidden}.zt .dc-code-h{border-bottom:1px solid var(--pk-ln);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 6px 0 14px;display:flex}.zt .dc-code-h>.pk-lab{min-width:0;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.zt .dc-copy{flex:none;gap:6px;height:30px;padding:0 10px;font-size:11px}.zt .dc-code pre{color:var(--fg);font:400 12.5px/1.65 var(--f-mono);tab-size:2;scrollbar-width:thin;margin:0;padding:12px 14px 14px;overflow-x:auto}.zt .dc-code pre code{overflow-wrap:normal;font-size:1em}.zt .dc-tall pre{max-height:480px;overflow:auto}.zt .dc-ln{white-space:pre}.zt .dc-t-cmd{color:var(--acc)}.zt .dc-t-str{color:color-mix(in oklab,var(--acc) 55%,var(--fg))}.zt .dc-t-flag{color:var(--dim)}.zt .dc-snips{gap:10px;min-width:0;display:grid}.zt .dc-snips>.seg2{justify-self:start}.zt .dc-steps-n{gap:22px;margin:0;padding:0;list-style:none;display:grid}.zt .dc-steps-n>li{grid-template-columns:32px minmax(0,1fr);gap:14px;display:grid}.zt .dc-n{border:1px solid color-mix(in oklab,var(--acc) 55%,transparent);border-radius:var(--zs-r);width:32px;height:32px;color:var(--acc);font:400 18px var(--f-disp);place-items:center;display:grid}.zt .dc-step{gap:10px;min-width:0;display:grid}.zt .dc-step>b{color:var(--fg);font:600 15px/1.3 var(--f-body)}.zt .dc-deck{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.zt .dc-list{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);scrollbar-width:thin;max-height:calc(100vh - 96px);display:grid;position:sticky;top:72px;overflow-y:auto}.zt .dc-row{min-height:44px;color:var(--dim);transition:background-color .15s var(--ease),color .15s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:grid}.zt .dc-row+.dc-row{border-top:1px solid var(--pk-ln)}.zt .dc-row:hover,.zt .dc-row.on{background:var(--pk-bg3);color:var(--fg)}.zt .dc-row.on code{color:var(--zs-sel)}.zt .dc-row>.ic{color:var(--pk-dim2)}.zt .dc-row.on>.ic{color:var(--zs-sel)}.zt .dc-row-t{gap:2px;min-width:0;display:grid}.zt .dc-row-t>code{color:var(--fg);font:500 12.5px var(--f-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zt .dc-row-t>span{font:400 12px/1.4 var(--f-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zt .dc-items{min-width:0;display:grid}.zt .dc-back{display:none}.zt .dc-item{min-width:0;display:none}.zt .dc-item.on{display:grid}.zt .dc-tool{align-content:start;gap:12px;min-width:0;display:grid}.zt .dc-tool-h{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.zt .dc-tool-h>h3{color:var(--fg);font:600 17px/1.25 var(--f-mono);overflow-wrap:anywhere;margin:0}.zt .dc-tool-h code{font-size:1em}.zt .dc-tool-t{color:var(--fg);font:600 14px var(--f-body)}.zt .dc-m{color:var(--acc)}.zt .dc-inc{flex-wrap:wrap;gap:4px 10px;display:flex}.zt .dc-pick{gap:14px;min-width:0;display:grid}.zt .dc-apps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.zt .dc-app{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);min-height:48px;color:var(--dim);text-align:left;cursor:pointer;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:0 12px;display:grid}.zt .dc-app:hover{border-color:var(--pk-ln2);background:var(--pk-bg3);color:var(--fg)}.zt .dc-app[aria-selected=true]{border-color:var(--zs-sel);background:var(--pk-bg3);color:var(--fg)}.zt .dc-app:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.zt .dc-app>img{object-fit:contain;width:22px;height:22px;display:block}.zt .dc-app>img[data-ai=chatgpt],.zt .dc-app>img[data-ai=codex],.zt .dc-app>img[data-ai=openai-api]{transform:scale(1.15)}.zt .dc-app>b{min-width:0;font:600 13px var(--f-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zt .dc-app-any{border-style:dashed}.zt .dc-app-i{border-radius:var(--zs-r-tag);background:var(--pk-bg3);width:22px;height:22px;color:var(--fg);font:700 12px var(--f-lab);place-items:center;display:grid}.zt .dc-app-pan{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);gap:12px;min-width:0;padding:18px;display:grid}.zt .dc-app-pan[hidden]{display:none}.zt .dc-app-h{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zt .dc-app-h>img{object-fit:contain;width:30px;height:30px;display:block}.zt .dc-app-h>span{gap:2px;margin-right:auto;display:grid}.zt .dc-app-h>span>b{color:var(--fg);font:600 16px var(--f-body)}.zt .dc-app-h>span>span{color:var(--dim);font:500 12px var(--f-mono)}.zt .dc-install{text-decoration:none}.zt .dc-setups{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.zt .dc-steps{align-content:start;gap:8px;min-width:0;display:grid}.zt .dc-steps>.pk-lab{color:var(--dim);font-size:10px}.zt .dc-steps>ol{color:var(--dc-ink);font:400 14px/1.55 var(--f-body);gap:6px;margin:0;padding-left:20px;display:grid}.zt .dc-steps code{border-radius:var(--zs-r-tag);background:var(--pk-bg2);color:var(--fg);padding:1px 5px}.zt .dc-src{flex-wrap:wrap;gap:6px 16px;margin:0;display:flex}.zt .dc-src>a{color:var(--dim);font:500 12px var(--f-body);transition:color .15s var(--ease);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.zt .dc-src>a:hover{color:var(--fg)}.zt .dc-flow{--dc-gap:40px;--dc-cycle:7.2s;gap:14px;min-width:0;margin:0;display:grid}.zt .dc-track{gap:var(--dc-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.zt .dc-stop{border:1px solid var(--pk-ln2);border-radius:var(--zs-r);background:var(--dc-well);align-content:start;gap:4px;min-width:0;padding:12px 14px;display:grid;position:relative}.zt .dc-stop>.pk-lab{color:var(--fg);font-size:11px}.zt .dc-stop-s{color:var(--dim);font:500 12px/1.45 var(--f-mono);overflow-wrap:anywhere}.zt .dc-wire{width:var(--dc-gap);background:var(--pk-ln2);height:1px;position:absolute;top:50%;left:100%}.zt .dc-wire>i{background:var(--acc);opacity:0;border-radius:3px;width:8px;height:5px;position:absolute;top:-2px;left:0}.zt .dc-io{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.zt .dc-pane{border-radius:var(--zs-r);min-width:0}.zt .dc-flow>figcaption{max-width:none;color:var(--dim)}@keyframes dc-lit{0%{border-color:var(--pk-ln2)}4%,20%{border-color:var(--acc)}28%,to{border-color:var(--pk-ln2)}}@keyframes dc-ride{0%{opacity:0;transform:translate(0)}1%{opacity:1}8%{transform:translateX(calc(var(--dc-gap) - 8px));opacity:1}9%,to{transform:translateX(calc(var(--dc-gap) - 8px));opacity:0}}@keyframes dc-ride-y{0%{opacity:0;transform:translateY(0)}1%{opacity:1}8%{transform:translateY(calc(var(--dc-gap) - 8px));opacity:1}9%,to{transform:translateY(calc(var(--dc-gap) - 8px));opacity:0}}@keyframes dc-pane{0%{box-shadow:inset 0 0 0 1px #0000}3%,24%{box-shadow:inset 0 0 0 1px var(--acc)}30%,to{box-shadow:inset 0 0 0 1px #0000}}.zt .dc-flow[data-playing=true] .dc-stop{animation:dc-lit var(--dc-cycle) var(--ease) infinite;animation-delay:calc(var(--i) * 1.2s)}.zt .dc-flow[data-playing=true] .dc-wire>i{animation:dc-ride var(--dc-cycle) var(--ease-io) infinite;animation-delay:calc(var(--i) * 1.2s + .9s)}.zt .dc-flow[data-playing=true] .dc-pane[data-pane=call]{animation:dc-pane var(--dc-cycle) var(--ease) infinite 2.1s}.zt .dc-flow[data-playing=true] .dc-pane[data-pane=answer]{animation:dc-pane var(--dc-cycle) var(--ease) infinite 3.3s}.zt.nomo .dc-flow .dc-stop,.zt.nomo .dc-flow .dc-wire>i,.zt.nomo .dc-flow .dc-pane{animation:none}.zt.nomo .dc-wire>i{display:none}.zt.nomo .dc-wire{background:color-mix(in oklab,var(--acc) 60%,var(--pk-ln2))}@media (prefers-reduced-motion:reduce){.zt .dc-flow .dc-stop,.zt .dc-flow .dc-wire>i,.zt .dc-flow .dc-pane{animation:none}.zt .dc-wire>i{display:none}.zt .dc-wire{background:color-mix(in oklab,var(--acc) 60%,var(--pk-ln2))}}.zt .dc-map{margin:0;padding:0;list-style:none;display:grid}.zt .dc-map>li+li{border-top:1px solid var(--pk-ln)}.zt .dc-map-a{color:var(--fg);transition:background-color .15s var(--ease);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t i""b i";align-items:center;gap:3px 12px;padding:14px 4px;text-decoration:none;display:grid}.zt .dc-map-a:hover{background:var(--pk-bg3)}.zt .dc-map-a>b{font:600 15px var(--f-body);grid-area:t}.zt .dc-map-a>span{color:var(--dim);font:400 13px/1.5 var(--f-body);grid-area:b}.zt .dc-map-a>.ic{color:var(--pk-dim2);transition:color .15s var(--ease);grid-area:i}.zt .dc-map-a:hover>.ic{color:var(--acc)}.zt .dc-log{margin:0;padding:0;list-style:none;display:grid}.zt .dc-log>li{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.zt .dc-log>li+li{border-top:1px solid var(--pk-ln)}.zt .dc-log time{color:var(--acc);font:500 12px/1.9 var(--f-mono)}.zt .dc-log>li>div{gap:10px;min-width:0;display:grid}.zt .dc-log>li>div>b{color:var(--fg);font:600 15px var(--f-body)}.zt .dc-try{gap:12px;min-width:0;display:grid}.zt .dc-fld{gap:6px;min-width:0;display:grid}.zt .dc-fld>.pk-lab{color:var(--dim);font-size:10px}.zt .dc-fld input,.zt .dc-fld select{border:1px solid var(--pk-ln2);border-radius:var(--zs-r);background:var(--dc-well);width:100%;min-width:0;height:42px;color:var(--fg);font:500 13px var(--f-mono);padding:0 12px}.zt .dc-fld input:focus-visible,.zt .dc-fld select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.zt .dc-try-q{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.zt .dc-try-go{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zt .dc-try-out{border:1px solid var(--pk-ln);border-radius:var(--zs-r);background:var(--dc-well);max-height:420px;color:var(--fg);font:400 12.5px/1.6 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;overflow:auto}.zt .dc-try-out:empty{display:none}@container zt-cl (min-width:1000px){.zt .dc-row2{grid-template-columns:repeat(2,minmax(0,1fr))}.zt .dc-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.zt .dc-setups{grid-template-columns:repeat(2,minmax(0,1fr))}}@container zt-cl not (min-width:720px){.zt .dc-tb-h{display:none}.zt .dc-tb-r{grid-template-columns:minmax(0,1fr);gap:4px}.zt .dc-tb-r>span:empty{display:none}.zt .dc-tb-r>span:not(:first-child):before{content:attr(data-h);color:var(--cl-dim2);font:600 10px var(--f-lab);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1px;display:block}.zt .dc-tb-r>span:first-child{color:var(--fg);font-weight:600}.zt .dc-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}.zt .dc-log>li{grid-template-columns:minmax(0,1fr);gap:6px}.zt .dc-io{grid-template-columns:minmax(0,1fr)}}.zt .mob .dc{gap:14px}.zt .mob .dc-chips{margin:0 calc(-1 * var(--zt-side,12px));padding:0 var(--zt-side,12px);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.zt .mob .dc-chips::-webkit-scrollbar{display:none}.zt .mob .dc-grp{display:contents}.zt .mob .dc-grp-h{display:none}.zt .mob .dc-home{display:inline-flex}.zt .mob .dc-tabs{top:calc(56px + env(safe-area-inset-top,0px));margin:0 calc(-1 * var(--zt-side,12px));padding:8px var(--zt-side,12px);border-bottom:1px solid var(--pk-ln)}.zt .mob .dc-tabs .seg2{flex-wrap:wrap;width:100%;display:flex}.zt .mob .dc-tabs .seg2>button{flex:1 0 auto;height:38px;font-size:13px}.zt .mob .dc-tabs .seg2-i{display:none}.zt .mob .dc-two{grid-template-columns:minmax(0,1fr)}.zt .mob .dc-two>.dc-tabs{display:block}.zt .mob .dc-two>.dc-part{display:none}.zt .mob .dc-two>.dc-part.on{display:grid}.zt .mob .dc-two .cl-ph{display:none}.zt .mob .dc-pan{padding:16px}.zt .mob .dc-deck{grid-template-columns:minmax(0,1fr)}.zt .mob .dc-list{max-height:none;position:static;overflow:visible}.zt .mob .dc-deck[data-view=list] .dc-items,.zt .mob .dc-deck[data-view=item] .dc-list{display:none}.zt .mob .dc-back{justify-self:start;margin-bottom:12px;display:inline-flex}.zt .mob .dc :is(.dc-p,.dc-ul,.dc-ol,.dc-tb,.dc-tile-b,figcaption) a[href]{min-width:0;min-height:0;display:inline}.zt .mob .dc-list a.dc-row[href],.zt .mob .dc-map a.dc-map-a[href]{display:grid}.zt .mob .dc-apps{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.zt .mob .dc-app{flex:none;grid-template-columns:22px auto}.zt .mob .dc-app>b{text-overflow:clip;overflow:visible}.zt .mob .dc-app-pan{padding:14px}.zt .mob .dc-flow{--dc-gap:22px}.zt .mob .dc-track{grid-template-columns:minmax(0,1fr)}.zt .mob .dc-wire{width:1px;height:var(--dc-gap);top:100%;left:22px}.zt .mob .dc-wire>i{width:5px;height:8px;top:0;left:-2px}.zt .mob .dc-flow[data-playing=true] .dc-wire>i{animation-name:dc-ride-y}.zt .mob .dc-steps-n>li{grid-template-columns:28px minmax(0,1fr);gap:12px}.zt .mob .dc-n{width:28px;height:28px;font-size:16px}.zt .mob .dc-code pre{font-size:12px}