.x-ui-theme[data-x-ui-theme]{color:var(--x-ui-fg);background-color:var(--x-ui-background);transition:color .18s ease,background-color .18s ease}[data-x-ui-theme][data-slot=dialog-overlay][data-state=open],[data-x-ui-theme][data-slot=alert-dialog-overlay][data-state=open]{animation:x-ui-overlay-in .16s ease-out}[data-x-ui-theme][data-slot=dialog-overlay][data-state=closed],[data-x-ui-theme][data-slot=alert-dialog-overlay][data-state=closed]{animation:x-ui-overlay-out .12s ease-in}[data-x-ui-theme][data-slot=dialog-content][data-state=open],[data-x-ui-theme][data-slot=alert-dialog-content][data-state=open]{animation:x-ui-dialog-in .2s cubic-bezier(.2,.7,.2,1)}[data-x-ui-theme][data-slot=dialog-content][data-state=closed],[data-x-ui-theme][data-slot=alert-dialog-content][data-state=closed]{animation:x-ui-dialog-out .12s ease-in}[data-x-ui-theme][data-slot=dropdown-menu-content],[data-x-ui-theme][data-slot=dropdown-menu-sub-content]{transform-origin:var(--radix-dropdown-menu-content-transform-origin, center top)}[data-x-ui-theme][data-slot=select-content]{transform-origin:var(--radix-select-content-transform-origin, center top)}[data-x-ui-theme][data-slot=dropdown-menu-content][data-state=open],[data-x-ui-theme][data-slot=dropdown-menu-sub-content][data-state=open],[data-x-ui-theme][data-slot=select-content][data-state=open]{animation:x-ui-menu-in .16s cubic-bezier(.2,.7,.2,1)}[data-x-ui-theme][data-slot=dropdown-menu-content][data-state=closed],[data-x-ui-theme][data-slot=dropdown-menu-sub-content][data-state=closed],[data-x-ui-theme][data-slot=select-content][data-state=closed]{animation:x-ui-menu-out .1s ease-in}[data-x-ui-theme] .x-ui-spinner,[data-x-ui-theme].x-ui-spinner{animation:x-ui-spin .8s linear infinite}[data-x-ui-theme] .x-ui-skeleton,[data-x-ui-theme].x-ui-skeleton{animation:x-ui-pulse 1.6s ease-in-out infinite}[data-x-ui-theme] .x-ui-progress-indeterminate,[data-x-ui-theme].x-ui-progress-indeterminate{animation:x-ui-progress 1.4s ease-in-out infinite}@keyframes x-ui-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes x-ui-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes x-ui-dialog-in{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@keyframes x-ui-dialog-out{0%{opacity:1;scale:1}to{opacity:0;scale:.985}}@keyframes x-ui-menu-in{0%{opacity:0;scale:.98}to{opacity:1;scale:1}}@keyframes x-ui-menu-out{0%{opacity:1;scale:1}to{opacity:0;scale:.98}}@keyframes x-ui-spin{to{rotate:360deg}}@keyframes x-ui-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes x-ui-progress{0%{translate:-110% 0}to{translate:310% 0}}[data-x-ui-theme][data-x-ui-motion=off],[data-x-ui-theme][data-x-ui-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-x-ui-theme][data-x-ui-motion=off]:before,[data-x-ui-theme][data-x-ui-motion=off]:after,[data-x-ui-theme][data-x-ui-motion=off] *:before,[data-x-ui-theme][data-x-ui-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){[data-x-ui-theme][data-x-ui-motion],[data-x-ui-theme][data-x-ui-motion] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-x-ui-theme][data-x-ui-motion]:before,[data-x-ui-theme][data-x-ui-motion]:after,[data-x-ui-theme][data-x-ui-motion] *:before,[data-x-ui-theme][data-x-ui-motion] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}/*! 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-3xl:48rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-bounce:bounce 1s 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);--color-background:var(--background);--color-foreground:var(--foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-destructive:#dc5b61;--color-border:var(--border);--color-input:var(--border);--color-ring:var(--primary)}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-full{width:100%;height:100%}.\!h-8{height:calc(var(--spacing) * 8)!important}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[640px\]{max-height:640px}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[44px\]{min-height:44px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[7\.5rem\]{width:7.5rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[78\%\]{max-width:78%}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-bounce{animation:var(--animate-bounce)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--x-ui-button-radius\,0\.375rem\)\]{border-radius:var(--x-ui-button-radius,.375rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[color\:var\(--x-ui-border\)\]{border-color:var(--x-ui-border)}.border-\[color\:var\(--x-ui-border\,var\(--color-gray-200\,\#e5e7eb\)\)\]{border-color:var(--x-ui-border,var(--color-gray-200,#e5e7eb))}.border-\[color\:var\(--x-ui-border\,var\(--color-gray-300\,\#d1d5db\)\)\]{border-color:var(--x-ui-border,var(--color-gray-300,#d1d5db))}.border-\[color\:var\(--x-ui-border\,var\(--color-input\)\)\]{border-color:var(--x-ui-border,var(--color-input))}.border-\[color\:var\(--x-ui-danger\,var\(--color-red-500\,\#ef4444\)\)\]{border-color:var(--x-ui-danger,var(--color-red-500,#ef4444))}.border-\[color\:var\(--x-ui-danger-border\,var\(--color-red-200\,\#fecaca\)\)\]{border-color:var(--x-ui-danger-border,var(--color-red-200,#fecaca))}.border-\[color\:var\(--x-ui-info-border\,var\(--color-blue-200\,\#bfdbfe\)\)\]{border-color:var(--x-ui-info-border,var(--color-blue-200,#bfdbfe))}.border-\[color\:var\(--x-ui-success-border\,var\(--color-green-200\,\#bbf7d0\)\)\]{border-color:var(--x-ui-success-border,var(--color-green-200,#bbf7d0))}.border-\[color\:var\(--x-ui-warning-border\,var\(--color-yellow-200\,\#fef08a\)\)\]{border-color:var(--x-ui-warning-border,var(--color-yellow-200,#fef08a))}.border-\[var\(--x-ui-border\,\#d1d5db\)\]{border-color:var(--x-ui-border,#d1d5db)}.border-\[var\(--x-ui-border\,var\(--color-gray-200\,\#e5e7eb\)\)\]{border-color:var(--x-ui-border,var(--color-gray-200,#e5e7eb))}.border-\[var\(--x-ui-border\,var\(--color-gray-300\,\#d1d5db\)\)\]{border-color:var(--x-ui-border,var(--color-gray-300,#d1d5db))}.border-\[var\(--x-ui-border\,var\(--color-indigo-100\,\#e0e7ff\)\)\]{border-color:var(--x-ui-border,var(--color-indigo-100,#e0e7ff))}.border-\[var\(--x-ui-border\,var\(--color-slate-200\,\#e2e8f0\)\)\]{border-color:var(--x-ui-border,var(--color-slate-200,#e2e8f0))}.border-\[var\(--x-ui-primary\,var\(--color-blue-600\,\#2563eb\)\)\]{border-color:var(--x-ui-primary,var(--color-blue-600,#2563eb))}.border-\[var\(--x-ui-success-border\,var\(--color-emerald-200\,\#a7f3d0\)\)\]{border-color:var(--x-ui-success-border,var(--color-emerald-200,#a7f3d0))}.border-\[var\(--x-ui-warning-border\,var\(--color-amber-300\,\#fcd34d\)\)\]{border-color:var(--x-ui-warning-border,var(--color-amber-300,#fcd34d))}.border-current{border-color:currentColor}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[var\(--x-ui-border\,var\(--color-border\)\)\]{background-color:var(--x-ui-border,var(--color-border))}.bg-\[var\(--x-ui-border\,var\(--color-gray-200\,\#e5e7eb\)\)\]{background-color:var(--x-ui-border,var(--color-gray-200,#e5e7eb))}.bg-\[var\(--x-ui-danger-bg\,var\(--color-red-50\,\#fef2f2\)\)\]{background-color:var(--x-ui-danger-bg,var(--color-red-50,#fef2f2))}.bg-\[var\(--x-ui-danger-bg\,var\(--color-red-100\,\#fee2e2\)\)\]{background-color:var(--x-ui-danger-bg,var(--color-red-100,#fee2e2))}.bg-\[var\(--x-ui-fg\,\#111827\)\]{background-color:var(--x-ui-fg,#111827)}.bg-\[var\(--x-ui-info-bg\,var\(--color-blue-50\,\#eff6ff\)\)\]{background-color:var(--x-ui-info-bg,var(--color-blue-50,#eff6ff))}.bg-\[var\(--x-ui-info-bg\,var\(--color-sky-100\,\#e0f2fe\)\)\]{background-color:var(--x-ui-info-bg,var(--color-sky-100,#e0f2fe))}.bg-\[var\(--x-ui-message-bg\,var\(--color-sky-600\,\#0284c7\)\)\]{background-color:var(--x-ui-message-bg,var(--color-sky-600,#0284c7))}.bg-\[var\(--x-ui-muted\,\#f3f4f6\)\]{background-color:var(--x-ui-muted,#f3f4f6)}.bg-\[var\(--x-ui-muted\,var\(--color-blue-50\,\#eff6ff\)\)\]{background-color:var(--x-ui-muted,var(--color-blue-50,#eff6ff))}.bg-\[var\(--x-ui-muted\,var\(--color-blue-100\,\#dbeafe\)\)\]{background-color:var(--x-ui-muted,var(--color-blue-100,#dbeafe))}.bg-\[var\(--x-ui-muted\,var\(--color-gray-50\,\#f9fafb\)\)\]{background-color:var(--x-ui-muted,var(--color-gray-50,#f9fafb))}.bg-\[var\(--x-ui-muted\,var\(--color-gray-100\,\#f3f4f6\)\)\]{background-color:var(--x-ui-muted,var(--color-gray-100,#f3f4f6))}.bg-\[var\(--x-ui-muted\,var\(--color-indigo-50\,\#eef2ff\)\)\]\/70{background-color:var(--x-ui-muted,oklch(96.2% .018 272.314))}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--x-ui-muted\,var\(--color-indigo-50\,\#eef2ff\)\)\]\/70{background-color:color-mix(in oklab,var(--x-ui-muted,var(--color-indigo-50,#eef2ff)) 70%,transparent)}}.bg-\[var\(--x-ui-muted\,var\(--color-muted\)\)\]{background-color:var(--x-ui-muted,var(--color-muted))}.bg-\[var\(--x-ui-muted\,var\(--color-slate-50\,\#f8fafc\)\)\]{background-color:var(--x-ui-muted,var(--color-slate-50,#f8fafc))}.bg-\[var\(--x-ui-muted\,var\(--color-slate-100\,\#f1f5f9\)\)\]{background-color:var(--x-ui-muted,var(--color-slate-100,#f1f5f9))}.bg-\[var\(--x-ui-muted-fg\,var\(--color-slate-500\,\#64748b\)\)\]{background-color:var(--x-ui-muted-fg,var(--color-slate-500,#64748b))}.bg-\[var\(--x-ui-primary\,var\(--color-blue-600\,\#2563eb\)\)\]{background-color:var(--x-ui-primary,var(--color-blue-600,#2563eb))}.bg-\[var\(--x-ui-primary\,var\(--color-gray-950\,\#030712\)\)\]{background-color:var(--x-ui-primary,var(--color-gray-950,#030712))}.bg-\[var\(--x-ui-primary\,var\(--color-indigo-500\,\#6366f1\)\)\]{background-color:var(--x-ui-primary,var(--color-indigo-500,#6366f1))}.bg-\[var\(--x-ui-primary-fg\,var\(--color-white\,\#fff\)\)\]{background-color:var(--x-ui-primary-fg,var(--color-white,#fff))}.bg-\[var\(--x-ui-success-bg\,var\(--color-emerald-50\,\#ecfdf5\)\)\]{background-color:var(--x-ui-success-bg,var(--color-emerald-50,#ecfdf5))}.bg-\[var\(--x-ui-success-bg\,var\(--color-green-50\,\#f0fdf4\)\)\]{background-color:var(--x-ui-success-bg,var(--color-green-50,#f0fdf4))}.bg-\[var\(--x-ui-success-bg\,var\(--color-green-100\,\#dcfce7\)\)\]{background-color:var(--x-ui-success-bg,var(--color-green-100,#dcfce7))}.bg-\[var\(--x-ui-surface\,\#ffffff\)\]{background-color:var(--x-ui-surface,#fff)}.bg-\[var\(--x-ui-surface\,var\(--color-white\,\#fff\)\)\]{background-color:var(--x-ui-surface,var(--color-white,#fff))}.bg-\[var\(--x-ui-warning-bg\,var\(--color-amber-50\,\#fffbeb\)\)\]{background-color:var(--x-ui-warning-bg,var(--color-amber-50,#fffbeb))}.bg-\[var\(--x-ui-warning-bg\,var\(--color-yellow-50\,\#fefce8\)\)\]{background-color:var(--x-ui-warning-bg,var(--color-yellow-50,#fefce8))}.bg-\[var\(--x-ui-warning-bg\,var\(--color-yellow-100\,\#fef9c3\)\)\]{background-color:var(--x-ui-warning-bg,var(--color-yellow-100,#fef9c3))}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-\[var\(--x-ui-primary\,var\(--color-primary\)\)\]{fill:var(--x-ui-primary,var(--color-primary))}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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-\[10px\]{font-size:10px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[color\:var\(--x-ui-danger\,var\(--color-red-500\,\#ef4444\)\)\]{color:var(--x-ui-danger,var(--color-red-500,#ef4444))}.text-\[color\:var\(--x-ui-danger-fg\,var\(--color-red-700\,\#b91c1c\)\)\]{color:var(--x-ui-danger-fg,var(--color-red-700,#b91c1c))}.text-\[color\:var\(--x-ui-danger-fg\,var\(--color-red-800\,\#991b1b\)\)\]{color:var(--x-ui-danger-fg,var(--color-red-800,#991b1b))}.text-\[color\:var\(--x-ui-fg\)\]{color:var(--x-ui-fg)}.text-\[color\:var\(--x-ui-fg\,var\(--color-blue-800\,\#1e40af\)\)\]{color:var(--x-ui-fg,var(--color-blue-800,#1e40af))}.text-\[color\:var\(--x-ui-fg\,var\(--color-blue-900\,\#1e3a8a\)\)\]{color:var(--x-ui-fg,var(--color-blue-900,#1e3a8a))}.text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\]\/60{color:var(--x-ui-fg,var(--color-foreground))}@supports (color:color-mix(in lab,red,red)){.text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\]\/60{color:color-mix(in oklab,var(--x-ui-fg,var(--color-foreground)) 60%,transparent)}}.text-\[color\:var\(--x-ui-fg\,var\(--color-gray-700\,\#374151\)\)\]{color:var(--x-ui-fg,var(--color-gray-700,#374151))}.text-\[color\:var\(--x-ui-fg\,var\(--color-gray-800\,\#1f2937\)\)\]{color:var(--x-ui-fg,var(--color-gray-800,#1f2937))}.text-\[color\:var\(--x-ui-fg\,var\(--color-gray-900\,\#111827\)\)\]{color:var(--x-ui-fg,var(--color-gray-900,#111827))}.text-\[color\:var\(--x-ui-fg\,var\(--color-gray-950\,\#030712\)\)\]{color:var(--x-ui-fg,var(--color-gray-950,#030712))}.text-\[color\:var\(--x-ui-fg\,var\(--color-slate-700\,\#334155\)\)\]{color:var(--x-ui-fg,var(--color-slate-700,#334155))}.text-\[color\:var\(--x-ui-fg\,var\(--color-slate-800\,\#1e293b\)\)\]{color:var(--x-ui-fg,var(--color-slate-800,#1e293b))}.text-\[color\:var\(--x-ui-fg\,var\(--color-slate-900\,\#0f172a\)\)\]{color:var(--x-ui-fg,var(--color-slate-900,#0f172a))}.text-\[color\:var\(--x-ui-info-fg\,var\(--color-blue-800\,\#1e40af\)\)\]{color:var(--x-ui-info-fg,var(--color-blue-800,#1e40af))}.text-\[color\:var\(--x-ui-info-fg\,var\(--color-sky-800\,\#075985\)\)\]{color:var(--x-ui-info-fg,var(--color-sky-800,#075985))}.text-\[color\:var\(--x-ui-message-fg\,var\(--color-white\,\#fff\)\)\]{color:var(--x-ui-message-fg,var(--color-white,#fff))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-gray-400\,\#9ca3af\)\)\]{color:var(--x-ui-muted-fg,var(--color-gray-400,#9ca3af))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-gray-500\,\#6b7280\)\)\]{color:var(--x-ui-muted-fg,var(--color-gray-500,#6b7280))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-gray-600\,\#4b5563\)\)\]{color:var(--x-ui-muted-fg,var(--color-gray-600,#4b5563))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-muted-foreground\)\)\]{color:var(--x-ui-muted-fg,var(--color-muted-foreground))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-slate-400\,\#94a3b8\)\)\]{color:var(--x-ui-muted-fg,var(--color-slate-400,#94a3b8))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-slate-500\,\#64748b\)\)\]{color:var(--x-ui-muted-fg,var(--color-slate-500,#64748b))}.text-\[color\:var\(--x-ui-muted-fg\,var\(--color-slate-600\,\#475569\)\)\]{color:var(--x-ui-muted-fg,var(--color-slate-600,#475569))}.text-\[color\:var\(--x-ui-primary\,var\(--color-primary\)\)\]{color:var(--x-ui-primary,var(--color-primary))}.text-\[color\:var\(--x-ui-primary-fg\,var\(--color-white\,\#fff\)\)\]{color:var(--x-ui-primary-fg,var(--color-white,#fff))}.text-\[color\:var\(--x-ui-success-fg\,var\(--color-emerald-950\,\#022c22\)\)\]{color:var(--x-ui-success-fg,var(--color-emerald-950,#022c22))}.text-\[color\:var\(--x-ui-success-fg\,var\(--color-green-800\,\#166534\)\)\]{color:var(--x-ui-success-fg,var(--color-green-800,#166534))}.text-\[color\:var\(--x-ui-warning-fg\,var\(--color-amber-900\,\#78350f\)\)\]{color:var(--x-ui-warning-fg,var(--color-amber-900,#78350f))}.text-\[color\:var\(--x-ui-warning-fg\,var\(--color-yellow-800\,\#854d0e\)\)\]{color:var(--x-ui-warning-fg,var(--color-yellow-800,#854d0e))}.text-\[color\:var\(--x-ui-warning-fg\,var\(--color-yellow-900\,\#713f12\)\)\]{color:var(--x-ui-warning-fg,var(--color-yellow-900,#713f12))}.text-\[var\(--x-ui-fg\,\#111827\)\]{color:var(--x-ui-fg,#111827)}.text-\[var\(--x-ui-muted-fg\,\#6b7280\)\]{color:var(--x-ui-muted-fg,#6b7280)}.text-current{color:currentColor}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.accent-\[var\(--x-ui-primary\,var\(--color-blue-600\,\#2563eb\)\)\]{accent-color:var(--x-ui-primary,var(--color-blue-600,#2563eb))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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-sm{--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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-offset-\[color\:var\(--x-ui-surface\,var\(--color-white\,\#fff\)\)\]{--tw-ring-offset-color:var(--x-ui-surface,var(--color-white,#fff))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:0ms\]{animation-delay:0s}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:h-10::file-selector-button{height:calc(var(--spacing) * 10)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:border-r::file-selector-button{border-right-style:var(--tw-border-style);border-right-width:1px}.file\:border-\[var\(--x-ui-border\,var\(--color-gray-200\,\#e5e7eb\)\)\]::file-selector-button{border-color:var(--x-ui-border,var(--color-gray-200,#e5e7eb))}.file\:bg-\[var\(--x-ui-muted\,var\(--color-gray-50\,\#f9fafb\)\)\]::file-selector-button{background-color:var(--x-ui-muted,var(--color-gray-50,#f9fafb))}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-\[color\:var\(--x-ui-fg\,var\(--color-gray-700\,\#374151\)\)\]::file-selector-button{color:var(--x-ui-fg,var(--color-gray-700,#374151))}.placeholder\:text-\[color\:var\(--x-ui-muted-fg\,var\(--color-gray-400\,\#9ca3af\)\)\]::placeholder{color:var(--x-ui-muted-fg,var(--color-gray-400,#9ca3af))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-\[var\(--x-ui-fg\,var\(--color-foreground\)\)\]:after{content:var(--tw-content);background-color:var(--x-ui-fg,var(--color-foreground))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:bg-\[var\(--x-ui-muted\,var\(--color-blue-50\,\#eff6ff\)\)\]:hover{background-color:var(--x-ui-muted,var(--color-blue-50,#eff6ff))}.hover\:bg-\[var\(--x-ui-muted\,var\(--color-gray-50\,\#f9fafb\)\)\]:hover{background-color:var(--x-ui-muted,var(--color-gray-50,#f9fafb))}.hover\:bg-\[var\(--x-ui-muted\,var\(--color-gray-100\,\#f3f4f6\)\)\]:hover{background-color:var(--x-ui-muted,var(--color-gray-100,#f3f4f6))}.hover\:bg-\[var\(--x-ui-primary-hover\,var\(--color-blue-700\,\#1d4ed8\)\)\]:hover{background-color:var(--x-ui-primary-hover,var(--color-blue-700,#1d4ed8))}.hover\:bg-\[var\(--x-ui-warning-bg\,var\(--color-amber-100\,\#fef3c7\)\)\]:hover{background-color:var(--x-ui-warning-bg,var(--color-amber-100,#fef3c7))}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-\[color\:var\(--x-ui-fg\,var\(--color-blue-900\,\#1e3a8a\)\)\]:hover{color:var(--x-ui-fg,var(--color-blue-900,#1e3a8a))}.hover\:text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\]:hover{color:var(--x-ui-fg,var(--color-foreground))}.hover\:text-\[color\:var\(--x-ui-fg\,var\(--color-gray-700\,\#374151\)\)\]:hover{color:var(--x-ui-fg,var(--color-gray-700,#374151))}.hover\:text-\[color\:var\(--x-ui-fg\,var\(--color-gray-950\,\#030712\)\)\]:hover{color:var(--x-ui-fg,var(--color-gray-950,#030712))}.hover\:text-\[var\(--x-ui-fg\,\#111827\)\]:hover{color:var(--x-ui-fg,#111827)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:file\:bg-\[var\(--x-ui-muted\,var\(--color-gray-100\,\#f3f4f6\)\)\]:hover::file-selector-button{background-color:var(--x-ui-muted,var(--color-gray-100,#f3f4f6))}}.focus\:border-\[color\:var\(--x-ui-danger\,var\(--color-red-500\,\#ef4444\)\)\]:focus{border-color:var(--x-ui-danger,var(--color-red-500,#ef4444))}.focus\:border-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]:focus,.focus\:border-\[var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]:focus{border-color:var(--x-ui-focus,var(--color-blue-500,#3b82f6))}.focus\:bg-\[var\(--x-ui-muted\,var\(--color-blue-50\,\#eff6ff\)\)\]:focus{background-color:var(--x-ui-muted,var(--color-blue-50,#eff6ff))}.focus\:bg-\[var\(--x-ui-muted\,var\(--color-gray-100\,\#f3f4f6\)\)\]:focus{background-color:var(--x-ui-muted,var(--color-gray-100,#f3f4f6))}.focus\:text-\[color\:var\(--x-ui-fg\,var\(--color-blue-900\,\#1e3a8a\)\)\]:focus{color:var(--x-ui-fg,var(--color-blue-900,#1e3a8a))}.focus\:text-\[color\:var\(--x-ui-fg\,var\(--color-gray-900\,\#111827\)\)\]:focus{color:var(--x-ui-fg,var(--color-gray-900,#111827))}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus\:ring-\[color\:var\(--x-ui-danger\,var\(--color-red-500\,\#ef4444\)\)\]\/20:focus{--tw-ring-color:var(--x-ui-danger,oklch(63.7% .237 25.331))}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[color\:var\(--x-ui-danger\,var\(--color-red-500\,\#ef4444\)\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, var(--x-ui-danger,var(--color-red-500,#ef4444)) 20%, transparent)}}.focus\:ring-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]:focus{--tw-ring-color:var(--x-ui-focus,var(--color-blue-500,#3b82f6))}.focus\:ring-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]\/20:focus{--tw-ring-color:var(--x-ui-focus,oklch(62.3% .214 259.815))}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, var(--x-ui-focus,var(--color-blue-500,#3b82f6)) 20%, transparent)}}.focus\:ring-\[var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]:focus{--tw-ring-color:var(--x-ui-focus,var(--color-blue-500,#3b82f6))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-\[color\:var\(--x-ui-focus\,var\(--color-ring\)\)\]:focus-visible{border-color:var(--x-ui-focus,var(--color-ring))}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]\/50:focus-visible{--tw-ring-color:var(--x-ui-focus,oklch(62.3% .214 259.815))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[color\:var\(--x-ui-focus\,var\(--color-blue-500\,\#3b82f6\)\)\]\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--x-ui-focus,var(--color-blue-500,#3b82f6)) 50%, transparent)}}.focus-visible\:ring-\[color\:var\(--x-ui-focus\,var\(--color-ring\)\)\]\/50:focus-visible{--tw-ring-color:var(--x-ui-focus,var(--color-ring))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[color\:var\(--x-ui-focus\,var\(--color-ring\)\)\]\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--x-ui-focus,var(--color-ring)) 50%, transparent)}}.focus-visible\:ring-\[var\(--x-ui-focus\,\#2563eb\)\]:focus-visible{--tw-ring-color:var(--x-ui-focus,#2563eb)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--x-ui-surface\,\#ffffff\)\]:focus-visible{--tw-ring-offset-color:var(--x-ui-surface,#fff)}.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-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[color\:var\(--x-ui-focus\,var\(--color-ring\)\)\]:focus-visible{outline-color:var(--x-ui-focus,var(--color-ring))}.focus-visible\:outline-\[var\(--x-ui-focus\,var\(--color-blue-600\,\#2563eb\)\)\]:focus-visible{outline-color:var(--x-ui-focus,var(--color-blue-600,#2563eb))}.focus-visible\:outline-amber-500:focus-visible{outline-color:var(--color-amber-500)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[var\(--x-ui-muted\,var\(--color-gray-50\,\#f9fafb\)\)\]:disabled{background-color:var(--x-ui-muted,var(--color-gray-50,#f9fafb))}.disabled\:text-\[color\:var\(--x-ui-muted-fg\,var\(--color-gray-500\,\#6b7280\)\)\]:disabled{color:var(--x-ui-muted-fg,var(--color-gray-500,#6b7280))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.aria-invalid\:border-\[color\:var\(--x-ui-danger\,var\(--color-destructive\)\)\][aria-invalid=true]{border-color:var(--x-ui-danger,var(--color-destructive))}.aria-invalid\:ring-\[color\:var\(--x-ui-danger\,var\(--color-destructive\)\)\]\/20[aria-invalid=true]{--tw-ring-color:var(--x-ui-danger,#dc5b61)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-\[color\:var\(--x-ui-danger\,var\(--color-destructive\)\)\]\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--x-ui-danger,var(--color-destructive)) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal],.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-\[var\(--x-ui-background\,var\(--color-background\)\)\][data-state=active]{background-color:var(--x-ui-background,var(--color-background))}.data-\[state\=active\]\:text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\][data-state=active]{color:var(--x-ui-fg,var(--color-foreground))}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--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)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[color\:var\(--x-ui-primary\,var\(--color-primary\)\)\][data-state=checked]{border-color:var(--x-ui-primary,var(--color-primary))}.data-\[state\=checked\]\:border-\[var\(--x-ui-primary\,var\(--color-blue-600\,\#2563eb\)\)\][data-state=checked]{border-color:var(--x-ui-primary,var(--color-blue-600,#2563eb))}.data-\[state\=checked\]\:bg-\[var\(--x-ui-primary\,var\(--color-blue-600\,\#2563eb\)\)\][data-state=checked]{background-color:var(--x-ui-primary,var(--color-blue-600,#2563eb))}.data-\[state\=checked\]\:bg-\[var\(--x-ui-primary\,var\(--color-primary\)\)\][data-state=checked]{background-color:var(--x-ui-primary,var(--color-primary))}.data-\[state\=checked\]\:bg-\[var\(--x-ui-surface\,\#ffffff\)\][data-state=checked]{background-color:var(--x-ui-surface,#fff)}.data-\[state\=checked\]\:text-\[color\:var\(--x-ui-primary-fg\,var\(--color-primary-foreground\)\)\][data-state=checked]{color:var(--x-ui-primary-fg,var(--color-primary-foreground))}.data-\[state\=checked\]\:text-\[color\:var\(--x-ui-primary-fg\,var\(--color-white\,\#fff\)\)\][data-state=checked]{color:var(--x-ui-primary-fg,var(--color-white,#fff))}.data-\[state\=checked\]\:text-\[var\(--x-ui-fg\,\#111827\)\][data-state=checked]{color:var(--x-ui-fg,#111827)}.data-\[state\=checked\]\:shadow-sm[data-state=checked]{--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)}.data-\[state\=open\]\:bg-\[var\(--x-ui-muted\,var\(--color-gray-100\,\#f3f4f6\)\)\][data-state=open]{background-color:var(--x-ui-muted,var(--color-gray-100,#f3f4f6))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-\[var\(--x-ui-muted\,var\(--color-gray-200\,\#e5e7eb\)\)\][data-state=unchecked]{background-color:var(--x-ui-muted,var(--color-gray-200,#e5e7eb))}.data-\[variant\=destructive\]\:text-\[color\:var\(--x-ui-danger\,var\(--color-red-600\,\#dc2626\)\)\][data-variant=destructive]{color:var(--x-ui-danger,var(--color-red-600,#dc2626))}.data-\[variant\=destructive\]\:focus\:bg-\[var\(--x-ui-danger-bg\,var\(--color-red-50\,\#fef2f2\)\)\][data-variant=destructive]:focus{background-color:var(--x-ui-danger-bg,var(--color-red-50,#fef2f2))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:bg-\[var\(--x-ui-surface\,var\(--color-input\)\)\]\/30:where([data-theme=dark],[data-theme=dark] *){background-color:var(--x-ui-surface,var(--color-input))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[var\(--x-ui-surface\,var\(--color-input\)\)\]\/30:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--x-ui-surface,var(--color-input)) 30%,transparent)}}.dark\:text-\[color\:var\(--x-ui-muted-fg\,var\(--color-muted-foreground\)\)\]:where([data-theme=dark],[data-theme=dark] *){color:var(--x-ui-muted-fg,var(--color-muted-foreground))}@media(hover:hover){.dark\:hover\:text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\]:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--x-ui-fg,var(--color-foreground))}}.dark\:aria-invalid\:ring-\[color\:var\(--x-ui-danger\,var\(--color-destructive\)\)\]\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:var(--x-ui-danger,#dc5b61)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-\[color\:var\(--x-ui-danger\,var\(--color-destructive\)\)\]\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--x-ui-danger,var(--color-destructive)) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-\[color\:var\(--x-ui-border\,var\(--color-input\)\)\]:where([data-theme=dark],[data-theme=dark] *)[data-state=active]{border-color:var(--x-ui-border,var(--color-input))}.dark\:data-\[state\=active\]\:bg-\[var\(--x-ui-surface\,var\(--color-input\)\)\]\/30:where([data-theme=dark],[data-theme=dark] *)[data-state=active]{background-color:var(--x-ui-surface,var(--color-input))}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-\[var\(--x-ui-surface\,var\(--color-input\)\)\]\/30:where([data-theme=dark],[data-theme=dark] *)[data-state=active]{background-color:color-mix(in oklab,var(--x-ui-surface,var(--color-input)) 30%,transparent)}}.dark\:data-\[state\=active\]\:text-\[color\:var\(--x-ui-fg\,var\(--color-foreground\)\)\]:where([data-theme=dark],[data-theme=dark] *)[data-state=active]{color:var(--x-ui-fg,var(--color-foreground))}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:where([data-theme=dark],[data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:where([data-theme=dark],[data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-\[var\(--x-ui-primary\,var\(--color-primary\)\)\]:where([data-theme=dark],[data-theme=dark] *)[data-state=checked]{background-color:var(--x-ui-primary,var(--color-primary))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}:root{--background:#0a0a0a;--foreground:#f7f7f7;--muted:#212121;--muted-foreground:#a0a0a0;--card:#121212;--primary:#fff;--primary-foreground:#111;--border:#303030;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:90px;font-family:Arial,Helvetica,system-ui,sans-serif}:root[data-theme=light]{--background:#fafafa;--foreground:#151515;--muted:#ededed;--muted-foreground:#686868;--card:#fff;--primary:#171717;--primary-foreground:#fff;--border:#dedede;color-scheme:light}body{background:var(--background);color:var(--foreground);margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,color .15s,border-color .15s}button{cursor:pointer}button:disabled{cursor:default}:is(.gallery-header,.gallery-sidebar,.gallery-hero,.gallery-footer) a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}*{box-sizing:border-box}::selection{background:#8f8f8f66}.skip-link{background:var(--primary);color:var(--primary-foreground);z-index:80;padding:12px;position:fixed;top:-90px;left:16px}.skip-link:focus{top:10px}.gallery-header{border-bottom:1px solid var(--border);background:var(--background);z-index:30;justify-content:space-between;align-items:center;gap:28px;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-1.5px;white-space:nowrap;font-size:26px;font-weight:650}.wordmark span{color:var(--muted-foreground);font-weight:400}.gallery-header>nav{gap:28px;margin-left:20px;margin-right:auto;font-size:13px;display:flex}.gallery-header>nav a{color:var(--muted-foreground);align-items:center;gap:5px;display:inline-flex}.gallery-header>nav a:hover{color:var(--foreground)}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle,.mobile-nav-button{border:1px solid var(--border);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.theme-toggle:hover,.mobile-nav-button:hover{background:var(--muted)}.mobile-nav-button{display:none}.top-pill,.hero-primary,.hero-secondary{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:11px 19px;font-size:13px;display:inline-flex}.top-pill,.hero-primary{background:var(--primary);color:var(--primary-foreground)}.hero-secondary{background:var(--muted);color:var(--foreground);border:1px solid #0000}.top-pill:hover,.hero-primary:hover{opacity:.88}.hero-secondary:hover{border-color:var(--muted-foreground)}.gallery-hero{text-align:center;border-bottom:1px solid var(--border);padding:45px 24px 36px}.hero-chip{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:inline-flex}.status-dot{background:var(--foreground);border-radius:50%;width:5px;height:5px}.gallery-hero h1{letter-spacing:-2px;max-width:800px;margin:18px auto 15px;font-size:clamp(42px,4.7vw,60px);font-weight:450;line-height:1.06}.hero-copy{color:var(--muted-foreground);font-size:15px;line-height:1.55}.hero-actions{justify-content:center;gap:10px;margin-top:23px;display:flex}.hero-meta{color:var(--muted-foreground);justify-content:center;gap:0;margin-top:24px;font-size:11px;display:flex}.hero-meta span+span:before{content:"/";color:var(--border);margin:0 15px}.gallery-workspace{grid-template-columns:225px minmax(0,1fr);max-width:1480px;margin:auto;display:grid}.gallery-sidebar{border-right:1px solid var(--border);align-self:start;height:calc(100vh - 76px);min-height:470px;padding:32px 20px;position:sticky;top:76px}.sidebar-heading{color:var(--muted-foreground);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;margin-bottom:20px;font-size:11px;display:flex}.sidebar-heading span{color:var(--foreground)}.gallery-sidebar nav{flex-direction:column;gap:4px;display:flex}.gallery-sidebar nav button{text-align:left;white-space:nowrap;color:var(--muted-foreground);border-radius:7px;justify-content:space-between;gap:8px;padding:11px 10px;font-size:12px;display:flex}.gallery-sidebar nav button span{color:var(--muted-foreground);font-size:10px}.gallery-sidebar nav button[aria-current=page]{background:var(--muted);color:var(--foreground)}.gallery-sidebar nav button:hover{background:var(--card);color:var(--foreground)}.sidebar-foot{color:var(--muted-foreground);border-top:1px solid var(--border);gap:9px;margin:32px 10px 0;padding-top:20px;font-size:11px;line-height:1.6;display:flex}.sidebar-foot svg{margin-top:2px}.sidebar-report{align-items:center;gap:6px;margin:18px 10px;font-size:11px;display:flex}.gallery-main{min-width:0;padding:30px 36px 50px}.gallery-tools{justify-content:space-between;align-items:center;gap:18px;display:flex}.overline{letter-spacing:.12em;color:var(--muted-foreground);margin:0 0 8px;font-size:9px;font-weight:500}.gallery-tools h2{letter-spacing:-.6px;font-size:25px;font-weight:500}.gallery-search{border:1px solid var(--border);width:240px;color:var(--muted-foreground);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.gallery-search input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;font-size:12px}.gallery-search:focus-within{border-color:var(--foreground)}.gallery-search input:focus-visible{outline:none}.gallery-search button{align-items:center;display:flex}.preview-note{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-top:22px;padding-bottom:24px;display:flex}.local-tag{border:1px solid var(--border);white-space:nowrap;color:var(--muted-foreground);border-radius:4px;padding:4px 6px;font-family:monospace;font-size:9px;line-height:1.3}.preview-note p{color:var(--muted-foreground);max-width:710px;font-size:11px;line-height:1.6}.collection{padding-top:31px;scroll-margin-top:90px}.collection+.collection{border-top:1px solid var(--border);margin-top:34px}.collection-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.collection-heading h2{letter-spacing:-.6px;margin-bottom:7px;font-size:23px;font-weight:450}.collection-heading>div>p:last-child{color:var(--muted-foreground);font-size:12px}.export-count{color:var(--muted-foreground);white-space:nowrap;font-family:monospace;font-size:10px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.demo-card{border:1px solid var(--border);background:var(--card);border-radius:14px;min-width:0;padding:22px;overflow:hidden}.demo-card-wide{grid-column:1/-1}.demo-card h3{letter-spacing:-.2px;margin:0 0 8px;font-size:15px;font-weight:500}.demo-caption{color:var(--muted-foreground);overflow-wrap:anywhere;margin-bottom:22px;font-family:monospace;font-size:10px;line-height:1.7}.demo-caption code,.demo-card>code{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:10px}.demo-card p.demo-note,.demo-note{color:var(--muted-foreground);margin-top:16px;font-size:11px;line-height:1.6}.demo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-stack{flex-direction:column;gap:16px;display:flex}.demo-card label,.demo-card input,.demo-card textarea{font-size:12px}.demo-card output,.demo-status{color:var(--muted-foreground);font-size:11px;line-height:1.6}.demo-card label>span{line-height:1.5}.demo-card input[type=range]{min-height:20px}.demo-code-list{color:var(--muted-foreground);font-family:monospace;font-size:10px;line-height:1.7}.demo-layout{border:1px solid var(--border);border-radius:8px;overflow:hidden}.demo-layout>div{height:auto;min-height:360px}.demo-layout main{min-width:0}.demo-layout h2{font-size:20px}.demo-navigation{min-width:0}.demo-chat-list{max-height:320px;overflow:auto}.demo-chat{min-width:0}.demo-chat>div{max-height:510px;overflow:auto}.demo-card table{font-size:11px}.demo-card th{font-size:10px;font-weight:500}.demo-card>div:has(>table),.demo-card>div:has(table){max-width:100%}.demo-card [role=toolbar]{flex-wrap:wrap}.demo-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.demo-card [role=tablist]{max-width:100%}.gallery-empty{text-align:center;padding:60px 20px}.gallery-empty h3{margin-bottom:12px;font-size:24px}.gallery-empty p{color:var(--muted-foreground);margin-bottom:24px;font-size:13px}.api-index{border-top:1px solid var(--border);margin-top:45px;padding-top:35px}.index-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.index-heading h2{letter-spacing:-.6px;font-size:25px;font-weight:450}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px;display:grid}.index-grid h3{margin-bottom:10px;font-size:13px}.index-names{flex-wrap:wrap;gap:5px;display:flex}.index-names button{border:1px solid var(--border);overflow-wrap:anywhere;max-width:100%;color:var(--muted-foreground);text-align:left;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:10px;line-height:1.6}.index-names button:hover{background:var(--muted);color:var(--foreground)}.index-note{color:var(--muted-foreground);margin-top:24px;font-size:11px;line-height:1.7}.gallery-footer{border-top:1px solid var(--border);align-items:center;gap:28px;max-width:1480px;margin:auto;padding:34px;display:flex}.gallery-footer p{color:var(--muted-foreground);font-size:11px;line-height:1.6}.gallery-footer>a:last-child{align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}@media(min-width:1550px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card-wide{grid-column:1/-1}}@media(max-width:1050px){.gallery-workspace{grid-template-columns:195px minmax(0,1fr)}.gallery-sidebar{padding:26px 12px}.gallery-main{padding:28px 22px}.demo-card{padding:18px}.gallery-header>nav{gap:18px;margin-left:5px}.demo-layout aside{width:145px}.demo-layout main{padding:14px}}@media(max-width:780px){.gallery-header{gap:12px;height:64px;padding:0 18px}.gallery-header>nav{display:none}.header-actions{gap:8px;margin-left:auto}.mobile-nav-button{display:grid}.gallery-header .top-pill{display:none}.gallery-hero{padding:36px 20px 30px}.gallery-hero h1{letter-spacing:-1.5px;font-size:48px}.hero-copy{font-size:13px}.hero-actions{flex-wrap:wrap;gap:8px}.hero-actions>*{padding:11px 16px;font-size:11px}.hero-meta{flex-wrap:wrap;font-size:9px;line-height:1.6}.hero-meta span+span:before{margin:0 8px}.gallery-workspace{display:block}.gallery-sidebar{border-right:0;border-bottom:1px solid var(--border);background:var(--background);z-index:25;height:auto;min-height:0;padding:20px;display:none;position:sticky;top:64px}.gallery-sidebar.is-open{display:block}.gallery-sidebar nav{grid-template-columns:1fr 1fr;display:grid}.sidebar-foot,.sidebar-report{display:none}.gallery-main{padding:24px 18px 35px}.gallery-tools{flex-direction:column;align-items:flex-start;gap:16px}.gallery-search{width:100%}.gallery-tools h2{font-size:24px}.preview-note{gap:10px;margin-top:18px}.preview-note p{font-size:10px}.demo-grid{grid-template-columns:1fr}.demo-card-wide{grid-column:auto}.demo-card{border-radius:12px;padding:20px}.collection-heading h2{font-size:22px}.collection-heading>div>p:last-child{font-size:11px;line-height:1.5}.collection-heading{gap:12px}.demo-layout>div{min-height:280px}.demo-layout>div>div{flex-direction:column}.demo-layout aside{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:10px}.demo-layout aside nav{flex-wrap:wrap;gap:8px;display:flex}.demo-layout main{padding:14px}.demo-layout header{flex-wrap:wrap;gap:10px;height:auto;min-height:48px;padding:10px}.demo-layout aside nav>div{flex:1}.demo-layout aside nav p{display:none}.demo-card [role=tablist]{flex-wrap:wrap;height:auto;min-height:36px}.demo-card [role=toolbar]{gap:6px}.demo-card [role=toolbar] button{padding-left:10px;padding-right:10px;font-size:11px}.index-heading{flex-direction:column;align-items:flex-start}.index-heading h2{font-size:24px}.index-grid{grid-template-columns:1fr}.gallery-footer{flex-wrap:wrap;gap:20px;padding:28px 20px}.gallery-footer p{font-size:10px}.gallery-footer>a:last-child{margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.demo-span-full{grid-column:1/-1}.demo-eyebrow{letter-spacing:.09em;color:var(--muted-foreground);margin-bottom:9px;font-size:9px}.demo-meta{color:var(--muted-foreground);margin-top:17px;font-size:10px;line-height:1.7}.demo-panel>output{margin-top:18px;display:block}.demo-definition-list{gap:12px;font-size:12px;display:grid}.demo-definition-list>div{justify-content:space-between;gap:20px;display:flex}.demo-definition-list dt{color:var(--muted-foreground)}.demo-dialog-body{margin:20px 0}.demo-dialog-footer{margin-top:20px}.demo-popover{min-width:220px}.demo-menu-result{border:1px solid var(--border);border-radius:8px;margin-top:18px;padding:12px;font-size:12px}.demo-menu-result .demo-caption{margin:8px 0 0}.demo-list{font-size:12px;list-style:none}.demo-list li{border-bottom:1px solid var(--border);padding:10px 0}.demo-preview-text{letter-spacing:-.5px;font-size:22px}.demo-table-wrap,.demo-pagination-wrap{overflow-x:auto}.demo-scroll-area .demo-caption{margin:0}.demo-chat .demo-note{margin-top:8px}@media(max-width:780px){.demo-span-full{grid-column:auto}.demo-chat [data-testid=chat-conversation-view]>div:first-child{flex-wrap:wrap;gap:12px}.demo-chat [data-testid=chat-conversation-view]>div:first-child>div:last-child{flex-wrap:wrap;width:100%}.demo-chat [data-testid=chat-conversation-view]>div:first-child>div:last-child>*{min-width:0}.demo-dialog-footer{flex-wrap:wrap}.demo-pagination-wrap>div{flex-wrap:wrap;gap:10px}}.gallery-hero a.hero-primary{color:var(--primary-foreground)}.overline{text-decoration:none}:root{--motion-ease:cubic-bezier(.2,.65,.3,1);--motion-fast:.16s;--motion-enter:.32s}.motion-studio{border-bottom:1px solid var(--border);padding:30px 0 34px;scroll-margin-top:90px}.motion-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.motion-heading h2{letter-spacing:-.6px;font-size:24px;font-weight:450}.motion-description{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.6}.motion-controls{flex-wrap:wrap;gap:8px;display:flex}.motion-controls button{padding:10px 14px;font-size:11px}.motion-controls button:disabled{opacity:.5;cursor:default}.motion-setting{color:var(--muted-foreground);margin:20px 0 18px;font-size:10px}.motion-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.motion-demo-card{border:1px solid var(--border);background:var(--card);border-radius:13px;min-width:0;padding:20px}.motion-demo-card h3{letter-spacing:-.2px;margin-bottom:10px;font-size:14px;font-weight:500}.motion-demo-card p{color:var(--muted-foreground);font-size:11px;line-height:1.6}.motion-demo-card button{font-size:11px}.motion-demo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.motion-demo-stack{flex-direction:column;gap:15px;display:flex}.motion-demo-card label{font-size:12px}.motion-demo-status{min-height:35px;margin-top:14px}.motion-demo-tab-copy{min-height:40px}.motion-demo-grid [role=tablist]{width:100%;display:flex}.motion-demo-grid [role=tab]{flex:1;min-width:0;padding-left:10px;padding-right:10px}.motion-demo-caption{color:var(--muted-foreground);margin-bottom:17px;font-family:monospace;font-size:9px!important}.motion-demo-save-button{gap:8px}.motion-demo-card .motion-demo-loading-button{width:100%}html[data-motion=full] :is(body,.gallery-header,.gallery-sidebar,.demo-card,.motion-demo-card,.gallery-search,[data-slot=dialog-content],[data-slot=alert-dialog-content]){transition:background-color .18s,color .18s,border-color .18s}html[data-motion=full] :is(button:not(:disabled),a.hero-primary,a.hero-secondary){transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,scale .1s var(--motion-ease),translate var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) ease}html[data-motion=full] :is(button:not(:disabled):not([role=switch]):not([role=checkbox]):not([role=radio]),a.hero-primary,a.hero-secondary):active{scale:.985}@media(hover:hover)and (pointer:fine){html[data-motion=full] :is(.hero-primary,.hero-secondary,.top-pill,.demo-card button[class~=inline-flex],.motion-demo-card button[class~=inline-flex]):not(:disabled):hover{translate:0 -1px}html[data-motion=full] :is(.demo-card,.motion-demo-card):hover{border-color:var(--muted-foreground)}}html[data-motion=full] .motion-reveal.is-revealed{animation:gallery-reveal var(--motion-enter) var(--motion-ease) var(--reveal-delay,0s) backwards}html[data-motion=full] .motion-reveal[data-reveal=instant]{animation:none}@keyframes gallery-reveal{0%{opacity:.05;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gallery-dialog-in{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@keyframes gallery-dialog-out{0%{opacity:1;scale:1}to{opacity:0;scale:.99}}@keyframes gallery-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes gallery-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes gallery-menu-in{0%{opacity:0;scale:.975}to{opacity:1;scale:1}}@keyframes gallery-menu-out{0%{opacity:1;scale:1}to{opacity:0;scale:.985}}@keyframes gallery-panel-in{0%{opacity:.25;translate:0 3px}to{opacity:1;translate:0}}@keyframes gallery-check-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}html[data-motion=full] :is([data-slot=dialog-overlay],[data-slot=alert-dialog-overlay])[data-state=open]{animation:.16s ease-out both gallery-overlay-in}html[data-motion=full] :is([data-slot=dialog-overlay],[data-slot=alert-dialog-overlay])[data-state=closed]{animation:.14s ease-in both gallery-overlay-out}html[data-motion=full] :is([data-slot=dialog-content],[data-slot=alert-dialog-content])[data-state=open]{animation:gallery-dialog-in .22s var(--motion-ease) both}html[data-motion=full] :is([data-slot=dialog-content],[data-slot=alert-dialog-content])[data-state=closed]{animation:.14s ease-in both gallery-dialog-out}html[data-motion=full] :is([data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content])[data-state=open]{transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-select-content-transform-origin,center));animation:gallery-menu-in .16s var(--motion-ease) both}html[data-motion=full] :is([data-slot=dropdown-menu-content],[data-slot=dropdown-menu-sub-content],[data-slot=select-content])[data-state=closed]{animation:.11s ease-in both gallery-menu-out}html[data-motion=full] [data-slot=tabs-content][data-state=active]{animation:.16s ease-out gallery-panel-in}html[data-motion=full] [data-slot=switch-thumb]{transition:translate .16s var(--motion-ease),transform .16s var(--motion-ease),background-color .18s ease}html[data-motion=full] [data-slot=switch]{transition:background-color .16s}html[data-motion=full] [data-slot=checkbox-indicator]{animation:gallery-check-in .14s var(--motion-ease)}html[data-motion=full] .motion-demo-status[data-state=saved] svg,html[data-motion=full] .theme-toggle svg{animation:gallery-check-in .18s var(--motion-ease)}html[data-motion=full] .index-grid,html[data-motion=full] .gallery-sidebar.is-open{animation:gallery-panel-in .18s var(--motion-ease)}@media(max-width:1050px){.motion-heading{flex-direction:column;align-items:flex-start}.motion-demo-grid{grid-template-columns:1fr}.motion-demo-card{padding:20px}.motion-demo-card .motion-demo-loading-button{width:auto}}html[data-motion=reduced],html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){html,html *,html :before,html :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.motion-demo-heading{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.motion-demo-heading h3{margin:0}.motion-demo-number{color:var(--muted-foreground);font-family:monospace;font-size:9px}.motion-demo-control-row{align-items:center;gap:10px;display:flex}.motion-demo-status:has(svg){align-items:flex-start;gap:8px;display:flex}.motion-demo-status svg{flex-shrink:0;margin-top:1px}.motion-demo-status[data-state=ready] svg{visibility:hidden}.motion-demo-tab-copy{align-items:flex-start;gap:8px;display:flex}.motion-demo-tab-copy svg{flex-shrink:0}.motion-demo-arrow{transition:translate .16s var(--motion-ease)}@media(hover:hover)and (pointer:fine){html[data-motion=full] .motion-demo-save-button:hover .motion-demo-arrow{translate:2px}}.appearance-selector select{background:var(--card);width:94px;color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px}.foundation-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.foundation-title h3{margin-bottom:0}.foundation-title .demo-caption{margin-top:8px}.foundation-content{min-height:156px;padding:24px 0 12px}.foundation-content dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;font-size:13px;display:grid}.foundation-content dt{color:var(--muted-foreground);margin-bottom:7px;font-size:11px}.foundation-content dd{overflow-wrap:anywhere;margin:0}.foundation-popover{width:280px;max-width:calc(100vw - 32px)}.foundation-popover h4{margin-bottom:14px;font-size:14px;font-weight:600}.foundation-popover p{color:var(--muted-foreground);margin:16px 0;font-size:12px;line-height:1.6}.foundation-switch{justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.foundation-activity,.foundation-loading{color:var(--muted-foreground);align-items:center;gap:10px;font-size:12px;display:flex}.foundation-loading{margin:18px 0}.foundation-loading [role=progressbar]{max-width:130px}.foundation-result{padding:20px 0}.foundation-result strong,.foundation-data strong{font-size:14px;font-weight:500}.foundation-result p,.foundation-data p{color:var(--muted-foreground);margin:10px 0 20px;font-size:12px}.foundation-data{min-height:140px;padding-top:20px}.foundation-range{flex-wrap:wrap;gap:12px;margin:24px 0 18px;font-size:12px;display:flex}.foundation-range span{color:var(--muted-foreground);margin-left:auto}.foundation-range input{width:100%;accent-color:var(--foreground)}@media(max-width:780px){.foundation-title{flex-wrap:wrap}.foundation-content dl{grid-template-columns:1fr;gap:14px}.foundation-grid [role=radiogroup]{width:100%}.foundation-grid [role=radio]{flex:1}.foundation-title button{flex-shrink:0}.appearance-selector select{width:88px;padding:8px 10px;font-size:11px}}.gallery-workspace{grid-template-columns:272px minmax(0,1fr)}.component-sidebar{flex-direction:column;min-height:0;padding:24px 16px 16px;display:flex;overflow:hidden}.component-sidebar .sidebar-heading{margin-bottom:14px}.component-sidebar .sidebar-search{flex-shrink:0;width:100%;margin-bottom:18px;padding:9px 11px}.component-nav-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.component-sidebar nav.component-tree{display:block}.component-tree ul{margin:0;padding:0;list-style:none}.component-tree [hidden]{display:none!important}.component-tree a{min-width:0;min-height:32px;color:var(--muted-foreground);border-radius:5px;align-items:center;padding:7px 10px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.component-tree a span{overflow-wrap:anywhere}.component-tree a:hover{background:var(--card);color:var(--foreground)}.component-tree a[aria-current=location]{background:var(--muted);color:var(--foreground)}.component-tree .tree-all{color:var(--foreground);justify-content:space-between;margin-bottom:18px}.tree-all>span{color:var(--muted-foreground);font-size:10px}.tree-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 9px;padding:0 10px;font-size:9px}.tree-common{margin-bottom:23px}.tree-common ul{grid-template-columns:1fr 1fr;gap:2px 5px;display:grid}.component-sidebar nav button.tree-group-toggle{white-space:normal;justify-content:flex-start;align-items:center;gap:7px;width:100%;min-height:36px;padding:10px 5px;font-size:11px;line-height:1.4;display:flex}.component-sidebar nav button.tree-group-toggle>span{font-size:11px}.component-sidebar nav button.tree-group-toggle>.tree-count{margin-left:auto;font-size:9px}.tree-group-toggle[aria-expanded=true]{color:var(--foreground)}.tree-group-toggle>svg,.tree-parts-toggle>svg{flex-shrink:0;transition:transform .14s}.tree-group-toggle[aria-expanded=true]>svg,.tree-parts-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}.component-sidebar nav button:disabled{cursor:default}.component-sidebar nav button:disabled>svg{visibility:hidden}.component-tree .tree-families{border-left:1px solid var(--border);margin:2px 0 10px 11px;padding-left:8px}.tree-family-row{align-items:center;gap:3px;display:flex}.tree-family-row>a{flex:1}.component-sidebar nav button.tree-parts-toggle{border-radius:5px;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.component-tree .tree-parts{border-left:1px solid var(--border);margin:1px 0 8px 12px;padding-left:7px}.component-tree .tree-parts a{min-height:30px;padding-left:8px;font-family:monospace;font-size:10px}.tree-no-results{color:var(--muted-foreground);padding:10px;font-size:12px}.component-sidebar .sidebar-foot{flex-shrink:0;margin:14px 9px 0;padding-top:12px;font-size:10px}.component-sidebar .sidebar-report{flex-shrink:0;margin:10px 9px 0;font-size:11px}.gallery-navigation-hint{color:var(--muted-foreground);font-size:11px}.collection,.demo-card[id]{scroll-margin-top:12px}.demo-card[data-current-example]{border-color:var(--muted-foreground);opacity:1;transform:none}.demo-card[data-current-example]:before{content:attr(data-current-example) " example";color:var(--muted-foreground);margin-bottom:15px;font-family:monospace;font-size:10px;display:block}.demo-card[tabindex]:focus{outline:none}.demo-card[tabindex]:focus-visible{outline:1px solid var(--foreground);outline-offset:4px}.component-nav-backdrop{display:none}@media(max-width:780px){.gallery-workspace{display:block}.component-sidebar{border-right:1px solid var(--border);z-index:40;background:var(--background);border-bottom:0;width:min(330px,100%);height:calc(100dvh - 64px);padding:20px 18px 16px;display:none;position:fixed;inset:64px auto 0 0}.component-sidebar.is-open{display:flex}.component-sidebar nav.component-tree{display:block}.component-sidebar .sidebar-foot,.component-sidebar .sidebar-report{display:none}.component-tree a{min-height:40px}.component-sidebar nav button.tree-parts-toggle{width:36px;height:36px}.component-sidebar nav button.tree-group-toggle{min-height:40px}.component-nav-backdrop{z-index:35;background:#0008;display:block;position:fixed;top:64px;right:0;bottom:0;left:0}.gallery-navigation-hint{font-size:10px}.collection,.demo-card[id]{scroll-margin-top:10px}}.tree-mobile-close{display:none}@media(max-width:780px){.tree-mobile-close{border:1px solid var(--border);width:32px;height:32px;color:var(--foreground);border-radius:5px;place-items:center;display:grid}.component-sidebar .sidebar-heading>span{margin-left:auto;margin-right:12px}}@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}@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-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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}:root{font-family:Helvetica Neue,Arial,sans-serif;--site-max:1400px;--site-gutter:clamp(24px,5vw,80px);--quiet:#858585}a{text-decoration:none;color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}button:disabled{opacity:.55}.official-site{overflow-x:clip}.site-header{height:80px;display:flex;align-items:center;gap:44px;padding:0 var(--site-gutter);border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0;z-index:50}.site-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.site-brand .wordmark{font-size:23px;font-weight:700;letter-spacing:-.9px;color:var(--foreground)}.brand-owner{color:var(--foreground)}.site-nav{display:flex;gap:28px;align-items:center;margin-right:auto}.site-nav>a{font-size:12px;color:var(--muted-foreground);min-height:44px;display:flex;align-items:center;gap:8px}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--foreground)}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--muted-foreground)}.site-header-actions{display:flex;align-items:center;gap:18px}.release-badge{font-family:monospace;font-size:9px;letter-spacing:.07em;color:var(--muted-foreground);white-space:nowrap}.appearance-selector select{min-height:38px}.github-icon,.site-menu-button{width:40px;height:40px;display:grid;place-items:center}.site-menu-button{display:none;border:1px solid var(--border);border-radius:50%}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--muted-foreground);display:flex;align-items:center;gap:9px;line-height:1.5}.home-page>section{max-width:var(--site-max);margin:0 auto}.home-hero{min-height:660px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:65px var(--site-gutter) 85px}.hero-text{position:relative;z-index:1}.hero-text h1{font-size:clamp(68px,7.8vw,110px);line-height:1.02;letter-spacing:-.07em;font-weight:450;margin:28px 0}.hero-text h1>span{color:var(--quiet)}.home-intro{font-size:17px;line-height:1.65;color:var(--muted-foreground);margin-bottom:29px}.home-hero-actions{display:flex;align-items:center;gap:25px}.hero-primary,.hero-secondary{min-height:46px;padding:12px 21px;line-height:1.5;border:1px solid var(--border);font-size:12px;font-weight:500;cursor:pointer}.hero-primary{border-color:var(--primary)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;min-height:44px}.text-link svg,.hero-primary svg{transition:transform .18s ease}.text-link:hover svg,.hero-primary:hover svg{transform:translate(3px)}.hero-footnote{font-family:monospace;font-size:9px;letter-spacing:.06em;color:var(--quiet);margin:40px 0 0;display:flex;gap:16px}.hero-orbit{position:absolute;right:20px;top:32px;width:570px;height:570px;pointer-events:none;opacity:.16;-webkit-mask-image:linear-gradient(transparent,#000,transparent);mask-image:linear-gradient(transparent,#000,transparent)}.hero-orbit>span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--muted-foreground);border-radius:50%;transform:rotate(-35deg) scaleX(.5)}.hero-orbit>span:nth-child(2){transform:rotate(35deg) scaleX(.5)}.hero-orbit>span:nth-child(3){transform:scale(.8);border-style:dashed;opacity:.4}.hero-preview{width:100%;position:relative;z-index:1;box-shadow:0 25px 80px #0003;border:1px solid var(--border);border-radius:12px;background:var(--card);min-width:0;overflow:hidden}.preview-topline{height:43px;display:flex;align-items:center;gap:13px;padding:0 17px;border-bottom:1px solid var(--border);font-family:monospace;font-size:9px;color:var(--quiet)}.preview-topline>svg{margin-left:auto}.preview-dots{display:flex;gap:5px}.preview-dots>i{width:5px;height:5px;border-radius:50%;background:var(--border)}.preview-shell{display:grid;grid-template-columns:49px minmax(0,1fr)}.preview-shell>aside{border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:25px;padding:24px 0;color:var(--quiet)}.preview-x{font-size:24px;font-weight:600;line-height:1;color:var(--foreground)}.preview-avatar{margin-top:auto;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--border);border-radius:50%;font-size:9px}.preview-form{padding:29px 25px 21px;min-width:0}.preview-form-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:26px}.preview-form-heading h2{font-size:22px;letter-spacing:-.6px;font-weight:450;margin:0}.demo-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);font-size:10px;color:var(--muted-foreground);flex-shrink:0}.preview-form input,.preview-form [role=combobox]{font-size:12px;min-height:42px}.preview-form label{font-size:11px}.preview-field{display:grid;gap:8px;margin-top:19px}.preview-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 26px}.preview-switch strong{font-size:11px;display:block;font-weight:450}.preview-switch small{font-size:9px;color:var(--muted-foreground);display:block;margin-top:6px;line-height:1.5}.preview-switch>button{flex-shrink:0}.preview-save-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:19px}.preview-save-row>span{font-size:9px;display:flex;align-items:center;gap:6px;line-height:1.6;color:var(--quiet)}.preview-save-row button{font-size:10px;padding:9px 12px;white-space:nowrap;min-height:38px}.preview-bottomline{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:12px 17px;font-family:monospace;font-size:8px;color:var(--quiet);letter-spacing:.04em}.library-strip{padding:25px var(--site-gutter);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr 1.4fr 1.5fr;align-items:center;gap:20px}.library-strip>div{display:flex;gap:15px;align-items:center;font-size:10px;color:var(--muted-foreground)}.strip-number{font-size:26px;letter-spacing:-1px;font-weight:350;color:var(--foreground)}.strip-icon{color:var(--foreground);display:flex}.library-strip>a{justify-self:end;font-size:11px;display:flex;align-items:center;gap:10px}.home-components{padding:95px var(--site-gutter) 75px}.section-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:45px}.section-intro h2,.design-language h2,.home-start h2,.motion-explainer h2{font-size:clamp(36px,4.1vw,55px);font-weight:400;line-height:1.1;letter-spacing:-2px;margin-bottom:0}.section-intro>p{font-size:13px;line-height:1.8;color:var(--muted-foreground);margin-bottom:3px}.component-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}.component-tile{padding:22px 24px;min-width:0;transition:background .18s ease}.component-tile+.component-tile{border-left:1px solid var(--border)}.component-tile:hover{background:var(--card)}.component-tile-sample{height:105px;display:flex;align-items:center;justify-content:center;padding-bottom:20px}.component-tile-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.component-tile h3{font-size:13px;font-weight:500;margin:0}.component-tile-label svg{color:var(--quiet)}.component-tile p{font-size:10px;color:var(--muted-foreground);margin:8px 0 0;line-height:1.6}.sample-button{display:inline-flex;align-items:center;gap:15px;background:var(--primary);color:var(--primary-foreground);border-radius:6px;padding:11px 15px;font-size:11px}.sample-select{border:1px solid var(--border);width:100%;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:6px;font-size:10px}.sample-tabs{display:flex;gap:8px;background:var(--muted);padding:4px;border-radius:6px;font-size:9px}.sample-tabs>span{padding:7px}.sample-tabs>span:first-child{background:var(--card);border-radius:4px}.component-tile-sample>[role=progressbar]{width:100%}.design-language{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:80px var(--site-gutter);border-top:1px solid var(--border)}.language-heading h2{margin:20px 0 31px}.language-rows>a{display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid var(--border);padding:20px 0}.language-rows>a:first-child{padding-top:0}.language-rows>a>svg{flex-shrink:0;color:var(--quiet);margin-top:4px}.language-number{font-family:monospace;font-size:10px;color:var(--quiet);margin-top:4px}.language-rows h3{font-size:17px;font-weight:450;letter-spacing:-.3px;margin-bottom:10px}.language-rows p{font-size:12px;line-height:1.8;color:var(--muted-foreground);margin:0}.home-start{padding:80px var(--site-gutter) 100px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--border);align-items:center}.home-start h2{margin:17px 0}.home-start>div>p:not(.eyebrow){font-size:13px;color:var(--muted-foreground);margin-bottom:25px}.site-code{border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden;background:var(--card)}.code-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:11px 17px;font-size:10px;color:var(--muted-foreground)}.code-toolbar button{display:flex;align-items:center;gap:7px;min-height:30px}.site-code pre{font-family:monospace;font-size:11px;line-height:1.9;padding:22px;overflow-x:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.site-footer{max-width:var(--site-max);margin:0 auto;border-top:1px solid var(--border);padding:42px var(--site-gutter) 25px}.footer-top{display:flex;align-items:flex-start;gap:45px}.footer-top>p{color:var(--muted-foreground);font-size:12px;line-height:1.8;margin:0}.footer-top>nav{display:flex;gap:27px;font-size:11px;margin-left:auto}.footer-top>nav a{min-height:44px;display:flex;align-items:center;gap:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:44px;font-size:9px;color:var(--quiet);letter-spacing:.05em}.footer-bottom>a{letter-spacing:0}.explorer-page{max-width:var(--site-max);margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr)}.explorer-page .component-sidebar{top:80px;height:calc(100dvh - 80px);background:var(--background)}.explorer-main{min-width:0;padding:42px 40px 60px}.explorer-heading h1{font-size:39px;line-height:1.15;letter-spacing:-1.5px;font-weight:450;margin:17px 0}.explorer-heading>p:last-child{font-size:13px;line-height:1.7;color:var(--muted-foreground)}.source-preview-note{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--border);margin:22px 0}.source-preview-note>span{font-family:monospace;font-size:9px;border:1px solid var(--border);border-radius:4px;padding:5px 7px;white-space:nowrap;color:var(--muted-foreground)}.source-preview-note p{font-size:10px;line-height:1.7;color:var(--muted-foreground);margin:0}.source-preview-note a{text-decoration:underline;text-underline-offset:3px;display:inline;white-space:nowrap}.source-preview-note svg{display:inline}.explorer-main[data-view=single] .demo-grid{grid-template-columns:1fr}.explorer-main[data-view=single] .demo-card{padding:30px;min-height:180px}.explorer-main[data-view=single] .collection{margin-top:25px}.explorer-main .collection,.explorer-main .demo-card{scroll-margin-top:100px}.explorer-main .collection h2{font-weight:450}.explorer-next{margin-top:50px;border-top:1px solid var(--border);padding-top:24px;font-size:12px;color:var(--muted-foreground)}.explorer-mobile-bar{display:none}.motion-page{max-width:var(--site-max);margin:auto;padding:70px var(--site-gutter)}.motion-page-heading{text-align:center;max-width:720px;margin:0 auto 50px}.motion-page-heading .eyebrow{justify-content:center}.motion-page-heading h1{font-size:clamp(40px,5.5vw,72px);line-height:1.08;letter-spacing:-3px;font-weight:400;margin:24px 0}.motion-page-heading h1>span{color:var(--quiet)}.motion-page-heading>p:not(.eyebrow){color:var(--muted-foreground);font-size:14px;line-height:1.7}.motion-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px}.motion-page .motion-setting{font-size:11px;margin:17px 0}.motion-page .motion-demo-grid{margin-bottom:70px}.motion-explainer{border-top:1px solid var(--border);padding:55px 0 0;max-width:640px}.motion-explainer h2{margin:17px 0}.motion-explainer>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted-foreground)}.docs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1200px;margin:auto}.docs-sidebar{border-right:1px solid var(--border);padding:38px 25px;position:sticky;top:80px;height:calc(100dvh - 80px)}.docs-sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--quiet);margin-bottom:16px}.docs-sidebar a{display:block;font-size:12px;min-height:44px;padding:12px 10px;color:var(--muted-foreground);border-radius:5px}.docs-sidebar a:hover{background:var(--card);color:var(--foreground)}.docs-content{min-width:0;padding:40px 55px 80px}.docs-section{scroll-margin-top:110px;padding-bottom:40px;margin-bottom:38px;border-bottom:1px solid var(--border)}.docs-section:last-child{border:0}.docs-eyebrow{font-size:10px;letter-spacing:.11em;color:var(--quiet);text-transform:uppercase}.docs-content h1{font-size:46px;letter-spacing:-2px;line-height:1.15;font-weight:450}.docs-content h2{font-size:28px;letter-spacing:-.8px;line-height:1.3;font-weight:450;margin:16px 0}.docs-content h3{font-size:17px;font-weight:500;margin:30px 0 12px}.docs-content p,.docs-content li{font-size:13px;line-height:1.8;color:var(--muted-foreground)}.docs-content ul,.docs-content ol{padding-left:20px}.docs-content li+li{margin-top:7px}.docs-content a{color:var(--foreground);text-decoration:underline;text-underline-offset:4px}.docs-content .docs-lead{font-size:16px;line-height:1.75}.docs-content code{font-family:monospace;font-size:11px;overflow-wrap:anywhere;color:var(--foreground)}.docs-callout{padding:18px 20px;border:1px solid var(--border);background:var(--card);border-radius:7px;margin:24px 0;font-size:12px;line-height:1.8;color:var(--muted-foreground)}.docs-callout p{margin-bottom:0}.docs-code-block{border:1px solid var(--border);border-radius:7px;background:var(--card);margin:20px 0;min-width:0;overflow:hidden}.docs-code-header{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:var(--quiet);padding:8px 15px}.docs-copy-button{display:flex;align-items:center;gap:7px;min-height:36px;font-size:11px}.docs-copy-status{font-size:10px!important;margin:0!important;padding:0 18px 12px}.docs-code-block pre{padding:18px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:11px;overflow:auto}.docs-property-list{display:grid;gap:0;margin:20px 0}.docs-property-list>div{padding:15px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px}.docs-property-list dt{font-size:12px}.docs-property-list dd{font-size:12px;line-height:1.7;color:var(--muted-foreground);margin:0}.docs-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:7px;margin:22px 0}.docs-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7}.docs-table th,.docs-table td{text-align:left;padding:12px 15px;vertical-align:top;border-bottom:1px solid var(--border);min-width:140px}.docs-table th{font-size:10px;color:var(--quiet);font-weight:500;background:var(--card)}.docs-table td{color:var(--muted-foreground)}.docs-table tr:last-child td{border:0}.docs-source-link{font-size:11px}.not-found{max-width:900px;margin:auto;padding:100px var(--site-gutter);min-height:55vh}.not-found h1{font-size:55px;letter-spacing:-2px;font-weight:400}.not-found>p{color:var(--muted-foreground);font-size:14px}.not-found>a{margin-top:25px}html[data-motion=full] .hero-text,html[data-motion=full] .hero-preview{animation:site-arrive .55s cubic-bezier(.2,.75,.3,1) both}html[data-motion=full] .hero-preview{animation-delay:90ms}@keyframes site-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1600px){.site-header{padding-inline:max(var(--site-gutter),calc((100vw - 1240px)/2))}}@media(max-width:1100px){.site-header{gap:26px}.site-nav{gap:20px}.release-badge{display:none}.home-hero{gap:35px}.hero-text h1{font-size:80px}.hero-preview{min-width:0}.preview-form{padding:24px 20px}.preview-save-row{align-items:flex-start;flex-direction:column}.library-strip{grid-template-columns:1fr 1fr 1.3fr}.library-strip>a{grid-column:1/-1;justify-self:start}.design-language,.home-start{gap:45px}.component-tile{padding:18px}.component-tile p{font-size:9px}.docs-content{padding-inline:35px}.explorer-main{padding-inline:28px}}@media(max-width:780px){:root{--site-gutter:22px}.site-header{height:64px;padding-inline:18px;gap:20px}.site-header-actions{margin-left:auto;gap:8px}.site-brand .wordmark{font-size:20px}.site-menu-button{display:grid}.github-icon{display:none}.site-nav{display:none;position:absolute;top:63px;left:0;right:0;padding:16px 22px 22px;background:var(--background);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 30px #0002}.site-nav.is-open{display:flex}.site-nav>a{min-height:48px;font-size:15px}.appearance-selector select{font-size:11px;width:86px}.home-hero{grid-template-columns:1fr;padding:50px var(--site-gutter) 45px;gap:40px;min-height:0}.hero-text h1{font-size:76px;letter-spacing:-5px;margin:24px 0}.home-intro{font-size:15px}.hero-footnote{margin-top:27px;font-size:8px;gap:10px}.home-hero-actions{gap:18px}.hero-primary,.hero-secondary{font-size:11px;padding:11px 17px}.hero-orbit{width:100%;height:530px;right:0;top:320px;opacity:.1}.hero-preview{max-width:530px}.preview-save-row{flex-direction:row;align-items:center}.preview-form{padding:24px 20px}.preview-form-heading h2{font-size:23px}.preview-bottomline{font-size:7px}.library-strip{grid-template-columns:1fr 1fr;padding-block:24px;gap:20px}.library-strip>div{font-size:9px;gap:11px}.library-strip>div:nth-child(3){grid-column:1/-1}.strip-number{font-size:25px}.library-strip>a{font-size:10px}.home-components{padding-top:55px;padding-bottom:45px}.section-intro{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.section-intro h2,.design-language h2,.home-start h2,.motion-explainer h2{font-size:39px;letter-spacing:-1.6px}.section-intro>p{font-size:12px}.component-lineup{grid-template-columns:1fr 1fr}.component-tile:nth-child(3){border-left:0}.component-tile:nth-child(n+3){border-top:1px solid var(--border)}.component-tile{padding:18px 17px}.component-tile-sample{height:90px}.component-tile p{font-size:10px}.sample-select{font-size:9px;padding:10px 8px}.sample-tabs{gap:0;font-size:8px}.sample-tabs>span{padding:7px 6px}.design-language{grid-template-columns:1fr;padding-block:45px;gap:36px}.language-heading h2{margin-top:17px;margin-bottom:24px}.language-rows>a{gap:16px;padding-block:23px}.language-rows h3{font-size:17px}.language-rows p{font-size:12px}.home-start{grid-template-columns:1fr;padding-block:45px 60px;gap:32px}.home-start h2{font-size:39px}.site-code pre{font-size:10px;padding:18px}.footer-top{flex-direction:column;gap:22px}.footer-top>nav{margin:0;gap:22px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:8px;margin-top:25px}.footer-bottom>a{width:100%}.site-footer{padding-top:32px}.explorer-page{display:block}.explorer-mobile-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:8px 18px;gap:16px;font-size:11px;position:sticky;top:64px;background:var(--background);z-index:30}.explorer-mobile-bar>button{display:flex;align-items:center;gap:9px;min-height:42px}.explorer-mobile-bar>span{color:var(--quiet);min-width:0;overflow-wrap:anywhere}.explorer-page .component-sidebar{top:64px;height:calc(100dvh - 64px);z-index:45}.component-nav-backdrop{z-index:40}.explorer-main{padding:28px 18px 45px}.explorer-heading h1{font-size:30px;letter-spacing:-1px}.explorer-heading>p:last-child{font-size:12px}.explorer-main[data-view=single] .demo-card{padding:20px}.source-preview-note{align-items:flex-start;gap:9px}.source-preview-note p{font-size:9px}.collection-heading h2{font-size:22px}.collection,.demo-card[id]{scroll-margin-top:135px}.motion-page{padding-top:44px;padding-bottom:45px}.motion-page-heading{margin-bottom:35px}.motion-page-heading h1{font-size:43px;letter-spacing:-1.7px}.motion-page-heading>p:not(.eyebrow){font-size:12px}.motion-controls{flex-wrap:wrap;gap:9px}.motion-explainer{padding-top:37px}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:17px 18px}.docs-sidebar nav{display:flex;gap:6px 16px;flex-wrap:wrap}.docs-sidebar a{padding:4px 0;font-size:11px;min-height:36px}.docs-sidebar-label{margin-bottom:7px}.docs-content{padding:32px 22px 40px}.docs-content h1{font-size:38px;letter-spacing:-1.4px}.docs-content h2{font-size:26px}.docs-content .docs-lead{font-size:14px}.docs-content p,.docs-content li{font-size:12px}.docs-property-list>div{grid-template-columns:1fr;gap:6px}.docs-code-block pre{padding:15px}.docs-table th,.docs-table td{padding:10px 12px;min-width:130px}.not-found{padding-block:70px}.not-found h1{font-size:41px}}@media(max-width:360px){:root{--site-gutter:18px}.hero-text h1{font-size:66px;letter-spacing:-4px}.hero-text .eyebrow{font-size:9px}.home-hero-actions{gap:12px}.hero-primary{padding:11px 14px;font-size:10px}.text-link{font-size:10px;gap:9px}.preview-shell{grid-template-columns:35px minmax(0,1fr)}.preview-form{padding:22px 15px}.preview-form-heading h2{font-size:20px}.preview-save-row{align-items:flex-start;flex-direction:column}.preview-switch small{font-size:8px}.preview-topline{font-size:8px;gap:10px;padding-inline:12px}.preview-bottomline{font-size:6px;padding-inline:12px}.component-tile{padding:16px 12px}.sample-select{font-size:8px}.sample-tabs{font-size:7px}.motion-page-heading h1{font-size:37px}.docs-content{padding-inline:18px}.site-header{padding-inline:14px}.site-header-actions{gap:5px}.site-menu-button{width:38px;height:38px}.site-code pre{font-size:9px}}.site-header .appearance-trigger{width:94px;min-height:40px;padding:8px 12px;border-radius:999px;background:var(--card);font-size:12px;line-height:1.4;flex-shrink:0}.appearance-menu{min-width:132px;max-width:calc(100vw - 24px);border-radius:10px;z-index:70}.appearance-menu [role=option]{min-height:40px;font-size:12px}.docs-sidebar a[aria-current=location]{background:var(--muted);color:var(--foreground)}.detail-examples.demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.detail-examples .demo-card{container-type:inline-size;container-name:detail-preview}#details-description .demo-stack section dl{grid-template-columns:minmax(0,1fr)}#details-description dl>div{min-width:0}#details-description dt{width:clamp(5rem,32%,7.5rem)}#details-description dd{overflow-wrap:anywhere}#details-config>dl{grid-template-columns:minmax(0,1fr)}#details-config>dl>div{min-width:0}#details-config dd,#details-config code{overflow-wrap:anywhere}@container detail-preview (min-width:20rem){#details-config>dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@container detail-preview (min-width:36rem){#details-description .demo-stack section dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@container detail-preview (min-width:40rem){#details-config>dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.site-header .appearance-trigger{width:86px;font-size:11px;min-height:40px}.appearance-menu [role=option]{min-height:44px}}@media(max-width:1100px){.site-brand .wordmark{font-size:22px;letter-spacing:-.9px}.site-nav{gap:16px}}@media(max-width:780px){.site-header{gap:10px}.site-brand{gap:8px}.site-brand .wordmark{font-size:20px;letter-spacing:-.8px}}@media(max-width:360px){.site-brand{gap:7px}.site-brand .wordmark{font-size:17px;letter-spacing:-.6px}}.site-brand .wordmark.brand-owner{font-size:18px;letter-spacing:-.03em;color:var(--foreground)}.site-brand{align-items:baseline}@media(max-width:1100px){.site-brand .wordmark.brand-owner{font-size:17.2px}}@media(max-width:780px){.site-brand .wordmark.brand-owner{font-size:15.6px}}@media(max-width:360px){.site-brand .wordmark.brand-owner{font-size:13.3px}}:root{--site-display-size: clamp(40px, 4.5vw, 64px);--site-section-size: clamp(28px, 3.1vw, 40px);--site-reading-size: 18px;--site-ui-size: 16px;--site-label-size: 14px;--site-meta-size: 12px}.official-site .hero-text h1{font-size:var(--site-display-size);line-height:1.1;letter-spacing:-.045em}.official-site .home-intro{font-size:24px;line-height:1.4}.official-site :is(.section-intro,.design-language,.home-start,.motion-explainer) h2{font-size:var(--site-section-size);line-height:1.15;letter-spacing:-.035em}.official-site :is(.section-intro>p,.language-rows p,.home-start>div>p:not(.eyebrow),.motion-explainer>p:not(.eyebrow)){font-size:var(--site-reading-size);line-height:1.5}.official-site .language-rows h3{font-size:24px;line-height:1.3}.official-site .eyebrow,.official-site .overline{font-size:var(--site-meta-size);line-height:1.5}.official-site .hero-footnote{font-size:var(--site-meta-size);flex-wrap:wrap;row-gap:8px}.official-site .site-nav>a{font-size:18px}.official-site .release-badge{font-size:12px}.official-site :is(.hero-primary,.hero-secondary,.text-link,.top-pill){font-size:16px;line-height:1.5}.official-site :is(.hero-primary,.hero-secondary,.top-pill){min-height:48px}.official-site .home-hero-actions{flex-wrap:wrap;gap:16px 24px}.official-site .site-header .appearance-trigger{font-size:16px;width:104px}.appearance-menu [role=option]{font-size:16px}.official-site .preview-topline{height:auto;min-height:48px;font-size:12px}.official-site .preview-form-heading h2{font-size:24px;line-height:1.3}.official-site .preview-form :is(input,[role=combobox]){font-size:16px}.official-site .preview-form label{font-size:14px}.official-site .preview-switch strong{font-size:16px;line-height:1.5}.official-site .preview-switch small{font-size:14px;line-height:1.5}.official-site .preview-save-row{flex-wrap:wrap;gap:12px 16px}.official-site .preview-save-row>span{font-size:12px}.official-site .preview-save-row button{font-size:14px;min-height:44px}.official-site .preview-bottomline{font-size:10px;line-height:1.6;flex-wrap:wrap;gap:8px 14px}.official-site .library-strip>div{font-size:14px;line-height:1.5}.official-site .library-strip>a{font-size:14px;line-height:1.5}.official-site .component-tile h3{font-size:20px;line-height:1.3}.official-site .component-tile p{font-size:16px;line-height:1.5}.official-site :is(.sample-button,.sample-select,.sample-tabs){font-size:14px}.official-site .component-tile-sample{height:115px}.official-site .footer-top>p{font-size:16px;line-height:1.5}.official-site .footer-top>nav{font-size:16px;flex-wrap:wrap}.official-site .footer-bottom{font-size:12px;line-height:1.6}.official-site .site-code pre,.official-site .site-code code{font-size:14px;line-height:1.7}.official-site .code-toolbar{font-size:12px}.official-site .explorer-heading h1{font-size:clamp(32px,3.1vw,40px);line-height:1.2}.official-site .explorer-heading>p:last-child{font-size:18px;line-height:1.5}.official-site .source-preview-note{flex-wrap:wrap}.official-site .source-preview-note>span{font-size:12px}.official-site .source-preview-note p{font-size:14px}.official-site .collection-heading h2{font-size:28px;line-height:1.3}.official-site .collection-heading>div>p:last-child{font-size:16px;line-height:1.5}.official-site .export-count,.official-site .component-sidebar .sidebar-heading{font-size:12px}.official-site .component-sidebar .sidebar-search input{font-size:14px}.official-site .component-tree a{font-size:16px;min-height:40px}.official-site .component-tree .tree-parts a{font-size:14px}.official-site .tree-section-label{font-size:12px}.official-site .component-sidebar nav button.tree-group-toggle,.official-site .component-sidebar nav button.tree-group-toggle>span{font-size:14px;min-height:40px}.official-site .component-sidebar nav button.tree-group-toggle>.tree-count{font-size:12px;min-height:0}.official-site :is(.component-sidebar .sidebar-foot,.component-sidebar .sidebar-report,.explorer-mobile-bar,.explorer-next){font-size:14px}.official-site .demo-card h3{font-size:20px;line-height:1.3}.official-site :is(.demo-caption,.demo-caption code,.demo-card>code,.demo-note,.demo-meta,.demo-status,.demo-card output,.demo-eyebrow){font-size:14px;line-height:1.5}.official-site .demo-card :is(label,input,textarea,button,[role=combobox],[role=tab]){font-size:16px}.official-site .demo-card :is(pre,code){font-size:14px;line-height:1.6}.official-site .demo-card table{font-size:16px;line-height:1.5}.official-site .demo-card th{font-size:14px;line-height:1.5}.official-site :is(.demo-definition-list,.demo-list,.demo-menu-result,.foundation-result p,.foundation-data p,.foundation-loading,.foundation-activity,.foundation-content dl,.foundation-range){font-size:16px;line-height:1.5}.official-site .foundation-content dt{font-size:14px}.official-site .foundation-result strong,.official-site .foundation-data strong{font-size:18px}.official-site .detail-examples dt{font-size:14px;line-height:1.5}.official-site .detail-examples dd{font-size:16px;line-height:1.5}.official-site .detail-examples p:not(.demo-caption){font-size:14px}.official-site .docs-sidebar a{font-size:16px;line-height:1.5}.official-site .docs-sidebar-label{font-size:12px}.official-site .docs-content h1{font-size:48px;line-height:1.15;letter-spacing:-.035em}.official-site .docs-content h2{font-size:32px;line-height:1.3;letter-spacing:-.025em}.official-site .docs-content h3{font-size:24px;line-height:1.3}.official-site .docs-content p,.official-site .docs-content li{font-size:18px;line-height:1.6}.official-site .docs-content .docs-lead{font-size:24px;line-height:1.4}.official-site .docs-content code,.official-site .docs-code-block pre{font-size:14px;line-height:1.7}.official-site .docs-code-header,.official-site .docs-copy-button{font-size:14px}.official-site .docs-copy-status{font-size:14px!important}.official-site .docs-callout,.official-site .docs-property-list dt,.official-site .docs-property-list dd{font-size:16px;line-height:1.6}.official-site .docs-table{font-size:16px;line-height:1.5}.official-site .docs-table th{font-size:14px;line-height:1.5}.official-site .docs-eyebrow,.official-site .docs-source-link{font-size:12px}.official-site .motion-page-heading h1{font-size:var(--site-display-size);line-height:1.1;letter-spacing:-.04em}.official-site .motion-page-heading>p:not(.eyebrow){font-size:20px;line-height:1.5}.official-site .motion-page .motion-setting{font-size:14px}.official-site .motion-demo-card h3{font-size:20px;line-height:1.3}.official-site .motion-demo-card p,.official-site .motion-demo-card label,.official-site .motion-demo-card button{font-size:16px;line-height:1.5}.official-site .motion-demo-caption{font-size:14px!important}.official-site .motion-demo-number{font-size:12px}@media(max-width:1100px){.official-site .site-nav>a{font-size:16px}.official-site .site-header-actions{gap:12px}.official-site .preview-save-row{align-items:flex-start;flex-direction:column}.official-site .footer-top{flex-wrap:wrap;gap:24px 40px}}@media(max-width:780px){.official-site .site-nav>a{font-size:18px}.official-site .site-header-actions{gap:8px}.official-site .site-header .appearance-trigger{width:90px;font-size:14px}.official-site .hero-text h1{font-size:40px;line-height:1.1;letter-spacing:-.04em}.official-site .home-intro{font-size:24px;line-height:1.4}.official-site .preview-topline{font-size:11px}.official-site .preview-bottomline{font-size:10px}.official-site :is(.section-intro>p,.language-rows p,.home-start>div>p:not(.eyebrow),.motion-explainer>p:not(.eyebrow),.explorer-heading>p:last-child){font-size:16px}.official-site .hero-footnote{font-size:11px}.official-site .docs-content h1{font-size:40px}.official-site .docs-content h2{font-size:28px}.official-site .docs-content p,.official-site .docs-content li{font-size:16px}.official-site .docs-content .docs-lead{font-size:22px}.official-site .docs-sidebar a{font-size:16px}.official-site .motion-page-heading>p:not(.eyebrow){font-size:18px}.official-site .component-tile{padding:20px}.official-site .component-tile-sample{padding-bottom:12px}.official-site .sample-tabs{gap:8px}.official-site .sample-tabs>span{padding:8px}}@media(max-width:480px){.official-site .component-lineup{grid-template-columns:1fr}.official-site .component-tile+.component-tile{border-left:0;border-top:1px solid var(--border)}.official-site .component-tile-sample{height:100px}.official-site .component-tile-sample>span{max-width:250px}.official-site .library-strip{grid-template-columns:1fr}.official-site .docs-sidebar nav{gap:4px 14px}.official-site .collection-heading{align-items:flex-start;flex-wrap:wrap}.official-site .site-code pre{padding:16px}}@media(max-width:360px){.official-site .site-header-actions{gap:5px}.official-site .preview-topline{font-size:10px}.official-site .preview-switch{gap:12px}.official-site .preview-switch small{font-size:12px}}