/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Paper Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-mono:"Paper Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button,input,select{font:inherit;color:inherit}button,a{transition:color .16s, background-color .16s, border-color .16s, transform .18s var(--ease)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.\[container-type\:size\]{container-type:size}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-\[3px\]{inset:-3px}.inset-0{inset:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[1\.125em\]{width:1.125em;height:1.125em}.size-\[18px\]{width:18px;height:18px}.size-\[82\%\]{width:82%;height:82%}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-auto{height:auto}.h-full{height:100%}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-64{min-height:calc(var(--spacing) * 64)}.w-4\/5{width:80%}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-\[36rem\]{max-width:36rem}.max-w-\[540px\]{max-width:540px}.max-w-\[620px\]{max-width:620px}.max-w-\[960px\]{max-width:960px}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-max{min-width:max-content}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-\[50\%_16\.67\%\]{transform-origin:50% 16.67%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[7px\]{border-radius:7px}.rounded-\[10px\]{border-radius:10px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.\[border-color\:light-dark\(\#c9d7ec\,\#3b4a5c\)\]{border-color:var(--lightningcss-light,#c9d7ec)var(--lightningcss-dark,#3b4a5c)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-s-transparent{border-inline-start-color:#0000}.border-e-transparent{border-inline-end-color:#0000}.bg-\[color\:var\(--rb-fill\)\]{background-color:var(--rb-fill)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--border-subtle\)\]{background-color:var(--border-subtle)}.bg-\[var\(--brand\,\#2d6dc3\)\]{background-color:var(--brand,#2d6dc3)}.bg-\[var\(--brand-soft\,\#edf4ff\)\]{background-color:var(--brand-soft,#edf4ff)}.bg-\[var\(--foreground\)\]{background-color:var(--foreground)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface\,\#ffffff\)\]{background-color:var(--surface,#fff)}.bg-\[var\(--surface-subtle\)\]{background-color:var(--surface-subtle)}.bg-\[var\(--surface-subtle\,\#f3f5f8\)\]{background-color:var(--surface-subtle,#f3f5f8)}.bg-current\/10{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/10{background-color:color-mix(in oklab, currentcolor 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.\[background-image\:linear-gradient\(150deg\,var\(--rb-top\)\,var\(--rb-fill\)\)\,linear-gradient\(145deg\,color-mix\(in_srgb\,var\(--rb-edge\)\,var\(--rb-top\)_38\%\)\,var\(--rb-edge\)_50\%\,color-mix\(in_srgb\,var\(--rb-edge\)\,var\(--rb-base\)_44\%\)\)\]{background-image:linear-gradient(150deg,var(--rb-top),var(--rb-fill)),linear-gradient(145deg,var(--rb-edge),var(--rb-edge) 50%,var(--rb-edge))}@supports (color:color-mix(in lab, red, red)){.\[background-image\:linear-gradient\(150deg\,var\(--rb-top\)\,var\(--rb-fill\)\)\,linear-gradient\(145deg\,color-mix\(in_srgb\,var\(--rb-edge\)\,var\(--rb-top\)_38\%\)\,var\(--rb-edge\)_50\%\,color-mix\(in_srgb\,var\(--rb-edge\)\,var\(--rb-base\)_44\%\)\)\]{background-image:linear-gradient(150deg,var(--rb-top),var(--rb-fill)),linear-gradient(145deg,color-mix(in srgb,var(--rb-edge),var(--rb-top) 38%),var(--rb-edge) 50%,color-mix(in srgb,var(--rb-edge),var(--rb-base) 44%))}}.\[background-clip\:padding-box\,border-box\]{background-clip:padding-box,border-box}.\[background-origin\:padding-box\,border-box\]{background-origin:padding-box,border-box}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-1{padding-bottom:var(--spacing)}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8em\]{font-size:.8em}.text-\[1\.05rem\]{font-size:1.05rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[color\:light-dark\(\#1c263b\,\#eef3fc\)\]{color:var(--lightningcss-light,#1c263b)var(--lightningcss-dark,#eef3fc)}.text-\[color\:light-dark\(\#194c9d\,\#e3efff\)\]{color:var(--lightningcss-light,#194c9d)var(--lightningcss-dark,#e3efff)}.text-\[color\:light-dark\(\#25549c\,\#adc8ec\)\]{color:var(--lightningcss-light,#25549c)var(--lightningcss-dark,#adc8ec)}.text-\[color\:light-dark\(\#fff\,\#13263c\)\]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#13263c)}.text-\[color\:light-dark\(\#fff\,\#123523\)\]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#123523)}.text-\[color\:light-dark\(\#fff\,\#421919\)\]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#421919)}.text-\[var\(--background\,\#fdfcfc\)\]{color:var(--background,#fdfcfc)}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--brand\,\#2d6dc3\)\]{color:var(--brand,#2d6dc3)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--foreground\,\#252c32\)\]{color:var(--foreground,#252c32)}.text-\[var\(--foreground-faint\)\]{color:var(--foreground-faint)}.text-\[var\(--foreground-muted\)\]{color:var(--foreground-muted)}.text-\[var\(--surface\)\]{color:var(--surface)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-\[var\(--border\)\]{-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.underline-offset-4{text-underline-offset:4px}.opacity-55{opacity:.55}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/highlight{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:inset_0_1px_0_var\(--rb-gloss\)\,inset_0_-1px_0_color-mix\(in_srgb\,var\(--rb-base\)\,transparent_70\%\)\,0_3px_0_var\(--rb-base\)\,0_6px_10px_var\(--rb-shadow\)\]{box-shadow:inset 0 1px 0 var(--rb-gloss),inset 0 -1px 0 var(--rb-base),0 3px 0 var(--rb-base),0 6px 10px var(--rb-shadow)}@supports (color:color-mix(in lab, red, red)){.\[box-shadow\:inset_0_1px_0_var\(--rb-gloss\)\,inset_0_-1px_0_color-mix\(in_srgb\,var\(--rb-base\)\,transparent_70\%\)\,0_3px_0_var\(--rb-base\)\,0_6px_10px_var\(--rb-shadow\)\]{box-shadow:inset 0 1px 0 var(--rb-gloss),inset 0 -1px 0 color-mix(in srgb,var(--rb-base),transparent 70%),0 3px 0 var(--rb-base),0 6px 10px var(--rb-shadow)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--rb-base\:light-dark\(\#0b432d\,\#32644e\)\]{--rb-base:var(--lightningcss-light,#0b432d)var(--lightningcss-dark,#32644e)}.\[--rb-base\:light-dark\(\#771d25\,\#81434b\)\]{--rb-base:var(--lightningcss-light,#771d25)var(--lightningcss-dark,#81434b)}.\[--rb-base\:light-dark\(\#12458e\,\#496888\)\]{--rb-base:var(--lightningcss-light,#12458e)var(--lightningcss-dark,#496888)}.\[--rb-base\:light-dark\(\#a7c0e3\,\#1b2b3e\)\]{--rb-base:var(--lightningcss-light,#a7c0e3)var(--lightningcss-dark,#1b2b3e)}.\[--rb-base\:light-dark\(\#b5c3d8\,\#17212b\)\]{--rb-base:var(--lightningcss-light,#b5c3d8)var(--lightningcss-dark,#17212b)}.\[--rb-base\:transparent\]{--rb-base:transparent}.\[--rb-dot\:\#ffffff60\]{--rb-dot:#ffffff60}.\[--rb-dot\:light-dark\(\#6592d070\,\#a3c4ed70\)\]{--rb-dot:var(--lightningcss-light,#6592d070)var(--lightningcss-dark,#a3c4ed70)}.\[--rb-dot\:light-dark\(\#7896bf70\,\#9bb1cd70\)\]{--rb-dot:var(--lightningcss-light,#7896bf70)var(--lightningcss-dark,#9bb1cd70)}.\[--rb-edge\:light-dark\(\#0c5637\,\#60a481\)\]{--rb-edge:var(--lightningcss-light,#0c5637)var(--lightningcss-dark,#60a481)}.\[--rb-edge\:light-dark\(\#8b222b\,\#bd777f\)\]{--rb-edge:var(--lightningcss-light,#8b222b)var(--lightningcss-dark,#bd777f)}.\[--rb-edge\:light-dark\(\#9baecb\,\#687c91\)\]{--rb-edge:var(--lightningcss-light,#9baecb)var(--lightningcss-dark,#687c91)}.\[--rb-edge\:light-dark\(\#9bb6e0\,\#607e9e\)\]{--rb-edge:var(--lightningcss-light,#9bb6e0)var(--lightningcss-dark,#607e9e)}.\[--rb-edge\:light-dark\(\#174da3\,\#7b9dc2\)\]{--rb-edge:var(--lightningcss-light,#174da3)var(--lightningcss-dark,#7b9dc2)}.\[--rb-edge\:transparent\]{--rb-edge:transparent}.\[--rb-face\:light-dark\(\#1957b7\,\#8baed3\)\]{--rb-face:var(--lightningcss-light,#1957b7)var(--lightningcss-dark,#8baed3)}.\[--rb-face\:light-dark\(\#96272f\,\#df8d95\)\]{--rb-face:var(--lightningcss-light,#96272f)var(--lightningcss-dark,#df8d95)}.\[--rb-face\:light-dark\(\#115739\,\#71c19a\)\]{--rb-face:var(--lightningcss-light,#115739)var(--lightningcss-dark,#71c19a)}.\[--rb-face\:light-dark\(\#dbe7fb\,\#293e56\)\]{--rb-face:var(--lightningcss-light,#dbe7fb)var(--lightningcss-dark,#293e56)}.\[--rb-face\:light-dark\(\#eef2f9\,\#252f3a\)\]{--rb-face:var(--lightningcss-light,#eef2f9)var(--lightningcss-dark,#252f3a)}.\[--rb-face\:transparent\]{--rb-face:transparent}.\[--rb-fill\:var\(--rb-face\)\]{--rb-fill:var(--rb-face)}.\[--rb-gloss\:light-dark\(\#ffffff36\,\#ffffff26\)\]{--rb-gloss:var(--lightningcss-light,#ffffff36)var(--lightningcss-dark,#ffffff26)}.\[--rb-gloss\:transparent\]{--rb-gloss:transparent}.\[--rb-shadow\:light-dark\(\#1b396c24\,\#0005\)\]{--rb-shadow:var(--lightningcss-light,#1b396c24)var(--lightningcss-dark,#0005)}.\[--rb-shadow\:transparent\]{--rb-shadow:transparent}.\[--rb-top\:light-dark\(\#3474c8\,\#c0d7f1\)\]{--rb-top:var(--lightningcss-light,#3474c8)var(--lightningcss-dark,#c0d7f1)}.\[--rb-top\:light-dark\(\#26815a\,\#a3e4c2\)\]{--rb-top:var(--lightningcss-light,#26815a)var(--lightningcss-dark,#a3e4c2)}.\[--rb-top\:light-dark\(\#b83d45\,\#f8b7ba\)\]{--rb-top:var(--lightningcss-light,#b83d45)var(--lightningcss-dark,#f8b7ba)}.\[--rb-top\:light-dark\(\#f0f5ff\,\#3b5470\)\]{--rb-top:var(--lightningcss-light,#f0f5ff)var(--lightningcss-dark,#3b5470)}.\[--rb-top\:light-dark\(\#fdfdff\,\#344351\)\]{--rb-top:var(--lightningcss-light,#fdfdff)var(--lightningcss-dark,#344351)}.\[--rb-top\:transparent\]{--rb-top:transparent}@media (hover:hover){.group-hover\:border-\[\#bdbdb7\]:is(:where(.group):hover *){border-color:#bdbdb7}}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-px:before{content:var(--tw-content);inset:1px}.before\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\:hidden:before{content:var(--tw-content);display:none}.before\:rounded-\[inherit\]:before{content:var(--tw-content);border-radius:inherit}.before\:\[background-image\:radial-gradient\(circle\,var\(--rb-dot\)_0\.55px\,transparent_0\.85px\)\]:before{content:var(--tw-content);background-image:radial-gradient(circle,var(--rb-dot) .55px,transparent .85px)}.before\:\[mask-image\:radial-gradient\(ellipse_38px_18px_at_top_left\,\#000\,transparent\)\,radial-gradient\(ellipse_32px_18px_at_bottom_right\,\#000\,transparent\)\]:before{content:var(--tw-content);-webkit-mask-image:radial-gradient(38px 18px at 0 0,#000,#0000),radial-gradient(32px 18px at 100% 100%,#000,#0000);mask-image:radial-gradient(38px 18px at 0 0,#000,#0000),radial-gradient(32px 18px at 100% 100%,#000,#0000)}.before\:\[background-size\:3px_3px\]:before{content:var(--tw-content);background-size:3px 3px}@media (hover:hover){.hover\:bg-\[var\(--brand-soft\)\]:hover{background-color:var(--brand-soft)}.hover\:text-\[var\(--foreground\)\]:hover{color:var(--foreground)}.hover\:decoration-\[var\(--foreground\)\]:hover{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}}.focus-visible\:outline:focus-visible,.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-4:focus-visible{outline-style:var(--tw-outline-style);outline-width:4px}.focus-visible\:-outline-offset-8:focus-visible{outline-offset:calc(8px * -1)}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-\[color\:light-dark\(\#2d6dc3\,\#a4bed9\)\]:focus-visible{outline-color:var(--lightningcss-light,#2d6dc3)var(--lightningcss-dark,#a4bed9)}.focus-visible\:outline-\[var\(--link\)\]:focus-visible{outline-color:var(--link)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}@media (hover:hover){.enabled\:hover\:\[--rb-face\:light-dark\(\#eaf1fc\,\#253747\)\]:enabled:hover{--rb-face:var(--lightningcss-light,#eaf1fc)var(--lightningcss-dark,#253747)}.enabled\:hover\:\[--rb-fill\:color-mix\(in_srgb\,var\(--rb-face\)\,light-dark\(\#071b34\,\#d8edff\)_12\%\)\]:enabled:hover{--rb-fill:var(--rb-face)}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:\[--rb-fill\:color-mix\(in_srgb\,var\(--rb-face\)\,light-dark\(\#071b34\,\#d8edff\)_12\%\)\]:enabled:hover{--rb-fill:color-mix(in srgb,var(--rb-face),var(--lightningcss-light,#071b34)var(--lightningcss-dark,#d8edff) 12%)}}.enabled\:hover\:\[--rb-top\:light-dark\(\#f2f6fd\,\#2b4054\)\]:enabled:hover{--rb-top:var(--lightningcss-light,#f2f6fd)var(--lightningcss-dark,#2b4054)}}.enabled\:active\:\[box-shadow\:inset_0_1px_2px_var\(--rb-base\)\]:enabled:active{box-shadow:inset 0 1px 2px var(--rb-base)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:cursor-wait\!:disabled{cursor:wait!important}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-100\!:disabled{opacity:1!important}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:transition-\[background-color\,box-shadow\,translate\]{transition-property:background-color,box-shadow,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-150{--tw-duration:.15s;transition-duration:.15s}.motion-safe\:\[animation-duration\:1250ms\]{animation-duration:1.25s}.motion-safe\:enabled\:active\:translate-y-\[3px\]:enabled:active{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (width>=40rem){.sm\:min-h-80{min-height:calc(var(--spacing) * 80)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-7{gap:calc(var(--spacing) * 7)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(280px\,0\.9fr\)\]{grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:self-start{align-self:flex-start}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=24rem){.\@min-\[24rem\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@min-\[24rem\]\:gap-3{gap:calc(var(--spacing) * 3)}.\@min-\[24rem\]\:gap-6{gap:calc(var(--spacing) * 6)}.\@min-\[24rem\]\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.\@min-\[24rem\]\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.\@min-\[24rem\]\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media (forced-colors:active){.forced-colors\:\[border-color\:ButtonText\]{border-color:buttontext}.forced-colors\:before\:hidden:before{content:var(--tw-content);display:none}}@container not (width>=20rem){.\@max-\[20rem\]\:\[\&\>button\]\:px-2\!>button{padding-inline:calc(var(--spacing) * 2)!important}}}@font-face{font-family:Paper Mono;src:url(/fonts/paper-mono-variable.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}:root{font-family:var(--font-sans);font-optical-sizing:auto;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;--background:#fdfcfc;--surface:#fff;--surface-subtle:#f3f5f8;--foreground:#252c32;--foreground-muted:#646d73;--foreground-faint:#727b82;--border:#dce2eb;--border-subtle:#e9edf3;--brand:#2d6dc3;--brand-light:#8fb9ff;--brand-soft:#edf4ff;--link:var(--brand);--ease:cubic-bezier(.22,1,.36,1);--action-success:#177547;--action-error:#b23b3b;--content-width:1240px;--page-gutter:clamp(20px, 4vw, 48px);--canvas-background:var(--surface-subtle);--canvas-dot:var(--border);--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-layout-dur:.52s;--panel-translate-y:100px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1);--acc-expand:.25s;--acc-collapse:.25s;--acc-chevron:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);--resize-dur:.4s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--background:#171e24;--surface:#202930;--surface-subtle:#28333b;--foreground:#eef3fc;--foreground-muted:#a8b5ca;--foreground-faint:#899ab3;--border:#3c4851;--border-subtle:#303b43;--brand:#a4bed9;--brand-soft:#2b4054;--action-success:#80dcb0;--action-error:#ffa6a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{min-width:320px;margin:0;font-size:16px}html{scroll-behavior:smooth}h1,h2,h3,p{margin:0}p{line-height:1.7}em{color:var(--brand);font-family:inherit;font-style:normal}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.icon-button:active,.button:active,.copy-button:active,.install-trigger:active{transform:scale(.97)}svg{flex-shrink:0}[hidden]{display:none!important}::selection{background:var(--brand-soft);color:var(--brand)}:where(a,button,input,summary,pre):focus-visible{outline:2px solid var(--brand);outline-offset:4px}.skip-link{z-index:100;background:var(--foreground);color:var(--background);padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--border-subtle);background:var(--background);position:relative}.header-inner{height:72px;max-width:var(--content-width);align-items:center;gap:42px;margin:auto;padding:0 16px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:650;display:flex}.wordmark-light{font-weight:400}.brand-mark{background:var(--brand);color:#fff;letter-spacing:-2px;border-radius:8px;place-items:center;width:30px;height:30px;margin-right:9px;padding-right:2px;font-size:25px;font-weight:600;display:inline-grid}.brand-tag{letter-spacing:0;color:var(--foreground-muted);margin-left:9px;font-size:13px;font-weight:400}.header-nav{color:var(--foreground-muted);gap:26px;font-size:14px;display:flex}.header-nav a{padding:12px 0}.header-nav a:hover,.header-nav .nav-active{color:var(--foreground)}.header-social{align-items:center;gap:18px;margin-left:auto;display:flex}.github-stars{border:1px solid var(--border);background:var(--surface);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px;height:36px;transition:border-color .16s var(--ease),background-color .16s var(--ease),color .16s var(--ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.github-stars:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.github-stars:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion:reduce){.github-stars{transition:none}}.github-stars-count{line-height:1}.github-link{align-items:center;gap:7px;font-size:14px;display:flex}.icon-button{background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:var(--surface-subtle)}.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:16px;min-height:42px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.primary{background:var(--brand);color:#fff}.primary.button{background:var(--brand);color:#fff;border:1px solid #ffffff1a;box-shadow:inset 0 0 20px 1px #fff3}html[data-theme=dark] .primary{color:#0b1220}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.secondary{border-color:var(--border);background:var(--surface)}.secondary:hover{background:var(--surface-subtle)}.text-link,.quiet-link{align-items:center;gap:10px;font-size:14px;display:inline-flex}.text-link:hover,.quiet-link:hover{color:var(--brand)}.eyebrow{color:var(--foreground-muted);letter-spacing:1.3px;text-transform:uppercase;font-size:12px;font-weight:500}.status-dot{background:var(--brand);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.home-page{max-width:var(--content-width);padding:0 var(--page-gutter);border-inline:1px solid var(--border-subtle);margin:auto}.hero{padding-top:62px}.hero-kicker{letter-spacing:1px;color:var(--brand);align-items:center;font-size:12px;display:flex}.hero-layout{grid-template-columns:1.4fr 1fr;align-items:center;gap:65px;padding:40px 0 70px;display:grid}.hero h1{letter-spacing:-3.8px;font-size:clamp(44px,5.5vw,76px);font-weight:450;line-height:1.07}.hero-second{display:inline}.hero-aside{padding-top:8px}.hero-aside p{color:var(--foreground-muted);max-width:310px;margin-bottom:24px;font-size:16px}.hero-aside .quiet-link{width:fit-content;color:var(--foreground-muted);margin-top:20px;display:flex}.hero-foot{border-top:1px solid var(--border-subtle);color:var(--foreground-muted);justify-content:space-between;align-items:center;padding:19px 0;font-size:12px;display:flex}.hero-foot i{color:var(--brand);margin:0 8px;font-style:normal}.selected-section{padding:40px 0 70px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-1px;margin-top:12px;font-size:29px;font-weight:450}.count-pill{border:1px solid var(--border);border-radius:5px;padding:2px 5px;font-size:12px}.editorial-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.editorial-grid .showcase-card:first-child{grid-row:span 2}.showcase-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;min-width:0;padding:8px;transition:border-color .2s}.showcase-preview{color:#0b1220;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f6fa;border:1px solid #e8edf4;border-radius:13px;transition:border-color .18s;position:relative;overflow:hidden}.showcase-preview>div{min-height:250px;padding:36px 24px;background:0 0!important}.showcase-preview>div>p{display:none}.showcase-social-card .showcase-preview>div{justify-content:center;align-items:center;display:flex}.editorial-grid .showcase-card:first-child .showcase-preview{height:calc(100% - 83px);min-height:600px}.editorial-grid .showcase-card:first-child .showcase-preview>div{height:100%;min-height:600px;padding:32px}.showcase-caption{justify-content:space-between;align-items:center;padding:20px 13px 13px;display:flex}.showcase-caption h3{font-size:14px;font-weight:500}.showcase-caption p{color:var(--foreground-muted);margin-top:4px;font-size:12px}.showcase-caption p span{margin:0 5px}.card-arrow{border:1px solid var(--border);width:30px;height:30px;transition:transform .22s var(--ease),background-color .18s;border-radius:50%;place-items:center;display:grid}.card-arrow svg{transition:transform .22s var(--ease)}.showcase-caption:hover .card-arrow,.showcase-caption:focus-visible .card-arrow{background:var(--brand-soft);color:var(--brand)}.showcase-caption:hover .card-arrow svg,.showcase-caption:focus-visible .card-arrow svg{transform:rotate(45deg)}.showcase-card:hover .showcase-preview{border-color:#b7c9e2}.philosophy{border-top:1px solid var(--border-subtle);padding:64px 0}.philosophy>h2{letter-spacing:-2px;margin:24px 0 46px;font-size:clamp(32px,4vw,50px);font-weight:450;line-height:1.15}.principles{border:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.principles article{padding:28px}.principles article+article{border-left:1px solid var(--border-subtle)}.principles span{color:var(--brand);font-size:12px}.principles h3{margin:28px 0 10px;font-size:15px;font-weight:500}.principles p{color:var(--foreground-muted);font-size:14px}.closing{align-items:center;gap:20px;padding:38px 0 60px;display:flex}.closing h2{letter-spacing:-.8px;font-size:24px;font-weight:450}.closing p{color:var(--foreground-muted);margin-top:7px;font-size:14px}.closing .button{margin-left:auto}.site-footer{max-width:var(--content-width);border-top:1px solid var(--border-subtle);padding:32px var(--page-gutter);flex-wrap:wrap;align-items:center;gap:24px;margin:auto;font-size:13px;display:flex}.footer-brand{letter-spacing:-.5px;align-items:center;gap:8px;font-size:17px;font-weight:600;display:inline-flex}.footer-brand img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.site-footer p{color:var(--foreground-muted);margin-top:6px;font-size:12px}.site-footer nav{color:var(--foreground-muted);flex-wrap:wrap;gap:22px;margin-left:auto;display:flex}.site-footer a:hover{color:var(--brand)}.footer-credit{color:var(--foreground-muted);font-size:12px}.catalog-shell{width:100%;max-width:1344px;margin:auto;padding:0 32px}.t-acc-head{letter-spacing:.8px;text-transform:uppercase;width:100%;color:var(--foreground-muted);white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15171466}.collection-page{padding:120px 0 64px}.collection-heading{padding-bottom:38px;position:relative}.collection-heading h1{letter-spacing:-2.8px;margin:16px 0 20px;font-size:clamp(36px,3.7vw,52px);font-weight:450;line-height:1.07}.collection-heading p{color:var(--foreground-muted);font-size:16px}.collection-count{letter-spacing:-3px;color:var(--foreground-faint);font-size:58px;font-weight:350;position:absolute;bottom:42px;right:0}.collection-count small{letter-spacing:.6px;font-size:12px;display:block}.collection-filters{border-block:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;display:flex}.filter-tabs{gap:3px;max-width:100%;display:flex;overflow-x:auto}.filter-tabs button,.package-managers button{color:var(--foreground-muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px}.filter-tabs button:hover,.package-managers button:hover{background:var(--surface-subtle)}.filter-tabs button.selected,.package-managers button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand)}.search-field{border:1px solid var(--border);color:var(--foreground-muted);border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:8px 11px;display:flex}.search-field input{background:0 0;border:0;width:140px;min-width:0;font-size:13px}.result-count{color:var(--foreground-muted);justify-content:space-between;margin:24px 0 17px;font-size:13px;display:flex}.result-count>span{letter-spacing:.6px;font-size:12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.collection-grid .showcase-preview>div{min-height:360px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:70px 20px;display:flex}.empty-state h2{font-size:23px;font-weight:450}.empty-state p{color:var(--foreground-muted);max-width:350px;font-size:14px}.detail-page{flex-direction:column;height:calc(100dvh - 58px);min-height:420px;padding:0 12px 12px;display:flex;position:relative}.workspace-tools{color:#334155;background:#f1f4f8;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.workspace-name{color:#667085;padding-left:10px;font-size:13px}.preview-toolbar{background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:11px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:0 2px 3px #00000004}.preview-toolbar .icon-button{width:32px;height:32px}.install-trigger{background:var(--surface-subtle);border:0;border-radius:7px;height:32px;padding:0 13px;font-size:13px}.install-trigger:hover,.install-trigger[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}.toolbar-divider{background:var(--border);width:1px;height:16px;margin:0 3px}.component-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.component-workspace>.preview-canvas{flex:none;width:100%}.component-workspace[data-panel-open=true]>.preview-canvas{width:56%}.component-workspace[data-panel-open=true]>.workspace-panel-slot{width:44%}.preview-canvas{color:#0b1220;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f1f4f8;border-radius:0 0 16px 16px;min-width:0;overflow:auto}.preview-stage{place-items:center;height:100%;min-height:260px;padding:32px;display:grid}.live-specimen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.live-specimen button{overflow-wrap:anywhere;max-width:100%}.specimen-text{letter-spacing:-2.5px;overflow-wrap:anywhere;max-width:600px;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1.08}.specimen-feedback{color:#667085;font-size:13px;position:absolute;top:calc(100% + 22px)}.workspace-panel-slot{flex:none;width:0;min-width:0;overflow:hidden}.workspace-panel{--panel-translate-y:8px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;min-width:0;height:100%;margin-left:12px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header h2{outline:none;font-size:14px;font-weight:500}.panel-body{min-height:0;padding:24px;font-size:14px;overflow:auto}.panel-body>p{color:var(--foreground-muted);margin-bottom:18px}.panel-body h3{margin:30px 0 13px;font-size:14px;font-weight:500}.panel-body .info-title{letter-spacing:-.8px;margin-top:16px;font-size:25px}.panel-body a:not(.copy-button):hover{color:var(--brand)}.info-source{margin-top:30px}.package-managers{gap:4px;margin:14px 0 10px;display:flex}.preview-settings{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:22px;padding-bottom:24px;display:flex}.preview-settings label{flex-direction:column;gap:9px;font-size:14px;display:flex}.preview-settings input:not([type=checkbox]):not([type=range]),.preview-settings select{border:1px solid var(--border);background:var(--background);border-radius:6px;width:100%;padding:10px 12px}.preview-settings input{accent-color:var(--brand)}.preview-settings output{color:var(--foreground-muted);font-size:13px}.preview-settings .checkbox-label{flex-direction:row;align-items:center}.props-list article{border-bottom:1px solid var(--border-subtle);padding:15px 0}.props-list article>div{justify-content:space-between;gap:12px;margin-bottom:7px;display:flex}.props-list article>div>span{color:var(--foreground-muted);font-size:12px}.props-list code{overflow-wrap:anywhere;font-size:13px}.prop-type{color:var(--brand)}.props-list p{color:var(--foreground-muted);margin-top:8px;font-size:13px}.workspace-expanded{z-index:50;background:var(--background);height:100dvh;padding:10px;position:fixed;inset:0}.code-block{border:1px solid var(--border);background:var(--surface-subtle);color:var(--foreground);border-radius:8px;max-width:100%;overflow:hidden}.code-header{border-bottom:1px solid var(--border);color:var(--foreground-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.code-header>span:first-child{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:flex}.code-block pre{font:13px/1.85 var(--font-mono);tab-size:2;margin:0;padding:16px 10px;overflow:auto}.code-line{white-space:pre;width:max-content;min-width:100%;display:block}.line-number{text-align:right;min-width:28px;color:var(--foreground-faint);-webkit-user-select:none;user-select:none;padding-right:12px;display:inline-block}.copy-button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 8px;font-size:12px;line-height:1;display:inline-flex}.copy-button:hover{background:var(--brand-soft);color:var(--brand)}.copy-action{vertical-align:middle;flex-shrink:0;display:inline-flex}.copy-button-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:inline-grid}.copy-button-label{text-align:center}.copy-button[data-icon-only=true]{background:0 0;border-color:#0000;width:32px;padding-inline:0}.copy-button[aria-disabled=true]{cursor:wait}.copy-button[data-state=pending] .copy-button-icon{opacity:.5}.copy-button[data-state=success] .copy-button-icon svg{animation:action-confirm .18s var(--ease)}@keyframes action-confirm{0%{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.copy-button,.copy-button[data-state=success] .copy-button-icon svg{transition:none;animation:none}}.header-social{gap:5px}.header-social .icon-button{color:var(--foreground-muted);border-radius:9px;width:38px;height:38px}.header-social .icon-button:hover{color:var(--foreground);background:var(--surface-subtle)}.nav-divider{background:var(--border);width:1px;height:18px;margin:0 7px}.header-nav,.filter-tabs button,.package-managers button{font-size:14px}.showcase-caption h3{font-size:16px}.showcase-caption p{font-size:13px}.panel-header h2,.panel-body h3{font-size:16px}.props-list p,.props-list code,.preview-settings output{font-size:14px}.props-list article>div>span{font-size:13px}.panel-body .code-block{min-width:0}.code-block{color:#0b1220;background:#f7f9fc;border-color:#e0e6ef;border-radius:11px}.code-header{color:#64748b;background:#f1f5fa;border-color:#e0e6ef;font-size:13px}.code-header .copy-button[data-icon-only=true]{color:#46566e;background:#fff;border-color:#dce2eb}.code-header .copy-button[data-icon-only=true]:hover{background:var(--brand-soft);border-color:var(--brand-light)}.code-block .line-number{color:#98a3b5;min-width:36px}html[data-theme=dark] .code-block{color:#d7e2f2;background:#222e40;border-color:#3a4a61}html[data-theme=dark] .code-header{color:#b8c6da;background:#29364a;border-color:#3a4a61}html[data-theme=dark] .code-header .copy-button[data-icon-only=true]{color:#e5edf8;background:#334259;border-color:#465870}html[data-theme=dark] .code-header .copy-button[data-icon-only=true]:hover{background:var(--brand-soft);border-color:var(--brand)}html[data-theme=dark] .syntax-token{color:var(--shiki-dark)!important}.search-trigger{border:1px solid var(--border);background:var(--surface);color:var(--foreground-muted);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:inline-flex}.search-trigger:hover{border-color:var(--brand-light);background:var(--surface-subtle)}.search-trigger.compact{background:0 0;border-color:#0000;padding:0}.search-trigger kbd{margin-left:20px}.collection-filters>.search-trigger{margin-left:auto}kbd{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--foreground-muted);border-radius:5px;padding:2px 5px;font-size:11px;box-shadow:0 1px 1px #0b122009}.global-search{border:1px solid var(--border);background:repeating-linear-gradient(135deg,var(--surface-subtle) 0 6px,var(--border-subtle) 6px 7px);width:min(680px,100vw - 32px);max-width:none;max-height:calc(100dvh - 64px);color:var(--foreground);border-radius:22px;margin:min(16vh,140px) auto auto;padding:7px;overflow:hidden;box-shadow:0 24px 80px #0b12202b,0 3px 12px #0b12200d}.global-search::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b12204d}.search-dialog-inner{background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden}.search-input-row{border-bottom:1px solid var(--border);color:var(--foreground-muted);align-items:center;gap:13px;padding:20px;display:flex}.search-input-row input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;height:26px;font-size:16px}.search-input-row:focus-within{box-shadow:inset 0 -2px var(--brand-light)}.search-escape{border:1px solid var(--border);background:var(--surface-subtle);border-radius:5px;padding:3px 6px;font-size:11px}.search-results{max-height:min(440px,100dvh - 250px);padding:8px;overflow-y:auto}.search-group-label{color:var(--foreground-muted);padding:14px 12px 8px;font-size:12px;font-weight:550}.search-result{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:13px;padding:13px 12px;display:flex}.search-result[aria-selected=true]{background:var(--brand-soft);border-color:var(--brand-light)}@supports (color:color-mix(in lab, red, red)){.search-result[aria-selected=true]{border-color:color-mix(in srgb,var(--brand-light) 30%,transparent)}}.search-result-icon{border:1px solid var(--border);width:34px;height:34px;color:var(--foreground-muted);background:var(--surface);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.search-result-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.search-result-copy strong{font-size:15px;font-weight:550}.search-result-copy>span{color:var(--foreground-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.search-result[aria-selected=true] strong,.search-result[aria-selected=true]>.search-result-icon{color:var(--brand)}.search-result>svg{color:var(--foreground-faint);opacity:0}.search-result[aria-selected=true]>svg{opacity:1}.search-no-results{color:var(--foreground-muted);padding:40px 20px;font-size:14px}.search-dialog-footer{border-top:1px solid var(--border);color:var(--foreground-muted);align-items:center;gap:18px;padding:14px 18px;font-size:12px;display:flex}.search-dialog-footer kbd{margin-right:4px}.search-result-count{margin-left:auto}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease);overflow:hidden}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur();transition:opacity var(--acc-expand) var(--acc-ease), filter var(--acc-expand) var(--acc-ease)}.t-acc-chevron{transform-origin:50%;transition:transform var(--acc-chevron) var(--acc-ease);display:inline-flex;transform:scaleY(1)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}.preview-loading{color:#667085;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:160px;font-size:14px;display:flex}.preview-loading-mark{color:#719ce5;grid-template-rows:repeat(2,15px);grid-template-columns:repeat(2,15px);place-content:center;gap:4px;width:42px;height:42px;animation:4.8s linear infinite preview-loading-turn,2.4s ease-in-out infinite preview-loading-expand;display:grid}.preview-loading-tile{white-space:pre;text-align:center;letter-spacing:0;font:700 12px/5px ui-monospace,SFMono-Regular,Consolas,monospace;animation:2.4s ease-in-out infinite preview-loading-dots;display:block}.preview-loading-tile:nth-child(2){animation-delay:-600ms}.preview-loading-tile:nth-child(3){animation-delay:-1800ms}.preview-loading-tile:nth-child(4){animation-delay:-1200ms}@keyframes preview-loading-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes preview-loading-expand{0%,to{gap:4px}50%{gap:8px}}@keyframes preview-loading-dots{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.preview-loading-mark,.preview-loading-tile{animation:none}}.preview-dock{z-index:13;pointer-events:none;width:max-content;max-width:calc(100% - 24px);position:absolute;top:16px;right:226px}.dock-bar{border:1px solid var(--border);background:var(--surface);pointer-events:auto;border-radius:13px;align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:0 2px 4px #0b122006}.dock-grip{width:25px;height:34px;color:var(--foreground-faint);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.dock-grip:hover{color:var(--foreground);background:var(--surface-subtle)}.preview-dock[data-dragging=true] .dock-grip{cursor:grabbing;outline:none}.dock-toggle{background:var(--surface-subtle);width:34px;height:34px;color:var(--foreground);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:12px;display:inline-flex}.dock-toggle:hover{background:var(--brand-soft);color:var(--brand)}.dock-popup{pointer-events:auto;position:absolute;top:calc(100% + 8px)}.dock-popup-surface{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:13px;max-height:min(280px,max(60px,100cqh - 140px));padding-top:16px;overflow-y:auto;box-shadow:0 8px 24px #0b12200c}.preview-dock .preview-settings{border:0;gap:15px;padding:0 16px 14px}.preview-dock .preview-settings label{font-size:13px}.preview-dock .controls-reset{margin-bottom:14px}.preview-dock .t-acc-panel-inner{min-height:0}.site-footer nav{align-items:center;gap:16px}.site-footer .footer-credit{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.footer-credit strong{color:var(--foreground);font-weight:550}.detail-page .workspace-tools{z-index:2;pointer-events:none;background:0 0;border-radius:0;padding:0;position:absolute;top:10px;left:24px;right:24px}.detail-page .preview-toolbar{pointer-events:auto}.detail-page .workspace-name{padding:14px 10px}.detail-page .component-workspace{height:100%}.detail-page .preview-canvas{border-radius:18px;flex-direction:column;height:100%;padding-top:64px;padding-bottom:60px;display:flex;position:relative;overflow:hidden;container-type:size}.detail-page .preview-stage{flex:1;height:auto;min-height:120px;overflow:auto}.detail-page .workspace-panel{background:0 0;border:0;border-radius:0;height:100%;margin-left:18px;padding-top:64px}.detail-page .panel-header{border-bottom:0;padding:14px 22px}.detail-page .panel-body{padding:24px 28px 32px}.detail-page .panel-body--code{flex:1;padding:0 0 0 8px;display:flex;overflow:hidden}.panel-body--code .code-block{border:0;border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex}.panel-body--code .code-header{flex-shrink:0;padding:14px 18px}.panel-body--code .code-block pre{flex:1;min-height:0;padding:20px 16px}.controls-reset{color:var(--foreground-muted);background:0 0;border:0;align-items:center;gap:7px;margin:0 16px 14px;padding:4px 0;font-size:12px;display:inline-flex}.controls-reset:hover{color:var(--brand)}.docs-page{max-width:var(--content-width);padding:42px var(--page-gutter) 80px;margin:0 auto}.docs-heading h1{letter-spacing:-.035em;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.08}.docs-heading p{color:var(--foreground-muted);max-width:56ch;margin-top:13px;font-size:16px}.browse-experience{background:var(--background);height:100dvh;min-height:420px;overflow:hidden}.browse-header{z-index:30;background:var(--background);justify-content:space-between;align-items:center;gap:24px;height:68px;padding:0 clamp(16px,2vw,30px);display:flex;position:fixed;inset:0 0 auto}.browse-header-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.browse-search{border:1px solid var(--border);background:var(--surface);width:clamp(160px,20vw,260px);height:38px;color:var(--foreground-muted);border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.browse-search:focus-within{border-color:var(--brand)}.browse-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:14px}.browse-search input::placeholder{color:var(--foreground-muted)}.browse-workspace{height:100%;padding:68px 12px 12px}.browse-surface{background:var(--canvas-background);border-radius:16px;height:100%;overflow:hidden}.browse-view{height:100%}.browse-canvas{background:var(--canvas-background);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}.browse-canvas[data-dragging=true],.browse-canvas[data-dragging=true] *{cursor:grabbing!important}.browse-canvas-stage{will-change:transform;position:absolute;inset:0}.browse-tile{position:absolute;top:0;left:0}.browse-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 2px 3px var(--foreground);border-radius:12px;flex-direction:column;padding:6px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.browse-card{box-shadow:0 2px 3px color-mix(in srgb, var(--foreground) 3%, transparent)}}.browse-card{transition:border-color .18s var(--ease), box-shadow .18s var(--ease)}.browse-card:hover{border-color:var(--foreground-muted)}@supports (color:color-mix(in lab, red, red)){.browse-card:hover{border-color:color-mix(in srgb, var(--foreground-muted) 50%, var(--border))}}.browse-card:hover{box-shadow:0 12px 30px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.browse-card:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--foreground) 7%, transparent)}}.browse-card-link{flex-direction:column;flex:1;min-height:0;display:flex}.browse-tile-preview{background:var(--surface-subtle);border-radius:7px;flex:1;min-height:0;overflow:hidden}.browse-tile-preview img{object-fit:cover;width:100%;height:100%;display:block}.browse-tile-preview{aspect-ratio:16/10;flex:none;width:100%}.component-media{width:100%;height:100%;display:block;position:relative;overflow:hidden}.component-media img,.component-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.component-media video{opacity:0;pointer-events:none}.component-media video.is-playing{opacity:1}.showcase-card-link{display:block}.showcase-card-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.showcase-preview,.editorial-grid .showcase-card:first-child .showcase-preview{aspect-ratio:16/10;width:100%;height:auto;min-height:0}.browse-media-empty{height:100%;color:var(--foreground-muted);place-items:center;font-size:13px;display:grid}.browse-tile-caption{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:34px;padding:0 7px 5px;display:flex}.browse-tile-caption strong{letter-spacing:-.025em;font-size:14px;font-weight:500}.browse-tile-caption svg{opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);transform:translate(-3px,3px)}.browse-card:hover .browse-tile-caption svg,.browse-card:focus-within .browse-tile-caption svg{opacity:.65;transform:translate(0)}.browse-tile-caption:hover{color:var(--brand)}.browse-list{grid-template-columns:repeat(3,minmax(0,410px));place-content:start center;align-items:start;gap:40px;height:100%;padding:48px 32px 110px;display:grid;overflow-y:auto}.browse-list .browse-card:nth-child(3n+2){margin-top:70px}.browse-list .browse-card:nth-child(3n){margin-top:24px}.browse-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.browse-empty h2{font-size:20px;font-weight:500}.browse-empty button{color:var(--brand);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.browse-dock{z-index:31;left:50%;bottom:max(24px,env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex;position:fixed;transform:translate(-50%)}.browse-media-toggle{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2d6dc3,#224b95);border:1px solid #ffffff30;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 4px 12px #123a7b40}.browse-media-toggle:hover{filter:brightness(1.1)}.browse-media-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.browse-view-switch{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:0 5px 16px #203e6012}.browse-view-switch button{isolation:isolate;width:44px;height:40px;color:var(--foreground-muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:relative}.browse-view-switch button:hover{color:var(--foreground);background:var(--surface-subtle)}.browse-view-switch button[aria-pressed=true]{color:var(--brand)}.browse-view-indicator{z-index:-1;border-radius:inherit;background:var(--brand-soft);position:absolute;inset:0}.docs-heading{border-bottom:1px solid var(--border-subtle);padding-bottom:34px}.docs-heading .button{margin-top:23px}.docs-layout{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,7vw,108px);display:grid}.docs-nav{flex-direction:column;align-self:start;gap:4px;padding:36px 0;font-size:14px;display:flex;position:sticky;top:20px}.docs-nav-title{color:var(--foreground-faint);margin-bottom:9px;font-size:12px}.docs-nav a{color:var(--foreground-muted);border-radius:7px;align-items:center;gap:5px;padding:8px 10px;display:inline-flex}.docs-nav a:hover{background:var(--surface-subtle);color:var(--foreground)}.docs-content{min-width:0;max-width:760px;padding-top:34px}.docs-content section{border-bottom:1px solid var(--border-subtle);margin-bottom:43px;padding-bottom:45px;scroll-margin-top:24px}.docs-content section:last-child{border:0}.docs-content h2{letter-spacing:-.025em;margin-bottom:16px;font-size:27px;font-weight:500}.docs-content p{color:var(--foreground-muted);max-width:72ch;margin:0 0 15px;font-size:15px}.docs-content code,.docs-content pre{font-family:var(--font-mono);font-size:14px}.docs-content p code{color:var(--foreground);background:var(--surface-subtle);border-radius:4px;padding:1px 4px}.docs-content pre{border:1px solid var(--border);background:var(--surface-subtle);border-radius:11px;margin:20px 0;padding:19px 21px;line-height:1.7;overflow-x:auto}.docs-callout{background:var(--brand-soft);border-radius:10px;margin-top:24px;padding:18px 20px 4px}.docs-callout strong{color:var(--foreground);font-size:14px}.docs-callout p{margin-top:5px}.docs-end-link{flex-wrap:wrap;gap:20px;margin-top:26px;display:flex}.docs-end-link a{color:var(--brand);align-items:center;gap:7px;font-size:14px;display:inline-flex}@media (width<=1100px){.hero-layout{gap:32px}.hero h1{letter-spacing:-2.8px;font-size:57px}.component-workspace[data-panel-open=true]>.preview-canvas,.component-workspace[data-panel-open=true]>.workspace-panel-slot{width:50%}.collection-page{padding:100px 0 50px}.search-field{margin-left:0}.footer-credit,.workspace-name{display:none}.workspace-tools{justify-content:flex-end}}@media (width<=760px){.docs-page{padding-top:30px;padding-bottom:52px}.browse-header{gap:10px;height:60px;padding-inline:12px}.browse-wordmark{flex-shrink:0}.browse-header-actions{flex:1;gap:6px}.browse-search{gap:5px;width:min(120px,28vw);height:36px;padding-inline:8px}.browse-search input{font-size:13px}.browse-workspace{padding:60px 8px 8px}.browse-surface{border-radius:12px}.browse-list{grid-template-columns:1fr;gap:18px;padding:16px 16px 100px}.browse-list .browse-card:nth-child(n){margin-top:0}.browse-dock{bottom:max(16px,env(safe-area-inset-bottom))}.docs-layout{display:block}.docs-nav{white-space:nowrap;border-bottom:1px solid var(--border-subtle);flex-direction:row;padding:19px 0;position:static;overflow-x:auto}.docs-nav-title{display:none}.docs-content{padding-top:28px}.docs-content section{margin-bottom:30px;padding-bottom:30px}.header-inner{flex-wrap:wrap;gap:0;height:auto;min-height:64px;padding-block:8px 0}.header-nav{scrollbar-width:none;order:3;gap:22px;width:100%;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav>a:first-child{display:inline-block}.header-social>a.github-stars{display:inline-flex}.site-footer nav{gap:12px}.detail-page .workspace-tools{top:8px;left:16px;right:16px}.detail-page .preview-canvas{padding-top:60px;overflow-y:auto}.detail-page .workspace-panel{height:calc(100% - 10px);margin:10px 0 0;padding-top:0}.detail-page .panel-header{padding:8px 14px}.detail-page .panel-body{padding:14px}.detail-page .panel-body--code{padding:0}.detail-page .preview-stage{min-height:60px;padding:20px 16px}.header-inner{gap:0;height:auto;min-height:64px;padding:8px 16px 0}.header-social .nav-divider{display:none}.collection-filters>.search-trigger{justify-content:flex-start;width:100%;margin-left:0}.search-trigger kbd{margin-left:auto}.collection-grid .showcase-preview>div{min-height:330px}.collection-count{display:none}.collection-heading p{max-width:none}.global-search{margin-top:32px}.search-input-row{gap:9px;padding:16px 12px}.search-dialog-footer{gap:10px;font-size:11px}.search-result-count,.brand-tag,.github-link span{display:none}.header-nav{gap:17px;font-size:14px}.header-social{gap:7px}.wordmark{font-size:21px}.brand-mark{width:26px;height:26px;font-size:22px}.home-page,.catalog-shell{border:0}.hero{padding-top:40px}.hero-kicker{letter-spacing:.5px;font-size:11px}.hero-layout{grid-template-columns:1fr;gap:24px;padding:30px 0 40px}.hero h1{letter-spacing:-2.4px;font-size:clamp(43px,10vw,70px)}.hero-aside p{max-width:350px;font-size:14px}.hero-foot{font-size:12px}.selected-section{padding:30px 0 45px}.section-heading{align-items:start}.section-heading h2{max-width:230px;font-size:25px}.section-heading .text-link{margin-top:25px;font-size:12px}.count-pill{display:none}.editorial-grid,.collection-grid{grid-template-columns:1fr;gap:18px}.editorial-grid .showcase-card:first-child{grid-row:auto}.editorial-grid .showcase-card:first-child .showcase-preview,.editorial-grid .showcase-card:first-child .showcase-preview>div{min-height:300px}.philosophy{padding:40px 0}.philosophy>h2{letter-spacing:-1.6px;font-size:36px}.principles{grid-template-columns:1fr}.principles article+article{border-left:0;border-top:1px solid var(--border-subtle)}.principles h3{margin-top:18px}.closing{flex-wrap:wrap;padding-bottom:40px}.closing>.brand-mark{display:none}.closing .button{margin-left:0}.site-footer{flex-direction:column;align-items:start;padding:26px 24px}.site-footer nav{flex-wrap:wrap;margin-left:0}.collection-page{padding:92px 0 40px}.collection-heading h1{letter-spacing:-1.9px;font-size:42px}.collection-count{font-size:42px}.collection-heading p{max-width:255px;font-size:14px}.filter-tabs,.search-field,.search-field input{width:100%}.result-count>span{font-size:11px}.detail-page{height:calc(100dvh - 54px);min-height:380px;padding:0 8px 8px}.workspace-tools{padding:9px}.component-workspace{flex-direction:column}.component-workspace>.preview-canvas{width:100%;height:100%}.component-workspace>.workspace-panel-slot{width:100%;height:0}.component-workspace[data-panel-open=true]>.preview-canvas{width:100%;height:40%}.component-workspace[data-panel-open=true]>.workspace-panel-slot{width:100%;height:60%}.workspace-panel{height:calc(100% - 8px);margin:8px 0 0}.preview-stage{min-height:140px;padding:24px 20px}.specimen-text{letter-spacing:-1.6px;font-size:38px}.specimen-feedback{font-size:12px;top:calc(100% + 12px)}.panel-body{padding:16px}.workspace-expanded{height:100dvh;padding:8px}}@media (width<=360px){.browse-search input::placeholder{color:#0000}}.component-detail-shell{--detail-panel-width:clamp(360px,42vw,620px);background:var(--background);width:100%;height:100dvh;min-height:420px;transition:grid-template-columns var(--panel-layout-dur) var(--panel-ease);grid-template-rows:minmax(0,1fr);grid-template-columns:0 minmax(0,1fr);padding:8px;display:grid;overflow:hidden}.component-detail-shell[data-nav-open=true]{grid-template-columns:288px minmax(0,1fr)}.detail-directory{background:var(--background);opacity:1;min-width:0;transition:opacity .32s var(--panel-ease), transform var(--panel-layout-dur) var(--panel-ease);flex-direction:column;padding:0 12px;display:flex;position:relative;overflow:hidden;transform:translate(0)}.component-detail-shell[data-nav-open=false] .detail-directory{opacity:0;pointer-events:none;transform:translate(-16px)}.detail-directory-close{position:absolute;top:12px;left:12px}.detail-directory-title{letter-spacing:-.025em;width:fit-content;margin:78px 16px 20px;font-size:17px;font-weight:500;display:block}.detail-directory-title:hover{color:var(--brand)}.detail-directory-scroll{scrollbar-width:none;flex:1;min-height:0;padding:0 14px 28px;overflow-y:auto}.detail-directory-scroll::-webkit-scrollbar{display:none}.detail-directory-actions{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;margin:0 14px 8px;padding:11px 0 0;display:flex}.detail-directory-actions .icon-button{color:var(--foreground-muted)}.detail-directory-actions .icon-button:hover{color:var(--foreground);background:var(--surface-subtle)}.detail-directory-group{margin-bottom:30px}.detail-directory-group h2{color:var(--foreground);margin:0 0 11px}@supports (color:color-mix(in lab, red, red)){.detail-directory-group h2{color:color-mix(in srgb,var(--foreground) 42%,var(--background))}}.detail-directory-group h2{letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:600}.detail-directory-items{flex-direction:column;display:flex;position:relative}.detail-directory-link{height:34px;color:var(--foreground);border-radius:0 7px 7px 0;align-items:center;padding:0 6px 0 23px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.detail-directory-link{color:color-mix(in srgb,var(--foreground) 48%,var(--background))}}.detail-directory-link{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.detail-directory-rail{z-index:1;pointer-events:none;width:13px;transition:top .2s var(--panel-ease), height .2s var(--panel-ease);position:absolute;left:2px}.detail-directory-rail-line{background:repeating-linear-gradient(currentColor 0 2px,#0000 2px 4px);width:1px;position:absolute;inset:0 auto 0 0}.detail-directory-rail-corner{position:absolute;top:100%;left:0}.detail-directory-rail.is-active{color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.detail-directory-rail.is-active{color:color-mix(in srgb,var(--brand) 72%,var(--background))}}.detail-directory-rail.is-hovered{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.detail-directory-rail.is-hovered{color:color-mix(in srgb,var(--foreground) 30%,var(--background))}}.detail-directory-link:hover,.detail-directory-link:focus-visible{color:var(--foreground)}.detail-directory-link[aria-current=page]{color:var(--foreground);font-weight:400}.detail-main{min-width:0;height:100%;min-height:0;position:relative}.detail-nav-trigger,.detail-mobile-nav-trigger{z-index:40;border:1px solid var(--border);background:var(--surface);color:var(--foreground);position:fixed;top:24px;left:24px;box-shadow:0 2px 8px #0b12200b}.detail-mobile-nav-trigger{display:none}.detail-mobile-directory{background:var(--background);width:min(320px,88vw);height:100dvh;max-height:none;color:var(--foreground);border:0;border-radius:0 16px 16px 0;margin:0;padding:0 12px;position:fixed;inset:0 auto 0 0;box-shadow:14px 0 40px #0b122022}.detail-mobile-directory[open]{flex-direction:column;display:flex}.detail-experience{width:100%;height:100%;min-height:0;padding:0;display:block;overflow:hidden}.detail-workspace{width:100%;height:100%;min-height:0;display:flex}.detail-preview{color:#0b1220;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f1f4f8;border-radius:18px;flex:1;min-width:0;height:100%;position:relative;overflow:hidden;container-type:size}.detail-preview .preview-stage{height:100%;min-height:0;padding:70px 28px 94px;overflow:auto}.detail-preview-tools{z-index:12;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:11px;gap:3px;padding:4px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 16px #0b122012}.detail-preview-tools .icon-button{width:36px;height:34px}.detail-preview-tools .search-trigger.compact{border:0}.detail-info-slot{min-width:0;height:100%;transition:flex-basis var(--panel-layout-dur) var(--panel-ease);flex:0 0 0;overflow:hidden}.detail-workspace[data-info-open=true] .detail-info-slot{flex-basis:var(--detail-panel-width)}.detail-info{width:calc(var(--detail-panel-width) - 8px);background:var(--surface);height:100%;color:var(--foreground);border-radius:18px;flex-direction:column;margin-left:8px;display:flex;position:relative;overflow:hidden}.detail-info-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:17px 22px;display:flex}.detail-info-header h2{outline:0;font-size:13px;font-weight:500}.detail-info-scroll{flex:1;min-height:0;padding:36px 30px 52px;overflow-y:auto}.detail-info-eyebrow{color:var(--foreground-faint);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.detail-info-description{color:var(--foreground-muted);font-size:15px;line-height:1.65}.detail-info-scroll h4{color:var(--foreground-faint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600}.detail-info-scroll section>p{color:var(--foreground-muted);margin-bottom:12px;font-size:13px;line-height:1.65}.detail-info-scroll .code-block pre{font-size:13px}.detail-info-source{align-items:center;gap:7px;margin-top:34px;font-size:13px;display:inline-flex}.detail-code-drawer{z-index:3;background:var(--surface);border-radius:18px;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 -12px 30px #0b12201a}.detail-code-drawer .code-block{border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.detail-code-drawer .code-block pre{flex:1;min-height:0}.detail-install-bar{z-index:10;left:50%;bottom:max(18px,env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--surface);width:min(660px,100% - 48px);height:46px;color:var(--foreground);border-radius:13px;align-items:center;gap:10px;padding:5px 6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 5px 20px #0b122020}.detail-manager{flex-shrink:0;position:relative}.detail-manager-trigger{background:var(--surface-subtle);border:0;border-radius:8px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.detail-manager-trigger:hover,.detail-manager-trigger[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}.detail-manager-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.detail-manager-menu{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:88px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 8px 24px #0b122020}.detail-manager-menu button{color:var(--foreground-muted);text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:12px}.detail-manager-menu button:hover,.detail-manager-menu button[aria-pressed=true]{background:var(--surface-subtle);color:var(--foreground)}.detail-install-divider{background:var(--border);flex-shrink:0;width:1px;height:20px}.detail-install-bar>code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:12px/1.4 SFMono-Regular,Consolas,monospace;overflow:hidden}.detail-install-bar .copy-action{flex-shrink:0}.detail-install-bar .copy-button{background:var(--surface-subtle);border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}@media (width<=760px){.component-detail-shell{min-height:0;padding:6px;display:block}.component-detail-shell .detail-directory,.detail-nav-trigger{display:none}.detail-mobile-nav-trigger{display:inline-flex;top:18px;left:18px}.detail-preview{border-radius:15px}.detail-preview .preview-stage{min-height:0;padding:64px 18px 96px}.detail-preview-tools{gap:0;padding:3px;top:12px;right:12px}.detail-preview-tools .icon-button{width:34px;height:32px}.detail-info-slot{z-index:15;width:100%;height:100%;transition:transform var(--panel-layout-dur) var(--panel-ease);position:absolute;inset:0;transform:translate(105%)}.detail-workspace[data-info-open=true] .detail-info-slot{transform:translate(0)}.detail-info{border-radius:15px;width:100%;margin-left:0}.detail-info-scroll{padding:26px 22px 42px}.detail-install-bar{width:calc(100% - 22px);bottom:max(12px,env(safe-area-inset-bottom));gap:7px}.detail-install-bar>code{font-size:11px}}@media (prefers-reduced-motion:reduce){.component-detail-shell,.detail-directory,.detail-info-slot,.t-resize,.t-modal,.t-panel-slide,.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{border-radius:999px}.primary{box-shadow:0 3px 7px #213d6020,inset 0 1px #ffffff24}.header-nav .nav-active{color:var(--brand)}.showcase-card:hover{border-color:var(--brand-light)}.browse-card{box-shadow:0 3px 12px #24354708}.legacy-comparison{--background:#fdfcfc;--surface:#fff;--surface-subtle:#f3f5f8;--foreground:#0b1220;--foreground-muted:#667085;--foreground-faint:#7c8798;--border:#dce2eb;--border-subtle:#e9edf3;--brand:#2d6dc3;--brand-light:#8fb9ff;--brand-soft:#edf4ff;background:var(--background);color:var(--foreground);min-height:100dvh}html[data-theme=dark] .legacy-comparison{--background:#111824;--surface:#192231;--surface-subtle:#222e40;--foreground:#eef3fc;--foreground-muted:#a8b5ca;--foreground-faint:#899ab3;--border:#334259;--border-subtle:#28364a;--brand:#8fb9ff;--brand-soft:#203653}.legacy-comparison .button{border-radius:7px}.legacy-comparison .primary{box-shadow:none}.legacy-comparison .header-nav .nav-active{color:var(--foreground)}.legacy-comparison .showcase-card:hover{border-color:#b3c7e4}:root{--font-specimen:var(--font-mono)}.browse-experience{flex-direction:column;display:flex}.browse-experience>.site-header{z-index:30;flex-shrink:0}.browse-workspace{height:auto;min-height:0;padding:0 var(--page-gutter) 18px;flex:1}.browse-surface{border:1px solid var(--border);border-radius:5px}.browse-canvas{background-image:radial-gradient(circle,var(--canvas-dot) .8px,transparent .8px);background-size:24px 24px}.browse-card{border-radius:5px}.browse-tile-preview{border-radius:2px}.browse-canvas[data-dragging=true] .browse-card{border-color:var(--brand-light)}.browse-dock{bottom:max(32px,env(safe-area-inset-bottom))}.browse-view-switch button{border-radius:3px}.canvas-readout{pointer-events:none;border:1px solid var(--border);background:var(--background);color:var(--foreground-muted);font:10px var(--font-specimen);letter-spacing:.07em;border-radius:3px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;bottom:18px;left:18px}.canvas-motion-mark{color:var(--brand)}@media (width<=760px){.browse-workspace{padding:0 12px 12px}.canvas-readout{padding:6px;font-size:9px;bottom:12px;left:12px}.browse-dock{bottom:24px;left:auto;right:24px;transform:none}}.browse-experience{position:relative}.browse-workspace{padding:0 12px 12px;position:relative}.brand-symbol{width:24px;height:24px;color:var(--brand);margin-right:9px}.site-header.floating-header{z-index:40;top:max(16px,env(safe-area-inset-top));background:0 0;border:1px solid #0000;border-radius:8px;width:1314px;max-width:calc(100% - 30px);transition:background-color .22s,border-color .22s,box-shadow .22s;position:fixed;left:50%;transform:translate(-50%)}.site-header.floating-header[data-surface=true]{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.site-header.floating-header[data-surface=true]{border-color:color-mix(in srgb,var(--border) 80%,transparent)}}.site-header.floating-header[data-surface=true]{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.site-header.floating-header[data-surface=true]{background:color-mix(in srgb,var(--surface) 48%,transparent)}}.site-header.floating-header[data-surface=true]{-webkit-backdrop-filter:blur(18px)saturate(145%);box-shadow:0 5px 20px #203e6009,inset 0 1px #ffffff35}.floating-header .header-inner{grid-template-columns:1fr auto 1fr;gap:24px;max-width:none;height:56px;min-height:0;padding:0 16px;display:grid}.floating-header .wordmark{letter-spacing:-.8px;width:fit-content;font-size:20px;font-weight:650}.floating-header .brand-symbol{width:24px;height:24px}.floating-header .brand-tag{font:10px var(--font-specimen);letter-spacing:.06em;color:var(--foreground-muted);margin-left:10px;display:inline}.floating-header .header-nav{order:0;gap:28px;width:auto;margin:0;font-size:13px}.floating-header .header-nav a{color:var(--foreground-muted);padding:18px 0;position:relative}.floating-header .header-nav .nav-active,.floating-header .header-nav a:hover{color:var(--brand)}.floating-header .header-nav a:after{content:"";background:var(--brand);opacity:0;width:3px;height:3px;transition:opacity .16s;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.floating-header .header-nav .nav-active:after{opacity:1}.floating-header .header-social{justify-self:end;gap:7px;margin-left:0}.floating-header .github-stars{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--foreground-muted);border-radius:6px;padding:0 8px;font-size:12px}.floating-header .github-stars-count{border-left:1px solid var(--border);padding-left:7px}.floating-header .github-stars:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.floating-header .icon-button{width:32px;height:32px;color:var(--foreground-muted);border-radius:4px}.floating-header .icon-button:hover{color:var(--brand);background:var(--brand-soft)}.collection-home{grid-template-columns:minmax(32px,1fr) minmax(0,1280px) minmax(32px,1fr);width:100%;padding:108px 0 24px;display:grid}.collection-home>*{grid-column:2;min-width:0}.browse-experience>.floating-header{flex:none}.browse-experience .browse-workspace{padding:0}.browse-experience .browse-surface{border:0;border-radius:0}.browse-experience .browse-list{padding-top:108px}.browse-surface[data-background=ascii]{isolation:isolate;position:relative}.browse-background{z-index:-1;pointer-events:none;position:absolute;inset:0}.browse-surface[data-background=ascii] .browse-canvas{background:0 0}@media (width<=600px){.site-header.floating-header{top:max(12px,env(safe-area-inset-top));max-width:calc(100% - 16px)}.floating-header .header-inner{grid-template-columns:auto 1fr auto;gap:8px;height:48px;padding:0 8px}.floating-header .wordmark-name,.floating-header .brand-tag{display:none}.floating-header .brand-symbol{width:24px;height:24px;margin:0}.floating-header .header-nav{justify-content:center;gap:9px;font-size:11px}.floating-header .header-nav a{padding:16px 0}.floating-header .header-nav a:after{bottom:7px}.floating-header .header-social{gap:1px}.floating-header .icon-button{width:28px;height:30px}.floating-header .github-stars{gap:5px;height:30px;font-size:11px}.collection-home{grid-template-columns:20px minmax(0,1fr) 20px;padding:88px 0 24px}}@media (width<=420px){.floating-header .header-inner{grid-template-columns:auto 1fr;row-gap:0;height:auto;min-height:48px;padding-top:6px}.floating-header .header-social{grid-area:1/2}.floating-header .header-nav{grid-area:2/1/auto/-1}}html{scrollbar-gutter:stable}:is(.collection-home,.docs-page) .button.primary{color:#fff;min-height:40px;text-shadow:none;transition:transform .16s var(--ease), filter .16s;background:linear-gradient(#3c80d6 0%,#2d6dc3 55%,#235bb0 100%);border:1px solid #0000;border-radius:8px;gap:12px;padding:0 16px;font-size:14px;font-weight:550;box-shadow:inset 0 1px #fff5,0 1px 2px #17417412}:is(.collection-home,.docs-page) .button.primary svg{transition:transform .16s var(--ease)}:is(.collection-home,.docs-page) .button.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}:is(.collection-home,.docs-page) .button.primary:hover svg{transform:translate(2px)}:is(.collection-home,.docs-page) .button.primary:active{filter:brightness(.96);transform:translateY(0)}.landscape-study{min-width:0;color:var(--brand);margin:0;position:relative}.landscape-interaction{width:100%;color:var(--brand);cursor:crosshair;background:0 0;border:0;border-radius:0;padding:0;display:block}.landscape-interaction canvas{aspect-ratio:3/2;width:100%;display:block}.landscape-interaction{isolation:isolate;position:relative}.landscape-drafting{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landscape-study,.landscape-interaction{color:var(--brand)}.component-detail-shell .detail-preview{background:#f3f6fa;border-radius:8px}.component-detail-shell .detail-info,.component-detail-shell .detail-code-drawer{border-radius:8px}.component-detail-shell .detail-preview-tools,.component-detail-shell .detail-install-bar{border-color:var(--border-subtle);background:var(--surface);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.component-detail-shell .detail-preview-tools,.component-detail-shell .detail-install-bar{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.component-detail-shell .detail-preview-tools,.component-detail-shell .detail-install-bar{-webkit-backdrop-filter:blur(14px);box-shadow:0 3px 14px #163c680a}.component-detail-shell .detail-preview-tools .icon-button{color:var(--foreground-muted);border-radius:5px}.component-detail-shell .detail-preview-tools .icon-button:hover,.component-detail-shell .detail-preview-tools .icon-button[aria-pressed=true],.component-detail-shell .detail-preview-tools .icon-button[aria-expanded=true]{color:var(--brand);background:var(--brand-soft)}.component-detail-shell .detail-manager-menu,.component-detail-shell .dock-bar,.component-detail-shell .dock-popup-surface{border-color:var(--border-subtle);border-radius:8px;box-shadow:0 3px 14px #163c680a}.component-detail-shell .detail-directory-link[aria-current=page]{color:var(--brand)}.component-detail-shell .detail-info-eyebrow,.component-detail-shell .detail-info-scroll h4{color:var(--foreground-muted);font-family:var(--font-specimen);letter-spacing:.06em;font-weight:400}.component-detail-shell .detail-info .code-block{border-color:var(--border-subtle);border-radius:8px}.component-detail-shell .detail-code-drawer .code-block{border-radius:0}.component-source,.source-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.detail-code-drawer .component-source,.detail-code-drawer .source-panel{flex:1}.source-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--surface);flex-shrink:0;align-items:center;min-height:48px;padding:8px 112px 8px 14px;display:flex;position:relative}.detail-code-drawer .source-toolbar{cursor:grab;touch-action:none;min-height:62px;padding-top:22px}.detail-code-drawer .source-toolbar:before{content:"";background:var(--foreground-faint);opacity:.45;pointer-events:none;border-radius:999px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.detail-code-drawer .source-actions{top:calc(50% + 7px)}.detail-code-drawer .source-toolbar:active{cursor:grabbing}.source-tabs{align-items:center;gap:4px;display:flex}.source-tabs button{height:28px;color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.source-tabs button[aria-selected=true]{background:var(--brand-soft);color:var(--brand)}.source-tabs button:hover{color:var(--brand)}.source-actions{align-items:center;gap:3px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.source-actions .copy-button{width:28px;height:28px;min-height:28px;color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.source-actions .copy-button:hover{color:var(--brand);background:0 0}.source-tabs button:focus-visible,.source-actions button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}html .copy-action .copy-button[data-state=success]{color:var(--action-success)}html .copy-action .copy-button[data-state=error]{color:var(--action-error)}.copy-button[data-state=success] :is(.copy-button-icon,.copy-button-label){color:var(--action-success)}.copy-button[data-state=error] :is(.copy-button-icon,.copy-button-label){color:var(--action-error)}.source-panel .code-block{border:0;border-radius:0}.source-panel .code-block pre{padding:14px 12px 24px;font-size:13px;line-height:1.8}.source-panel .code-line:hover{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.source-panel .code-line:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}}.source-panel .code-line:hover .line-number{color:var(--foreground-muted)}.live-specimen.live-specimen--background,.live-specimen.live-specimen--preloader{width:100%;height:100%;padding:0;position:absolute;inset:0}.showcase-card[class*=-preloader] .showcase-preview>div{height:100%;padding:0}.detail-preview:has(.live-specimen--preloader [role=progressbar]) .detail-install-bar{visibility:hidden}@media (width<=760px){.detail-code-drawer .source-toolbar{min-height:62px;padding-left:54px}.source-actions{right:10px}}.component-detail-shell .dock-bar{border-color:var(--border-subtle);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.component-detail-shell .dock-bar{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.component-detail-shell .dock-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 3px 14px #163c680a}@media (width<=760px){.preview-dock{top:60px;right:12px}.dock-bar{padding:3px}.dock-grip,.dock-toggle{height:32px}}.landscape-placeholder{pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.landscape-interaction canvas{opacity:0;transition:opacity .25s}.landscape-interaction[data-ready=true] canvas{opacity:1}.landscape-interaction[data-ready=true] .landscape-placeholder{opacity:0}@media (prefers-reduced-motion:reduce){.landscape-placeholder,.landscape-interaction canvas{transition:none}}@media (width<=760px){.catalog-shell{padding-inline:20px}}.preview-theme-field{flex-direction:column;gap:10px;font-size:12px;display:flex}.preview-theme-label{color:var(--foreground-muted)}.preview-theme-switch{isolation:isolate;border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.preview-theme-selection{z-index:-1;border:1px solid var(--brand);width:calc(50% - 4px);position:absolute;top:4px;bottom:4px;left:4px}@supports (color:color-mix(in lab, red, red)){.preview-theme-selection{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--border))}}.preview-theme-selection{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface), 0 2px 4px #0b122009;border-radius:6px}@supports (color:color-mix(in lab, red, red)){.preview-theme-selection{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 65%, transparent), 0 2px 4px #0b122009}}.preview-theme-selection{transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .18s}.preview-theme-switch[data-value=dark] .preview-theme-selection{background:var(--brand-soft);transform:translate(100%)}.preview-theme-option{min-width:0;min-height:42px;color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:500;transition:color .18s;display:flex;position:relative}.preview-theme-option[aria-checked=true],.preview-theme-option:hover{color:var(--brand)}.preview-theme-option:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.preview-theme-icon{opacity:.65;flex-shrink:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .18s;transform:rotate(-18deg)scale(.9)}.preview-theme-option[aria-checked=true] .preview-theme-icon{opacity:1;transform:rotate(0)scale(1)}.preview-theme-option:active .preview-theme-icon{transition-duration:80ms;transform:scale(.84)}.preview-theme-dot{opacity:0;background:currentColor;border-radius:50%;width:3px;height:3px;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;right:7px;transform:scale(.5)}.preview-theme-option[aria-checked=true] .preview-theme-dot{opacity:.8;transform:scale(1)}@media (prefers-reduced-motion:reduce){.preview-theme-selection,.preview-theme-option,.preview-theme-icon,.preview-theme-dot{transition:none}}html[data-theme=dark] .component-detail-shell .detail-preview[data-component=kubai-empty-states]{color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141417}.detail-preview[data-component=empty-states]{background:#eef1fa}.detail-preview[data-component=empty-states][data-preview-theme=dark]{background:#171c28}.empty-gallery{--ae-gallery-paper:#f7f8fe;--ae-gallery-border:#e0e4ef;--ae-gallery-text:#6f7990;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1080px;margin:auto;padding:24px 0;display:grid}.empty-gallery[data-theme=dark]{--ae-gallery-paper:#1d2433;--ae-gallery-border:#30394d;--ae-gallery-text:#a9b5cb}.empty-cell{border:1px solid var(--ae-gallery-border);background:var(--ae-gallery-paper);min-width:0;color:var(--ae-gallery-text);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;display:flex}.empty-cell p{letter-spacing:.015em;margin-top:20px;font-size:13px;font-weight:500}@media (width<=1100px){.empty-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.empty-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.empty-cell{padding:12px 8px 18px}}@media (width<=460px){.empty-gallery{grid-template-columns:minmax(0,1fr);max-width:320px}}.preview-dock .dock-popup-surface{scrollbar-width:thin;border-radius:10px;padding:0}.dock-panel-heading{z-index:2;background:var(--surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.dock-panel-heading strong{letter-spacing:0;font-size:12px;font-weight:600}.dock-reset{color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:11px;display:inline-flex}.dock-reset:hover{color:var(--foreground)}.dock-panel-fields{padding:10px}.preview-dock .preview-settings{gap:6px;padding:0}.preview-dock .preview-settings label{background:var(--surface-subtle);border-radius:5px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:6px;min-height:36px;padding:5px 8px;font-size:11px;line-height:1.4;display:grid}.preview-dock .preview-settings input:not([type=checkbox]):not([type=range]),.preview-dock .preview-settings select{width:100%;min-width:0;height:26px;color:var(--foreground);font:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 5px}.preview-dock .preview-settings select{cursor:pointer;padding-right:2px}.preview-dock .preview-settings input:hover,.preview-dock .preview-settings select:hover{border-color:var(--border)}.preview-dock .preview-settings input:focus-visible,.preview-dock .preview-settings select:focus-visible,.dock-reset:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.preview-dock .preview-settings output{grid-area:1/2;justify-self:end;font-size:11px}.preview-dock .preview-settings input[type=range]{grid-column:1/-1;width:100%;height:14px;margin:0}.preview-dock .preview-settings .checkbox-label{flex-direction:row-reverse;justify-content:space-between;display:flex}.preview-dock .preview-settings input[type=checkbox]{appearance:none;background:var(--foreground-muted);cursor:pointer;border:0;border-radius:12px;flex:none;width:28px;height:16px;margin:0;position:relative}.preview-dock .preview-settings input[type=checkbox]:after{content:"";background:var(--surface);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:3px;left:3px}.preview-dock .preview-settings input[type=checkbox]:checked{background:var(--brand)}.preview-dock .preview-settings input[type=checkbox]:checked:after{transform:translate(12px)}.dock-panel-footer{border-top:1px solid var(--border-subtle);background:var(--surface);justify-content:flex-end;padding:8px 10px;display:flex;position:sticky;bottom:0}.dock-panel-footer .copy-button{border-radius:5px;min-height:28px;padding:5px 8px;font-size:11px}.preview-dock .preview-theme-field{gap:7px}.preview-dock .preview-theme-label{font-size:11px}.preview-dock .preview-theme-switch{min-height:32px;padding:3px}.preview-dock .preview-theme-option{min-height:26px;padding:4px 8px;font-size:12px}@media (prefers-reduced-motion:reduce){.preview-dock .preview-settings input[type=checkbox]:after{transition:none}}.preview-dock .preview-theme-selection{width:calc(50% - 3px);top:3px;bottom:3px;left:3px}.preview-dock .preview-settings input:focus-visible,.preview-dock .preview-settings select:focus-visible{border-color:var(--foreground-muted);background:var(--surface);box-shadow:inset 0 0 0 .25px var(--foreground-muted);outline:none}.preview-dock .preview-settings input[type=checkbox]:focus-visible,.preview-dock .preview-settings input[type=range]:focus-visible{outline:1px solid var(--foreground-muted);outline-offset:3px;box-shadow:none}.magnifier-settings-heading{color:var(--foreground-muted);cursor:pointer;padding:8px 0;font-size:11px;font-weight:600}.preview-dock .preview-settings input[type=color]{justify-self:end;width:48px;padding:2px}.detail-preview[data-component=magnifier] .live-specimen{width:100%;min-width:0}.detail-preview[data-component=magnifier] .preview-stage{padding:0;display:block;overflow:hidden}.detail-preview[data-component=magnifier] .live-specimen,.magnifier-preview{width:100%;min-width:0;height:100%}.detail-preview[data-component=magnifier][data-preview-theme=light]{background:#fdfcfc}.detail-preview[data-component=magnifier][data-preview-theme=dark]{background:#171e24}.preview-dock .preview-settings .magnifier-range{background:linear-gradient(to right, var(--border) 0 var(--range-fill), var(--surface-subtle) var(--range-fill) 100%);justify-content:space-between;height:38px;padding:0 10px;display:flex;position:relative;overflow:hidden}.magnifier-range>span,.magnifier-range>output{z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;position:relative}.preview-dock .preview-settings .magnifier-range input[type=range]{appearance:none;cursor:ew-resize;opacity:.5;background:0 0;width:100%;height:100%;position:absolute;inset:0}.magnifier-range input[type=range]::-webkit-slider-runnable-track{background:0 0;height:100%}.magnifier-range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--foreground-faint);border-radius:2px;width:3px;height:18px;margin-top:10px}.magnifier-range input[type=range]::-moz-range-thumb{background:var(--foreground-faint);border:0;border-radius:2px;width:3px;height:18px}.preview-dock .preview-settings .magnifier-range:focus-within{box-shadow:none;outline:none}.preview-dock .preview-settings .magnifier-range:focus-within:after{background:var(--brand);opacity:.9}.preview-dock .preview-settings .magnifier-range input:focus-visible{box-shadow:none;background:0 0;outline:none}.magnifier-color>span{justify-content:flex-end;align-items:center;gap:6px;display:flex}.preview-dock .preview-settings .magnifier-color input[type=color]{border:1px solid var(--border);width:24px;height:24px;padding:0}.magnifier-color code{background:var(--border-subtle);font:inherit;border-radius:4px;padding:3px 6px}.preview-dock .preview-settings .magnifier-range{text-align:left;flex-direction:row;gap:12px}.preview-dock .dock-popup-surface{flex-direction:column;display:flex;overflow:hidden}.dock-panel-heading,.dock-panel-footer{z-index:3;background:var(--surface);flex:none;position:relative}.dock-panel-fields{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.preview-dock .preview-settings label{min-height:34px}.preview-dock .preview-settings .magnifier-range{background:linear-gradient(to right, var(--brand) 0 var(--range-fill),var(--surface-subtle) var(--range-fill) 100%);height:34px;min-height:34px}@supports (color:color-mix(in lab, red, red)){.preview-dock .preview-settings .magnifier-range{background:linear-gradient(to right, color-mix(in srgb,var(--brand) 9%,var(--surface-subtle)) 0 var(--range-fill),var(--surface-subtle) var(--range-fill) 100%)}}.preview-dock .preview-settings .magnifier-range input[type=range]{opacity:0;width:calc(100% - 16px);inset:0 8px}.preview-dock .preview-settings .magnifier-range:hover input[type=range],.preview-dock .preview-settings .magnifier-range:focus-within input[type=range]{opacity:.35}.magnifier-range input[type=range]::-webkit-slider-thumb{height:12px;margin-top:11px}.magnifier-range input[type=range]::-moz-range-thumb{height:12px}.preview-dock .preview-settings .magnifier-color .color-hex{text-align:center;background:var(--border-subtle);font-variant-numeric:tabular-nums;width:76px;height:24px;padding:3px 6px}@supports (appearance:base-select){.preview-dock .preview-settings select{appearance:base-select}.preview-dock .preview-settings select::picker(select){appearance:base-select}.preview-dock .preview-settings select{cursor:pointer;justify-content:flex-end;align-items:center;gap:8px;padding:3px 4px;transition:background .14s,color .14s;display:flex}.preview-dock .preview-settings select::picker-icon{content:"";width:12px;height:12px;color:var(--foreground-muted);transform-origin:50%;background:currentColor;flex:0 0 12px;transition:transform .16s,color .16s;transform:scaleY(1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px 12px no-repeat}.preview-dock .preview-settings select:open::picker-icon{color:var(--foreground);transform:scaleY(-1)}.preview-dock .preview-settings select:open{background:var(--border-subtle)}.preview-dock .preview-settings select:focus-visible{box-shadow:none;background:var(--border-subtle);border-color:#0000;outline:none}.preview-dock .preview-settings select::picker(select){min-width:anchor-size(width);border:1px solid var(--border);background:var(--surface);color:var(--foreground);opacity:0;transition:opacity .16s ease, transform .16s ease, display .16s allow-discrete, overlay .16s allow-discrete;border-radius:7px;margin-top:5px;padding:4px;transform:translateY(-4px);box-shadow:0 6px 18px #163c6812}.preview-dock .preview-settings select option{min-height:30px;font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s;display:flex}.preview-dock .preview-settings select option:hover,.preview-dock .preview-settings select option:focus{background:var(--surface-subtle);outline:none}.preview-dock .preview-settings select option:checked{background:var(--brand-soft);color:var(--brand)}.preview-dock .preview-settings select option::checkmark{order:1;margin-left:auto;font-size:10px}}.preview-dock .preview-settings .magnifier-range{--range-position:clamp(8px,var(--range-fill),calc(100% - 8px));background:linear-gradient(to right,var(--brand) 0 var(--range-position),var(--surface-subtle) var(--range-position) 100%)}@supports (color:color-mix(in lab, red, red)){.preview-dock .preview-settings .magnifier-range{background:linear-gradient(to right,color-mix(in srgb,var(--brand) 9%,var(--surface-subtle)) 0 var(--range-position),var(--surface-subtle) var(--range-position) 100%)}}.preview-dock .preview-settings .magnifier-range:after{content:"";left:var(--range-position);background:var(--foreground-faint);opacity:.5;pointer-events:none;border-radius:2px;width:3px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.preview-dock .preview-settings .magnifier-range input[type=range],.preview-dock .preview-settings .magnifier-range:hover input[type=range],.preview-dock .preview-settings .magnifier-range:focus-within input[type=range]{opacity:1;width:100%;inset:0}.magnifier-range input[type=range]::-webkit-slider-thumb{background:0 0;width:0}.magnifier-range input[type=range]::-moz-range-thumb{background:0 0;width:0}@media (prefers-reduced-motion:reduce){.preview-dock .preview-settings select,.preview-dock .preview-settings select option{transition:none}.preview-dock .preview-settings select::picker-icon{transition:none}.preview-dock .preview-settings select::picker(select){transition:none}}.preview-dock .preview-settings label:has(select){grid-template-columns:104px minmax(0,1fr)}.detail-info-scroll{padding:28px 26px 40px}.component-detail-shell .detail-info-eyebrow{letter-spacing:.08em;font-size:10px}.detail-info-title{letter-spacing:-.045em;margin:10px 0 14px;font-size:clamp(26px,2.2vw,32px);font-weight:600;line-height:1.2}.detail-info-description{font-size:14px;line-height:1.8}.detail-info-scroll section{margin-top:30px}.component-detail-shell .detail-info-scroll h4{letter-spacing:0;text-transform:none;color:var(--foreground);font-size:12px;font-weight:600;line-height:1.5}.detail-info-scroll section>p{font-size:13px;line-height:1.8}.detail-info-scroll .code-block pre{font-size:12px;line-height:1.8}.props-reference{min-width:0;container-type:inline-size}.props-reference-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.props-reference-heading h4{font-size:12px;font-weight:600;margin:0!important}.props-reference-heading>span{color:var(--foreground-faint);font-variant-numeric:tabular-nums;font-size:10px}.props-reference-surface{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.props-reference-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%}.props-reference-table thead{background:var(--surface-subtle)}.props-reference-table thead th{color:var(--foreground-muted);padding:10px 12px;font-size:10px;font-weight:500;line-height:1.5}.props-reference-table thead th:first-child{width:25%}.props-reference-table thead th:last-child{width:18%}.props-reference-table tbody tr{border-top:1px solid var(--border-subtle)}.props-reference-table tbody th,.props-reference-table tbody td{vertical-align:top;min-width:0;padding:15px 12px;font-size:12px;line-height:1.65}.props-reference-table code{font-family:var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.props-reference-table .prop-name{font-weight:500}.prop-name code{background:var(--surface-subtle);color:var(--foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:3px 5px;display:inline}.prop-signature{color:var(--brand);display:block}.props-reference-table .prop-details p{color:var(--foreground-muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.8}.prop-default code{background:var(--surface-subtle);color:var(--foreground-muted);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:2px 4px;display:inline}.prop-default-label{display:none}.prop-no-default{color:var(--foreground-faint)}@container (width<=460px){.props-reference-table thead{display:none}.props-reference-table tbody{display:block}.props-reference-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:10px 16px;padding:15px 14px;display:grid}.props-reference-table tbody tr:first-child{border-top:0}.props-reference-table tbody th,.props-reference-table tbody td{padding:0;display:block}.props-reference-table .prop-details{grid-area:2/1/auto/-1}.props-reference-table .prop-default{text-align:right;grid-area:1/2}.prop-default-label{color:var(--foreground-faint);margin-bottom:3px;font-size:9px;display:block}.props-reference-table .prop-name{padding-top:3px}}@media (width<=600px){.detail-info-scroll{padding:24px 18px 36px}.detail-info-header{padding-left:64px}}.flip-switch-preview{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:480px;display:flex}.flip-switch-state{color:#718097;letter-spacing:.1em;font-size:12px;font-weight:500;transition:color .16s}.flip-switch-state[data-checked=true]{color:#2d6dc3}.detail-preview[data-component=flip-switch][data-preview-theme=light]{background:#f3f6fa}.detail-preview[data-component=flip-switch][data-preview-theme=dark]{background:#171e24}.detail-preview[data-component=flip-switch][data-preview-theme=dark] .flip-switch-state{color:#a8b5ca}.detail-preview[data-component=flip-switch][data-preview-theme=dark] .flip-switch-state[data-checked=true]{color:#8fb9ff}.detail-preview:is([data-component=button],[data-component=bell-button])[data-preview-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(#fafbfe,#eef2f8)}.detail-preview:is([data-component=button],[data-component=bell-button])[data-preview-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(#263241,#151d25)}.detail-preview[data-component=flip-switch] .live-specimen{justify-content:center;width:100%;min-width:0;display:flex}@media (prefers-reduced-motion:reduce){.flip-switch-state{transition:none}}.dither-progress-preview{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:660px;display:flex}.dp-demo-actions{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.dp-demo-actions button{color:var(--foreground-muted);font:11px var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 9px}.dp-demo-actions button:hover,.dp-demo-actions button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand)}.dp-demo-actions>span{background:var(--border);width:1px;height:14px;margin:0 3px}@media (width<=420px){.dp-demo-actions{gap:0}.dp-demo-actions button{padding:7px}}.detail-preview[data-component=dither-progress] .live-specimen{min-width:0}.editorial-grid .showcase-card:first-child .showcase-preview{aspect-ratio:16/10;height:auto;min-height:0}.dither-progress-preview{min-width:0}.dither-pop-intro{border-bottom:1px solid var(--border-subtle);padding:22px 0}.dither-pop-intro h2{margin:9px 0;font-size:24px}.dither-pop-intro h2 small{color:var(--foreground-muted);margin-left:12px;font-size:13px;font-weight:400}.dither-pop-intro p{color:var(--foreground-muted);font-size:13px}.collection-filters .filter-tabs{gap:0}.collection-filters .filter-tabs button{padding-inline:6px;font-size:13px}.filter-tabs .filter-count{opacity:.65;margin-left:0;font-size:.85em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}