.developer-page{background:#fff;overflow-x:clip}
.developer-page .desktop-nav{gap:24px}
.developer-page .desktop-nav>a{display:flex;align-items:center;min-height:48px}
.developer-page .desktop-nav [aria-current=page]{color:var(--blue)}
.developer-page :is(a,button,summary):focus-visible{outline:3px solid #1677ff;outline-offset:4px;border-radius:6px}
.developer-page :is(section,h3)[id]{scroll-margin-top:120px}
.developer-hero{padding:168px max(5vw,28px) 76px;background:radial-gradient(ellipse at 90% 10%,#e1edff,transparent 55%),linear-gradient(135deg,#f7fcff,#f6f8fe);display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;border-bottom:1px solid #e5ecf6}
.developer-hero-copy{max-width:720px;margin-left:auto}
.dev-eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#5275a4;margin:0 0 18px}
.developer-hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.22;letter-spacing:-2px;margin:0}
.dev-lead{font-size:16px;color:#60718a;line-height:1.9;margin:24px 0 30px}
.dev-actions{display:flex;gap:12px;flex-wrap:wrap}
.dev-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 22px;border:1px solid #cfdcf0;border-radius:12px;background:#fff;font-size:14px;font-weight:650;color:#183350}
.dev-button:hover{border-color:#1677ff;color:#1677ff}
.dev-button.primary{background:#1677ff;border-color:#1677ff;color:#fff;box-shadow:0 5px 18px #1677ff1f}
.connection-map{max-width:490px;width:100%;padding:32px;border-radius:24px;background:#112848;color:#fff;box-shadow:0 28px 60px #1d529027}
.map-label{display:block;font-size:12px;color:#99b2d3;letter-spacing:2px;margin-bottom:32px}
.connection-map>div{display:flex;align-items:center;gap:12px;margin:18px 0}
.map-node{padding:13px 15px;border:1px solid #415776;border-radius:10px;background:#233a58;font-size:13px;white-space:nowrap}
.map-line{flex:1;font:11px ui-monospace,monospace;color:#9abbe8;text-align:center}
.connection-map strong{padding:14px 16px;background:#1f4880;border-radius:10px;font-size:14px;white-space:nowrap}
.connection-map p{padding-top:24px;margin:24px 0 0;border-top:1px solid #314660;font-size:11px;color:#a2b9d5}
.connection-map i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#40d2a4}
.developer-layout{display:grid;grid-template-columns:216px minmax(0,850px);gap:68px;max-width:1230px;margin:0 auto;padding:68px 32px 80px}
.docs-sidebar{position:sticky;top:116px;height:fit-content}
.docs-sidebar nav{display:flex;flex-direction:column;border-left:1px solid #e4ebf5}
.docs-sidebar nav>span{font-size:11px;letter-spacing:2px;color:#91a0b4;padding:0 18px 16px}
.docs-sidebar a{display:flex;align-items:center;min-height:48px;padding:10px 18px;font-size:13px;color:#66758b;line-height:1.5}
.docs-sidebar a:hover{color:#1677ff;background:#f3f7fe}
.docs-sidebar a[href="#webhook"],.docs-sidebar a[href="#support"]{font-weight:700;color:#203957}
.docs-sidebar p{margin-top:28px;padding:20px 18px;background:#f6f9fd;border-radius:12px;font-size:12px;color:#8593a5}
.docs-sidebar p a{padding:8px 0 0;color:#1677ff}
.doc-section{padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid #e4ebf5;min-width:0}
.doc-section h2{font-size:32px;letter-spacing:-1px;margin:0 0 18px;line-height:1.35}
.section-lead{color:#65758b;font-size:15px;line-height:1.9;max-width:730px}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 32px}
.tag-row span{padding:6px 12px;border-radius:7px;background:#f0f6ff;color:#4372ad;font-size:12px}
.doc-section h3{font-size:21px;margin:40px 0 20px;letter-spacing:-.5px}
.doc-section h4{font-size:15px;line-height:1.5;margin:0 0 7px}
.doc-section p{line-height:1.9}
.steps{list-style:none;padding:0;counter-reset:step;margin:0 0 26px}
.steps li{counter-increment:step;display:flex;gap:16px;padding:14px 0}
.steps li:before{content:counter(step,decimal-leading-zero);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf4ff;color:#1677ff;font:600 12px ui-monospace,monospace}
.steps li p{font-size:14px;color:#63738a;margin:0}
.docs-content code{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.docs-content p code,.docs-content td code{background:#f0f4fa;border-radius:4px;padding:2px 4px;color:#285b9b}
.code-block{border:1px solid #253b5a;border-radius:14px;overflow:hidden;margin:18px 0 22px;background:#12233d}
.code-heading{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding-left:18px;background:#1c304d;color:#a9bedb;font:12px ui-monospace,monospace;gap:8px}
.code-heading button{min-height:48px;min-width:92px;padding:10px 16px;border:0;background:transparent;color:#d7e7fd;cursor:pointer;font:12px system-ui}
.code-heading button:hover{background:#294567}
.code-block pre{margin:0;padding:22px;overflow:auto;color:#d8e7fc;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;max-height:500px}
.code-block pre code{overflow-wrap:normal;line-height:1.85}
.code-block pre:focus-visible{outline:2px solid #8bc3ff;outline-offset:-4px}
.table-scroll{overflow:auto;border:1px solid #e3eaf4;border-radius:12px;margin:16px 0}
.table-scroll table{border-collapse:collapse;width:100%;font-size:13px;min-width:560px;text-align:left;line-height:1.8}
.table-scroll caption{text-align:left;padding:14px 18px;font-size:12px;color:#7e8da2;background:#f8fafd}
.table-scroll th{background:#f4f7fc;font-weight:650;color:#385273}
.table-scroll :is(th,td){padding:13px 18px;border-top:1px solid #e7edf6;vertical-align:top}
.table-scroll td{color:#5a6c84}
.doc-note{background:#f5f8fc;border-left:3px solid #aac8f2;padding:14px 18px;color:#5b708b;font-size:13px;border-radius:0 10px 10px 0}
.code-detail{border:1px solid #dfe8f3;border-radius:12px;margin:18px 0;padding:0 18px}
.code-detail summary{min-height:60px;cursor:pointer;padding:18px 0;font-size:14px;font-weight:650;line-height:1.7}
.code-detail summary span{font-size:12px;color:#8594aa;font-weight:400;margin-left:10px}
.code-detail>p{color:#63738a;font-size:13px}
.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.limit-grid>div{padding:18px;border:1px solid #e1eafa;border-radius:12px;background:#fbfcff}
.limit-grid strong{font-size:18px;color:#22599e;display:block;margin-bottom:7px}
.limit-grid span{font-size:12px;color:#728298}
.embed-intro{display:flex;gap:16px;align-items:center;background:#f5f9ff;border-radius:12px;padding:18px}
.embed-intro p{font-size:13px;color:#66758b;margin:0}
.mode-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;background:#e3efff;color:#1677ff;font-size:30px;border-radius:12px}
.check-list{padding:0;list-style:none;font-size:14px;color:#5a708b}
.check-list li{display:flex;gap:12px;padding:10px 0;line-height:1.8}
.check-list li:before{content:'✓';color:#0b9873;font-weight:700}
.faq details{border-bottom:1px solid #e3ebf6}
.faq summary{cursor:pointer;min-height:60px;padding:20px 0;font-size:15px;font-weight:650;line-height:1.6}
.faq details p{font-size:14px;color:#65758b;margin:0 0 22px}
.faq p a{color:#1677ff;text-decoration:underline}
.docs-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:18px;background:#f1f6ff}
.docs-end h3{margin:0 0 10px;font-size:20px}
.docs-end p{font-size:13px;color:#637b9a;margin:0;line-height:1.8}
.developer-footer{padding:30px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;background:#f8fafd;border-top:1px solid #e1eafa;color:#7d8ca1;font-size:12px}
.developer-footer a{min-height:48px;display:flex;align-items:center}
.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#132944;color:white;border-radius:10px;font-size:13px;max-width:calc(100vw - 32px);padding:0;z-index:200;text-align:center}
.copy-status:not(:empty){padding:12px 20px;box-shadow:0 6px 30px #10274726}
@media(max-width:1100px){.developer-hero{gap:28px}.connection-map{padding:24px}.developer-layout{gap:32px;grid-template-columns:184px minmax(0,1fr)}.developer-page .desktop-nav{gap:18px}.map-node{padding:12px}.connection-map strong{padding:12px}}
@media(max-width:1000px){.developer-page .desktop-nav{display:none}.developer-page .menu-toggle{display:flex;min-width:48px;min-height:48px;align-items:center;justify-content:center}.developer-page .nav-cta{margin-left:auto}.developer-page .mobile-nav.open{display:flex}.developer-hero{grid-template-columns:1fr;padding-top:138px}.developer-hero-copy{margin:0}.connection-map{max-width:600px}.developer-layout{grid-template-columns:minmax(0,1fr);padding:36px 24px 60px}.docs-sidebar{position:static}.docs-sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;border:0;padding:8px;border-radius:12px;background:#f4f8fe}.docs-sidebar nav>span,.docs-sidebar p{display:none}.docs-sidebar a{padding:8px 12px}.doc-section{margin-bottom:40px;padding-bottom:40px}}
@media(max-width:600px){.developer-hero{padding:130px 22px 40px;gap:32px}.developer-hero h1{font-size:36px;letter-spacing:-1.5px}.dev-lead{font-size:14px}.dev-lead br{display:none}.dev-actions{gap:8px}.dev-button{padding:0 16px;gap:12px}.connection-map{padding:22px}.map-line{font-size:10px}.map-node,.connection-map strong{font-size:12px;padding:10px}.connection-map>div{gap:8px}.developer-layout{padding:28px 18px 48px}.docs-sidebar a{font-size:12px}.doc-section h2{font-size:27px}.section-lead{font-size:14px}.doc-section h3{font-size:19px}.steps li{gap:12px}.limit-grid{grid-template-columns:1fr}.limit-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.limit-grid strong{font-size:16px;margin:0}.docs-end{flex-direction:column;align-items:flex-start;padding:22px}.code-block pre{padding:16px}.table-scroll table{min-width:520px}.developer-page .nav-cta{font-size:12px;padding:10px}.developer-page .brand{font-size:21px}.developer-page .nav-shell{padding:0 12px}.developer-footer{padding:26px 22px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.markdown-preview{border:1px solid #dfe8f3;border-radius:14px;margin:24px 0;overflow:hidden}.preview-label{display:block;background:#f4f7fc;padding:14px 18px;color:#617694;font-size:12px}.markdown-preview-body{padding:22px;color:#31445f;font-size:14px;line-height:1.8}.markdown-preview-body p{margin:0 0 12px}.markdown-preview-body blockquote{margin:12px 0;padding:6px 14px;border-left:3px solid #8ab3ee;background:#f5f8fd}.markdown-preview-body ul,.markdown-preview-body ol{padding-left:24px;margin:14px 0}.markdown-preview-body pre{padding:14px;background:#f1f5fa;border-radius:8px;overflow:auto}.markdown-preview-body hr{border:0;border-top:1px solid #dfe8f3;margin:20px 0}.markdown-preview-body a{display:inline-flex;align-items:center;min-height:48px;color:#1677ff;text-decoration:underline}