.api-demo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s-8);padding:var(--s-8);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.api-demo-request,.api-demo-response{display:flex;flex-direction:column;min-width:0}.api-demo-label{margin:0;color:var(--ink-3);font:500 var(--t-label)/1.4 var(--font-data);letter-spacing:var(--t-label-track)}.api-demo-request h2{margin:var(--s-2) 0 0;color:var(--ink);font:600 var(--t-display-m)/1.25 var(--font-display);letter-spacing:-.01em}.api-demo-lede{margin:var(--s-4) 0 var(--s-6);max-width:46ch;color:var(--ink-secondary);font:400 var(--t-small)/1.65 var(--font-body)}.api-demo-card{margin-top:auto;overflow:hidden;border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--wash)}.api-demo-head{display:flex;align-items:center;gap:var(--s-2);min-height:44px;padding-inline:var(--s-3);border-bottom:1px solid var(--rule)}.api-demo-card .api-demo-head{justify-content:space-between;background:var(--accent-wash)}.api-demo-head [role=tablist]{display:flex}.api-demo-head [role=tab]{min-height:44px;padding:var(--s-2) var(--s-3);border:0;border-radius:0;background:transparent;color:var(--ink-secondary);font:500 var(--t-micro)/1 var(--font-data);cursor:pointer}.api-demo-head [role=tab][aria-selected=true]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.api-demo-copy{position:relative;color:var(--accent);font:500 var(--t-micro)/1 var(--font-data)}.api-demo-copy[data-copied]:after{content:"";position:absolute;inset-inline:var(--s-3);bottom:var(--s-2);height:2px;background:currentColor;transform-origin:left center}.api-demo-body,.api-demo-card pre{margin:0;padding:var(--s-4) var(--s-5);overflow:auto;color:var(--ink-secondary);font:400 var(--t-micro)/1.7 var(--font-data);white-space:pre-wrap;overflow-wrap:anywhere}.api-demo-card pre{height:132px}.api-demo-copy-hint{min-height:1.6em;margin:var(--s-2) 0 0;color:var(--ink-2);font:400 11px/1.5 var(--font-data)}.api-demo-response .api-demo-head{padding-inline:0;border-bottom:1px solid var(--rule)}.api-demo-status{color:var(--ink-3);font:400 var(--t-micro)/1.4 var(--font-data);font-variant-numeric:tabular-nums}.api-demo-head a{margin-inline-start:auto;color:var(--accent);font:500 var(--t-micro)/1.4 var(--font-data);white-space:nowrap}.api-demo-body{flex:1;min-height:232px;max-height:320px;color:var(--accent)}.api-demo-foot{margin:var(--s-3) 0 0;color:var(--ink-3);font:400 11px/1.6 var(--font-data)}.api-demo-foot code{color:var(--ink-2)}.api-live-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:var(--r-pill);background:var(--live)}.api-tier-status{display:flex;align-items:center;gap:var(--s-2);min-height:20px;margin:var(--s-3) 0 0;color:var(--ink-3);font:400 var(--t-micro)/1.5 var(--font-data)}.api-tier-status[data-state=open],.api-tier-status[data-state=soon]{color:var(--live)}.api-tier-status a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media (hover:hover){.api-demo-head [role=tab]:hover{background:var(--wash);color:var(--ink)}.api-demo-copy:hover{background:var(--accent-wash)}.api-demo-head a:hover{color:var(--accent-hover)}}@media (max-width:900px){.api-demo{grid-template-columns:minmax(0,1fr);gap:var(--s-6);padding:var(--s-6)}.api-demo-card{margin-top:var(--s-2)}}@media (max-width:639px){.api-demo{padding:var(--s-3)}.api-demo-body,.api-demo-card pre,.api-demo-response .api-demo-head{padding-inline:var(--s-3)}.api-demo-body{min-height:200px}}@media (prefers-reduced-motion:no-preference){@keyframes api-demo-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes api-demo-reveal{0%{clip-path:inset(0 0 100% 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes api-demo-live{0%,to{opacity:1}50%{opacity:.45}}.api-demo[data-playing] .api-demo-card pre{animation:api-demo-type .7s steps(34) both}.api-demo[data-playing] .api-demo-body{animation:api-demo-reveal 1.2s var(--ease) .94s both}.api-live-dot{animation:api-demo-live 2.4s ease-in-out infinite}.api-demo-copy:after{transform:scaleX(0);transition:transform .16s var(--ease-quick)}.api-demo-copy[data-copied]:after{transform:scaleX(1);transition-duration:.16s}.api-demo-copy,.api-demo-head [role=tab]{transition:background-color .14s var(--ease-quick),color .14s var(--ease-quick)}}