@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#11152d;--muted:#65708a;--line:#e3e7f1;--purple:#7138e6;--violet:#8b5cf6;--navy:#071126;--navy-2:#0a1730;--code:#080f22;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:40;color:#fff;background:#050c20;border-bottom:1px solid #182441;grid-template-columns:250px 1fr auto;align-items:center;height:64px;padding:0 28px;display:grid;position:sticky;top:0}.brand{letter-spacing:.13em;align-items:center;gap:5px;font-size:13px;font-weight:900;display:flex}.brand b{color:#a679ff}.brand em{color:#fff;letter-spacing:0;background:#6330dc;border-radius:999px;margin-left:12px;padding:4px 9px;font-size:10px;font-style:normal}.topnav{color:#e2e5ee;justify-content:center;align-items:center;gap:34px;font-size:12px;display:flex}.topnav a:hover{color:#a77aff}.top-actions{align-items:center;gap:12px;display:flex}.github-button{border:1px solid #7f89a1;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:750}.theme-button,.menu-button{color:#fff;cursor:pointer;background:0 0;border:0}.theme-button{background:#17213a;border-radius:99px;padding:7px 9px}.menu-button{font-size:21px;display:none}.body-grid{grid-template-columns:220px minmax(0,1fr);display:grid}.sidebar{color:#c8d1e5;background:linear-gradient(#09162e,#071229);border-right:1px solid #142441;flex-direction:column;height:calc(100vh - 64px);padding:20px 12px 14px;display:flex;position:sticky;top:64px}.sidebar nav{scrollbar-width:thin;padding-right:3px;overflow:auto}.sidebar nav section{margin:0 0 24px}.sidebar h2{color:#8290ae;letter-spacing:.08em;text-transform:uppercase;margin:0 10px 8px;font-size:9px;font-weight:700}.sidebar nav a{color:#d7def0;border-radius:6px;align-items:center;gap:8px;margin:2px 0;padding:7px 10px;font-size:11px;display:flex}.sidebar nav a i{color:#94a2c3;place-items:center;width:14px;font-size:9px;font-style:normal;display:grid}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#202b50}.sidebar nav a.active{box-shadow:inset 3px 0 #7c3aed}.sidebar nav a.active i{color:#a978ff}.sidebar-help{background:#17213e;border:1px solid #273353;border-radius:10px;gap:8px;margin-top:auto;padding:15px;display:grid}.sidebar-help strong{font-size:11px}.sidebar-help p{color:#aeb8d0;margin:0;font-size:9px;line-height:1.5}.sidebar-help a{color:#fff;background:linear-gradient(90deg,#672fe5,#8b32f1);border-radius:5px;justify-content:space-between;padding:8px 10px;font-size:9px;font-weight:750;display:flex}.copyright{color:#667492;margin:18px 10px 0;font-size:8px;line-height:1.5}.body-grid>main{min-width:0}.home-page{background:#fff}.home-hero{color:#fff;background:radial-gradient(circle at 95% 60%,#4f1ebe8c,#0000 34%),linear-gradient(120deg,#07142a,#081229 65%,#11104a);grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:60px;min-height:510px;padding:50px 42px;display:grid;position:relative;overflow:hidden}.hero-glow{opacity:.55;background-image:radial-gradient(#7344ed 1px,#0000 1.5px);background-size:8px 8px;width:700px;height:420px;position:absolute;bottom:-140px;right:-80px;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(#000,#0000 67%);mask-image:radial-gradient(#000,#0000 67%)}.hero-copy,.hero-code{z-index:1;position:relative}.hero-copy h1{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(42px,4.6vw,64px);line-height:1.04}.hero-copy h1 span{color:#8e55ff}.hero-copy>p{color:#c6cee1;max-width:620px;margin:0;font-size:16px;line-height:1.58}.hero-actions{gap:14px;margin:28px 0;display:flex}.hero-actions a{border-radius:7px;padding:12px 18px;font-size:12px;font-weight:750}.primary-action{color:#fff;background:linear-gradient(100deg,#6d28d9,#8b32f1);box-shadow:0 8px 25px #6d28d94d}.primary-action span{margin-left:8px}.secondary-action.dark{color:#fff;background:0 0;border:1px solid #a1abc1}.hero-benefits{color:#99a5bf;flex-wrap:wrap;gap:18px;font-size:10px;display:flex}.hero-code{background:#040a1ae0;border:1px solid #253252;border-radius:10px;overflow:hidden;box-shadow:0 25px 80px #0000004d}.hero-code-tabs{border-bottom:1px solid #232e49;align-items:center;gap:8px;height:48px;padding:0 9px;display:flex}.hero-code-tabs button{color:#d1d7e7;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 18px;font-size:11px}.hero-code-tabs button.active{color:#fff;background:#252951}.hero-code pre{color:#d9dded;white-space:pre-wrap;min-height:290px;margin:0;padding:22px;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.hero-code footer{color:#aeb8cd;border-top:1px solid #202b47;padding:12px 15px;font-size:9px}.hero-code footer span{color:#56d98a;margin-right:7px}.home-content{padding:36px 40px 18px}.home-section{margin-bottom:40px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0 0 4px;font-size:18px}.section-heading p{color:var(--muted);margin:0;font-size:11px}.section-heading>a{color:#7237e7;font-size:10px;font-weight:650}.steps-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.step-card,.guide-card,.example-card,.panel{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:0 4px 12px #11152d06}.step-card{flex-direction:column;min-height:160px;padding:17px;display:flex}.step-card i{color:#7c3aed;border:1px solid #9b68ff;border-radius:5px;place-items:center;width:30px;height:30px;margin-bottom:20px;font-style:normal;display:grid}.step-card strong,.guide-card strong{font-size:11px}.step-card p,.guide-card p,.example-card p{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.55}.guides-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.guide-card{flex-direction:column;min-height:230px;padding:17px;display:flex}.guide-card>i{border-radius:8px;place-items:center;width:40px;height:40px;margin-bottom:14px;font-size:20px;font-style:normal;display:grid}.guide-card>i.mint{color:#08a681;background:#e0f8f1}.guide-card>i.violet{color:#7138e6;background:#eee9ff}.guide-card>i.blue{color:#5162dd;background:#e8edff}.guide-card>i.coral{color:#e74b34;background:#fff0e9}.guide-card>i.purple{color:#a536dd;background:#f2e6ff}.guide-card em{color:#7138e6;text-transform:uppercase;background:#f3efff;border-radius:3px;width:max-content;margin-bottom:10px;padding:3px 5px;font-size:7px;font-style:normal}.guide-card footer{color:#69758f;justify-content:space-between;margin-top:auto;font-size:9px;display:flex}.examples-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.example-card{flex-direction:column;min-height:135px;padding:15px;display:flex}.example-card strong{align-items:center;gap:8px;font-size:10px;display:flex}.example-card strong i{color:#4e64b9;background:#edf0fa;border-radius:4px;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;display:grid}.example-card footer{color:#79849a;gap:16px;margin-top:auto;font-size:8px;display:flex}.example-card footer span:first-child{color:#fff;background:#3273d8;padding:2px 4px}.split-grid{grid-template-columns:1.45fr .92fr;gap:16px;margin-bottom:20px;display:grid}.panel{padding:18px}.architecture-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;display:grid}.architecture-flow.reverse{grid-template-columns:1fr auto 1fr auto 1fr;margin-top:12px}.architecture-flow article{border:1px solid var(--line);border-radius:9px;align-content:start;gap:6px;min-height:116px;padding:13px;display:grid}.architecture-flow article i{color:#6655d8;font-style:normal}.architecture-flow article b{font-size:9px}.architecture-flow article span{color:var(--muted);font-size:8px;line-height:1.45}.architecture-flow>b{color:#a1aabd;font-size:12px}.architecture-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.architecture-tags span{color:#6e7890;background:#f2f2f8;border-radius:5px;padding:5px 7px;font-size:7px}.playground label{color:#27314a;gap:6px;margin:12px 0;font-size:9px;font-weight:700;display:grid}.playground select,.playground textarea{border:1px solid var(--line);color:#27314a;background:#fff;border-radius:7px;width:100%;padding:10px;font-size:9px}.playground textarea{resize:vertical;min-height:72px}.playground-actions{color:#4a556f;justify-content:space-between;align-items:center;font-size:9px;display:flex}.playground-actions button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6d28d9,#8b32f1);border:0;border-radius:6px;padding:8px 17px;font-size:9px}.switch{vertical-align:middle;background:#7343ee;border-radius:99px;width:30px;height:16px;margin-left:6px;display:inline-block}.switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;margin:2px 0 0 16px;display:block}.playground-result{background:#f5f2fb;border-radius:7px;margin-top:10px;padding:12px;position:relative}.playground-result small{color:#6c7690;font-size:8px}.playground-result p{color:#27314a;font-size:9px;line-height:1.5}.playground-result b{color:#208b4b;background:#dbf5e3;border-radius:4px;padding:3px 5px;font-size:7px;position:absolute;bottom:9px;right:10px}.bottom-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.mini-panel{min-height:180px}.mini-panel h2{margin:0 0 13px;font-size:13px}.mini-panel>div{color:#364159;align-items:center;gap:6px;margin:7px 0;font-size:9px;display:flex}.mini-panel>div span{margin-right:auto}.mini-panel>div b{color:#29845b;background:#daf4e7;border-radius:4px;padding:3px 5px;font-size:7px}.mini-panel>div em{color:#6f7890;margin-left:auto;font-size:8px;font-style:normal}.mini-panel>p{color:#65708a;font-size:9px;line-height:1.5}.mini-panel>a{color:#7138e6;text-align:right;margin-top:14px;font-size:8px;display:block}.home-footer{color:#fff;background:#071126;border-radius:9px;grid-template-columns:repeat(4,1fr);margin-top:18px;padding:14px 18px;display:grid}.home-footer>div{border-right:1px solid #26324a;align-items:center;gap:10px;padding:0 14px;font-size:15px;display:flex}.home-footer>div:last-child{border:0}.home-footer span{display:grid}.home-footer b{font-size:9px}.home-footer small{color:#9da7bd;margin-top:2px;font-size:7px}.sidebar-backdrop{display:none}.docs-article{max-width:860px;margin:0 auto;padding:68px 56px 110px}.docs-article>.eyebrow{color:#7c3aed;letter-spacing:.09em;font-size:10px;font-weight:800}.docs-article>h1{letter-spacing:-.045em;margin:12px 0 18px;font-size:42px}.docs-article>h1+p{font-size:18px;line-height:1.65}.docs-article h2{margin:48px 0 14px;font-size:24px}.docs-article p,.docs-article li{color:var(--muted);line-height:1.72}.docs-article code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.docs-article p code,.docs-article li code{color:#6328d6;background:#f8f6fc;border:1px solid #e8e5f0;border-radius:5px;padding:2px 5px;font-size:.88em}.code-block{background:var(--code);border:1px solid #262a4a;border-radius:11px;margin:20px 0;overflow:hidden}.code-block>div{color:#858ca8;text-transform:uppercase;border-bottom:1px solid #282c4d;justify-content:space-between;padding:9px 13px;font-size:10px;display:flex}.code-block button{color:#b7bdd2;cursor:pointer;background:0 0;border:0}.code-block pre{color:#d9d7f5;margin:0;padding:19px;font:13px/1.7 ui-monospace,monospace;overflow:auto}.code-tabs{margin:20px 0}.code-tabs .code-block{border-top-left-radius:0;margin-top:0}.tab-list{display:flex}.tab-list button{border:1px solid var(--line);cursor:pointer;background:#f5f5f9;border-bottom:0;padding:9px 14px}.tab-list button[aria-selected=true]{background:var(--code);color:#fff;border-color:#262a4a}.callout{border:1px solid;border-radius:11px;gap:5px;margin:24px 0;padding:16px 18px;display:grid}.callout.warning{color:#75571d;background:#fffaf0;border-color:#ead8a7}.callout.info{color:#59419a;background:#f8f5ff;border-color:#dcd3fa}.endpoint{border:1px solid var(--line);border-radius:10px;gap:12px;margin:18px 0;padding:13px;display:flex}.docs-article table{border-collapse:collapse;border:1px solid var(--line);width:100%;margin:20px 0;font-size:12px}.docs-article th,.docs-article td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.docs-article th{background:#f7f8fb}@media (max-width:1180px){.topnav{gap:18px}.steps-grid,.guides-grid,.examples-grid{grid-template-columns:repeat(3,1fr)}.home-hero{grid-template-columns:1fr;gap:32px}.hero-code{max-width:720px}.split-grid{grid-template-columns:1fr}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.topnav,.theme-button{display:none}.menu-button,.body-grid{display:block}.sidebar{z-index:35;width:250px;height:calc(100vh - 64px);transition:transform .2s;position:fixed;top:64px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:34;background:#02071499;border:0;display:block;position:fixed;inset:64px 0 0}.home-hero{padding:48px 28px}.home-content{padding:30px 24px}.bottom-grid{grid-template-columns:1fr}.home-footer{grid-template-columns:repeat(2,1fr);gap:16px}.home-footer>div:nth-child(2){border:0}}@media (max-width:640px){.topbar{height:58px}.brand{font-size:11px}.brand em{margin-left:5px}.github-button{display:none}.sidebar{height:calc(100vh - 58px);top:58px}.sidebar-backdrop{inset:58px 0 0}.home-hero{min-height:auto;padding:46px 20px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-benefits{gap:10px}.hero-code pre{min-height:245px;font-size:10px}.home-content{padding:27px 16px}.section-heading{flex-direction:column;align-items:flex-start}.steps-grid,.guides-grid,.examples-grid{grid-template-columns:1fr}.step-card{min-height:125px}.architecture-flow,.architecture-flow.reverse{grid-template-columns:1fr}.architecture-flow>b{text-align:center;transform:rotate(90deg)}.home-footer{grid-template-columns:1fr}.home-footer>div{border-bottom:1px solid #26324a;border-right:0;padding:8px 0}.docs-article{padding:48px 22px 70px}.docs-article>h1{font-size:34px}}.hero-copy h1{font-size:clamp(42px,4vw,52px)}.hero-code .tok-keyword{color:#c084fc}.hero-code .tok-string{color:#f6c65b}.hero-code .tok-property{color:#f0abfc}.hero-code .tok-function{color:#67e8f9}.code-block .tok-keyword{color:#c084fc}.code-block .tok-string{color:#f6c65b}.code-block .tok-property{color:#f0abfc}.code-block .tok-function{color:#67e8f9}.code-block .tok-comment{color:#7483a3;font-style:italic}.code-block .tok-number{color:#86efac}.sidebar nav a i img{width:18px;height:18px;display:block}.sidebar nav a:has(i img){gap:10px}.sidebar nav a:has(i img) i{width:20px}.copyright{margin-top:auto}.sdk-name{align-items:center;gap:8px;display:flex}.sdk-name img{width:20px;height:20px}@media (max-width:640px){.hero-copy h1{font-size:40px}}.brand img{object-fit:contain;width:104px;height:23px;display:block}.theme-button{place-items:center;width:38px;height:34px;display:grid}.theme-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}[data-theme=dark]{--ink:#eef1fb;--muted:#aeb8d0;--line:#28344d;--code:#050b1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#081226}[data-theme=dark] body,[data-theme=dark] .home-page,[data-theme=dark] .body-grid>main{color:var(--ink);background:#081226}[data-theme=dark] .home-content{background:#081226}[data-theme=dark] .step-card,[data-theme=dark] .guide-card,[data-theme=dark] .example-card,[data-theme=dark] .panel{box-shadow:none;background:#0d1930;border-color:#28344d}[data-theme=dark] .docs-article p code,[data-theme=dark] .docs-article li code{color:#bc9cff;background:#111e37;border-color:#34415c}[data-theme=dark] .docs-article th{background:#101c33}[data-theme=dark] .callout.info{color:#c9baff;background:#171b3a;border-color:#483b73}[data-theme=dark] .callout.warning{color:#e7cf8d;background:#292413;border-color:#65552f}[data-theme=dark] .tab-list button{color:#d7def0;background:#111e37;border-color:#34415c}[data-theme=dark] .playground select,[data-theme=dark] .playground textarea{color:#e7ebf5;background:#0a1529;border-color:#34415c}[data-theme=dark] .playground-result,[data-theme=dark] .architecture-tags span{color:#c5cde0;background:#111e37}[data-theme=dark] .playground-result p,[data-theme=dark] .playground-result summary{color:#dce3f3}.sidebar nav a{gap:0;padding-left:32px}.sidebar nav a:has(i img){gap:10px;padding-left:26px}.sidebar nav a:hover,.sidebar nav a.active{box-shadow:none}.copyright{gap:7px;display:grid}.copyright small{font-size:8px;line-height:1.5}.cookie-settings{color:#9ca9c3;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;width:max-content;padding:0;font-size:8px;text-decoration:underline}.cookie-settings:hover{color:#fff}.language-switcher{background:#111a31;border:1px solid #34415d;border-radius:7px;align-items:center;padding:3px;display:flex}.language-switcher a{color:#9ca8c0;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:800}.language-switcher a:hover,.language-switcher a.active{color:#fff;background:#7138e6}@media (max-width:640px){.language-switcher a{padding:4px 5px}.top-actions{gap:7px}}.language-button{color:#fff;border:1px solid #34415d;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:54px;height:36px;padding:0 9px;font-size:11px;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:flex}.language-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.language-button:hover{background:#171d36;border-color:#8b5cf6;transform:translateY(-1px)}.real-examples{grid-template-columns:repeat(4,minmax(0,1fr))}.real-examples .example-card{min-height:155px;transition:border-color .18s,box-shadow .18s,transform .18s}.real-examples .example-card:hover{border-color:#bca4f7;transform:translateY(-3px);box-shadow:0 12px 28px #4f2ba01a}.real-examples .example-card strong i{background:0 0}.real-examples .example-card strong img{width:22px;height:22px}.real-examples .example-card footer{justify-content:space-between;align-items:center}.real-examples .example-card footer span:first-child{color:#5748bf;background:#eef0ff;border-radius:4px;padding:3px 6px}.real-examples .example-card footer span:last-child{color:#7138e6;font-weight:700}.live-flow{color:#6553c5;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.live-flow i{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite flow-pulse;box-shadow:0 0 0 5px #22c55e1f}.architecture{background:radial-gradient(circle at 50% 40%,#7c3aed0f,#0000 55%),#fff;overflow:hidden}.architecture-flow article{animation:.55s both node-arrive;animation-delay:calc(var(--flow-index) * 80ms);border-color:#e1def1;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e184b09}.architecture-flow article:after{content:"";animation:4.5s ease-in-out infinite node-scan;animation-delay:calc(var(--flow-index) * .32s);background:linear-gradient(90deg,#0000,#7c3aed1f,#0000);border-top:2px solid #0000;position:absolute;inset:0;transform:translate(-110%)}.architecture-flow article:hover{border-color:#a98bec;transform:translateY(-3px);box-shadow:0 12px 28px #5a35ae1f}.architecture-flow article>i{color:#6d35db;background:#eee9ff;border-radius:7px;place-items:center;width:25px;height:25px;font-size:8px;font-weight:800;display:grid}.flow-connector{place-items:center;min-width:20px;display:grid;position:relative;color:#8274bd!important}.flow-connector i{background:#7c3aed;border-radius:50%;width:5px;height:5px;animation:1.8s linear infinite flow-dot;position:absolute;box-shadow:0 0 8px #8b5cf6}.reverse-arrow i{animation-direction:reverse}.playground{flex-direction:column;min-width:0;display:flex}.playground input{border:1px solid var(--line);color:#27314a;background:#fff;border-radius:7px;width:100%;padding:10px;font-size:9px}.playground-actions{gap:10px}.playground-actions>span{color:#7a849c;margin-left:auto}.stream-toggle{align-items:center;font-weight:700;display:flex;color:#536078!important;background:0 0!important;gap:7px!important;padding:0!important}.stream-toggle i{background:#cbd1df;border-radius:99px;width:28px;height:16px;transition:background .2s;position:relative}.stream-toggle i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.stream-toggle.on i{background:#7138e6}.stream-toggle.on i:after{transform:translate(12px)}.builder-output{background:#080f22;border:1px solid #222d48;border-radius:9px;min-width:0;margin-top:13px;overflow:hidden}.builder-tabs{border-bottom:1px solid #222d48;align-items:center;gap:3px;padding:7px;display:flex}.builder-tabs button{color:#96a2bd;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:8px}.builder-tabs button.active{color:#fff;background:#292956}.builder-tabs .copy-builder{color:#c5b5ff;margin-left:auto}.builder-output pre{color:#d9dded;white-space:pre-wrap;min-height:188px;max-height:260px;margin:0;padding:14px;font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.playground-actions .run-request,.playground-actions .cancel-request{color:#fff;cursor:pointer;border:0;border-radius:6px;padding:7px 12px;font-size:9px;font-weight:750}.playground-actions .run-request{background:linear-gradient(90deg,#6d28d9,#8b32f1)}.playground-actions .cancel-request{background:#b4233c}.playground-result{background:#f7f5fc;border:1px solid #dfe4ef;border-radius:8px;margin-top:12px;padding:13px;position:relative}.playground-result.error{background:#fff3f5;border-color:#f0bdc6}.playground-result small{color:#6c7690;text-transform:uppercase;font-size:8px;font-weight:750}.playground-result p{color:#27314a;white-space:pre-wrap;margin:7px 0 0;font-size:9px;line-height:1.55}.playground-result details{color:#4b5770;margin-top:10px;font-size:8px}.playground-result summary{cursor:pointer;font-weight:750}@keyframes flow-dot{0%{opacity:0;transform:translate(-9px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(9px)}}@keyframes flow-pulse{0%{box-shadow:0 0 #22c55e59}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes node-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes node-scan{0%,55%{transform:translate(-110%)}80%,to{transform:translate(110%)}}@media (max-width:1100px){.real-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.real-examples{grid-template-columns:1fr}.language-button{min-width:50px;height:32px;padding:0 8px}.playground-actions{flex-direction:column;align-items:flex-start}.playground-actions>span{margin-left:0}.builder-tabs button{padding:6px}.architecture-flow article:after,.flow-connector i{animation:none}}@media (prefers-reduced-motion:reduce){.live-flow i,.architecture-flow article,.architecture-flow article:after,.flow-connector i{animation:none!important}.architecture-flow article,.real-examples .example-card,.language-button{transition:none}}.architecture{flex-direction:column;display:flex}.architecture-signal{background:#f6f3ffb8;border:1px solid #e6e1f5;border-radius:9px;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:14px 12px;display:grid}.architecture-signal span{color:#554b7d;align-items:center;gap:5px;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.architecture-signal span i{background:#7c3aed;border-radius:50%;width:5px;height:5px}.architecture-signal b{background:linear-gradient(90deg,#d8cef5,#8056df,#d8cef5) 0 0/200% 100%;height:1px;animation:2s linear infinite signal-line;overflow:hidden}.architecture .architecture-tags{margin-top:9px}.architecture .architecture-tags span{color:#5f5680;background:#f1eef9;font-weight:700}@keyframes signal-line{to{background-position:-200% 0}}@media (max-width:640px){.architecture-signal{display:none}}@media (prefers-reduced-motion:reduce){.architecture-signal b{animation:none}}.architecture-column{flex-direction:column;gap:16px;min-width:0;display:flex}.architecture-column .bottom-grid{gap:10px}.architecture-column .mini-panel{min-width:0;padding:14px}.architecture-column .mini-panel h2{font-size:11px}.architecture-column .mini-panel>div{font-size:8px}:root{font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
