@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.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}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-cyrillic-ext-wght-normal.d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-cyrillic-wght-normal.BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-greek-wght-normal.CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-vietnamese-wght-normal.Dg1JeJN0.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:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-latin-ext-wght-normal.CIII54If.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:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/ibm-plex-sans-latin-wght-normal.IvpUvPa2.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}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-cyrillic-ext-wght-normal.YcVxMP-u.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-cyrillic-wght-normal.UWPuZLjM.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-math-wght-normal.sOy7rEfW.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-symbols-wght-normal.DQ5VrUkH.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-vietnamese-wght-normal.CfJ7gtf3.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-latin-ext-wght-normal.C2Wlntb9.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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_next/static/media/lora-latin-wght-normal.BiLcIKcI.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}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-vietnamese-wght-normal.6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-ext-wght-normal.DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-wght-normal.BgDaEnEv.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}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.DHIcAJRg.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}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.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}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-wght-normal.BhU9QXUp.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}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-cyrillic-ext-wght-normal.c-5QAGAI.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-cyrillic-wght-normal.BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-greek-ext-wght-normal.BXZfsJY4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-greek-wght-normal.Cc-u-6OI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-vietnamese-wght-normal.BDs68eHQ.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-latin-ext-wght-normal.C8iNium2.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-sans-3-latin-wght-normal.Bo_j9asI.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}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.Xz1IZZA0.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2)format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2)format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2)format("woff2"),url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2)format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:var(--font-interface,"DM Sans Variable"),sans-serif;color:#202422;font-synthesis:none;--surface:#fff;--canvas:#f7f8fa;--text:#202422;--muted:#59697f;--line:#e2e5ea;--strong-line:#7a8ba2;--blue:#2470d3;--blue-soft:#ecf3fd;--green:#213e64;--green-soft:#edf0f5;--lime:#80b3f5;--control-height:32px;--body-size:.8125rem;--panel-radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}*{box-sizing:border-box}body{font-size:var(--body-size);margin:0;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button{color:inherit}svg{stroke-width:1.7px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:600;line-height:1.25}h1{font-size:1.85rem}h2{font-size:1.125rem}h3{font-size:.9rem}p{color:var(--muted)}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}main:focus{outline:none}input,select{min-width:0}code,kbd,pre{font-family:IBM Plex Mono,monospace}code{font-size:.75rem}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.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{background:var(--text);color:var(--surface);z-index:100;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.btn{min-height:var(--control-height);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 13px;font-size:.75rem;font-weight:550;line-height:1.4;transition:background .14s,box-shadow .14s;display:inline-flex}.btn-primary{background:var(--text);color:var(--surface);border-color:var(--text)}.btn-primary:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 1px 2px #00000005}.btn-secondary:hover:not(:disabled){background:var(--canvas);border-color:var(--strong-line)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--canvas)}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--canvas);color:var(--text)}.muted{color:var(--muted)}.badge{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--muted);background:var(--canvas);border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:.625rem;font-weight:500;line-height:1.4;display:inline-flex}.sidebar{border-right:1px solid var(--line);z-index:30;scrollbar-width:thin;background:#fafbfc;flex-direction:column;width:222px;padding:0 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-link{padding:24px 7px 22px;display:block}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:7px;display:flex}.brand-mark{letter-spacing:-.17em;font-size:1.65rem;font-weight:850;line-height:1}.brand-mark>span{margin-left:3px;display:inline-block}.brand-dash{color:#788178;margin:0 1px 0 3px;font-size:1rem}.brand-name{letter-spacing:-.07em;font-size:1.2rem;font-weight:650}.brand-dot{vertical-align:top;margin-left:3px;padding-top:3px;font-size:.5rem;display:inline-block}.system-picker{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:31px 1fr 14px;align-items:center;gap:0 7px;margin-bottom:14px;padding:10px 8px;display:grid;position:relative}.system-avatar{color:#313c4b;background:#dfe4ea;border:1px solid #ced5de;border-radius:6px;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:600;display:grid}.system-picker select{-webkit-appearance:none;appearance:none;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:600}.system-picker>span{color:var(--muted);grid-column:2/4;font-size:.625rem}.sidebar-search{border:1px solid var(--line);color:var(--muted);background:#f3f4f6;border-radius:5px;align-items:center;gap:7px;width:100%;min-height:32px;padding:7px 8px;font-size:.6875rem;display:flex}.sidebar-search kbd{border:1px solid var(--line);background:var(--surface);border-radius:3px;margin-left:auto;padding:0 3px;font-size:.6rem}.nav-group{margin-top:22px}.nav-group>p{letter-spacing:.1em;color:var(--muted);margin:0 10px 7px;font-size:.55rem;font-weight:650}.nav-link{color:#506074;border-radius:5px;align-items:center;gap:10px;min-height:32px;margin-bottom:2px;padding:7px 10px;font-size:.75rem;display:flex;position:relative}.nav-link:hover{color:var(--text);background:#f0f2f4}.nav-link.active{color:#1d3657;background:#e9eef4;font-weight:550}.nav-link.active:before{content:"";background:var(--blue);border-radius:4px;width:2px;height:16px;position:absolute;left:-14px}.nav-tag{color:#3c4c60;background:#e8edf3;border:1px solid #c8d1dd;border-radius:3px;margin-left:auto;padding:0 4px;font-size:.55rem}.sidebar-bottom{margin-top:auto;padding-top:25px}.build-note{color:#2b3543;background:#eef1f6;border:1px solid #d9dfe7;border-radius:8px;padding:12px;position:relative}.tiny-spark{position:absolute;top:12px;right:10px}.build-note strong{font-size:.6875rem}.build-note p{color:#4e5d71;margin:5px 0 10px;font-size:.65rem}.build-note a{align-items:center;gap:5px;font-size:.65rem;font-weight:600;display:flex}.profile{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;margin-top:16px;padding:17px 0;display:flex}.profile-avatar{color:#435368;background:#dde2e8;border-radius:50%;place-items:center;width:29px;height:29px;font-size:.6rem;display:grid}.profile>span:nth-child(2){flex:1;font-size:.7rem;font-weight:500}.profile small{color:var(--muted);margin-top:2px;font-size:.6rem;font-weight:400;display:block}.shell{min-height:100vh;margin-left:222px}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;height:58px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:.7rem;display:flex}.breadcrumb>span:last-child{color:var(--text)}.topbar-actions{align-items:center;gap:12px;display:flex}.starter-label{color:var(--muted);align-items:center;gap:6px;font-size:.625rem;display:flex}.starter-label i,.live-dot{background:#405a7b;border-radius:50%;width:5px;height:5px;display:inline-block}.topbar-divider{background:var(--line);width:1px;height:20px}.mobile-menu{display:none}.main-content{max-width:1530px;min-height:calc(100vh - 58px);margin:0 auto;padding:34px 38px 0}.eyebrow{letter-spacing:.14em;color:var(--muted);margin-bottom:10px;font-size:.575rem;font-weight:600}.overview-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.overview-top h1{letter-spacing:-.045em;font-size:1.65rem}.overview-top h1 span{color:#727b77;font-weight:400}.overview-top p{margin-top:8px;font-size:.75rem}.hero{border-radius:var(--panel-radius);background:#e9eef4;border:1px solid #d4dbe5;grid-template-columns:1.1fr 1fr;min-height:294px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:30px 32px;position:relative}.hero-kicker{letter-spacing:.12em;color:#4c5a6d;align-items:center;gap:8px;font-size:.5rem;font-weight:600;display:flex}.mini-mark{letter-spacing:-.06em;border:1px solid #bfc7d2;border-radius:3px;padding:1px 3px;font-size:.5rem;font-weight:750}.hero h2{letter-spacing:-.055em;color:#232a33;margin:21px 0 13px;font-size:2.05rem;font-weight:550;line-height:1.15}.hero p{color:#505f72;font-size:.75rem;line-height:1.7}.hero-actions{align-items:center;gap:20px;margin-top:23px;display:flex}.hero-actions>.btn{color:#fff;background:#272e38;border-color:#272e38;padding:9px 13px}.hero-actions>a{color:#2b3543;align-items:center;gap:7px;font-size:.7rem;font-weight:550;display:flex}.hero-footnote{color:#54657a;margin-top:24px;font-size:.575rem;display:block}.hero-art{background-image:linear-gradient(#b3becd2c 1px,#0000 1px),linear-gradient(90deg,#b3becd2c 1px,#0000 1px);background-size:27px 27px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12%);mask-image:linear-gradient(90deg,#0000,#000 12%)}.art-window{z-index:1;background:#fff;border:1px solid #c5cdd7;border-radius:12px;width:300px;max-width:83%;padding:12px;position:relative;transform:rotate(-7deg);box-shadow:0 18px 30px -12px #333f4e20}.art-window-top{align-items:center;gap:4px;margin-bottom:12px;padding:3px;display:flex}.art-window-top i{background:#b3bdca;border-radius:50%;width:4px;height:4px}.art-window-top span{color:#56667b;margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:.45rem}.art-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.art-type{letter-spacing:-.07em;color:#384d69;background:#edf1f7;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:3.5rem;font-weight:450;line-height:1.15}.art-type span{letter-spacing:0;color:#57687e;margin:7px 0 2px;font-size:.5rem;display:block}.art-symbol{background:#aac7ed;border-radius:6px;grid-template-columns:1fr 1fr;gap:3px;padding:17px;display:grid}.art-symbol div{aspect-ratio:1;background:#2d3a4c;border-radius:100% 0 100% 100%}.art-symbol div:nth-child(2){transform:rotate(90deg)}.art-symbol div:nth-child(3){transform:rotate(-90deg)}.art-symbol div:nth-child(4){transform:rotate(180deg)}.art-colors{border-radius:6px;height:61px;display:flex;overflow:hidden}.art-colors i{background:#172e4d;flex:1}.art-colors i:nth-child(2){background:#496a94}.art-colors i:nth-child(3){background:#8ea7c7}.art-colors i:nth-child(4){background:#c8d6e9}.art-controls{color:#323b47;border:1px solid #dfe3e9;border-radius:6px;padding:10px;font-size:.45rem}.art-controls span{white-space:nowrap;align-items:center;gap:5px;display:flex}.art-controls span i{background:#556c8b;border-radius:9px;width:16px;height:9px;position:relative}.art-controls span i:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1.5px;right:2px}.art-controls b{background:#eaeef3;border-radius:3px;justify-content:space-between;align-items:center;margin-top:9px;padding:4px 7px;font-size:.5rem;font-weight:500;display:flex}.art-floating{z-index:2;color:#3d4b5e;background:#fff;border:1px solid #c8d1dc;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:.6rem;display:flex;position:absolute;bottom:38px;right:25px;transform:rotate(3deg);box-shadow:0 6px 18px #22304310}.art-orbit{border:1px solid #bcc6d470;border-radius:50%;width:355px;height:355px;position:absolute;transform:rotate(25deg)}.orbit-two{width:430px;height:430px}.art-cross{color:#5d6e85;font-size:1.6rem;font-weight:200;position:absolute;top:30px;right:45px}.stats-strip{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;padding:17px 0;display:grid}.stats-strip>a{border-right:1px solid var(--line);align-items:center;gap:13px;padding:0 22px;display:flex}.stats-strip>a:last-child{border:0}.stat-icon{background:var(--canvas);border:1px solid var(--line);color:#69756e;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.stats-strip strong{letter-spacing:-.045em;font-size:1.25rem;font-weight:550;line-height:1}.stats-strip small{color:var(--muted);margin-top:4px;font-size:.6rem;display:block}.stats-strip>a>svg{color:var(--muted);margin-left:auto}.section-title{justify-content:space-between;align-items:center;gap:20px;margin:32px 0 16px;display:flex}.section-title h2{letter-spacing:-.025em;font-size:1rem}.section-title p{margin-top:5px;font-size:.7rem}.section-title>a{white-space:nowrap;align-items:center;gap:7px;font-size:.65rem;font-weight:500;display:flex}.foundation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.foundation-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;transition:border-color .14s,transform .14s;overflow:hidden}.foundation-card:hover{color:var(--text);border-color:#9eabbc;transform:translateY(-2px)}.foundation-card>div:last-child{padding:16px 18px}.foundation-card h3{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.foundation-card h3 svg{color:#7b857e}.foundation-card p{margin-top:5px;font-size:.65rem}.mini-preview{border-bottom:1px solid var(--line);color:#202422;background:#f6f7f8;justify-content:center;align-items:center;height:115px;padding:20px;display:flex;overflow:hidden}.mini-color{background:#f5f6f8}.swatch-stack{border-radius:8px;width:85%;max-width:240px;height:51px;display:flex;overflow:hidden;transform:rotate(-6deg);box-shadow:0 5px 10px #00000009}.swatch-stack i{flex:1}.type-specimen{align-items:center;gap:13px;display:flex}.type-specimen>span{letter-spacing:-.08em;font-size:3.7rem;line-height:1}.type-specimen>div{letter-spacing:-.02em;font-size:.625rem}.type-specimen small{color:#5d6f86;margin-top:5px;font-size:.475rem;display:block}.spacing-specimen{align-items:flex-end;gap:10px;height:76px;display:flex}.spacing-specimen>div{flex-direction:column;align-items:center;gap:5px;display:flex}.spacing-specimen i{background:#dee4eb;border:1px solid #bcc7d6;border-radius:3px 3px 0 0;width:18px;max-height:65px;display:block}.spacing-specimen small{color:#59697f;font-family:IBM Plex Mono,monospace;font-size:.45rem}.grid-specimen{gap:7px;width:90%;height:75px;display:flex}.grid-specimen i{background:#e2ebf7;border:1px solid #cbd9eb;border-radius:3px;flex:1}.radius-specimen{gap:12px;display:flex}.radius-specimen i{background:#e5e9ef;border:2px solid #546479;width:40px;height:40px}.elevation-specimen{gap:15px;display:flex}.elevation-specimen i{background:#fff;border:1px solid #dce0e6;border-radius:5px;width:50px;height:50px;box-shadow:0 2px 4px #20242218}.elevation-specimen i:nth-child(2){box-shadow:0 5px 12px #20242225}.elevation-specimen i:nth-child(3){box-shadow:0 9px 20px #20242235}.generic-specimen{color:#4b596c;text-transform:capitalize;align-items:center;gap:20px;display:flex}.overview-lower{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.component-showcase,.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;display:flex}.panel-heading>span:first-child{align-items:center;gap:8px;font-size:.675rem;font-weight:550;display:flex}.showcase-body{flex-direction:column;gap:25px;padding:24px;display:flex}.small-label{letter-spacing:.1em;color:var(--muted);margin-bottom:11px;font-size:.5rem;font-weight:600;display:block}.demo-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.showcase-bottom{justify-content:space-between;gap:30px;display:flex}.panel-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.65rem;display:flex}.agent-card{color:#2f3843;background:#f1f4f7;border:1px solid #dee4eb;border-radius:8px;padding:22px;position:relative;overflow:hidden}.agent-card-top{justify-content:space-between;align-items:center;display:flex}.agent-card-top .badge{color:#5e7088;letter-spacing:.05em;background:0 0;border:0;font-size:.5rem}.agent-icon{color:#5d7492;background:#e6ecf3;border:1px solid #dce2e9;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.agent-card h2{margin:15px 0 10px;font-size:1.35rem;font-weight:500;line-height:1.25}.agent-card p{color:#58697f;max-width:270px;font-size:.675rem}.agent-card>a{color:#3d4958;align-items:center;gap:9px;margin-top:16px;font-size:.675rem;font-weight:550;display:flex}.agent-logos{border-top:1px solid #dae0e7;flex-wrap:wrap;gap:17px;margin-top:18px;padding-top:13px;display:flex}.agent-logos span{color:#526175;align-items:center;gap:5px;font-size:.575rem;display:flex}.import-note{background:var(--canvas);border:1px solid var(--line);border-radius:7px;align-items:center;gap:14px;margin-top:24px;padding:16px 19px;display:flex}.import-note strong{margin-bottom:2px;font-size:.7rem;display:block}.import-note span{color:var(--muted);font-size:.65rem}.import-note>a{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:.65rem;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:35px;padding:20px 0 25px;font-size:.55rem;display:flex}.site-footer>span:nth-child(2){align-items:center;gap:7px;display:flex}.site-footer i{background:var(--muted);border-radius:50%;width:2px;height:2px}.site-footer a{align-items:center;gap:5px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-heading p{max-width:620px;margin-top:10px;font-size:.8rem}.heading-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.field{flex-direction:column;gap:7px;width:100%;font-size:.75rem;font-weight:500;display:flex}.field input:not([type=range]):not([type=color]){border:1px solid var(--strong-line);background:var(--surface);color:var(--text);border-radius:6px;width:100%;min-height:36px;padding:8px 11px;font-size:.75rem;font-weight:400}.field>span{font-size:.65rem;font-weight:400}.field-error,.error-note{color:#2b66b3}.check-label{cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:.75rem;display:flex}.check-label input{accent-color:var(--blue);width:15px;height:15px;margin:0}.switch-label{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:32px;font-size:.75rem;display:flex}.switch-label input{-webkit-appearance:none;appearance:none;border:1px solid var(--strong-line);background:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;width:30px;height:18px;position:relative}.switch-label input:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .14s;display:block;position:absolute;top:2px;left:2px}.switch-label input:checked{background:var(--blue);border-color:var(--blue)}.switch-label input:checked:after{transform:translate(12px)}.banner{border:1px solid var(--line);background:var(--canvas);border-radius:8px;align-items:flex-start;gap:11px;margin-top:25px;padding:18px 20px;display:flex}.banner>svg{color:inherit;flex-shrink:0;margin-top:2px}.banner strong{font-size:.75rem;font-weight:550}.banner p{max-width:800px;margin-top:5px;font-size:.7rem}.demo-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;max-width:360px;padding:20px;box-shadow:0 2px 4px #00000004}.demo-card p{margin:8px 0 13px;font-size:.75rem}.accordion{border:1px solid var(--strong-line);background:var(--surface);border-radius:6px;width:100%}.accordion summary{cursor:pointer;padding:12px 14px;font-size:.75rem;font-weight:500}.accordion p{padding:0 14px 15px;font-size:.75rem}.progress{width:100%}.progress>div{justify-content:space-between;margin-bottom:8px;font-size:.7rem;display:flex}.progress progress{-webkit-appearance:none;appearance:none;background:var(--line);border:0;border-radius:9px;width:100%;height:7px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--blue);border-radius:9px}progress::-moz-progress-bar{background:var(--blue)}.modal{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 25px 100px #00000030}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171b2070}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.modal-heading h2{font-size:1.15rem}.modal>p{margin-bottom:20px;font-size:.75rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.search-modal{width:min(590px,100vw - 32px)}.search-input,.inline-search{border:1px solid var(--strong-line);background:var(--surface);color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:8px 10px;display:flex}.search-input input,.inline-search input{color:var(--text);outline-offset:5px;background:0 0;border:0;width:100%;font-size:.75rem}.search-input kbd{font-size:.55rem}.search-results{max-height:330px;margin:15px 0;overflow:auto}.search-results button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:.8rem;display:flex}.search-results button:hover{background:var(--canvas)}.search-results small{color:var(--muted);margin-top:3px;font-size:.65rem;display:block}.search-hint{margin-bottom:0!important;font-size:.6rem!important}.toast{border:1px solid var(--line);background:var(--text);color:var(--surface);z-index:100;opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:10px;padding:10px 18px;font-size:.75rem;transition:all .2s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}.token-summary{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px;display:grid}.token-summary>div{border:1px solid var(--line);border-radius:8px;align-items:center;gap:15px;padding:20px;display:flex}.summary-icon{border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.summary-icon.blue{background:var(--blue-soft);color:var(--blue)}.summary-icon.green{background:var(--green-soft);color:var(--green)}.token-summary strong{font-size:.85rem}.token-summary p{margin-top:3px;font-size:.7rem}.token-summary b{margin-left:auto;font-size:1.5rem;font-weight:500}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.segmented{border:1px solid var(--line);background:var(--canvas);border-radius:7px;gap:3px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented button{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:6px 11px;font-size:.7rem;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 1px 2px #00000008}.inline-search{width:225px}.table-scroll{border:1px solid var(--line);border-radius:8px;width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:690px;font-size:.75rem}th{background:var(--canvas);color:var(--muted);padding:13px 16px;font-size:.65rem;font-weight:550}td{border-top:1px solid var(--line);color:var(--muted);padding:14px 16px}td:first-child{color:var(--text)}.token-value{align-items:center;gap:8px;display:flex}.token-value i{border:1px solid #8e959a;border-radius:4px;flex-shrink:0;width:16px;height:16px}.token-value code{font-size:.65rem}.table-note{margin-top:11px;font-size:.65rem}.empty-result{text-align:center;padding:30px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.component-tile{border:1px solid var(--line);border-radius:9px;overflow:hidden}.component-tile-demo{background:var(--canvas);justify-content:center;align-items:center;min-height:170px;padding:30px;display:flex}.component-tile-demo>.field,.component-tile-demo>.demo-stack{width:100%;max-width:300px}.component-tile-demo .banner{margin:0}.component-tile>a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;display:flex}.component-tile h2{font-size:.9rem}.component-tile p{margin-top:5px;font-size:.7rem}.demo-stack{flex-direction:column;gap:13px;display:flex}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:20px;font-size:.7rem;display:inline-flex}.component-detail{border:1px solid var(--line);border-radius:9px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;font-size:.65rem;display:flex}.preview-toolbar>span{align-items:center;gap:6px;display:flex}.large-preview{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex}.large-preview>.field,.large-preview>.demo-stack,.large-preview>.progress{width:100%;max-width:370px}.doc-columns{grid-template-columns:minmax(0,1fr) 230px;gap:55px;margin-top:32px;display:grid}.prose{max-width:760px}.prose h2{margin:28px 0 13px;font-size:1.1rem}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--muted);font-size:.8rem;line-height:1.8}.prose ul,.prose ol{padding-left:20px}.prose li{margin:9px 0;padding-left:5px}.prose code{background:var(--canvas);border:1px solid var(--line);overflow-wrap:anywhere;color:var(--text);border-radius:3px;padding:1px 3px;font-size:.7rem}.doc-aside{border-left:1px solid var(--line);align-self:start;padding-left:24px}.doc-aside h3{margin-bottom:18px;font-size:.75rem}.doc-aside p{margin:12px 0;font-size:.7rem}.doc-aside strong{color:var(--text);margin-top:3px;font-weight:500;display:block}.doc-aside a{align-items:center;gap:7px;margin:15px 0;font-size:.7rem;display:flex}.doc-aside code{overflow-wrap:anywhere;font-size:.65rem}.text-link{color:var(--blue);align-items:center;gap:7px;margin-top:15px;font-size:.75rem;display:inline-flex}.code-block{border:1px solid var(--line);background:var(--canvas);border-radius:8px;margin:20px 0;overflow:hidden}.code-block>div{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:9px 13px;font-size:.625rem;display:flex}.code-block button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;min-height:28px;padding:5px;font-size:.625rem;display:flex}.code-block pre{tab-size:2;margin:0;padding:18px;font-size:.7rem;line-height:1.85;overflow:auto}.code-block code{font-size:inherit;background:0 0;border:0;padding:0}.copy-error{color:#2b66b3;padding:8px;font-size:.7rem;display:block}.foundation-detail-preview .mini-preview{border:1px solid var(--line);border-radius:10px;height:220px}.foundation-detail-preview .type-specimen>span{font-size:7rem}.foundation-detail-preview .type-specimen>div{font-size:.9rem}.foundation-detail-preview .swatch-stack{max-width:600px;height:90px}.theme-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;display:grid}.theme-controls{flex-direction:column;gap:20px;padding:24px;display:flex}.theme-controls h2{font-size:1rem}.theme-controls>.muted{margin-top:-12px;font-size:.7rem}.color-input-row{align-items:center;gap:10px;display:flex}.color-input-row input{border:1px solid var(--strong-line);background:var(--surface);border-radius:5px;width:40px;height:35px;padding:3px}.theme-controls .small-label{margin:0}.palette-choices{gap:10px;margin-top:-8px;display:flex}.palette-choices button{border:1px solid #0002;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.field input[type=range]{accent-color:var(--blue);width:100%;min-height:24px}.contrast-summary{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;font-size:.7rem;display:flex}.contrast-summary strong{margin-left:auto}.theme-preview{border:1px solid var(--line);--surface:#fff;--canvas:#f7f8fa;--text:#202422;--muted:#59697f;--line:#e2e5ea;--strong-line:#7a8ba2;--blue:var(--preview-accent);color:#202422;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f8fa;border-radius:9px;overflow:hidden}.theme-sample{background:#fff;border:1px solid #dce0e6;border-radius:12px;flex-direction:column;gap:18px;max-width:430px;margin:40px auto;padding:30px;display:flex;box-shadow:0 10px 30px #00000005}.theme-sample-logo{width:42px;height:42px;color:var(--preview-accent);border:1px solid #e2e5ea;border-radius:10px;place-items:center;display:grid}.theme-sample h2{font-size:1.5rem}.theme-sample>p{color:#59697f;margin-top:-10px;font-size:.75rem}.theme-sample .btn{border-radius:var(--preview-radius)}.theme-sample .btn-primary{background:var(--preview-accent);border-color:var(--preview-accent);color:var(--preview-on-accent)}.theme-sample .field input{border-radius:var(--preview-radius)}.theme-sample hr{margin:0}.theme-sample .muted{font-size:.65rem}.export-row{flex-wrap:wrap;gap:10px;display:flex}.pattern-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.pattern-form{flex-direction:column;gap:20px;padding:28px;display:flex}.pattern-form h2{font-size:1.35rem}.pattern-form>p{font-size:.75rem}.review-diff{background:var(--canvas);border:1px solid var(--line);border-radius:7px;padding:15px}.review-diff>span{align-items:center;gap:7px;margin-top:10px;font-size:.65rem;display:flex}.review-diff i{border-radius:3px;width:14px;height:14px}.accessibility-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contrast-tool{padding:26px}.contrast-tool>p{margin-top:8px;font-size:.75rem}.contrast-inputs{gap:20px;margin:22px 0;display:flex}.contrast-inputs label{flex-direction:column;flex:1;gap:7px;font-size:.7rem;display:flex}.contrast-inputs input{background:var(--surface);border:1px solid var(--strong-line);cursor:pointer;border-radius:4px;width:100%;height:35px;padding:3px}.contrast-sample{text-align:center;border:1px solid var(--strong-line);border-radius:8px;padding:30px}.contrast-sample>span{font-size:4rem;line-height:1.2}.contrast-sample p{color:inherit;margin-top:10px}.contrast-result{align-items:center;gap:20px;margin-top:24px;display:flex}.contrast-result strong{letter-spacing:-.06em;font-size:2.4rem;font-weight:500}.contrast-result small{letter-spacing:0;font-size:1rem}.contrast-result>div{flex-direction:column;gap:6px;display:flex}.rule-list{flex-direction:column;gap:12px;display:flex}.rule-list article{border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:20px;padding:23px;display:flex}.rule-number{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.7rem}.rule-list h2{font-size:1rem}.rule-list p{max-width:740px;margin-top:7px;font-size:.75rem}.rule-list .badge{margin-left:auto}.agent-hero{color:#2f3843;background:#f4f6f8;border:1px solid #dee4eb;border-radius:10px;grid-template-columns:1fr 1fr;gap:45px;padding:40px;display:grid}.agent-hero h2{margin:20px 0 15px;font-size:2rem;line-height:1.15}.agent-hero p{color:#58697f;max-width:400px;font-size:.8rem}.agent-hero .btn{margin-top:20px}.agent-flow{flex-direction:column;justify-content:center;align-items:center;display:flex}.agent-flow>span{color:#2f3843;background:#fff;border:1px solid #dbe0e7;border-radius:8px;align-items:center;gap:12px;width:100%;padding:20px 16px;font-size:.7rem;display:flex}.agent-flow .badge{margin-left:auto}.agent-flow>i{background:#c2cad4;width:1px;height:25px}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0;display:grid}.capability-grid .panel{padding:25px}.capability-grid svg{color:var(--muted)}.capability-grid h2{margin:18px 0 10px;font-size:.95rem}.capability-grid p{font-size:.75rem;line-height:1.8}.capability-grid code{color:var(--blue);overflow-wrap:anywhere;font-size:.6rem}.connection-status{border:1px solid var(--line);border-radius:9px;align-items:center;gap:18px;padding:22px;display:flex}.connection-icon{background:var(--green-soft);width:45px;height:45px;color:var(--green);border-radius:10px;place-items:center;display:grid}.connection-status h2{font-size:1rem}.connection-status p{margin-top:5px;font-size:.7rem}.connection-status .badge{margin-left:auto}.figma-banner{background:var(--canvas);border:1px solid var(--line);border-radius:10px;align-items:center;gap:24px;padding:30px;display:flex}.figma-icon{border:1px solid var(--line);background:var(--surface);border-radius:12px;place-items:center;width:60px;height:60px;display:grid}.figma-banner h2{font-size:1.4rem}.figma-banner p{margin-top:8px;font-size:.75rem}.figma-banner .badge{margin-left:auto}.source-form{padding:24px}.source-form h2{font-size:1rem}.source-form p{margin:10px 0 20px;font-size:.75rem}.source-form .btn{margin-top:15px}.saved-source{display:flex}.source-check{align-items:center;gap:8px;display:flex}.empty-checkbox{border:1px solid var(--strong-line);border-radius:3px;width:12px;height:12px}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.start-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:30px;display:block}.start-card>div{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.start-card>div>span{font-family:IBM Plex Mono,monospace;font-size:.7rem}.start-card h2{margin-bottom:10px;font-size:1.1rem}.start-card p{max-width:340px;min-height:65px;font-size:.8rem}.start-card>svg{margin-top:20px}.start-card:hover{border-color:var(--strong-line)}.release{grid-template-columns:130px 1fr;gap:30px;padding:20px 0;display:grid}.release-date{letter-spacing:.08em;color:var(--muted);font-size:.65rem}.release h2{margin:20px 0 10px;font-size:1.5rem}.release h3{margin:30px 0 10px}.release li{color:var(--muted);margin:9px 0;font-size:.8rem}[data-theme=dark]{--surface:#181d23;--canvas:#1e242c;--text:#eceef1;--muted:#a2afbf;--line:#303945;--strong-line:#7688a0;--blue:#9dc4f7;--blue-soft:#263d5b;--green:#a7bcd8;--green-soft:#262f3b;background:var(--surface);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .nav-link{color:#adb8c6}[data-theme=dark] .nav-link:hover{background:#252c36}[data-theme=dark] .sidebar-search{background:#1f252c}[data-theme=dark] .build-note{color:#c9d8eb;background:#20262d;border-color:#343d4a}[data-theme=dark] .badge-warning{color:#a7c5ec;background:#222e3d;border-color:#405673}[data-theme=dark] .badge-success{border-color:#465568}[data-theme=dark] .hero,[data-theme=dark] .agent-card,[data-theme=dark] .agent-hero{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .btn-primary:hover{color:#18273a;background:#b8d4f9}[data-theme=dark] .agent-hero .btn-primary{color:#fff;background:#303944}[data-theme=dark] .hero .btn-primary:hover{background:#3c4857}[data-theme=dark] .overview-top h1 span{color:#9ba8ba}[data-theme=dark] .mini-preview{border-color:#ddd}[data-theme=dark] .theme-preview .badge{color:#59697f;background:#f7f8fa;border-color:#e2e5ea}[data-theme=dark] .theme-preview .badge-success{color:#213e64;background:#edf0f5;border-color:#cfd6df}[data-theme=dark] .agent-flow .badge{color:#59697f;background:#f7f8fa;border-color:#e2e5ea}[data-theme=dark] .agent-flow .badge-success{color:#213e64;background:#edf0f5;border-color:#cfd6df}@media (min-width:1500px){.hero h2{font-size:2.5rem}.hero{min-height:330px}.hero-copy{padding:36px 40px}.hero-art .art-window{width:330px}.mini-preview{height:135px}.main-content{padding-left:48px;padding-right:48px}}@media (max-width:1150px){.sidebar{width:206px;padding:0 12px}.shell{margin-left:206px}.main-content{padding:28px 26px 0}.topbar{padding:0 26px}.hero h2{font-size:1.8rem}.hero-copy{padding:27px 25px}.hero-art .art-window{max-width:90%}.stats-strip>a{gap:9px;padding:0 14px}.stat-icon{width:29px;height:29px}.stats-strip>a>svg{display:none}.overview-top h1{font-size:1.4rem}.overview-lower{grid-template-columns:1fr 1fr}.showcase-body{padding:20px}.showcase-bottom{gap:13px}.foundation-card>div:last-child{padding:14px}.site-footer>span:nth-child(2){display:none}.doc-columns{grid-template-columns:minmax(0,1fr) 200px;gap:25px}.theme-layout{grid-template-columns:250px minmax(0,1fr)}.theme-sample{margin:25px 20px;padding:23px}.agent-hero{gap:25px;padding:28px}.agent-flow>span{flex-wrap:wrap}.agent-flow .badge{margin-left:32px}.capability-grid{gap:12px}.capability-grid .panel{padding:20px}}@media (max-width:900px){.starter-label{display:none}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h2{font-size:2rem}.hero-copy{padding:30px}.hero-footnote{margin-top:20px}.foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-top{align-items:flex-start}.overview-top .btn{white-space:nowrap}.overview-top h1 span{margin-top:3px;display:block}.stats-strip{grid-template-columns:1fr 1fr;gap:18px 0}.stats-strip>a:nth-child(2){border:0}.stats-strip>a{padding:0 20px}.overview-lower,.pattern-grid,.accessibility-grid,.agent-hero{grid-template-columns:1fr}.foundation-grid .foundation-card:nth-child(3):last-child{grid-column:1/-1}.foundation-grid .foundation-card:nth-child(3):last-child .mini-preview{height:100px}.import-note{flex-wrap:wrap}.import-note>a{margin-left:32px}.showcase-bottom{justify-content:flex-start;gap:50px}.agent-card h2 br{display:none}.agent-card p{max-width:100%}.doc-columns{grid-template-columns:1fr}.doc-aside{border-left:0;border-top:1px solid var(--line);padding:22px 0}.theme-layout{grid-template-columns:1fr}.theme-controls{grid-template-columns:1fr 1fr;align-items:start;display:grid}.theme-controls>h2,.theme-controls>.muted,.theme-controls>.field-error{grid-column:1/-1}.theme-controls .small-label{display:none}.theme-controls .palette-choices{margin-top:25px}.theme-controls .contrast-summary{border:0;padding:0}.theme-sample{width:calc(100% - 40px);margin:25px auto}.capability-grid,.component-grid{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.token-summary{grid-template-columns:1fr}.release{grid-template-columns:1fr;gap:15px}.start-grid{grid-template-columns:1fr}.start-card p{min-height:0}.agent-flow .badge{margin-left:auto}}@media (max-width:700px){.sidebar{display:none}.shell{margin-left:0}.mobile-menu{display:flex}.topbar{gap:10px;height:54px;padding:0 16px}.breadcrumb{gap:7px;margin-right:auto;font-size:.65rem}.breadcrumb>span:first-child,.breadcrumb>svg{display:none}.topbar-actions{gap:6px}.topbar-divider{display:none}.topbar-actions>.btn{padding:6px 8px;font-size:.65rem}.topbar-actions>a{display:none}.main-content{padding:24px 20px 0}.overview-top{gap:10px}.overview-top h1{font-size:1.4rem}.overview-top p{font-size:.7rem}.overview-top>.btn{padding:6px 8px;font-size:.65rem}.eyebrow{font-size:.5rem}.hero h2{font-size:1.9rem}.hero-copy{padding:26px 24px}.hero-actions{gap:15px}.hero p{font-size:.75rem}.hero-footnote{font-size:.55rem}.section-title{align-items:flex-start;gap:12px}.section-title h2{max-width:280px;font-size:.95rem}.section-title>a{white-space:normal;flex-shrink:0;max-width:105px;font-size:.6rem;line-height:1.6}.section-title p{font-size:.65rem}.site-footer{align-items:flex-start;gap:15px;font-size:.55rem}.site-footer a{max-width:145px}.mobile-nav{border-radius:0;width:min(300px,100vw - 32px);height:100dvh;max-height:100dvh;margin:0;padding:15px;position:fixed;inset:0 auto 0 0;overflow:auto}.mobile-nav>.modal-heading{background:var(--surface);z-index:2;margin:0;padding:10px 0;position:sticky;top:-15px}.mobile-nav>.brand-link{padding:12px 8px 22px}.mobile-nav .sidebar-bottom{margin-top:20px}.mobile-nav .nav-link{min-height:40px}.mobile-nav .nav-link.active:before{left:-15px}.page-heading h1{font-size:1.65rem}.page-heading p{font-size:.75rem}.rule-list article{flex-wrap:wrap;gap:12px;padding:18px}.rule-list article>div{flex:1;min-width:180px}.rule-list .badge{margin-left:26px}.figma-banner{flex-wrap:wrap;gap:15px;padding:20px}.figma-banner .badge{margin-left:75px}.figma-banner h2{font-size:1.2rem}.figma-banner p{font-size:.7rem}.figma-banner>div{flex:1;min-width:150px}.connection-status{flex-wrap:wrap;gap:12px;padding:18px}.connection-status .badge{margin-left:57px}.connection-status>div{flex:1;min-width:180px}.prose p,.prose li{font-size:.8rem}.large-preview{min-height:240px;padding:25px}.component-tile-demo{padding:24px}.category-filter,.inline-search{width:100%}.contrast-tool{padding:20px}.accessibility-grid{gap:28px}.agent-hero{padding:25px}.agent-hero h2{font-size:1.8rem}.agent-flow>span{padding:17px 12px;font-size:.65rem}.start-card{padding:24px}.theme-controls{padding:20px}.theme-sample{padding:24px}.preview-toolbar{flex-wrap:wrap;padding:11px}.theme-sample .btn{min-height:36px}.source-form{padding:20px}}@media (max-width:420px){.main-content{padding:20px 15px 0}.topbar{padding:0 12px}.overview-top{flex-wrap:wrap}.overview-top h1 span{display:inline}.overview-top>.btn{margin-top:2px}.hero-copy{padding:24px 21px}.hero h2{font-size:1.75rem}.hero-actions{gap:12px}.hero-actions>a{font-size:.65rem}.hero-actions .btn{font-size:.7rem}.desktop-br{display:none}.hero-kicker{font-size:.45rem}.foundation-grid{grid-template-columns:1fr}.foundation-grid .foundation-card:nth-child(3):last-child{grid-column:auto}.mini-preview{height:125px}.stats-strip>a{gap:9px;padding:0 13px}.stats-strip small{font-size:.575rem}.stats-strip strong{font-size:1.1rem}.section-title h2{max-width:220px}.section-title>a{max-width:84px}.showcase-bottom{flex-wrap:wrap;gap:20px}.showcase-body{padding:20px 17px}.import-note{padding:15px}.import-note>div{flex:1}.site-footer{flex-direction:column;gap:8px}.site-footer a{max-width:none}.theme-controls{display:flex}.theme-controls .palette-choices{margin-top:-5px}.contrast-result{gap:12px}.contrast-result strong{font-size:2rem}.agent-card{padding:20px}.agent-logos{gap:13px}.doc-columns{gap:15px}.token-summary>div{padding:17px}.token-summary p{font-size:.65rem}}@media (pointer:coarse){.btn,.icon-button{min-width:44px;min-height:44px}.nav-link{min-height:44px}.segmented button{min-height:40px}.check-label,.switch-label{min-height:44px}.palette-choices button{width:40px;height:40px}.field input:not([type=range]):not([type=color]){min-height:44px;font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.btn,.badge,.panel,.hero,.switch-label input,.check-label input{border:1px solid canvastext}.switch-label input:after{background:canvastext}.hero-art{display:none}}.theme-preview .btn,.theme-preview input,.theme-preview select{font-family:inherit}.compact-field{min-width:100px;margin:0}.compact-field select{min-height:32px}.field select{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--strong-line);font:inherit;border-radius:6px;padding:8px}.field small{color:var(--muted);line-height:1.5}.foundation-lab{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:28px;overflow:hidden}.lab-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.lab-toolbar label{color:var(--muted);align-items:center;gap:12px;display:flex}.lab-toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--strong-line);border-radius:5px;max-width:210px;padding:6px 10px}.lab-caption{border-top:1px solid var(--line);padding:12px 20px;font-size:.75rem}.semantic-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:36px;display:grid}.semantic-samples>div{border-radius:6px;align-items:center;gap:12px;padding:18px;display:flex}.semantic-samples code{margin-left:auto}.semantic-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.type-lab{gap:24px;padding:32px;display:grid}.type-lab>span{letter-spacing:-.04em;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.type-lab p{max-width:60ch;color:var(--text)}.type-lab small{color:var(--muted)}.spacing-lab{background:var(--canvas);flex-wrap:wrap;justify-content:center;align-items:center;min-height:200px;display:flex}.spacing-lab>div{border:1px solid var(--strong-line);background:var(--surface);text-align:center;flex:1;place-content:center;gap:8px;min-width:90px;max-width:180px;min-height:110px;display:grid}.spacing-lab span{font-size:24px}.spacing-lab small{color:var(--muted)}.grid-lab{grid-template-columns:repeat(var(--lab-columns),minmax(0,1fr));background:var(--canvas);gap:16px;padding:24px;display:grid}.grid-lab>div{background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:10px;padding:20px;display:grid}.grid-lab i{background:var(--line);border-radius:3px;height:7px;display:block}.grid-lab i:last-child{width:65%}.state-lab{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:45px;display:flex}.state-control{isolation:isolate;border:1px solid var(--strong-line);background:var(--surface);border-radius:6px;padding:12px 32px;position:relative;overflow:hidden}.state-control i{z-index:-1;pointer-events:none;background:currentColor;position:absolute;inset:0}.surface-lab{background:var(--canvas);grid-template-columns:repeat(4,1fr);gap:20px;padding:50px 30px;display:grid}.surface-lab>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-items:center;gap:12px;padding:28px 8px;display:grid}.surface-lab small{color:var(--muted)}.layer-mark{font-size:32px}.foundation-quote{background:var(--canvas);border:1px solid var(--line);border-radius:8px;margin-bottom:28px;padding:45px 32px}.foundation-quote>span{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.5rem)}.guide-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:36px;display:flex;overflow-x:auto}.guide-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 0}.guide-tabs button[aria-pressed=true]{color:var(--text);border-color:var(--text);font-weight:600}.guide-body section{margin:28px 0}.guide-body h3{margin-bottom:10px}.guide-intro{color:var(--text);font-size:1rem}.guidance-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guidance-pair section{border-top:3px solid var(--green);padding-top:20px}.guidance-pair h3{align-items:center;gap:8px;display:flex}.guide-empty{background:var(--canvas);border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:24px}.guide-body .table-scroll{margin:20px 0}.guide-body .table-scroll table{min-width:520px}.guide-body .table-scroll code{overflow-wrap:normal}.guide-body .section-title{margin:0 0 16px}.guide-body .section-title h2{margin:0}@media (max-width:700px){.semantic-samples{grid-template-columns:1fr;padding:20px}.semantic-samples>div{flex-wrap:wrap}.surface-lab{grid-template-columns:repeat(2,1fr)}.guidance-pair{grid-template-columns:1fr;gap:0}.grid-lab{gap:10px;padding:14px}.grid-lab>div{padding:12px}.guide-tabs{gap:20px}.lab-toolbar{padding:14px}.type-lab{padding:24px}}:root{--text:#142c49;--muted:#506581;--surface:#fff;--canvas:#f3f7fd;--line:#d9e4f2;--strong-line:#778da9;--blue:#1957b7;--blue-soft:#e7f0ff;--green:#1b5596;--green-soft:#e8f2ff;--lime:#b8d8ff;--diagram:#c0d9fa;--diagram-ink:#163f75;--diagram-soft:#eef5ff}[data-theme=dark]{--surface:#0f213b;--canvas:#09182d;--text:#e5efff;--muted:#afc2dd;--line:#304967;--strong-line:#7996bc;--blue:#9fc7ff;--blue-soft:#1c395d;--green:#b0d5ff;--green-soft:#163452;--diagram:#284e7a;--diagram-ink:#d4e7ff;--diagram-soft:#142f50}.sidebar{background:#f5f8fe}.nav-link.active{color:#164a94;background:#e3eeff}.nav-tag,.system-avatar,.build-note{color:#214b86;background:#e6f0ff;border-color:#b9d0f1}.build-note p{color:#425f87}.hero{background:linear-gradient(120deg,#e9f3ff 0%,#dbeaff 62%,#c5ddff 100%);border-color:#adc9ef}.hero-kicker{color:#215594}.brand-mark{color:var(--blue)}.hero-art .orbit{border-color:#6696d044}.foundation-card{transition:transform .16s,border-color .16s}.foundation-card:hover{border-color:var(--blue);transform:translateY(-3px)}.mini-preview{background:linear-gradient(130deg,#eef6ff,#dceaff)}.foundation-quote{background:linear-gradient(125deg,var(--blue-soft),var(--surface));border-color:var(--line)}.page-heading .eyebrow{color:var(--blue);letter-spacing:.14em;font-size:.65rem}.guide-body .guide-intro{max-width:72ch;font-size:1rem;line-height:1.8}.guide-body .foundation-section{margin:44px 0}.foundation-section>h2{margin-bottom:16px;font-size:1.35rem}.foundation-section>p{max-width:78ch;margin:14px 0}.foundation-section a{text-underline-offset:3px;text-decoration:underline}.foundation-figure{border:1px solid var(--line);background:var(--diagram-soft);border-radius:12px;margin:24px 0;overflow:hidden}.figure-title{border-bottom:1px solid var(--line);letter-spacing:.01em;color:var(--text);padding:14px 20px;font-size:.75rem;font-weight:650}.foundation-figure figcaption{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);padding:14px 20px;font-size:.75rem;line-height:1.65}.principle-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.principle-cards>div{border:1px solid var(--line);border-top:3px solid var(--blue);background:var(--surface);border-radius:7px;padding:20px}.principle-cards h3{color:var(--blue)}.principle-cards p{font-size:.8rem!important}.token-anatomy{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.token-anatomy>div{background:var(--diagram-soft);gap:12px;min-width:0;padding:22px;display:grid}.token-anatomy code{color:var(--diagram-ink);overflow-wrap:anywhere;font-size:.9rem}.token-anatomy b{font-size:.75rem}.token-anatomy small{color:var(--muted);font-size:.75rem}.token-flow{align-items:center;gap:14px;padding:28px;display:flex}.token-flow>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;flex:1;gap:14px;min-width:0;padding:18px;display:flex}.token-flow code{overflow-wrap:anywhere}.token-flow small{letter-spacing:.09em;color:var(--muted);font-size:.6rem}.token-flow>span{color:var(--blue);font-size:20px}.flow-swatch{background:#165896;border-radius:4px;height:32px}.specimen-action{color:#fff;text-align:center;background:#165896;border-radius:6px;padding:9px 14px;font-size:.8rem;display:inline-block}.detail-code{background:var(--canvas);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);border-radius:8px;padding:20px;line-height:1.8}.annotated-dialog{grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:28px;display:grid}.annotated-dialog>div{background:var(--surface);border:1px solid var(--strong-line);border-radius:16px;padding:24px;box-shadow:0 12px 24px #0923431a}.annotated-dialog h3{margin:14px 0;font-size:1.15rem}.annotated-dialog>div>div{justify-content:flex-end;align-items:center;gap:20px;display:flex}.annotated-dialog ul{margin:0;padding:0;list-style:none}.annotated-dialog li{gap:5px;margin:14px 0;display:grid}.annotated-dialog code{overflow-wrap:anywhere}.grid-anatomy{background:var(--diagram);padding:24px}.column-stripes{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.column-stripes span{background:var(--diagram-soft);text-align:center;height:90px;color:var(--diagram-ink);padding-top:12px;font-size:.65rem}.composition-zones{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.composition-zones b{background:var(--surface);border:1px solid var(--blue);border-radius:4px;grid-column:span 8;padding:20px 12px;font-size:.75rem}.composition-zones b:nth-child(2){grid-column:span 4}.composition-zones b:last-child{grid-column:span 12}.diagram-legend{color:var(--diagram-ink);flex-wrap:wrap;gap:12px;margin-top:20px;font-size:.65rem;display:flex}.composition-patterns{gap:12px;padding:24px;display:grid}.composition-patterns>div{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.composition-patterns span{background:var(--diagram);color:var(--diagram-ink);text-align:center;border-radius:4px;padding:12px 0;font-size:.7rem}.composition-patterns .offset-zone{border:1px dashed var(--strong-line);color:var(--muted);background:0 0}.responsive-tracks{display:grid}.responsive-tracks span{background:var(--diagram);text-align:center;height:120px;color:var(--diagram-ink);padding-top:16px;font-size:.65rem}.panel-diagram{gap:16px;min-height:220px;padding:20px;display:flex;position:relative}.panel-diagram .diagram-panel{writing-mode:vertical-rl;background:var(--diagram);color:var(--diagram-ink);border:1px solid var(--strong-line);border-radius:6px;padding:16px 8px;font-size:.7rem}.panel-diagram .diagram-panel.expanded{writing-mode:horizontal-tb;width:25%}.panel-content-diagram{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:24px}.panel-content-diagram i{background:var(--line);height:15px;margin-top:16px;display:block}.panel-content-diagram i:last-child{width:60%}.overlay-panels .diagram-panel.expanded{z-index:1;width:35%;position:absolute;inset:20px auto 20px 20px;box-shadow:8px 0 20px #071c3626}.overlay-panels .diagram-panel.secondary-panel{left:auto;right:20px}.shape-gallery{flex-wrap:wrap;gap:20px;padding:28px;display:flex}.shape-gallery>div{text-align:center;flex:1;gap:16px;min-width:95px;display:grid}.shape-gallery>div>span{background:var(--diagram);border:1px solid var(--blue);height:85px;color:var(--diagram-ink);place-items:center;display:grid}.shape-gallery small{color:var(--muted);font-size:.7rem}.width-specimens,.comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid}.width-specimens>div>span{border:solid var(--blue);border-radius:6px;padding:18px;display:block}.width-specimens p{margin-top:12px}.box-model{background:var(--diagram);text-align:center;color:var(--diagram-ink);margin:24px;padding:18px}.box-model>div{border:2px solid var(--blue);background:var(--surface);margin-top:14px;padding:14px}.box-model>div>div{background:var(--diagram-soft);margin-top:14px;padding:22px}.gap-model{align-items:center;gap:12px;margin-top:14px;display:flex}.gap-model b{background:var(--surface);border:1px solid var(--line);flex:1;padding:20px 8px;font-size:.75rem}.comparison{padding:24px}.comparison strong{color:var(--blue);font-size:.75rem}.spacing-example{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:4px;margin-top:16px;padding:20px;font-size:.75rem;display:grid}.spacing-example b:nth-of-type(2){margin-top:24px}.spacing-example.flat{gap:20px}.spacing-example.flat b:nth-of-type(2){margin:0}.elevation-map{padding:24px}.elevation-map div{background:var(--surface);border:1px solid var(--strong-line);color:var(--text);border-radius:10px;padding:20px;box-shadow:0 8px 18px #09234314}.elevation-map>div{background:var(--canvas)}.elevation-map div>div{margin:18px 0 0 14px}.ramp-gallery{flex-wrap:wrap;gap:10px;padding:24px;display:flex}.ramp-gallery>div{flex:1;gap:6px;min-width:52px;display:grid}.ramp-gallery span{border:1px solid var(--strong-line);border-radius:4px;height:64px}.ramp-gallery small{color:var(--muted);font-size:.6rem}.color-balance{min-height:170px;display:flex}.color-balance span{color:#254d7b;background:#e9f2ff;flex:6;padding:24px 12px;font-size:.75rem}.color-balance span:nth-child(2){color:#142e51;background:#a7c8f4;flex:3}.color-balance span:nth-child(3){color:#fff;background:#165896;flex:1}.reading-specimen{padding:28px}.reading-specimen small{color:var(--blue);letter-spacing:.05em;font-size:.65rem}.reading-specimen p{margin:12px 0 28px;font-size:1rem;line-height:1.7}.layer-stack{gap:16px;padding:30px;display:grid}.layer-stack span{border:1px solid var(--blue);background:var(--surface);color:var(--text);border-radius:6px;padding:24px}.layer-stack span:nth-child(2){background:var(--diagram);margin-left:24px}.layer-stack span:nth-child(3){margin-left:48px}.foundation-local-nav{gap:5px;display:grid}.foundation-local-nav button{text-align:left;color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:.8rem}.foundation-local-nav button[aria-pressed=true]{color:var(--blue);font-weight:650}.guide-body{min-width:0}.guide-body .table-scroll{max-width:100%}.guide-body .table-scroll th{white-space:normal}.guide-body code{overflow-wrap:anywhere}[data-theme=dark] .sidebar{background:#0b1a30}[data-theme=dark] .nav-link.active{color:#d5e8ff;background:#1b385d}[data-theme=dark] .build-note,[data-theme=dark] .system-avatar,[data-theme=dark] .nav-tag{color:#d3e6ff;background:#163351;border-color:#365b86}[data-theme=dark] .build-note p{color:#b2cbe8}[data-theme=dark] .hero{color:var(--text);background:linear-gradient(120deg,#142f52,#1d4777);border-color:#3e6797}[data-theme=dark] .hero p,[data-theme=dark] .hero h2,[data-theme=dark] .hero-kicker,[data-theme=dark] .hero-footnote{color:#d3e6ff}[data-theme=dark] .hero .btn-primary{color:#142d4c;background:#afd2ff}[data-theme=dark] .hero .btn-primary:hover{color:#142d4c;background:#d8e9ff}@media (min-width:1100px){.doc-aside{align-self:start;position:sticky;top:85px}.guide-body .foundation-section>h2{scroll-margin-top:90px}}@media (max-width:700px){.principle-cards{grid-template-columns:1fr}.token-flow{flex-direction:column;padding:18px}.token-flow>div{width:100%}.token-flow>span{transform:rotate(90deg)}.annotated-dialog{grid-template-columns:1fr;padding:20px}.token-anatomy>div{padding:16px}.token-anatomy code{font-size:.75rem}.width-specimens,.comparison{grid-template-columns:1fr}.grid-anatomy{padding:12px}.column-stripes{gap:4px}.composition-patterns{gap:8px;padding:14px}.responsive-tracks{gap:4px!important;padding:12px!important}.panel-diagram{gap:8px;padding:12px}.panel-content-diagram{padding:12px}.foundation-figure{border-radius:8px}.foundation-section>h2{font-size:1.15rem}.elevation-map,.elevation-map div{padding:12px}.elevation-map div>div{margin-left:6px}.color-balance{flex-direction:column}.figure-title,.foundation-figure figcaption{padding:12px 16px}.gap-model{flex-wrap:wrap}.gap-model b{min-width:70px}.guide-tabs button{min-height:44px}}@media (prefers-reduced-motion:reduce){.foundation-card:hover{transform:none}}.token-flow{align-items:stretch}.token-flow>span{align-self:center}.token-flow>div{justify-content:center}.guide-body .token-path{word-break:normal;overflow-wrap:normal}.token-path>span{overflow-wrap:anywhere}.guidance-pair section{border-color:#187447}.guidance-pair section h3{color:#14613c}.guidance-pair section+section{border-color:#be303b}.guidance-pair section+section h3{color:#a32330}.guidance-pair section{background:#f1faf5;border-radius:0 0 8px 8px;padding:20px}.guidance-pair section+section{background:#fff3f3}[data-theme=dark] .guidance-pair section{background:#102e27;border-color:#5cd699}[data-theme=dark] .guidance-pair section h3{color:#90e8b8}[data-theme=dark] .guidance-pair section+section{background:#381f2c;border-color:#ff8995}[data-theme=dark] .guidance-pair section+section h3{color:#ffadb6}.select-trigger{border:1px solid var(--strong-line);background:var(--surface);width:100%;min-width:0;min-height:36px;color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;font-size:.8125rem;font-weight:500;line-height:1.4;transition:border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 1px 2px #0b284508}.select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-trigger:hover:not(:disabled){border-color:var(--blue)}.select-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px;box-shadow:none}.select-trigger[data-state=open]{border-color:var(--blue)}.select-trigger[data-disabled]{opacity:.5;cursor:not-allowed}.select-chevron{width:16px;height:16px;color:var(--muted);flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.select-chevron svg{stroke-width:1.8px;transition:transform .15s;display:block}.select-trigger[data-state=open] .select-chevron svg{transform:rotate(180deg)}.select-content{z-index:1200;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(360px,var(--radix-select-content-available-height));border:1px solid var(--line);background:var(--surface);color:var(--text);transform-origin:var(--radix-select-content-transform-origin);font-family:var(--font-interface,"DM Sans Variable"),sans-serif;border-radius:12px;animation:.12s ease-out select-enter;overflow:hidden;box-shadow:0 12px 36px #071d3b24,0 2px 6px #071d3b12}.select-viewport{padding:5px}.select-option{cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;outline:none;align-items:center;gap:14px;min-height:34px;padding:8px 34px 8px 11px;font-size:.8125rem;line-height:1.4;display:flex;position:relative}.select-option[data-highlighted]{background:var(--blue-soft);color:var(--text)}.select-option[data-state=checked]{color:var(--blue);background:var(--blue-soft);font-weight:600}.select-option[data-disabled]{opacity:.45;pointer-events:none}.select-check{place-items:center;width:16px;height:16px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-check svg{stroke-width:2px;display:block}.select-scroll{background:var(--surface);height:24px;color:var(--muted);justify-content:center;align-items:center;display:flex}.system-picker{grid-template-columns:31px minmax(0,1fr);gap:1px 7px;padding:8px}.system-picker .select-trigger{box-shadow:none;background:0 0;border:0;min-height:24px;padding:2px 0;font-size:.75rem}.system-picker>span{grid-column:2}.lab-toolbar .select-trigger{width:auto;min-width:100px;max-width:220px}.field .select-trigger{margin-top:2px}.theme-controls .field{gap:7px}.theme-controls .field>small{margin-top:3px}.theme-controls .field>input[type=range]{-webkit-appearance:none;appearance:none;background:var(--line);width:100%;height:5px;accent-color:var(--blue);border:0;border-radius:999px;margin:15px 0}.theme-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--blue);border:3px solid var(--surface);width:17px;height:17px;box-shadow:0 0 0 1px var(--blue),0 2px 4px #10244324;border-radius:50%}.field input:not([type=checkbox]):not([type=range]):not([type=color]),.btn{border-radius:8px}.theme-controls,.theme-preview{border-radius:14px}@keyframes select-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse){.select-trigger,.select-option{min-height:44px}}@media (prefers-reduced-motion:reduce){.select-content{animation:none}.select-chevron svg{transition:none}}@media (forced-colors:active){.select-trigger,.select-content{border-color:buttontext}.select-option[data-highlighted]{outline:2px solid highlight}.select-check{color:highlight}}.brand-logo{width:184px;max-width:100%;height:auto;display:block}.brand-logo-compact{width:48px}.brand-logo img{width:100%;height:auto;display:block}.brand-logo .brand-image-dark{display:none}.brand-link{padding:18px 2px 16px}[data-theme=dark] .brand-logo .brand-image-light{display:none}[data-theme=dark] .brand-logo .brand-image-dark{display:block}.doc-columns>article:not(.prose){align-content:start;gap:28px;min-width:0;display:grid}.doc-columns>article>.prose{min-width:0}.source-form{gap:16px;display:grid}.source-form>.btn{justify-self:start}.syntax-block pre,.component-code pre{color:#deebff;tab-size:2;background:#101f35;max-width:100%;line-height:1.7;overflow:auto}.syntax-code{color:#deebff;white-space:pre;font-size:.75rem}.syntax-comment,.syntax-prolog{color:#9cb0cc}.syntax-keyword,.syntax-tag,.syntax-important{color:#c4b5fd}.syntax-string,.syntax-attr-value{color:#a7e6dc}.syntax-function,.syntax-class-name{color:#9bd1ff}.syntax-number,.syntax-boolean,.syntax-constant{color:#f7c7a7}.syntax-property,.syntax-attr-name{color:#b5d7ff}.syntax-operator,.syntax-punctuation{color:#dae4f4}.syntax-title,.syntax-bold{color:#a9ceff;font-weight:600}@media (forced-colors:active){.syntax-code,.syntax-code span{color:canvastext}.syntax-block pre,.component-code pre{background:canvas}}.palette-choices button{flex:0 0 40px;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.palette-choices button svg{margin:0;display:block}.token-value{gap:12px}.token-color-copy{border:0;border-radius:6px;flex:0 0 28px;width:28px;height:28px;padding:0;box-shadow:inset 0 0 0 1px #8094ae26}.token-copy-status{min-height:24px;color:var(--blue);margin-top:12px;font-size:.8rem}.token-value code{overflow-wrap:anywhere}.hero-art{background-image:radial-gradient(#477ab373 1.2px,#0000 1.2px);background-size:19px 19px}.art-orbit{border:1.5px solid #4c7caf77;width:440px;height:440px}.art-orbit.orbit-two{border-color:#4c7caf55;width:570px;height:570px}.hero-actions>a{color:#183b66}.hero-actions>a:hover{color:#0c2550}[data-theme=dark] .hero-actions>a{color:#e5f0ff}[data-theme=dark] .hero-actions>a:hover{color:#fff}[data-theme=dark] .hero-art{background-image:radial-gradient(#a6ccff77 1.2px,#0000 1.2px)}[data-theme=dark] .art-orbit{border-color:#9ac3fa88}[data-theme=dark] .art-orbit.orbit-two{border-color:#9ac3fa55}:root{--ux-prototype-theme-color-background-primary:var(--ux-prototype-global-color-blue-60);--ux-prototype-theme-color-background-landmark_baseline:var(--ux-prototype-global-color-blue-80);--ux-prototype-theme-color-background-landmark_sunken:var(--ux-prototype-global-color-blue-90);--ux-prototype-theme-color-background-sunken:var(--ux-prototype-global-color-slate-10);--ux-prototype-theme-color-background-baseline:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-background-baseline_inverse:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-background-raised:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-background-overlay:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-background-negative:var(--ux-prototype-global-color-red-10);--ux-prototype-theme-color-background-info:var(--ux-prototype-global-color-purple-10);--ux-prototype-theme-color-background-info_inverse:var(--ux-prototype-global-color-purple-60);--ux-prototype-theme-color-background-raised_inverse:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-background-positive:var(--ux-prototype-global-color-green-10);--ux-prototype-theme-color-background-positive_inverse:var(--ux-prototype-global-color-green-60);--ux-prototype-theme-color-background-landmark_primary:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-background-warning:var(--ux-prototype-global-color-orange-10);--ux-prototype-theme-color-background-warning_inverse:var(--ux-prototype-global-color-orange-60);--ux-prototype-theme-color-background-negative_inverse:var(--ux-prototype-global-color-red-60);--ux-prototype-theme-color-background-disabled:var(--ux-prototype-global-color-slate-40);--ux-prototype-theme-color-background-primary_inverse:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-foreground-primary:var(--ux-prototype-global-color-blue-60);--ux-prototype-theme-color-foreground-on_landmark:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-foreground-on_landmark_primary:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-foreground-neutral_high:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-foreground-neutral_high_inverse:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-foreground-neutral_medium:var(--ux-prototype-global-color-slate-80);--ux-prototype-theme-color-foreground-neutral_low:var(--ux-prototype-global-color-slate-70);--ux-prototype-theme-color-foreground-info:var(--ux-prototype-global-color-purple-50);--ux-prototype-theme-color-foreground-positive:var(--ux-prototype-global-color-green-50);--ux-prototype-theme-color-foreground-warning:var(--ux-prototype-global-color-orange-60);--ux-prototype-theme-color-foreground-negative:var(--ux-prototype-global-color-red-50);--ux-prototype-theme-color-foreground-disabled:var(--ux-prototype-global-color-slate-40);--ux-prototype-theme-color-foreground-on_primary:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-foreground-info_inverse:var(--ux-prototype-global-color-purple-20);--ux-prototype-theme-color-foreground-positive_inverse:var(--ux-prototype-global-color-green-20);--ux-prototype-theme-color-foreground-warning_inverse:var(--ux-prototype-global-color-orange-20);--ux-prototype-theme-color-foreground-negative_inverse:var(--ux-prototype-global-color-red-20);--ux-prototype-theme-color-outline-neutral_high:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-outline-neutral_high_inverse:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-outline-neutral_medium:var(--ux-prototype-global-color-slate-60);--ux-prototype-theme-color-outline-neutral_low:var(--ux-prototype-global-color-slate-20);--ux-prototype-theme-color-outline-negative:var(--ux-prototype-global-color-red-50);--ux-prototype-theme-color-outline-disabled:var(--ux-prototype-global-color-slate-40);--ux-prototype-theme-color-outline-primary:var(--ux-prototype-global-color-blue-60);--ux-prototype-theme-color-outline-primary_on_landmark:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-outline-positive:var(--ux-prototype-global-color-green-50);--ux-prototype-theme-color-outline-info:var(--ux-prototype-global-color-purple-50);--ux-prototype-theme-color-outline-warning:var(--ux-prototype-global-color-orange-50);--ux-prototype-global-color-red-10:#f8eaea;--ux-prototype-global-color-red-20:#e0a3a2;--ux-prototype-global-color-red-30:#d58180;--ux-prototype-global-color-red-40:#c75756;--ux-prototype-global-color-red-50:#b92d2c;--ux-prototype-global-color-red-60:#942423;--ux-prototype-global-color-red-70:#6f1b1a;--ux-prototype-global-color-red-80:#380e0d;--ux-prototype-global-color-red-90:#250909;--ux-prototype-global-color-yellow-10:#fff8e5;--ux-prototype-global-color-yellow-20:#fede8f;--ux-prototype-global-color-yellow-30:#fdd266;--ux-prototype-global-color-yellow-40:#fdc333;--ux-prototype-global-color-yellow-50:#fcb400;--ux-prototype-global-color-yellow-60:#ca9000;--ux-prototype-global-color-yellow-70:#976c00;--ux-prototype-global-color-yellow-80:#4c3600;--ux-prototype-global-color-yellow-90:#322400;--ux-prototype-global-color-green-10:#e6f2ee;--ux-prototype-global-color-green-20:#91c4b5;--ux-prototype-global-color-green-30:#69af9a;--ux-prototype-global-color-green-40:#379579;--ux-prototype-global-color-green-50:#057a57;--ux-prototype-global-color-green-60:#046246;--ux-prototype-global-color-green-70:#034934;--ux-prototype-global-color-green-80:#02251a;--ux-prototype-global-color-green-90:#011811;--ux-prototype-global-color-blue-10:#e8f0f8;--ux-prototype-global-color-blue-20:#9bc0e1;--ux-prototype-global-color-blue-30:#76a8d6;--ux-prototype-global-color-blue-40:#498bc9;--ux-prototype-global-color-blue-50:#1b6ebb;--ux-prototype-global-color-blue-60:#165896;--ux-prototype-global-color-blue-70:#104270;--ux-prototype-global-color-blue-80:#082138;--ux-prototype-global-color-blue-90:#051625;--ux-prototype-global-color-slate-10:#f3f4f6;--ux-prototype-global-color-slate-20:#e4e7eb;--ux-prototype-global-color-slate-30:#b5bfc8;--ux-prototype-global-color-slate-40:#9da9b6;--ux-prototype-global-color-slate-50:#8494a4;--ux-prototype-global-color-slate-60:#6a7683;--ux-prototype-global-color-slate-70:#4f5962;--ux-prototype-global-color-slate-80:#282c31;--ux-prototype-global-color-slate-90:#1a1e21;--ux-prototype-global-color-white-a10:#ffffff1a;--ux-prototype-global-color-white-a20:#fff3;--ux-prototype-global-color-white-a30:#ffffff4d;--ux-prototype-global-color-white-a40:#fff6;--ux-prototype-global-color-white-a50:#ffffff80;--ux-prototype-global-color-white-a60:#fff9;--ux-prototype-global-color-white-a70:#ffffffb2;--ux-prototype-global-color-white-a80:#fffc;--ux-prototype-global-color-white-a90:#ffffffe5;--ux-prototype-global-color-white-a100:#fff;--ux-prototype-global-color-onyx-60:#313a42;--ux-prototype-global-color-onyx-70:#212a33;--ux-prototype-global-color-onyx-80:#151f28;--ux-prototype-global-color-onyx-90:#111920;--ux-prototype-global-color-onyx-100:#0d1318;--ux-prototype-global-color-onyx-110:#020304;--ux-prototype-global-color-orange-10:#fbf0e7;--ux-prototype-global-color-orange-20:#efbc97;--ux-prototype-global-color-orange-30:#eaa472;--ux-prototype-global-color-orange-40:#e38543;--ux-prototype-global-color-orange-50:#dc6714;--ux-prototype-global-color-orange-60:#b05210;--ux-prototype-global-color-orange-70:#843e0c;--ux-prototype-global-color-orange-80:#421f06;--ux-prototype-global-color-orange-90:#2c1504;--ux-prototype-global-color-black-a10:#0000001a;--ux-prototype-global-color-black-a20:#0003;--ux-prototype-global-color-black-a30:#0000004d;--ux-prototype-global-color-black-a40:#0006;--ux-prototype-global-color-black-a50:#00000080;--ux-prototype-global-color-black-a60:#0009;--ux-prototype-global-color-black-a70:#000000b2;--ux-prototype-global-color-black-a80:#000c;--ux-prototype-global-color-black-a90:#000000e5;--ux-prototype-global-color-black-a100:#000;--ux-prototype-global-color-purple-10:#f1eafd;--ux-prototype-global-color-purple-20:#c3a3f8;--ux-prototype-global-color-purple-30:#ad81f5;--ux-prototype-global-color-purple-40:#9157f1;--ux-prototype-global-color-purple-50:#762dee;--ux-prototype-global-color-purple-60:#5e24be;--ux-prototype-global-color-purple-70:#471b8f;--ux-prototype-global-color-purple-80:#230e47;--ux-prototype-global-color-purple-90:#180930;--ux-prototype-global-color-ocean-10:#e5eef5;--ux-prototype-global-color-ocean-20:#8eb3d5;--ux-prototype-global-color-ocean-30:#6698c5;--ux-prototype-global-color-ocean-40:#3375b2;--ux-prototype-global-color-ocean-50:#00539f;--ux-prototype-global-color-ocean-60:#00427f;--ux-prototype-global-color-ocean-70:#00325f;--ux-prototype-global-color-ocean-80:#001930;--ux-prototype-global-color-ocean-90:#001120;--ux-prototype-global-color-cyan-10:#e5f5fc;--ux-prototype-global-color-cyan-20:#8ed5f2;--ux-prototype-global-color-cyan-30:#66c6ec;--ux-prototype-global-color-cyan-40:#33b3e6;--ux-prototype-global-color-cyan-50:#00a0e0;--ux-prototype-global-color-cyan-60:#0080b3;--ux-prototype-global-color-cyan-70:#006086;--ux-prototype-global-color-cyan-80:#003043;--ux-prototype-global-color-cyan-90:#00202d;--ux-prototype-global-border-radius-4:4px;--ux-prototype-global-border-radius-12:12px;--ux-prototype-global-border-radius-16:16px;--ux-prototype-global-border-radius-20:20px;--ux-prototype-global-border-radius-24:24px;--ux-prototype-global-border-radius-8:8px;--ux-prototype-global-border-width-1:1px;--ux-prototype-global-border-width-2:2px;--ux-prototype-theme-border-width-thin:var(--ux-prototype-global-border-width-1);--ux-prototype-theme-border-width-medium:var(--ux-prototype-global-border-width-2);--ux-prototype-global-screen-breakpoint-xsmall:480px;--ux-prototype-global-screen-breakpoint-small:640px;--ux-prototype-global-screen-breakpoint-medium:800px;--ux-prototype-global-screen-breakpoint-large:960px;--ux-prototype-global-screen-breakpoint-xlarge:1200px;--ux-prototype-global-screen-breakpoint-xxlarge:1600px;--ux-prototype-theme-border-radius-small:var(--ux-prototype-global-border-radius-4);--ux-prototype-theme-border-radius-medium:var(--ux-prototype-global-border-radius-8);--ux-prototype-theme-border-radius-large:var(--ux-prototype-global-border-radius-20);--ux-prototype-global-space-32:32px;--ux-prototype-global-space-4:4px;--ux-prototype-global-space-12:12px;--ux-prototype-global-space-20:20px;--ux-prototype-global-space-24:24px;--ux-prototype-global-space-40:40px;--ux-prototype-global-space-48:48px;--ux-prototype-global-space-64:64px;--ux-prototype-global-typography-size-12:12px;--ux-prototype-global-typography-size-14:14px;--ux-prototype-global-typography-weight-400:400;--ux-prototype-global-typography-weight-600:600;--ux-prototype-global-typography-weight-700:700;--ux-prototype-global-typography-family-dm_sans:"DM Sans";--ux-prototype-global-typography-size-16:16px;--ux-prototype-global-typography-size-18:18px;--ux-prototype-global-typography-size-20:20px;--ux-prototype-global-typography-size-24:24px;--ux-prototype-global-typography-size-28:28px;--ux-prototype-global-typography-size-32:32px;--ux-prototype-global-space-8:8px;--ux-prototype-global-space-16:16px}[data-theme=dark]{--ux-prototype-theme-color-background-primary:var(--ux-prototype-global-color-blue-30);--ux-prototype-theme-color-background-landmark_baseline:var(--ux-prototype-global-color-onyx-100);--ux-prototype-theme-color-background-landmark_sunken:var(--ux-prototype-global-color-onyx-110);--ux-prototype-theme-color-background-sunken:var(--ux-prototype-global-color-onyx-90);--ux-prototype-theme-color-background-baseline:var(--ux-prototype-global-color-onyx-80);--ux-prototype-theme-color-background-baseline_inverse:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-background-raised:var(--ux-prototype-global-color-onyx-70);--ux-prototype-theme-color-background-overlay:var(--ux-prototype-global-color-onyx-60);--ux-prototype-theme-color-background-negative:var(--ux-prototype-global-color-red-90);--ux-prototype-theme-color-background-info:var(--ux-prototype-global-color-purple-90);--ux-prototype-theme-color-background-info_inverse:var(--ux-prototype-global-color-purple-20);--ux-prototype-theme-color-background-raised_inverse:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-background-positive:var(--ux-prototype-global-color-green-90);--ux-prototype-theme-color-background-positive_inverse:var(--ux-prototype-global-color-green-20);--ux-prototype-theme-color-background-landmark_primary:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-background-warning:var(--ux-prototype-global-color-orange-90);--ux-prototype-theme-color-background-warning_inverse:var(--ux-prototype-global-color-orange-20);--ux-prototype-theme-color-background-negative_inverse:var(--ux-prototype-global-color-red-20);--ux-prototype-theme-color-background-disabled:var(--ux-prototype-global-color-slate-70);--ux-prototype-theme-color-background-primary_inverse:var(--ux-prototype-global-color-blue-70);--ux-prototype-theme-color-foreground-primary:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-foreground-on_landmark:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-foreground-on_landmark_primary:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-foreground-neutral_high:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-foreground-neutral_high_inverse:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-foreground-neutral_medium:var(--ux-prototype-global-color-white-a80);--ux-prototype-theme-color-foreground-neutral_low:var(--ux-prototype-global-color-white-a60);--ux-prototype-theme-color-foreground-info:var(--ux-prototype-global-color-purple-20);--ux-prototype-theme-color-foreground-positive:var(--ux-prototype-global-color-green-20);--ux-prototype-theme-color-foreground-warning:var(--ux-prototype-global-color-orange-20);--ux-prototype-theme-color-foreground-negative:var(--ux-prototype-global-color-red-20);--ux-prototype-theme-color-foreground-disabled:var(--ux-prototype-global-color-white-a30);--ux-prototype-theme-color-foreground-on_primary:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-foreground-info_inverse:var(--ux-prototype-global-color-purple-50);--ux-prototype-theme-color-foreground-positive_inverse:var(--ux-prototype-global-color-green-50);--ux-prototype-theme-color-foreground-warning_inverse:var(--ux-prototype-global-color-orange-60);--ux-prototype-theme-color-foreground-negative_inverse:var(--ux-prototype-global-color-red-50);--ux-prototype-theme-color-outline-neutral_high:var(--ux-prototype-global-color-white-a100);--ux-prototype-theme-color-outline-neutral_high_inverse:var(--ux-prototype-global-color-slate-90);--ux-prototype-theme-color-outline-neutral_medium:var(--ux-prototype-global-color-white-a70);--ux-prototype-theme-color-outline-neutral_low:var(--ux-prototype-global-color-white-a20);--ux-prototype-theme-color-outline-negative:var(--ux-prototype-global-color-red-20);--ux-prototype-theme-color-outline-disabled:var(--ux-prototype-global-color-white-a30);--ux-prototype-theme-color-outline-primary:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-outline-primary_on_landmark:var(--ux-prototype-global-color-blue-20);--ux-prototype-theme-color-outline-positive:var(--ux-prototype-global-color-green-20);--ux-prototype-theme-color-outline-info:var(--ux-prototype-global-color-purple-20);--ux-prototype-theme-color-outline-warning:var(--ux-prototype-global-color-orange-20);--ux-prototype-global-color-red-10:#f8eaea;--ux-prototype-global-color-red-20:#e0a3a2;--ux-prototype-global-color-red-30:#d58180;--ux-prototype-global-color-red-40:#c75756;--ux-prototype-global-color-red-50:#b92d2c;--ux-prototype-global-color-red-60:#942423;--ux-prototype-global-color-red-70:#6f1b1a;--ux-prototype-global-color-red-80:#380e0d;--ux-prototype-global-color-red-90:#250909;--ux-prototype-global-color-yellow-10:#fff8e5;--ux-prototype-global-color-yellow-20:#fede8f;--ux-prototype-global-color-yellow-30:#fdd266;--ux-prototype-global-color-yellow-40:#fdc333;--ux-prototype-global-color-yellow-50:#fcb400;--ux-prototype-global-color-yellow-60:#ca9000;--ux-prototype-global-color-yellow-70:#976c00;--ux-prototype-global-color-yellow-80:#4c3600;--ux-prototype-global-color-yellow-90:#322400;--ux-prototype-global-color-green-10:#e6f2ee;--ux-prototype-global-color-green-20:#91c4b5;--ux-prototype-global-color-green-30:#69af9a;--ux-prototype-global-color-green-40:#379579;--ux-prototype-global-color-green-50:#057a57;--ux-prototype-global-color-green-60:#046246;--ux-prototype-global-color-green-70:#034934;--ux-prototype-global-color-green-80:#02251a;--ux-prototype-global-color-green-90:#011811;--ux-prototype-global-color-blue-10:#e8f0f8;--ux-prototype-global-color-blue-20:#9bc0e1;--ux-prototype-global-color-blue-30:#76a8d6;--ux-prototype-global-color-blue-40:#498bc9;--ux-prototype-global-color-blue-50:#1b6ebb;--ux-prototype-global-color-blue-60:#165896;--ux-prototype-global-color-blue-70:#104270;--ux-prototype-global-color-blue-80:#082138;--ux-prototype-global-color-blue-90:#051625;--ux-prototype-global-color-slate-10:#f3f4f6;--ux-prototype-global-color-slate-20:#e4e7eb;--ux-prototype-global-color-slate-30:#b5bfc8;--ux-prototype-global-color-slate-40:#9da9b6;--ux-prototype-global-color-slate-50:#8494a4;--ux-prototype-global-color-slate-60:#6a7683;--ux-prototype-global-color-slate-70:#4f5962;--ux-prototype-global-color-slate-80:#282c31;--ux-prototype-global-color-slate-90:#1a1e21;--ux-prototype-global-color-white-a10:#ffffff1a;--ux-prototype-global-color-white-a20:#fff3;--ux-prototype-global-color-white-a30:#ffffff4d;--ux-prototype-global-color-white-a40:#fff6;--ux-prototype-global-color-white-a50:#ffffff80;--ux-prototype-global-color-white-a60:#fff9;--ux-prototype-global-color-white-a70:#ffffffb2;--ux-prototype-global-color-white-a80:#fffc;--ux-prototype-global-color-white-a90:#ffffffe5;--ux-prototype-global-color-white-a100:#fff;--ux-prototype-global-color-onyx-60:#313a42;--ux-prototype-global-color-onyx-70:#212a33;--ux-prototype-global-color-onyx-80:#151f28;--ux-prototype-global-color-onyx-90:#111920;--ux-prototype-global-color-onyx-100:#0d1318;--ux-prototype-global-color-onyx-110:#020304;--ux-prototype-global-color-orange-10:#fbf0e7;--ux-prototype-global-color-orange-20:#efbc97;--ux-prototype-global-color-orange-30:#eaa472;--ux-prototype-global-color-orange-40:#e38543;--ux-prototype-global-color-orange-50:#dc6714;--ux-prototype-global-color-orange-60:#b05210;--ux-prototype-global-color-orange-70:#843e0c;--ux-prototype-global-color-orange-80:#421f06;--ux-prototype-global-color-orange-90:#2c1504;--ux-prototype-global-color-black-a10:#0000001a;--ux-prototype-global-color-black-a20:#0003;--ux-prototype-global-color-black-a30:#0000004d;--ux-prototype-global-color-black-a40:#0006;--ux-prototype-global-color-black-a50:#00000080;--ux-prototype-global-color-black-a60:#0009;--ux-prototype-global-color-black-a70:#000000b2;--ux-prototype-global-color-black-a80:#000c;--ux-prototype-global-color-black-a90:#000000e5;--ux-prototype-global-color-black-a100:#000;--ux-prototype-global-color-purple-10:#f1eafd;--ux-prototype-global-color-purple-20:#c3a3f8;--ux-prototype-global-color-purple-30:#ad81f5;--ux-prototype-global-color-purple-40:#9157f1;--ux-prototype-global-color-purple-50:#762dee;--ux-prototype-global-color-purple-60:#5e24be;--ux-prototype-global-color-purple-70:#471b8f;--ux-prototype-global-color-purple-80:#230e47;--ux-prototype-global-color-purple-90:#180930;--ux-prototype-global-color-ocean-10:#e5eef5;--ux-prototype-global-color-ocean-20:#8eb3d5;--ux-prototype-global-color-ocean-30:#6698c5;--ux-prototype-global-color-ocean-40:#3375b2;--ux-prototype-global-color-ocean-50:#00539f;--ux-prototype-global-color-ocean-60:#00427f;--ux-prototype-global-color-ocean-70:#00325f;--ux-prototype-global-color-ocean-80:#001930;--ux-prototype-global-color-ocean-90:#001120;--ux-prototype-global-color-cyan-10:#e5f5fc;--ux-prototype-global-color-cyan-20:#8ed5f2;--ux-prototype-global-color-cyan-30:#66c6ec;--ux-prototype-global-color-cyan-40:#33b3e6;--ux-prototype-global-color-cyan-50:#00a0e0;--ux-prototype-global-color-cyan-60:#0080b3;--ux-prototype-global-color-cyan-70:#006086;--ux-prototype-global-color-cyan-80:#003043;--ux-prototype-global-color-cyan-90:#00202d;--ux-prototype-global-border-radius-4:4px;--ux-prototype-global-border-radius-12:12px;--ux-prototype-global-border-radius-16:16px;--ux-prototype-global-border-radius-20:20px;--ux-prototype-global-border-radius-24:24px;--ux-prototype-global-border-radius-8:8px;--ux-prototype-global-border-width-1:1px;--ux-prototype-global-border-width-2:2px;--ux-prototype-theme-border-width-thin:var(--ux-prototype-global-border-width-1);--ux-prototype-theme-border-width-medium:var(--ux-prototype-global-border-width-2);--ux-prototype-global-screen-breakpoint-xsmall:480px;--ux-prototype-global-screen-breakpoint-small:640px;--ux-prototype-global-screen-breakpoint-medium:800px;--ux-prototype-global-screen-breakpoint-large:960px;--ux-prototype-global-screen-breakpoint-xlarge:1200px;--ux-prototype-global-screen-breakpoint-xxlarge:1600px;--ux-prototype-theme-border-radius-small:var(--ux-prototype-global-border-radius-4);--ux-prototype-theme-border-radius-medium:var(--ux-prototype-global-border-radius-8);--ux-prototype-theme-border-radius-large:var(--ux-prototype-global-border-radius-20);--ux-prototype-global-space-32:32px;--ux-prototype-global-space-4:4px;--ux-prototype-global-space-12:12px;--ux-prototype-global-space-20:20px;--ux-prototype-global-space-24:24px;--ux-prototype-global-space-40:40px;--ux-prototype-global-space-48:48px;--ux-prototype-global-space-64:64px;--ux-prototype-global-typography-size-12:12px;--ux-prototype-global-typography-size-14:14px;--ux-prototype-global-typography-weight-400:400;--ux-prototype-global-typography-weight-600:600;--ux-prototype-global-typography-weight-700:700;--ux-prototype-global-typography-family-dm_sans:"DM Sans";--ux-prototype-global-typography-size-16:16px;--ux-prototype-global-typography-size-18:18px;--ux-prototype-global-typography-size-20:20px;--ux-prototype-global-typography-size-24:24px;--ux-prototype-global-typography-size-28:28px;--ux-prototype-global-typography-size-32:32px;--ux-prototype-global-space-8:8px;--ux-prototype-global-space-16:16px}.foundation-hero{background:#102b4b;border-radius:18px;margin:0 0 24px;overflow:hidden}.foundation-hero svg{width:100%;max-height:330px;display:block}.doc-gallery{gap:20px;margin:20px 0 28px;display:grid}.doc-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-gallery.three{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-figure{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;margin:0;overflow:hidden}.doc-art{background:var(--diagram-soft,#f0f6ff);justify-content:center;align-items:center;min-height:190px;padding:28px;display:flex;overflow:hidden}.doc-figure figcaption{color:var(--muted);gap:7px;padding:16px 18px 18px;font-size:.78rem;line-height:1.6;display:grid}.doc-figure figcaption strong{color:var(--text);font-size:.85rem}:is(.doc-art:has(>.principle-art),.doc-art:has(>.landscape)){padding:0}.principle-art{object-fit:cover;width:100%;height:180px}.doc-subsection{margin:32px 0}.doc-subsection h3{align-items:center;gap:12px;display:flex}.doc-subsection h3 code{color:var(--muted);font-size:.7rem;font-weight:400}.doc-subsection>p{margin-top:10px}.visual-control{color:#fff;background:#165896;border:1px solid #165896;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:9px 15px;font-size:.8rem;line-height:1.4;display:inline-flex}.visual-control.outlined{background:var(--surface);color:var(--text);border-color:var(--strong-line)}.visual-control.focused{outline:2px solid var(--blue);outline-offset:4px;border-width:2px}.mini-navigation{background:var(--surface);border-inline-start:3px solid var(--blue);gap:6px;width:170px;padding:22px;font-size:.75rem;display:grid}.mini-navigation b{margin-bottom:10px}.mini-navigation span{padding:5px}.mini-navigation .active{background:var(--blue-soft);color:var(--blue)}.landscape{width:100%;max-height:220px;display:block}.visual-badge{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue);border-radius:4px;padding:5px 9px;font-size:.75rem}.visual-checkbox{color:#fff;background:#165896;border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.visual-field{gap:8px;width:min(100%,235px);font-size:.75rem;display:grid}.visual-field .visual-control{justify-content:start}.visual-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:min(220px,100%);overflow:hidden}.visual-card>b,.visual-card>p{padding:10px 15px 0;font-size:.75rem;display:block}.visual-card>p{padding-top:3px;padding-bottom:18px}.visual-card .landscape{height:95px}.visual-table{border:1px solid var(--strong-line);background:var(--surface);border-radius:20px;width:min(100%,300px);font-size:.72rem;overflow:hidden}.visual-table>div{justify-content:space-between;gap:16px;padding:13px;display:flex}.visual-table>div+div{border-top:1px solid var(--line)}.visual-table>div:first-child{background:var(--blue-soft)}.visual-tabs{gap:20px;font-size:.75rem;display:flex}.visual-tabs>*{padding-bottom:10px}.visual-tabs b{border-bottom:2px solid var(--blue);color:var(--blue)}.intent-example{border:1px solid;border-radius:10px;align-items:center;gap:10px;width:min(100%,370px);padding:17px;font-size:.8rem;display:flex}.doc-art .ramp-gallery{width:100%;padding:0}.doc-art .ramp-gallery>div{min-width:42px}.doc-art .ramp-gallery small{font-size:.55rem}.context-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.context-sample{color:#19334e;background:#fff;border:1px solid #94a9c1;border-radius:12px;gap:18px;padding:22px 16px;display:grid}.context-sample.dark{color:#deebfb;background:#10253e;border-color:#42628a}.context-sample small{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.context-sample code{overflow-wrap:anywhere;font-size:.62rem}.context-target{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:.75rem;display:flex}.context-target.background{color:#fff;background:#165896}.dark .context-target.background{color:#112b47;background:#a9d3ff}.context-target.foreground{color:#165896}.dark .context-target.foreground{color:#a9d3ff}.context-target.outline{border:2px solid #165896}.dark .context-target.outline{border-color:#a9d3ff}.mini-interface{color:#17324f;background:#fff;border:1px solid #bacbdd;border-radius:12px;width:100%;font-size:.6rem;overflow:hidden}.mini-interface.dark{color:#dcecff;background:#13283f;border-color:#466584}.mini-interface-bar{border-bottom:1px solid #b5c8dc;gap:4px;padding:9px;display:flex}.mini-interface-bar i{background:#6b8cac;border-radius:50%;width:5px;height:5px}.mini-interface-body{min-height:160px;display:flex}.mini-interface-body aside{overflow-wrap:anywhere;background:#edf4fc;flex-direction:column;flex:0 0 28%;gap:10px;padding:12px 8px;display:flex}.dark .mini-interface-body aside{background:#0c1c30}.mini-interface-body>div{flex:1;min-width:0;padding:16px 12px}.mini-interface-body p{color:inherit;margin:6px 0;font-size:.6rem}.mini-content-cards{gap:6px;margin:15px 0;display:flex}.mini-content-cards i{background:#dcecff;border-radius:6px;flex:1;height:40px}.dark .mini-content-cards i{background:#26476c}.mini-interface .visual-control{min-height:25px;padding:5px 8px;font-size:.55rem}.dark .visual-control{color:#142c46;background:#afd4ff}.state-specimen{color:#fff;isolation:isolate;background:#165896;border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-size:.82rem;display:inline-flex;position:relative}.state-specimen>span:last-child{z-index:1;align-items:center;gap:12px;display:flex}.state-specimen .state-overlay{border-radius:inherit;opacity:0;pointer-events:none;background:currentColor;position:absolute;inset:0}.state-specimen.hover .state-overlay{opacity:.15}.state-specimen.pressed .state-overlay{opacity:.2}.state-specimen.selected .state-overlay{opacity:.05}.state-specimen.focused{outline:2px solid var(--blue);outline-offset:4px}.state-specimen.disabled{color:#3e536c;background:#c6d3e4}.spacing-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.spacing-scale .doc-art{min-height:100px;padding:10px}.spacing-scale .doc-art>span{background:var(--blue)}.spacing-scale figcaption{gap:2px;padding:10px}.spacing-scale figcaption span{font:.6rem IBM Plex Mono,monospace}.spacing-property{border:1px dashed var(--blue);width:min(100%,400px);color:var(--text);padding:24px;position:relative}.spacing-property>small{background:var(--surface);color:var(--blue);padding:2px 7px;font-size:.7rem;position:absolute;top:-12px;left:12px}.spacing-property>div{background:var(--surface);border:1px solid var(--blue);text-align:center;padding:20px;font-size:.8rem}.spacing-property.margin{background:repeating-linear-gradient(135deg,var(--diagram-soft) 0,var(--diagram-soft) 4px,var(--diagram) 4px,var(--diagram) 6px)}.spacing-property.padding{background:var(--surface);padding:0}.spacing-property.padding>div{background:var(--diagram);padding:30px}.spacing-property.padding span{background:var(--surface);padding:10px;display:block}.spacing-property.gap{border:0}.spacing-property.gap>div{background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.measure-gap{width:32px;color:var(--blue);justify-content:center;display:inline-flex}.type-poster{color:var(--text);gap:18px;width:100%;display:grid}.type-poster>strong{letter-spacing:-.08em;color:var(--blue);font-size:4.5rem;line-height:1}.type-poster>span{font-size:1.45rem;font-weight:550;line-height:1.3}.type-poster small{overflow-wrap:anywhere;font-size:.65rem;line-height:1.8}.mono{font-family:IBM Plex Mono,monospace}.type-example{text-align:center;font-size:1.3rem}.type-example.italic{font-style:italic}.type-example.strike{text-decoration:line-through}.type-example.underline{color:var(--blue);text-decoration:underline}.alignment-sample{width:100%;font-size:.8rem}.alignment-sample p{font-size:.8rem;line-height:1.7}.leading-sample{background:repeating-linear-gradient(transparent 0,transparent calc(1lh - 1px),var(--line) calc(1lh - 1px),var(--line) 1lh)}.leading-sample.body{color:var(--text);font-size:1rem;line-height:1.5}.leading-sample.heading{letter-spacing:-.04em;font-size:1.7rem;font-weight:650;line-height:1.2}.paragraph-specimen{max-width:440px}.paragraph-specimen p{color:var(--text);font-size:.9rem;line-height:1.5;margin:0!important}.paragraph-specimen>div{background:var(--diagram);min-height:2em;color:var(--diagram-ink);align-items:center;margin:6px 0;padding:3px 10px;font-size:.7rem;display:grid}.measure-specimen{gap:24px;width:100%;display:grid}.measure-specimen>div{gap:8px;display:grid}.measure-specimen b{font-size:.7rem}.measure-specimen span{background:var(--blue);opacity:.5;border-radius:6px;height:6px;display:block}.level-spectrum{flex-wrap:wrap;gap:16px;width:100%;padding:16px 0;display:flex}.level-spectrum>div{flex:1;gap:12px;min-width:105px;display:grid}.level-spectrum>div>span{border:1px solid var(--strong-line);text-align:center;border-radius:10px;place-items:center;min-height:80px;padding:12px;font-size:.75rem;display:grid}.level-spectrum code,.level-spectrum small{color:var(--muted);font-size:.62rem}.landmark-specimen{color:#e4f1ff;background:#1b3e67;border-radius:12px;width:270px;padding:20px;font-size:.75rem}.landmark-specimen>div{background:#0c2646;border-radius:8px;gap:12px;margin-top:15px;padding:15px;display:grid}.landmark-specimen code{font-size:.62rem}.direction-specimen{justify-content:center;align-items:center;width:100%;min-height:150px;display:flex}.direction-specimen>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:10px;padding:24px;font-size:.75rem;display:grid}.direction-specimen span{color:var(--muted);font-size:.65rem}.direction-specimen.down>div{box-shadow:0 14px 24px #0c2b4b30}.direction-specimen.up{align-items:end}.direction-specimen.up>div{box-shadow:0 -14px 24px #0c2b4b30}.direction-specimen.left{justify-content:end}.direction-specimen.left>div{box-shadow:-14px 0 24px #0c2b4b30}.direction-specimen.right{justify-content:start}.direction-specimen.right>div{box-shadow:14px 0 24px #0c2b4b30}.shadow-specimen>span{box-shadow:0 16px 32px #0000001a}.scrim-specimen{background:#102b4b66;border-radius:12px;place-items:center;width:100%;min-height:240px;padding:20px;display:grid;position:relative;overflow:hidden}.scrim-specimen>.scrim-background{opacity:.35;position:absolute;inset:0}.visual-modal{background:var(--surface);border-radius:16px;gap:14px;width:min(100%,280px);padding:22px;font-size:.85rem;display:grid;position:relative;box-shadow:0 16px 32px #0000001a}.visual-modal p{font-size:.75rem}.exploded-state{gap:22px;width:min(100%,450px);padding:10px 0;display:grid}.exploded-state>div{border:1px solid var(--blue);background:var(--surface);box-shadow:0 8px 0 var(--diagram);border-radius:12px;align-items:center;gap:15px;padding:20px;font-size:.75rem;display:flex}.exploded-state>div:nth-child(2){background:var(--diagram);margin-inline:15px}.exploded-state>div:nth-child(3){margin-inline:30px}.exploded-state b{background:var(--blue);width:24px;height:24px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.state-comparison{justify-items:center;gap:20px;display:grid}.state-comparison code{color:var(--muted);font-size:.7rem}.principle-benefits{grid-template-columns:1fr 1fr;gap:30px;margin:25px 0;display:grid}.principle-benefits h3{margin-bottom:9px}@media (max-width:1000px){.doc-gallery.three{grid-template-columns:1fr}.doc-gallery.three .doc-art{min-height:150px}.principle-art{height:180px}.spacing-scale{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:700px){.doc-gallery.two,.context-pair,.principle-benefits{grid-template-columns:1fr}.doc-art{min-height:160px;padding:24px 18px}.foundation-hero{border-radius:12px}.foundation-hero svg{min-height:150px}.spacing-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.level-spectrum>div{min-width:90px}.spacing-property{padding:20px}.spacing-property.gap{padding:12px 0}.doc-subsection h3{flex-wrap:wrap}.doc-gallery{gap:16px}}.guidance-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.guidance-example{border:1px solid var(--line);border-radius:14px;min-width:0;margin:0;overflow:hidden}.guidance-visual{background:var(--diagram-soft);justify-content:center;align-items:center;min-height:220px;padding:28px;display:flex}.guidance-example figcaption{background:#edf8f2;border-top:3px solid #187447;padding:17px 20px}.guidance-example figcaption strong{color:#14613c;align-items:center;gap:8px;font-size:.82rem;display:flex}.guidance-example figcaption p{color:#244b36;margin-top:9px;font-size:.78rem;line-height:1.6}.guidance-example.dont figcaption{background:#fff1f3;border-color:#be303b}.guidance-example.dont figcaption strong{color:#a32330}.guidance-example.dont figcaption p{color:#682c35}.guidance-example.caution figcaption{background:#fff7e7;border-color:#9c5c05}.guidance-example.caution figcaption strong{color:#805006}.guidance-example.caution figcaption p{color:#684710}[data-theme=dark] .guidance-example.do figcaption{background:#103126;border-color:#63d69c}[data-theme=dark] .guidance-example.do figcaption strong,[data-theme=dark] .guidance-example.do figcaption p{color:#b2ebce}[data-theme=dark] .guidance-example.dont figcaption{background:#3a202e;border-color:#ff92a0}[data-theme=dark] .guidance-example.dont figcaption strong,[data-theme=dark] .guidance-example.dont figcaption p{color:#ffc1ca}[data-theme=dark] .guidance-example.caution figcaption{background:#3b2e19;border-color:#efbd66}[data-theme=dark] .guidance-example.caution figcaption strong,[data-theme=dark] .guidance-example.caution figcaption p{color:#f8d79e}.guidance-token-theme{border-radius:10px;grid-template-columns:1fr 1fr;gap:0;width:100%;display:grid;overflow:hidden}.guidance-token-theme>div{background:#fff;justify-items:center;gap:12px;padding:20px 8px;display:grid}.guidance-token-theme .dark{color:#fff;background:#10253e}.guidance-token-theme span{color:#fff;background:#165896;border-radius:6px;padding:8px 12px;font-size:.65rem}.guidance-token-theme .dark:not(.static) span{color:#10253e;background:#a9d3ff}.guidance-token-theme small{font-size:.6rem}.guidance-token-theme>code{text-align:center;overflow-wrap:anywhere;grid-column:1/-1;padding:14px 4px 0;font-size:.58rem}.recipe-example{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:13px;padding:18px;font-size:.78rem;display:grid;box-shadow:0 16px 32px #0000001a}.recipe-example p{font-size:.7rem}.recipe-example>span{color:#fff;background:#165896;border-radius:8px;width:max-content;padding:7px 12px}.recipe-example code{font-size:.6rem}.recipe-example.incomplete{box-shadow:none;border:0;border-radius:0}.recipe-example.incomplete>span{border-radius:0}.rule-control-wrap{justify-items:center;gap:20px;display:grid}.rule-control{border:solid var(--blue);color:var(--blue);background:var(--surface);padding:10px 24px;font-size:.8rem}.rule-control-wrap code{font-size:.65rem}.mini-interface.wrong,.mini-interface.wrong .mini-interface-body aside{color:#fff;background:#165896}.mini-interface.wrong .mini-content-cards i{background:#3e86c5}.mini-interface.wrong .visual-control{color:#165896;background:#fff}.status-rule{border:1px solid;border-radius:9px;align-items:center;gap:10px;padding:16px;font-size:.78rem;display:flex}.status-rule.correct{color:#a32330;background:#fff1f3}.status-rule.incorrect{color:#14613c;background:#edf8f2}.shadow-rule{background:#17324e;border-radius:12px;width:100%;padding:15px}.shadow-rule>div{color:#fff;background:#294d73;border:1px solid #698baa;border-radius:10px;padding:22px;font-size:.8rem;box-shadow:0 8px 16px #0004}.shadow-rule p{color:#d6e8ff;margin-top:9px;font-size:.7rem}.shadow-rule.bad.surface-pair>div{background:#17324e;box-shadow:0 16px 32px #0008}.shadow-rule.bad.shadow-direction>div{box-shadow:-15px 0 20px #0006}.shadow-rule.bad.shadow-custom>div{box-shadow:0 12px 16px #8b35db88}.grid-rule{background:repeating-linear-gradient(90deg,#b5d8ff 0 18px,#eaf4ff 18px 24px);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:12px;display:grid}.grid-rule>div{background:#fff;border:1px solid #6287b0;border-radius:8px;min-height:95px}.grid-rule.bad.grid-align>div:nth-child(2){margin-top:25px}.grid-rule.bad.grid-align>div:nth-child(3){margin-top:-10px}.grid-rule.bad.grid-gutter{gap:0}.grid-rule.bad.grid-gutter>div:nth-child(2){width:calc(100% + 14px);transform:translate(-8px)}.spacing-rule{gap:24px;width:100%;font-size:.75rem;display:grid}.spacing-rule>div{gap:5px;padding-inline:10px;display:grid}.spacing-rule span{color:var(--muted)}.spacing-rule.bad.spacing-group>div{gap:20px}.spacing-rule.bad.spacing-group>div+div{gap:3px;margin-top:-20px}.spacing-rule.bad.spacing-hierarchy,.spacing-rule.bad.spacing-hierarchy>div{gap:18px}.spacing-rule.bad.spacing-distance>div{justify-content:space-between;gap:36px;display:flex}.type-rule{color:var(--text);font-size:.85rem;line-height:1.6}.type-color-rule{color:var(--text);gap:8px;font-size:.85rem;display:grid}.type-color-rule.bad{color:#763599}.type-color-rule.bad b{color:#a32330}.type-color-rule.bad span:last-child{color:#14613c}[data-theme=dark] .type-color-rule.bad{color:#dcadff}[data-theme=dark] .type-color-rule.bad b{color:#ffadb6}[data-theme=dark] .type-color-rule.bad span:last-child{color:#90e8b8}.underline-rule{text-underline-offset:3px;text-decoration:underline}.amount-rule{grid-template-columns:1fr auto;gap:12px 24px;font-size:.78rem;display:grid}.amount-rule b{text-align:end;font-variant-numeric:tabular-nums}.state-rule{text-align:center;gap:22px;width:100%;display:grid}.state-rule>div{color:var(--blue);background:var(--surface);border:1px solid var(--strong-line);border-radius:8px;padding:15px;position:relative}.state-rule>div>span{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.state-rule b{font-size:.85rem;position:relative}.state-rule code{overflow-wrap:anywhere;font-size:.6rem}@media (max-width:700px){.guidance-comparison{grid-template-columns:1fr}.guidance-visual{min-height:190px;padding:22px}}.doc-art .visual-control:has(>svg:only-child){width:40px;height:40px;padding:0}.token-orbit{justify-items:center;gap:35px;width:100%;padding:15px 0;display:grid}.token-orbit>.specimen-action{box-shadow:0 0 0 12px var(--diagram),0 0 0 24px var(--diagram-soft)}.token-orbit>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.token-orbit>div>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.token-orbit b{color:var(--blue);font-size:.75rem}.token-orbit code{overflow-wrap:anywhere;font-size:.65rem}.primitive-map{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.primitive-map code{overflow-wrap:anywhere}@media (max-width:700px){.token-orbit>div{grid-template-columns:1fr}.primitive-map{text-align:center;flex-direction:column}}.reference-tracks{border-inline:5px solid #165896;gap:8px;width:100%;min-height:120px;padding:0 8px;display:grid}.reference-tracks>i{background:#a9d3ff}.reference-tracks.compact{gap:4px;padding-inline:4px}.grid-anatomy-detail{width:100%;padding-top:20px;position:relative}.dimension-markers{color:var(--blue);justify-content:space-between;display:flex;position:absolute;inset:0 10px auto}.dimension-markers>span{text-align:center;width:20%}.detail-1 .dimension-markers{padding-inline:20%}.detail-2 .dimension-markers>span{width:auto}.grid-zone-overlay{grid-template-columns:1fr 2fr;gap:10px;display:grid;position:absolute;inset:28px 17px 8px}.grid-zone-overlay span{background:#216c9d75;border-radius:8px}.fluid-fixed{grid-template-columns:1fr 1.7fr;gap:12px;width:100%;display:grid}.fluid-fixed>div{border:1px solid var(--blue);justify-content:center;padding:12px;display:flex}.fluid-fixed .reference-tracks{gap:4px;min-height:120px;padding-inline:4px}.fluid-fixed.fixed>div:last-child .reference-tracks{width:75%}.density-reference{gap:24px;width:100%;display:grid}.density-reference>div{grid-template-columns:70px 1fr;align-items:center;gap:10px;display:grid}.density-reference b{font-size:.7rem}.density-reference .reference-tracks{min-height:40px}.panel-reference{gap:8px;width:100%;display:flex;position:relative}.panel-reference .reference-tracks{border:0;flex:1;gap:4px;min-height:120px;padding:0}.panel-reference>.panel-rail{background:#165896;flex:none;width:16px}.panel-reference>.panel-wide{background:#165896;flex:none;width:23%}.panel-reference.floating>span{background:#92b4e8dd;border:1px solid #306bb0;border-radius:6px;width:35%;height:44px;position:absolute;top:12px;left:32px;box-shadow:0 6px 14px #122e5a33}.panel-reference.panel-1>span{border-radius:6px 0 0 6px;width:30%;height:100%;top:0;left:auto;right:0}.state-rule>div{color:#165896;background:#fff}.foundation-card-art{aspect-ratio:5/2;min-height:0;overflow:hidden;background:#edf6ff!important;padding:0!important}.foundation-card-art .foundation-artwork{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.foundation-hero .foundation-artwork{aspect-ratio:5/2;width:100%;height:auto;max-height:none}.foundation-card .foundation-card-art{aspect-ratio:5/2;height:auto}[data-theme=dark] .foundation-card-art{border-bottom:1px solid var(--line)}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}:root{--success:#17623c;--success-soft:#edf9f2;--warning:#795000;--warning-soft:#fff6dc;--error:#b62c38;--error-soft:#fff0f2;--info:#1957b7;--info-soft:#eaf2ff;--control-radius:8px}[data-theme=dark]{--success:#8ce2ad;--success-soft:#102e2c;--warning:#f4d27b;--warning-soft:#332b1b;--error:#ffadb5;--error-soft:#382334;--info:#9fc7ff;--info-soft:#172f52}.control-small{--component-height:32px;--component-font:.8125rem}.control-medium{--component-height:40px;--component-font:.875rem}.control-large{--component-height:48px;--component-font:1rem}.btn{border-radius:var(--control-radius);min-height:var(--component-height,var(--control-height));font-size:var(--component-font,.8125rem)}.btn-primary{background:var(--preview-accent,#1957b7);border-color:var(--preview-accent,#1957b7);color:var(--preview-on-accent,#fff)}.btn-primary:hover:not(:disabled){background:#10458f;border-color:#10458f}.btn-danger{color:#fff;background:#b62c38;border-color:#b62c38}.btn-danger:hover:not(:disabled){background:#93202c}.btn-secondary{border-color:var(--strong-line)}:where(textarea,[role=slider],[role=tab],[role=menuitem]):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.ux-field{font-size:var(--component-font,.8125rem);gap:7px;min-width:0}.ux-field label,.ux-field>span:first-child,.ux-field-label{color:var(--text);font-weight:550}.required-mark{color:var(--error)}.ux-input-shell{border:1px solid var(--strong-line);border-radius:var(--control-radius);background:var(--surface);align-items:center;gap:0;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:visible}.ux-input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}.ux-input-shell.has-error{border-color:var(--error)}.ux-input-shell input{color:var(--text);width:100%;min-width:0;min-height:var(--component-height,32px);border-radius:inherit;font-size:inherit;background:0 0;outline:0;padding:6px 10px;box-shadow:none!important;border:0!important}.ux-input-shell:has(input:disabled){background:var(--canvas);opacity:.6}.ux-input-slot{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;display:flex}.ux-input-slot:empty{display:none}.ux-input-slot:first-child:not(:empty){padding-left:10px}.ux-input-slot:last-child:not(:empty){padding-right:10px}.ux-input-slot .icon-button{width:26px;height:26px}.ux-field textarea{resize:vertical;border:1px solid var(--strong-line);border-radius:var(--control-radius);background:var(--surface);width:100%;max-width:100%;min-height:100px;color:var(--text);padding:10px 12px;line-height:1.6}.ux-field textarea[aria-invalid=true]{border-color:var(--error)}.ux-field-meta{justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.ux-field-meta>span:last-child{white-space:nowrap}.field-error{color:var(--error)}.ux-field .select-trigger{min-height:var(--component-height,32px)}.ux-radio-group{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.ux-radio-group legend{padding:0 0 12px;font-weight:550}.ux-radio-group.horizontal{flex-flow:wrap;gap:16px}.ux-radio-option{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.ux-radio-option input{accent-color:var(--blue);flex-shrink:0;width:16px;height:16px;margin:3px 0 0}.ux-radio-option small{color:var(--muted);margin-top:2px;font-size:.75rem;display:block}.ux-radio-group:disabled{opacity:.6}.ux-slider-field{width:100%;min-width:100px}.ux-slider-field>div:first-child,.ux-slider-ends{justify-content:space-between;gap:16px;display:flex}.ux-slider-field output{font-variant-numeric:tabular-nums;font-weight:600}.ux-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:32px;display:flex;position:relative}.ux-slider-track{background:var(--line);border:1px solid var(--strong-line);border-radius:9px;flex-grow:1;height:5px;position:relative}.ux-slider-range{background:var(--blue);border-radius:inherit;height:100%;position:absolute}.ux-slider-thumb{background:var(--blue);border:3px solid var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--blue),0 2px 4px #001c4320;cursor:grab;border-radius:50%;display:block}.ux-slider[data-disabled]{opacity:.45}.ux-slider-ends{color:var(--muted);font-size:.7rem}.ux-popover,.ux-menu-content{z-index:100;border:1px solid var(--strong-line);background:var(--surface);color:var(--text);border-radius:12px;max-width:calc(100vw - 24px);padding:8px;animation:.12s ease-out ux-pop-in;box-shadow:0 12px 36px -10px #001b4540}.ux-popover{width:320px;max-height:var(--radix-popover-content-available-height);padding:16px;overflow:auto}.ux-popover-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.ux-popover-heading h3{font-size:.9rem}.ux-popover-footer{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:.75rem;display:flex}.ux-popover-footer>span{color:var(--muted);margin-right:auto}.ux-popover-footer>.btn:first-child{margin-right:auto}.ux-filter{border:1px solid var(--strong-line);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.ux-filter input{width:100%;min-height:34px;color:var(--text);outline-offset:0;background:0 0;border:0}.ux-choice-list{gap:4px;max-height:220px;margin-top:8px;padding:4px;display:grid;overflow:auto}.ux-choice-list .check-label{border-radius:6px;padding:8px}.ux-choice-list .check-label:hover{background:var(--canvas)}.ux-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.ux-filter-chips>span{border:1px solid var(--line);background:var(--blue-soft);border-radius:6px;align-items:center;gap:5px;padding:2px 3px 2px 8px;font-size:.75rem;display:inline-flex}.ux-filter-chips button,.ux-tag>button{width:24px;height:24px;color:var(--text);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.ux-filter-chips button:hover,.ux-tag>button:hover{background:var(--line)}.ux-menu-content{min-width:212px;max-height:var(--radix-dropdown-menu-content-available-height);overflow-y:auto}.ux-menu-item{cursor:default;border-radius:6px;outline:none;align-items:center;gap:10px;min-height:34px;padding:8px 10px;font-size:.8125rem;display:flex}.ux-menu-item>span:first-of-type{flex:1}.ux-menu-item[data-highlighted]{background:var(--blue-soft);color:var(--text);outline:2px solid var(--blue);outline-offset:-2px}.ux-menu-item[data-disabled]{opacity:.45;pointer-events:none}.ux-menu-item.is-destructive{color:var(--error)}.ux-menu-item.is-destructive[data-highlighted]{background:var(--error-soft);outline-color:var(--error)}.ux-menu-label{color:var(--muted);padding:6px 10px;font-size:.6875rem}.ux-menu-shortcut{color:var(--muted);margin-left:16px;font-size:.7rem}.ux-menu-separator{background:var(--line);height:1px;margin:6px 4px}.ux-calendar{--rdp-accent-color:var(--blue);--rdp-accent-background-color:var(--blue-soft);--rdp-day-height:36px;--rdp-day-width:36px;--rdp-day_button-height:34px;--rdp-day_button-width:34px;--rdp-selected-border:2px solid var(--blue);--rdp-today-color:var(--blue);width:max-content;padding:12px}.ux-calendar .rdp-root{font-size:.8125rem}.ux-calendar .rdp-month_caption{font-size:.875rem}.ux-calendar .rdp-day_button{color:var(--text);border-radius:8px}.ux-calendar .rdp-footer{color:var(--muted);max-width:250px;margin-top:12px;font-size:.75rem}.ux-calendar .rdp-selected .rdp-day_button{background:var(--blue-soft)}.ux-calendar .rdp-day_button:hover{background:var(--canvas)}.ux-calendar .rdp-weekday{opacity:1;color:var(--muted)}.ux-file-upload{gap:9px;width:100%;min-width:0;display:grid}.ux-file-upload>label{font-weight:550}.ux-dropzone{border:1px dashed var(--strong-line);background:var(--canvas);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.ux-dropzone>svg{color:var(--blue)}.ux-dropzone>span{color:var(--muted);font-size:.7rem}.ux-dropzone input{width:100%;max-width:100%;margin-top:5px;font-size:.75rem}.ux-dropzone input::file-selector-button{border:1px solid var(--strong-line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;margin-right:8px;padding:6px 9px}.ux-dropzone.is-dragging{border-style:solid;border-color:var(--blue);background:var(--blue-soft)}.ux-file-upload p{font-size:.75rem}.ux-file-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ux-file-list li{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.ux-file-list li>span{overflow-wrap:anywhere;flex:1;min-width:0}.ux-file-list small{color:var(--muted);display:block}.ux-tabs{width:100%;min-width:0}.ux-tabs-list{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;padding:3px;display:flex;overflow-x:auto}.ux-tabs-trigger{min-height:36px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.8125rem;display:flex}.ux-tabs-trigger[data-state=active]{color:var(--blue);border-bottom-color:var(--blue);background:var(--blue-soft)}.ux-tabs-panel{outline-offset:0;padding:20px 4px}.ux-tabs-panel:focus-visible{outline:2px solid var(--blue)}.ux-tabs.vertical{gap:24px;display:flex}.ux-tabs.vertical .ux-tabs-list{border:0;border-right:1px solid var(--line);flex-direction:column;min-width:120px}.ux-tabs.vertical .ux-tabs-trigger{border-bottom:0;border-right:2px solid #0000;border-radius:6px 0 0 6px;justify-content:flex-start}.ux-tabs.vertical .ux-tabs-trigger[data-state=active]{border-right-color:var(--blue)}.ux-tabs.vertical .ux-tabs-panel{flex:1;min-width:0}.ux-tabbar .ux-tabs-list{background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:5px}.ux-tabbar .ux-tabs-trigger{border:0;border-radius:8px;flex-direction:column;flex:1;font-size:.75rem}.ux-tabbar .ux-tabs-trigger[data-state=active]{background:var(--surface);box-shadow:0 1px 4px #001f4214}.ux-breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.ux-breadcrumbs li{align-items:center;gap:8px;display:flex}.ux-breadcrumbs a{color:var(--muted)}.ux-breadcrumbs [aria-current]{color:var(--text);font-weight:550}.ux-breadcrumbs a:hover{text-decoration:underline}.ux-pagination{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ux-pagination>.btn{padding:6px}.ux-page-item{align-items:center;gap:5px;display:flex}.ux-page-number{background:0 0;border:1px solid #0000;border-radius:8px;min-width:32px;height:32px;padding:4px}.ux-page-number:hover{background:var(--canvas)}.ux-page-number[aria-current]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue);font-weight:650}.ux-page-gap{color:var(--muted);align-items:center;padding:4px;display:flex}.ux-stepper{gap:16px;width:100%;margin:0;padding:0;list-style:none;display:flex}.ux-stepper li{flex:1;min-width:0;position:relative}.ux-stepper li>button,.ux-stepper li>div{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:9px;width:100%;padding:0;font-size:.75rem;display:flex;position:relative}.ux-stepper li:not(:last-child):before{content:"";background:var(--strong-line);height:1px;position:absolute;top:15px;left:40px;right:0}.ux-step-number{border:1px solid var(--strong-line);background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:.8125rem;display:grid}.ux-stepper .is-current .ux-step-number{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.ux-stepper .is-complete .ux-step-number{background:var(--blue);border-color:var(--blue);color:var(--surface)}.ux-stepper.vertical{flex-direction:column;gap:24px}.ux-stepper.vertical li>button,.ux-stepper.vertical li>div{flex-direction:row;align-items:center;gap:12px}.ux-stepper.vertical li:not(:last-child):before{width:1px;height:auto;inset:40px auto -16px 15px}.ux-text-link,.ux-anchor{color:var(--blue);text-underline-offset:3px;align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.ux-anchor-target{scroll-margin-top:90px}.badge-success{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.badge-error{color:var(--error);background:var(--error-soft);border-color:color-mix(in srgb,var(--error) 35%,transparent)}.badge-info{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.badge{border-radius:5px;gap:4px;font-size:.6875rem}.ux-banner{border-radius:10px;align-items:flex-start;gap:11px;padding:14px}.ux-banner>div{flex:1;min-width:0}.ux-banner .banner-body{color:inherit;margin-top:3px;font-size:.8125rem;line-height:1.6}.ux-banner>button{color:inherit;flex-shrink:0;margin:-5px -5px 0 0}.tone-info{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.tone-success{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.tone-warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.tone-error{color:var(--error);background:var(--error-soft);border-color:color-mix(in srgb,var(--error) 35%,transparent)}.tone-neutral{color:var(--text);background:var(--canvas);border-color:var(--strong-line)}.ux-tag{border:1px solid var(--line);background:var(--canvas);border-radius:6px;align-items:center;display:inline-flex}.ux-tag>.badge{background:0 0;border:0}.ux-tag>button{width:24px;height:24px;margin-right:2px}.accordion-body{color:var(--muted);padding:0 14px 14px;font-size:.8125rem}.accordion[open]>summary{margin-bottom:12px}.ux-spinner-wrap{color:var(--muted);align-items:center;gap:10px;font-size:.8125rem;display:inline-flex}.ux-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite ux-spin;display:inline-block}.spinner-medium .ux-spinner{border-width:3px;width:24px;height:24px}.spinner-large .ux-spinner{border-width:3px;width:36px;height:36px}.ux-skeleton-layout{align-items:center;gap:14px;width:100%;display:flex}.ux-skeleton-layout>div{flex:1;gap:10px;display:grid}.ux-skeleton{background:var(--line);border-radius:4px;height:10px;animation:1.8s ease-in-out infinite ux-pulse;display:block}.ux-skeleton-avatar{border-radius:50%;flex-shrink:0;width:42px;height:42px}.ux-timeline{gap:24px;margin:0;padding:0;list-style:none;display:grid}.ux-timeline li{gap:12px;min-width:0;display:flex;position:relative}.ux-timeline li:not(:last-child):before{content:"";background:var(--strong-line);width:1px;position:absolute;top:32px;bottom:-16px;left:12px}.ux-timeline-marker{border:1px solid var(--strong-line);width:26px;height:26px;color:var(--muted);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ux-timeline [data-status=complete] .ux-timeline-marker{color:var(--success);background:var(--success-soft);border-color:var(--success)}.ux-timeline [data-status=current] .ux-timeline-marker{color:var(--blue);background:var(--blue-soft);border-color:var(--blue)}.ux-timeline p{margin:4px 0;font-size:.8125rem}.ux-timeline small{color:var(--muted);font-size:.7rem}.ux-notification{border:1px solid var(--strong-line);border-radius:12px;align-items:flex-start;gap:12px;max-width:380px;padding:16px;display:flex;box-shadow:0 4px 12px #001a3f0c}.ux-notification>div{flex:1;min-width:0}.ux-notification h3{font-size:.875rem}.ux-notification p{color:inherit;margin:5px 0 8px;font-size:.8125rem}.ux-notification .btn{color:inherit;min-height:28px;padding:0}.ux-notification-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ux-notification>.icon-button{color:inherit;margin:-6px -6px 0 0}.ux-empty-state{text-align:center;justify-items:center;gap:12px;padding:28px 20px;display:grid}.ux-empty-icon{width:50px;height:50px;color:var(--blue);background:var(--blue-soft);border-radius:16px;place-items:center;display:grid}.ux-empty-state p{max-width:38ch;font-size:.8125rem}.ux-tooltip-anchor{display:inline-flex}.ux-tooltip{z-index:110;background:var(--text);max-width:240px;color:var(--surface);border-radius:7px;padding:7px 10px;font-size:.75rem;line-height:1.5;box-shadow:0 4px 12px #00163124}.ux-tooltip-arrow{fill:var(--text)}.ux-drawer.modal{border-radius:16px 0 0 16px;width:420px;max-width:min(100vw,420px);height:100dvh;max-height:100dvh;margin:0;padding:24px;position:fixed;inset:0 0 0 auto;overflow:auto}.ux-drawer.drawer-left{border-radius:0 16px 16px 0;inset:0 auto 0 0}.ux-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07182e80;position:absolute;inset:0}.ux-icon-button{min-height:var(--component-height,32px);width:var(--component-height,32px);border:1px solid var(--strong-line);color:var(--text);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ux-icon-button:hover:not(:disabled){background:var(--blue-soft);border-color:var(--blue)}.ux-avatar{background:var(--blue-soft);color:var(--blue);border:1px solid var(--strong-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar-small{width:28px;height:28px;font-size:.625rem}.avatar-medium{width:40px;height:40px;font-size:.8125rem}.avatar-large{width:56px;height:56px;font-size:1rem}.ux-avatar img{object-fit:cover;width:100%;height:100%}.ux-divider{color:var(--muted);align-items:center;gap:14px;width:100%;margin:12px 0;font-size:.75rem;display:flex}.ux-divider:before,.ux-divider:after{content:"";background:var(--strong-line);flex:1;height:1px}.ux-divider:not(:has(span)):after{display:none}.ux-divider.vertical{background:var(--strong-line);align-self:stretch;width:1px;min-height:40px;margin:0 12px}.ux-divider.vertical:before,.ux-divider.vertical:after{display:none}.ux-header{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:20px;width:100%;padding:16px;display:flex}.ux-header .brand-logo,.ux-footer .brand-logo{width:144px}.ux-header nav{flex-wrap:wrap;flex:1;gap:16px;display:flex}.ux-header a{color:var(--muted);font-size:.75rem}.ux-header a[aria-current]{color:var(--blue)}.ux-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;width:100%;padding:20px 4px;display:flex}.ux-footer nav{flex-wrap:wrap;gap:14px;margin-left:auto;font-size:.75rem;display:flex}.ux-footer small{width:100%;color:var(--muted)}.ux-sidebar{border:1px solid var(--line);background:var(--canvas);border-radius:12px;gap:5px;width:220px;max-width:100%;padding:16px;display:grid}.ux-sidebar h3{color:var(--muted);margin:0 8px 12px;font-size:.75rem}.ux-sidebar>a{border-radius:7px;align-items:center;gap:9px;padding:8px;font-size:.8125rem;display:flex}.ux-sidebar>a[aria-current]{background:var(--blue-soft);color:var(--blue);font-weight:600}.ux-sidebar>a:hover{background:var(--surface)}.ux-sidebar-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding:14px 8px 0;font-size:.75rem}.ux-stack{min-width:0;display:flex}.stack-vertical{flex-direction:column}.stack-horizontal{flex-flow:wrap}.ux-box{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0}.ux-fluid-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min)),1fr));width:100%;min-width:0;display:grid}.ux-table-region{border:1px solid var(--line);border-radius:10px;width:100%;max-width:100%;overflow:auto}.ux-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:420px;font-size:.8125rem}.ux-data-table caption{text-align:left;color:var(--text);background:var(--surface);border-bottom:1px solid var(--line);padding:13px 16px;font-weight:600}.ux-data-table th{background:var(--canvas);text-align:left;white-space:nowrap;font-weight:550}.ux-data-table td,.ux-data-table th{height:44px;padding:12px 16px}.ux-data-table th button{min-height:24px;font-weight:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.ux-data-table.dividers-horizontal td,.ux-data-table.dividers-grid td{border-top:1px solid var(--line)}.ux-data-table.dividers-vertical td+td,.ux-data-table.dividers-vertical th+th,.ux-data-table.dividers-grid td+td,.ux-data-table.dividers-grid th+th{border-left:1px solid var(--line)}.ux-data-table .check-label{width:18px}.ux-data-table .check-label>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.ux-data-table tr[data-selected]{background:var(--blue-soft)}.ux-data-table tr[data-error]{background:var(--error-soft)}.ux-data-table tr[data-nested]>td:first-child{border-left:3px solid var(--blue)}.ux-row-error{color:var(--error);font-size:.6875rem;display:block}.ux-nested-marker{color:var(--blue)}.ux-table-empty{text-align:center;color:var(--muted)}@keyframes ux-spin{to{transform:rotate(360deg)}}@keyframes ux-pulse{50%{opacity:.45}}@keyframes ux-pop-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ux-spinner,.ux-skeleton,.ux-popover,.ux-menu-content{animation:none}.ux-input-shell{transition:none}}@media (forced-colors:active){.ux-spinner{border-color:canvastext #0000 canvastext canvastext}.ux-skeleton{background:graytext}.ux-tabs-trigger[data-state=active],.ux-page-number[aria-current]{border-color:highlight}.ux-slider-range,.ux-slider-thumb{background:highlight}.ux-input-shell:focus-within,.ux-menu-item[data-highlighted]{outline:2px solid highlight}}@media (max-width:480px){.ux-header{gap:14px}.ux-header nav{flex-basis:100%;order:3}.ux-calendar{--rdp-day-height:34px;--rdp-day-width:34px;--rdp-day_button-height:32px;--rdp-day_button-width:32px;padding:8px}.ux-popover{max-width:calc(100vw - 16px)}.ux-tabs.vertical{gap:12px}.ux-tabs.vertical .ux-tabs-list{min-width:96px}.ux-tabs-trigger{padding:8px 10px}.ux-drawer.modal{padding:20px}.ux-stepper{gap:10px}}.component-example{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:100%;display:flex}.component-example>.field,.component-example>.ux-slider-field{width:100%;max-width:350px}.component-example .example-status{color:var(--blue);max-width:40ch;font-size:.75rem}.example-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.example-stack{gap:16px;width:100%;display:grid}.example-dialog-content{gap:16px;margin:24px 0;display:grid}.component-example .demo-card{background:var(--surface);width:100%;max-width:340px}.component-example .demo-card p{margin:10px 0 18px}.component-example .progress,.component-example .ux-skeleton-layout{width:100%;max-width:360px}.component-example .ux-file-upload{max-width:400px}.component-example .accordion{background:var(--surface);width:100%}.component-example>.ux-box{gap:12px;width:100%;display:grid}.example-number{color:var(--blue);margin-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:block}.component-example.example-table,.component-example.example-header,.component-example.example-footer,.component-example.example-grid-layout{max-width:none}.component-example .ux-tabs-panel>p{font-size:.8125rem}.component-example.is-compact{font-size:.75rem}.component-example.is-compact .ux-timeline li:last-child,.component-example.is-compact .ux-file-upload>div[role=status],.component-example.is-compact .ux-field>small,.component-example.is-compact .ux-field>.muted,.component-example.is-compact .ux-tabs-panel{display:none}.component-example.is-compact .ux-dropzone{gap:4px;padding:14px}.component-example.is-compact .ux-dropzone input,.component-example.is-compact .ux-dropzone>span{display:none}.component-doc-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:center;gap:32px;min-height:220px;margin:24px 0 28px;display:grid}.component-doc-hero h1{letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.component-doc-hero>div>p:not(.eyebrow){max-width:45ch;font-size:.9375rem;line-height:1.7}.component-doc-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.component-doc-meta>span:not(.badge){color:var(--muted);font-size:.7rem}.component-hero-art{border:1px solid var(--line);background:radial-gradient(ellipse at 75% 10%,color-mix(in srgb,var(--diagram) 65%,transparent),transparent 70%),var(--diagram-soft);border-radius:20px;place-items:center;min-height:210px;padding:30px;display:grid;position:relative;overflow:hidden}.component-hero-art>div{width:100%;max-width:320px}.component-hero-art .ux-data-table{min-width:360px}.component-hero-art .ux-timeline li:nth-child(n+3),.component-hero-art .ux-header nav,.component-hero-art .ux-footer nav{display:none}.component-hero-art .ux-header{justify-content:space-between}.component-hero-art .ux-radio-option small{display:none}.component-hero-art .example-timeline{max-height:160px;overflow:hidden}.component-doc-tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:26px;margin-bottom:30px;padding:3px 2px;display:flex;overflow-x:auto}.component-doc-tabs>button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;min-height:38px;padding:11px 0;font-size:.8125rem}.component-doc-tabs>button[data-state=active]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.component-documentation>[role=tabpanel]{outline-offset:5px}.component-section{margin:34px 0 48px}.component-section>h2{letter-spacing:-.025em;margin-bottom:12px;font-size:1.25rem}.component-section>p{max-width:75ch;margin-bottom:18px;font-size:.875rem;line-height:1.7}.component-about{gap:14px;max-width:78ch;font-size:.875rem;line-height:1.8;display:grid}.component-section-title{align-items:center;gap:13px;margin-bottom:22px;display:flex}.component-section-title h2{font-size:1.25rem}.component-section-title p{margin-top:4px;font-size:.8125rem}.doc-section-number{color:var(--blue);border:1px solid var(--line);background:var(--blue-soft);border-radius:9px;place-items:center;width:32px;height:32px;font-family:IBM Plex Mono,monospace;font-size:.6875rem;display:grid}.component-anatomy{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.anatomy-specimen{background-color:var(--diagram-soft);background-image:linear-gradient(color-mix(in srgb,var(--diagram) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--diagram) 30%,transparent) 1px,transparent 1px);background-size:24px 24px;place-items:center;min-height:230px;padding:48px;display:grid;position:relative}.anatomy-specimen>div{border:1px dashed var(--blue);background:var(--surface);border-radius:8px;width:100%;max-width:500px;padding:24px}.anatomy-origin{background:var(--blue);width:25px;height:25px;color:var(--surface);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid;position:absolute;top:24px;left:24px}.anatomy-dimension{letter-spacing:.05em;color:var(--blue);font-family:IBM Plex Mono,monospace;font-size:.6rem;position:absolute;bottom:14px;right:18px}.component-anatomy>ol{grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:12px 24px;list-style:none;display:grid}.component-anatomy>ol>li{border-bottom:1px solid var(--line);gap:10px;padding:16px 0;display:flex}.component-anatomy>ol>li>span{background:var(--blue-soft);border:1px solid var(--line);width:22px;height:22px;color:var(--blue);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:600;display:grid}.component-anatomy strong{font-size:.8125rem;font-weight:600}.component-anatomy li p{margin-top:4px;font-size:.75rem;line-height:1.65}.component-anatomy>ol>li:last-child{border-bottom:0}.component-overview-preview{border:1px solid var(--line);background:var(--canvas);border-radius:14px;place-items:center;min-height:200px;padding:38px;display:grid}.component-overview-preview>.component-example{max-width:650px}.component-behavior-note{border:1px solid var(--line);background:var(--canvas);border-radius:10px;align-items:flex-start;gap:14px;margin-top:20px;padding:20px;display:flex}.component-behavior-note>svg{color:var(--blue)}.component-behavior-note p{font-size:.8125rem}.related-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.related-components a{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px}.related-components a:hover{border-color:var(--blue);background:var(--canvas)}.related-components a>span{justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.related-components p{margin-top:8px;font-size:.75rem}.source-spec-prose{gap:10px;max-width:80ch;margin-bottom:18px;font-size:.8125rem;line-height:1.8;display:grid}.source-labels{border:1px solid var(--line);color:var(--muted);border-radius:8px;margin:16px 0;padding:11px 14px;font-size:.75rem}.source-labels summary{cursor:pointer}.source-labels>div{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.source-labels code{border:1px solid var(--line);background:var(--canvas);overflow-wrap:anywhere;border-radius:5px;padding:3px 7px;font-size:.6875rem}.source-specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.source-specimens figure{border:1px solid var(--line);border-radius:12px;min-width:0;margin:0;overflow:hidden}.source-specimen-stage{background:var(--canvas);align-items:center;min-height:190px;padding:28px;display:grid;overflow:hidden}.source-specimen-stage>div{width:100%;min-width:0}.source-specimens figcaption{text-transform:capitalize;background:var(--surface);align-items:center;gap:10px;padding:13px 16px;font-size:.75rem;display:flex}.source-specimens figcaption>span{color:var(--blue);font-family:IBM Plex Mono,monospace;font-size:.625rem}.component-measurements{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 14px;display:grid}.component-measurements>div{border:1px solid var(--line);background:var(--canvas);border-radius:10px;padding:18px}.component-measurements span{color:var(--muted);font-size:.75rem;display:block}.component-measurements strong{letter-spacing:-.04em;color:var(--blue);margin-top:6px;font-size:1.6rem;font-weight:500;display:block}.component-note{color:var(--muted);line-height:1.7;font-size:.75rem!important}.component-guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.component-guidance{grid-template-rows:subgrid;border:1px solid var(--line);border-radius:12px;grid-row:span 2;row-gap:0;min-width:0;margin:0;display:grid;overflow:hidden}.guidance-illustration{background:var(--canvas);align-items:center;min-height:210px;padding:30px;display:grid;position:relative;overflow:hidden}.guidance-illustration>div{min-width:0}.guidance-figure-index{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.6rem;position:absolute;top:10px;right:12px}.component-guidance figcaption{border-top:3px solid var(--success);padding:18px 20px}.component-guidance figcaption>strong{color:var(--success);align-items:center;gap:7px;font-size:.8125rem;display:flex}.component-guidance figcaption>p{margin-top:10px;font-size:.8125rem;line-height:1.7}.component-accessibility{border:1px solid var(--line);background:var(--blue-soft);border-radius:14px;align-items:flex-start;gap:18px;margin:30px 0;padding:26px;display:flex}.component-accessibility>svg{color:var(--blue)}.component-accessibility h2{margin-bottom:10px;font-size:1.125rem}.component-accessibility p,.component-accessibility li{color:var(--text);font-size:.8125rem;line-height:1.75}.component-accessibility ul{margin:14px 0;padding-left:18px}.component-accessibility a{color:var(--blue);text-underline-offset:3px;align-items:center;gap:7px;font-size:.8125rem;text-decoration:underline;display:inline-flex}.component-playground{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) 244px;margin:28px 0;display:grid;overflow:hidden}.playground-main{min-width:0}.playground-toolbar{border-bottom:1px solid var(--line);letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:.6rem;display:flex}.playground-toolbar>span{align-items:center;gap:7px;display:flex}.playground-stage{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--diagram) 35%,transparent),transparent 70%),var(--canvas);align-items:center;min-height:340px;padding:38px;display:grid}.playground-stage>.component-example{max-width:600px;margin:auto}.playground-hint{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:14px 20px;font-size:.6875rem;display:flex}.playground-controls{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:18px;padding:20px;font-size:.75rem;display:flex}.playground-controls>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.playground-controls h3{align-items:center;gap:7px;font-size:.8125rem;display:flex}.playground-controls>p,.playground-controls>.field,.playground-controls .select-trigger{font-size:.75rem}.playground-controls>.check-label{align-items:center;font-size:.75rem}.component-code{border:1px solid var(--line);background:var(--canvas);border-radius:10px;margin:22px 0;overflow:hidden}.component-code>div:first-child{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 14px;font-size:.6875rem;display:flex}.component-code pre{color:#deebff;tab-size:2;max-height:550px;margin:0;padding:22px;font-size:.75rem;line-height:1.75;overflow:auto}.component-code code{font-size:inherit}.playground-main>.component-code{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}.playground-main>.component-code pre{max-height:230px}.component-api{margin-top:24px}.component-api table{width:100%;min-width:720px}.component-api td,.component-api th{vertical-align:top;text-align:left;padding:15px 18px}.component-api th small{color:var(--blue);margin-top:4px;font-size:.625rem;font-weight:400;display:block}.component-api td>code{white-space:normal;overflow-wrap:anywhere;max-width:280px;line-height:1.65;display:block}.component-api td:last-child{min-width:230px;font-size:.8125rem;line-height:1.65}.component-code-links{flex-wrap:wrap;gap:12px;display:flex}.component-code-links a{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:15px 18px;font-size:.8125rem;display:flex}.component-code-links a:hover{border-color:var(--blue)}.component-agent-rules{max-width:80ch;color:var(--muted);padding-left:22px;font-size:.875rem;line-height:1.8}.component-agent-rules li{margin:12px 0}.component-source-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;padding:25px 0;display:grid}.component-source-footer strong{font-size:.75rem}.component-source-footer p{max-width:70ch;margin-top:7px;font-size:.6875rem;line-height:1.7}.component-source-footer>div:last-child{flex-wrap:wrap;align-content:flex-start;gap:12px;display:flex}.component-source-footer a{color:var(--blue);align-items:center;gap:5px;font-size:.6875rem;display:flex}.component-source-footer code{color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;font-size:.625rem}.component-catalog-head{max-width:720px;padding:18px 0 30px}.component-catalog-head h1{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem);line-height:1.12}.component-catalog-head>p:not(.eyebrow){max-width:60ch;font-size:.9375rem;line-height:1.75}.component-catalog-head>div{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.component-catalog-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin:14px 0 18px;display:flex}.component-catalog-toolbar>.field{flex-shrink:0;width:240px;font-size:.6875rem}.component-catalog-toolbar .segmented{scrollbar-width:thin;max-width:100%;overflow-x:auto}.component-catalog-toolbar .segmented button{white-space:nowrap}.component-result-count{margin-bottom:18px;font-size:.75rem}.component-catalog-grid .component-tile-demo{background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--diagram) 35%,transparent),transparent 75%),var(--canvas);min-height:200px;max-height:220px;padding:24px;overflow:hidden}.component-catalog-grid .component-tile-demo>div{width:100%;min-width:0}.component-catalog-grid .component-tile-demo .component-example{max-height:170px;overflow:hidden}.component-catalog-grid .component-tile-demo .ux-data-table{min-width:370px;font-size:.6875rem}.component-catalog-grid .component-tile-demo .ux-header nav{display:none}.component-catalog-grid .component-tile-demo .ux-header{gap:8px;padding:12px}.component-catalog-grid .component-tile-demo .brand-logo{width:120px}.component-catalog-grid .component-tile-demo .ux-footer{gap:12px}.component-catalog-grid .component-tile-demo .ux-radio-option small{display:none}.component-catalog-grid .component-tile>a{min-height:105px}.component-catalog-grid .component-tile{border-radius:14px}.component-catalog-grid .component-tile:hover{border-color:var(--blue)}@media (min-width:1500px){.component-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.component-catalog-toolbar{flex-direction:column;align-items:stretch}.component-catalog-toolbar>.field{width:100%;max-width:320px}.component-doc-hero{grid-template-columns:1fr 1fr;gap:24px}.component-playground{grid-template-columns:minmax(0,1fr) 210px}.playground-stage{padding:24px}.component-doc-tabs{gap:22px}}@media (max-width:760px){.component-doc-hero{grid-template-columns:1fr;gap:22px}.component-hero-art{min-height:180px;max-height:280px}.component-doc-hero h1{font-size:2.4rem}.component-anatomy>ol,.source-specimens,.component-guidance-grid,.component-playground{grid-template-columns:1fr}.playground-controls{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;display:grid}.playground-controls>div:first-child,.playground-controls>.component-note{grid-column:1/-1}.playground-controls>.field,.playground-controls>.ux-slider-field{min-width:0}.component-source-footer{grid-template-columns:1fr;gap:16px}.anatomy-specimen{padding:42px 24px}.anatomy-specimen>div{padding:18px}.component-overview-preview{padding:24px}.component-catalog-head h1{font-size:2.25rem}.component-section{margin:28px 0 36px}.component-doc-tabs{gap:20px}.component-catalog-toolbar .category-filter{flex-wrap:nowrap}.component-accessibility{gap:12px;padding:20px}.component-accessibility>svg{width:20px}}@media (max-width:400px){.component-measurements{grid-template-columns:1fr 1fr}.related-components,.playground-controls{grid-template-columns:1fr}.playground-stage{padding:20px}.component-anatomy>ol{padding:8px 16px}.anatomy-specimen{padding:42px 18px}.anatomy-specimen>div{padding:14px}.component-catalog-head h1{font-size:1.9rem}.component-doc-hero h1{font-size:2rem}.component-doc-tabs{gap:18px}.component-hero-art,.source-specimen-stage,.guidance-illustration{padding:24px}.component-overview-preview{padding:20px}}:root{color:var(--text)}.component-example{--preview-accent:var(--system-accent,#165896);--control-radius:var(--system-radius,8px)}.component-catalog-grid .component-tile-demo .component-example{align-items:center}.btn.button-intent-primary{--button-color:var(--preview-accent,#165896);--button-foreground:var(--preview-on-accent,#fff);--button-soft:var(--blue-soft)}.btn.button-intent-neutral{--button-color:var(--text);--button-foreground:var(--surface);--button-soft:var(--canvas)}.btn.button-intent-negative{--button-color:var(--error);--button-foreground:var(--surface);--button-soft:var(--error-soft)}.btn.button-appearance-filled{background:var(--button-color);border-color:var(--button-color);color:var(--button-foreground)}.btn.button-appearance-outlined{background:var(--surface);border-color:var(--button-color);color:var(--button-color)}.btn.button-appearance-transparent{color:var(--button-color);box-shadow:none;background:0 0;border-color:#0000}.btn.button-appearance-filled:hover:not(:disabled){background:var(--button-color);border-color:var(--button-color);color:var(--button-foreground);box-shadow:inset 0 0 0 100px #00000014}.btn.button-appearance-outlined:hover:not(:disabled),.btn.button-appearance-transparent:hover:not(:disabled){background:var(--button-soft);border-color:var(--button-color);color:var(--button-color)}.btn:active:not(:disabled){transform:translateY(1px)}[data-theme=dark] .btn.button-intent-primary.button-appearance-outlined,[data-theme=dark] .btn.button-intent-primary.button-appearance-transparent{--button-color:var(--blue)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.playground-stage{background:var(--canvas)}.ux-switch-control{flex-shrink:0;align-items:center;line-height:1;display:inline-flex;position:relative}.ux-switch-control input{margin:0}.ux-switch-on,.ux-switch-off{pointer-events:none;place-items:center;width:12px;height:12px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ux-switch-on{color:var(--surface);opacity:0;left:3px}.ux-switch-off{color:var(--muted);right:3px}.ux-switch-control:has(input:checked) .ux-switch-on{opacity:1}.ux-switch-control:has(input:checked) .ux-switch-off{opacity:0}.switch-label.label-after{justify-content:flex-start;gap:10px}.switch-label>.ux-switch-control{flex:none}.ux-anchor[aria-current]{font-weight:650}.ux-anchor.anchor-success{color:var(--success)}.ux-anchor.anchor-error{color:var(--error)}.ux-anchor.is-disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.ux-range-calendar .rdp-months{flex-wrap:nowrap}.ux-range-calendar{width:max-content;max-width:calc(100vw - 16px)}@media (max-width:640px){.ux-range-calendar .rdp-months{flex-direction:column}.ux-range-calendar .rdp-month{width:100%}.ux-range-calendar{max-height:min(78dvh,var(--radix-popover-content-available-height));overflow:auto}}.ux-skeleton{background:linear-gradient(90deg,var(--skeleton-base,var(--line)) 25%,var(--skeleton-highlight,var(--canvas)) 50%,var(--skeleton-base,var(--line)) 75%);animation:var(--skeleton-animation,ux-shimmer 1.8s linear infinite);animation-direction:var(--skeleton-direction,normal);background-size:200% 100%}@keyframes ux-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ux-notification-details{border-top:1px solid;margin-top:12px;padding-top:12px;font-size:.8125rem}.ux-notification-details[hidden]{display:none}.ux-notification>div>.btn{margin-right:10px}.ux-header-title{gap:3px;min-width:0;display:grid}.ux-header-title strong{font-size:.875rem}.ux-header-title small{color:var(--muted);font-size:.6875rem}.ux-header.header-public{justify-content:space-between}.ux-header.header-full .ux-header-actions{flex:1;justify-content:flex-end;display:flex}.ux-header-actions{align-items:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.ux-skeleton{animation:none!important}}.select-trigger[aria-invalid=true]{border-color:var(--error)}.anatomy-group{color:var(--muted);margin-bottom:4px;font-size:.625rem;display:block}.anatomy-required{color:var(--blue);border:1px solid var(--line);border-radius:4px;margin-left:8px;padding:1px 4px;font-size:.6rem;display:inline-block}.ux-grid-container{width:100%;min-width:0;container-type:inline-size}.ux-responsive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ux-grid-item{grid-column:span var(--span-small,4);min-width:0}.grid-density-compact>.ux-responsive-grid{gap:8px}@container (width>=640px){.ux-responsive-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}.ux-grid-item{grid-column:span var(--span-medium,8)}.grid-density-compact>.ux-responsive-grid{gap:12px}}@container (width>=960px){.ux-responsive-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.ux-grid-item{grid-column:span var(--span-large,12)}.grid-density-compact>.ux-responsive-grid{gap:16px}}@container (width>=1200px){.ux-grid-item{grid-column:span var(--span-wide,12)}}.ux-typography{overflow-wrap:break-word}.example-grid-item{width:100%;max-width:none}.playground-stage{overflow-anchor:none;align-items:start}.playground-stage>.component-example{min-height:264px;margin:0 auto}.example-content{flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;display:flex}.example-feedback-slot{width:100%;min-height:42px}.is-compact .example-feedback-slot{display:none}.example-content>.field,.example-content>.ux-slider-field{width:100%;max-width:350px}.example-content>.ux-box{gap:12px;width:100%;display:grid}.example-content>.ux-grid{width:100%}.example-grid-item .ux-box{align-items:center;min-height:110px;display:flex}.example-grid-layout .ux-box{align-content:start;gap:16px;min-height:120px;display:grid}.component-example .banner{overflow-wrap:anywhere;max-width:100%;margin:0}.playground-stage:is([data-component=alert],[data-component=banner],[data-component=badge],[data-component=tag],[data-component=divider],[data-component=progress],[data-component=spinner]){min-height:240px}.playground-stage:is([data-component=alert],[data-component=banner],[data-component=badge],[data-component=tag],[data-component=divider],[data-component=progress],[data-component=spinner])>.component-example{min-height:164px}.enterprise-controls,.enterprise-toolbar,.enterprise-inline,.dashboard-heading,.dashboard-filterbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.enterprise-controls{margin-bottom:16px;padding:16px 0}.enterprise-toolbar{justify-content:space-between;gap:20px}.enterprise-inline>svg{flex-shrink:0}.enterprise-choice{gap:6px;min-width:140px;display:grid}.enterprise-choice>label,.enterprise-search{color:var(--muted);font-size:.75rem;font-weight:600}.enterprise-choice .select-trigger{min-width:140px}.enterprise-note{color:var(--muted);margin:14px 0;font-size:.75rem;line-height:1.7}.enterprise-pill{background:var(--blue-soft);color:var(--blue);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.enterprise-pill.review{background:var(--canvas);color:var(--text);border:1px solid var(--strong-line)}.enterprise-workspace{--sample-gap:12px;--sample-padding:14px;font-size:var(--sample-size);border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:clip;container-type:inline-size}.enterprise-workspace.density-comfortable{--sample-gap:18px;--sample-padding:20px}.enterprise-workspace.density-spacious{--sample-gap:24px;--sample-padding:28px}.enterprise-workspace>.ux-tabs>.ux-tabs-list{flex-wrap:nowrap;margin:0;padding:0 16px;overflow-x:auto}.enterprise-workspace>.ux-tabs>.ux-tabs-list button{white-space:nowrap}.enterprise-workspace .ux-tabs-panel{margin:0;padding:0}.enterprise-dashboard{padding:var(--sample-padding);background:var(--canvas)}.enterprise-dashboard p{color:var(--muted);margin:6px 0;font-size:1em}.dashboard-heading{justify-content:space-between;margin-bottom:20px}.dashboard-heading h2{margin:10px 0 4px;font-size:1.6em}.dashboard-filterbar{border-top:1px solid var(--line);padding:12px 0 18px}.dashboard-filterbar>.btn{margin-left:auto}.dashboard-layout{gap:var(--sample-gap);align-items:start;display:grid}.dashboard-layout.with-assistant{grid-template-columns:minmax(0,1fr) minmax(300px,35%)}.dashboard-data{gap:var(--sample-gap);min-width:0;display:grid}.metric-grid{gap:var(--sample-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card{padding:var(--sample-padding);background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;min-width:0;display:flex}.metric-card .enterprise-inline{flex-wrap:nowrap;justify-content:space-between;gap:4px}.metric-card .enterprise-inline>span{font-size:.92em}.metric-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2em;line-height:1.2}.metric-help{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0}.metric-change,.metric-review{min-height:2.8em;color:var(--blue);font-size:.8em;line-height:1.5}.metric-review{color:var(--text)}.metric-detail{border:0;border-top:1px solid var(--line);color:var(--blue);text-align:left;background:0 0;justify-content:space-between;align-items:center;min-height:32px;padding:10px 0 0;font-size:.85em;display:flex}.enterprise-chart{width:100%;height:72px;color:var(--blue);display:block;overflow:visible}.enterprise-chart.large{height:180px;margin-top:18px}.chart-grid{fill:none;stroke:var(--line);stroke-width:.5px}.chart-endpoints{color:var(--muted);justify-content:space-between;margin:4px 0 16px;font-size:.8em;display:flex}.dashboard-analysis{gap:var(--sample-gap);grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr);display:grid}.dashboard-trend,.dashboard-insight,.dashboard-table{border:1px solid var(--line);background:var(--surface);padding:var(--sample-padding);border-radius:12px;min-width:0}.dashboard-trend>.enterprise-inline{justify-content:space-between}.enterprise-dashboard h3{margin:0;font-size:1.05em}.dashboard-trend details{font-size:.86em}.dashboard-trend summary{color:var(--blue);cursor:pointer;padding:8px 0}.dashboard-insight{background:var(--blue-soft);align-content:start;gap:16px;display:grid}.dashboard-insight>.enterprise-inline{color:var(--blue);letter-spacing:.08em;font-size:.72em;font-weight:700}.dashboard-insight h3{font-size:1.3em;line-height:1.4}.dashboard-insight button{text-align:left;border:0;border-top:1px solid var(--line);color:var(--text);background:0 0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dashboard-insight button small{color:var(--muted);margin-top:4px;display:block}.enterprise-search{flex:1;gap:6px;min-width:150px;max-width:280px;display:grid}.enterprise-search input{background:var(--surface);border:1px solid var(--strong-line);color:var(--text);font:inherit;border-radius:8px;padding:9px 12px}.enterprise-dashboard table{width:100%;font-size:1em}.enterprise-dashboard th,.enterprise-dashboard td{padding:10px 12px}.enterprise-dashboard th[scope=row]{text-transform:none;letter-spacing:0;color:var(--text);font-weight:500}.score-cell{align-items:center;gap:12px;min-width:100px;display:flex}.score-cell meter{width:65px;height:8px;accent-color:var(--blue)}.score-cell meter::-webkit-meter-bar{background:var(--line);border:0}.score-cell meter::-webkit-meter-optimum-value{background:var(--blue)}.enterprise-empty{padding:24px}.enterprise-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.enterprise-doc-grid article{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:24px}.enterprise-doc-grid h2{margin:0 0 12px;font-size:1rem}.enterprise-doc-grid p{color:var(--muted);line-height:1.8}.enterprise-doc-grid .btn{margin-top:8px}.enterprise-wide-dialog{width:min(900px,100vw - 32px);max-width:900px}.enterprise-handoff{gap:18px;min-width:0;display:grid}.handoff-fields{gap:16px;display:grid}.enterprise-handoff .ux-tabs-list{flex-wrap:wrap}.enterprise-handoff .code-block{margin:0}.enterprise-handoff pre{max-height:480px}.assistant-panel{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;min-width:0;font-size:.8125rem;display:flex;overflow:hidden}.assistant-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.assistant-header>div{flex:1}.assistant-header small{color:var(--muted);margin-top:3px;font-size:.7rem;display:block}.assistant-symbol{background:var(--blue-soft);color:var(--blue);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.assistant-scope{background:var(--canvas);color:var(--muted);border-bottom:1px solid var(--line);flex-direction:column;gap:5px;padding:10px 16px;font-size:.75rem;display:flex}.assistant-scope>span{letter-spacing:.08em;font-size:.6rem;font-weight:700}.assistant-body{align-content:start;gap:18px;min-height:330px;padding:20px;display:grid}.assistant-body h2{letter-spacing:-.02em;margin:0;font-size:1.35rem;line-height:1.35}.assistant-body h3{margin:0;font-size:.9rem}.assistant-body p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.75}.assistant-suggestions{gap:8px;display:grid}.assistant-suggestions button{text-align:left;background:var(--blue-soft);border:1px solid var(--line);color:var(--blue);border-radius:10px;align-items:center;gap:12px;min-height:70px;padding:14px;display:flex}.assistant-suggestions button>span{flex:1}.assistant-suggestions small{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.6;display:block}.assistant-question{background:var(--canvas);border-radius:9px;padding:12px}.assistant-question small{letter-spacing:.08em;color:var(--muted);font-size:.6rem}.assistant-question p{color:var(--text);overflow-wrap:anywhere;margin-top:6px}.assistant-response{gap:16px;display:grid}.assistant-response>.enterprise-inline{justify-content:space-between}.assistant-response .btn{min-height:28px;padding:4px 8px;font-size:.72rem}.assistant-visual{border:1px solid var(--line);background:var(--blue-soft);border-radius:10px;margin:0;padding:14px}.assistant-visual figcaption{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:.65rem;display:flex}.assistant-warning{border-left:3px solid var(--blue);background:var(--canvas);border-radius:4px;align-items:flex-start;gap:10px;padding:14px;display:flex}.assistant-warning>svg{color:var(--blue);flex-shrink:0;margin-top:3px}.assistant-warning strong{color:var(--text)}.assistant-action{border:1px solid var(--line);border-radius:10px;gap:12px;padding:16px;display:grid}.assistant-body .accordion{margin:0}.assistant-body li{color:var(--muted);margin:10px 0;font-size:.75rem;line-height:1.7}.assistant-composer{border-top:1px solid var(--line);background:var(--canvas);grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding:14px;display:grid}.assistant-composer textarea{resize:vertical;border:1px solid var(--strong-line);background:var(--surface);min-width:0;min-height:64px;max-height:220px;color:var(--text);font:inherit;border-radius:9px;padding:12px}.assistant-composer>.btn{align-self:start;min-width:36px;min-height:36px}.assistant-composer>small{color:var(--muted);grid-column:1/-1;font-size:.65rem}.assistant-playground{background:var(--canvas);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr minmax(320px,1fr);align-items:start;gap:28px;padding:24px;display:grid}.assistant-anatomy h2{margin:14px 0 24px;font-size:1.4rem;line-height:1.35}.assistant-anatomy ol{gap:20px;padding-left:20px;display:grid}.assistant-anatomy li::marker{color:var(--blue);font-weight:700}.assistant-anatomy li p{color:var(--muted);margin:6px 0;line-height:1.7}.presentation-inline{grid-template-columns:1fr}.presentation-inline .assistant-anatomy ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.presentation-drawer{grid-template-columns:1fr}.navigation-stage{border:1px solid var(--line);background:var(--canvas);border-radius:14px;overflow:hidden}.navigation-sample{background:var(--surface);border-bottom:1px solid var(--line);gap:6px;padding:10px;display:flex}.navigation-sample button{color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;display:flex}.navigation-sample button[aria-current]{color:var(--blue);background:var(--blue-soft)}.position-side{border-bottom:0;border-right:1px solid var(--line);flex-direction:column;align-items:stretch}.position-side button{justify-content:flex-start}.stage-side{grid-template-columns:180px 1fr;display:grid}.navigation-content{min-height:220px;padding:40px}.navigation-content h2{margin:14px 0;font-size:1.4rem}.navigation-content p{max-width:500px;color:var(--muted);line-height:1.8}.position-bottom{border-top:1px solid var(--line);border-bottom:0;justify-content:space-evenly}.position-bottom button{flex-direction:column;flex:1;font-size:.7rem}.enterprise-menubar{border:1px solid var(--line);background:var(--canvas);border-radius:8px;width:fit-content;padding:4px;display:flex}.enterprise-menubar>button{color:var(--text);background:0 0;border:0;border-radius:5px;padding:8px 16px}.enterprise-menubar>button[data-highlighted],.enterprise-menubar>button[data-state=open]{background:var(--blue-soft)}.enterprise-context{border:1px dashed var(--strong-line);color:var(--blue);background:var(--canvas);border-radius:10px;margin:12px 0;padding:24px}.enterprise-feedback{background:var(--blue-soft);border-radius:8px;min-height:70px;padding:16px;color:var(--text)!important}@container (width<=1050px){.with-assistant .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.with-assistant .dashboard-analysis{grid-template-columns:1fr}}@container (width<=750px){.dashboard-layout.with-assistant{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analysis{grid-template-columns:1fr}.dashboard-filterbar>.btn{margin-left:0}.enterprise-dashboard .btn{min-height:40px}}@container (width<=400px){.metric-grid{grid-template-columns:1fr}.enterprise-workspace>.ux-tabs>.ux-tabs-list{padding:0 8px}}@media (max-width:800px){.assistant-playground,.enterprise-doc-grid{grid-template-columns:1fr}.assistant-playground{padding:16px}.presentation-inline .assistant-anatomy ol{grid-template-columns:1fr}.stage-side{grid-template-columns:130px 1fr}.navigation-sample button{padding:10px}.navigation-content{padding:20px}.enterprise-controls{align-items:flex-end}.enterprise-controls .enterprise-note{flex-basis:100%;margin:0}.enterprise-handoff .enterprise-toolbar{align-items:flex-start}.enterprise-doc-grid article{padding:18px}.assistant-composer textarea{font-size:1rem}}.guardrail-summary{background:var(--blue-soft);border:1px solid var(--line);border-radius:14px;align-items:center;gap:18px;margin-bottom:24px;padding:22px;display:flex}.guardrail-summary>svg{color:var(--blue)}.guardrail-summary>div:first-of-type{flex:1}.guardrail-summary p{max-width:650px;margin-top:6px;font-size:.8rem;line-height:1.7}.guardrail-workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.guardrail-list{gap:14px;margin-top:20px;display:grid}.guardrail-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px}.guardrail-card.is-enabled{border-color:color-mix(in srgb,var(--blue) 15%,var(--line))}.guardrail-card p{margin:12px 0;font-size:.8rem;line-height:1.7}.guardrail-card summary{color:var(--blue);cursor:pointer;padding-top:12px;font-size:.75rem}.guardrail-card dl{font-size:.75rem;line-height:1.7}.guardrail-card dt{margin-top:10px;font-weight:650}.guardrail-card dd{color:var(--muted);margin:4px 0 0}.guardrail-example{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.guardrail-example>span{color:var(--text);background:var(--blue-soft);align-items:flex-start;gap:8px;padding:12px;font-size:.7rem;display:flex}.guardrail-example>span+span{background:var(--canvas);border-left:1px solid var(--line)}.guardrail-example>span+span>svg{color:#bc3449}[data-theme=dark] .guardrail-example>span+span>svg{color:#ff9cae}.guardrail-output{gap:16px;min-width:0;display:grid;position:sticky;top:85px}.guardrail-output h2{align-items:center;gap:8px;font-size:.95rem;display:flex}.guardrail-output pre{max-height:430px}.guardrail-profiles{border:1px solid var(--line);border-radius:12px;gap:14px;padding:20px;display:grid}.guardrail-profiles>.btn{justify-self:start}.guardrail-profiles .enterprise-note{margin:0}@media (max-width:1000px){.guardrail-workspace{grid-template-columns:1fr}.guardrail-output{position:static}.guardrail-summary{flex-wrap:wrap}}@media (max-width:500px){.guardrail-example{grid-template-columns:1fr}.guardrail-example>span+span{border-left:0;border-top:1px solid var(--line)}}.enterprise-display-settings{gap:18px;display:grid}.enterprise-controls{align-items:flex-end}.enterprise-context{margin:16px 0 12px;line-height:1.6;display:block}.enterprise-doc-grid article>p{margin-bottom:16px}.enterprise-doc-grid article>.accordion+.accordion{margin-top:12px}.enterprise-doc-grid article>.accordion{margin-top:16px}.drawer-navigation{background:0 0;border:0;gap:8px;padding:0}.drawer-navigation button{justify-content:flex-start;width:100%;padding:14px 16px}.metric-color-0{--metric-color:#2459d3;--metric-tint:#eaf1ff}.metric-color-1{--metric-color:#087b99;--metric-tint:#e5f8fc}.metric-color-2{--metric-color:#5756b2;--metric-tint:#efedff}.metric-color-3{--metric-color:#226da4;--metric-tint:#e8f4ff}.enterprise-app .metric-card{background:var(--metric-tint);border-top:3px solid var(--metric-color)}.enterprise-app .metric-card .enterprise-chart{color:var(--metric-color)}.metric-label{align-items:center;gap:9px;font-weight:600;display:flex}.metric-icon{background:var(--metric-tint);width:30px;height:30px;color:var(--metric-color);border-radius:9px;place-items:center;display:grid}[data-theme=dark] .metric-color-0{--metric-color:#83aaff;--metric-tint:#1a3156}[data-theme=dark] .metric-color-1{--metric-color:#64d2e8;--metric-tint:#123b49}[data-theme=dark] .metric-color-2{--metric-color:#b6acff;--metric-tint:#302d51}[data-theme=dark] .metric-color-3{--metric-color:#87c7f7;--metric-tint:#1c3b55}.enterprise-app .dashboard-heading{margin-bottom:12px;padding-bottom:14px}.enterprise-app .dashboard-filterbar{margin-bottom:14px}.enterprise-app .assistant-welcome{background-image:radial-gradient(var(--strong-line) .7px,transparent .7px);background-size:15px 15px}.nav-group-toggle{width:100%;color:var(--muted);letter-spacing:.08em;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;padding:7px 10px;font-size:.58rem;font-weight:650;display:flex}.nav-group-toggle:hover{background:var(--blue-soft)}.nav-group-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.workspace-navigation .ux-tooltip-anchor{display:block}.workspace-navigation [hidden]{display:none}.nav-settings-trigger{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px;display:flex}.nav-settings-trigger:hover{background:var(--blue-soft);color:var(--blue)}.navigation-settings>p{margin-bottom:24px}.navigation-settings .accordion{border:1px solid var(--line);border-radius:12px;margin-top:14px}.navigation-settings .accordion-body{padding:20px}.settings-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-row .switch-label>span:first-child{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.navigation-settings h3,.navigation-settings legend{font-size:.9rem;font-weight:600}.navigation-settings p{margin-top:6px;font-size:.78rem}.navigation-settings fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:20px 0 0;padding:20px 0 0}.navigation-settings legend{float:left;width:100%;margin-bottom:5px}.settings-options{background:var(--blue-soft);border:1px solid var(--line);border-radius:24px;gap:4px;margin-top:14px;padding:5px;display:flex}.settings-options label{text-align:center;cursor:pointer;flex:1;position:relative}.settings-options input{opacity:0;width:1px;height:1px;position:absolute}.settings-options span{color:var(--blue);border-radius:20px;padding:8px 12px;font-size:.75rem;display:block}.settings-options input:checked+span{background:var(--surface);box-shadow:0 0 0 1px var(--strong-line);font-weight:600}.settings-options input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.settings-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.settings-footer small{color:var(--muted)}@media (prefers-reduced-motion:reduce){.sidebar.motion-true,.sidebar.motion-true~.shell,.sidebar.motion-true .nav-group-toggle svg{transition:none}}.enterprise-app :is(.dashboard-trend,.dashboard-table,.dashboard-insight) h2{font-size:1.05em;line-height:1.4}@media (max-width:800px){.enterprise-appbar .dashboard-return-label{display:none}.enterprise-app .dashboard-filterbar{grid-template-columns:1fr auto;gap:8px;margin-bottom:14px;padding:12px 0;display:grid}.enterprise-app .dashboard-filterbar>.enterprise-note{grid-area:2/1/auto/-1;margin:0;font-size:.75em}.enterprise-app .dashboard-filterbar>.btn{align-self:end}.enterprise-app .dashboard-heading{gap:12px;margin-bottom:8px;padding-bottom:8px}.enterprise-app .enterprise-dashboard{padding-top:14px}.enterprise-app .ux-drawer .assistant-panel{border:0}.enterprise-app .ux-drawer{width:min(460px,100%);padding:16px}.enterprise-app .ux-drawer .assistant-body{min-height:0}.enterprise-app .ux-drawer .assistant-header{display:none}}.trend-chart{min-width:0;color:var(--metric-color,var(--blue));padding-top:34px;position:relative}.trend-plot{cursor:crosshair;touch-action:pan-y;border-radius:5px;width:100%;height:78px;position:relative}.trend-plot>svg{width:100%;height:100%;display:block;overflow:hidden}.trend-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.trend-comparison{stroke:var(--muted);stroke-width:1.25px;stroke-dasharray:4 4;opacity:.65}.trend-crosshair{stroke:currentColor;stroke-width:1px;opacity:.4;stroke-dasharray:3 3}.trend-dot{pointer-events:none;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.trend-dot.active{border:2px solid var(--surface);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.trend-readout{border:1px solid var(--line);background:var(--surface);min-width:94px;max-width:min(180px,95%);color:var(--text);pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;border-radius:8px;gap:3px;padding:7px 10px;font-size:11px;line-height:1.35;display:grid;position:absolute;top:-30px;box-shadow:0 5px 18px #091c3920}.trend-readout.align-right{transform:translate(-100%)}.trend-readout.align-center{transform:translate(-50%)}.trend-readout>strong{color:var(--muted);font-size:10px;font-weight:500}.trend-readout>span{align-items:center;gap:6px;font-weight:650;display:flex}.trend-readout small{color:var(--muted);font-size:10px}.trend-readout i,.trend-legend i{background:var(--metric-color,var(--blue));border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.trend-large{margin-top:16px;padding:32px 0 0 48px}.trend-large .trend-plot{height:210px}.trend-scale{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;max-width:44px;font-size:10px;display:flex;position:absolute;top:58px;bottom:57px;left:0}.trend-legend{min-height:32px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;padding-top:10px;font-size:10px;display:flex}.trend-legend>span{align-items:center;gap:6px;display:flex}.trend-legend i.prior{border-top:2px dashed var(--muted);background:0 0;border-radius:0;width:14px;height:0}.trend-legend>small{margin-left:auto;font-size:10px}.metric-explorer{width:min(900px,100vw - 32px);max-width:900px;padding:24px}.metric-explorer-body{gap:20px;display:grid}.metric-explorer-body>p{font-size:.8rem;line-height:1.7}.metric-explorer-stats{border-block:1px solid var(--line);flex-wrap:wrap;gap:32px;padding:16px 0;display:flex}.metric-explorer-stats>div{gap:6px;display:grid}.metric-explorer-stats small{color:var(--muted);font-size:.72rem}.metric-explorer-stats strong{letter-spacing:-.03em;font-size:1.65rem;line-height:1.2}.metric-explorer .trend-large{margin:0}.metric-explorer .chart-endpoints{margin:-12px 0 0 48px;font-size:.7rem}.metric-explorer-data{border:1px solid var(--line);background:var(--canvas);border-radius:10px}.metric-explorer-data>summary{cursor:pointer;padding:12px 16px;font-size:.78rem}.metric-explorer-data .table-scroll{max-height:260px;margin:0}.metric-explorer-data table{width:100%;font-size:.75rem}.metric-explorer-data :is(td,th){padding:10px 16px}.metric-explorer-body>footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.metric-explorer-body>footer small{color:var(--muted);font-size:.7rem}@media (max-width:600px){.trend-large .trend-plot{height:170px}.trend-legend{gap:8px}.trend-legend>small{display:none}.metric-explorer{padding:18px}.metric-explorer-stats{gap:18px}.metric-explorer-stats strong{font-size:1.3rem}.metric-explorer .trend-plot{height:190px}}.main-content.dashboard-page-content{min-width:0;max-width:none;padding:24px}.embedded-dashboard{background:0 0;min-height:0}.embedded-dashboard.width-standard{max-width:1360px;margin-inline:auto}.embedded-dashboard .enterprise-workspace{background:0 0;border:0;border-radius:0;overflow:visible}.embedded-dashboard .enterprise-workspace>.ux-tabs>.ux-tabs-list{max-width:100%;margin:0;padding:0 0 16px}.embedded-dashboard .enterprise-dashboard{background:0 0;padding:0}.embedded-dashboard .dashboard-heading{align-items:center;gap:16px;margin-bottom:0;padding-bottom:18px}.embedded-dashboard .dashboard-heading h1{margin:8px 0 4px;font-size:1.5rem}.embedded-dashboard .dashboard-heading p{font-size:.8rem}.embedded-dashboard .dashboard-heading>.enterprise-inline{align-items:end;gap:8px}.embedded-dashboard .dashboard-heading .enterprise-choice,.embedded-dashboard .dashboard-heading .enterprise-choice .select-trigger{min-width:124px}.embedded-dashboard .dashboard-heading .enterprise-pill{letter-spacing:.04em;color:var(--muted);background:0 0;padding:0;font-size:.65rem}.embedded-dashboard .dashboard-filterbar{margin-bottom:16px;padding:12px 0}.embedded-dashboard .metric-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:8px;padding:14px}.embedded-dashboard .metric-icon{background:var(--metric-tint);border-radius:7px;width:26px;height:26px}.embedded-dashboard .metric-value{font-size:1.8rem}.embedded-dashboard .metric-label{gap:8px;font-size:.75rem!important}.embedded-dashboard .metric-card .trend-chart{background:color-mix(in srgb,var(--metric-tint) 45%,transparent);border-radius:6px;margin-inline:-7px;padding-inline:7px}.embedded-dashboard .metric-change,.embedded-dashboard .metric-review{min-height:2.7em;font-size:.68rem}.embedded-dashboard .dashboard-insight{background:var(--blue-soft)}.embedded-dashboard .dashboard-layout.with-assistant{grid-template-columns:minmax(0,1fr) minmax(320px,30%)}.embedded-dashboard .assistant-panel{max-height:calc(100dvh - 100px);position:sticky;top:82px}.embedded-dashboard .assistant-body{min-height:0;overflow-y:auto}.embedded-dashboard .dashboard-data{container-type:inline-size}@container (width<=820px){.embedded-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.embedded-dashboard .dashboard-analysis{grid-template-columns:minmax(0,1fr)}}@media (max-width:1100px){.embedded-dashboard .dashboard-layout.with-assistant{grid-template-columns:1fr}.embedded-dashboard .assistant-panel{max-height:none;position:static}}@media (max-width:600px){.main-content.dashboard-page-content{padding:20px 14px}.embedded-dashboard .dashboard-heading>.enterprise-inline{width:100%}.embedded-dashboard .dashboard-heading h1{font-size:1.35rem}.embedded-dashboard .metric-card{padding:12px}.embedded-dashboard .metric-label{gap:5px}.embedded-dashboard .metric-icon{display:none}.embedded-dashboard .metric-value{font-size:1.5rem}.embedded-dashboard .dashboard-filterbar>.enterprise-note{font-size:.68rem}}.embedded-dashboard .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.embedded-dashboard .dashboard-analysis{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}@container (width<=820px){.embedded-dashboard .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.embedded-dashboard .dashboard-analysis{grid-template-columns:minmax(0,1fr)}}@container (width<=370px){.embedded-dashboard .metric-grid{grid-template-columns:1fr}}.metric-explorer[open]{flex-direction:column;max-height:calc(100dvh - 40px);display:flex;overflow:hidden}.metric-explorer>.modal-heading{flex-shrink:0;margin-bottom:16px}.metric-explorer-body{gap:14px;min-height:0;padding:3px;overflow:auto}.metric-explorer .trend-plot{height:200px}.embedded-dashboard .metric-card{gap:6px}.embedded-dashboard .metric-card .trend-plot{height:64px}.embedded-dashboard .metric-card .metric-change,.embedded-dashboard .metric-card .metric-review{min-height:0}.embedded-dashboard .metric-card .trend-chart{padding-top:28px}:where(.ux-tabs-list,.component-doc-tabs,.guide-tabs){scrollbar-width:thin;border:0;gap:6px;padding:6px}.ux-tabs-list,.component-doc-tabs,.guide-tabs{border-bottom:0;gap:6px;padding:6px}.ux-tabs-trigger,.component-doc-tabs>button,.guide-tabs>button{min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:500;line-height:1.4}.ux-tabs-trigger:hover:not(:disabled),.component-doc-tabs>button:hover,.guide-tabs>button:hover{background:var(--canvas);color:var(--text)}.ux-tabs-trigger[data-state=active],.component-doc-tabs>button[data-state=active],.guide-tabs>button[aria-pressed=true]{background:var(--blue-soft);color:var(--text);border:1px solid var(--line);box-shadow:none;font-weight:650}.ux-tabs.vertical .ux-tabs-list{border:0;gap:6px}.ux-tabs.vertical .ux-tabs-trigger{border:1px solid #0000;border-radius:10px}.ux-tabs.vertical .ux-tabs-trigger[data-state=active]{border-color:var(--line)}.ux-tabbar .ux-tabs-list{border:0;border-radius:18px;padding:6px}.ux-tabbar .ux-tabs-trigger{border-radius:12px}.enterprise-app .enterprise-workspace>.ux-tabs>.ux-tabs-list{padding:6px 2px}.syntax-block pre>code.syntax-code,.component-code pre>code.syntax-code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}@media (forced-colors:active){.syntax-block pre,.component-code pre{color:canvastext;background:canvas}.ux-tabs-trigger[data-state=active],.component-doc-tabs>button[data-state=active],.guide-tabs>button[aria-pressed=true]{color:canvastext;background:canvas;border-color:highlight}}.token-toast-viewport{z-index:100;outline:none;flex-direction:column;gap:10px;width:330px;max-width:calc(100vw - 32px);margin:0;padding:0;list-style:none;display:flex;position:fixed;bottom:24px;right:24px}.token-copy-toast{color:#184c32;background:#e5f5eb;border:1px solid #c5e5d1;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:.8rem;display:flex;box-shadow:0 8px 28px #102f2517}.token-copy-toast>div{flex:1}.token-copy-toast [data-radix-toast-title],.token-copy-toast>div>div:first-child{font-weight:650}.token-copy-toast>div>div+div{margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.token-copy-toast>button{min-width:28px;min-height:28px;color:inherit;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.token-copy-toast>button:hover{background:#c5e5d1}.token-copy-toast.is-error{color:#7e2828;background:#fff0ef;border-color:#edc6c3}.token-copy-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.token-copy-toast[data-swipe=end]{opacity:0}.token-color-copy:hover{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}.component-guidance.do{background:#eef9f2;border-color:#cce6d6}.component-guidance.dont{background:#fff1f1;border-color:#efd0d3}.component-guidance.do .guidance-illustration{background:#e5f4eb}.component-guidance.dont .guidance-illustration{background:#fce7e9}.component-guidance.do figcaption{border-top-color:#438b61}.component-guidance.dont figcaption{border-top-color:#bd5665}.component-guidance.do figcaption>strong{color:#1f6641}.component-guidance.dont figcaption>strong{color:#9e2940}.guidance-pair>section:first-child{background:#eef9f2;border-color:#cce6d6}.guidance-pair>section:last-child{background:#fff1f1;border-color:#efd0d3}.guidance-pair>section:first-child h3{color:#1f6641}.guidance-pair>section:last-child h3{color:#9e2940}[data-theme=dark] .component-guidance.do,[data-theme=dark] .guidance-pair>section:first-child{background:#173529;border-color:#365d49}[data-theme=dark] .component-guidance.dont,[data-theme=dark] .guidance-pair>section:last-child{background:#3b222b;border-color:#72414d}[data-theme=dark] .component-guidance.do .guidance-illustration{background:#132c23}[data-theme=dark] .component-guidance.dont .guidance-illustration{background:#321c25}[data-theme=dark] .component-guidance.do figcaption>strong,[data-theme=dark] .guidance-pair>section:first-child h3{color:#a4e3ba}[data-theme=dark] .component-guidance.dont figcaption>strong,[data-theme=dark] .guidance-pair>section:last-child h3{color:#ffb2bb}.ux-tabbar{width:min(100%,360px)}.ux-tabbar .ux-tabs-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ux-tabbar .ux-tabs-trigger{flex:1 1 0;width:100%;min-width:0;padding:10px 8px}.guidance-teaching-example{pointer-events:none;width:100%;max-width:460px;color:var(--text);margin:0 auto;font-size:12px;line-height:1.5}.guidance-teaching-example p{font-size:inherit!important;margin:8px 0!important;line-height:1.5!important}.guide-demo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.guide-demo-row.spread{justify-content:space-between}.guide-demo-column{gap:14px;display:grid}.guide-action{border:1px solid var(--strong-line);background:var(--surface);min-height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:600;display:inline-flex}.guide-action.primary{background:var(--blue);color:var(--surface);border-color:var(--blue)}.guide-action small{font-size:11px}.guide-tab-demo>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:6px;padding:6px;display:flex}.guide-tab-demo>div>span{border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:9px;min-width:0;padding:10px 8px;display:flex}.guide-tab-demo.with-icons>div>span{flex-direction:column}.guide-tab-demo [data-active=true]{background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--strong-line);color:var(--blue);font-weight:650}.guide-tab-demo.excess-width>div{justify-content:flex-start;min-height:100px}.guide-tab-demo.excess-width>div>span{flex:0 0 65px;align-self:start}.guide-field{gap:7px;width:100%;display:grid}.guide-field>strong{font-weight:600}.guide-field>span{border:1px solid var(--strong-line);background:var(--surface);color:var(--muted);border-radius:8px;min-height:40px;padding:11px 12px;display:block}.guide-field>span.error{border:2px solid #b43b51}.guide-field .guide-tall{min-height:110px}.guidance-teaching-example small{font-size:11px}.guidance-teaching-example .error-text{color:var(--error)}.guide-choice{align-items:center;gap:10px;min-height:28px;display:flex}.guide-choice.indent{padding-left:24px}.guide-choice>i{border:1px solid var(--strong-line);background:var(--surface);place-items:center;width:18px;height:18px;font-style:normal;display:grid}.guide-choice>.check{border-radius:4px}.guide-choice>.radio{border-radius:50%}.guide-choice>.checked{background:var(--blue);border-color:var(--blue);color:var(--surface)}.guide-choice>.radio.checked:after{content:"";background:var(--surface);border-radius:50%;width:6px;height:6px}.guide-choice>.check.wrong-shape{border-radius:50%}.guide-choice>.radio.wrong-shape{border-radius:3px}.guide-choice>.toggle{border-radius:20px;width:34px;position:relative}.guide-choice>.toggle:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.guide-choice>.toggle.checked:after{background:var(--surface);left:auto;right:2px}.guide-slider{background:var(--blue-soft);border-radius:6px;height:6px;margin:18px 0;position:relative}.guide-slider:before{content:"";background:var(--blue);width:60%;height:100%;display:block}.guide-slider>i{background:var(--surface);border:3px solid var(--blue);border-radius:50%;width:18px;height:18px;position:absolute;top:-6px;left:60%}.guide-slider>i+i{left:20%}.guide-upload{text-align:center;border:1px dashed var(--strong-line);background:var(--surface);border-radius:12px;justify-items:center;gap:10px;padding:24px;display:grid}.guide-badge{background:var(--blue-soft);color:var(--blue);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;display:flex}.guide-badge.conflicting-status:first-child{color:#8e2442;background:#fbdce5}.guide-badge.conflicting-status:last-child{color:#165c46;background:#dbf6ed}.guide-alert>svg{flex-shrink:0}.guide-alert>span{overflow-wrap:anywhere;min-width:0}.guide-alert{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:12px;padding:16px;display:flex}.guide-progress{gap:9px;display:grid}.guide-progress>span{background:var(--surface);border-radius:6px;height:9px;overflow:hidden}.guide-progress>span>i{background:var(--blue);width:60%;height:100%;display:block}.guide-progress.misplaced{padding:28px 0;position:relative}.guide-progress.misplaced>strong{background:var(--surface);z-index:1;position:absolute;top:20px;left:35%}.guide-loading{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:100px;display:flex}.guide-spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:28px;height:28px}.guide-lines{gap:9px;min-width:80px;padding:12px 0;display:grid}.guide-lines>i{background:var(--strong-line);opacity:.35;border-radius:4px;height:7px}.guide-lines>i:nth-child(2){width:84%}.guide-lines>i:nth-child(3){width:60%}.guide-skeleton{align-items:flex-start;gap:16px;display:flex}.guide-skeleton>i{background:var(--strong-line);opacity:.35;border-radius:50%;width:48px;height:48px}.guide-skeleton>div{flex:1}.guide-skeleton.overdone{color:#743a91;background:#eed8f7;border-radius:8px;padding:18px}.guide-skeleton.overdone .guide-lines i{opacity:1;background:#c655ad}.guide-timeline{gap:0;display:grid}.guide-timeline>span{border-left:1px solid var(--strong-line);align-items:center;gap:10px;padding:12px;display:flex;position:relative}.guide-timeline>span>i{background:var(--blue);border-radius:50%;width:9px;height:9px}.guide-timeline>span>svg{margin-left:auto}.guide-timeline.looks-linked{color:var(--blue);text-decoration:underline}.guide-table{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.guide-table>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:10px;display:grid}.guide-table small{display:block}.guide-table.striped>div:nth-child(2n){background:var(--blue-soft)}.guide-layout{gap:12px;display:grid}.guide-layout>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.guide-layout.incorrect-layout.box>div{padding:0}.guide-layout.incorrect-layout.stack{gap:0}.guide-layout.incorrect-layout.stack>div:nth-child(2){margin:28px 0 3px}.guide-layout.grid-layout,.guide-layout.grid-item{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-layout.incorrect-layout.grid-layout,.guide-layout.incorrect-layout.grid-item{border-right:3px dashed #b93e58;grid-template-columns:repeat(3,200px);width:280px;overflow:hidden}.guide-layout.grid-layout strong,.guide-layout.grid-item strong{font-size:10px}.guide-layout.grid-layout .guide-lines,.guide-layout.grid-item .guide-lines{min-width:0}.guide-demo-column hr{border-color:var(--strong-line);margin:0}.guide-demo-column hr.custom-divider{border-color:#d445aa;border-top-width:6px}.guide-avatar{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:50%;place-items:center;display:grid}.incorrect-avatars .guide-avatar:nth-child(2){width:68px;height:68px;box-shadow:8px 8px #8f6592}.incorrect-avatars .guide-avatar:nth-child(3){width:26px;height:26px}.guide-mini-frame{border:1px solid var(--strong-line);background:var(--surface);border-radius:10px;overflow:hidden}.guide-mini-header{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:20px;padding:0 8px;display:flex}.guide-mini-header>i{background:var(--muted);border-radius:50%;width:4px;height:4px}.guide-app-header,.guide-app-footer{background:var(--canvas);justify-content:space-between;gap:12px;padding:10px;font-size:10px;display:flex}.guide-app-body{grid-template-columns:90px 1fr;min-height:100px;display:grid}.guide-app-body>div:last-child{padding:12px}.guide-app-side{border-right:1px solid var(--line);gap:5px;padding:10px;font-size:9px;display:grid}.guide-app-side>span{align-items:center;gap:6px;display:flex}.guide-app-footer{border-top:1px solid var(--line)}.guide-nested-side{background:var(--blue-soft);border:1px solid var(--blue);padding:8px;font-size:9px}.guide-steps{align-items:flex-start;gap:16px;display:flex}.guide-steps>span{text-align:center;flex:1;justify-items:center;gap:10px;display:grid}.guide-steps i{border:1px solid var(--blue);width:27px;height:27px;color:var(--blue);border-radius:50%;place-items:center;font-style:normal;display:grid}.guide-pages{justify-content:center;align-items:center;gap:8px;display:flex}.guide-pages>span{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 8px}.guide-pages .current{background:var(--blue);color:var(--surface)}.guide-pages.wrap{flex-wrap:wrap;width:120px}.guide-pages.misaligned{justify-content:flex-end}.guide-link{color:var(--blue);align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.guide-link.no-underline{text-decoration:none}.guide-link.custom-link{color:#bd3f92;font-family:serif;font-size:20px}.guide-menu-sample{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:4px;min-width:170px;padding:5px;display:grid}.guide-menu-sample>span{align-items:center;gap:9px;padding:7px 10px;display:flex}.guide-menu-sample .destructive{color:var(--error)}.guide-overlay-scene{min-height:190px;position:relative}.guide-background-content{padding:16px}.guide-scrim{background:#081b3b55;position:absolute;inset:0}.guide-extra-scrim{background:#081b3b99;position:absolute;inset:25px 0 0 25px}.guide-overlay-panel{border:1px solid var(--strong-line);background:var(--surface);border-radius:9px;width:65%;padding:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #051b3b24}.guide-overlay-scene.drawer .guide-overlay-panel{border-radius:0;width:65%;inset:0 0 0 auto;transform:none}.guide-overlay-scene.dialog.incorrect-overlay .guide-overlay-panel{background:var(--blue-soft);top:10px;left:8px;transform:none}.guide-nested-drawer{background:var(--canvas);border:2px solid var(--blue);padding:12px;position:absolute;inset:28px -12px -12px 40px}.guide-overlay-trigger{color:var(--blue);position:absolute;top:20px;left:20px}.guide-overlay-scene.popover .guide-overlay-panel{top:45px;left:20px;transform:none}.guide-overlay-scene.popover.incorrect-overlay .guide-overlay-panel{width:50%;top:90px;left:auto;right:8px}.guide-overlay-scene.backdrop.partial-scrim .guide-scrim{inset:30px 30px 0}.guide-overlay-scene.backdrop.custom-scrim .guide-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#be4060aa}.guide-tooltip-demo{padding-top:60px;position:relative}.guide-tooltip-bubble{background:var(--text);color:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:10px;display:flex;position:absolute;top:0;left:0}.guide-tooltip-bubble .guide-link{color:inherit}.guide-type strong{font-size:18px;font-weight:600}.guide-type.all-bold p{font-weight:850}.guide-type p{max-width:42ch}.guide-accordion{gap:8px;display:grid}.guide-accordion>span{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.guide-empty-state{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;justify-items:center;gap:10px;min-height:155px;padding:20px;display:grid}.guidance-teaching-example .custom-colors{color:#8c2569!important;background:#fae2f1!important;border-color:#c84697!important}.guidance-teaching-example .custom-colors .primary,.guidance-teaching-example .custom-colors i{background:#c84697!important;border-color:#c84697!important}.guidance-teaching-example .custom-colors .guide-spinner{background:0 0!important;border-color:#fae2f1 #c84697 #c84697!important}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#477ab373 1.2px,#0000 1.2px);background-size:19px 19px;position:absolute;inset:0 0 0 44%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.hero .hero-art,[data-theme=dark] .hero .hero-art{background-image:none}[data-theme=dark] .hero:before{background-image:radial-gradient(#a6ccff77 1.2px,#0000 1.2px)}@media (max-width:760px){.hero:before{display:none}}.search-modal .search-input{border:1px solid var(--strong-line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:6px 14px;display:flex}.search-modal .search-input>svg{color:var(--blue);width:19px;height:19px;margin:0;display:block}.search-modal .search-input>input{min-width:0;min-height:34px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:4px 0;line-height:1.5}.search-modal .search-input:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.search-modal .search-input>kbd{border:1px solid var(--line);background:var(--canvas);min-width:30px;height:24px;color:var(--muted);border-radius:5px;flex:none;place-items:center;padding:0 5px;font-size:.625rem;line-height:1;display:grid}main strong,main b{font-weight:550}main h1,main h2,main h3{font-weight:600}.enterprise-dashboard .metric-label{font-weight:500}.enterprise-dashboard .metric-value,.metric-explorer-stats strong{letter-spacing:-.035em;font-weight:500}.trend-readout>span{font-weight:500}.assistant-scope{background:var(--surface);border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;padding:9px 16px}.assistant-scope>span{letter-spacing:0;text-transform:none;color:var(--muted);font-size:.6875rem;font-weight:450}.refined-multiselect{width:max(330px,var(--radix-popover-trigger-width));max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;overflow:hidden;box-shadow:0 6px 24px #193b6420}.refined-multiselect .ux-filter{border:1px solid var(--line);border-radius:7px;flex-shrink:0;align-items:center;gap:8px;margin:0;padding:7px 10px;display:flex}.refined-multiselect .ux-filter>svg{color:var(--blue)}.refined-multiselect .ux-filter input{min-width:0;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0;line-height:1.5}.refined-multiselect .ux-filter:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:1px}.refined-multiselect .ux-filter>button{background:0 0;border:0;border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.multiselect-selection{border:1px solid var(--line);border-radius:7px;flex-shrink:0;align-items:center;gap:8px;padding:8px;display:flex}.multiselect-pills{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.multiselect-selection.expanded .multiselect-pills{flex-wrap:wrap;max-height:104px;padding:2px;overflow:auto}.multiselect-pill{background:var(--blue-soft);min-width:0;max-width:130px;color:var(--text);border-radius:20px;align-items:center;gap:3px;padding:2px 4px 2px 8px;font-size:.6875rem;line-height:1.5;display:inline-flex}.multiselect-pill>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiselect-pill>button{background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.multiselect-pill>button:hover{background:var(--line)}.multiselect-expand{color:var(--blue);white-space:nowrap;background:0 0;border:0;min-height:28px;padding:5px;font-size:.6875rem}.multiselect-more{color:var(--muted);white-space:nowrap;font-size:.6875rem}.multiselect-summary{border-bottom:1px solid var(--line);flex-shrink:0;padding:4px 10px 10px}.multiselect-summary .check-label{font-size:.75rem}.refined-multiselect .ux-choice-list{scrollbar-width:thin;scrollbar-color:var(--strong-line) transparent;min-height:0;max-height:240px;padding:0;display:block;overflow:auto}.multiselect-option{border-radius:6px}.multiselect-option:has(input:checked){background:color-mix(in srgb,var(--blue-soft) 55%,transparent)}.multiselect-option:hover{background:var(--canvas)}.multiselect-option .check-label{gap:9px;width:100%;min-height:36px;margin:0;padding:8px 10px;font-size:.75rem;display:flex}.multiselect-option .check-label>span{overflow-wrap:anywhere}.multiselect-option small{color:var(--muted);padding:0 10px 8px 35px;display:block}.refined-multiselect .ux-popover-footer{flex-shrink:0;justify-content:space-between;margin:0;padding:8px 0 0}.multiselect-empty{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:22px 8px;display:grid}.multiselect-empty strong{color:var(--text);font-weight:500}.guardrail-card{background:var(--surface);box-shadow:none;transition:background-color .16s,border-color .16s,box-shadow .16s}.guardrail-card.is-enabled{background:color-mix(in srgb,var(--blue-soft) 32%,var(--surface));border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:none}.guardrail-state{flex-shrink:0;align-items:center;gap:9px;display:flex}.guardrail-on-label{color:var(--muted);min-width:22px;font-size:.6875rem}.is-enabled .guardrail-on-label{color:var(--blue);font-weight:550}@media (prefers-reduced-motion:reduce){.guardrail-card{transition:none}}.extension-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.75rem;display:inline-flex}.extension-header{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:32px;display:grid}.extension-header h1{margin:10px 0 16px}.extension-header p{max-width:58ch;font-size:.875rem;line-height:1.8}.extension-header figure{border:1px solid var(--line);border-radius:16px;margin:0;overflow:hidden}.extension-header svg{width:100%;display:block}.extension-sections{gap:28px;margin:20px 0 36px;display:grid}.extension-sections>section{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;gap:16px;padding-bottom:28px;display:grid}.extension-number{color:var(--blue);padding-top:4px;font-family:IBM Plex Mono,monospace;font-size:.6875rem}.extension-sections h2{margin-bottom:10px}.extension-sections p{max-width:85ch;font-size:.8125rem;line-height:1.9}.extension-defaults{border:1px solid var(--line);background:var(--canvas);border-radius:14px;padding:24px}.extension-defaults>p{margin-top:8px;font-size:.8125rem}.extension-defaults dl{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0;display:grid}.extension-defaults dl>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px}.extension-defaults dt{font-size:.75rem;font-weight:550}.extension-defaults dd{color:var(--muted);margin:6px 0 0;font-size:.8125rem}.extension-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:16px 0;display:flex}.extension-toolbar>p{max-width:70ch;font-size:.8125rem}.extension-toolbar label{gap:6px;min-width:110px;font-size:.75rem;display:grid}.extension-token-value{align-items:center;gap:12px;display:flex}.extension-guide th>code{overflow-wrap:anywhere}.extension-guide caption{text-align:start;color:var(--muted);padding:12px 0;font-size:.75rem}.extension-sources{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding-top:20px;font-size:.6875rem}.extension-sources p{max-width:90ch;margin-bottom:10px}.extension-sources a{color:var(--blue);text-underline-offset:3px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.extension-note{max-width:85ch;margin:12px 0 20px;font-size:.8125rem}.extension-guidance{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.extension-guidance article{border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.extension-guidance .is-do{background:var(--green-soft)}.extension-guidance .is-dont{background:var(--red-soft,#fff0f3)}.extension-guidance-visual{place-items:center;min-height:220px;padding:24px;display:grid}.extension-guidance-copy{border-top:1px solid var(--line);flex:1;padding:22px}.extension-guidance-copy h2{align-items:center;gap:8px;font-size:.875rem;display:flex}.extension-guidance-copy ul{margin:12px 0 0;padding-left:18px;font-size:.8125rem;line-height:1.8}.extension-guidance-copy li+li{margin-top:8px}.extension-icon-sample{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.extension-icon-sample>span{justify-items:center;gap:8px;font-size:.75rem;display:grid}.extension-icon-sample .btn{min-width:44px;min-height:44px}.extension-mini-message{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:10px;width:280px;max-width:100%;padding:20px;font-size:.8125rem;display:grid}.extension-mini-message>svg{width:100%}.extension-mini-message small{color:var(--muted);font-size:.6875rem}.extension-mini-message img{max-width:100%}.extension-example-action{color:var(--blue);padding:6px 0;font-size:.75rem}.extension-low-contrast{color:#b8c7da;background:#fff;padding:12px}.extension-clear-text{color:#215941;background:#e6f5ed;padding:12px}.extension-lab{border:1px solid var(--line);border-radius:14px;margin-top:20px;overflow:hidden}.extension-lab-controls{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;padding:20px;display:flex}.extension-lab-controls>label:not(.check-label){gap:6px;min-width:120px;font-size:.75rem;display:grid}.extension-lab-controls input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:80px;height:32px;padding:2px}.extension-lab-preview{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;padding:32px;display:flex}.extension-lab-preview>p{text-align:center;font-size:.75rem}.extension-lab-caption{border-top:1px solid var(--line);padding:16px 20px;font-size:.75rem;line-height:1.7}.extension-message,.extension-locale,.extension-plan,.extension-input-demo{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:14px;width:min(100%,560px);padding:24px;display:grid}.extension-message p,.extension-locale p,.extension-plan p,.extension-input-demo p{font-size:.8125rem}.extension-chart{width:100%;min-width:0;max-width:760px}.extension-chart>p{margin:8px 0 18px;font-size:.75rem}.extension-chart details{margin-top:20px;font-size:.75rem}.extension-contrast{text-align:center;border-radius:12px;width:min(100%,540px);padding:30px;font-size:1.5rem}.extension-contrast small{margin-top:12px;font-size:.875rem;display:block}.extension-locale dl{gap:12px;margin:0;display:grid}.extension-locale dl>div{flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.8125rem;display:flex}.extension-locale dd{margin:0}.extension-image-crop{border-radius:12px;width:min(100%,420px);overflow:hidden}.extension-image-crop img{object-fit:cover;width:100%;height:100%;display:block}.extension-phases{flex-wrap:wrap;gap:10px;padding:0;font-size:.6875rem;list-style:none;display:flex}.extension-phases li{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:flex}.extension-phases li[aria-current=step]{background:var(--blue-soft);color:var(--blue);border-color:var(--strong-line)}.extension-input-demo>label{gap:8px;font-size:.8125rem;display:grid}.extension-input-demo textarea{border:1px solid var(--strong-line);background:var(--surface);width:100%;min-height:84px;color:var(--text);resize:vertical;border-radius:8px;padding:12px}.extension-input-demo .btn,.extension-message .btn,.extension-locale .btn{justify-self:start}@media (max-width:700px){.extension-header{grid-template-columns:1fr;gap:24px}.extension-guidance,.extension-defaults dl{grid-template-columns:1fr}.extension-lab-preview{padding:18px}.extension-toolbar{flex-direction:column;align-items:stretch}.extension-sections>section{grid-template-columns:24px 1fr;gap:10px}}[data-theme=dark] .extension-guidance .is-dont{background:#321d2b}[data-theme=dark] .extension-guidance .is-do{background:#122e2c}@property --assistant-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.assistant-launch{isolation:isolate;border-radius:10px;gap:9px;position:relative;color:var(--blue)!important;border:1px solid var(--line)!important;background:0 0!important;font-weight:500!important}.assistant-launch:before{content:"";border-radius:inherit;background:conic-gradient(from var(--assistant-angle),transparent 0deg,var(--blue) 75deg,transparent 150deg);pointer-events:none;opacity:0;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.assistant-launch:hover:before{opacity:1;animation:1.8s linear 2 assistant-border-trace}.assistant-launch:focus-visible:before{opacity:1;animation:1.8s linear 2 assistant-border-trace}.assistant-launch[aria-pressed=true]{background:var(--blue-soft)!important}@keyframes assistant-border-trace{to{--assistant-angle:360deg}}@media (prefers-reduced-motion:reduce){.assistant-launch:before{animation:none!important}}.guidance-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:20px;display:grid}.guidance-example{--guidance-fill:#edf8f2;--guidance-art:#e5f3eb;--guidance-line:#438b61;--guidance-text:#24573d;grid-template-rows:subgrid;border:1px solid color-mix(in srgb,var(--guidance-line) 24%,var(--surface));background:var(--guidance-fill);border-radius:14px;grid-row:span 2;row-gap:0;min-width:0;margin:0;display:grid;overflow:hidden}.guidance-example.dont{--guidance-fill:#fff1f3;--guidance-art:#fbe7ec;--guidance-line:#bd5665;--guidance-text:#802c40}.guidance-example.caution{--guidance-fill:#fff7e7;--guidance-art:#faf0d9;--guidance-line:#a87527;--guidance-text:#684710}.guidance-example .guidance-visual{background:var(--diagram-soft,var(--canvas));justify-content:center;align-items:center;min-width:0;min-height:220px;padding:28px;display:flex;position:relative;overflow:hidden}.guidance-example .guidance-visual>div{min-width:0;max-width:100%}.guidance-example figcaption{align-self:stretch;height:100%;padding:17px 20px;background:var(--guidance-fill)!important;border-top:3px solid var(--guidance-line)!important}.guidance-example figcaption strong{align-items:center;gap:8px;font-size:.82rem;display:flex;color:var(--guidance-text)!important}.guidance-example .guidance-description{color:var(--guidance-text);font-size:.78rem;line-height:1.7}.guidance-example .guidance-description p,.guidance-example .guidance-description ul{font-size:inherit;line-height:inherit;margin:9px 0 0;color:inherit!important}.guidance-example .guidance-description ul{padding-inline-start:18px}.guidance-example .guidance-description li+li{margin-top:7px}[data-theme=dark] .guidance-example.do{--guidance-fill:#173529;--guidance-art:#132c23;--guidance-line:#68b98c;--guidance-text:#b2ebce}[data-theme=dark] .guidance-example.dont{--guidance-fill:#3b222b;--guidance-art:#321c25;--guidance-line:#d88191;--guidance-text:#ffc1ca}[data-theme=dark] .guidance-example.caution{--guidance-fill:#3b2e19;--guidance-art:#302614;--guidance-line:#d8ac64;--guidance-text:#f8d79e}@media (max-width:700px){.guidance-comparison{grid-template-columns:1fr}.guidance-example .guidance-visual{min-height:190px;padding:22px}}.token-reference-table tbody tr{transition:background-color .16s}.token-reference-table tbody tr:focus-within{background:color-mix(in srgb,var(--blue-soft) 55%,var(--surface))}.token-color-copy{transform-origin:50%;will-change:auto;border:1px solid #8297b6;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.token-color-copy:focus-visible{outline:2px solid var(--blue);outline-offset:4px;z-index:1;transform:scale(1.12)}[data-theme=dark] .token-color-copy{border-color:#7f9dbc}@media (hover:hover){.token-reference-table tbody tr:hover{background:color-mix(in srgb,var(--blue-soft) 45%,var(--surface))}.token-color-copy:hover{z-index:1;transform:scale(1.16);box-shadow:0 3px 9px #12325924,inset 0 0 0 1px #ffffff26}}.token-color-copy:active{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.token-reference-table tbody tr,.token-color-copy{transition:none}:is(.token-color-copy:hover,.token-color-copy:focus-visible,.token-color-copy:active){transform:none}}.start-story-hero{border:1px solid var(--line);background:var(--blue-soft);border-radius:16px;grid-template-columns:1.15fr 1fr;margin-bottom:42px;display:grid;overflow:hidden}.start-story-hero>div:first-child{align-self:center;padding:36px}.start-story-hero h1{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.12}.start-story-hero p{max-width:440px;color:var(--muted);font-size:.875rem;line-height:1.75}.start-story-hero small{color:var(--muted);max-width:380px;margin-top:18px;font-size:.68rem;line-height:1.7;display:block}.start-story-art{min-height:320px;display:grid;overflow:hidden}.start-story-art .foundation-artwork{object-fit:cover;width:100%;height:100%}.start-story-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.start-story-actions>a{color:var(--blue);align-items:center;gap:8px;font-size:.8125rem;display:inline-flex}.start-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.start-story-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.start-story-cover{aspect-ratio:800/250;background:var(--canvas);overflow:hidden}.start-story-cover .foundation-artwork{width:100%;height:100%;display:block}.start-story-content{flex-direction:column;flex:1;gap:12px;padding:26px;display:flex}.start-story-content h2{letter-spacing:-.025em;margin:0;font-size:1.25rem;line-height:1.3}.start-story-content>p{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.8}.start-story-content .start-story-outcome{color:var(--text);padding:14px 0;font-size:.8125rem}.start-story-outcome span{color:var(--muted);margin-bottom:4px;font-size:.68rem;display:block}.start-story-content nav{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 18px;margin-top:auto;padding-top:16px;display:flex}.start-story-content nav a{color:var(--blue);align-items:center;gap:6px;min-height:28px;font-size:.75rem;display:inline-flex}.start-story-content nav a:hover,.start-story-actions>a:hover{text-underline-offset:4px;text-decoration:underline}.start-story-note{border:1px solid var(--line);background:var(--canvas);border-radius:14px;justify-content:space-between;align-items:center;gap:32px;margin-top:32px;padding:24px;display:flex}.start-story-note h2{margin:0 0 10px;font-size:1rem}.start-story-note p{color:var(--muted);max-width:650px;font-size:.75rem;line-height:1.8}.start-story-note>a{color:var(--blue);flex-shrink:0;align-items:center;gap:8px;font-size:.75rem;display:inline-flex}@media (max-width:850px){.start-story-hero{grid-template-columns:1fr}.start-story-art{aspect-ratio:800/240;min-height:0}.start-story-note{flex-direction:column;align-items:start;gap:12px}}@media (max-width:620px){.start-story-grid{grid-template-columns:1fr}.start-story-hero>div:first-child{padding:24px}.start-story-content{padding:22px}.start-story-actions{gap:14px}.start-story-cover{aspect-ratio:800/320}}.assistant-header{gap:8px;padding:12px}.assistant-header>.btn{min-width:28px;min-height:28px;padding:5px}.assistant-header strong{font-weight:550}.assistant-header small{font-size:.62rem}.assistant-header>div{min-width:0}.assistant-scope>span:last-child{color:var(--text);font-size:.72rem}.assistant-scope>span:first-child{color:var(--muted);font-size:.64rem}.assistant-history{border-bottom:1px solid var(--line);gap:5px;max-height:210px;padding:10px;display:grid;overflow:auto}.assistant-history button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px;font-size:.75rem;display:flex}.assistant-history button[aria-current=true]{background:var(--blue-soft)}.assistant-history button>span{overflow-wrap:anywhere;min-width:0}.assistant-history small{color:var(--muted);margin-top:3px;font-size:.65rem;display:block}.assistant-suggestions button{background:var(--surface);gap:12px;min-height:76px;padding:14px 12px}.assistant-suggestions button:hover{background:var(--canvas);border-color:var(--strong-line)}.assistant-suggestions button>span{min-width:0}.assistant-suggestions strong{font-weight:550}.assistant-intent-icon{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative}.assistant-intent-icon:after{content:"";border:1px solid color-mix(in srgb,var(--blue) 15%,transparent);border-radius:8px;position:absolute;inset:4px}.assistant-exchange{border-bottom:1px solid var(--line);gap:16px;padding-bottom:20px;display:grid}.assistant-response-title{color:var(--blue);align-items:center;gap:8px;margin-bottom:12px;display:flex}.assistant-response-title h3{color:var(--text);flex:1;font-weight:550}.assistant-finding-list{gap:12px;margin-top:16px;display:grid}.assistant-finding-list>div{border:1px solid var(--line);background:var(--canvas);border-radius:9px;padding:12px}.assistant-finding-list strong{margin-bottom:4px;font-size:.75rem;display:block}.assistant-plan-list{padding-left:20px}.assistant-plan-list span{margin-top:4px;display:block}.assistant-followups{flex-wrap:wrap;gap:6px;display:flex}.assistant-followups button{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:20px;align-items:center;gap:6px;padding:7px 9px;font-size:.68rem;display:flex}.assistant-followups button:hover{background:var(--blue-soft)}.assistant-composer{background:var(--surface);padding:12px;display:block}.assistant-compose-field{border:1px solid var(--strong-line);background:var(--canvas);border-radius:12px;align-items:end;gap:6px;padding:8px;display:flex}.assistant-compose-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.assistant-compose-field textarea{field-sizing:content;resize:none;min-height:32px;max-height:120px;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:7px 4px;font-size:.8rem}.assistant-compose-field textarea:focus-visible{outline:none}.assistant-compose-field>.btn{border-radius:9px;width:30px;min-width:30px;height:30px;min-height:30px;padding:5px}.assistant-compose-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px 2px 0;font-size:.59rem;display:flex}.foundation-banner{isolation:isolate;border:1px solid var(--line);color:#183451;background:#edf5ff;border-radius:16px;align-items:center;min-height:280px;margin:18px 0 26px;display:flex;position:relative;overflow:hidden}.foundation-banner-art{width:64%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24%);mask-image:linear-gradient(90deg,#0000,#000 24%)}.foundation-banner-art>.foundation-artwork{width:100%;height:100%;display:block}.foundation-banner-copy{z-index:1;width:46%;min-width:0;padding:34px;position:relative}.foundation-banner-copy .eyebrow{color:#325d89}.foundation-banner-copy h1{letter-spacing:-.035em;overflow-wrap:break-word;margin:16px 0 14px;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.12}.foundation-banner-copy p{color:#3d5c7f;max-width:360px;margin:0;font-size:.875rem;line-height:1.7}.foundation-banner-version{letter-spacing:.04em;color:#42658d;margin-top:22px;font-size:.65rem;display:inline-block}[data-theme=dark] .foundation-banner{color:#e9f2ff;background:#152f4e}[data-theme=dark] .foundation-banner-copy .eyebrow,[data-theme=dark] .foundation-banner-version{color:#a2c5ef}[data-theme=dark] .foundation-banner-copy p{color:#c0d4ed}@media (max-width:700px){.foundation-banner{min-height:0;display:block}.foundation-banner-copy{width:100%;padding:26px}.foundation-banner-art{width:100%;height:180px;position:relative;-webkit-mask-image:none;mask-image:none}.foundation-banner-copy{order:0}.foundation-banner{flex-direction:column-reverse;align-items:stretch;display:flex}.foundation-banner-copy h1{font-size:2rem}.foundation-banner-version{margin-top:16px}}.changelog-release{border-top:1px solid var(--line);margin-top:24px;padding:28px 0}.changelog-release-heading time{color:var(--muted);font-size:.75rem}.changelog-release-heading h2{margin:12px 0;font-size:1.4rem}.changelog-release-heading p{color:var(--muted);font-size:.75rem}.changelog-updates{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px;margin-top:28px;display:grid}.changelog-updates h3{margin:0 0 10px;font-size:.95rem}.changelog-updates h3 a{color:var(--blue)}.changelog-updates p,.changelog-release li{color:var(--muted);font-size:.8125rem;line-height:1.8}.changelog-release li+li{margin-top:8px}@media (max-width:650px){.changelog-updates{grid-template-columns:1fr}}.overview-lower{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.overview-feature-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.overview-feature-copy{padding:26px 26px 20px}.overview-feature-copy .small-label{color:var(--muted);letter-spacing:.08em;font-size:.625rem}.overview-feature-copy h2{letter-spacing:-.035em;margin:18px 0 12px;font-size:1.5rem;font-weight:500;line-height:1.22}.overview-feature-copy p{max-width:46ch;color:var(--muted);margin:0;font-size:.8125rem;line-height:1.6}.overview-feature-canvas{isolation:isolate;background:#edf5ff;place-items:center;min-height:266px;padding:24px;display:grid;position:relative;overflow:hidden}.overview-canvas-geometry{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.overview-feature-footer{border:0;border-top:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:19px 24px;font-size:.8125rem;font-weight:550;text-decoration:none;transition:background .16s;display:flex}.overview-feature-footer small{color:var(--muted);margin-top:4px;font-size:.6875rem;font-weight:400;display:block}.overview-feature-footer>svg{color:var(--muted);flex-shrink:0;transition:transform .16s}.overview-feature-footer:hover{background:var(--canvas)}.overview-feature-footer:hover>svg{transform:translate(2px,-2px)}.system-miniature{color:#193b61;background:#fff;border:1px solid #a8c1df;border-radius:12px;width:100%;max-width:350px;position:relative;box-shadow:7px 7px #bed3e866}.system-miniature-heading{border-bottom:1px solid #d4e3f3;align-items:center;gap:8px;padding:12px 16px;font-size:.6875rem;display:flex}.system-miniature-heading>svg{color:var(--preview-accent)}.system-miniature-dots{letter-spacing:3px;color:#8ca7c6;margin-left:auto}.system-miniature-grid{grid-template-columns:1fr 1.25fr;gap:14px;padding:16px;display:grid}.miniature-type{background:var(--preview-soft);border-radius:7px;flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.miniature-type>span{letter-spacing:-.06em;color:var(--preview-accent);font-size:3rem;line-height:1.05}.miniature-type small{margin-top:9px;font-size:.5625rem}.miniature-components{flex-direction:column;justify-content:center;gap:15px;display:flex}.miniature-action{background:var(--preview-accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:.625rem;display:flex}.miniature-lines{flex-direction:column;gap:6px;display:flex}.miniature-lines i{background:#d9e5f1;border-radius:2px;width:100%;height:5px}.miniature-lines i:nth-child(2){width:78%}.miniature-lines i:nth-child(3){width:52%}.miniature-status{align-items:center;gap:5px;font-size:.5625rem;display:flex}.miniature-status>span{background:var(--preview-accent);border-radius:50%;width:5px;height:5px}.miniature-palette{border-top:1px solid #d4e3f3;align-items:center;gap:10px;padding:10px 16px;font-size:.625rem;display:flex}.miniature-palette>div{gap:6px;display:flex}.miniature-palette button{color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:26px;height:26px;min-height:26px;display:grid;box-shadow:inset 0 0 0 1px #14385c22}.miniature-palette-name{color:#4e6785;margin-left:auto}.agent-network{width:100%;max-width:480px;position:relative}.agent-network-source{color:#193b61;background:#fff;border:1px solid #abc4e0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:100%;margin:0 auto;padding:12px 18px;display:flex;box-shadow:5px 5px #bed3e866}.agent-network-source>img{object-fit:contain;width:58px;height:42px}.agent-network-source strong{font-size:.8125rem;font-weight:550;display:block}.agent-network-source small{color:#4e6785;margin-top:3px;font-size:.5625rem;display:block}.agent-network-branches{fill:none;stroke:#6e99c9;stroke-width:1.75px;width:100%;height:44px;display:block;overflow:visible}.agent-network-branches circle{fill:#4583d1;stroke:#edf5ff;stroke-width:2px}.agent-network-clients{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.agent-network-clients>a{color:#111;background:#fff;border:1px solid #abc4e0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:66px;padding:12px;font-size:.9375rem;font-weight:500;transition:transform .16s,border-color .16s;display:flex}.agent-network-clients>a:hover{border-color:#236aab;transform:translateY(-3px)}.agent-network-clients img{object-fit:contain;max-width:100%;display:block}.agent-network-clients .codex-provider-mark{flex-shrink:0;width:23px;height:23px}.agent-network-note{color:#4e6785;text-align:center;margin:15px 0 0;font-size:.625rem}[data-theme=dark] .overview-feature-canvas{background:#142d49}[data-theme=dark] .overview-canvas-geometry{opacity:.22}@media (max-width:1000px){.overview-lower{grid-template-columns:1fr}.overview-feature-copy{padding-bottom:22px}.overview-feature-canvas{min-height:270px}}@media (max-width:450px){.overview-feature-copy{padding:22px 20px}.overview-feature-copy h2{font-size:1.375rem}.overview-feature-canvas{min-height:245px;padding:20px 14px}.overview-feature-footer{padding:17px 20px}.agent-network-clients{gap:7px}.agent-network-clients>a{gap:5px;min-height:58px;padding:9px 7px;font-size:.75rem}.agent-network-clients .codex-provider-mark{width:20px;height:20px}.miniature-palette{gap:7px;padding:10px}.system-miniature-grid{gap:10px;padding:13px}}@media (prefers-reduced-motion:reduce){.overview-feature-footer,.overview-feature-footer>svg,.agent-network-clients>a{transition:none}.overview-feature-footer:hover>svg,.agent-network-clients>a:hover{transform:none}}.agent-network-clients>a:first-child{letter-spacing:-.035em;font-size:1.125rem}.agent-network-clients .codex-provider-mark{width:27px;height:27px}@media (max-width:450px){.agent-network-clients>a:first-child{font-size:.9375rem}.agent-network-clients .codex-provider-mark{width:23px;height:23px}}.state-rule b{color:inherit}.illustrated-guidance>.guidance-comparison+.guidance-comparison{margin-top:24px}.guidance-media-label{align-items:center;gap:12px;font-size:24px;display:flex}.guidance-topic-trio{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guidance-topic-trio>span{text-align:center;gap:10px;display:grid}.guidance-topic-trio b{color:#315e98;background:#dceafb;border-radius:8px;place-items:center;height:65px;font-size:28px;display:grid}.extension-example-action{align-items:center;gap:6px;display:inline-flex}.component-catalog-grid .component-tile-demo{background:#eaf3ff;height:230px;min-height:230px;max-height:none;padding:0;display:block}.component-cover{isolation:isolate;color:#193b61;place-items:center;width:100%;height:100%;min-height:230px;padding:25px;display:grid;position:relative;overflow:hidden}.component-cover-geometry{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.component-cover-subject{width:100%;max-width:340px;position:relative}.component-cover .component-example{--text:#193b61;--muted:#4d6784;--surface:#fff;--canvas:#f2f7ff;--line:#bdcfe6;--blue:#236aab;--blue-soft:#dceeff;overflow:hidden;transform:none;max-height:180px!important}.component-catalog-grid .component-tile-demo .component-example{font-size:.875rem}.component-cover .component-example .example-status{display:none}.component-cover .component-example-compact{padding:0}.cover-import{justify-items:center;gap:9px;display:grid}.cover-import strong{font-size:1rem;font-weight:550}.cover-import small{color:#4d6784;font-size:.6875rem}.cover-orbit{place-items:center;width:105px;height:105px;display:grid;position:relative}.cover-orbit>svg{width:100%;height:100%;position:absolute;inset:0}.cover-orbit>span{background:#236aab;border-radius:7px;width:27px;height:27px;transform:rotate(45deg)}.cover-tags{flex-direction:column;align-items:center;gap:14px;display:flex}.cover-tag{color:#174e83;background:#d7eaff;border:1px solid #89aed4;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 17px;font-size:1rem;font-weight:500;line-height:1.1;display:flex}.cover-tag.outlined{background:#fff;border-color:#9eb6d2;margin-left:35px;font-size:.9375rem}.cover-tag.outlined>span{background:#4a85c3;border-radius:50%;width:8px;height:8px}.cover-tag.neutral{background:#f3f7fc;border-color:#bed1e7;margin-right:25px;font-size:.8125rem}.cover-upload{gap:10px;max-width:280px;margin:auto;display:grid}.cover-upload-zone{background:#f9fcff;border:1.5px dashed #709ac6;border-radius:12px;justify-items:center;gap:6px;padding:16px 20px;display:grid}.cover-upload-zone strong{font-size:.875rem;font-weight:550}.cover-upload-zone small{color:#4d6784;font-size:.625rem}.cover-upload-icon{color:#236aab}.cover-upload-file{color:#236aab;background:#fff;border:1px solid #b7cee6;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.cover-upload-file>span{color:#193b61;flex:1;font-size:.6875rem}.cover-upload-file small{color:#4d6784;margin-top:3px;font-size:.5625rem;display:block}.cover-actions{justify-items:center;gap:14px;display:grid}.cover-primary-action{color:#fff;background:#236aab;border-radius:8px;align-items:center;gap:10px;padding:13px 20px;font-size:1rem;display:flex}.cover-secondary-action{background:#fff;border:1px solid #9bb6d5;border-radius:8px;padding:10px 25px;font-size:.875rem}.component-hero-art:has(.component-cover){background:#eaf3ff;padding:0;overflow:hidden}.component-hero-art>.component-cover{min-height:230px}.component-cover.cover-icon-button .example-row,.component-cover.cover-avatar .example-row{justify-content:center}.component-cover.cover-menu .component-example{max-width:240px;margin:auto}.guide-motion-sequence{justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex}.guide-motion-sequence>div{justify-items:center;gap:16px;display:grid}.guide-motion-sequence span{background:#4583d1;border-radius:10px;width:36px;height:36px;display:block}.guide-motion-sequence small{font-size:.6875rem}.guide-motion-sequence.competing>div:nth-child(2)>span{background:#315e98;border-radius:50%}.guide-motion-sequence.competing>div:nth-child(3)>span{background:#9bc6eb;border-radius:2px}.component-cover{background:#f2f7ff}.component-cover-subject{transition:none;transform:none}.component-cover-geometry{pointer-events:none}.cover-backdrop-motion{transform-origin:250px 120px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.component-tile:hover .cover-backdrop-motion{transform:translate(5px,-3px)rotate(1.5deg)scale(1.025)}}.component-cover:is(.cover-checkbox,.cover-radio,.cover-switch,.cover-slider,.cover-range-slider,.cover-progress,.cover-icon-button,.cover-avatar) .component-cover-subject{width:77%;transform:scale(1.3)}.component-cover .component-example{overflow:visible}.component-cover.cover-file-upload .ux-upload{padding:22px}.cover-tag-slot{place-items:center;height:38px;display:grid}.cover-tag.neutral{margin:0}.cover-tag button{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.cover-tag-restore{color:#193b61;cursor:pointer;background:#fff;border:1px solid #9bb6d5;border-radius:7px;padding:6px 12px;font-size:.75rem}[data-theme=dark] .component-cover{background:#e8f0fb}[data-theme=dark] .component-cover-geometry{opacity:1}@media (prefers-reduced-motion:reduce){.cover-backdrop-motion{transition:none}.component-tile:hover .cover-backdrop-motion{transform:none}}.component-cover{container-type:inline-size}.component-cover .example-feedback-slot{min-height:32px}.component-cover .component-example .example-status{color:#416389;margin:0;font-size:.6875rem;line-height:1.4;display:block}.ux-page-gap{flex-shrink:0;justify-content:center;width:32px;padding:4px}.ux-page-number,.ux-pagination>.btn{flex-shrink:0;width:32px}.cover-pagination .ux-pagination{flex-wrap:nowrap;justify-content:center}.cover-pagination .component-cover-subject{max-width:350px}@container (width<=350px){.cover-pagination .ux-page-item:not(:has([aria-current])){display:none}.cover-pagination .ux-pagination{gap:10px}.cover-pagination .ux-page-number{background:#fff}}.cover-backdrop-motion{transform:scale(1.09)}@media (hover:hover){.component-tile:hover .cover-backdrop-motion{transform:rotate(1.2deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){.component-tile:hover .cover-backdrop-motion{transform:scale(1.09)}}.component-catalog-grid .component-tile-demo .component-cover .component-example{overflow:visible;max-height:none!important}.component-cover .example-content{padding:7px}.component-cover .is-compact .example-feedback-slot{height:32px;min-height:32px;margin-top:8px;display:block}.component-cover .ux-slider-field{font-size:.8125rem}.component-cover .ux-slider-field output{font-size:.8125rem;font-weight:500}.cover-grid-example{gap:14px;display:grid}.cover-grid-options{justify-content:center;gap:6px;display:flex}.cover-grid-options button{color:#365778;background:#fff;border:1px solid #bed1e8;border-radius:6px;padding:5px 8px;font-size:.6875rem}.cover-grid-options button[aria-pressed=true]{color:#174e83;background:#dceaff;border-color:#81a4ce}.cover-grid-blocks{grid-template-columns:2fr 1fr;gap:10px;display:grid}.cover-grid-blocks.is-even{grid-template-columns:1fr 1fr}.cover-grid-blocks>div{background:#fff;border:1px solid #b6cee6;border-radius:9px;flex-direction:column;gap:7px;min-width:0;min-height:95px;padding:15px 10px;display:flex}.cover-grid-blocks strong{font-size:.75rem;font-weight:550;line-height:1.3}.cover-grid-blocks span,.cover-grid-example>small{color:#4d6784;font-size:.625rem}.cover-grid-blocks i{background:#dce8f6;border-radius:2px;width:90%;height:4px}.cover-grid-blocks i:last-child{width:65%}.cover-grid-example>small{text-align:center}.ux-calendar{width:max-content;max-width:calc(100vw - 16px);padding:12px}.ux-calendar .rdp-root{--rdp-accent-color:var(--blue);--rdp-accent-background-color:var(--blue-soft);--rdp-day-height:36px;--rdp-day-width:36px;--rdp-day_button-height:34px;--rdp-day_button-width:34px;--rdp-nav_button-height:30px;--rdp-nav_button-width:30px;--rdp-nav-height:38px;--rdp-months-gap:16px;--rdp-selected-border:1.5px solid var(--blue);--rdp-today-color:var(--blue);font-size:.75rem}.ux-calendar .rdp-month_grid{table-layout:fixed;border-collapse:collapse;width:252px;min-width:0}.ux-calendar .rdp-month_grid :is(th,td){text-align:center;background:0 0;border:0;padding:0}.ux-calendar .rdp-weekday{height:28px;font-size:.625rem;font-weight:500}.ux-calendar .rdp-month_grid thead,.ux-calendar .rdp-month_grid tr:hover{background:0 0}.ux-calendar .rdp-day_button{min-width:0;margin:auto;padding:0;font-size:.75rem;font-weight:400}.ux-calendar .rdp-chevron{fill:var(--blue);width:18px;height:18px}.ux-calendar .rdp-button_next,.ux-calendar .rdp-button_previous{border-radius:6px}.ux-calendar .rdp-button_next:hover,.ux-calendar .rdp-button_previous:hover{background:var(--blue-soft)}.ux-calendar .rdp-month_caption{height:38px;font-size:.8125rem;font-weight:550}.ux-calendar .rdp-selected{font-size:inherit;font-weight:500}.ux-calendar :is(.rdp-range_start,.rdp-range_end) .rdp-day_button{background:var(--blue);color:var(--surface)}.ux-calendar .rdp-footer{font-size:.6875rem}.ux-calendar .ux-popover-footer{gap:8px;margin-top:10px;padding-top:10px}@media (max-width:600px){.ux-range-calendar .rdp-month+.rdp-month{display:none}.ux-range-calendar .rdp-months{flex-direction:row}}.component-cover:is(.cover-slider,.cover-range-slider) .component-cover-subject{width:100%;transform:none}.component-cover .ux-slider-field>div:first-child,.component-cover .ux-slider-field output{font-size:.75rem;font-weight:450}.component-cover .ux-slider-ends{font-size:.625rem}.ux-table-cell-content{align-items:center;gap:8px;min-width:0;display:flex}.ux-data-table [style*="text-align: end"] .ux-table-cell-content{justify-content:flex-end}.ux-data-table [style*="text-align: center"] .ux-table-cell-content{justify-content:center}.ux-table-value{overflow-wrap:anywhere;min-width:0}.ux-table-description{color:var(--muted);margin-top:3px;font-size:.6875rem;line-height:1.5;display:block}.ux-table-flag{color:var(--blue);flex-shrink:0;display:inline-flex}.ux-data-table .ux-table-expand{width:26px;height:26px;color:var(--blue);background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;padding:0;display:grid}.ux-table-expand[aria-expanded=true] svg{transform:rotate(90deg)}.ux-table-expand:hover{background:var(--blue-soft)}.ux-data-table tr[data-nested]{background:var(--canvas)}.ux-data-table tr[data-selected],.ux-data-table td[data-selected]{background:var(--blue-soft)}.ux-data-table tr[data-error],.ux-data-table td[data-error]{background:var(--error-soft)}.ux-data-table tr[data-selected][data-error],.ux-data-table td[data-selected][data-error]{background:color-mix(in srgb,var(--error-soft) 78%,var(--error) 22%)}.ux-data-table.density-compact :is(th,td){height:36px;padding-block:7px}.ux-data-table.density-standard :is(th,td){min-height:48px}.ux-data-table.is-sticky thead{z-index:2;position:sticky;top:0}.ux-data-table :is(th,td)[data-horizontal-divider=true]{border-bottom:1px solid var(--line)}.ux-data-table :is(th,td)[data-horizontal-divider=false]{border-top:0;border-bottom:0}.ux-data-table :is(th,td)[data-vertical-divider=true]{border-inline-end:1px solid var(--line)}.ux-data-table :is(th,td)[data-vertical-divider=false]{border-inline:0}.ux-nested-heading th{background:var(--blue-soft)}.theme-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.theme-controls,.theme-preview{min-width:0}.theme-controls .palette-choices{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.theme-controls .palette-choices button{aspect-ratio:1;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:grid}.theme-controls .palette-choices button svg{width:16px;height:16px}.theme-controls>.field{min-width:0}.theme-controls .select-trigger{max-width:100%}.theme-controls .select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1000px){.theme-layout{grid-template-columns:1fr}.theme-controls{gap:20px}}@media (pointer:coarse){.theme-controls .palette-choices button{flex-basis:44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px}}.ux-date-field{border:1px solid var(--strong-line);background:var(--surface);border-radius:8px;align-items:center;width:100%;min-width:0;display:flex}.ux-date-field:focus-within{outline:2px solid var(--blue);outline-offset:2px}.ux-date-field.has-error{border-color:var(--error)}.ux-date-field>input{text-overflow:ellipsis;background:0 0;flex:1;width:0;min-width:0;height:32px;padding:6px 10px;font-size:.8125rem;box-shadow:none!important;border:0!important;outline:none!important;min-height:32px!important}.control-medium .ux-date-field>input{height:40px}.control-large .ux-date-field>input{height:48px}.ux-date-field>button{width:28px;height:28px;min-height:28px;color:var(--blue);background:0 0;border:0;border-radius:5px;flex:0 0 28px;place-items:center;margin-inline-end:3px;padding:0;display:grid}.ux-date-field>button:hover{background:var(--blue-soft)}.ux-date-field:has(input:disabled){opacity:.55}.ux-calendar.has-week-numbers .rdp-month_grid{width:280px}.ux-calendar .rdp-week_number{color:var(--muted);font-size:.625rem}.ux-calendar .rdp-root{--rdp-week_number-width:28px;--rdp-week_number-height:36px}.ux-calendar .rdp-dropdowns{gap:5px;max-width:100%;font-size:.75rem}.ux-calendar .rdp-dropdown_root{border:1px solid var(--line);border-radius:5px;padding:3px 5px}.ux-calendar .rdp-dropdown{color:var(--text);cursor:pointer;font-size:.75rem}.ux-calendar .rdp-caption_label{gap:3px;font-size:.75rem;font-weight:500}.ux-calendar .rdp-today .rdp-day_button,.ux-calendar .ux-date-highlight .rdp-day_button{position:relative}.ux-calendar .rdp-today .rdp-day_button:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px;left:calc(50% - 1.5px)}.ux-calendar .ux-date-highlight .rdp-day_button:before{content:"";border-inline:3px solid #0000;border-bottom:4px solid;position:absolute;bottom:2px;right:5px}.ux-calendar-legend{border-top:1px solid var(--line);gap:16px;margin-top:8px;padding-top:9px;font-size:.625rem;display:flex}.ux-calendar-legend>span{align-items:center;gap:5px;display:flex}.today-dot{background:var(--blue);border-radius:50%;width:4px;height:4px}.highlight-triangle{border-inline:3px solid #0000;border-bottom:5px solid var(--blue)}.ux-date-draft{min-height:1.5em;margin:9px 0 0;font-size:.6875rem}.ux-calendar .rdp-months{max-width:100%}.ux-calendar .ux-popover-footer{justify-content:flex-end}@media (max-width:360px){.ux-calendar.has-week-numbers .rdp-month_grid{width:256px}.ux-calendar .rdp-root{--rdp-day-width:32px;--rdp-day_button-width:30px}}.navigation-brand{width:184px;height:35.72px;display:block;position:relative}.navigation-brand .brand-logo{width:184px;max-width:none}.sidebar-search>span{white-space:nowrap}@media (min-width:901px){.sidebar{--navigation-canvas:194px;--rail-width:76px;scrollbar-gutter:stable;width:222px;padding:0 13px 0 14px;overflow-x:hidden}.sidebar>*{width:var(--navigation-canvas);flex-shrink:0}.sidebar .brand-link{height:69.72px;padding:18px .325px 16px}.sidebar .system-picker{flex-shrink:0;height:58px;padding:0;display:block;position:relative}.sidebar .system-avatar{pointer-events:none;position:absolute;top:13px;left:8px}.sidebar .system-picker .select-trigger{border-radius:7px;width:100%;height:100%;padding:8px 8px 25px 46px;position:absolute;inset:0}.sidebar .system-picker>span{white-space:nowrap;pointer-events:none;position:absolute;bottom:8px;left:46px}.sidebar .sidebar-search{white-space:nowrap;flex-shrink:0;height:32px;padding-left:15.5px}.sidebar .sidebar-search>svg{flex:0 0 15px}.sidebar .nav-link{white-space:nowrap;height:32px;min-height:32px;padding-left:15px}.sidebar .nav-link>svg{flex:0 0 18px}.sidebar .nav-group-toggle{white-space:nowrap;height:28px;position:relative}.sidebar .nav-group-toggle:after{content:"";background:var(--strong-line);visibility:hidden;width:18px;height:1px;position:absolute;top:50%;left:15px}.sidebar .nav-settings-trigger{white-space:nowrap;height:38px;padding-left:15px}.sidebar .profile{white-space:nowrap;height:69px;padding-inline:9.5px}.sidebar .profile-avatar{flex:0 0 29px}.sidebar .build-note{height:121px}.sidebar.nav-compact{width:var(--rail-width)}.sidebar.nav-compact~.shell{margin-left:76px}.sidebar.nav-compact:is(:hover,:focus-within):not(.behavior-tooltips){width:222px;box-shadow:12px 0 30px #081e3b14}.sidebar.nav-compact.behavior-push:is(:hover,:focus-within)~.shell{margin-left:222px}.sidebar.nav-compact:not(:is(:hover,:focus-within)) .navigation-brand,.sidebar.nav-compact.behavior-tooltips .navigation-brand{clip-path:inset(0 135px 0 0)}.sidebar.nav-compact:not(:is(:hover,:focus-within)) :is(.nav-link>span,.nav-group-toggle>span,.nav-group-toggle>svg,.nav-settings-trigger>span,.sidebar-search>span,.sidebar-search>kbd,.system-picker .select-trigger>span,.system-picker>span,.profile>span:nth-child(2),.profile>svg,.build-note),.sidebar.nav-compact.behavior-tooltips :is(.nav-link>span,.nav-group-toggle>span,.nav-group-toggle>svg,.nav-settings-trigger>span,.sidebar-search>span,.sidebar-search>kbd,.system-picker .select-trigger>span,.system-picker>span,.profile>span:nth-child(2),.profile>svg,.build-note){visibility:hidden}.sidebar.nav-compact:not(:is(:hover,:focus-within)) .nav-group-toggle:after,.sidebar.nav-compact.behavior-tooltips .nav-group-toggle:after{visibility:visible}.sidebar.nav-compact:not(:is(:hover,:focus-within)) :is(.nav-link,.nav-group-toggle,.nav-settings-trigger,.sidebar-search,.system-picker .select-trigger),.sidebar.nav-compact.behavior-tooltips :is(.nav-link,.nav-group-toggle,.nav-settings-trigger,.sidebar-search,.system-picker .select-trigger){width:48px}.sidebar.nav-compact:not(:is(:hover,:focus-within)) .system-picker,.sidebar.nav-compact.behavior-tooltips .system-picker{border-color:var(--line);background:var(--surface);width:48px}.sidebar.motion-true,.sidebar.motion-true~.shell{transition:width .18s,margin-left .18s}}@media (prefers-reduced-motion:reduce){.sidebar.motion-true,.sidebar.motion-true~.shell{transition:none}}.sidebar{scrollbar-color:#7591b7 transparent}[data-theme=dark] .sidebar{scrollbar-color:#607fa6 transparent}@media (forced-colors:active){.sidebar{scrollbar-color:auto}}