@font-face{font-family:headingFont;src:url(../media/Parkinsans_Medium-s.p.2rxxi9y728ypi.ttf)format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:headingFont Fallback;src:local(Arial);ascent-override:90.98%;descent-override:30.33%;line-gap-override:0.0%;size-adjust:115.41%}.headingfont_e97b4166-module__MdHnTq__className{font-family:headingFont,headingFont Fallback;font-style:normal;font-weight:500}.headingfont_e97b4166-module__MdHnTq__variable{--heading-font:"headingFont", "headingFont Fallback"}
@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-canadian-aboriginal-wght-normal.00xc1d5kd64f0.woff2)format("woff2-variations");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-cherokee-wght-normal.2nr5n2xkryulw.woff2)format("woff2-variations");unicode-range:U+300-302,U+304,U+30B-30C,U+323-324,U+330-331,U+13A0-13FF,U+AB70-ABBF}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-math-wght-normal.247samco8vror.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-nushu-wght-normal.1z8ol9urr25tc.woff2)format("woff2-variations");unicode-range:U+2003,U+3000,U+3002,U+4E00,U+FE12,U+16FE1,U+1B170-1B2FB}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-symbols-wght-normal.2y20dvnpv3f0o.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-syriac-wght-normal.0donsjql380w2.woff2)format("woff2-variations");unicode-range:U+303-304,U+307-308,U+30A,U+320,U+323-325,U+32D-32E,U+330-331,U+60C,U+61B-61C,U+61F,U+621,U+640,U+64B-655,U+660-66C,U+670,U+700-74F,U+860-86A,U+1DF8,U+1DFA,U+200C-200F,U+25CC,U+2670-2671}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-tifinagh-wght-normal.3n4whaby9v299.woff2)format("woff2-variations");unicode-range:U+2C7,U+301-302,U+304,U+306-307,U+309,U+323,U+331,U+200C-200D,U+202E,U+25CC,U+2D30-2D7F}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-vietnamese-wght-normal.0a-dmzcqpawek.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-latin-ext-wght-normal.14b3x4_jvstyi.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(../media/google-sans-flex-latin-wght-normal.0o0cz3cr4hdrd.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html:not([data-ui-theme=art]){--purple-25:#fbfbff;--purple-50:#f6f7ff;--purple-100:#eff0ff;--purple-200:#dfe1ff;--purple-300:#c8c9ff;--purple-400:#abacfb;--purple-500:#918df6;--purple-600:#6f6cc0;--purple-700:#4f4d8e;--purple-800:#322f5e;--purple-900:#191736;--purple-950:#060516;--neutral-25:#fbfcfd;--neutral-50:#f6f7fa;--neutral-100:#efeff4;--neutral-200:#dfe0e7;--neutral-300:#c7c8d0;--neutral-400:#aaabb4;--neutral-500:#8d8e98;--neutral-600:#72737e;--neutral-700:#585964;--neutral-800:#3f404c;--neutral-900:#2a2b36;--neutral-950:#181925;--orange-25:#fffbf7;--orange-50:#fff8f0;--orange-100:#fff3e4;--orange-200:#ffe8cd;--orange-300:#fed6a8;--orange-400:#f6c283;--orange-500:#ffa600;--orange-600:#c57f00;--orange-700:#8d5a00;--orange-800:#5a3700;--orange-900:#2f1b00;--orange-950:#0e0600;--green-25:#f7fefa;--green-50:#f0fbf6;--green-100:#e5f8ee;--green-200:#cdf1df;--green-300:#a6e5c8;--green-400:#77d4ac;--green-500:#00c58e;--green-600:#00986d;--green-700:#006d4d;--green-800:#004530;--green-900:#002417;--green-950:#000a05;--blue-25:#fafcff;--blue-50:#f3f8ff;--blue-100:#e8f1ff;--blue-200:#d2e4ff;--blue-300:#aecfff;--blue-400:#7fb3ff;--blue-500:#4d96ff;--blue-600:#3973c7;--blue-700:#265392;--blue-800:#153461;--blue-900:#071b38;--blue-950:#010717;--red-25:#fffbfa;--red-50:#fff3f2;--red-100:#ffe6e4;--red-200:#ffcbc8;--red-300:#fba09c;--red-400:#ef6668;--red-500:#dd0031;--red-600:#ad0625;--red-700:#7f071a;--red-800:#540610;--red-900:#310407;--red-950:#140202;--cyan-25:#f6fdff;--cyan-50:#f0fbfd;--cyan-100:#e5f6f9;--cyan-200:#d0eef3;--cyan-300:#ade0e8;--cyan-400:#85cdd8;--cyan-500:#43bccd;--cyan-600:#2991a0;--cyan-700:#0e6974;--cyan-800:#00434b;--cyan-900:#002328;--cyan-950:#00090c;--base-25:#fff;--base-50:#fafafa;--base-100:#f1f1f1;--base-200:#e0e0e0;--base-300:#c5c5c5;--base-400:#a5a5a5;--base-500:#858585;--base-600:#676767;--base-700:#4a4a4a;--base-800:#2f2f2f;--base-900:#191919;--base-950:#070707;--background-primary:var(--base-25);--background-secondary:var(--neutral-25);--background-tertiary:var(--neutral-50);--surface-primary:var(--base-25);--surface-secondary:var(--neutral-25);--text-primary:var(--neutral-950);--text-secondary:var(--neutral-700);--text-tertiary:var(--neutral-600);--text-inverse:var(--base-25);--border-primary:var(--neutral-100);--border-secondary:var(--neutral-200);--border-focus:var(--purple-500);--action-primary:var(--purple-500);--action-primary-hover:var(--purple-600);--action-primary-active:var(--purple-600);--action-primary-foreground:var(--base-25);--success:var(--green-600);--success-foreground:var(--green-50);--warning:var(--orange-600);--warning-foreground:var(--orange-50);--danger:var(--red-600);--danger-foreground:var(--red-50);--info:var(--blue-600);--info-foreground:var(--blue-50)}@supports (color:lab(0% 0 0)){html:not([data-ui-theme=art]){--purple-25:lab(98.8008% .401914 -1.77395);--purple-50:lab(97.3528% .906229 -3.91957);--purple-100:lab(94.9353% 1.80262 -7.53272);--purple-200:lab(90.0843% 3.81294 -14.8303);--purple-300:lab(82.2755% 7.68736 -26.4916);--purple-400:lab(72.4547% 13.4282 -39.7918);--purple-500:lab(62.4917% 21.0041 -52.9053);--purple-600:lab(48.8855% 17.8624 -44.5964);--purple-700:lab(35.2786% 14.7296 -36.287);--purple-800:lab(21.67% 11.6155 -27.9771);--purple-900:lab(9.41871% 8.85361 -20.4976);--purple-950:lab(1.77096% 2.63982 -8.3898);--neutral-25:lab(98.8243% .138342 -.778759);--neutral-50:lab(97.2124% .255406 -1.42621);--neutral-100:lab(94.5302% .41309 -2.28233);--neutral-200:lab(89.1737% .662029 -3.59272);--neutral-300:lab(80.6356% .771105 -4.13768);--neutral-400:lab(69.9627% .912875 -4.81577);--neutral-500:lab(59.2891% 1.06326 -5.48916);--neutral-600:lab(48.6147% 1.2264 -6.1559);--neutral-700:lab(37.939% 1.41002 -6.81272);--neutral-800:lab(27.2608% 1.62953 -7.45395);--neutral-900:lab(17.667% 1.67471 -7.28366);--neutral-950:lab(9.09329% 2.21775 -8.47127);--orange-25:lab(98.8462% .783414 2.63996);--orange-50:lab(97.9304% 1.4371 4.78197);--orange-100:lab(96.4017% 2.58413 8.42289);--orange-200:lab(93.3346% 5.1131 16.0203);--orange-300:lab(88.3987% 9.60416 28.5333);--orange-400:lab(82.2148% 13.5674 38.9956);--orange-500:lab(75.8145% 27.0201 79.253);--orange-600:lab(59.4762% 22.2071 65.132);--orange-700:lab(43.1378% 17.3986 51.0279);--orange-800:lab(26.7995% 12.588 36.4435);--orange-900:lab(12.0948% 8.2645 18.0936);--orange-950:lab(1.96257% 1.85061 2.95987);--green-25:lab(98.9481% -2.62207 .787628);--green-50:lab(97.802% -4.57153 1.37231);--green-100:lab(95.8917% -7.83166 2.34838);--green-200:lab(92.0701% -14.3983 4.30685);--green-300:lab(85.9528% -25.0597 7.46164);--green-400:lab(78.1912% -35.8514 10.6119);--green-500:lab(70.6404% -53.0436 15.523);--green-600:lab(55.4921% -43.7669 12.8082);--green-700:lab(40.3438% -34.4871 10.0926);--green-800:lab(25.1958% -25.2185 7.38012);--green-900:lab(11.5623% -16.8437 4.93574);--green-950:lab(2.13177% -3.38507 1.03071);--blue-25:lab(98.8279% -.31203 -1.7427);--blue-50:lab(97.339% -.694096 -3.97712);--blue-100:lab(94.8543% -1.28526 -7.72163);--blue-200:lab(89.8706% -2.2608 -15.2796);--blue-300:lab(81.8455% -3.04928 -27.6097);--blue-400:lab(71.6844% -1.96111 -43.4848);--blue-500:lab(61.2878% 2.96906 -60.029);--blue-600:lab(47.9827% 2.62463 -50.2126);--blue-700:lab(34.6773% 2.28502 -40.3962);--blue-800:lab(21.3713% 1.95514 -30.5797);--blue-900:lab(9.39459% 1.67923 -21.7448);--blue-950:lab(1.85521% .576258 -8.63091);--red-25:lab(98.7939% 1.49247 .701773);--red-50:lab(96.722% 4.12291 1.94168);--red-100:lab(93.2622% 8.70287 4.11125);--red-200:lab(86.3165% 18.6195 8.86885);--red-300:lab(75.1939% 34.4767 16.7475);--red-400:lab(61.2885% 53.6345 27.2369);--red-500:lab(47.3315% 73.0741 41.494);--red-600:lab(36.9777% 60.2365 34.0093);--red-700:lab(26.6238% 47.3993 26.5437);--red-800:lab(16.2697% 34.5627 18.565);--red-900:lab(6.99592% 22.8163 8.19244);--red-950:lab(1.82564% 5.78434 1.89678);--cyan-25:lab(98.9081% -2.36389 -1.46531);--cyan-50:lab(97.7454% -3.55214 -2.20113);--cyan-100:lab(95.8073% -5.5269 -3.42331);--cyan-200:lab(91.9299% -9.45377 -5.85166);--cyan-300:lab(85.7224% -15.663 -9.69071);--cyan-400:lab(77.8968% -21.1573 -13.0985);--cyan-500:lab(70.1766% -30.5907 -19.0196);--cyan-600:lab(55.1149% -26.442 -16.4545);--cyan-700:lab(40.0527% -22.2825 -13.8866);--cyan-800:lab(24.9585% -16.9435 -10.5702);--cyan-900:lab(11.3514% -11.3166 -7.05988);--cyan-950:lab(2.05484% -2.31173 -1.83936);--base-25:lab(100% 0 0);--base-50:lab(98.1979% 0 0);--base-100:lab(95.1943% 0 -.0000119209);--base-200:lab(89.1872% -.0000298023 0);--base-300:lab(79.5757% 0 -.0000119209);--base-400:lab(67.5614% -.0000596046 0);--base-500:lab(55.5471% 0 0);--base-600:lab(43.5329% -.0000298023 0);--base-700:lab(31.5186% 0 0);--base-800:lab(19.5043% -.0000149012 0);--base-900:lab(8.69143% 0 0);--base-950:lab(1.98454% 0 0)}}html.dark:not([data-ui-theme=art]){--background-primary:var(--neutral-950);--background-secondary:var(--neutral-900);--background-tertiary:var(--neutral-800);--surface-primary:var(--neutral-900);--surface-secondary:var(--neutral-800);--text-primary:var(--neutral-25);--text-secondary:var(--neutral-200);--text-tertiary:var(--neutral-400);--text-inverse:var(--neutral-950);--border-primary:var(--neutral-600);--border-secondary:var(--neutral-700);--border-focus:var(--purple-400);--action-primary:var(--purple-400);--action-primary-hover:var(--purple-300);--action-primary-active:var(--purple-200);--action-primary-foreground:var(--neutral-950);--success:var(--green-400);--success-foreground:var(--neutral-950);--warning:var(--orange-400);--warning-foreground:var(--neutral-950);--danger:var(--red-400);--danger-foreground:var(--neutral-950);--info:var(--blue-400);--info-foreground:var(--neutral-950)}html:not([data-ui-theme=art]){--bg:var(--background-primary);--canvas:var(--background-primary);--panel:var(--surface-primary);--surface:var(--background-tertiary);--selected:var(--background-tertiary);--card-surface:var(--surface-secondary);--text:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-primary);--control-line:var(--border-secondary);--accent:var(--action-primary);--focus:var(--border-focus);--focus-halo:var(--purple-100);--focus-halo-soft:color-mix(in oklch, var(--purple-100) 40%, transparent);--primary-hover:var(--action-primary-hover);--primary-active:var(--action-primary-active);--secondary:var(--background-tertiary);--secondary-hover:var(--neutral-100);--secondary-active:var(--neutral-200);--danger-hover:var(--red-50);--danger-active:var(--red-100)}html:not([data-ui-theme=art]) button.primary{background:var(--action-primary);color:var(--action-primary-foreground)}html:not([data-ui-theme=art]) button.primary:hover:not(:disabled){background:var(--action-primary-hover)}html:not([data-ui-theme=art]) button.primary:active:not(:disabled){background:var(--action-primary-active)}:root:not([data-ui-theme=art]) body :is(.section-tabs>button,.top-navigation>button,.paint-tools button,.paint-brushes button,.canvas-controls button){color:var(--text-tertiary)}:root:not([data-ui-theme=art]) body :is(.section-tabs>button[aria-selected=true],.top-navigation>button[aria-current=page],.section-tabs>button:hover,.top-navigation>button:hover,.paint-tools button[aria-pressed=true],.paint-brushes button[aria-pressed=true],.canvas-controls button[aria-pressed=true]){color:var(--text-primary)}:root:not([data-ui-theme=art]) body .theme-switcher{background:var(--neutral-50)}:root:not([data-ui-theme=art]) body .theme-switcher-thumb{background:var(--base-25)}:root:not([data-ui-theme=art]) body .theme-switcher>button{color:var(--neutral-500);font-weight:400}:root:not([data-ui-theme=art]) body .theme-switcher>button[aria-checked=true]{color:var(--purple-500);font-weight:500}:root:not([data-ui-theme=art]) body .theme-switcher>button[aria-checked=true]>svg{color:var(--purple-500)}:root:not([data-ui-theme=art]) body .theme-switcher>button:hover:not(:disabled){color:var(--neutral-500);background:0 0}:root:not([data-ui-theme=art]) body .theme-switcher>button[aria-checked=true]:hover:not(:disabled){color:var(--purple-500)}html:not([data-ui-theme=art]) .art-switch-track{background:var(--neutral-100)}html:not([data-ui-theme=art]) .art-switch-track>span{background:var(--base-25)}html:not([data-ui-theme=art]) input[type=checkbox]:checked{background-color:var(--action-primary);border-color:var(--action-primary)}
:root{--app-font:system-ui, sans-serif}html[data-platform-font=google]{--app-font:"Google Sans Flex Variable", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--base-25);color:var(--neutral-950);font-family:var(--app-font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a,button{transition:color .16s,background-color .16s}a:hover{color:var(--purple-700);text-decoration:none}:focus-visible{outline:2px solid var(--purple-500);outline-offset:5px}p,h1,h2,h3{margin:0}p{color:var(--neutral-600)}h1,h2,h3{font-family:var(--heading-font), var(--app-font);letter-spacing:-.02em;font-weight:500;line-height:1.15}.wrap{max-width:1160px;margin-inline:auto;padding-inline:28px}.section{margin-top:88px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:#fff;border-radius:12px;padding:10px 16px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{justify-content:space-between;align-items:center;gap:32px;height:96px;display:flex}.site-brand{letter-spacing:-.45px;align-items:center;gap:9px;font-size:18px;font-weight:500;display:inline-flex}.site-nav{color:var(--neutral-600);gap:32px;margin-left:auto;font-size:13px;display:flex}.github-link{align-items:center;gap:8px;margin-left:26px;font-size:13px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding-top:46px;padding-bottom:38px;display:grid}.hero-copy{z-index:2;padding-bottom:28px;position:relative}.eyebrow{letter-spacing:.9px;color:var(--neutral-600);align-items:center;gap:8px;font-size:11px;font-weight:450;display:inline-flex}.hero .eyebrow{letter-spacing:.1px;font-size:12px}.status-dot{background:var(--purple-500);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-.02em;margin:24px 0;font-size:clamp(44px,4.35vw,63px)}h1 .heading-color-text{color:var(--heading-choice)}.hero-description{max-width:455px;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.site-button{border-radius:9999px;align-items:center;gap:13px;height:42px;padding:0 18px;font-size:13px;font-weight:450;display:inline-flex}.main-button{background:var(--purple-500);color:#fff}.main-button:hover{background:var(--purple-400);color:#fff}.outline-button{border:.5px solid var(--neutral-300);background:0 0}.outline-button:hover{color:var(--purple-700);background:0 0}.hero-note{color:var(--neutral-600);margin-top:17px;font-size:11px}.palette-play{min-width:0}.hero-art{height:415px;margin:0 -4px;position:relative}.hero-orbit{background:var(--neutral-25);border-radius:50%;width:340px;height:340px;position:absolute;top:36px;left:50%;transform:translate(-50%)}.swatch-fan{position:absolute;inset:0}.swatch-paper{transform-origin:50% 112%;width:142px;height:236px;transform:rotate(var(--angle)) translateY(-8px);background:#fff;border-radius:16px;padding:8px;position:absolute;top:54px;left:calc(50% - 71px)}.paper-0{z-index:1}.paper-1{z-index:2}.paper-2{z-index:3}.paper-3{z-index:4}.paper-4{z-index:5}.paper-color{background:var(--swatch);border-radius:10px;height:181px;transition:background-color .26s;position:relative}.paper-hole{background:#ffffff8c;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:12px}.paper-caption{color:var(--neutral-500);justify-content:space-between;align-items:center;padding:14px 5px 0;font-size:10px;display:flex}.paper-dashes{background:var(--neutral-100);border-radius:99px;width:39px;height:3px}.anchor-note{z-index:6;background:var(--neutral-50);color:var(--neutral-600);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:10px;line-height:1.5;display:flex;position:absolute;bottom:76px;left:38px;transform:rotate(-5deg)}.anchor-note>span:first-child{border-radius:9px;width:28px;height:28px;transition:background-color .26s}.anchor-note strong{color:var(--neutral-950);font-size:11px;font-weight:450}.anchor-star{color:var(--purple-400);margin-left:4px;font-size:23px}.orbit-dot{z-index:6;border-radius:50%;position:absolute}.dot-one{background:var(--purple-200);width:14px;height:14px;top:138px;right:32px}.dot-two{background:var(--orange-200);width:9px;height:9px;top:80px;left:52px}.dot-three{background:var(--green-300);width:6px;height:6px;bottom:48px;right:88px}.hero-spark{width:27px;color:var(--purple-300);position:absolute;top:34px;right:72px;transform:rotate(12deg)}.orbit-caption{text-align:center;color:var(--neutral-500);letter-spacing:.5px;font-size:10px;position:absolute;bottom:20px;left:0;right:0}.study-controls{color:var(--neutral-600);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 0;font-size:10px;display:flex}.study-options{align-items:center;gap:12px;display:flex}.study-options button{color:var(--neutral-500);background:0 0;border:none;align-items:center;gap:5px;padding:5px 0;font-size:10px;font-weight:400;display:inline-flex}.study-options button[aria-checked=true]{color:var(--neutral-950);font-weight:450}.study-options button:hover{color:var(--neutral-950)}.study-dot{border-radius:50%;width:7px;height:7px}.principles{color:var(--neutral-600);justify-content:center;align-items:center;gap:42px;margin-top:14px;font-size:11px;display:flex}.principles span{align-items:center;gap:7px;display:inline-flex}.principles svg{color:var(--neutral-400)}.section-heading{max-width:575px;margin-bottom:36px}.section-heading h2{letter-spacing:-.02em;margin:14px 0;font-size:34px}.section-heading p{max-width:530px;font-size:14px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--neutral-25);border-radius:24px;min-width:0;padding:12px 24px 30px}.art-stage{align-items:center;width:calc(100% + 24px);height:220px;margin-inline:-12px;display:grid}.feature-art{width:100%;height:auto}.feature-number{letter-spacing:1px;color:var(--neutral-500);margin:8px 0 14px;font-size:9px;display:block}h3{letter-spacing:-.02em;font-size:19px}.feature-copy p{margin-top:13px;font-size:12px;line-height:1.85}.paint-section{background:var(--purple-25);border-radius:28px;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;max-width:1104px;margin-top:80px;padding:40px 48px;display:grid}.paint-copy h2{letter-spacing:-.02em;margin:18px 0;font-size:35px}.paint-copy p{margin-bottom:12px;font-size:13px;line-height:1.85}.small-note{color:var(--neutral-600);font-size:11px;line-height:1.75}.paint-illustration{text-align:center;min-width:0}.paint-art{width:100%;height:auto}.art-label{color:var(--neutral-600);align-items:center;gap:7px;padding-bottom:12px;font-size:10px;display:inline-flex}.details{grid-template-columns:repeat(3,1fr);gap:42px;margin-top:64px;display:grid}.detail-icon{background:var(--neutral-25);color:var(--purple-600);border-radius:13px;margin-bottom:17px;padding:12px;display:inline-flex}.details h3{font-size:17px}.details p{margin-top:12px;font-size:12px;line-height:1.85}.workflow{margin-top:96px}.workflow .section-heading{max-width:660px}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:32px;padding:0;list-style:none;display:grid}.step-badge{background:var(--neutral-50);width:28px;height:28px;color:var(--neutral-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:17px;font-size:11px;display:inline-flex}.workflow-steps p{margin-top:10px;font-size:12px;line-height:1.8}.installation{grid-template-columns:.85fr 1.15fr;align-items:start;gap:80px;display:grid}.installation h2{letter-spacing:-.02em;margin:18px 0;font-size:38px}.installation-copy>p{max-width:355px;font-size:13px;line-height:1.8}.requirements{margin-top:24px}.requirements>span{letter-spacing:1px;color:var(--neutral-500);font-size:9px}.requirements p{margin-top:8px;font-size:12px;line-height:2}.requirements a{color:var(--neutral-950);align-items:center;gap:4px;display:inline-flex}.installation-copy>.small-note{margin-top:16px;font-size:11px}.small-note code{font-family:ui-monospace,monospace;font-size:10px}.text-link{align-items:center;gap:8px;margin-top:20px;font-size:12px;display:inline-flex}.install-stack{gap:16px;padding-top:10px;display:grid}.install-box{background:var(--neutral-25);border-radius:20px;padding:22px 24px}.install-box-top{color:var(--neutral-600);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.install-box-top>span{align-items:center;gap:8px;display:flex}.terminal-dot{background:var(--neutral-400);border-radius:50%;width:5px;height:5px}.copy-install{color:var(--neutral-600);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-size:10px;display:inline-flex}.copy-install:hover{color:var(--neutral-950)}.install-box pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--neutral-950);margin:21px 0 5px;font-size:11px;line-height:2.1}.install-box code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.install-box-bottom{color:var(--neutral-600);align-items:center;gap:8px;margin-top:16px;font-size:10px;display:flex}.install-box-bottom strong{color:var(--neutral-950);font-weight:450}.ready-dot{background:var(--green-500);border-radius:50%;width:5px;height:5px}.copy-status-icon{flex:0 0 14px;display:inline-block;position:relative}.copy-status-icon>svg{transition:opacity .18s,transform .18s;position:absolute;inset:0}.copy-status-original{opacity:1;transform:scale(1)}.copy-status-check{opacity:0;color:var(--green-600);transform:scale(.65)rotate(-12deg)}.copy-status-icon[data-copied=true] .copy-status-original{opacity:0;transform:scale(.7)rotate(12deg)}.copy-status-icon[data-copied=true] .copy-status-check{opacity:1;transform:scale(1)rotate(0)}.faq{grid-template-columns:1.2fr .8fr;gap:70px;display:grid}.faq-list{gap:12px;display:grid}.faq-list details{background:var(--neutral-25);border-radius:15px;padding:17px 20px}.faq-list summary{cursor:pointer;color:var(--neutral-900);justify-content:space-between;align-items:center;gap:12px;font-size:12px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--neutral-500);font-size:18px;font-weight:400;transition:transform .16s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:460px;margin-top:14px;font-size:12px;line-height:1.85}.closing{background:var(--neutral-25);border-radius:28px;justify-content:space-between;align-items:center;gap:30px;max-width:1104px;margin-top:100px;padding:40px 48px;display:flex}.closing h2{letter-spacing:-.02em;margin:14px 0;font-size:34px}.closing p{font-size:12px}.closing .main-button{flex-shrink:0}.site-footer{align-items:center;gap:28px;padding-top:42px;padding-bottom:36px;display:flex}.site-footer .site-brand{font-size:15px}.site-footer>span{color:var(--neutral-600);font-size:10px}.site-footer nav{color:var(--neutral-600);gap:24px;margin-left:auto;font-size:11px;display:flex}@media (max-width:1100px){.wrap{margin-inline:24px;padding-inline:0}.site-header,.site-nav{gap:24px}.hero{gap:0}h1{letter-spacing:-.02em;font-size:52px}.hero-art{transform:scale(.9)}.anchor-note{left:10px}.paint-section,.closing{padding:32px}.installation{gap:40px}.feature-card{padding-inline:20px}.feature-grid{gap:16px}.art-stage{height:200px}.details{gap:30px}}@media (max-width:800px){.site-header{height:80px}.site-nav{display:none}.github-link{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:32px}.hero-copy{text-align:center;padding-bottom:0}.hero-description{max-width:510px;margin-inline:auto}.hero-actions{justify-content:center}h1{font-size:52px}.palette-play{width:100%;max-width:510px;margin-inline:auto}.hero-art{height:405px;transform:scale(.94)}.anchor-note{left:45px}.principles{flex-wrap:wrap;gap:12px 28px}.section{margin-top:76px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{grid-template-columns:.8fr 1fr;align-items:center;gap:16px;padding:20px;display:grid}.art-stage{width:100%;height:auto;margin:0}.feature-copy{padding-right:10px}.feature-copy h3{font-size:20px}.feature-copy p{font-size:13px}.paint-section{grid-template-columns:1fr;gap:10px;margin-top:50px}.paint-copy{max-width:550px}.paint-copy h2 br{display:none}.paint-illustration{width:100%;max-width:550px;margin-inline:auto}.details{gap:24px}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:28px}.installation{grid-template-columns:1fr;gap:20px}.installation-copy>p{max-width:510px}.installation h2 br{display:none}.faq{grid-template-columns:1fr;gap:0}.faq .section-heading{margin-bottom:20px}.closing{margin-top:70px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer>span{margin-left:auto}.site-footer nav{justify-content:center;width:100%;margin-top:6px;margin-left:0}}@media (max-width:520px){.wrap{margin-inline:20px}.site-brand{font-size:17px}.hero{padding-top:22px}.hero .eyebrow{font-size:10px}h1{letter-spacing:-.02em;margin-top:22px;font-size:39px}.hero-description{font-size:14px}.hero-actions{gap:9px}.site-button{padding-inline:16px;font-size:12px}.hero-note{font-size:10px}.hero-art{transform-origin:top;height:340px;margin-bottom:-62px;transform:scale(.77)}.hero-orbit{width:330px;height:330px}.anchor-note{left:0}.study-controls{flex-direction:column;gap:6px}.study-options{gap:18px}.principles{grid-template-columns:repeat(2,1fr);gap:12px 20px;max-width:250px;margin-inline:auto;display:grid}.section-heading h2{letter-spacing:-.02em;font-size:29px}.section-heading p{font-size:13px}.feature-card{grid-template-columns:1fr;gap:0;padding:20px 24px 28px}.art-stage{max-width:310px;height:200px;margin-inline:auto}.feature-copy{padding:0}.feature-copy h3{font-size:21px}.feature-copy p{font-size:13px}.paint-section{padding:28px 24px}.paint-copy h2{font-size:30px}.art-label{gap:5px;font-size:9px}.details{grid-template-columns:1fr;gap:28px}.detail-icon{margin-bottom:12px;padding:10px}.details p{font-size:13px}.workflow-steps{gap:24px 20px}.workflow-steps h3{font-size:15px}.workflow-steps p{font-size:11px}.installation h2{font-size:30px}.install-box{padding:18px}.install-box-top,.install-box pre{font-size:10px}.faq-list summary{font-size:12px}.closing{flex-direction:column;align-items:start;gap:22px;padding:28px 24px}.closing h2{font-size:28px}.site-footer>span{font-size:9px}.site-footer nav{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.github-stars{background:var(--neutral-50);border-radius:999px;gap:7px;padding:7px 10px}.github-stars>svg{color:var(--purple-500)}.star-count{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}.site-header-frame{z-index:25;pointer-events:none;height:96px;position:sticky;top:0}.site-header-frame .site-header{pointer-events:auto;width:100%;margin-inline:auto;transition:width .32s,height .32s,padding .32s,max-width .32s,transform .32s,border-radius .32s,background-color .32s,box-shadow .32s,gap .32s}.site-header-frame[data-compact=true] .site-header{background:#fff;border-radius:9999px;gap:16px;width:calc(100% - 32px);max-width:860px;height:44px;padding:4px;transform:translateY(12px);box-shadow:0 4px 20px #19192314}.site-header-frame .site-brand{transition:padding .32s,font-size .32s}.site-header-frame[data-compact=true] .site-brand{padding-inline:12px;font-size:16px}.site-header-frame .site-nav{transition:gap .32s}.site-header-frame[data-compact=true] .site-nav{gap:22px}.site-header-frame[data-compact=true] .github-stars{height:36px;margin-left:0}@media (max-width:800px){.site-header-frame{height:80px}}@media (prefers-reduced-motion:reduce){.site-header-frame .site-header,.site-header-frame .site-brand,.site-header-frame .site-nav{transition:none}}@media (max-width:1100px){.site-header-frame[data-compact=false] .site-header{width:calc(100% - 48px)}}.heading-color-text{color:var(--heading-choice);cursor:text;-webkit-user-select:text;user-select:text;transition:color .18s}.heading-color-text::selection{color:var(--heading-choice);background:color-mix(in oklch, var(--heading-choice) 18%, white)}.heading-color-popup{z-index:40;background:var(--neutral-50);border-radius:9999px;align-items:center;gap:8px;padding:8px;animation:.16s color-popup-in;display:flex;position:fixed;box-shadow:0 4px 20px #1919231a}.heading-color-swatch{color:#fff;cursor:pointer;border:0;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;transition:transform .16s;display:grid}.heading-color-swatch:hover{transform:scale(1.08)}.heading-color-close{width:24px;height:32px;color:var(--neutral-600);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}@keyframes color-popup-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.heading-color-popup button:focus-visible{outline-offset:2px}.heading-color-trigger{clip-path:inset(50%);width:1px;height:1px;color:var(--purple-600);background:0 0;border:0;padding:0;position:absolute;top:0;right:0;overflow:hidden}.heading-color-trigger:focus-visible{clip-path:none;background:var(--neutral-50);border-radius:999px;place-items:center;width:28px;height:28px;display:grid;overflow:visible}.features>.section-heading,.workflow>.section-heading{text-align:center;max-width:720px;margin-inline:auto}.features>.section-heading p,.workflow>.section-heading p{max-width:500px;margin-inline:auto}.paint-illustration{grid-area:1/1}.paint-copy{grid-area:1/2}.details{text-align:center}.details p{max-width:290px;margin-inline:auto}.workflow-steps{gap:16px;margin:0}.workflow-steps>li{background:var(--neutral-25);text-align:center;border-radius:24px;min-width:0;padding:12px 22px 26px;position:relative}.workflow-art-stage{margin-bottom:16px;position:relative}.workflow-art{width:100%;height:145px;display:block}.workflow-art-stage .step-badge{background:#fff;width:24px;height:24px;margin:0;font-size:9px;position:absolute;top:6px;left:0}.workflow-steps h3{font-size:16px}.workflow-steps p{margin-top:10px;font-size:12px}.installation{display:block}.installation-heading{text-align:center;max-width:660px;margin:0 auto 32px}.installation-heading h2{margin:14px 0;font-size:34px}.installation-heading>p{max-width:450px;margin-inline:auto;font-size:14px;line-height:1.8}.installation .install-stack{grid-template-columns:1.15fr .85fr;gap:16px;padding-top:0}.installation .install-box{border-radius:24px;flex-direction:column;min-width:0;padding:26px;display:flex}.installation .install-box-bottom{margin-top:auto;padding-top:20px}.installation-meta{grid-template-columns:1fr 1fr;align-items:center;gap:16px 40px;max-width:850px;margin:26px auto 0;display:grid}.installation-meta .requirements{margin-top:0}.installation-meta .small-note{margin:0}.installation-meta .text-link{grid-column:1/-1;justify-self:center;margin-top:0}.faq{display:block}.faq>.section-heading{text-align:center;margin:0 auto 28px}.faq-list{max-width:760px;margin-inline:auto}.closing{text-align:center;flex-direction:column;gap:22px;padding-block:44px}.closing h2 br{display:none}.closing>div{max-width:670px}@media (max-width:800px){.paint-copy,.paint-illustration{grid-area:auto}.paint-copy{text-align:center}.paint-copy p{max-width:480px;margin-inline:auto}.workflow-steps>li{padding-inline:18px}.installation .install-stack{grid-template-columns:1fr}.installation-meta{text-align:center;grid-template-columns:1fr;gap:14px;max-width:550px}.installation-meta .small-note{max-width:440px;margin-inline:auto}.details{text-align:left}.details p{max-width:none}}@media (max-width:520px){.workflow-steps{gap:12px}.workflow-steps>li{padding:8px 12px 20px}.workflow-art{height:112px}.workflow-steps h3{font-size:14px}.workflow-steps p{font-size:12px;line-height:1.75}.installation-heading h2{font-size:28px}.installation .install-box{padding:20px}.installation-meta .text-link{grid-column:auto}}@media (max-width:360px){.workflow-steps{grid-template-columns:1fr}.workflow-steps>li{padding:14px 22px 24px}.workflow-art{height:140px}.workflow-steps h3{font-size:16px}.workflow-steps p{font-size:12px}}:root{--lagoon:#279f93;--lagoon-soft:color-mix(in oklch, var(--lagoon) 6%, white);--lagoon-ink:color-mix(in oklch, var(--lagoon) 76%, var(--neutral-950))}.status-dot,.dot-two{background:var(--lagoon)}.paint-section{background:var(--lagoon-soft)}.paint-copy>.eyebrow,.paint-illustration .art-label{color:var(--lagoon-ink)}.details article:last-child .detail-icon{background:var(--lagoon-soft);color:var(--lagoon-ink)}.workflow-art-stage .step-badge,.installation-meta .text-link{color:var(--lagoon-ink)}.closing .main-button{background:var(--lagoon-ink);color:#fff}.closing .main-button:hover{background:color-mix(in oklch, var(--lagoon) 64%, var(--neutral-950));color:#fff}.heading-color-popup{width:200px;display:block}.heading-color-options{align-items:center;gap:8px;display:flex}.heading-color-details{display:none}@media (min-width:801px){.heading-color-popup{background:#fff;border-radius:22px;width:392px;padding:16px}.heading-color-options{justify-content:space-between;padding:0 2px 14px}.heading-color-details{background:var(--neutral-25);border-radius:14px;padding:14px;font-size:12px;display:block}.heading-color-detail-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:500;display:flex}.heading-color-detail-title>span{border-radius:5px;width:14px;height:14px}.heading-color-detail-title small{color:var(--neutral-500);margin-left:auto;font-size:10px;font-weight:400}.heading-color-details dl{gap:8px;margin:0;display:grid}.heading-color-details dl>div{grid-template-columns:50px 1fr;align-items:baseline;display:grid}.heading-color-details dt{color:var(--neutral-500);font-size:11px}.heading-color-details dd{min-height:18px;margin:0}.heading-color-details code{color:var(--neutral-950);font-family:ui-monospace,monospace;font-size:12px}.heading-color-details p{color:var(--neutral-600);margin-top:12px;font-size:10px}}.install-help{color:var(--neutral-600);margin:16px 0 0;font-size:12px;line-height:1.7}.installation .install-box-bottom{align-items:flex-start;line-height:1.7}.installation .ready-dot{flex-shrink:0;margin-top:7px}.installation .install-box-bottom a{color:var(--neutral-950);overflow-wrap:anywhere}.install-troubleshooting{background:var(--neutral-25);border-radius:20px;grid-column:1/-1;padding:18px 24px;font-size:13px}.install-troubleshooting summary{cursor:pointer;font-weight:450}.install-troubleshooting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:20px;display:grid}.install-troubleshooting h3{margin-bottom:8px;font-size:14px}.install-troubleshooting p{color:var(--neutral-600);font-size:12px;line-height:1.8}.install-snippet{min-width:0;margin-top:12px}.install-snippet>button{margin-bottom:8px}.install-snippet pre{margin:0;font-size:11px;line-height:1.8;overflow-x:auto}@media (max-width:640px){.install-troubleshooting-grid{grid-template-columns:minmax(0,1fr)}}.installation .install-box.terminal-window{background:var(--neutral-25);border-radius:20px;padding:0;overflow:hidden}.terminal-titlebar{background:var(--neutral-50);grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:8px;min-height:42px;padding:0 20px;display:grid}.terminal-window-dots{align-items:center;gap:6px;display:flex}.terminal-window-dots>span{background:var(--red-400);border-radius:50%;width:8px;height:8px}.terminal-window-dots>span:nth-child(2){background:var(--orange-400)}.terminal-window-dots>span:nth-child(3){background:var(--green-400)}.terminal-window-title{color:var(--neutral-600);text-align:center;white-space:nowrap;font-size:11px;font-weight:450}.terminal-shell{text-align:right;color:var(--neutral-500);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.terminal-body{flex-direction:column;flex:1;min-width:0;padding:20px 24px 24px;display:flex}.terminal-body .install-box-top{align-items:flex-start}.terminal-body .install-box-top>span{color:var(--neutral-950);font-size:12px;font-weight:450}.terminal-body .install-help{margin-top:12px}.installation .terminal-commands{white-space:normal;margin:20px 0 0;font-size:12px;line-height:1.9}.terminal-line{grid-template-columns:12px minmax(0,1fr);gap:8px;display:grid}.terminal-line+.terminal-line{margin-top:6px}.terminal-line code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.terminal-prompt{color:var(--lagoon-ink);-webkit-user-select:none;user-select:none;font-size:11px}.terminal-cursor{background:var(--lagoon-ink);opacity:.65;vertical-align:-2px;-webkit-user-select:none;user-select:none;border-radius:1px;width:7px;height:13px;margin-left:6px;display:inline-block}@media (max-width:640px){.terminal-body{padding:16px 18px 20px}.terminal-titlebar{padding-inline:16px}.terminal-body .install-box-top{flex-wrap:wrap;gap:6px 12px}}