@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,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:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_1243c3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_1243c3{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,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:Hanken Grotesk Fallback;src:local("Arial");ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.00%;size-adjust:100.94%}.__className_67a390{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.__variable_67a390{--font-text:"Hanken Grotesk","Hanken Grotesk Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,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:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4dc837{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_4dc837{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}body:has(.site),html:has(.site){height:auto;overflow:visible;background:#ffffff}html:has(.site){scroll-behavior:smooth;scroll-padding-top:84px;color-scheme:light}.site{--ink:#14182b;--paper:#ffffff;--card:#ffffff;--blue:#2f4bff;--blue-deep:#1f35c9;--amber:#ffb627;--mist:#e3e7f3;--slate:#5b6480;--rule:#d5dbec;--display:var(--font-display),"Bricolage Grotesque",system-ui,sans-serif;--text:var(--font-text),"Hanken Grotesk",system-ui,sans-serif;--mono:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;min-height:100vh;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--text);-webkit-font-smoothing:antialiased;scrollbar-color:auto}.site *,.site :after,.site :before{scrollbar-width:auto;scrollbar-color:auto}.site .wrap{width:min(1240px,100% - 56px);margin-inline:auto}.site a{color:inherit}.site :focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}.site h1,.site h2,.site h3{font-family:var(--display);margin:0;letter-spacing:-.02em;text-wrap:balance}.site p{margin:0}.site code{font-family:var(--mono);font-size:.88em}.site-head{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent}.site-head-in{display:flex;align-items:center;gap:28px;height:72px}.site .brand{display:inline-flex;align-items:center;gap:9px;font:700 19px/1 var(--display);letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.site-head nav{display:flex;gap:26px;margin-left:auto}.site-head nav a{font-size:15px;font-weight:500;text-decoration:none;color:var(--slate);padding:6px 0}.site-head nav a:hover{color:var(--ink)}.site .cta{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;background:var(--blue);color:#fff;font:600 17px/1 var(--text);text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s}.site .cta:hover{background:var(--blue-deep)}.site .cta:active{transform:translateY(1px)}.site .cta.small{height:42px;padding:0 20px;font-size:15px}.site .cta.ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rule)}.site .cta.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.site .cta.light{background:#fff;color:var(--ink)}.site .cta.light:hover{background:var(--amber)}.site .link-quiet{font-weight:600;font-size:16px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-decoration-thickness:3px;text-underline-offset:5px}.site .link-quiet:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.site .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.site .hero{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,12fr);grid-gap:40px;gap:40px;align-items:center;padding-block:56px 40px}.site .hero-copy{min-width:0}.site .hero h1{font-size:clamp(46px,6.1vw,88px);line-height:1;font-weight:400;letter-spacing:-.035em;font-variation-settings:"wdth" 92}.site .lede{margin-top:26px;font-size:20px;line-height:1.5;color:#3b4263;max-width:30em}.site .hero .actions{margin-top:34px}.site .hero-note{margin-top:20px;font-size:14.5px;color:var(--slate)}.site .hero-art{min-width:0;position:relative}.site .hero-art svg-mo{display:block;width:100%}.site .chips{list-style:none;margin-block:0;padding:36px 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:28px;gap:28px}.site .chips li{display:grid;grid-template-columns:52px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.site .ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--ink)}.site .t-blue{background:#dfe5ff}.site .t-mint{background:#cdf3e4}.site .t-sun{background:#ffe9ad}.site .t-pink{background:#ffd9e2}.site .t-plum{background:#e6dbff}.site .t-coral{background:#ffdccd}.site .chips h2{font:600 17.5px/1.25 var(--text);letter-spacing:-.005em}.site .chips p{margin-top:4px;font-size:15px;line-height:1.45;color:var(--slate)}.site .sec{padding-block:104px 0}.site .sec-head{max-width:44em}.site .sec-head.center{margin-inline:auto;text-align:center}.site .sec-head h2{font-size:clamp(34px,4.2vw,60px);line-height:1.02;font-weight:400;letter-spacing:-.03em;font-variation-settings:"wdth" 92}.site .sec-head p{margin-top:18px;font-size:19px;color:#3b4263}.site .wall{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:18px;gap:18px}.site .wall li.extra{display:none}.site .wall li{border-radius:28px;padding:18px 18px 16px;display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.site .wall li.big{grid-column:span 2;grid-row:span 2;align-content:center;padding:28px}.site .wall svg-mo{display:block;width:100%;max-width:150px}.site .wall .big svg-mo{max-width:300px}.site .wall b{font:600 15px/1.2 var(--text)}.site .wall span{font:500 12.5px/1 var(--mono);color:#4b5372}.site .wall-note{margin-top:22px;text-align:center;font-size:15px;color:var(--slate)}.site .band{margin-top:104px;background:var(--ink);color:#fff;border-radius:48px;padding:84px 0 72px;margin-inline:14px}.site .band .sec-head p{color:#c3c9e0}.site .showcase{margin-top:40px}.site .tabs{display:flex;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:5px;gap:4px;border-radius:999px;background:#232949}.site .tabs button{height:44px;padding:0 26px;border:0;border-radius:999px;background:none;color:#c3c9e0;font:600 15.5px/1 var(--text);cursor:pointer}.site .tabs button:hover{color:#fff}.site .tabs button.on{background:#fff;color:var(--ink)}.site .panel{margin-top:44px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-gap:56px;gap:56px;align-items:center;min-height:470px}.site .panel-copy h3{font-size:34px;font-weight:500;line-height:1.05}.site .panel-copy p{margin-top:16px;font-size:17.5px;color:#c3c9e0}.site .panel-copy .try-note{color:var(--amber);font-weight:600;font-size:15.5px}.site .panel-copy .cta{margin-top:28px}.site .mock{min-width:0;border-radius:18px;overflow:hidden;background:#1b2039;border:1px solid #323a63;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);font:500 12px/1 var(--text);color:#aab1cf}.site .mock-bar{display:flex;align-items:center;gap:16px;height:34px;padding:0 14px;background:#141830;border-bottom:1px solid #2a3157;white-space:nowrap;overflow:hidden}.site .mock-dots{display:flex;gap:6px}.site .mock-dots i{width:10px;height:10px;border-radius:50%;background:#3a4270}.site .mock-doc{margin-left:auto;padding:5px 10px;border-radius:6px;background:#262d50;color:#e6e9f8}.site .mock-main{display:grid;grid-template-columns:40px minmax(0,1fr) 132px}.site .mock-tools{display:grid;align-content:start;grid-gap:4px;gap:4px;padding:8px 5px;border-right:1px solid #2a3157}.site .mock-tools span{display:grid;place-items:center;height:30px;border-radius:7px}.site .mock-tools span.on{background:var(--blue);color:#fff}.site .mock-canvas{min-width:0;background:#262c4a;padding:16px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.site .mock-canvas svg-mo{display:block;width:100%;background:#fff;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.35)}.site .mock-props{display:grid;align-content:start;grid-gap:9px;gap:9px;padding:12px;border-left:1px solid #2a3157}.site .mock-props b{color:#e6e9f8;font-weight:600;margin-top:4px}.site .mock-props span{display:flex;justify-content:space-between;align-items:center}.site .mock-props em{font:500 12px/1 var(--mono);font-style:normal;color:#e6e9f8;padding:4px 6px;border-radius:5px;background:#141830;min-width:4ch;text-align:right}.site .mock-props i{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.site .mock-timeline{border-top:1px solid #2a3157;background:#171b33}.site .mock-controls{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #2a3157}.site .mock-controls button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:var(--blue);color:#fff;cursor:pointer}.site .mock-controls output{font:500 12px/1 var(--mono);color:#e6e9f8}.site .mock-tracks{position:relative;padding:4px 10px 8px 0;cursor:ew-resize;touch-action:none}.site .mock-row{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;height:22px}.site .mock-row span{padding-left:12px}.site .mock-row div{position:relative;height:100%;border-bottom:1px solid #232948}.site .mock-row i{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transform:rotate(45deg);border-radius:1.5px;background:#5d6690}.site .mock-row i.hit{background:var(--amber)}.site .mock-head{bottom:4px;width:2px;margin-left:-1px;pointer-events:none}.site .mock-head,.site .mock-head:before{position:absolute;top:0;background:#ff5d73}.site .mock-head:before{content:"";left:-5px;width:12px;height:8px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.site .demos{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.site .demo{min-width:0;display:grid;grid-gap:14px;gap:14px;justify-items:center;padding:22px;border-radius:24px;background:#1d2240;border:1px solid #2c3358}.site .demo.wide{grid-column:1/-1;justify-items:stretch}.site .demo svg-mo{width:150px;background:#fff;border-radius:22px;cursor:pointer}.site .demo pre,.site .dev-code pre{margin:0;width:100%;min-width:0;overflow-x:auto;font:400 13.5px/1.65 var(--mono);color:#dfe4ff;white-space:pre}.site .demo pre code,.site .dev-code pre code{font-size:inherit}.site .formats{list-style:none;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.site .formats li{padding:22px 24px;border-radius:22px;background:#1d2240;border:1px solid #2c3358;display:grid;grid-gap:6px;gap:6px;align-content:start}.site .formats li.lead{grid-column:1/-1;background:var(--blue);border-color:var(--blue)}.site .formats b{font:600 20px/1.2 var(--display);letter-spacing:-.01em}.site .formats span{font-size:15.5px;color:#c3c9e0}.site .formats .lead span{color:#e4e8ff}.site .features{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:44px 32px;gap:44px 32px}.site .features .ico{margin-bottom:18px}.site .features h3{font:600 19px/1.25 var(--text);letter-spacing:-.005em}.site .features p{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--slate)}.site .sec .more{margin-top:48px;display:flex;justify-content:center}.site .dev{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:64px;gap:64px;align-items:center}.site .dev .actions{margin-top:30px}.site .figs{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.site .figs b{display:block;font:500 38px/1 var(--display);letter-spacing:-.03em}.site .figs span{display:block;margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--slate)}.site .dev-code{min-width:0;border-radius:32px;background:var(--ink);padding:14px}.site .dev-code header{display:flex;gap:6px;padding:8px 12px 14px;font:500 13px/1 var(--mono);color:#8d95b8}.site .dev-code pre{padding:6px 14px 18px}.site .dev-code .live{display:flex;align-items:center;gap:16px;margin-top:4px;padding:14px 16px;border-radius:20px;background:#fff;color:var(--ink);font-size:15px}.site .dev-code .live svg-mo{width:72px;max-width:72px;flex:none}.site .dev-code .live span{min-width:0}.site .rail{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;counter-reset:step}.site .rail li{counter-increment:step;border-radius:32px;padding:30px 30px 34px}.site .rail li:before{content:counter(step);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font:600 18px/1 var(--display);margin-bottom:44px}.site .rail h3{font:500 28px/1.1 var(--display)}.site .rail p{margin-top:10px;font-size:16.5px;color:#3b4263}.site .faq{margin:48px auto 0;max-width:820px}.site .faq details{border-top:1px solid var(--rule)}.site .faq details:last-child{border-bottom:1px solid var(--rule)}.site .faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font:600 19px/1.3 var(--text);cursor:pointer;list-style:none}.site .faq summary::-webkit-details-marker{display:none}.site .faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}.site .faq details[open] summary:after{transform:rotate(-135deg) translate(-3px,-3px)}.site .faq p{padding:0 4px 24px;max-width:42em;color:#3b4263}.site .faq p a{color:var(--blue-deep)}.site .closing{margin:104px 14px 14px;border-radius:48px;background:var(--blue);color:#fff;text-align:center;padding:84px 24px 88px;position:relative;overflow:hidden}.site .closing h2{font-size:clamp(36px,5vw,72px);font-weight:400;line-height:1;letter-spacing:-.035em;max-width:12em;margin-inline:auto;font-variation-settings:"wdth" 92}.site .closing p{margin-top:18px;font-size:18.5px;color:#dfe4ff}.site .closing .actions{margin-top:32px;justify-content:center}.site .closing .link-quiet{color:#fff;margin-left:12px}.site .closing svg-mo{position:absolute;width:150px;background:#fff;border-radius:34px}.site .closing svg-mo:first-of-type{left:5%;top:50%;transform:translateY(-50%) rotate(-8deg)}.site .closing svg-mo:last-of-type{right:5%;top:50%;transform:translateY(-50%) rotate(8deg)}.site-foot{background:var(--ink);color:#c3c9e0;padding-block:56px 64px;font-size:15px}.site .foot-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));grid-gap:40px;gap:40px}.site-foot .brand{color:#fff}.site-foot .foot-brand p{margin-top:14px;max-width:24em;line-height:1.5}.site-foot h2{font:600 14px/1.3 var(--text);letter-spacing:0;color:#fff;margin-bottom:14px}.site-foot a{display:block;width:-moz-fit-content;width:fit-content;padding:4px 0;color:#c3c9e0;text-decoration:none}.site-foot a:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-underline-offset:4px}.site .docs-home{padding-block:64px 96px}.site .docs-home h1{font-size:clamp(36px,4.6vw,60px);line-height:1;font-variation-settings:"wdth" 88}.site .docs-home .lede{max-width:36em}.site .doc-links{list-style:none;margin:44px 0 0;padding:0;border-bottom:1px solid var(--rule)}.site .doc-links a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-gap:24px;gap:24px;padding:22px 0;border-top:1px solid var(--rule);text-decoration:none}.site .doc-links strong{font:700 24px/1.15 var(--display);letter-spacing:-.02em}.site .doc-links a:hover strong{color:var(--blue)}.site .doc-links span{color:#2b3150;align-self:center}.site .doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:56px;gap:56px;padding-block:48px 96px;align-items:start}.site .doc-nav{position:-webkit-sticky;position:sticky;top:92px;display:grid;grid-gap:2px;gap:2px;font-size:15px}.site .doc-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--slate);font-weight:500}.site .doc-nav a:hover{color:var(--ink);background:var(--mist)}.site .doc-nav a[aria-current=page]{color:var(--ink);background:var(--card);box-shadow:inset 3px 0 0 var(--blue)}.site .prose{max-width:46em;font-size:17px;line-height:1.65}.site .prose h1{font-size:clamp(34px,4vw,52px);line-height:1.02;margin-bottom:20px;font-variation-settings:"wdth" 88}.site .prose h2{font-size:28px;line-height:1.15;margin:52px 0 14px;padding-top:28px;border-top:1px solid var(--rule)}.site .prose h3{font:600 20px/1.3 var(--text);letter-spacing:-.005em;margin:32px 0 10px}.site .prose ol,.site .prose p,.site .prose ul{margin:0 0 16px}.site .prose ol,.site .prose ul{padding-left:22px}.site .prose li{margin-bottom:6px}.site .prose a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}.site .prose code{padding:2px 6px;border-radius:6px;background:var(--mist);font-size:.86em}.site .prose pre{margin:0 0 20px;padding:16px 18px;border-radius:12px;background:var(--ink);color:#dfe4ff;overflow-x:auto;font:400 14px/1.6 var(--mono)}.site .prose pre code{padding:0;background:none;font-size:inherit;color:inherit}.site .prose .table-scroll{margin:0 0 22px}.site .prose table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}.site .prose td,.site .prose th{text-align:left;vertical-align:top;padding:10px 16px 10px 0;border-top:1px solid var(--rule)}.site .prose thead th{border-top:0;font:600 14px/1.3 var(--text);color:var(--slate)}.site .prose strong{font-weight:650}.site .prose img{display:block;max-width:100%;height:auto;margin:6px 0 22px;border-radius:12px;box-shadow:0 0 0 1px var(--rule),0 18px 40px -24px rgba(20,24,43,.45)}.site .prose img[src*="/color-picker"],.site .prose img[src*="/menu-"],.site .prose img[src*="/panel-"]{max-height:520px;width:auto}.site .prose td img{margin:0;width:36px;max-width:none;border-radius:8px;box-shadow:none}.site .prose img[src$="/tools.webp"]{max-height:520px;width:auto}.site .prose img[src*="/tools/paint"]{width:60px}@media (max-width:1100px){.site .closing svg-mo{display:none}.site .wall{grid-template-columns:repeat(4,minmax(0,1fr))}.site .wall li.extra{display:grid}.site .panel{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0}.site .features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.site .hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:36px 28px}.site .chips{grid-template-columns:repeat(2,minmax(0,1fr))}.site .dev{grid-template-columns:minmax(0,1fr);gap:40px}.site .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .doc-layout{grid-template-columns:minmax(0,1fr);gap:28px}.site .doc-nav{position:static;display:flex;flex-wrap:wrap}.site-head nav{display:none}.site-head-in{justify-content:space-between}}@media (max-width:640px){.site{font-size:16px}.site .wrap{width:calc(100% - 36px)}.site-head-in{height:64px}.site .lede{font-size:18px}.site .chips{grid-template-columns:minmax(0,1fr);gap:20px}.site .sec{padding-block:72px 0}.site .wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px}.site .wall li{border-radius:22px}.site .band,.site .closing{margin-inline:8px;border-radius:32px}.site .band{margin-top:72px;padding:56px 0 48px}.site .closing{margin-top:72px;padding:60px 20px 64px}.site .tabs button{padding:0 18px}.site .mock-main{grid-template-columns:34px minmax(0,1fr)}.site .mock-menu,.site .mock-props{display:none}.site .mock-canvas{padding:10px}.site .mock-row{grid-template-columns:66px minmax(0,1fr)}.site .mock-head{--label:66px}.site .demos,.site .formats{grid-template-columns:minmax(0,1fr)}.site .features{gap:32px 20px}.site .figs,.site .rail{grid-template-columns:minmax(0,1fr)}.site .rail li:before{margin-bottom:24px}.site .dev-code{border-radius:24px}.site .doc-links a{grid-template-columns:minmax(0,1fr);gap:6px}.site .closing .link-quiet{margin-left:0}}@media (prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}.site .cta,.site .faq summary:after{transition:none}}.site .lib-hero{padding-block:56px 28px;text-align:center}.site .lib-hero h1{font-size:clamp(42px,5.6vw,80px);line-height:1;font-weight:400;letter-spacing:-.035em;font-variation-settings:"wdth" 92}.site .lib-hero .lede{margin-inline:auto;max-width:36em}.site .lib{padding-bottom:104px}.site .lib-bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;position:-webkit-sticky;position:sticky;top:72px;z-index:20;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-block:14px}.site .lib-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:54px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--rule);color:var(--slate)}.site .lib-search:focus-within{box-shadow:inset 0 0 0 2px var(--blue)}.site .lib-search input{flex:1 1;min-width:0;border:0;outline:0;background:none;font:500 17px/1 var(--text);color:var(--ink)}.site .lib-colors{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.site .lib-colors button{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3px transparent}.site .lib-colors button.all{width:auto;padding:0 14px;background:var(--mist);font:600 14px/1 var(--text);color:var(--ink);border-radius:999px}.site .lib-colors button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.site .lib-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.site .lib-cats button{height:40px;padding:0 16px;border:0;border-radius:999px;background:#f1f3fa;color:var(--ink);font:600 15px/1 var(--text);cursor:pointer}.site .lib-cats button span{margin-left:4px;font:500 12.5px/1 var(--mono);color:var(--slate)}.site .lib-cats button:hover{background:var(--mist)}.site .lib-cats button.on{background:var(--ink);color:#fff}.site .lib-cats button.on span{color:#c3c9e0}.site .lib-count{margin-top:22px;font-size:15px;color:var(--slate)}.site .lib-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:22px 18px;gap:22px 18px}.site .lib-card{background:#f3f5fb;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:14%;border:0;border-radius:26px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.site .lib-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(20,24,43,.35)}.site .lib-card svg-mo{display:block;width:100%;pointer-events:none}.site .lib-grid{grid-auto-flow:dense}.site .lib-grid li{min-width:0;display:flex;flex-direction:column}.site .lib-grid li.wide .lib-card{padding:6%}.site .lib-stage.wide{padding:24px}.site .lib-stage.wide svg-mo{width:100%}.site .lib-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 6px 0}.site .lib-meta b{font:600 14.5px/1.2 var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site .lib-meta span{font:500 12px/1 var(--mono);color:var(--slate);white-space:nowrap}.site .lib-empty{margin-top:40px;padding:56px 20px;border-radius:28px;background:#f6f7fc;display:grid;grid-gap:16px;gap:16px;justify-items:center}.site .pager{margin-top:44px;flex-wrap:wrap;justify-content:center;gap:10px 14px}.site .pager,.site .pager ol{display:flex;align-items:center}.site .pager ol{list-style:none;margin:0;padding:0;gap:6px}.site .pager button{height:44px;min-width:44px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--ink);font:600 15.5px/1 var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.site .pager button:hover:not(:disabled){background:#f1f3fa}.site .pager button.on{background:var(--ink);color:#fff}.site .pager button.on:hover{background:var(--ink)}.site .pager .step{display:inline-flex;align-items:center;gap:6px;padding:0 18px;box-shadow:inset 0 0 0 1.5px var(--rule)}.site .pager .step:disabled{opacity:.4;cursor:default}.site .pager .gap{width:28px;text-align:center;color:var(--slate)}@media (max-width:640px){.site .pager ol{order:-1;width:100%;justify-content:center;gap:2px}.site .pager button{min-width:38px;height:40px;padding:0 8px}}.site .lib-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(20,24,43,.55);overflow-y:auto}.site .lib-sheet{position:relative;width:min(920px,100%);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:#fff;border-radius:32px;overflow:hidden}.site .lib-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f1f3fa;color:var(--ink);cursor:pointer}.site .lib-stage{display:grid;place-items:center;padding:40px;background:linear-gradient(160deg,#eef1ff,#f6efff 55%,#fff3e2)}.site .lib-stage svg-mo{display:block;width:min(300px,100%)}.site .lib-info{min-width:0;padding:36px 36px 30px}.site .lib-info h2{font-size:34px;font-weight:500;line-height:1.05;padding-right:44px}.site .lib-facts{margin-top:8px;font-size:15px;color:var(--slate)}.site .lib-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.site .lib-tags button{height:30px;padding:0 12px;border:0;border-radius:999px;background:#f1f3fa;font:500 13.5px/1 var(--text);color:var(--ink);cursor:pointer}.site .lib-tags button:hover{background:var(--mist)}.site .lib-actions{display:grid;grid-gap:10px;gap:10px;margin-top:24px}.site .lib-actions .cta{gap:9px;height:48px;font-size:16px;border:0;cursor:pointer}.site .lib-info pre{margin:20px 0 0;padding:14px 16px;border-radius:14px;background:var(--ink);color:#dfe4ff;font:400 12.5px/1.6 var(--mono);overflow-x:auto}.site .lib-license{margin-top:14px;font-size:13.5px;color:var(--slate)}.site .lib-strip{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:14px;gap:14px}.site .lib-strip li{border-radius:22px;padding:14%}.site .lib-strip svg-mo{display:block;width:100%}@media (max-width:1100px){.site .lib-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site .lib-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:720px){.site .lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.site .lib-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.site .lib-bar{position:static}.site .lib-sheet{grid-template-columns:minmax(0,1fr)}.site .lib-stage{padding:28px}.site .lib-stage svg-mo{max-width:180px}.site .lib-info{padding:24px 22px}}@media (prefers-reduced-motion:reduce){.site .lib-card{transition:none}}.site .hero-art svg-mo,.site .lib-stage.wide svg-mo{width:100%!important}.site .lib-card svg-mo{width:calc(100% * var(--ar, 1))!important}.site .lib-stage:not(.wide) svg-mo{width:min(calc(300px * var(--ar, 1)),100%)!important}.site .lib-license a{color:inherit;text-decoration:underline}.site .with-art svg-mo{display:block;width:100%!important}.site .head-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-gap:40px;gap:40px;align-items:center}.site .faq-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:56px;gap:56px;align-items:start}.site .faq-sec .art-side svg-mo{max-width:400px;margin-top:12px}.site .faq-sec .faq{margin:0;max-width:none}.site-foot .credit{margin-top:14px;font-size:14px;text-decoration:underline;text-underline-offset:3px}@media (max-width:960px){.site .head-art{grid-template-columns:minmax(0,1fr) minmax(0,200px);gap:24px}.site .faq-sec{grid-template-columns:minmax(0,1fr);gap:28px}.site .faq-sec .art-side svg-mo{max-width:280px}}@media (max-width:640px){.site .head-art{grid-template-columns:minmax(0,1fr)}.site .head-art svg-mo{max-width:240px}}.site .lib-variants{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.site .lib-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.site .lib-pick b{width:54px;font:600 14px/1 var(--text);color:var(--slate)}.site .lib-pick .swatch{width:26px;height:26px;border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3px transparent}.site .lib-pick .swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.site .lib-pick .style{min-width:40px;height:30px;padding:0 12px;border:0;border-radius:999px;background:#f1f3fa;font:600 14px/1 var(--text);color:var(--ink);cursor:pointer}.site .lib-pick .style.on{background:var(--ink);color:#fff}.site .lib-meta{flex-direction:column;align-items:flex-start;gap:4px}.site .lib-meta b{max-width:100%}