.sdkc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;min-width:0}
@media (min-width:901px){ .sdkc-grid[style*="--sdk-cols"]{grid-template-columns:repeat(var(--sdk-cols),minmax(0,1fr))} }
.sdkc-grid.compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,212px),1fr));gap:14px}
.sdkc{--sdk:#121AB0;position:relative;display:flex;flex-direction:column;gap:13px;min-width:0;background:#fff;border:1px solid var(--line,#E4E4E1);border-radius:var(--r,7px);padding:20px;color:var(--ink,#0B0B0B);font-family:"Alexandria",system-ui,sans-serif;text-decoration:none}
.sdkc>*{min-width:0}
.sdkc-top{display:flex;align-items:center;gap:12px}
.sdkc-tile{width:50px;height:50px;border-radius:var(--r,7px);background:var(--sdk);color:#fff;display:grid;place-items:center;flex:none}
.sdkc-tile svg{width:30px;height:30px;display:block}
.sdkc-id{flex:1;min-width:0}
.sdkc-name{margin:0;font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--ink,#0B0B0B);text-wrap:balance}
.sdkc-kind{display:block;font-size:12px;font-weight:400;line-height:1.6;color:var(--muted,#6E6E6B)}
.sdkc-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1px solid var(--line,#E4E4E1);border-radius:var(--r,7px);background:#fff;color:var(--muted,#6E6E6B);font-size:11.5px;font-weight:500;line-height:1;white-space:nowrap;flex:none;align-self:flex-start}
.sdkc-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;flex:none}
.sdkc-pill.live{color:#15803D;background:var(--green-50,#E7F6EC);border-color:#CDEBD6}
.sdkc-pill.live::before{opacity:1}
.sdkc-tag{margin:0;font-size:13px;font-weight:400;line-height:1.85;color:var(--muted,#6E6E6B)}
.sdkc-cmdwrap{display:flex;flex-direction:column;gap:5px}
.sdkc-cmdl{font-size:11.5px;font-weight:400;color:var(--muted,#6E6E6B);line-height:1.5}
.sdkc-cmd{display:flex;align-items:center;gap:8px;direction:ltr;text-align:left;min-width:0;background:var(--panel,#F3F3F1);border:1px solid var(--line,#E4E4E1);border-radius:var(--r,7px);padding-block:7px;padding-inline:12px 8px}
.sdkc-ps{flex:none;font:500 12.5px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--sdk);opacity:.9}
.sdkc-cmd code{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font:500 12.5px/1.7 ui-monospace,Menlo,Consolas,monospace;color:var(--ink,#0B0B0B);background:none;padding:0;unicode-bidi:isolate}
.sdkc-cp{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line,#E4E4E1);border-radius:var(--r,7px);background:#fff;color:var(--blue,#121AB0);cursor:pointer;padding:0;font:inherit;transition:background .16s,border-color .16s}
.sdkc-cp:hover{background:var(--blue-50,#EEF0FB);border-color:#C7CAFB}
.sdkc-cp svg{width:15px;height:15px;display:block}
.sdkc-cp .ic-ok{display:none}
.sdkc-cp.ok{color:#15803D;border-color:#CDEBD6;background:var(--green-50,#E7F6EC)}
.sdkc-cp.ok .ic-copy{display:none}
.sdkc-cp.ok .ic-ok{display:block}
.sdkc-cp.bad{color:var(--red,#DC2626)}
.sdkc-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sdkc-meta li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:400;line-height:1.6;color:var(--muted,#6E6E6B);min-width:0}
.sdkc-meta li>span{min-width:0;overflow-wrap:anywhere}
.sdkc-meta svg{width:15px;height:15px;flex:none;color:var(--muted,#6E6E6B)}
.sdkc-dot{width:9px;height:9px;border-radius:50%;background:var(--sdk);flex:none;margin-inline:3px}
.sdkc-exh{font-size:12px;font-weight:400;color:var(--muted,#6E6E6B);line-height:1.5;margin-block-end:-6px}
.sdkc-ex{margin:0;border:1px solid var(--line,#E4E4E1);border-radius:var(--r,7px);background:#fff;padding:12px 14px;overflow:auto;direction:ltr;text-align:left;font:12.5px/1.75 ui-monospace,Menlo,Consolas,monospace;color:var(--ink,#0B0B0B);white-space:pre;max-height:280px;tab-size:4}
.sdkc-ex code{font:inherit;background:none;padding:0}
.sdkc-acts{display:flex;gap:8px;margin-block-start:auto;padding-block-start:2px}
.sdkc-btn{flex:1;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--line-2,#D2D2CE);border-radius:var(--r,7px);background:#fff;color:var(--ink,#0B0B0B);font:inherit;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.sdkc-btn svg{width:15px;height:15px;flex:none}
.sdkc-btn:hover{background:var(--blue-50,#EEF0FB);border-color:var(--blue,#121AB0);color:var(--blue,#121AB0)}
.sdkc-btn.is-off,.sdkc-btn.is-off:hover{background:var(--panel,#F3F3F1);border-color:var(--line,#E4E4E1);color:var(--muted,#6E6E6B);cursor:not-allowed}
.sdkc-btn.is-off[data-tip]:hover::after,.sdkc-btn.is-off[data-tip]:focus::after{content:attr(data-tip);position:absolute;inset-inline:0;inset-block-end:calc(100% + 8px);background:#0B0B0B;color:#fff;font-size:11.5px;font-weight:400;line-height:1.55;padding:6px 10px;border-radius:var(--r,7px);text-align:center;white-space:normal;z-index:6;pointer-events:none}
.sdkc-btn.is-off[data-tip]:hover::before,.sdkc-btn.is-off[data-tip]:focus::before{content:"";position:absolute;inset-inline-start:calc(50% - 5px);inset-block-end:calc(100% + 3px);border:5px solid transparent;border-block-start-color:#0B0B0B;z-index:6;pointer-events:none}
.sdkc.compact{padding:14px 14px 13px;gap:11px;transition:border-color .16s,transform .15s}
.sdkc.compact:hover{border-color:var(--sdk);transform:translateY(-1px)}
.sdkc.compact .sdkc-tile{width:40px;height:40px}
.sdkc.compact .sdkc-tile svg{width:24px;height:24px}
.sdkc.compact .sdkc-name{font-size:15.5px}
.sdkc.compact .sdkc-kind{font-size:11.5px}
.sdkc.compact .sdkc-cmd{padding:6px 10px}
.sdkc.compact .sdkc-cmd code{font-size:11.5px}
.sdkc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:auto}
.sdkc-ver{font:500 11.5px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--muted,#6E6E6B)}
.sdkc.docs{padding:18px}
.sdkc.docs .sdkc-tile{width:46px;height:46px}
.sdkc.docs .sdkc-tile svg{width:27px;height:27px}
.sdkc.docs .sdkc-name{font-size:16px}
@media (max-width:480px){
  .sdkc-grid{gap:14px}
  .sdkc{padding:16px}
  .sdkc-tag{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){ .sdkc.compact,.sdkc-btn,.sdkc-cp{transition:none} .sdkc.compact:hover{transform:none} }

.dp-sdk-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-bottom:14px;min-width:0}
@media (min-width:901px){ .dp-sdk-grid[style*="--sdk-cols"]{grid-template-columns:repeat(var(--sdk-cols),minmax(0,1fr))} }
.dp-sdk-grid.compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.dp-sdk{--sdk:#121AB0;display:flex;flex-direction:column}
.dp-sdk>.bd{display:flex;flex-direction:column;gap:12px;flex:1;padding:16px 18px 18px}
.dp-sdk>.bd>*{min-width:0}
.dp-sdk-top{display:flex;align-items:center;gap:12px}
.dp-sdk-tile{width:44px;height:44px;border-radius:var(--r-sm,8px);background:var(--sdk);color:#fff;display:grid;place-items:center;flex:none}
.dp-sdk-tile svg{width:26px;height:26px;display:block}
.dp-sdk-id{flex:1;min-width:0}
.dp-sdk-name{margin:0;font-size:14px;font-weight:700;line-height:1.5;color:var(--txt)}
.dp-sdk-id small{display:block;font-size:12px;color:var(--txt-3);line-height:1.5}
.dp-sdk-top .dp-pill{align-self:flex-start}
.dp-sdk-tag{margin:0;font-size:12.5px;line-height:1.7;color:var(--txt-2)}
.dp-sdk-cmdwrap{display:flex;flex-direction:column;gap:5px}
.dp-sdk-cmdl{font-size:11.5px;color:var(--txt-3);line-height:1.5}
.dp-sdk-cmd{display:flex;align-items:center;gap:8px;min-width:0}
.dp-sdk-cmd .dp-code{flex:1;min-width:0;margin:0;padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;font-size:12px;line-height:1.6}
.dp-sdk-cp{flex:none}
.dp-sdk-cp .ic-ok{display:none}
.dp-sdk-cp.ok .ic-copy{display:none}
.dp-sdk-cp.ok .ic-ok{display:block}
.dp-sdk-cp.ok svg{color:var(--ok)}
.dp-sdk-kv{font-size:12.5px}
.dp-sdk-kv dd .mono{font-family:var(--mono);font-size:12px;direction:ltr;unicode-bidi:isolate}
.dp-sdk .dp-code-h{margin-bottom:4px;min-height:0}
.dp-sdk-lang{font-family:var(--mono);font-size:11.5px;color:var(--txt-3)}
.dp-sdk-ex{max-height:260px}
.dp-sdk-acts{display:flex;gap:8px;margin-top:auto;padding-top:2px}
.dp-sdk-acts .dp-btn{flex:1;position:relative}
.dp-sdk-acts .dp-btn.is-off,.dp-sdk-acts .dp-btn.is-off:hover{cursor:not-allowed;opacity:1;color:var(--txt-3);border-color:var(--line);background:var(--card-2);box-shadow:none}
.dp-sdk-acts .dp-btn.is-off svg{color:var(--txt-3)}
.dp-sdk-acts .is-off[data-tip]:hover::after,.dp-sdk-acts .is-off[data-tip]:focus::after{content:attr(data-tip);position:absolute;inset-inline:0;bottom:calc(100% + 8px);background:var(--txt);color:var(--bg);font-size:11.5px;font-weight:400;line-height:1.55;padding:6px 10px;border-radius:var(--r-sm,8px);text-align:center;white-space:normal;z-index:6;pointer-events:none;opacity:1}
.dp-sdk-acts .is-off[data-tip]:hover::before,.dp-sdk-acts .is-off[data-tip]:focus::before{content:"";position:absolute;inset-inline-start:calc(50% - 5px);bottom:calc(100% + 3px);border:5px solid transparent;border-top-color:var(--txt);z-index:6;pointer-events:none}
.dp-sdk.compact>.bd{padding:14px 16px 16px;gap:10px}
.dp-sdk.compact .dp-sdk-tile{width:38px;height:38px}
.dp-sdk.compact .dp-sdk-tile svg{width:22px;height:22px}