.dd-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--c-line)}.dd-step{padding:24px 24px 0 0;display:flex;flex-direction:column;gap:8px}.dd-step+.dd-step{padding-inline-start:24px;border-inline-start:1px solid var(--c-line)}.dd-step-n{font-family:var(--dd-mono);font-size:12px;color:var(--c-accent);letter-spacing:.4px}.dd-step b{font-size:17px;line-height:24px;font-weight:500;color:var(--c-heading);letter-spacing:-.11px}.dd-step p{font-size:15px;line-height:23px;color:var(--c-text-subtle)}.dd-timeline{display:flex;flex-direction:column;border-inline-start:1px solid var(--c-line);margin-inline-start:6px}.dd-timeline-item{position:relative;padding:0 0 28px 28px}.dd-timeline-item:before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-accent)}.dd-timeline-item time{font-family:var(--dd-mono);font-size:12px;color:var(--c-text-subtle);letter-spacing:.3px}.dd-toc{position:sticky;top:calc(var(--dd-header-h) + 24px);display:flex;flex-direction:column;gap:2px}.dd-toc,.dd-toc a{border-inline-start:0}.dd-toc a{font-size:14px;line-height:20px;color:var(--c-text-subtle);margin-inline-start:0;padding:6px 10px;border-radius:8px}.dd-toc a:hover{color:var(--c-heading);background:var(--c-hover,var(--c-surface-2))}.dd-toc a.is-active{color:var(--c-heading);border-inline-start-color:var(--c-heading);font-weight:450;background:var(--c-surface-2)}@container dd (max-width: 1099px){.dd-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.dd-step:nth-child(3){border-inline-start:0;padding-inline-start:0}}@container dd (max-width: 699px){.dd-steps{grid-template-columns:minmax(0,1fr)}.dd-step,.dd-step+.dd-step{padding:20px 0 0;border-inline-start:0}.dd-step+.dd-step{border-top:1px solid var(--c-line)}}.dd-codeblock{border-radius:var(--radius-lg);background:var(--code-bg);border:1px solid var(--code-line);overflow:hidden;color:var(--code-text)}.dd-codeblock-bar{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--code-line)}.dd-codeblock-tab{min-height:28px;padding:0 10px;border-radius:8px;font-family:var(--dd-mono);font-size:12px;color:var(--code-subtle);background:none;border:0;cursor:pointer}.dd-codeblock-tab.is-active{color:var(--code-text);background:var(--code-tab)}.dd-codeblock-bar .dd-copy{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--code-line);background:none;color:var(--code-subtle);font-size:12px;cursor:pointer}.dd-prompt{display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:18px;background:var(--c-surface);box-shadow:var(--c-shadow-pop);overflow:hidden;color:var(--c-text)}.dd-prompt-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--c-line);background:radial-gradient(90% 160% at 100% 0,color-mix(in srgb,var(--cat-ai) 16%,transparent),transparent 70%),var(--c-surface-2)}.dd-prompt-t{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:20px;font-weight:500;color:var(--c-heading)}.dd-prompt-t .dd-i{width:16px;height:16px;color:var(--cat-ai-ink);flex:none}.dd-prompt-body{padding:16px 18px;font-size:14.5px;line-height:24px;color:var(--c-text);-webkit-user-select:text;-moz-user-select:text;user-select:text;text-wrap:pretty}.dd-prompt-foot{display:flex;flex-wrap:wrap;gap:8px 10px;padding:12px 16px;border-top:1px solid var(--c-line-soft);color:var(--c-text-subtle)}.dd-prompt-agent,.dd-prompt-foot{align-items:center;font-size:12.5px}.dd-prompt-agent{display:inline-flex;gap:6px;min-height:26px;padding:0 10px 0 7px;border-radius:var(--radius-pill);border:1px solid var(--c-line);background:var(--c-surface);font-weight:450;color:var(--c-heading)}.dd-prompt-agent img{width:14px;height:14px}[data-theme=dark] .dd-prompt-agent img.is-mono{filter:invert(1)}.dd-copy.is-copied,[data-copy].is-copied{color:var(--c-success)!important}.dd-codeblock pre{margin:0;padding:18px 20px;font-family:var(--dd-mono);font-size:13px;line-height:21px;overflow-x:auto;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color var(--duration-base,.2s);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.dd-codeblock .k{color:var(--code-key)}.dd-codeblock .s{color:var(--code-str)}.dd-codeblock .n{color:var(--code-num)}.dd-codeblock .c{color:var(--code-subtle)}.dd-codeblock .p{color:var(--code-punct)}.dd-codeblock-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dd-codeblock-split>*+*{border-inline-start:1px solid var(--code-line)}.dd-codeblock-label{padding:12px 20px 0;font-family:var(--dd-mono);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--code-subtle)}.dd-terminal{font-family:var(--dd-mono);font-size:13px;line-height:22px}.dd-inline-code{font-family:var(--dd-mono);font-size:.88em;padding:2px 6px;border-radius:6px;background:var(--c-surface-3);color:var(--c-heading)}@container dd (max-width: 699px){.dd-codeblock-split{grid-template-columns:minmax(0,1fr)}.dd-codeblock-split>*+*{border-inline-start:0;border-top:1px solid var(--code-line)}}.dd-codeblock pre:focus-visible,.dd-codeblock pre:hover{scrollbar-color:rgba(255,255,255,.16) transparent}.dd-codeblock pre::-webkit-scrollbar{height:6px;background:transparent}.dd-codeblock pre::-webkit-scrollbar-track{background:transparent}.dd-codeblock pre::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.dd-codeblock pre:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16)}.dd-codeblock pre::-webkit-scrollbar-corner{background:transparent}.dd-codeblock-bar .dd-copy.is-copied{color:var(--code-text)}