.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}.sd-homepage,html[data-theme=light] .sd-homepage,.sd-overlay-theme[data-theme=light]{--sd-bg: 255 255 255;--sd-bg-soft: 248 250 252;--sd-bg-subtle: 243 244 246;--sd-surface: 255 255 255;--sd-surface-raised: 255 255 255;--sd-surface-muted: 249 250 251;--sd-card: 255 255 255;--sd-card-subtle: 249 250 251;--sd-border: 229 231 235;--sd-border-strong: 209 213 219;--sd-text: 17 24 39;--sd-text-soft: 55 65 81;--sd-text-muted: 107 114 128;--sd-text-faint: 156 163 175;--sd-inverse-text: 255 255 255;--sd-brand-start: 59 109 246;--sd-brand-end: 106 63 232;--sd-overlay: 0 0 0;--sd-shadow-card: 0 10px 32px rgba(17, 24, 39, .08);--sd-shadow-popover: 0 24px 70px rgba(17, 24, 39, .16);--sd-header-bg: 255 255 255;--sd-header-border: 241 245 249;--sd-library-bg: 255 255 255;--sd-library-screen-strip: 255 255 255;--sd-library-screen-strip-border: 243 244 246;--sd-library-row-glow-opacity: 0;--sd-icon-filter: none;--sd-light-icon-filter: invert(1);--sd-overlay-surface: 255 255 255;--sd-overlay-surface-muted: 246 248 250;--sd-overlay-hover: 243 244 246;--sd-overlay-border: 229 231 235;--sd-overlay-border-strong: 209 213 219;--sd-overlay-text: 17 24 39;--sd-overlay-text-soft: 55 65 81;--sd-overlay-text-muted: 107 114 128;--sd-overlay-primary: 17 24 39;--sd-overlay-primary-text: 255 255 255}html[data-theme=dark] .sd-homepage,.sd-overlay-theme[data-theme=dark]{--sd-bg: 5 5 5;--sd-bg-soft: 8 8 13;--sd-bg-subtle: 16 16 20;--sd-surface: 13 13 17;--sd-surface-raised: 16 16 20;--sd-surface-muted: 32 32 38;--sd-card: 20 20 29;--sd-card-subtle: 27 27 32;--sd-border: 255 255 255;--sd-border-strong: 255 255 255;--sd-text: 245 245 250;--sd-text-soft: 218 218 226;--sd-text-muted: 156 156 172;--sd-text-faint: 110 110 130;--sd-inverse-text: 8 8 13;--sd-brand-start: 59 109 246;--sd-brand-end: 106 63 232;--sd-overlay: 0 0 0;--sd-shadow-card: 0 28px 92px rgba(0, 0, 0, .36);--sd-shadow-popover: 0 30px 110px rgba(0, 0, 0, .76);--sd-header-bg: 8 8 13;--sd-header-border: 255 255 255;--sd-library-bg: 5 5 5;--sd-library-screen-strip: 255 255 255;--sd-library-screen-strip-border: 255 255 255;--sd-library-row-glow-opacity: .78;--sd-icon-filter: invert(1);--sd-light-icon-filter: none;--sd-overlay-surface: 13 13 17;--sd-overlay-surface-muted: 32 32 38;--sd-overlay-hover: 42 42 49;--sd-overlay-border: 42 42 49;--sd-overlay-border-strong: 64 64 74;--sd-overlay-text: 245 245 250;--sd-overlay-text-soft: 218 218 226;--sd-overlay-text-muted: 156 156 172;--sd-overlay-primary: 245 245 250;--sd-overlay-primary-text: 17 24 39}.workspace-backdrop-shell{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 18% 12%,rgb(59 109 246 / 18%),transparent 31%),radial-gradient(circle at 84% 20%,rgb(106 63 232 / 16%),transparent 30%),#050505;background-repeat:no-repeat;background-size:100% max(100dvh,58rem)}.workspace-backdrop-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0 / 90%),transparent 74%);mask-image:linear-gradient(to bottom,rgb(0 0 0 / 90%),transparent 74%)}:root[data-theme] .workspace-backdrop-shell .workspace-backdrop-surface{background:transparent!important}:root .workspace-backdrop-shell .workspace-backdrop-surface:before,:root .workspace-backdrop-shell .workspace-backdrop-surface:after{display:none!important}.workspace-backdrop-shell .animation-explorer-theme-atmosphere,.workspace-backdrop-shell .app-video-theme-atmosphere{display:none}.workspace-sticky-header{z-index:40!important;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=light] .workspace-backdrop-shell{background:radial-gradient(circle at 18% 12%,rgb(59 109 246 / 8%),transparent 31%),radial-gradient(circle at 84% 20%,rgb(106 63 232 / 7%),transparent 30%),linear-gradient(180deg,#fff,#f8fafc)}:root[data-theme=light] .workspace-backdrop-shell:before{background-image:linear-gradient(rgb(15 23 42 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(15 23 42 / 3.5%) 1px,transparent 1px)}.sd-homepage{font-family:Rethink Sans,sans-serif;line-height:1.5}.sd-homepage .font-grifter{font-family:Grifter,Rethink Sans,sans-serif}.sd-homepage h1,.sd-homepage h2,.sd-homepage h3,.sd-homepage p{margin:0}.sd-homepage button,.sd-homepage input,.sd-homepage textarea{font:inherit}.sd-homepage a{text-decoration:none}:where(.sd-homepage,.sd-overlay-theme) *,:where(.sd-homepage,.sd-overlay-theme) :before,:where(.sd-homepage,.sd-overlay-theme) :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:where(.sd-homepage,.sd-overlay-theme) button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;padding:0;cursor:pointer}:where(.sd-homepage,.sd-overlay-theme) button:disabled{cursor:default}:where(.sd-homepage,.sd-overlay-theme) input,:where(.sd-homepage,.sd-overlay-theme) textarea,:where(.sd-homepage,.sd-overlay-theme) button{font-family:inherit}:where(.sd-homepage,.sd-overlay-theme) img,:where(.sd-homepage,.sd-overlay-theme) video{display:block;max-width:100%}.sd-overlay-theme{color-scheme:light;color:rgb(var(--sd-overlay-text))}.sd-overlay-theme[data-theme=dark]{color-scheme:dark}.sd-overlay-backdrop{background:rgb(var(--sd-overlay) / .56);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sd-overlay-backdrop-strong{background:rgb(var(--sd-overlay) / .78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sd-overlay-surface{border:1px solid rgb(var(--sd-overlay-border));background:rgb(var(--sd-overlay-surface));color:rgb(var(--sd-overlay-text));box-shadow:var(--sd-shadow-popover)}.sd-overlay-muted-surface{border-color:rgb(var(--sd-overlay-border));background:rgb(var(--sd-overlay-surface-muted));color:rgb(var(--sd-overlay-text))}.sd-overlay-divider{border-color:rgb(var(--sd-overlay-border))}.sd-overlay-heading{color:rgb(var(--sd-overlay-text))}.sd-overlay-body{color:rgb(var(--sd-overlay-text-soft))}.sd-overlay-muted-text{color:rgb(var(--sd-overlay-text-muted))}.sd-overlay-interactive{color:rgb(var(--sd-overlay-text-soft));transition:background-color .16s ease,color .16s ease,border-color .16s ease}.sd-overlay-interactive:hover,.sd-overlay-interactive[data-active=true]{background:rgb(var(--sd-overlay-hover));color:rgb(var(--sd-overlay-text))}.sd-overlay-icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:rgb(var(--sd-overlay-surface-muted));color:rgb(var(--sd-overlay-text-muted));transition:background-color .16s ease,color .16s ease}.sd-overlay-icon-button:hover{background:rgb(var(--sd-overlay-hover));color:rgb(var(--sd-overlay-text))}.sd-overlay-input{border:1px solid rgb(var(--sd-overlay-border));background:rgb(var(--sd-overlay-surface-muted));color:rgb(var(--sd-overlay-text))}.sd-overlay-input::-moz-placeholder{color:rgb(var(--sd-overlay-text-muted))}.sd-overlay-input::placeholder{color:rgb(var(--sd-overlay-text-muted))}.sd-overlay-input:focus{border-color:rgb(var(--sd-overlay-border-strong));outline:none;box-shadow:0 0 0 3px rgb(var(--sd-brand-start) / .14)}.sd-overlay-secondary-button{border:1px solid rgb(var(--sd-overlay-border-strong));background:transparent;color:rgb(var(--sd-overlay-text-soft))}.sd-overlay-secondary-button:hover{background:rgb(var(--sd-overlay-hover));color:rgb(var(--sd-overlay-text))}.sd-overlay-primary-button{border:1px solid transparent;background:rgb(var(--sd-overlay-primary));color:rgb(var(--sd-overlay-primary-text))}.sd-overlay-primary-button:hover{opacity:.88}.sd-overlay-danger-button{border:1px solid transparent;background:#ef4444eb;color:#fff}.sd-overlay-danger-button:hover{background:#ef4444}.sd-overlay-themed-icon{filter:var(--sd-icon-filter)}.sd-overlay-theme{font-family:Rethink Sans,sans-serif;line-height:1.5}.sd-overlay-theme .font-grifter{font-family:Grifter,Rethink Sans,sans-serif}.sd-overlay-theme :where(h1,h2,h3,p){margin:0}.sd-overlay-theme a{text-decoration:none}