.doc .live-figure{margin:24px auto 30px;max-width:100%}.doc .live-figure>a{display:block;text-decoration:none}.doc .screenshot-frame{display:block;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#fff;max-width:100%;margin:auto}.doc .screenshot-frame>img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;margin:0}.doc .live-figure figcaption{font-size:12px;line-height:1.7;margin-top:10px;color:var(--text-faint);text-align:center}.doc .live-figure:has(img[src*="model-provider"]),.doc .live-figure:has(img[src*="model-custom-api"]){max-width:520px}.doc p{overflow-wrap:anywhere}@media(max-width:600px){.doc .live-figure{margin:20px auto 24px}.doc .screenshot-frame{border-radius:8px}}
.doc .live-figure.download-figure{max-width:100%;margin:24px auto 30px}.doc .download-figure .screenshot-frame{border:0;border-radius:8px;background:transparent}.doc .download-figure figcaption{text-align:center;margin-top:10px}

.doc .download-figure .screenshot-frame>img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}

.doc .live-figure:has(img[src*='model-provider']) .screenshot-frame,.doc .live-figure:has(img[src*='model-custom-api']) .screenshot-frame{border-radius:24px}
.doc ul{padding-left:24px;margin:16px 0;color:#ffffffb0;font-size:16px;line-height:1.9}.doc li+li{margin-top:8px}