@font-face{font-family:Geist;src:url(/fonts/geist-sans-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin-ext.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-background-100: #fff;--ds-background-200: #fafafa;--ds-gray-100: #f2f2f2;--ds-gray-200: #ebebeb;--ds-gray-300: #e6e6e6;--ds-gray-400: #eaeaea;--ds-gray-500: #c9c9c9;--ds-gray-600: #a8a8a8;--ds-gray-700: #8f8f8f;--ds-gray-800: #7d7d7d;--ds-gray-900: #4d4d4d;--ds-gray-1000: #171717;--ds-gray-alpha-100: #0000000d;--ds-gray-alpha-200: #00000014;--ds-gray-alpha-300: #0000001a;--ds-gray-alpha-400: #00000014;--ds-gray-alpha-500: #00000036;--ds-gray-alpha-600: #00000057;--ds-gray-alpha-700: #00000070;--ds-gray-alpha-800: #00000082;--ds-gray-alpha-900: #000000b3;--ds-gray-alpha-1000: #000000e8;--ds-blue-100: #f0f7ff;--ds-blue-200: #ebf5ff;--ds-blue-300: #e0f0ff;--ds-blue-500: #99ceff;--ds-blue-700: #0072f5;--ds-blue-800: #0062d1;--ds-blue-900: #0068d6;--ds-amber-100: #fff6e5;--ds-amber-300: #fef0cd;--ds-amber-800: #ff990a;--ds-amber-900: #a35200;--ds-green-100: #effbef;--ds-green-300: #daf6da;--ds-green-700: #45a557;--ds-green-900: #297a3a;--ds-red-100: #fff0f0;--ds-red-300: #ffe5e5;--ds-red-900: #cb2a2f;--ds-purple-100: #f9f0ff;--ds-purple-300: #f4e8fc;--ds-purple-900: #7820bc;--ds-teal-100: #eefcf9;--ds-teal-300: #d4f7f0;--ds-teal-900: #067a6e;--ds-pink-100: #ffebf5;--ds-pink-300: #fce3ec;--ds-pink-900: #bd2864;--ds-shadow-border-base: 0 0 0 1px var(--ds-gray-alpha-400);--ds-shadow-border-inset: inset 0 0 0 1px var(--ds-gray-alpha-400);--ds-shadow-2xs: 0px 1px 1px #0000000a;--ds-shadow-xs: 0px 1px 2px #0000000a;--ds-shadow-small: 0px 2px 2px #0000000a;--ds-shadow-medium: 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;--ds-shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;--ds-shadow-menu: var(--ds-shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;--ds-shadow-modal: var(--ds-shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;--ds-shadow-border: var(--ds-shadow-border-base);--ds-shadow-border-small: var(--ds-shadow-border-base), var(--ds-shadow-small);--ds-shadow-border-medium: var(--ds-shadow-border-base), var(--ds-shadow-medium);--ds-focus-color: var(--ds-blue-700);--ds-focus-ring: 0 0 0 2px var(--ds-background-100), 0 0 0 4px var(--ds-focus-color);--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-full: 9999px;--geist-radius: var(--radius-6);--geist-marketing-radius: var(--radius-8);--container-xl: 1200px;--container-lg: 960px;--container-md: 768px;--container-prose: 640px;--gutter: 24px;--duration-fast: .1s;--duration: .15s;--duration-slow: .25s;--ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--ds-background-100: #0a0a0a;--ds-background-200: #000;--ds-gray-100: #1a1a1a;--ds-gray-200: #1f1f1f;--ds-gray-300: #292929;--ds-gray-400: #2e2e2e;--ds-gray-500: #454545;--ds-gray-600: #878787;--ds-gray-700: #8f8f8f;--ds-gray-800: #7d7d7d;--ds-gray-900: #a0a0a0;--ds-gray-1000: #ededed;--ds-gray-alpha-100: #ffffff0f;--ds-gray-alpha-200: #ffffff17;--ds-gray-alpha-300: #ffffff21;--ds-gray-alpha-400: #ffffff24;--ds-gray-alpha-500: #ffffff3d;--ds-gray-alpha-600: #ffffff82;--ds-gray-alpha-700: #ffffff8a;--ds-gray-alpha-800: #ffffff78;--ds-gray-alpha-900: #ffffff9c;--ds-gray-alpha-1000: #ffffffeb;--ds-blue-100: #0f1c2e;--ds-blue-200: #10233d;--ds-blue-300: #0f2f57;--ds-blue-500: #0a4380;--ds-blue-700: #0072f5;--ds-blue-800: #0062d1;--ds-blue-900: #52a8ff;--ds-amber-100: #291800;--ds-amber-300: #4c2a00;--ds-amber-800: #ff990a;--ds-amber-900: #f2a20d;--ds-green-100: #0b2212;--ds-green-300: #12361b;--ds-green-700: #45a557;--ds-green-900: #62c073;--ds-red-100: #2a1314;--ds-red-300: #561a1e;--ds-red-900: #ff6166;--ds-purple-100: #231528;--ds-purple-300: #422154;--ds-purple-900: #bf7af0;--ds-teal-100: #04201b;--ds-teal-300: #083a33;--ds-teal-900: #0ac7b4;--ds-pink-100: #28151d;--ds-pink-300: #4f1c31;--ds-pink-900: #f75f8f;--ds-shadow-border-base: 0 0 0 1px var(--ds-gray-alpha-400);--ds-shadow-small: 0px 1px 2px #00000029;--ds-shadow-medium: 0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ds-background-100);color:var(--ds-gray-1000);font-family:var(--font-sans);font-size:14px;line-height:20px;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}code,pre,kbd,samp{font-family:var(--font-mono)}a{color:inherit}.t-heading-72{font-size:72px;line-height:72px;font-weight:600;letter-spacing:-4.32px}.t-heading-64{font-size:64px;line-height:64px;font-weight:600;letter-spacing:-3.84px}.t-heading-56{font-size:56px;line-height:56px;font-weight:600;letter-spacing:-3.36px}.t-heading-48{font-size:48px;line-height:56px;font-weight:600;letter-spacing:-2.88px}.t-heading-40{font-size:40px;line-height:48px;font-weight:600;letter-spacing:-2.4px}.t-heading-32{font-size:32px;line-height:40px;font-weight:600;letter-spacing:-1.28px}.t-heading-24{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.96px}.t-heading-20{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.4px}.t-heading-16{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px}.t-heading-14{font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.28px}.t-copy-24{font-size:24px;line-height:36px;font-weight:400}.t-copy-20{font-size:20px;line-height:36px;font-weight:400}.t-copy-18{font-size:18px;line-height:28px;font-weight:400}.t-copy-16{font-size:16px;line-height:24px;font-weight:400}.t-copy-14{font-size:14px;line-height:20px;font-weight:400}.t-copy-13{font-size:13px;line-height:18px;font-weight:400}.t-label-20{font-size:20px;line-height:32px;font-weight:400}.t-label-16{font-size:16px;line-height:20px;font-weight:400}.t-label-14{font-size:14px;line-height:20px;font-weight:400}.t-label-13{font-size:13px;line-height:16px;font-weight:400}.t-label-12{font-size:12px;line-height:16px;font-weight:400}.t-button-16{font-size:16px;line-height:20px;font-weight:500}.t-button-14{font-size:14px;line-height:20px;font-weight:500}.t-button-12{font-size:12px;line-height:16px;font-weight:500}.t-mono-14{font-family:var(--font-mono);font-size:14px;line-height:20px}.t-mono-13{font-family:var(--font-mono);font-size:13px;line-height:18px}.t-mono-12{font-family:var(--font-mono);font-size:12px;line-height:16px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--ds-focus-ring);border-radius:var(--radius-4)}::selection{background:var(--ds-blue-700);color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{width:100%;max-width:var(--container-xl);margin:0 auto;padding-inline:var(--gutter)}.rule{border-top:1px solid var(--ds-gray-alpha-400)}.topbar{position:sticky;top:0;z-index:20;height:64px;background:color-mix(in srgb,var(--ds-background-100) 80%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--ds-gray-alpha-400)}.topbar-inner{display:flex;align-items:center;gap:24px;height:100%}.wordmark{display:inline-flex;align-items:center;gap:8px;height:32px;padding-inline:4px;border-radius:var(--radius-6);font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px;text-decoration:none;color:var(--ds-gray-1000)}.wordmark-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-6);background:var(--ds-gray-1000);color:var(--ds-background-100);font-size:12px;line-height:16px;font-weight:600}.topnav{display:flex;align-items:center;gap:4px;margin-left:auto}.topnav a,.topnav button{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border:0;border-radius:var(--radius-6);background:transparent;color:var(--ds-gray-900);font-size:14px;line-height:20px;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.topnav a:hover,.topnav button:hover{background:var(--ds-gray-alpha-100);color:var(--ds-gray-1000)}.topbar-status{display:none;align-items:center;gap:6px;height:24px;padding-inline:8px;border-radius:var(--radius-full);background:var(--ds-gray-100);color:var(--ds-gray-900);font-size:12px;line-height:16px}@media(min-width:900px){.topbar-status{display:inline-flex}}.live-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--ds-green-700);flex:none}.hero{padding-block:96px 64px}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:center}.hero h1{max-width:15ch;font-size:64px;line-height:64px;font-weight:600;letter-spacing:-3.84px;color:var(--ds-gray-1000)}.hero-lede{max-width:46ch;margin-top:24px;font-size:18px;line-height:28px;color:var(--ds-gray-900)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.eyebrow{display:inline-flex;align-items:center;gap:6px;height:24px;margin-bottom:20px;padding-inline:8px;border-radius:var(--radius-full);background:var(--ds-gray-100);color:var(--ds-gray-900);font-size:12px;line-height:16px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding-inline:16px;border:0;border-radius:var(--radius-6);font-size:14px;line-height:20px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease),color var(--duration) var(--ease)}.button-primary{background:var(--ds-gray-1000);color:var(--ds-background-100)}.button-primary:hover{background:var(--ds-gray-900)}.button-secondary{background:var(--ds-background-100);color:var(--ds-gray-1000);box-shadow:var(--ds-shadow-border)}.button-secondary:hover{background:var(--ds-gray-100)}.button-small{height:32px;padding-inline:10px;font-size:14px}.hero-figure{border-radius:var(--radius-12);background:var(--ds-background-200);box-shadow:var(--ds-shadow-border);overflow:hidden}.figure-bar{display:flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border-bottom:1px solid var(--ds-gray-alpha-400);color:var(--ds-gray-900);font-family:var(--font-mono);font-size:12px;line-height:16px}.figure-body{display:grid;gap:8px;padding:16px}.figure-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-8);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border)}.figure-row code{flex:1;min-width:0;overflow:hidden;font-size:13px;line-height:18px;color:var(--ds-gray-1000);text-overflow:ellipsis;white-space:nowrap}.figure-row span{flex:none;font-size:12px;line-height:16px;color:var(--ds-gray-900)}.figure-tag{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-6);background:var(--ds-gray-100);color:var(--ds-gray-900);font-family:var(--font-mono);font-size:12px;flex:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ds-gray-alpha-400);border-bottom:1px solid var(--ds-gray-alpha-400)}.stats>div{padding:24px 24px 24px 0;border-right:1px solid var(--ds-gray-alpha-400)}.stats>div:last-child{border-right:0}.stats>div+div{padding-left:24px}.stats strong{display:block;font-size:32px;line-height:40px;font-weight:600;letter-spacing:-1.28px;color:var(--ds-gray-1000)}.stats span{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--ds-gray-900)}.section{padding-block:80px}.section-heading{max-width:var(--container-prose);margin-bottom:32px}.section-heading h2{font-size:40px;line-height:48px;font-weight:600;letter-spacing:-2.4px;color:var(--ds-gray-1000)}.section-heading p{margin-top:12px;font-size:16px;line-height:24px;color:var(--ds-gray-900)}.controls{display:grid;gap:12px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border-radius:var(--radius-6);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);transition:box-shadow var(--duration) var(--ease)}.search-box:focus-within{box-shadow:var(--ds-focus-ring)}.search-box svg{flex:none;color:var(--ds-gray-700)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:14px;line-height:20px;color:var(--ds-gray-1000)}.search-box input::placeholder{color:var(--ds-gray-700)}.search-box kbd{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-4);background:var(--ds-gray-100);color:var(--ds-gray-900);font-size:12px;flex:none}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border:0;border-radius:var(--radius-6);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);color:var(--ds-gray-900);font-size:14px;line-height:20px;font-weight:500;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.pill:hover{background:var(--ds-gray-100);color:var(--ds-gray-1000)}.pill span{color:var(--ds-gray-700);font-weight:400}.pill.active{background:var(--ds-gray-1000);color:var(--ds-background-100);box-shadow:none}.pill.active span{color:var(--ds-gray-600)}.selects{display:flex;flex-wrap:wrap;gap:8px}.select-wrap{display:inline-flex;align-items:center;gap:8px;height:32px;padding-inline:10px;border-radius:var(--radius-6);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);color:var(--ds-gray-900);font-size:14px;line-height:20px;white-space:nowrap}.select-wrap:focus-within{box-shadow:var(--ds-focus-ring)}.select-wrap select{border:0;outline:0;background:none;color:var(--ds-gray-1000);font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.category-links{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.category-links a{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border-radius:var(--radius-6);color:var(--ds-gray-900);font-size:14px;line-height:20px;text-decoration:none;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.category-links a:hover{background:var(--ds-gray-100);color:var(--ds-gray-1000)}.results-meta{display:flex;align-items:center;gap:8px;padding-block:16px;font-size:14px;line-height:20px;color:var(--ds-gray-900)}.results-meta b{color:var(--ds-gray-1000);font-weight:500}.featured-block{margin-bottom:40px}.featured-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:16px}.featured-head h3{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.4px;color:var(--ds-gray-1000)}.featured-head p{font-size:14px;line-height:20px;color:var(--ds-gray-900)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-card{display:flex;flex-direction:column;gap:12px;min-height:180px;padding:16px;border-radius:var(--radius-12);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);cursor:pointer;transition:box-shadow var(--duration) var(--ease),background var(--duration) var(--ease)}.site-card:hover{background:var(--ds-background-200);box-shadow:var(--ds-shadow-border-medium)}.site-card:focus-visible{box-shadow:var(--ds-focus-ring)}.card-top{display:flex;align-items:center;gap:8px}.site-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-6);background:var(--ds-gray-100);color:var(--ds-gray-1000);font-size:12px;line-height:16px;font-weight:600;flex:none}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding-inline:8px;border-radius:var(--radius-full);font-size:12px;line-height:16px;font-weight:500;white-space:nowrap}.badge-neutral{background:var(--ds-gray-100);color:var(--ds-gray-900)}.badge-blue{background:var(--ds-blue-100);color:var(--ds-blue-900)}.badge-green{background:var(--ds-green-100);color:var(--ds-green-900)}.badge-amber{background:var(--ds-amber-100);color:var(--ds-amber-900)}.badge-purple{background:var(--ds-purple-100);color:var(--ds-purple-900)}.badge-teal{background:var(--ds-teal-100);color:var(--ds-teal-900)}.badge-pink{background:var(--ds-pink-100);color:var(--ds-pink-900)}.badge-red{background:var(--ds-red-100);color:var(--ds-red-900)}.card-top .badge:last-of-type{margin-left:auto}.site-card h3{overflow:hidden;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px;color:var(--ds-gray-1000);text-overflow:ellipsis;white-space:nowrap}.site-card h3 a{text-decoration:none;color:inherit}.site-card>p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:20px;color:var(--ds-gray-900)}.tool-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.tool-chip{overflow:hidden;max-width:100%;padding:2px 6px;border-radius:var(--radius-4);background:var(--ds-gray-100);color:var(--ds-gray-900);font-family:var(--font-mono);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.card-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ds-gray-alpha-400);font-size:14px;line-height:20px;color:var(--ds-gray-900)}.card-bottom strong{color:var(--ds-gray-1000);font-weight:500}.card-bottom .method-list{margin-left:auto;display:flex;gap:4px}.method-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding-inline:8px;border-radius:var(--radius-full);background:var(--ds-gray-100);color:var(--ds-gray-900);font-size:12px;line-height:16px;white-space:nowrap}.method-chip b{color:var(--ds-gray-1000);font-weight:500}.method-webmcp{background:var(--ds-blue-100);color:var(--ds-blue-900)}.method-webmcp b{color:var(--ds-blue-900)}.method-api{background:var(--ds-amber-100);color:var(--ds-amber-900)}.method-api b{color:var(--ds-amber-900)}.method-fetch{background:var(--ds-green-100);color:var(--ds-green-900)}.method-fetch b{color:var(--ds-green-900)}.method-browser{background:var(--ds-pink-100);color:var(--ds-pink-900)}.method-browser b{color:var(--ds-pink-900)}.method-hybrid{background:var(--ds-purple-100);color:var(--ds-purple-900)}.method-hybrid b{color:var(--ds-purple-900)}.load-more{display:flex;justify-content:center;margin-top:24px}.end-note{padding-block:24px;font-size:14px;line-height:20px;color:var(--ds-gray-900);text-align:center}.explain{border-top:1px solid var(--ds-gray-alpha-400)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.step{padding:20px;border-radius:var(--radius-12);background:var(--ds-background-200);box-shadow:var(--ds-shadow-border)}.step-num{display:grid;place-items:center;width:24px;height:24px;margin-bottom:12px;border-radius:var(--radius-6);background:var(--ds-gray-1000);color:var(--ds-background-100);font-size:12px;line-height:16px;font-weight:600}.step h3{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px;color:var(--ds-gray-1000)}.step p{margin-top:6px;font-size:14px;line-height:20px;color:var(--ds-gray-900)}.step code{padding:2px 4px;border-radius:var(--radius-4);background:var(--ds-gray-100);font-size:13px;color:var(--ds-gray-1000)}.link-arrow{display:inline-flex;align-items:center;gap:6px;height:32px;margin-top:16px;border-radius:var(--radius-4);color:var(--ds-blue-900);font-size:14px;line-height:20px;font-weight:500;text-decoration:none}.link-arrow:hover{text-decoration:underline;text-underline-offset:3px}.api{border-top:1px solid var(--ds-gray-alpha-400)}.api-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.api-card{border-radius:var(--radius-12);background:var(--ds-background-200);box-shadow:var(--ds-shadow-border);overflow:hidden}.api-card-top{display:flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border-bottom:1px solid var(--ds-gray-alpha-400);font-size:12px;line-height:16px;color:var(--ds-gray-900)}.api-card-top .badge{margin-left:auto}.api-card>code{display:block;overflow-x:auto;padding:20px 16px;font-size:13px;line-height:18px;color:var(--ds-gray-1000);white-space:nowrap}.api-card-bottom{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--ds-gray-alpha-400);font-size:14px;line-height:20px;color:var(--ds-gray-900)}.api-card-bottom button{margin-left:auto}.footer{border-top:1px solid var(--ds-gray-alpha-400);padding-block:32px 40px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.footer p{font-size:14px;line-height:20px;color:var(--ds-gray-900)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto}.footer-links a{display:inline-flex;align-items:center;height:32px;padding-inline:8px;border-radius:var(--radius-6);color:var(--ds-gray-900);font-size:14px;line-height:20px;text-decoration:none;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.footer-links a:hover{background:var(--ds-gray-100);color:var(--ds-gray-1000)}.footer-links span{padding-inline:8px;font-size:14px;color:var(--ds-gray-700)}.load-error,.preload-content{max-width:var(--container-prose);margin:96px auto;padding-inline:var(--gutter)}.load-error h1,.preload-content h1{font-size:40px;line-height:48px;font-weight:600;letter-spacing:-2.4px}.preload-content h2{margin-top:32px;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.96px}.load-error p,.preload-content p{margin-top:12px;font-size:16px;line-height:24px;color:var(--ds-gray-900)}.preload-content nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px}.preload-content a{color:var(--ds-gray-1000);font-size:14px}.preload-content ul{margin-top:12px;padding-left:20px;line-height:28px}@media(max-width:1024px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}.hero h1{font-size:56px;line-height:56px;letter-spacing:-3.36px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-inner{grid-template-columns:minmax(0,1fr);gap:32px}.steps{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){:root{--gutter: 16px}.hero{padding-block:56px 40px}.hero h1{font-size:40px;line-height:48px;letter-spacing:-2.4px}.hero-lede{font-size:16px;line-height:24px}.section{padding-block:56px}.section-heading h2{font-size:32px;line-height:40px;letter-spacing:-1.28px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:16px 16px 16px 0}.stats>div:nth-child(2n){border-right:0;padding-right:0}.stats>div:nth-child(odd){padding-left:0}.stats>div+div{padding-left:16px}.stats strong{font-size:24px;line-height:32px;letter-spacing:-.96px}.card-grid{grid-template-columns:minmax(0,1fr)}.control-row{align-items:stretch;flex-direction:column}.selects{width:100%}.select-wrap{flex:1;justify-content:space-between}.topnav a[data-secondary]{display:none}}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:var(--ds-gray-alpha-700);animation:fade var(--duration-slow) var(--ease)}.site-drawer{position:relative;overflow:auto;width:min(760px,100%);height:100%;padding:24px 32px 48px;background:var(--ds-background-100);box-shadow:var(--ds-shadow-modal);animation:slide var(--duration-slow) var(--ease)}.drawer-topline{position:sticky;top:-24px;z-index:1;display:flex;align-items:center;gap:12px;margin:-24px -32px 24px;padding:12px 20px 12px 12px;background:var(--ds-background-100);border-bottom:1px solid var(--ds-gray-alpha-400)}.drawer-back{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border:0;border-radius:var(--radius-6);background:transparent;color:var(--ds-gray-900);font-size:14px;line-height:20px;font-weight:500;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.drawer-back:hover{background:var(--ds-gray-100);color:var(--ds-gray-1000)}.drawer-topline .badge{margin-left:auto}.drawer-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-6);background:transparent;color:var(--ds-gray-900);cursor:pointer;flex:none;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.drawer-close:hover{background:var(--ds-gray-100);color:var(--ds-gray-1000)}.drawer-kicker{display:flex;align-items:center;gap:8px}.workspace-intro h2{margin-top:16px;font-size:32px;line-height:40px;font-weight:600;letter-spacing:-1.28px;color:var(--ds-gray-1000)}.workspace-intro>p{max-width:60ch;margin-top:8px;font-size:16px;line-height:24px;color:var(--ds-gray-900)}.workspace-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.workspace-stats{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;padding-block:12px;border-top:1px solid var(--ds-gray-alpha-400);border-bottom:1px solid var(--ds-gray-alpha-400);font-size:14px;line-height:20px;color:var(--ds-gray-900)}.workspace-stats b{color:var(--ds-gray-1000);font-weight:500}.workspace-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;margin-top:24px}.tool-nav{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;display:grid;gap:2px}.tool-nav-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 12px;font-size:12px;line-height:16px;font-weight:500;color:var(--ds-gray-900)}.tool-nav-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:var(--radius-6);background:transparent;text-align:left;cursor:pointer;transition:background var(--duration) var(--ease)}.tool-nav-row:hover,.tool-nav-row.selected{background:var(--ds-gray-100)}.tool-nav-index{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-4);background:var(--ds-gray-200);color:var(--ds-gray-900);font-family:var(--font-mono);font-size:12px;line-height:16px;flex:none}.tool-nav-row.selected .tool-nav-index{background:var(--ds-gray-1000);color:var(--ds-background-100)}.tool-nav-copy{min-width:0}.tool-nav-copy strong{display:block;overflow:hidden;font-family:var(--font-mono);font-size:13px;line-height:18px;font-weight:500;color:var(--ds-gray-1000);text-overflow:ellipsis;white-space:nowrap}.tool-nav-copy small{display:block;font-size:12px;line-height:16px;color:var(--ds-gray-900)}.tool-detail{min-width:0}.detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.detail-number{margin-left:auto;font-size:12px;line-height:16px;color:var(--ds-gray-900)}.tool-detail-head h3{margin-top:12px;font-family:var(--font-mono);font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.96px;color:var(--ds-gray-1000);word-break:break-word}.tool-detail-head>p{margin-top:8px;font-size:14px;line-height:20px;color:var(--ds-gray-900)}.repo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.repo-meta{margin-top:8px;font-size:13px;line-height:18px;color:var(--ds-gray-900)}.copy-panel{margin-top:20px;border-radius:var(--radius-12);background:var(--ds-background-200);box-shadow:var(--ds-shadow-border);overflow:hidden}.copy-panel-label{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 8px 6px 16px;border-bottom:1px solid var(--ds-gray-alpha-400);font-size:14px;line-height:20px;font-weight:500;color:var(--ds-gray-1000)}.copy-panel-label button{margin-left:auto;flex:none}.copy-panel>code{display:block;overflow-x:auto;padding:16px;font-size:13px;line-height:20px;color:var(--ds-gray-1000);white-space:pre-wrap;word-break:break-word}.skill-panel>code{max-height:320px;overflow:auto}.copy-panel>small{display:block;padding:0 16px 16px;font-size:13px;line-height:18px;color:var(--ds-gray-900)}.contract-block{margin-top:20px;border-radius:var(--radius-12);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);overflow:hidden}.contract-heading{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--ds-gray-alpha-400)}.contract-heading span{display:block;font-size:12px;line-height:16px;color:var(--ds-gray-900)}.contract-heading strong{display:block;font-size:14px;line-height:20px;font-weight:500;color:var(--ds-gray-1000)}.contract-heading button{margin-left:auto;flex:none}.field-list{display:grid}.field-row{display:grid;grid-template-columns:minmax(0,140px) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ds-gray-alpha-400)}.field-row:last-child{border-bottom:0}.field-row code{overflow:hidden;font-size:13px;line-height:18px;color:var(--ds-gray-1000);text-overflow:ellipsis}.field-row p{font-size:13px;line-height:18px;color:var(--ds-gray-900)}.empty-contract{padding:16px}.empty-contract p{font-size:14px;line-height:20px;color:var(--ds-gray-900)}.contract-note{padding:12px 16px;border-top:1px solid var(--ds-gray-alpha-400);background:var(--ds-amber-100);font-size:13px;line-height:18px;color:var(--ds-amber-900)}.detail-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--ds-gray-alpha-400);font-size:13px;line-height:18px;color:var(--ds-gray-900)}.detail-footer .link-arrow{margin-top:0}.check-modal{position:relative;width:min(560px,calc(100% - 32px));margin:auto;padding:32px;border-radius:var(--radius-12);background:var(--ds-background-100);box-shadow:var(--ds-shadow-modal);animation:fade var(--duration-slow) var(--ease)}.check-modal .drawer-close{position:absolute;top:12px;right:12px}.check-modal h2{max-width:22ch;font-size:32px;line-height:40px;font-weight:600;letter-spacing:-1.28px;color:var(--ds-gray-1000)}.check-modal>p{margin-top:8px;font-size:16px;line-height:24px;color:var(--ds-gray-900)}.probe-input{display:flex;align-items:center;gap:6px;height:40px;margin-top:24px;padding:4px 4px 4px 12px;border-radius:var(--radius-6);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border);transition:box-shadow var(--duration) var(--ease)}.probe-input:focus-within{box-shadow:var(--ds-focus-ring)}.probe-input>span{font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--ds-gray-700)}.probe-input input{flex:1;min-width:0;border:0;outline:0;background:none;font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--ds-gray-1000)}.probe-result{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;border-radius:var(--radius-8);box-shadow:var(--ds-shadow-border)}.probe-result strong{display:block;font-size:14px;line-height:20px;font-weight:600}.probe-result p{margin-top:2px;font-size:13px;line-height:18px;color:var(--ds-gray-900)}.probe-result button{margin-left:auto;flex:none}.probe-success{background:var(--ds-green-100)}.probe-success strong{color:var(--ds-green-900)}.probe-empty{background:var(--ds-background-200)}.probe-empty strong{color:var(--ds-gray-1000)}.toast{position:fixed;z-index:60;bottom:24px;left:50%;padding:8px 12px;border-radius:var(--radius-6);background:var(--ds-gray-1000);color:var(--ds-background-100);font-size:14px;line-height:20px;opacity:0;transform:translate(-50%,8px);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:900px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.tool-nav{position:static;max-height:240px;padding-bottom:8px;border-bottom:1px solid var(--ds-gray-alpha-400)}}@media(max-width:768px){.site-drawer{padding:24px 16px 40px}.drawer-topline{margin-inline:-16px;padding-inline:8px 12px}.workspace-intro h2{font-size:24px;line-height:32px;letter-spacing:-.96px}.tool-detail-head h3{font-size:20px;line-height:26px;letter-spacing:-.4px}.check-modal{padding:24px 16px}.check-modal h2{font-size:24px;line-height:32px;letter-spacing:-.96px}.field-row{grid-template-columns:minmax(0,1fr);gap:6px}}
