figure.media{margin:0}figure.media .media-frame{border:1px solid var(--border);background:var(--muted);border-radius:8px;position:relative;overflow:hidden}figure.media.full .media-frame{border-inline:0;border-radius:0}figure.media .media-frame img,figure.media .media-frame video{width:100%;height:auto;display:block}figure.media figcaption{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--muted-foreground);margin-top:12px;font-size:13px;line-height:1.5}figure.media .play{border:1px solid var(--border-strong);background:var(--background);width:72px;height:72px;color:var(--foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}figure.media .play:hover{border-color:var(--foreground)}figure.media .play svg{width:22px;height:22px;margin-left:3px}
.code-bar-end{align-items:center;gap:12px;display:inline-flex}.code code{font-size:inherit;color:inherit;background:0 0;border:0;padding:0}.code-copy{min-width:44px;min-height:44px;font:inherit;color:#a29f98;cursor:pointer;transition:color .12s var(--ease-out);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;margin-block:-10px;margin-inline-end:-8px;padding:0 8px;display:inline-flex}.code-copy:hover,.code-copy[data-copied]{color:#edece8}.code-copy:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.code-copy svg{width:14px;height:14px}.code-copy[data-copied] svg{color:#ff8a55;animation:code-copy-pop .26s var(--ease-out) both}@keyframes code-copy-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.code-copy[data-copied] svg{animation:none}}
.callout{border:1px solid var(--border-strong);background:var(--muted);border-radius:8px;flex-direction:column;gap:6px;padding:16px 18px;font-size:15px;line-height:1.6;display:flex}.callout .lbl{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-size:12px;font-weight:500}.callout p{white-space:pre-line;margin:0}.callout[data-variant=warning]{border-color:var(--danger)}.callout[data-variant=warning] .lbl{color:var(--danger)}
.payload-richtext :is(h2,h3)[id]{scroll-margin-top:88px}.payload-richtext .anchor{font-family:var(--font-geist-mono), ui-monospace, monospace;opacity:0;transition:opacity .12s var(--ease-out);margin-left:10px;font-size:.7em;font-weight:500;color:var(--muted-foreground)!important;text-decoration:none!important}.payload-richtext :is(h2,h3):hover .anchor,.payload-richtext .anchor:focus-visible{opacity:1}@media (hover:none){.payload-richtext .anchor{display:none}}