.sd-works-with{--works-text: #111827;--works-muted: #8b8f99;--works-badge: #ffffff;--works-border: rgba(17, 24, 39, .06);--works-shadow: 0 10px 28px rgba(17, 24, 39, .08), 0 2px 6px rgba(17, 24, 39, .04);--works-shadow-hover: 0 18px 40px rgba(59, 109, 246, .16), 0 4px 10px rgba(17, 24, 39, .06);display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 16px 0}:root[data-theme=dark] .sd-works-with{--works-text: #f1f1f5;--works-muted: #7c7c88;--works-badge: #f4f4f6;--works-border: rgba(255, 255, 255, .12);--works-shadow: 0 10px 28px rgba(0, 0, 0, .35);--works-shadow-hover: 0 18px 44px rgba(106, 63, 232, .35)}.sd-works-with-title{margin:0;color:var(--works-muted);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sd-works-with-list{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:0;padding:0;list-style:none}.sd-works-with-list li{animation:sd-works-with-in .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--works-with-index) * 70ms)}@keyframes sd-works-with-in{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}.sd-works-with-badge{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--works-border);border-radius:50%;background:var(--works-badge);box-shadow:var(--works-shadow);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}.sd-works-with-badge img{display:block;width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.sd-works-with-badge:hover,.sd-works-with-badge:focus-visible{transform:translateY(-4px);box-shadow:var(--works-shadow-hover)}.sd-works-with-badge:focus-visible{outline:2px solid #8885db;outline-offset:3px}.sd-works-with-name{position:absolute;top:calc(100% + 10px);left:50%;padding:3px 9px;border-radius:999px;background:var(--works-text);color:var(--works-badge);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .16s ease,transform .16s ease}:root[data-theme=dark] .sd-works-with-name{color:#101016}.sd-works-with-badge:hover .sd-works-with-name,.sd-works-with-badge:focus-visible .sd-works-with-name{opacity:1;transform:translate(-50%)}.sd-works-with-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--works-muted);font-size:13px;font-weight:650;text-decoration:none;transition:color .16s ease,gap .16s ease}.sd-works-with-link:hover{gap:9px;color:var(--works-text)}@media(max-width:420px){.sd-works-with-list li[data-client=openclaw]{display:none}}@media(max-width:480px){.sd-works-with-list{gap:9px}.sd-works-with-badge{width:46px;height:46px}.sd-works-with-badge img{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.sd-works-with-list li{animation:none}.sd-works-with-badge,.sd-works-with-name,.sd-works-with-link{transition:none}}.sd-mcp-demo{position:relative;aspect-ratio:16 / 9;background:var(--mcp-poster-light) center / contain no-repeat}:root[data-theme=dark] .sd-mcp-demo{background-image:var(--mcp-poster-dark)}.sd-mcp-demo[data-playing=true]{background-image:none!important}.sd-mcp-demo-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}