:root{--sc-title-color:#3e61a4;--sc-body-color:#2e3033;--sc-label-color:#616367}.dark{--sc-title-color:#82b1ed;--sc-body-color:#d3d8de;--sc-label-color:#7c8186}@supports (color:lab(0% 0 0)){.dark{--sc-title-color:lab(70.5877% -4.16982 -35.2155);--sc-body-color:lab(86.0715% -1.08898 -3.56864);--sc-label-color:lab(53.5907% -1.0736 -3.56036)}}.sc-home{box-sizing:border-box;width:100%;min-width:0;max-width:1080px;margin:0 auto;padding:24px 32px 96px}.sc-home,.sc-home *{min-width:0}.sc-home h2{letter-spacing:-.015em;color:var(--color-fd-foreground);margin:24px 0 8px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:32px;font-weight:700}.sc-home h2+p{color:var(--color-fd-muted-foreground);max-width:640px;margin-bottom:24px}.sc-hero{padding:32px 0 8px}.sc-hero-title{letter-spacing:-.02em;color:var(--color-fd-foreground);margin:0 0 16px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1.05}.sc-hero-sub{color:var(--color-fd-muted-foreground);max-width:none;margin:0 0 28px;font-size:17px;line-height:1.55}.sc-search{background:var(--color-fd-background);border:1px solid var(--color-fd-border);width:100%;font:inherit;color:var(--color-fd-muted-foreground);cursor:text;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.sc-search:hover{border-color:var(--color-fd-foreground)}.sc-search:focus-visible{border-color:var(--sc-title-color);box-shadow:0 0 0 3px color-mix(in oklch, var(--sc-title-color) 18%, transparent);outline:none}.sc-search-icon{color:var(--color-fd-muted-foreground);flex-shrink:0}.sc-search-text{flex:1;font-size:15px}.sc-search-kbd{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-fd-muted-foreground);background:var(--color-fd-muted);border:1px solid var(--color-fd-border);border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:3px 7px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.sc-tiles{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.sc-tiles[data-count="4"]{grid-template-columns:repeat(4,1fr)}.sc-tiles[data-count="2"]{grid-template-columns:repeat(2,1fr)}.sc-tile{border:1px solid var(--color-fd-border);background:var(--color-fd-background);color:var(--color-fd-foreground);border-radius:24px;flex-direction:column;align-items:flex-start;gap:18px;padding:22px 24px 24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.sc-tile:hover{border-color:var(--color-fd-muted-foreground);text-decoration:none;box-shadow:0 2px 8px #0000000f}.sc-tile,.sc-tile:hover,.sc-tile:visited{text-decoration:none!important}.sc-tile-head{flex-direction:row;align-self:stretch;align-items:center;gap:8px;display:flex}.sc-tile-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:inline-grid;color:var(--sc-title-color)!important}.sc-tile-label{font-family:var(--font-source-sans), sans-serif;color:var(--sc-title-color);flex-grow:1;font-size:18px;font-weight:600;line-height:24px}.sc-tile-desc{font-family:var(--font-source-sans), sans-serif;color:var(--sc-body-color);align-self:stretch;font-size:18px;font-weight:400;line-height:24px}.dark .sc-tile{border-color:var(--color-fd-border)}.dark .sc-tile:hover{border-color:#4d5660;border-color:lab(36.1728% -1.98329 -7.04196);box-shadow:0 2px 8px #0000004d}.dark .sc-tile-icon{color:var(--sc-title-color)!important}.sc-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sc-card{border:1px solid var(--color-fd-border);background:var(--color-fd-background);color:var(--color-fd-foreground);border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.sc-card:hover{border-color:var(--color-fd-primary);box-shadow:0 1px 2px #0000000a}.sc-card-title{font-size:15px;font-weight:600}.sc-card-desc{color:var(--color-fd-muted-foreground);font-size:13px}@media (max-width:900px){.sc-cards{grid-template-columns:1fr}}.sc-product-group+.sc-product-group{margin-top:28px}.sc-product-group-label{letter-spacing:1.56px;text-transform:uppercase;color:var(--sc-label-color);margin:0 0 12px;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:600}.sc-build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.sc-build-options{flex-direction:column;gap:10px;display:flex}.sc-build-option{border:1px solid var(--color-fd-border);background:var(--color-fd-background);border-radius:10px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s;display:flex}.sc-build-option:hover{border-color:var(--sc-title-color)}.sc-build-icon{background:var(--color-fd-card);border:1px solid var(--color-fd-border);width:36px;height:36px;color:var(--sc-title-color);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.sc-build-text{flex-direction:column;gap:2px;display:flex}.sc-build-text strong{color:var(--sc-title-color);font-family:"Source Sans 3",sans-serif;font-size:18px;font-weight:600}.sc-build-text span{color:var(--sc-body-color);font-family:"Source Sans 3",sans-serif;font-size:18px;line-height:24px}.sc-samples{--sc-code-bg:#fff;--sc-code-edge:#e2e5e8;--sc-code-text:#262f38;--sc-code-cmd:#2171cc;--sc-code-string:#228d77;--sc-code-keyword:#3e55c8;--sc-code-punct:#86909b;--sc-code-comment:#77818c;--sc-code-tab:#2171cc;flex-direction:column;width:100%;min-width:0;height:100%;display:flex}@supports (color:lab(0% 0 0)){.sc-samples{--sc-code-edge:lab(90.7162% -.552952 -1.78909);--sc-code-text:lab(18.7658% -1.84783 -6.98735);--sc-code-cmd:lab(46.6477% 2.39781 -55.0026);--sc-code-string:lab(52.5734% -35.0912 3.0403);--sc-code-keyword:lab(39.6885% 21.7027 -63.8214);--sc-code-punct:lab(59.377% -2.06485 -7.07911);--sc-code-comment:lab(53.5763% -2.04968 -7.07192);--sc-code-tab:lab(46.6477% 2.39781 -55.0026)}}.sc-samples>div,.sc-samples>[data-orientation],.sc-samples [role=tabpanel],.sc-samples figure[data-language],.sc-samples [data-radix-scroll-area-viewport]{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.sc-samples>div:first-child{flex-direction:column;height:100%;display:flex!important}.sc-samples [role=tablist]{gap:4px;margin:0 0 14px;border:0!important;border-bottom:1px solid var(--color-fd-border)!important;background:0 0!important;border-radius:0!important;padding:0!important}.sc-samples [role=tab]{text-transform:none;letter-spacing:0;font-weight:500;position:relative;color:var(--color-fd-muted-foreground)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0 20px 0 0!important;padding:10px 4px!important;font-size:13px!important}.sc-samples [role=tab][data-state=active],.sc-samples [role=tab][aria-selected=true]{font-weight:600;color:var(--sc-code-tab)!important}.sc-samples [role=tab][data-state=active]:after,.sc-samples [role=tab][aria-selected=true]:after{content:"";background:var(--sc-code-tab);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.sc-samples figure,.sc-samples [data-rehype-pretty-code-fragment],.sc-samples pre{box-shadow:none!important;margin:0!important}.sc-samples figure{width:100%;min-width:0;position:relative;overflow:hidden;background:var(--sc-code-bg)!important;border:1px solid var(--sc-code-edge)!important;border-radius:12px!important;margin:0!important}.sc-samples figure pre{color:var(--sc-code-text);scrollbar-width:thin;scrollbar-color:oklch(85% .01 250) transparent;min-width:0;max-width:100%;font-size:13px;line-height:1.7;overflow-x:auto;background:0 0!important;border:0!important;padding:18px 20px 16px!important}.sc-samples figure pre::-webkit-scrollbar{height:6px}.sc-samples figure pre::-webkit-scrollbar-track{background:0 0}.sc-samples figure pre::-webkit-scrollbar-thumb{background:#c9ced4;background:lab(82.5914% -1.08778 -3.56801);border-radius:999px}.sc-samples figure code{font-family:var(--font-mono,ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace);color:inherit;font-size:13px;background:0 0!important}.sc-samples figure pre code span[style],.sc-samples figure pre span[style]{color:var(--sc-code-text)!important}.sc-samples figure pre span[style*=\#6e7781],.sc-samples figure pre span[style*=\#6E7781],.sc-samples figure pre span[style*=\#6a737d],.sc-samples figure pre span[style*=\#6A737D],.sc-samples figure pre span[style*="rgb(110, 119, 129)"]{font-style:italic;color:var(--sc-code-comment)!important}.sc-samples figure pre span[style*=\#0a3069],.sc-samples figure pre span[style*=\#0A3069],.sc-samples figure pre span[style*=\#032f62],.sc-samples figure pre span[style*=\#032F62],.sc-samples figure pre span[style*=\#22863a],.sc-samples figure pre span[style*=\#22863A]{color:var(--sc-code-string)!important}.sc-samples figure pre span[style*=\#cf222e],.sc-samples figure pre span[style*=\#CF222E],.sc-samples figure pre span[style*=\#d73a49],.sc-samples figure pre span[style*=\#D73A49]{color:var(--sc-code-keyword)!important}.sc-samples figure pre span[style*=\#8250df],.sc-samples figure pre span[style*=\#8250DF],.sc-samples figure pre span[style*=\#6f42c1],.sc-samples figure pre span[style*=\#6F42C1],.sc-samples figure pre span[style*=\#953800],.sc-samples figure pre span[style*=\#005cc5],.sc-samples figure pre span[style*=\#005CC5],.sc-samples figure pre span[style*=\#0550ae],.sc-samples figure pre span[style*=\#0550AE]{color:var(--sc-code-cmd)!important}.sc-samples figure pre span[style*=\#24292f],.sc-samples figure pre span[style*=\#24292F],.sc-samples figure pre span[style*=\#24292e],.sc-samples figure pre span[style*=\#24292E]{color:var(--sc-code-text)!important}.sc-samples figure .token.comment,.sc-samples figure .token.prolog,.sc-samples figure .token.doctype,.sc-samples figure figure .token.cdata{font-style:italic;color:var(--sc-code-comment)!important}.sc-samples figure .token.string,.sc-samples figure .token.attr-value,.sc-samples figure .token.url,.sc-samples figure .token.regex{color:var(--sc-code-string)!important}.sc-samples figure .token.keyword,.sc-samples figure .token.builtin,.sc-samples figure .token.class-name,.sc-samples figure .token.boolean,.sc-samples figure .token.number,.sc-samples figure .token.tag,.sc-samples figure .token.attr-name,.sc-samples figure .token.selector,.sc-samples figure .token.atrule{color:var(--sc-code-keyword)!important}.sc-samples figure .token.function,.sc-samples figure .token.parameter,.sc-samples figure .token.variable,.sc-samples figure .token.command{color:var(--sc-code-cmd)!important}.sc-samples figure .token.punctuation,.sc-samples figure .token.operator{color:var(--sc-code-punct)!important}.sc-samples figure figcaption,.sc-samples figure [data-rehype-pretty-code-title]{display:none!important}.sc-samples figure button{opacity:.9;place-items:center;width:30px;height:30px;transition:opacity .15s,background .15s,border-color .15s;display:inline-grid;border:1px solid var(--sc-code-edge)!important;background:var(--sc-code-bg)!important;color:var(--sc-code-cmd)!important;border-radius:6px!important;position:absolute!important;top:10px!important;right:10px!important}.sc-samples figure button:hover{opacity:1;background:#f6f9fc!important;background:lab(97.6762% -.553459 -1.78936)!important;border-color:#c5cfdb!important;border-color:lab(82.5552% -1.53783 -7.29151)!important}.dark .sc-samples{--sc-code-bg:#232a30;--sc-code-edge:#373e45;--sc-code-text:#d4dfeb;--sc-code-cmd:#85baff;--sc-code-string:#6bccb4;--sc-code-keyword:#afacff;--sc-code-punct:#86909b;--sc-code-comment:#69737d;--sc-code-tab:#85baff}@supports (color:lab(0% 0 0)){.dark .sc-samples{--sc-code-bg:lab(16.4574% -1.44607 -5.26403);--sc-code-edge:lab(25.7402% -1.49997 -5.28696);--sc-code-text:lab(88.3797% -2.11504 -7.10391);--sc-code-cmd:lab(73.8646% -3.93176 -45.4574);--sc-code-string:lab(75.7744% -34.7039 3.02786);--sc-code-keyword:lab(72.8626% 18.9905 -48.8344);--sc-code-punct:lab(59.377% -2.06485 -7.07911);--sc-code-comment:lab(47.7753% -2.03165 -7.06356);--sc-code-tab:lab(73.8646% -3.93176 -45.4574)}}.dark .sc-samples figure pre{scrollbar-color:oklch(40% .01 250) transparent}.dark .sc-samples figure pre::-webkit-scrollbar-thumb{background:#44484d;background:lab(30.3894% -1.0494 -3.54785)}.sc-tutorial-list{background:var(--color-fd-border);border:1px solid var(--color-fd-border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.sc-tutorial-item{background:var(--color-fd-background);gap:16px;padding:20px 24px;transition:background .15s;display:flex}.sc-tutorial-item:hover{background:var(--color-fd-muted)}.sc-tutorial-num{color:var(--sc-title-color);flex-shrink:0;width:32px;font-size:22px;font-weight:600}.sc-tutorial-body{flex-direction:column;gap:4px;display:flex}.sc-tutorial-body strong{color:var(--sc-title-color);font-family:"Source Sans 3",sans-serif;font-size:18px;font-weight:600}.sc-tutorial-desc{color:var(--sc-body-color);font-family:"Source Sans 3",sans-serif;font-size:18px;line-height:24px}.sc-tutorial-meta{color:var(--color-fd-muted-foreground);gap:12px;margin-top:6px;font-size:14px;display:flex}@media (max-width:900px){.sc-tiles,.sc-tiles[data-count="3"],.sc-tiles[data-count="4"]{grid-template-columns:repeat(2,1fr)}.sc-build-grid,.sc-tutorial-list{grid-template-columns:1fr}}@media (max-width:560px){.sc-tiles,.sc-tiles[data-count="3"],.sc-tiles[data-count="4"]{grid-template-columns:1fr}}