.sdk-hero-code-window{border-radius:12px;overflow:hidden;border:1px solid rgba(21,21,22,.12);background:#0f1117;box-shadow:0 24px 60px -20px rgba(159,88,250,.25),0 12px 32px -12px rgba(0,0,0,.4);position:relative}:root.dark .sdk-hero-code-window{border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px -20px rgba(159,88,250,.35),0 12px 32px -12px rgba(0,0,0,.7)}.sdk-hero-code-window:before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(135deg,rgba(159,88,250,.4),rgba(159,88,250,0) 40%,rgba(159,88,250,0) 60%,rgba(159,88,250,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sdk-hero-code-titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#161a22;border-bottom:1px solid rgba(255,255,255,.06)}.sdk-hero-code-filename{font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.02em}.sdk-hero-code-filename,.sdk-hero-code-tag{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.sdk-hero-code-tag{margin-left:auto;font-size:11px;color:#c4a3ff;background:rgba(159,88,250,.12);padding:3px 8px;border-radius:4px;border:1px solid rgba(159,88,250,.25)}.sdk-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.sdk-dot-red{background:#ff5f56}.sdk-dot-yellow{background:#ffbd2e}.sdk-dot-green{background:#27c93f}.sdk-hero-code-body{margin:0;padding:22px 22px 26px;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7;color:#d6deeb;background:#0f1117;white-space:pre;overflow-x:auto}@media (max-width:640px){.sdk-hero-code-body{font-size:12px;padding:16px 14px 20px}}.sdk-tok-keyword{color:#c792ea}.sdk-tok-symbol{color:#82aaff}.sdk-tok-string{color:#ecc48d}.sdk-tok-fn{color:#82aaff}.sdk-tok-text{color:#d6deeb}.sdk-tok-comment{color:#6b7a8f;font-style:italic}