.legend-site{--legend-blue:#09d;--legend-link:#44baff;--ink:#f1f1f1;--muted:#999ca3;--line:#25262a;--surface:#141517;--fd-nav-height:56px;--color-fd-primary:#09d;--color-fd-background:#0d0d0e;--color-fd-primary-foreground:#fff;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0d0d0e;margin:0;scroll-padding-top:82px;font-size:15px}:where(.legend-site) button,:where(.legend-site) a{-webkit-tap-highlight-color:transparent}:where(.legend-site) button{cursor:pointer}:where(.legend-site) a{text-decoration:none}:where(.legend-site) button,:where(.legend-site) a,:where(.legend-site) input{outline-offset:5px}:where(.legend-site) :focus-visible{outline:2px solid var(--legend-link)}:where(.legend-site) ::selection{color:#fff;background:#09d5}:where(.legend-site) .container{width:min(1184px,100% - 96px);margin-inline:auto}:where(.legend-site) .site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0d0d0edb;height:57px;position:sticky;top:0}:where(.legend-site) .nav-inner{align-items:center;gap:40px;max-width:1552px;height:56px;margin:auto;padding:0 32px;display:flex;position:relative}:where(.legend-site) .brand{letter-spacing:-.5px;align-items:center;gap:9px;font-size:18px;font-weight:650;display:inline-flex}:where(.legend-site) .brand img{border-radius:5px}:where(.legend-site) .desktop-nav{align-items:center;gap:29px;margin-left:auto;font-size:14px;display:flex}:where(.legend-site) .desktop-nav a{color:#a1a1a8;transition:color .18s}:where(.legend-site) .desktop-nav a:hover{color:#fff}:where(.legend-site) .nav-actions{align-items:center;gap:10px;display:flex}:where(.legend-site) .icon-button{color:#a7a9b0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}:where(.legend-site) .icon-button:hover{color:#fff;background:#ffffff0b}:where(.legend-site) .nav-divider{background:var(--line);width:1px;height:15px;margin:0 4px}:where(.legend-site) .mobile-toggle,:where(.legend-site) .mobile-nav{display:none}:where(.legend-site) .skip-link{background:var(--legend-blue);z-index:100;border-radius:6px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}:where(.legend-site) .skip-link:focus{transform:translateY(0)}:where(.legend-site) .hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:56px;padding-block:112px 105px;display:grid}:where(.legend-site) .eyebrow{letter-spacing:1.15px;color:#888c94;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.8;display:flex}:where(.legend-site) .blue-dot{background:var(--legend-blue);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}:where(.legend-site) .hero h1{letter-spacing:-4.6px;margin:25px 0;font-size:clamp(50px,5.4vw,74px);font-weight:560;line-height:1.065}:where(.legend-site) .hero h1 span{color:#8f929a}:where(.legend-site) .hero-copy>p{color:#a0a2a8;letter-spacing:-.15px;font-size:15px;line-height:1.8}:where(.legend-site) .hero-actions{align-items:center;gap:14px;margin-top:31px;display:flex}:where(.legend-site) .button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:550;transition:background .18s,border-color .18s,color .18s;display:inline-flex}:where(.legend-site) .button-primary{color:#fff;background:#008ccc;border-color:#21a4df;box-shadow:inset 0 1px #ffffff1c}:where(.legend-site) .button-primary:hover{background:#049edf;border-color:#5acaff}:where(.legend-site) .button-quiet{color:#b7b9bf;padding-inline:7px}:where(.legend-site) .button-quiet:hover{color:#fff}:where(.legend-site) .button-outline{background:#ffffff03;border-color:#34353a}:where(.legend-site) .button-outline:hover{background:#ffffff09;border-color:#5a5d64}:where(.legend-site) .hero-footnote{color:#787c85;align-items:center;gap:9px;margin-top:33px;font-size:11px;display:flex}:where(.legend-site) .hero-footnote svg{color:#9297a1}:where(.legend-site) .hero-example{min-width:0;padding-top:4px}:where(.legend-site) .code-showcase{background:#111214;border:1px solid #2a2d32;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0003,0 0 0 6px #ffffff02}:where(.legend-site) .showcase-top{border-bottom:1px solid var(--line);color:#83868f;align-items:center;gap:20px;height:39px;padding:0 15px;font-size:10px;display:flex}:where(.legend-site) .window-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}:where(.legend-site) .window-dots i{border:1px solid #45474e;border-radius:50%;width:6px;height:6px}:where(.legend-site) .code-tabs{border-bottom:1px solid #25262a;gap:6px;padding:0 14px;display:flex}:where(.legend-site) .code-tabs button{color:#8b8f99;border-bottom:1px solid #0000;align-items:center;gap:13px;margin-bottom:-1px;padding:11px 13px;font-size:11px;display:flex}:where(.legend-site) .code-tabs button[aria-selected=true]{border-color:var(--legend-blue);color:#eee}:where(.legend-site) .tab-dot{background:#53565d;border-radius:50%;width:4px;height:4px}:where(.legend-site) [aria-selected=true] .tab-dot{background:#09d;box-shadow:0 0 8px #0099dd60}:where(.legend-site) .code-file{color:#737985;justify-content:space-between;align-items:center;padding:17px 18px 0 25px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}:where(.legend-site) .copy-button{border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}:where(.legend-site) .copy-button:hover{color:#fff;background:#ffffff0a}:where(.legend-site) .hero-code{color:#c3ccdb;tab-size:2;height:221px;margin:10px 0 19px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:22px;overflow:auto}:where(.legend-site) .hero-code code{min-width:max-content;padding-right:22px;display:block}:where(.legend-site) .code-line{height:22px;display:block}:where(.legend-site) .line-number{text-align:right;color:#4c515d;-webkit-user-select:none;user-select:none;width:37px;padding-right:16px;display:inline-block}:where(.legend-site) .code-string{color:#89bda4}:where(.legend-site) .code-keyword{color:#a08dda}:where(.legend-site) .code-number{color:#e1b37e}:where(.legend-site) .code-bottom{border-top:1px solid var(--line);color:#797f88;background:#ffffff02;justify-content:space-between;align-items:center;gap:10px;padding:14px 19px;font-size:10px;display:flex}:where(.legend-site) .code-bottom a{color:#46b6ea;align-items:center;gap:6px;display:inline-flex}:where(.legend-site) .example-caption{color:#656a74;letter-spacing:1.3px;justify-content:flex-end;align-items:center;gap:9px;margin-top:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}:where(.legend-site) .caption-line{background:#40454f;width:23px;height:1px}:where(.legend-site) .section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:33px;display:flex}:where(.legend-site) .section-heading h2{letter-spacing:-1.25px;margin-top:9px;font-size:32px;font-weight:500;line-height:1.2}:where(.legend-site) .section-heading>p{color:#9498a2;margin-bottom:2px;font-size:13px;line-height:1.8}:where(.legend-site) .libraries-section{border-top:1px solid var(--line);padding-top:41px}:where(.legend-site) .library-grid{border:1px solid var(--line);background:#111214;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}:where(.legend-site) .library-card{flex-direction:column;min-width:0;padding:28px 27px 0;transition:background .2s;display:flex}:where(.legend-site) .library-card:hover{background:#14171b}:where(.legend-site) .library-card+.library-card{border-left:1px solid var(--line)}:where(.legend-site) .library-card-top{justify-content:space-between;align-items:center;display:flex}:where(.legend-site) .project-icon{color:#36ace3;display:inline-flex}:where(.legend-site) .library-index{color:#50545d;font-family:ui-monospace,monospace;font-size:9px}:where(.legend-site) .library-card h3{letter-spacing:-.65px;margin-top:14px;font-size:21px;font-weight:550}:where(.legend-site) .library-card h3 a{justify-content:space-between;align-items:center;display:flex}:where(.legend-site) .library-card h3 svg{color:#676d78;transition:color .2s}:where(.legend-site) .library-card:hover h3 svg{color:var(--legend-link)}:where(.legend-site) .library-art{height:127px;margin:14px 0 21px;position:relative;overflow:hidden}:where(.legend-site) .art-list{flex-direction:column;gap:6px;padding:10px 33px;display:flex;-webkit-mask-image:linear-gradient(#0000,#000 16% 80%,#0000);mask-image:linear-gradient(#0000,#000 16% 80%,#0000)}:where(.legend-site) .art-list>div{background:linear-gradient(90deg,#143042 0%,#122631 65%,#141b24 100%);border:1px solid #234355;border-radius:3px;flex-shrink:0;height:23px}:where(.legend-site) .art-list>div:after{content:"";background:#38627b;width:65%;height:2px;margin:9px 12px;display:block}:where(.legend-site) .art-list>div:nth-child(2){background:#103345;border-color:#24749b;height:34px}:where(.legend-site) .art-list>div:nth-child(2):after{background:#3f92b5;width:80%;margin-top:14px}:where(.legend-site) .viewport-marker{background:#2c85ad;border-radius:2px;width:3px;height:54px;position:absolute;top:27px;right:22px}:where(.legend-site) .art-state{flex-direction:column;justify-content:center;align-items:center;display:flex}:where(.legend-site) .state-node{color:#4fb8e4;background:#152837;border:1px solid #28536b;border-radius:7px;justify-content:center;align-items:center;width:36px;height:34px;font-family:monospace;font-size:19px;display:flex}:where(.legend-site) .art-state>i{background:#2c526b;width:1px;height:20px}:where(.legend-site) .state-leaves{border-top:1px solid #2c526b;justify-content:space-between;width:170px;padding-top:18px;display:flex;position:relative}:where(.legend-site) .state-leaves span{background:#161e25;border:1px solid #2a4253;border-radius:5px;width:23px;height:23px;position:relative}:where(.legend-site) .state-leaves span:before{content:"";background:#2c526b;width:1px;height:18px;position:absolute;top:-19px;left:10px}:where(.legend-site) .state-leaves .active-leaf{background:#0c5c84;border-color:#239dd0;box-shadow:0 0 18px #0099dd15}:where(.legend-site) .art-motion{justify-content:center;align-items:center;display:flex}:where(.legend-site) .motion-track{background:linear-gradient(90deg,#0000,#364a5c 20% 80%,#0000);width:205px;height:1px;position:absolute;top:98px}:where(.legend-site) .motion-object,:where(.legend-site) .motion-ghost{border-radius:12px;width:52px;height:52px;position:absolute}:where(.legend-site) .motion-object{background:linear-gradient(135deg,#16719c,#0b3e60);border:1px solid #2784b3;transform:translate(51px)rotate(15deg);box-shadow:inset 0 1px 3px #ffffff10}:where(.legend-site) .ghost-one{border:1px dashed #25313f;transform:translate(-58px)rotate(-23deg)}:where(.legend-site) .ghost-two{background:#102430;border:1px solid #254455;transform:translate(-4px)rotate(-6deg)}:where(.legend-site) .library-card h4{letter-spacing:-.15px;font-size:13px;font-weight:500}:where(.legend-site) .library-card>p{color:#999ea8;margin:9px 0 26px;font-size:13px;line-height:1.85}:where(.legend-site) .library-links{border-top:1px solid var(--line);color:#959da9;justify-content:space-between;margin-top:auto;padding:17px 0;font-size:11px;display:flex}:where(.legend-site) .library-links a{align-items:center;gap:8px;display:inline-flex}:where(.legend-site) .library-links a:first-child{color:#c7ccd4}:where(.legend-site) .library-links a:hover{color:var(--legend-link)}:where(.legend-site) .framework-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-block:72px 87px;padding:39px 0 45px;display:grid}:where(.legend-site) .status-badge{letter-spacing:.1px;color:#9398a3;white-space:nowrap;background:#ffffff03;border:1px solid #34363c;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:9px;font-weight:400;line-height:1.3;display:inline-flex}:where(.legend-site) .framework-copy h2{letter-spacing:-1.7px;margin:20px 0 17px;font-size:38px;font-weight:500;line-height:1.13}:where(.legend-site) .framework-copy p{color:#999da6;font-size:13px;line-height:1.85}:where(.legend-site) .text-link{color:#c9cdd5;align-items:center;gap:9px;margin-top:25px;font-size:12px;display:inline-flex}:where(.legend-site) .text-link:hover{color:var(--legend-link)}:where(.legend-site) .framework-diagram{text-align:center;padding:20px 23px 0}:where(.legend-site) .framework-source{color:#bbbfc9;background:#141517;border:1px solid #2c3036;border-radius:6px;align-items:center;gap:13px;width:max-content;margin-inline:auto;padding:11px 17px;font-size:12px;display:flex}:where(.legend-site) .framework-source svg{color:#7ca8c2}:where(.legend-site) .framework-source code{color:#656f7e;margin-left:10px;font-size:10px}:where(.legend-site) .framework-connector{background:#286581;width:1px;height:27px;margin:auto}:where(.legend-site) .framework-engine{background:#0e1921;border:1px solid #27506a;border-radius:7px;padding:22px 17px 20px}:where(.legend-site) .framework-engine>div{justify-content:center;align-items:center;gap:10px;display:flex}:where(.legend-site) .framework-engine svg{color:#349bcd}:where(.legend-site) .framework-engine strong{font-size:14px;font-weight:550}:where(.legend-site) .framework-engine>div>span{letter-spacing:.6px;color:#607f92;padding-top:2px;font:7px ui-monospace,monospace}:where(.legend-site) .framework-engine p{color:#8597a6;margin-top:13px;font-family:ui-monospace,monospace;font-size:9px}:where(.legend-site) .framework-engine p span{color:#3b6d88;padding:0 7px}:where(.legend-site) .framework-branches{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:29px;display:grid}:where(.legend-site) .framework-branches span{color:#9ca6b4;background:#14171b;border:1px solid #2a3037;border-radius:5px;padding:9px 3px;font-size:10px;position:relative}:where(.legend-site) .framework-branches span:before{content:"";background:#263e50;width:1px;height:30px;position:absolute;bottom:100%;left:50%}:where(.legend-site) .framework-platform{color:#697782;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:9px;display:flex}:where(.legend-site) .framework-platform svg{color:#618678}:where(.legend-site) .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;display:grid}:where(.legend-site) .app-card{min-width:0;display:block}:where(.legend-site) .app-preview{background:#11161a;border:1px solid #262d34;border-radius:8px;height:260px;padding:29px 28px 0;transition:border-color .25s,background .25s;overflow:hidden}:where(.legend-site) .app-card:hover .app-preview{background:#141d25;border-color:#495969}:where(.legend-site) .preview-window{background:#13161b;border:1px solid #383e45;border-radius:7px 7px 0 0;height:240px;transition:transform .3s;overflow:hidden;box-shadow:0 12px 40px #0005}:where(.legend-site) .app-card:hover .preview-window{transform:translateY(-4px)}:where(.legend-site) .preview-titlebar{color:#8b929f;background:#1b1f25;border-bottom:1px solid #2c3036;justify-content:space-between;align-items:center;gap:10px;height:31px;padding:0 10px;font-size:8px;display:flex}:where(.legend-site) .preview-titlebar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.legend-site) .preview-titlebar .window-dots{gap:4px}:where(.legend-site) .preview-titlebar .window-dots i{background:#4e5560;border:none;width:5px;height:5px}:where(.legend-site) .diff-preview-body{grid-template-columns:115px 1fr;min-height:207px;display:grid}:where(.legend-site) .diff-preview-body aside{color:#8c97a8;border-right:1px solid #282e36;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:18px 9px;font-size:9px;display:flex}:where(.legend-site) .diff-preview-body aside small{align-items:center;gap:5px;width:100%;padding:6px 0;font-size:8px;display:flex}:where(.legend-site) .diff-preview-body aside small b{color:#72ab8a;margin-left:auto;font-weight:400}:where(.legend-site) .diff-code{min-width:0;padding-top:17px}:where(.legend-site) .diff-code>div{color:#8e97a5;justify-content:space-between;padding:0 12px 11px;font-size:8px;display:flex}:where(.legend-site) .diff-code>div>span{color:#739980}:where(.legend-site) .diff-code code{color:#8b97aa;white-space:pre;font-family:ui-monospace,monospace;font-size:9px;line-height:22px}:where(.legend-site) .diff-code code>span{padding-left:7px;display:block}:where(.legend-site) .diff-code .removed{color:#c38a8e;background:#a8414824}:where(.legend-site) .diff-code .added{color:#8fbea9;background:#207f5a26}:where(.legend-site) .preview-markdown{background:#1b1816;border-color:#342e29}:where(.legend-site) .preview-markdown .preview-window{background:#1d1d1e;border-color:#45403c}:where(.legend-site) .preview-markdown .preview-titlebar{background:#242323;border-color:#353331}:where(.legend-site) .markdown-preview-body{gap:26px;display:flex}:where(.legend-site) .markdown-preview-body aside{color:#8d8984;border-right:1px solid #33302e;flex-direction:column;gap:21px;padding:18px 11px;display:flex}:where(.legend-site) .markdown-preview-body>div{flex:1;padding-top:25px;padding-right:20px}:where(.legend-site) .document-kicker{letter-spacing:1.1px;color:#938a7c;font-family:ui-monospace,monospace;font-size:7px}:where(.legend-site) .markdown-preview-body h4{color:#e8e3d9;letter-spacing:-.5px;margin-top:13px;font-family:Georgia,serif;font-size:23px;line-height:1.2}:where(.legend-site) .markdown-preview-body p{color:#a7a197;margin-top:10px;font-size:8px}:where(.legend-site) .writing-line{color:#b8b2a9;white-space:nowrap;margin-top:18px;font-size:8px}:where(.legend-site) .caret{vertical-align:middle;background:#c7b397;width:1px;height:11px;margin-left:2px;display:inline-block}:where(.legend-site) .mock-rule{background:#524e473f;border-radius:1px;width:93%;height:3px;margin-top:9px}:where(.legend-site) .mock-rule.short{width:64%}:where(.legend-site) .document-footer{color:#736e66;margin-top:22px;font-size:7px;display:block}:where(.legend-site) .preview-music{background:#171a1a;border-color:#2c3431}:where(.legend-site) .preview-music .preview-window{background:#181d1c}:where(.legend-site) .preview-music .preview-titlebar{background:#202524;border-color:#303833}:where(.legend-site) .music-preview-body{align-items:center;gap:27px;padding:27px 25px;display:flex}:where(.legend-site) .album-art{color:#34493e;background:#b2b9a0;flex-shrink:0;width:137px;height:144px;padding:12px;position:relative;overflow:hidden}:where(.legend-site) .album-art>span{letter-spacing:-1px;z-index:1;font-size:18px;font-weight:550;line-height:.95;position:relative}:where(.legend-site) .album-art>small{letter-spacing:.9px;font-family:monospace;font-size:5px;position:absolute;bottom:9px;left:12px}:where(.legend-site) .record-rings{background:repeating-radial-gradient(circle,#465e4c 0 1px,#0000 2px 8px);border-radius:50%;width:165px;height:165px;position:absolute;bottom:-41px;right:-46px}:where(.legend-site) .music-info{flex:1;min-width:0}:where(.legend-site) .music-info .document-kicker{color:#7f978d;font-size:6px}:where(.legend-site) .music-info h4{letter-spacing:-.7px;margin-top:12px;font-size:20px;font-weight:450}:where(.legend-site) .music-info p{color:#829188;margin-top:4px;font-size:8px}:where(.legend-site) .music-progress{background:#354039;height:2px;margin-top:19px}:where(.legend-site) .music-progress i{background:#a7bda3;width:34%;height:2px;display:block}:where(.legend-site) .music-times{color:#6d8277;justify-content:space-between;margin-top:5px;font-size:6px;display:flex}:where(.legend-site) .music-controls{color:#b3c2b8;justify-content:center;align-items:center;gap:18px;margin-top:14px;display:flex}:where(.legend-site) .music-controls>span{background:#36473b;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}:where(.legend-site) .preview-slides{background:#161720;border-color:#30303c}:where(.legend-site) .slides-preview-body{height:208px;display:flex}:where(.legend-site) .slides-preview-body aside{border-right:1px solid #2c3038;flex-direction:column;gap:10px;padding:16px 12px;display:flex}:where(.legend-site) .slides-preview-body aside>span{color:#667388;background:#1e2230;border:1px solid #333b4b;border-radius:2px;justify-content:center;align-items:center;width:45px;height:28px;font-family:monospace;font-size:7px;display:flex}:where(.legend-site) .slides-preview-body aside .selected-slide{color:#a1badd;border-color:#5675a4}:where(.legend-site) .slide-canvas{color:#253c55;background:#cedbe2;flex:1;align-self:center;height:164px;margin:17px;padding:18px 22px}:where(.legend-site) .slide-kicker{letter-spacing:1.2px;font-size:5px}:where(.legend-site) .slide-canvas h4{letter-spacing:-1.5px;margin-top:12px;font-size:31px;font-weight:550;line-height:1.07}:where(.legend-site) .slide-canvas h4 em{font-family:Georgia,serif;font-weight:400}:where(.legend-site) .slide-canvas>div{color:#557088;justify-content:space-between;margin-top:14px;font-size:5px;display:flex}:where(.legend-site) .app-card-caption{padding:19px 2px 0}:where(.legend-site) .app-title{align-items:center;gap:9px;display:flex}:where(.legend-site) .app-title h3{letter-spacing:-.3px;font-size:15px;font-weight:550}:where(.legend-site) .app-icon{color:#6db4e0;background:#152c3b;border:1px solid #334657;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:2px;display:flex}:where(.legend-site) .icon-markdown{color:#c7ae81;background:#302b24;border-color:#4b4235}:where(.legend-site) .icon-music{color:#a2b899;background:#26352b;border-color:#3d5745}:where(.legend-site) .icon-slides{color:#94a8d2;background:#292d40;border-color:#3b4261}:where(.legend-site) .app-arrow{color:#6f7580;margin-left:auto;transition:color .2s}:where(.legend-site) .app-card:hover .app-arrow{color:#ced6e3}:where(.legend-site) .app-card-caption>p{color:#8b9098;margin:8px 0 0 43px;font-size:11px}:where(.legend-site) .apps-note{color:#6f747d;align-items:center;gap:8px;margin-top:33px;font-size:10px;display:flex}:where(.legend-site) .apps-note .blue-dot{background:#597485;width:4px;height:4px}:where(.legend-site) .demo-row{border-top:1px solid var(--line);align-items:center;gap:35px;margin-top:30px;padding-block:24px;display:flex}:where(.legend-site) .demo-row>span{letter-spacing:1px;color:#6c737e;font:8px ui-monospace,monospace}:where(.legend-site) .demo-row>div{flex:1;gap:28px;display:flex}:where(.legend-site) .demo-row a{color:#9fa5b0;align-items:center;gap:7px;font-size:11px;display:flex}:where(.legend-site) .demo-row a:hover{color:var(--legend-link)}:where(.legend-site) .demo-row a>svg:last-child{color:#5f6978}:where(.legend-site) .closing-section{border-top:1px solid var(--line);align-items:center;gap:27px;margin-top:37px;padding-block:68px 73px;display:flex}:where(.legend-site) .closing-symbol{color:#5a6f82;align-self:flex-start;padding-top:7px}:where(.legend-site) .closing-section h2{letter-spacing:-1.2px;font-size:30px;font-weight:500;line-height:1.22}:where(.legend-site) .closing-section h2 span{color:#777d88}:where(.legend-site) .closing-section p{color:#888f9a;margin-top:17px;font-size:11px;line-height:1.9}:where(.legend-site) .closing-section>a{flex-shrink:0;margin-left:auto}:where(.legend-site) .site-footer{border-top:1px solid var(--line);align-items:center;gap:50px;padding-block:30px 35px;display:flex}:where(.legend-site) .site-footer .brand{font-size:16px}:where(.legend-site) .site-footer p{color:#6f747d;margin-top:8px;font-size:10px}:where(.legend-site) .footer-links{color:#9299a3;gap:24px;margin-left:auto;font-size:10px;display:flex}:where(.legend-site) .footer-links a{align-items:center;gap:4px;display:flex}:where(.legend-site) .footer-credit{color:#636c78;font-size:9px;line-height:1.8}:where(.legend-site) .footer-credit a{color:#919ca9}:where(.legend-site) .footer-links a:hover,:where(.legend-site) .footer-credit a:hover{color:var(--legend-link)}:where(.legend-site) #nd-subnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0e99}:where(.legend-site) .docs-brand{font-size:17px}:where(.legend-site) .sidebar-search{color:#92969f;background:#ffffff03;border:1px solid #292b2f;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px 11px;font-size:12px;display:flex}:where(.legend-site) .sidebar-search:hover{color:#fff;background:#ffffff08}:where(.legend-site) .sidebar-search kbd{border:1px solid #2c2f34;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:9px}:where(.legend-site) .sidebar-footer{color:#6e7783;flex-direction:column;gap:5px;padding:12px 4px;font-size:10px;display:flex}:where(.legend-site) .sidebar-footer a{color:#8fa4b8}:where(.legend-site) .docs-eyebrow{color:#49abe1;letter-spacing:1px;align-items:center;gap:9px;font:10px ui-monospace,monospace;display:flex}:where(.legend-site) .docs-eyebrow .status-badge{margin-left:auto}:where(.legend-site) #nd-page h1{letter-spacing:-1px;font-size:36px;font-weight:600;line-height:1.2}:where(.legend-site) .prose p a,:where(.legend-site) .prose li a{color:var(--legend-link)}:where(.legend-site) .not-found{min-height:70vh;padding-block:140px}:where(.legend-site) .not-found h1{letter-spacing:-2px;margin-top:20px;font-size:50px;font-weight:500}:where(.legend-site) .not-found p{color:var(--muted);margin-block:15px 30px}@media (min-width:1500px){:where(.legend-site) .hero{padding-block:133px 127px}}@media (max-width:1100px){:where(.legend-site) .container{width:calc(100% - 64px)}:where(.legend-site) .hero{gap:30px;padding-block:85px}:where(.legend-site) .hero h1{letter-spacing:-3px;font-size:56px}:where(.legend-site) .hero-copy>p{font-size:13px}:where(.legend-site) .hero .eyebrow{letter-spacing:.6px;font-size:8px}:where(.legend-site) .hero-code{font-size:9px}:where(.legend-site) .hero-actions{gap:8px}:where(.legend-site) .button{padding-inline:12px;font-size:11px}:where(.legend-site) .framework-section{gap:30px}:where(.legend-site) .framework-diagram{padding-inline:0}:where(.legend-site) .library-card{padding-inline:21px}:where(.legend-site) .library-card>p{font-size:11px}:where(.legend-site) .app-preview{height:243px;padding-inline:20px}:where(.legend-site) .music-preview-body{gap:18px;padding-inline:15px}:where(.legend-site) .album-art{width:115px;height:133px}:where(.legend-site) .markdown-preview-body{gap:16px}:where(.legend-site) .markdown-preview-body h4{font-size:21px}:where(.legend-site) .slide-canvas{margin:13px;padding-inline:14px}:where(.legend-site) .slide-canvas h4{font-size:27px}}@media (max-width:800px){:where(.legend-site) .nav-inner{gap:20px;padding-inline:24px}:where(.legend-site) .desktop-nav{gap:19px;font-size:11px}:where(.legend-site) .nav-actions{gap:4px}:where(.legend-site) .hero{grid-template-columns:1fr;gap:47px;padding-block:68px 58px}:where(.legend-site) .hero h1{letter-spacing:-3.7px;font-size:66px}:where(.legend-site) .hero-copy>p{font-size:15px}:where(.legend-site) .hero .eyebrow{letter-spacing:.9px;font-size:9px}:where(.legend-site) .hero-example{width:100%;max-width:570px}:where(.legend-site) .hero-code{font-size:11px}:where(.legend-site) .hero-footnote{margin-top:24px}:where(.legend-site) .hero-actions{gap:17px}:where(.legend-site) .button{padding-inline:16px;font-size:12px}:where(.legend-site) .library-grid{grid-template-columns:1fr}:where(.legend-site) .library-card{padding:24px 25px 0;position:relative}:where(.legend-site) .library-card+.library-card{border-left:0;border-top:1px solid var(--line)}:where(.legend-site) .library-art{width:180px;height:119px;position:absolute;top:17px;right:20px}:where(.legend-site) .library-card h3{max-width:calc(100% - 210px);margin-bottom:22px}:where(.legend-site) .library-card h3 svg{display:none}:where(.legend-site) .library-card>p{max-width:470px;font-size:12px}:where(.legend-site) .library-card-top{justify-content:flex-start;gap:15px}:where(.legend-site) .library-index{display:none}:where(.legend-site) .art-list{padding-inline:15px}:where(.legend-site) .viewport-marker{right:5px}:where(.legend-site) .framework-section{grid-template-columns:1fr;gap:36px;margin-block:48px}:where(.legend-site) .framework-diagram{width:100%;max-width:480px;margin-inline:auto}:where(.legend-site) .apps-grid{gap:30px 20px}:where(.legend-site) .app-preview{height:195px;padding:18px 13px 0}:where(.legend-site) .preview-window{transform-origin:0 0;width:430px;transform:scale(.68)}:where(.legend-site) .app-card:hover .preview-window{transform:scale(.68)translateY(-4px)}:where(.legend-site) .app-title{flex-wrap:wrap;gap:7px}:where(.legend-site) .app-title h3{font-size:13px}:where(.legend-site) .app-title .status-badge{font-size:8px}:where(.legend-site) .app-icon{width:25px;height:25px}:where(.legend-site) .app-icon svg{width:17px}:where(.legend-site) .app-card-caption>p{margin-left:0;font-size:10px;line-height:1.6}:where(.legend-site) .app-arrow{display:none}:where(.legend-site) .demo-row{flex-direction:column;align-items:flex-start;gap:17px}:where(.legend-site) .demo-row>div{flex-wrap:wrap}:where(.legend-site) .section-heading>p{font-size:10px}:where(.legend-site) .section-heading h2{font-size:28px}:where(.legend-site) .closing-section{flex-wrap:wrap;gap:20px}:where(.legend-site) .closing-section>a{margin-left:46px}:where(.legend-site) .site-footer{flex-wrap:wrap;gap:25px}:where(.legend-site) .footer-links{gap:17px}:where(.legend-site) .footer-credit{width:100%}}@media (max-width:560px){:where(.legend-site) .container{width:calc(100% - 40px)}:where(.legend-site) .nav-inner{padding-inline:20px}:where(.legend-site) .desktop-nav{display:none}:where(.legend-site) .nav-actions{margin-left:auto}:where(.legend-site) .mobile-toggle{display:inline-flex}:where(.legend-site) .mobile-nav{background:#17191d;border:1px solid #363a42;border-radius:9px;flex-direction:column;gap:3px;width:210px;padding:8px;display:flex;position:absolute;top:63px;right:14px;box-shadow:0 18px 35px #0006}:where(.legend-site) .mobile-nav a{color:#b2b8c3;border-radius:5px;padding:11px 13px;font-size:14px}:where(.legend-site) .mobile-nav a:hover{color:#fff;background:#ffffff08}:where(.legend-site) .hero{gap:37px;padding-block:53px 47px}:where(.legend-site) .hero h1{letter-spacing:-2.9px;margin-block:22px;font-size:clamp(43px,11.8vw,64px)}:where(.legend-site) .hero .eyebrow{letter-spacing:.6px;gap:7px;font-size:7.5px}:where(.legend-site) .hero-copy>p{max-width:340px;font-size:13px;line-height:1.8}:where(.legend-site) .desktop-break{display:none}:where(.legend-site) .hero-actions{gap:13px;margin-top:25px}:where(.legend-site) .hero-actions .button{gap:8px;padding-inline:11px;font-size:11px}:where(.legend-site) .hero-actions .button-quiet{padding-inline:0}:where(.legend-site) .hero-footnote,:where(.legend-site) .hero-code{font-size:9px}:where(.legend-site) .showcase-top{gap:15px;font-size:9px}:where(.legend-site) .code-bottom{padding-inline:13px;font-size:9px}:where(.legend-site) .section-heading{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:25px}:where(.legend-site) .section-heading>p{font-size:12px}:where(.legend-site) .section-heading>p br{display:none}:where(.legend-site) .section-heading h2{font-size:29px}:where(.legend-site) .library-card{padding-inline:21px}:where(.legend-site) .library-card h3{max-width:100%;font-size:22px}:where(.legend-site) .library-art{transform-origin:100% 0;opacity:.8;width:128px;height:110px;top:4px;right:16px;transform:scale(.75)}:where(.legend-site) .art-list{padding-left:30px;padding-right:0}:where(.legend-site) .viewport-marker{display:none}:where(.legend-site) .state-leaves{width:100px}:where(.legend-site) .motion-object,:where(.legend-site) .motion-ghost{border-radius:9px;width:36px;height:36px}:where(.legend-site) .motion-object{transform:translate(26px)rotate(15deg)}:where(.legend-site) .ghost-one{transform:translate(-37px)rotate(-23deg)}:where(.legend-site) .motion-track{width:112px;top:87px}:where(.legend-site) .library-card h4{margin-top:5px;font-size:12px}:where(.legend-site) .library-card>p{margin-bottom:22px;font-size:12px}:where(.legend-site) .framework-section{margin-top:30px;padding-top:32px}:where(.legend-site) .framework-copy h2{font-size:36px}:where(.legend-site) .framework-copy .eyebrow{flex-wrap:wrap;font-size:9px}:where(.legend-site) .framework-engine>div>span{display:none}:where(.legend-site) .framework-engine p{font-size:8px}:where(.legend-site) .framework-engine p span{padding-inline:3px}:where(.legend-site) .framework-branches{gap:6px}:where(.legend-site) .framework-branches span{font-size:9px}:where(.legend-site) .apps-grid{grid-template-columns:1fr;gap:29px}:where(.legend-site) .app-preview{height:226px;padding:24px 19px 0}:where(.legend-site) .preview-window{width:430px;transform:scale(.82)}:where(.legend-site) .app-card:hover .preview-window{transform:scale(.82)translateY(-4px)}:where(.legend-site) .app-title h3{font-size:15px}:where(.legend-site) .app-title .status-badge{font-size:9px}:where(.legend-site) .app-arrow{display:block}:where(.legend-site) .app-icon{width:30px;height:30px}:where(.legend-site) .app-card-caption>p{margin-left:40px;font-size:11px}:where(.legend-site) .apps-note{align-items:baseline;font-size:9px;line-height:1.7}:where(.legend-site) .demo-row>div{gap:19px}:where(.legend-site) .demo-row a{font-size:10px}:where(.legend-site) .closing-section{margin-top:20px;padding-block:43px}:where(.legend-site) .closing-symbol{display:none}:where(.legend-site) .closing-section h2{font-size:28px}:where(.legend-site) .closing-section p br{display:none}:where(.legend-site) .closing-section>a{margin-left:0}:where(.legend-site) .site-footer{gap:23px;padding-block:27px}:where(.legend-site) .site-footer>div:first-child{width:100%}:where(.legend-site) .footer-links{gap:25px;margin-left:0}:where(.legend-site) .footer-credit,:where(.legend-site) .docs-eyebrow{font-size:9px}}@media (max-width:375px){:where(.legend-site) .app-preview{height:201px;padding-inline:13px}:where(.legend-site) .preview-window{transform:scale(.7)}:where(.legend-site) .app-card:hover .preview-window{transform:scale(.7)translateY(-4px)}:where(.legend-site) .library-art{display:none}:where(.legend-site) .library-card h3{font-size:20px}:where(.legend-site) .hero-footnote{font-size:8px}}@media (prefers-reduced-motion:reduce){.legend-site{scroll-behavior:auto}:where(.legend-site) *,:where(.legend-site) :before,:where(.legend-site) :after{transition-duration:0s!important;animation-duration:0s!important}}:where(.legend-site) .desktop-nav a[aria-current=page],:where(.legend-site) .mobile-nav a[aria-current=page]{color:var(--legend-link)}:where(.legend-site) .brand-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:69px 47px;display:grid}:where(.legend-site) .brand-hero h1{letter-spacing:-3.8px;margin-block:22px;font-size:clamp(48px,5.3vw,69px);font-weight:530;line-height:1.04}:where(.legend-site) .brand-hero h1 span,:where(.legend-site) .collection-header h1 span{color:#999da5}:where(.legend-site) .brand-hero-copy>p{color:#a3a7af;max-width:420px;font-size:15px;line-height:1.85}:where(.legend-site) .hero-composition{min-width:0;height:397px;position:relative}:where(.legend-site) .composition-label{color:#646b77;letter-spacing:1px;align-items:center;gap:7px;font:8px ui-monospace,monospace;display:flex;position:absolute;top:-10px;right:0}:where(.legend-site) .composition-markdown{width:90%;position:absolute;top:20px;right:0;transform:rotate(2deg)}:where(.legend-site) .composition-music{width:78%;position:absolute;top:184px;left:-5px;transform:rotate(-3deg)}:where(.legend-site) .hero-composition .app-preview{background:0 0;border:0;border-radius:8px;height:auto;padding:0;overflow:visible}:where(.legend-site) .hero-composition .preview-window{border-radius:8px;width:100%;height:218px;transform:none;box-shadow:0 20px 40px #0006}:where(.legend-site) .hero-composition .preview-titlebar{height:30px}:where(.legend-site) .hero-composition .markdown-preview-body{gap:22px}:where(.legend-site) .hero-composition .markdown-preview-body>div{padding-top:23px}:where(.legend-site) .hero-composition .markdown-preview-body h4{font-size:23px}:where(.legend-site) .hero-composition .music-preview-body{gap:22px;padding:21px}:where(.legend-site) .hero-composition .album-art{width:113px;height:137px}:where(.legend-site) .hero-composition .music-info h4{font-size:19px}:where(.legend-site) .hero-composition .music-info .document-kicker{font-size:6px}:where(.legend-site) .composition-native{color:#808d9c;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:8px;right:0}:where(.legend-site) .composition-native svg{color:#4c97bc}:where(.legend-site) .native-line{background:#384553;width:15px;height:1px}:where(.legend-site) .destination-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:where(.legend-site) .destination{padding:22px 25px 22px 0;transition:background .15s;display:block}:where(.legend-site) .destination+.destination{border-left:1px solid var(--line);padding-left:29px}:where(.legend-site) .destination:hover .destination-title>svg:last-child{color:var(--legend-link);transform:translate(3px)}:where(.legend-site) .destination-title{align-items:center;gap:10px;display:flex}:where(.legend-site) .destination-title>svg:first-child{color:#5b9dc0}:where(.legend-site) .destination-title>svg:last-child{color:#596575;margin-left:auto;transition:color .15s,transform .15s}:where(.legend-site) .destination h2{letter-spacing:-.45px;font-size:17px;font-weight:550}:where(.legend-site) .destination p{color:#949ba6;max-width:290px;margin:8px 0 12px;font-size:12px;line-height:1.75}:where(.legend-site) .destination-action{color:#b1bac6;font-size:10px}:where(.legend-site) .family-home>.apps-section{margin-top:76px}:where(.legend-site) .family-home>.libraries-section{margin-top:76px;padding-top:43px}:where(.legend-site) .family-home>.framework-section{margin-block:50px 0;padding-block:44px 65px}:where(.legend-site) .section-link{color:#a8b5c7;align-items:center;gap:8px;font-size:12px;display:inline-flex}:where(.legend-site) .section-link:hover{color:var(--legend-link)}:where(.legend-site) .family-closing{justify-content:space-between;align-items:center;gap:35px;padding-block:55px;display:flex}:where(.legend-site) .family-closing h2{letter-spacing:-.8px;margin-top:15px;font-size:28px;font-weight:480;line-height:1.35}:where(.legend-site) .family-closing h2 span{color:#808895}:where(.legend-site) .collection-header{justify-content:space-between;align-items:center;gap:50px;padding-block:72px 58px;display:flex}:where(.legend-site) .collection-header h1{letter-spacing:-2.7px;margin-block:22px;font-size:clamp(40px,4.5vw,58px);font-weight:530;line-height:1.07}:where(.legend-site) .collection-header>div>p{color:#9ca4af;font-size:14px;line-height:1.85}:where(.legend-site) .collection-header .eyebrow a:hover{color:#d1d6df}:where(.legend-site) .collection-aside{border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:11px;min-width:220px;padding:5px 0 5px 30px;display:flex}:where(.legend-site) .collection-aside>svg{color:#5f8198;margin-bottom:5px}:where(.legend-site) .collection-aside>strong{font-size:13px;font-weight:500}:where(.legend-site) .collection-header .collection-aside>p{color:#838e9d;font-size:11px}:where(.legend-site) .collection-aside .status-badge{margin-top:5px;font-size:8px}:where(.legend-site) .collection-aside .section-link{font-size:10px}:where(.legend-site) .collection-section-label{border-top:1px solid var(--line);letter-spacing:1px;color:#78818f;justify-content:space-between;align-items:center;padding-block:21px;font:9px ui-monospace,monospace;display:flex}:where(.legend-site) .workbench-section{margin-top:80px}:where(.legend-site) .demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}:where(.legend-site) .demo-card{border:1px solid var(--line);background:#121418;border-radius:7px;flex-direction:column;padding:23px;display:flex}:where(.legend-site) .demo-card:hover{border-color:#3c4c62}:where(.legend-site) .demo-card>div{color:#6f94b4;align-items:center;gap:10px;display:flex}:where(.legend-site) .demo-card>div>svg:last-child{color:#67778c;margin-left:auto}:where(.legend-site) .demo-card h3{letter-spacing:-.4px;margin-block:19px 9px;font-size:16px;font-weight:520}:where(.legend-site) .demo-card p{color:#8e99a7;margin-bottom:23px;font-size:12px;line-height:1.85}:where(.legend-site) .demo-card .section-link{margin-top:auto;font-size:11px}:where(.legend-site) .collection-crosslink{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:72px;padding-block:39px 48px;display:flex}:where(.legend-site) .collection-crosslink h2{letter-spacing:-.8px;margin-top:12px;font-size:26px;font-weight:480}:where(.legend-site) .collection-crosslink p{color:#8d98a7;max-width:570px;margin-top:8px;font-size:12px;line-height:1.8}:where(.legend-site) .collection-crosslink>.button{flex-shrink:0}:where(.legend-site) .library-examples-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:79px;display:grid}:where(.legend-site) .library-examples-section h2{letter-spacing:-1.4px;margin-block:20px;font-size:37px;font-weight:480;line-height:1.15}:where(.legend-site) .library-examples-section h2 span{color:#929ba7}:where(.legend-site) .library-examples-section p{color:#949eac;max-width:360px;font-size:13px;line-height:1.85}:where(.legend-site) .example-library-links{gap:25px;margin-top:25px;display:flex}:where(.legend-site) .example-library-links a{color:#a9bbd0;align-items:center;gap:8px;font-size:12px;display:inline-flex}:where(.legend-site) .example-library-links a:hover{color:var(--legend-link)}:where(.legend-site) .framework-landing .collection-header{grid-template-columns:1fr 1fr;gap:85px;display:grid}:where(.legend-site) .framework-landing .collection-header .button{margin-top:25px}:where(.legend-site) .framework-terminal{background:#10161d;border:1px solid #2b4156;border-radius:9px;overflow:hidden}:where(.legend-site) .framework-terminal .showcase-top{letter-spacing:.4px;font-size:8px}:where(.legend-site) .runtime-stack{flex-direction:column;align-items:center;padding:25px;display:flex}:where(.legend-site) .runtime-stack>svg{color:#5b9dc6}:where(.legend-site) .runtime-stack h2{letter-spacing:-.5px;margin-top:10px;font-size:23px;font-weight:450}:where(.legend-site) .runtime-stack>p{color:#7f93a8;margin-top:8px;font:10px ui-monospace,monospace}:where(.legend-site) .runtime-rule{background:#32698d;width:1px;height:24px;margin-block:15px}:where(.legend-site) .runtime-stack>span{letter-spacing:1.7px;color:#60acd9;font:9px ui-monospace,monospace}:where(.legend-site) .runtime-platforms{justify-content:center;gap:10px;margin-block:19px;display:flex}:where(.legend-site) .runtime-platforms span{color:#9fb2c6;background:#14222f;border:1px solid #2d465b;border-radius:4px;padding:8px 13px;font-size:10px}:where(.legend-site) .runtime-stack small{color:#687f92;font-size:9px}:where(.legend-site) .framework-status{background:#111922;border:1px solid #27333f;border-radius:6px;align-items:baseline;gap:9px;padding:16px 18px;display:flex}:where(.legend-site) .framework-status p{color:#92a2b4;font-size:12px;line-height:1.8}:where(.legend-site) .framework-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:57px;display:grid}:where(.legend-site) .framework-features svg{color:#6a93b5}:where(.legend-site) .framework-features h2{letter-spacing:-.4px;margin-block:18px 9px;font-size:18px;font-weight:500}:where(.legend-site) .framework-features p{color:#929dac;font-size:12px;line-height:1.85}:where(.legend-site) .framework-doc-links{flex-direction:column;flex-shrink:0;gap:16px;display:flex}:where(.legend-site) .framework-doc-links a{color:#9ebbd4;justify-content:space-between;align-items:center;gap:23px;font-size:12px;display:flex}@media (max-width:1100px){:where(.legend-site) .brand-hero{gap:30px}:where(.legend-site) .brand-hero h1{font-size:60px}:where(.legend-site) .hero-composition{height:370px}:where(.legend-site) .hero-composition .markdown-preview-body{gap:14px}:where(.legend-site) .hero-composition .markdown-preview-body h4{font-size:21px}:where(.legend-site) .hero-composition .music-preview-body{gap:15px;padding:20px 15px}:where(.legend-site) .hero-composition .album-art{width:96px;height:122px}:where(.legend-site) .hero-composition .music-info h4{font-size:16px}:where(.legend-site) .hero-composition .preview-window{height:205px}:where(.legend-site) .composition-music{top:164px}:where(.legend-site) .composition-native{bottom:-22px}:where(.legend-site) .collection-header h1{font-size:48px}:where(.legend-site) .collection-header{gap:25px}:where(.legend-site) .collection-aside{min-width:185px;padding-left:23px}:where(.legend-site) .library-examples-section{gap:45px}:where(.legend-site) .framework-landing .collection-header{gap:40px}}@media (max-width:800px){:where(.legend-site) .brand-hero{gap:20px;padding-block:57px}:where(.legend-site) .brand-hero h1{letter-spacing:-2.7px;font-size:49px}:where(.legend-site) .brand-hero-copy>p{font-size:13px}:where(.legend-site) .hero-composition{height:330px}:where(.legend-site) .hero-composition .preview-window{height:190px}:where(.legend-site) .hero-composition .markdown-preview-body h4{font-size:17px}:where(.legend-site) .hero-composition .markdown-preview-body{gap:12px}:where(.legend-site) .hero-composition .markdown-preview-body>div{padding-top:17px;padding-right:5px}:where(.legend-site) .hero-composition .writing-line{font-size:6px}:where(.legend-site) .hero-composition .music-preview-body{gap:11px;padding:17px 12px}:where(.legend-site) .hero-composition .album-art{width:78px;height:115px}:where(.legend-site) .hero-composition .album-art>span{font-size:15px}:where(.legend-site) .hero-composition .music-info h4{font-size:14px}:where(.legend-site) .hero-composition .music-info .document-kicker{display:none}:where(.legend-site) .hero-composition .music-info p{font-size:7px}:where(.legend-site) .hero-composition .music-controls{gap:10px}:where(.legend-site) .composition-music{width:91%;top:147px}:where(.legend-site) .composition-label{font-size:7px;top:-7px}:where(.legend-site) .composition-native{display:none}:where(.legend-site) .destination{padding-right:17px}:where(.legend-site) .destination+.destination{padding-left:19px}:where(.legend-site) .destination p{font-size:11px}:where(.legend-site) .destination h2{font-size:15px}:where(.legend-site) .destination-action{font-size:9px}:where(.legend-site) .collection-header h1{letter-spacing:-1.9px;font-size:39px}:where(.legend-site) .collection-header{padding-block:54px 42px}:where(.legend-site) .collection-header>div>p{font-size:12px}:where(.legend-site) .collection-aside{min-width:175px}:where(.legend-site) .collection-aside .status-badge{font-size:7px}:where(.legend-site) .demo-grid{gap:12px}:where(.legend-site) .demo-card{padding:18px}:where(.legend-site) .demo-card h3{font-size:14px}:where(.legend-site) .demo-card p{font-size:11px}:where(.legend-site) .library-examples-section{grid-template-columns:1fr;gap:30px}:where(.legend-site) .library-examples-section p{max-width:480px}:where(.legend-site) .library-examples-section .code-showcase{max-width:600px}:where(.legend-site) .collection-crosslink h2{font-size:23px}:where(.legend-site) .family-closing{flex-direction:column;align-items:flex-start}:where(.legend-site) .framework-landing .collection-header{gap:30px}:where(.legend-site) .framework-terminal .showcase-top>span{font-size:6px}:where(.legend-site) .framework-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){:where(.legend-site) .brand-hero{grid-template-columns:1fr;gap:36px;padding-block:44px 22px}:where(.legend-site) .brand-hero h1{letter-spacing:-3px;font-size:55px}:where(.legend-site) .brand-hero-copy>p{max-width:390px;font-size:14px}:where(.legend-site) .hero-composition{width:100%;max-width:460px;height:325px;margin:auto}:where(.legend-site) .composition-markdown{width:88%}:where(.legend-site) .composition-music{width:78%;top:149px;left:0}:where(.legend-site) .hero-composition .markdown-preview-body h4{font-size:21px}:where(.legend-site) .hero-composition .markdown-preview-body p{font-size:8px}:where(.legend-site) .hero-composition .writing-line{font-size:7px}:where(.legend-site) .hero-composition .music-info h4{font-size:16px}:where(.legend-site) .hero-composition .album-art{width:91px;height:119px}:where(.legend-site) .composition-label{top:0}:where(.legend-site) .destination-grid{grid-template-columns:1fr}:where(.legend-site) .destination{padding:20px 0}:where(.legend-site) .destination+.destination{border-left:0;border-top:1px solid var(--line);padding-left:0}:where(.legend-site) .destination h2{font-size:18px}:where(.legend-site) .destination p{max-width:none;margin-bottom:8px;font-size:12px}:where(.legend-site) .destination-action{font-size:10px}:where(.legend-site) .family-home>.apps-section,:where(.legend-site) .family-home>.libraries-section{margin-top:46px}:where(.legend-site) .family-home>.libraries-section{padding-top:31px}:where(.legend-site) .family-home>.framework-section{margin-top:20px;padding-bottom:43px}:where(.legend-site) .family-home .eyebrow{letter-spacing:.7px;font-size:8px}:where(.legend-site) .family-closing{gap:23px;padding-block:38px}:where(.legend-site) .family-closing h2{font-size:25px}:where(.legend-site) .collection-header{flex-direction:column;align-items:flex-start;gap:25px;padding-block:44px 32px}:where(.legend-site) .collection-header h1{letter-spacing:-2.1px;margin-block:21px;font-size:43px}:where(.legend-site) .collection-header>div>p{font-size:13px}:where(.legend-site) .collection-aside{border-left:0;border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:6px 12px;width:100%;padding:15px 0 0;display:grid}:where(.legend-site) .collection-aside>svg{grid-row:span 3;margin-top:2px}:where(.legend-site) .collection-aside>p,:where(.legend-site) .collection-aside>.status-badge,:where(.legend-site) .collection-aside>.section-link{grid-column:2;width:fit-content}:where(.legend-site) .collection-aside p br{display:none}:where(.legend-site) .collection-aside .status-badge{font-size:8px}:where(.legend-site) .workbench-section{margin-top:48px}:where(.legend-site) .demo-grid{grid-template-columns:1fr}:where(.legend-site) .demo-card{padding:22px}:where(.legend-site) .demo-card h3{font-size:17px}:where(.legend-site) .demo-card p{font-size:12px}:where(.legend-site) .collection-crosslink{flex-direction:column;align-items:flex-start;gap:23px;margin-top:44px}:where(.legend-site) .library-examples-section{margin-top:48px}:where(.legend-site) .library-examples-section h2{font-size:32px}:where(.legend-site) .framework-landing .collection-header{grid-template-columns:1fr;gap:32px}:where(.legend-site) .framework-landing .collection-header h1{font-size:49px}:where(.legend-site) .framework-terminal{width:100%}:where(.legend-site) .framework-terminal .showcase-top>span{font-size:7px}:where(.legend-site) .framework-features{gap:27px 20px;margin-top:36px}:where(.legend-site) .framework-features h2{font-size:16px}:where(.legend-site) .framework-features p,:where(.legend-site) .framework-status p{font-size:11px}}@media (max-width:375px){:where(.legend-site) .brand-hero h1{letter-spacing:-2.5px;font-size:47px}:where(.legend-site) .hero-composition .markdown-preview-body h4{font-size:17px}:where(.legend-site) .hero-composition .music-info h4{font-size:13px}:where(.legend-site) .hero-composition .album-art{width:71px}:where(.legend-site) .collection-header h1{font-size:36px}}:where(.legend-site) .footer-links{flex-wrap:wrap}:where(.legend-site) .legend-app-link{background:#101b23;border:1px solid #28404f;border-radius:8px;align-items:center;gap:13px;max-width:420px;margin-top:25px;padding:15px;transition:border-color .15s,background .15s;display:flex}:where(.legend-site) .legend-app-link:hover{border-color:var(--legend-blue);background:#13232e}:where(.legend-site) .legend-app-link>img{flex-shrink:0}:where(.legend-site) .legend-app-link>span{flex-direction:column;gap:4px;display:flex}:where(.legend-site) .legend-app-link strong{color:#edf4fa;font-size:14px;font-weight:550;line-height:1.4}:where(.legend-site) .legend-app-link>span>span{color:#9aaeba;font-size:11px;line-height:1.5}:where(.legend-site) .legend-app-link>svg{color:var(--legend-link);flex-shrink:0;margin-left:auto}:where(.legend-site) .legend-app-link>span>.legend-app-action{color:var(--legend-link);margin-top:3px}:where(.legend-site) .legend-app-feature{background:#101b23;border:1px solid #28404f;border-radius:9px;align-items:center;gap:24px;margin-bottom:48px;padding:34px;display:flex}:where(.legend-site) .legend-app-feature>img{flex-shrink:0}:where(.legend-site) .legend-app-feature h2{letter-spacing:-1px;margin-block:8px;font-size:32px;font-weight:550;line-height:1.2}:where(.legend-site) .legend-app-feature p{color:#d0dbe3;font-size:17px;line-height:1.6}:where(.legend-site) .legend-app-feature-detail{color:#9aaeba;margin-top:9px;font-size:12px;line-height:1.8;display:block}:where(.legend-site) .legend-app-feature>.button{flex-shrink:0;margin-left:auto}@media (max-width:800px){:where(.legend-site) .legend-app-feature{flex-wrap:wrap;gap:18px;padding:24px}:where(.legend-site) .legend-app-feature>div{flex:1;min-width:180px}:where(.legend-site) .legend-app-feature>.button{margin-left:0}}
:where(.legend-site) .showcase-home{width:min(1120px,100% - 96px);margin-inline:auto}:where(.legend-site) .showcase-hero{isolation:isolate;align-items:center;min-height:510px;margin:0 -80px 76px;display:flex;position:relative}:where(.legend-site) .hero-art{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}:where(.legend-site) .showcase-hero-copy{padding:64px 80px}:where(.legend-site) .showcase-hero-copy h1{letter-spacing:-2.8px;font-size:clamp(44px,4.8vw,66px);font-weight:500;line-height:1.08}:where(.legend-site) .showcase-hero-copy h1 span{color:#a4adb6;letter-spacing:-1.2px;max-width:440px;margin-top:18px;font-size:clamp(28px,3vw,40px);line-height:1.15;display:block}:where(.legend-site) .showcase-hero-copy p{color:#98a5b0;margin-top:24px;font-size:14px;line-height:1.7}:where(.legend-site) .showcase-hero-copy>a{color:#c6e7fb;align-items:center;gap:12px;margin-top:26px;font-size:13px;display:inline-flex}:where(.legend-site) .showcase-section{margin-bottom:88px;scroll-margin-top:96px}:where(.legend-site) .showcase-section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}:where(.legend-site) .showcase-section-heading h2{letter-spacing:-.6px;font-size:24px;font-weight:500}:where(.legend-site) .showcase-section-heading p{color:#8f9aa5;font-size:13px}:where(.legend-site) .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;display:grid}:where(.legend-site) .showcase-card{min-width:0;display:block}:where(.legend-site) .product-image{aspect-ratio:1.55;background:#141c25;border:1px solid #29313a;border-radius:10px;padding:25px 22px 0;transition:border-color .2s;overflow:hidden}:where(.legend-site) .product-image img{object-fit:cover;object-position:top left;border-radius:7px 7px 0 0;width:100%;height:100%;transition:transform .25s;box-shadow:0 12px 35px #0007}:where(.legend-site) .showcase-card:hover .product-image{border-color:#56768e}:where(.legend-site) .showcase-card:hover .product-image img{transform:translateY(-3px)}:where(.legend-site) .showcase-markdown .product-image{background:#222225}:where(.legend-site) .showcase-music .product-image{background:#1b2423}:where(.legend-site) .showcase-slides .product-image{background:#23212a}:where(.legend-site) .showcase-chat-history .product-image{background:#192026;padding:0}:where(.legend-site) .showcase-chat-history .product-image img{object-fit:cover;object-position:center;transform:scale(1.15)}:where(.legend-site) .showcase-chat-history:hover .product-image img{transform:scale(1.15)translateY(-3px)}:where(.legend-site) .product-caption{align-items:flex-start;gap:12px;padding:18px 2px 0;display:flex}:where(.legend-site) .product-caption>svg{color:#8bb1c9;flex-shrink:0;margin-top:3px}:where(.legend-site) .product-caption>svg:last-child{color:#697b88;margin-left:auto}:where(.legend-site) .product-caption h3{letter-spacing:-.2px;font-size:17px;font-weight:500}:where(.legend-site) .product-caption p{color:#929da8;margin-top:6px;font-size:13px;line-height:1.6}:where(.legend-site) .legend-spotlight{background:#101c24;border:1px solid #294453;border-radius:12px;grid-template-columns:1fr 2fr;min-height:330px;margin-bottom:36px;display:grid;overflow:hidden}:where(.legend-site) .legend-spotlight-copy{align-self:center;padding:38px}:where(.legend-site) .legend-spotlight h3{letter-spacing:-.5px;margin-top:18px;font-size:28px;font-weight:500}:where(.legend-site) .legend-spotlight-copy p{color:#b0bfcb;margin-top:12px;font-size:18px;line-height:1.5}:where(.legend-site) .legend-spotlight-copy>span{color:#86c9f4;align-items:center;gap:10px;margin-top:28px;font-size:13px;display:inline-flex}:where(.legend-site) .legend-spotlight-image{border:0;border-top:1px solid #344854;border-left:1px solid #344854;border-radius:8px 0 0;margin:30px 0 0 20px;overflow:hidden}:where(.legend-site) .legend-spotlight-image img{object-fit:cover;object-position:left top;width:100%;height:100%}:where(.legend-site) .showcase-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}:where(.legend-site) .showcase-library-grid .product-image{aspect-ratio:1.25;padding:16px 12px 0}:where(.legend-site) .showcase-library-grid .product-caption{gap:9px}:where(.legend-site) .showcase-library-grid .product-caption h3{font-size:16px}:where(.legend-site) .framework-spotlight{border-block:1px solid #29313a;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:36px 0;display:grid}:where(.legend-site) .showcase-framework-copy>svg{color:#8bb1c9;vertical-align:middle;display:inline-block}:where(.legend-site) .showcase-preview-label{color:#95a2ac;margin-left:14px;font-size:11px}:where(.legend-site) .showcase-framework-copy h3{letter-spacing:-.7px;margin:20px 0 12px;font-size:30px;font-weight:500}:where(.legend-site) .showcase-framework-copy p{color:#9ca8b4;font-size:15px;line-height:1.7}:where(.legend-site) .showcase-text-link{color:#91c7e9;align-items:center;gap:10px;margin-top:24px;font-size:13px;display:inline-flex}:where(.legend-site) .framework-visual{padding:16px 36px}:where(.legend-site) .framework-stack{text-align:center;color:#adbfce;gap:12px;font-size:13px;display:grid}:where(.legend-site) .framework-stack>span{background:#111c26;border:1px solid #324250;border-radius:7px;padding:16px}:where(.legend-site) .framework-stack>span:nth-child(2){color:#d2ecfc;background:#16354a;border-color:#396e91;font-weight:500}:where(.legend-site) .framework-stack>div{gap:8px;display:flex}:where(.legend-site) .framework-stack>div span{border:1px solid #2a333c;border-radius:5px;flex:1;padding:10px 0;font-size:11px}:where(.legend-site) .simple-footer{color:#86939e;align-items:center;gap:24px;width:min(1120px,100% - 96px);margin:0 auto;padding:0 0 32px;font-size:12px;display:flex}:where(.legend-site) .simple-footer>a:first-child{color:#b4bcc4;margin-right:auto}:where(.legend-site) .simple-footer a:hover{color:var(--legend-link)}@media (max-width:1100px){:where(.legend-site) .showcase-hero{min-height:480px;margin-inline:-48px}:where(.legend-site) .showcase-hero-copy{padding-inline:48px}:where(.legend-site) .legend-spotlight-copy{padding:28px}:where(.legend-site) .legend-spotlight-copy p{font-size:16px}:where(.legend-site) .framework-spotlight{gap:24px}}@media (max-width:700px){:where(.legend-site) .showcase-home,:where(.legend-site) .simple-footer{width:calc(100% - 40px)}:where(.legend-site) .showcase-hero{align-items:flex-start;min-height:660px;margin:0 -20px 48px}:where(.legend-site) .showcase-hero-copy{padding:46px 20px 0}:where(.legend-site) .showcase-hero-copy h1{letter-spacing:-2px;font-size:48px}:where(.legend-site) .showcase-hero-copy p{margin-top:20px;font-size:13px}:where(.legend-site) .hero-art{object-fit:cover;object-position:88% center;height:340px;top:auto;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 84%,#0000);mask-image:linear-gradient(#0000,#000 18% 84%,#0000)}:where(.legend-site) .showcase-section-heading{display:block}:where(.legend-site) .showcase-section-heading h2{font-size:23px}:where(.legend-site) .showcase-section-heading p{margin-top:8px}:where(.legend-site) .showcase-section{margin-bottom:60px}:where(.legend-site) .showcase-grid,:where(.legend-site) .showcase-library-grid{grid-template-columns:1fr;gap:32px}:where(.legend-site) .product-image,:where(.legend-site) .showcase-library-grid .product-image{aspect-ratio:1.5}:where(.legend-site) .legend-spotlight{grid-template-columns:1fr}:where(.legend-site) .legend-spotlight-copy{padding:28px}:where(.legend-site) .legend-spotlight-copy p br{display:none}:where(.legend-site) .legend-spotlight-image{height:230px;margin:0 0 0 28px}:where(.legend-site) .framework-spotlight{grid-template-columns:1fr;gap:24px;padding:30px 0}:where(.legend-site) .framework-visual{padding:0 12px}}@media (prefers-reduced-motion:reduce){:where(.legend-site) .product-image,:where(.legend-site) .product-image img{transition:none}}:where(.legend-site) .library-preview{background:#11171e;border:1px solid #303a46;border-radius:7px 7px 0 0;height:100%;overflow:hidden;box-shadow:0 10px 32px #0006}:where(.legend-site) .preview-toolbar{color:#a5b5c4;border-bottom:1px solid #29333d;align-items:center;gap:8px;padding:14px 12px;font-size:10px;display:flex}:where(.legend-site) .preview-toolbar>svg:last-child:not(:first-child){color:#64bc9b;margin-left:auto}:where(.legend-site) .list-sample{border-bottom:1px solid #252f3a;gap:12px;padding:14px 12px;display:flex}:where(.legend-site) .list-sample>i{color:#6d8498;padding-top:2px;font-size:10px;font-style:normal}:where(.legend-site) .list-sample strong{font-size:12px;font-weight:500;display:block}:where(.legend-site) .list-sample span{color:#8094a6;margin-top:4px;font-size:10px;line-height:1.6;display:block}:where(.legend-site) .sample-photo{background:linear-gradient(135deg,#253851,#557f9a);border-radius:3px;height:32px;margin-top:12px}:where(.legend-site) .library-preview pre{color:#a4b4c5;white-space:pre-wrap;padding:22px 16px;font-size:11px;line-height:1.8}:where(.legend-site) .syntax-blue{color:#76b6e8}:where(.legend-site) .syntax-purple{color:#b3a1cb}:where(.legend-site) .state-result{background:#18232d;border:1px solid #2c4554;border-radius:7px;grid-template-columns:1fr auto;align-items:center;margin:0 16px;padding:15px;display:grid}:where(.legend-site) .state-result>span{color:#839aad;font-family:monospace;font-size:11px}:where(.legend-site) .state-result>strong{color:#abd8f5;font-size:34px;font-weight:400;line-height:1.2}:where(.legend-site) .state-result small{color:#77ad96;grid-column:span 2;margin-top:8px;font-size:9px}:where(.legend-site) .state-result small span{background:#79c5a3;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}:where(.legend-site) .motion-study{justify-content:center;align-items:center;gap:8px;height:104px;display:flex}:where(.legend-site) .motion-study span{opacity:.2;background:#275c84;border:1px solid #66a6d5;border-radius:10px;width:36px;height:36px;transform:rotate(-12deg)}:where(.legend-site) .motion-study span:nth-child(2){opacity:.4;transform:rotate(-8deg)}:where(.legend-site) .motion-study span:nth-child(3){opacity:.65;transform:rotate(-4deg)}:where(.legend-site) .motion-study span:nth-child(4){opacity:1;background:#4d91c5;transform:rotate(0)}:where(.legend-site) .motion-preview pre{padding-top:0}