*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,Fira Code,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-40{min-height:10rem}.min-h-\[20rem\]{min-height:20rem}.min-h-\[240px\]{min-height:240px}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-4{width:1rem}.w-56{width:14rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[36px\]{min-width:36px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-vui-border>:not([hidden])~:not([hidden]){border-color:var(--vui-border)}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-vui-border{border-color:var(--vui-border)}.border-vui-primary{border-color:var(--vui-primary)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-vui-primary{background-color:var(--vui-primary)}.bg-vui-primary-soft{background-color:var(--vui-primary-soft)}.bg-vui-surface{background-color:var(--vui-surface)}.bg-vui-surface-muted{background-color:var(--vui-surface-muted)}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-vui-danger{color:var(--vui-danger)}.text-vui-primary{color:var(--vui-primary)}.text-vui-text{color:var(--vui-text)}.text-vui-text-muted{color:var(--vui-text-muted)}.text-vui-text-subtle{color:var(--vui-text-subtle)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-green-200{--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity,1))}.ring-vui-primary{--tw-ring-color:var(--vui-primary)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}body{font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--vui-bg);color:var(--vui-text);transition:background-color .25s,color .2s}.code-block{background:#0f172a;border-radius:.75rem;overflow:hidden}.code-block pre{margin:0;padding:1.25rem 1.5rem;overflow-x:auto}.code-block code{font-family:var(--font-jetbrains-mono), "Fira Code", monospace;color:#e2e8f0;font-size:.875rem;line-height:1.7}.vui-prose{color:var(--vui-text);font-size:.9375rem;line-height:1.75}.vui-prose h1,.vui-prose h2,.vui-prose h3,.vui-prose h4{color:var(--vui-text);margin-top:2rem;margin-bottom:.75rem;font-weight:700;line-height:1.3}.vui-prose h1{margin-top:0;font-size:2rem}.vui-prose h2{border-bottom:1px solid var(--vui-border);padding-bottom:.4rem;font-size:1.375rem}.vui-prose h3{font-size:1.125rem}.vui-prose h4{font-size:1rem}.vui-prose p{color:var(--vui-text-muted);margin-top:0;margin-bottom:1rem}.vui-prose a{color:var(--vui-primary);text-underline-offset:2px;text-decoration:underline}.vui-prose a:hover{color:var(--vui-primary-hover)}.vui-prose ul,.vui-prose ol{color:var(--vui-text-muted);margin:0 0 1rem;padding-left:1.5rem}.vui-prose li{margin-bottom:.375rem}.vui-prose li p{margin-bottom:.25rem}.vui-prose strong{color:var(--vui-text);font-weight:600}.vui-prose blockquote{border-left:3px solid var(--vui-primary);background:var(--vui-primary-soft);color:var(--vui-text-muted);border-radius:0 .5rem .5rem 0;margin:1.25rem 0;padding:.5rem 1rem;font-style:italic}.vui-prose blockquote p{color:inherit;margin:0}.vui-prose code:not(pre code){font-family:var(--font-jetbrains-mono), "Fira Code", monospace;background:var(--vui-surface-muted);color:var(--vui-primary);border:1px solid var(--vui-border);border-radius:.375rem;padding:.15rem .4rem;font-size:.8125rem}.vui-prose pre{background:#0f172a;border-radius:.75rem;margin:1rem 0 1.5rem;overflow-x:auto}.vui-prose pre code{font-family:var(--font-jetbrains-mono), "Fira Code", monospace;color:#e2e8f0;background:0 0;border:none;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.7;display:block}.vui-prose table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.875rem}.vui-prose thead{border-bottom:2px solid var(--vui-border)}.vui-prose th{text-align:left;color:var(--vui-text);background:var(--vui-surface-muted);padding:.5rem .75rem;font-weight:600}.vui-prose td{border-bottom:1px solid var(--vui-border);color:var(--vui-text-muted);vertical-align:top;padding:.5rem .75rem}.vui-prose tr:last-child td{border-bottom:none}.vui-prose hr{border:none;border-top:1px solid var(--vui-border);margin:2rem 0}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-gradient-text{-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradient-shift}.animate-float-slow{animation:6s ease-in-out infinite float-slow}.animate-fade-in-up{animation:.7s ease-out both fade-in-up}.animate-fade-in-up-delay-1{animation:.7s ease-out .1s both fade-in-up}.animate-fade-in-up-delay-2{animation:.7s ease-out .2s both fade-in-up}.animate-fade-in-up-delay-3{animation:.7s ease-out .3s both fade-in-up}.animate-fade-in-up-delay-4{animation:.7s ease-out .4s both fade-in-up}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}.animate-shimmer{background-size:200% 100%;animation:3s linear infinite shimmer}.dot-grid-pattern{background-image:radial-gradient(circle, var(--vui-border) 1px, transparent 1px);background-size:24px 24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--vui-border-strong,#cbd5e1);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--vui-text-subtle,#94a3b8)}.policy-document{overflow-wrap:anywhere;max-width:78ch;margin:3rem auto;padding:clamp(1rem,4vw,2.5rem);line-height:1.8}.policy-document h1{font-size:clamp(2rem,6vw,3rem);font-weight:750;line-height:1.2}.policy-document h2{margin:2rem 0 .65rem;font-size:1.35rem;font-weight:700;line-height:1.3}.policy-document p{margin:1rem 0}.policy-document nav,.policy-links{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.policy-document a,.example-data-notice a{text-underline-offset:3px;text-decoration:underline}.policy-document nav a,.policy-links a{align-items:center;min-height:44px;display:inline-flex}.policy-document a:focus-visible,.policy-links a:focus-visible{outline-offset:4px;outline:3px solid}.example-data-notice{border:1px solid var(--vui-border);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.6}@media print{.site-header,.site-footer,.skip-link,.policy-document nav{display:none!important}.policy-document{color:#111;background:#fff;max-width:none;margin:0;padding:0}.policy-document h2{-moz-column-break-after:avoid;break-after:avoid}}.placeholder\:text-vui-text-subtle::placeholder{color:var(--vui-text-subtle)}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-vui-border-strong:hover{border-color:var(--vui-border-strong)}.hover\:border-vui-primary:hover{border-color:var(--vui-primary)}.hover\:bg-vui-primary-soft:hover{background-color:var(--vui-primary-soft)}.hover\:bg-vui-surface-muted:hover{background-color:var(--vui-surface-muted)}.hover\:text-vui-primary:hover{color:var(--vui-primary)}.hover\:text-vui-text:hover{color:var(--vui-text)}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-vui-primary:focus{--tw-ring-color:var(--vui-primary)}.group:hover .group-hover\:text-vui-primary{color:var(--vui-primary)}@media (min-width:640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}}@media (prefers-color-scheme:dark){.dark\:border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.dark\:bg-green-900\/20{background-color:#14532d33}.dark\:bg-green-900\/30{background-color:#14532d4d}.dark\:bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.dark\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:ring-green-800{--tw-ring-opacity:1;--tw-ring-color:rgb(22 101 52/var(--tw-ring-opacity,1))}}
:root{--site-width:1240px}html{scroll-padding-top:100px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,summary,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--vui-primary);outline-offset:4px}::selection{color:var(--vui-text);background:var(--vui-primary-soft)}svg{flex-shrink:0}.page-container{width:min(calc(100% - 96px), var(--site-width));margin-inline:auto}.muted{color:var(--vui-text-subtle)}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--vui-text-subtle);font-size:12px;font-weight:650;line-height:1.5;display:block}.status-dot{background:var(--vui-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.skip-link{z-index:100;background:var(--vui-text);color:var(--vui-bg);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.brand{letter-spacing:-.8px;color:var(--vui-text);white-space:nowrap;align-items:center;gap:9px;font-size:21px;font-weight:750;text-decoration:none;display:inline-flex}.brand-light{font-weight:400}.brand-mark{flex-shrink:0;width:36px;height:36px;display:block}.site-header{z-index:50;border-bottom:1px solid var(--vui-border);background:var(--vui-surface-translucent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav-container{align-items:center;gap:52px;max-width:1440px;height:76px;margin-inline:auto;padding-inline:48px;display:flex}.desktop-nav{align-items:center;gap:28px;height:100%;display:flex}.desktop-nav a{height:100%;color:var(--vui-text-subtle);align-items:center;font-size:14px;font-weight:500;display:inline-flex;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--vui-text)}.desktop-nav a[aria-current]:after{content:"";background:var(--vui-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-actions{align-items:center;gap:21px;margin-left:auto;display:flex}.source-link{color:var(--vui-text-muted);align-items:center;gap:5px;font-size:14px;display:flex}.button-link{background:var(--vui-primary);min-height:44px;color:var(--vui-primary-contrast);border:1px solid var(--vui-primary);border-radius:7px;justify-content:center;align-items:center;gap:16px;padding:0 20px;font-size:14px;font-weight:550;line-height:1.5;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button-link:hover{background:var(--vui-primary-hover);border-color:var(--vui-primary-hover);box-shadow:0 3px 8px var(--vui-primary-soft)}.button-link.secondary{background:var(--vui-surface);color:var(--vui-text);border-color:var(--vui-border)}.button-link.secondary:hover{border-color:var(--vui-border-strong);background:var(--vui-surface-muted)}.nav-start{gap:12px;min-height:36px;padding-inline:13px;font-size:13px}.icon-button{border:1px solid var(--vui-border);border-radius:7px;place-items:center;width:36px;height:36px;display:inline-grid}.mobile-menu-button,.mobile-navigation{display:none}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-block:90px 80px;display:grid}.release-note{color:var(--vui-text-muted);align-items:center;gap:9px;font-size:12px;display:inline-flex}.release-note>svg{margin-left:3px}.hero h1{letter-spacing:-.065em;margin-top:27px;font-size:clamp(42px,4.5vw,67px);font-weight:560;line-height:1.065}.hero h1>span{color:var(--vui-primary)}.hero-copy>p{color:var(--vui-text-subtle);max-width:430px;margin-top:23px;font-size:14px;line-height:1.9}.hero-actions{gap:12px;margin-top:28px;display:flex}.hero .install-panel{max-width:455px;margin-top:28px}.hero-meta{color:var(--vui-text-subtle);flex-wrap:wrap;gap:19px;margin-top:15px;font-size:12px;display:flex}.hero-meta span{align-items:center;gap:5px;display:flex}.hero-meta svg{color:var(--vui-primary)}.hero-preview{border:1px solid var(--vui-border);background:color-mix(in srgb, var(--vui-surface-muted) 65%, var(--vui-bg));border-radius:16px;min-width:0;padding:21px;position:relative}.hero-preview:before{content:"";background-image:radial-gradient(var(--vui-border-strong) 1px, transparent 1px);z-index:-1;background-size:8px 8px;width:96px;height:96px;position:absolute;top:-25px;right:-25px}.preview-caption{color:var(--vui-text-subtle);justify-content:space-between;align-items:center;margin:0 1px 16px;font-size:12px;display:flex}.preview-caption>span:first-child{color:var(--vui-text-muted);align-items:center;gap:7px;font-weight:550;display:flex}.metric-card,.mini-card{background:var(--vui-surface);border:1px solid var(--vui-border);border-radius:10px;box-shadow:0 2px 3px #00000003}.metric-card{padding:19px 22px 15px}.metric-heading,.metric-heading>span{align-items:center;gap:8px;display:flex}.metric-heading{justify-content:space-between;font-size:12px}.metric-icon{color:var(--vui-primary);align-items:center;display:inline-flex}.mini-segment{background:var(--vui-surface-muted);border:1px solid var(--vui-border);border-radius:5px;padding:2px;display:flex}.mini-segment button{color:var(--vui-text-subtle);border-radius:3px;padding:3px 8px;font-size:9px}.mini-segment button[aria-pressed=true]{background:var(--vui-surface);color:var(--vui-text);box-shadow:0 1px 3px #0000000b}.metric-value{align-items:center;gap:17px;margin-top:20px;display:flex}.metric-value>div>span{font-size:12px}.metric-value strong{letter-spacing:-1.3px;font-size:34px;font-weight:550;line-height:1.3;display:block}.metric-value>span{align-self:flex-end;margin-bottom:5px}.bar-chart{background:repeating-linear-gradient(to top, var(--vui-border) 0 1px, transparent 1px 40px);align-items:end;gap:9px;height:136px;margin-top:9px;padding-top:15px;display:flex}.bar-chart>span{background:var(--vui-primary);border-radius:3px 3px 0 0;flex:1;transition:height .25s}.chart-labels{color:var(--vui-text-subtle);justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.preview-pair{grid-template-columns:1.15fr 1fr;gap:12px;margin-top:12px;display:grid}.mini-card{min-width:0;padding:18px}.mini-card-title{font-size:12px;font-weight:550}.preference-row{justify-content:space-between;align-items:center;gap:8px;margin-block:15px 17px;font-size:12px;display:flex}.mini-card label,.mini-card [class*=valueDisplay]{font-size:12px}.profile-mini{flex-direction:column;align-items:center;gap:2px;padding-block:14px;display:flex}.avatar-art{color:#664835;background:#ead4c8;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:4px;font-size:14px;font-weight:550;display:grid;position:relative}.avatar-art span{border:2px solid var(--vui-surface);background:#25866a;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:-1px}.profile-mini>strong{font-size:13px;font-weight:600}.profile-mini>.muted{font-size:9px}.profile-mini button{height:26px;margin-top:7px;padding-inline:20px;font-size:9px}.preview-footnote{color:var(--vui-text-subtle);justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.library-strip{border-block:1px solid var(--vui-border)}.library-strip>div{grid-template-columns:1.5fr repeat(4,1fr);align-items:center;padding-block:27px;display:grid}.library-strip p{color:var(--vui-text-subtle);font-size:14px;line-height:1.65}.library-strip p strong{color:var(--vui-text);font-weight:500}.library-strip>div>div{border-left:1px solid var(--vui-border);flex-direction:column;gap:4px;padding-left:40px;display:flex}.library-strip>div>div strong{letter-spacing:-1px;font-size:26px;font-weight:550}.library-strip>div>div span{color:var(--vui-text-subtle);font-size:12px}.home-section{padding-block:85px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading h2,.theme-section h2,.closing-cta h2{letter-spacing:-.045em;margin-top:13px;font-size:clamp(28px,2.7vw,38px);font-weight:550;line-height:1.2}.section-heading p,.theme-section p{color:var(--vui-text-subtle);margin-top:12px;font-size:14px;line-height:1.8}.text-link{color:var(--vui-text-muted);align-items:center;gap:12px;font-size:13px;font-weight:550;line-height:1.6;display:inline-flex}.text-link:hover{color:var(--vui-primary)}.section-heading>.text-link{white-space:nowrap;padding-bottom:4px}.component-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.demo-card{border:1px solid var(--vui-border);background:var(--vui-surface);border-radius:10px;overflow:hidden}.demo-stage{background-image:radial-gradient(color-mix(in srgb, var(--vui-border) 55%, transparent) .6px, transparent .6px);background-size:12px 12px;justify-content:center;align-items:center;min-height:190px;padding:25px;display:flex}.demo-card-label{border-top:1px solid var(--vui-border);justify-content:space-between;align-items:center;padding:14px 19px;font-size:13px;font-weight:500;display:flex}.demo-card-label svg{color:var(--vui-text-subtle)}.demo-card-label:hover{color:var(--vui-primary);background:var(--vui-surface-muted)}.demo-stack{flex-direction:column;align-items:center;gap:15px;display:flex}.demo-form{align-items:stretch;width:100%;max-width:260px}.demo-form>div{width:100%}.demo-row{align-items:center;gap:10px;display:flex}.demo-row.spread{justify-content:space-between}.demo-stage label,.demo-stage [class*=labelText]{font-size:13px}.badge-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:260px;display:flex}.demo-tabs{width:100%;font-size:13px}.demo-tabs button{padding-inline:13px;font-size:13px}.demo-tabs p{text-align:center;margin-top:13px;line-height:1.8}.avatar-group{padding-left:8px;display:flex}.avatar-group>*{border:3px solid var(--vui-surface);margin-left:-8px}.theme-section{border:1px solid var(--vui-border);background:var(--vui-surface-muted);border-radius:14px;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding:46px 52px;display:grid}.theme-section p{max-width:360px}.theme-section .text-link{margin-top:23px}.theme-swatches{grid-template-columns:repeat(5,1fr);gap:25px 14px;display:grid}.theme-swatches button{color:var(--vui-text-subtle);flex-direction:column;align-items:center;gap:9px;font-size:9px;display:flex}.theme-swatches button>span{border:5px solid var(--vui-surface);width:37px;height:37px;box-shadow:0 0 0 1px var(--vui-border);color:#fff;border-radius:50%;place-items:center;transition:box-shadow .15s;display:grid}.theme-swatches button[aria-pressed=true]{color:var(--vui-text);font-weight:650}.theme-swatches button[aria-pressed=true]>span{box-shadow:0 0 0 2px var(--vui-primary)}.theme-swatches button:nth-child(6) svg,.theme-swatches button:nth-child(9) svg{color:#282416}.theme-section .theme-hint{justify-content:center;gap:7px;max-width:none;margin-top:24px;font-size:9px;display:flex}.features-section{border-bottom:1px solid var(--vui-border)}.feature-grid{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px;display:grid}.feature-icon{border:1px solid var(--vui-border);background:var(--vui-surface);border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.feature-grid h3{margin-top:21px;font-size:13px;font-weight:550}.feature-grid p{color:var(--vui-text-subtle);margin-top:10px;font-size:13px;line-height:1.9}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.closing-cta{text-align:center;border:1px solid var(--vui-border);background:radial-gradient(ellipse at bottom, var(--vui-primary-soft), transparent 70%);border-radius:14px;padding:59px 24px}.closing-cta p{color:var(--vui-text-subtle);margin:14px 0 25px;font-size:13px}.closing-cta>.text-link{justify-content:center;margin-top:19px;font-size:12px;display:flex}.site-footer{margin-top:75px}.footer-grid{grid-template-columns:1.6fr .8fr .8fr 1.3fr;gap:35px;padding-bottom:45px;display:grid}.footer-grid>div{flex-direction:column;align-items:flex-start;gap:11px;font-size:13px;display:flex}.footer-grid p{color:var(--vui-text-subtle);font-size:13px;line-height:1.8}.footer-grid .eyebrow{margin-bottom:5px;font-size:9px}.footer-grid a:not(.brand){color:var(--vui-text-muted);align-items:center;gap:6px;display:flex}.footer-grid a:hover{color:var(--vui-primary)}.footer-grid>.footer-note{padding-top:7px;display:block}.footer-note>.status-dot{margin-right:5px}.footer-note p{margin:12px 0 0 13px;font-size:12px}.footer-bottom{border-top:1px solid var(--vui-border);color:var(--vui-text-subtle);justify-content:space-between;align-items:center;padding-block:20px;font-size:12px;display:flex}.footer-bottom a{align-items:center;gap:5px;display:flex}.docs-layout{grid-template-columns:254px minmax(0,1fr);max-width:1440px;margin:auto;display:grid}.docs-sidebar{border-right:1px solid var(--vui-border);height:calc(100dvh - 76px);position:sticky;top:76px}.sidebar-content{scrollbar-width:thin;height:100%;padding:26px 19px 35px 27px;overflow-y:auto}.sidebar-overview{align-items:center;gap:9px;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}.sidebar-overview>span{border:1px solid var(--vui-border);color:var(--vui-text-subtle);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:12px;font-weight:400}.search-field{border:1px solid var(--vui-border);background:var(--vui-surface);min-height:42px;color:var(--vui-text-subtle);border-radius:7px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--vui-primary);box-shadow:0 0 0 3px var(--vui-primary-soft)}.search-field input{width:100%;min-width:0;color:var(--vui-text);background:0 0;border:0;outline:none;padding-block:10px;font-size:14px}.search-field input::placeholder{color:var(--vui-text-subtle);opacity:.8}.sidebar-search{min-height:34px;margin-bottom:24px;padding-inline:9px}.sidebar-search input{padding-block:8px;font-size:12px}.sidebar-group{margin-bottom:22px}.sidebar-label{text-align:left;width:100%;color:var(--vui-text);justify-content:space-between;align-items:center;padding:4px 9px 7px;font-size:12px;font-weight:650;display:flex}.sidebar-group a{color:var(--vui-text-subtle);border-radius:5px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;line-height:1.6;display:flex}.sidebar-group a:hover{background:var(--vui-surface-muted);color:var(--vui-text)}.sidebar-group a[aria-current]{background:var(--vui-primary-soft);color:var(--vui-primary);font-weight:550}.active-nav-dot{background:var(--vui-primary);border-radius:50%;width:4px;height:4px}.sidebar-note{border-top:1px solid var(--vui-border);color:var(--vui-text-subtle);flex-direction:column;gap:8px;padding:22px 9px 0;font-size:12px;display:flex}.sidebar-note strong{color:var(--vui-text-muted);font-weight:550}.docs-menu-toggle{display:none}.docs-main{min-width:0;padding:48px 55px 80px}.docs-main article{max-width:850px}.docs-main article>div:first-child>h1,.docs-main .page-heading h1{letter-spacing:-.045em;font-size:clamp(32px,3.5vw,45px);font-weight:550;line-height:1.2}.docs-main article>div:first-child>p{font-size:14px;line-height:1.9}.docs-main section>h2{letter-spacing:-.025em;font-size:18px;font-weight:600}.doc-breadcrumb{color:var(--vui-text-subtle);align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:flex}.doc-breadcrumb a:hover{color:var(--vui-primary)}.doc-section-links{border-bottom:1px solid var(--vui-border);color:var(--vui-text-subtle);flex-wrap:wrap;gap:20px;margin:25px 0 32px;padding-bottom:15px;font-size:13px;display:flex}.doc-section-links a:hover{color:var(--vui-primary)}.preview-panel{background-color:var(--vui-surface);background-image:radial-gradient(var(--vui-border) .65px, transparent .65px);border:1px solid var(--vui-border);background-size:14px 14px;border-radius:10px;min-width:0;padding:32px;overflow-x:auto}.preview-toolbar{border-bottom:1px solid var(--vui-border);background:var(--vui-surface);color:var(--vui-text-subtle);justify-content:space-between;align-items:center;gap:12px;margin:-32px -32px 28px;padding:13px 20px;font-size:12px;display:flex}.preview-toolbar>span{align-items:center;gap:7px;display:flex}.doc-pagination{border-top:1px solid var(--vui-border);justify-content:space-between;gap:18px;margin-top:20px;padding-top:28px;display:flex}.doc-pagination a{align-items:center;gap:9px;font-size:14px;display:flex}.vui-prose table{display:block;overflow-x:auto}.vui-prose{overflow-wrap:anywhere}.code-panel{color:#d9e6e1;background:#172220;border:1px solid #303b39;border-radius:9px;min-width:0;overflow:hidden}.code-toolbar{color:#a1b3aa;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:5px 15px;font-size:12px;display:flex}.code-toolbar>span{align-items:center;gap:7px;display:inline-flex}.code-dot{background:#78b599;border-radius:50%;width:5px;height:5px}.code-panel pre{scrollbar-width:thin;margin:0;padding:19px 20px;font-size:13px;line-height:1.9;overflow-x:auto}.code-panel code{font-family:JetBrains Mono,Consolas,monospace}.copy-control{flex-shrink:0;position:relative}.copy-button{color:#a9beb4;border-radius:4px;align-items:center;gap:6px;padding:4px 5px;font-size:12px;display:flex}.copy-button:hover{color:#fff;background:#ffffff15}.copy-error{z-index:5;color:#f4d7b2;background:#29251f;border:1px solid #7b5b32;border-radius:6px;width:230px;padding:12px;font-size:13px;position:absolute;top:31px;right:0}.manager-options{align-items:center;gap:12px;display:flex}.manager-options button{color:#8ba096;border-bottom:1px solid #0000;padding:5px 1px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.manager-options button[aria-pressed=true]{color:#def1e8;border-color:#96d6b7}.install-panel pre{padding:15px 18px;font-size:13px}.terminal-prompt{color:#8cab9b}.page-heading{max-width:650px;margin-bottom:35px}.page-heading h1{letter-spacing:-.055em;margin-top:15px;font-size:clamp(35px,4vw,52px);font-weight:550;line-height:1.15}.page-heading p{color:var(--vui-text-subtle);max-width:540px;margin-top:15px;font-size:14px;line-height:1.85}.catalog-controls{flex-direction:column;gap:19px;display:flex}.catalog-controls>.search-field{max-width:420px}.filter-options{flex-wrap:wrap;gap:6px;display:flex}.filter-options button{color:var(--vui-text-subtle);border:1px solid #0000;border-radius:5px;padding:6px 12px;font-size:13px}.filter-options button:hover{background:var(--vui-surface-muted)}.filter-options button[aria-pressed=true]{background:var(--vui-primary-soft);color:var(--vui-primary);border-color:color-mix(in srgb, var(--vui-primary) 22%, transparent)}.result-count{color:var(--vui-text-subtle);margin:24px 0 15px;font-size:12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-card{border:1px solid var(--vui-border);background:var(--vui-surface);border-radius:9px;flex-direction:column;min-width:0;padding:20px;transition:border-color .15s;display:flex}.catalog-card:hover{border-color:var(--vui-primary)}.catalog-card-top{color:var(--vui-text-subtle);justify-content:space-between;align-items:center;display:flex}.catalog-icon{background:var(--vui-surface-muted);width:36px;height:36px;color:var(--vui-text-muted);border-radius:8px;place-items:center;display:grid}.catalog-card h2{overflow-wrap:anywhere;margin-top:20px;font-size:13px;font-weight:600}.catalog-card p{color:var(--vui-text-subtle);margin-block:9px 20px;font-size:13px;line-height:1.8}.catalog-category{color:var(--vui-text-subtle);margin-top:auto;font-size:9px}.catalog-empty{text-align:center;border:1px dashed var(--vui-border);border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.catalog-empty p,.search-empty{color:var(--vui-text-subtle);font-size:14px}.search-empty{padding:12px}.search-empty button{color:var(--vui-primary);margin-top:10px;display:block}.example-toolbar{border-bottom:1px solid var(--vui-border);background:var(--vui-surface);align-items:center;gap:25px;padding:14px 40px;display:flex}.example-toolbar>a{white-space:nowrap;align-items:center;gap:9px;font-size:13px;display:flex}.example-demo-label{color:var(--vui-text-subtle);align-items:center;gap:7px;font-size:12px;display:flex}.example-main{min-width:0;max-width:1240px;margin:auto;padding:44px 40px}.example-pagination{border-top:1px solid var(--vui-border);justify-content:space-between;max-width:1160px;margin:auto;padding:25px 0 40px;display:flex}.example-pagination a{align-items:center;gap:14px;font-size:14px;display:flex}.example-pagination small{color:var(--vui-text-subtle);margin-bottom:5px;font-size:9px;display:block}.mobile-contact-picker{color:var(--vui-text-subtle);font-size:14px}.mobile-contact-picker select{border:1px solid var(--vui-border);background:var(--vui-surface);width:100%;color:var(--vui-text);border-radius:7px;margin-top:7px;padding:10px;display:block}.member-close{float:right;padding:0 3px;font-size:21px;line-height:16px}.team-members{overflow-y:auto}@media (max-width:700px){.team-members{z-index:5;box-shadow:var(--vui-shadow-lg);position:absolute;top:0;bottom:0;right:0}}@media (min-width:1441px){.docs-layout{border-inline:1px solid var(--vui-border)}}@media (max-width:1150px){.nav-container{gap:30px;padding-inline:30px}.desktop-nav{gap:20px}.nav-actions{gap:16px}.hero{gap:38px;padding-block:65px}.hero h1{font-size:50px}.hero-actions{gap:9px}.hero-actions .button-link{gap:9px;padding-inline:14px;font-size:13px}.metric-card{padding-inline:16px}.metric-heading{flex-wrap:wrap;gap:10px}.preview-caption>span:last-child{display:none}.theme-section{gap:40px;padding:36px}.docs-main{padding:40px 30px 65px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.page-container{width:calc(100% - 48px)}.desktop-nav{gap:18px}.desktop-nav a{font-size:13px}.nav-container{gap:25px;padding-inline:24px}.source-link,.nav-start{display:none}.hero{gap:25px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-preview{padding:14px}.preview-pair{grid-template-columns:1fr}.profile-mini{display:none}.mini-card{padding:14px 17px}.preference-row{margin-block:10px}.library-strip>div>div{padding-left:20px}.demo-stage{padding:20px}.component-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,1fr);gap:35px}.theme-section{grid-template-columns:1fr;gap:30px}.theme-section>div:first-child{max-width:500px}.theme-section p{max-width:450px}.theme-swatches{max-width:500px}.theme-section .theme-hint{justify-content:flex-start}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid .footer-note{display:none}.docs-layout{grid-template-columns:220px minmax(0,1fr)}.sidebar-content{padding-left:18px;padding-right:16px}.docs-main{padding-inline:25px}.catalog-card{padding:16px}}@media (max-width:700px){.nav-container{height:64px;padding-inline:20px}.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.nav-actions{gap:17px}.mobile-navigation{border-top:1px solid var(--vui-border);background:var(--vui-surface);flex-direction:column;padding:10px 20px 16px;display:flex}.mobile-navigation a{justify-content:space-between;align-items:center;padding:12px 6px;font-size:13px;display:flex}.mobile-navigation a[aria-current]{color:var(--vui-primary)}.page-container{width:calc(100% - 40px)}.hero{grid-template-columns:minmax(0,1fr);gap:42px;padding-block:45px}.hero h1{font-size:clamp(42px,8.7vw,60px)}.hero-copy>p{font-size:14px}.hero .install-panel{max-width:none}.hero-preview{width:100%;max-width:490px;margin:auto;padding:18px}.hero-preview:before{display:none}.preview-pair{grid-template-columns:1.1fr 1fr}.profile-mini{display:flex}.preview-caption>span:last-child{display:inline}.hero-meta{gap:17px}.library-strip>div{grid-template-columns:repeat(4,1fr);gap:15px;padding-block:22px}.library-strip p{grid-column:1/-1;font-size:13px}.library-strip p br{display:none}.library-strip p strong{margin-left:5px}.library-strip>div>div{padding-left:12px}.library-strip>div>div:nth-child(2){border:0;padding-left:0}.library-strip>div>div strong{font-size:24px}.library-strip>div>div span{font-size:9px;line-height:1.6}.home-section{padding-block:54px}.section-heading{flex-direction:column;align-items:flex-start;gap:16px}.section-heading h2,.theme-section h2{font-size:29px}.section-heading p{font-size:14px}.theme-section{padding:28px}.theme-swatches{gap:23px 8px}.theme-swatches button{font-size:8px}.feature-grid{gap:30px 25px;margin-top:28px}.feature-grid h3,.feature-grid p{font-size:13px}.examples-grid{grid-template-columns:1fr;gap:26px}.closing-cta{padding:42px 20px}.closing-cta h2{font-size:32px}.site-footer{margin-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:first-child p br{display:none}.footer-bottom{align-items:flex-start;gap:18px;font-size:9px;line-height:1.7}.docs-layout{display:block}.docs-sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--vui-border);background:var(--vui-bg);height:auto;position:sticky;top:64px}.docs-menu-toggle{text-align:left;align-items:center;gap:10px;width:100%;padding:15px 22px;font-size:14px;display:flex}.docs-menu-toggle svg:last-child{margin-left:auto}.sidebar-content{display:none}.docs-sidebar.is-open .sidebar-content{max-height:calc(100dvh - 114px);padding:15px 24px 35px;display:block}.docs-main{padding:32px 22px 55px}.docs-main article>div:first-child>h1,.docs-main .page-heading h1{font-size:35px}.docs-main article>div:first-child>p{font-size:13px}.preview-panel{padding:20px}.preview-toolbar{margin:-20px -20px 22px;padding:12px 16px}.doc-section-links{gap:16px;font-size:12px}.catalog-card h2{font-size:14px}.catalog-card p{font-size:12px}.catalog-grid{gap:10px}.catalog-controls .search-field{max-width:none}.filter-options{gap:3px}.filter-options button{padding-inline:10px;font-size:12px}.example-toolbar{gap:12px;padding:12px 20px}.example-demo-label{display:none}.example-main{overflow-wrap:anywhere;padding:30px 20px}.example-pagination{margin-inline:20px}html{scroll-padding-top:132px}}@media (max-width:440px){.component-demo-grid{grid-template-columns:1fr}.demo-stage{min-height:180px}.theme-section{padding:25px 18px}.theme-swatches button>span{width:33px;height:33px}.mini-card{padding:13px}.mini-card-title,.preference-row{font-size:9px}.hero-preview{padding:13px}.metric-card{padding:16px}.hero-actions{flex-wrap:wrap}.hero-actions .button-link{flex:1;min-width:140px}.install-panel pre{padding-inline:12px;font-size:12px}.code-toolbar{padding-inline:12px}.footer-bottom{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-in-up,[class*=animate-fade-in-up-delay]{opacity:1;transform:none}}
.nav-container{gap:32px}.nav-actions{gap:18px}.desktop-nav{gap:24px}.hero-copy>p{max-width:470px;font-size:17px;line-height:1.8}.hero-copy{min-width:0}.hero{gap:64px;padding-block:76px}.creator-link{color:var(--vui-text-subtle);align-items:center;gap:6px;margin-top:24px;font-size:12px;display:inline-flex}.creator-link strong{color:var(--vui-text);font-weight:550}.creator-link:hover strong,.footer-bottom a:hover{color:var(--vui-primary)}.footer-bottom>span,.footer-bottom>span a{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.code-panel{color:#e6edf3;background:#0d1117;border-color:#30363d}.code-panel pre{font-size:13px;line-height:1.8}.code-toolbar,.copy-button{color:#b5c0ca}.copy-button:hover{color:#fff}.code-panel :focus-visible{outline-color:#85d6b1}.site-search-trigger{color:var(--vui-text-subtle);background:var(--vui-surface-muted);border:1px solid var(--vui-border);white-space:nowrap;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.site-search-trigger:hover{border-color:var(--vui-border-strong)}kbd{border:1px solid var(--vui-border);background:var(--vui-surface);color:var(--vui-text-subtle);border-radius:4px;padding:2px 4px;font-family:inherit;font-size:10px}.site-search-trigger kbd{margin-left:16px}.search-dialog{border:1px solid var(--vui-border);color:var(--vui-text);background:var(--vui-surface);border-radius:16px;width:min(610px,100vw - 32px);max-height:calc(100dvh - 64px);margin:min(15vh,120px) auto auto;padding:0;overflow:hidden;box-shadow:0 24px 100px #0004}.search-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101a1866}.search-dialog{--search-top:min(12dvh, 110px);margin-top:var(--search-top);max-height:min(660px, calc(100dvh - var(--search-top) - 24px))}.search-dialog-inner{max-height:calc(100dvh - 64px);max-height:min(660px, calc(100dvh - var(--search-top) - 24px));flex-direction:column;display:flex}.search-dialog-field{border-bottom:1px solid var(--vui-border);align-items:center;gap:14px;padding:16px 18px;display:flex}.search-dialog-field,.search-dialog-footer{flex-shrink:0}.search-dialog-field:focus-within{border-bottom-color:var(--vui-primary)}.search-dialog-field input:focus-visible{outline:none}.search-dialog-field input{width:100%;min-width:0;color:var(--vui-text);outline-offset:4px;background:0 0;border:none;font-size:15px}.search-dialog-field input::-webkit-search-cancel-button{display:none}.search-close{border-radius:6px;flex-shrink:0;place-items:center;min-width:32px;min-height:32px;display:grid}.search-close:hover{background:var(--vui-surface-muted)}.search-results{overscroll-behavior:contain;padding:18px 10px 10px;overflow-y:auto}.search-results>.eyebrow{margin:0 10px 12px;font-size:11px}.search-result{border-radius:8px;align-items:center;gap:13px;padding:12px;display:flex}.search-result:hover,.search-result:focus{background:var(--vui-primary-soft)}.search-result:focus{outline:2px solid var(--vui-primary);outline-offset:-2px}.search-result-icon{background:var(--vui-surface-muted);border:1px solid var(--vui-border);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.search-result>span:nth-child(2){gap:3px;display:grid}.search-result strong{font-size:14px;font-weight:550}.search-result small{color:var(--vui-text-subtle);font-size:12px}.search-result>svg{color:var(--vui-text-subtle);margin-left:auto}.search-no-results{text-align:center;padding:30px 12px 40px}.search-no-results>svg{color:var(--vui-text-subtle);margin:0 auto 14px}.search-no-results h3{font-size:18px;font-weight:600}.search-no-results p{color:var(--vui-text-subtle);margin-block:8px 18px;font-size:14px}.search-no-results button{color:var(--vui-primary);font-size:14px;text-decoration:underline}.search-dialog-footer{border-top:1px solid var(--vui-border);color:var(--vui-text-subtle);background:var(--vui-surface-muted);justify-content:space-between;gap:16px;padding:12px 20px;font-size:11px;display:flex}.theme-workspace{margin-block:16px 36px}.theme-workspace .section-heading{align-items:flex-end}.theme-workspace .section-heading h2{max-width:700px}.theme-workspace-grid{border:1px solid var(--vui-border);border-radius:14px 14px 0 0;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.theme-workspace-controls{background:var(--vui-surface);min-width:0;padding:36px}.workspace-label{color:var(--vui-text-subtle);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.workspace-label>span:first-child{align-items:center;gap:8px;display:inline-flex}.theme-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-block:22px 36px;display:grid}.theme-palette-grid button{color:var(--vui-text-subtle);border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:11px;padding:12px 4px;font-size:11px;line-height:1.4;display:flex}.theme-palette-grid button:hover{background:var(--vui-surface-muted)}.theme-palette-grid button[aria-pressed=true]{border-color:var(--vui-primary);background:var(--vui-primary-soft);color:var(--vui-text)}.palette-chip{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #0002}.palette-chip svg{color:#fff;background:#15221ee0;border-radius:50%;padding:2px}.density-options{border:1px solid var(--vui-border);background:var(--vui-surface-muted);border-radius:8px;gap:4px;margin-top:18px;padding:4px;display:flex}.density-options button{min-width:0;color:var(--vui-text-subtle);border-radius:5px;flex:1;padding:10px 4px;font-size:12px}.density-options button[aria-pressed=true]{background:var(--vui-surface);color:var(--vui-text);box-shadow:var(--vui-shadow-sm)}.workspace-help{color:var(--vui-text-subtle);align-items:flex-start;gap:9px;max-width:380px;margin-top:23px;font-size:12px;line-height:1.7;display:flex}.workspace-help svg{margin-top:3px}.theme-workspace-preview{background:var(--vui-surface-muted);border-left:1px solid var(--vui-border);min-width:0;padding:24px 32px 32px}.theme-project-card{background:var(--vui-surface);border:1px solid var(--vui-border);max-width:385px;box-shadow:var(--vui-shadow-md);border-radius:12px;margin:22px auto 0;padding:25px}.project-card-icon{background:var(--vui-primary-soft);width:44px;height:44px;color:var(--vui-primary);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.theme-project-card h3{letter-spacing:-.6px;font-size:20px;font-weight:600}.theme-project-card>p{color:var(--vui-text-subtle);margin:7px 0 24px;font-size:13px;line-height:1.6}.theme-notification-row{justify-content:space-between;align-items:center;gap:12px;padding-block:22px;display:flex}.theme-notification-row>div{gap:4px;display:grid}.theme-notification-row strong{font-size:13px;font-weight:550}.theme-notification-row span{color:var(--vui-text-subtle);font-size:11px}.theme-project-card>.preview-save-status{text-align:center;min-height:18px;margin:14px 0 0;font-size:11px}.theme-export{border-top:0;border-radius:0 0 14px 14px}.doc-resource-links{color:var(--vui-text-subtle);gap:22px;margin-top:20px;font-size:13px;display:flex}.doc-resource-links a{align-items:center;gap:7px;display:inline-flex}.doc-resource-links a:hover{color:var(--vui-primary)}.button-playground{border:1px solid var(--vui-border);border-radius:10px;width:100%;overflow:hidden}.playground-controls{background:var(--vui-surface-muted);border-bottom:1px solid var(--vui-border);flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.playground-controls label{color:var(--vui-text-subtle);align-items:center;gap:7px;font-size:12px;display:flex}.playground-controls select{border:1px solid var(--vui-border);background:var(--vui-surface);color:var(--vui-text);border-radius:5px;max-width:110px;padding:6px}.playground-check input{accent-color:var(--vui-primary);width:15px;height:15px}.playground-reset{color:var(--vui-text-subtle);margin-left:auto;font-size:12px;text-decoration:underline}.playground-stage{background:var(--vui-surface);background-image:radial-gradient(var(--vui-border) 1px, transparent 1px);background-size:18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:210px;padding:32px;display:flex}.playground-stage>span{color:var(--vui-text-subtle);font-size:12px}.button-playground .code-panel{border:none;border-radius:0}@media (max-width:440px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button-link{min-height:46px}}@media (max-width:1250px){.site-search-trigger kbd{display:none}.nav-container{gap:24px}.desktop-nav{gap:18px}}@media (max-width:1050px){.site-search-trigger>span,.source-link{display:none}.theme-workspace-controls{padding:26px}.theme-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-workspace-preview{padding:22px}.hero{gap:36px}}@media (max-width:900px){.hero-copy>p{font-size:15px}.hero{padding-block:54px}.theme-workspace-grid{grid-template-columns:1fr}.theme-workspace-preview{border-left:0;border-top:1px solid var(--vui-border)}.theme-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:700px){.hero{gap:36px;padding-block:42px}.hero-copy>p{font-size:16px}.nav-container,.nav-actions{gap:12px}.site-search-trigger{background:0 0;justify-content:center;width:36px;height:36px;padding:0}.theme-workspace .section-heading{align-items:flex-start}.theme-workspace-controls{padding:24px 20px}.theme-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-workspace-preview{padding:20px}.theme-project-card{padding:22px}.search-dialog-footer{gap:10px;padding-inline:14px}.search-dialog-footer span:last-child{display:none}.creator-link{margin-top:20px}.theme-workspace .section-heading h2{font-size:30px}}.button-link{border-radius:var(--vui-button-radius);font-weight:500}.preview-panel{background:var(--vui-surface-muted);border-radius:16px}.preview-toolbar{background:0 0;border-bottom-color:#0000}.playground-stage{background:var(--vui-surface);background-image:none}.button-playground{border-color:var(--vui-border);box-shadow:var(--vui-shadow-sm);border-radius:14px}.playground-controls{background:var(--vui-surface)}.demo-stage{background:var(--vui-surface-muted)}.demo-card{border-radius:16px}.doc-section-links a{border-radius:999px}.sidebar-content nav a[aria-current]{background:var(--vui-surface-muted);color:var(--vui-text)}.active-nav-dot{background:var(--vui-text-subtle)}.workspace-hero{border:1px solid var(--vui-border);background:var(--vui-surface-muted);border-radius:22px;min-width:0;padding:24px}.workspace-hero .preview-caption{margin-bottom:24px}.workspace-sample{border:1px solid var(--vui-border);background:var(--vui-surface);box-shadow:var(--vui-shadow-lg);border-radius:18px;overflow:hidden}.workspace-sample-header{border-bottom:1px solid var(--vui-divider);align-items:center;gap:12px;padding:18px 22px;display:flex}.workspace-app-icon{background:var(--vui-surface-muted);width:38px;height:38px;color:var(--vui-text);border-radius:12px;place-items:center;display:grid}.workspace-sample-header>div{gap:4px;min-width:0;display:grid}.workspace-sample-header strong{font-size:14px;font-weight:550}.workspace-sample-header>div>span{color:var(--vui-text-subtle);font-size:11px}.workspace-sample-header>button{flex-shrink:0;width:32px;margin-left:auto;padding:0}.workspace-sample-body{padding:26px 22px 18px}.workspace-sample-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.workspace-sample-heading h2{letter-spacing:-.5px;font-size:17px;font-weight:550}.workspace-sample-heading>span{color:var(--vui-text-subtle);font-size:11px}.workspace-tasks{flex-direction:column;gap:10px;min-height:211px;max-height:310px;margin-top:-4px;padding:1px 2px 12px;display:flex;overflow-y:auto}.workspace-task{border:1px solid var(--vui-border);background:var(--vui-surface);min-height:60px;box-shadow:var(--vui-shadow-sm);border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:12px;display:flex}.workspace-task>div{gap:4px;min-width:0;display:grid}.workspace-task strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.workspace-task>div>span{color:var(--vui-text-subtle);font-size:10px}.workspace-task>span:last-child{flex-shrink:0;margin-left:auto}.task-check{border:1px solid var(--vui-border-strong);background:var(--vui-surface);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.task-check svg{opacity:0}.task-check[aria-pressed=true]{background:var(--vui-success-text);border-color:var(--vui-success-text);color:var(--vui-surface)}.task-check[aria-pressed=true] svg{opacity:1}.workspace-empty{color:var(--vui-text-subtle);padding:22px 10px;font-size:13px}.workspace-composer{margin-top:18px}.workspace-composer-caption{color:var(--vui-text-subtle);justify-content:space-between;gap:10px;margin-top:10px;font-size:10px;display:flex}.workspace-composer-caption>span{align-items:center;gap:5px;display:inline-flex}.workspace-sample-footer{border-top:1px solid var(--vui-divider);color:var(--vui-text-subtle);align-items:center;gap:12px;padding:15px 22px;font-size:11px;display:flex}.workspace-sample-footer>svg{margin-left:auto}.workspace-avatar-stack{padding-left:6px;display:flex}.workspace-avatar-stack span{border:2px solid var(--vui-surface);background:var(--vui-surface-muted);width:27px;height:27px;color:var(--vui-text-muted);border-radius:50%;place-items:center;margin-left:-6px;font-size:9px;display:grid}.workspace-avatar-stack span:nth-child(2){background:var(--vui-primary-soft);color:var(--vui-primary)}.workspace-hero-note{color:var(--vui-text-subtle);text-align:center;margin-top:21px;font-size:11px}.pagination-examples{flex-direction:column;gap:32px;width:100%;display:flex}.pagination-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pagination-card-heading h3{margin:0;font-size:15px;font-weight:550}.pagination-card-heading p{color:var(--vui-text-subtle);margin-top:5px;font-size:12px}.pagination-files{gap:5px;display:grid}.pagination-files>div{align-items:center;gap:11px;padding:12px 4px;font-size:13px;display:flex}.pagination-file-icon{border:1px solid var(--vui-border);background:var(--vui-surface-muted);width:32px;height:32px;color:var(--vui-text-subtle);border-radius:9px;place-items:center;display:grid}.pagination-files>div>span:last-child{margin-left:auto}.pagination-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pagination-card-footer>span{color:var(--vui-text-subtle);font-size:12px}.pagination-pattern-label{color:var(--vui-text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.pagination-pattern-label>span{color:var(--vui-text-subtle);font-size:12px}@media (min-width:701px) and (max-width:1050px){.hero{grid-template-columns:1fr 1.1fr;gap:28px}.workspace-hero{padding:15px}.workspace-sample-header,.workspace-sample-body{padding-inline:14px}.workspace-task>span:last-child{display:none}.workspace-task{border-radius:16px}}@media (max-width:700px){.workspace-hero{border-radius:18px;padding:16px}.workspace-sample-header,.workspace-sample-body,.workspace-sample-footer{padding-inline:14px}.workspace-task{border-radius:16px;padding:11px}.workspace-task>span:last-child{display:none}.workspace-sample-header>div>span{font-size:10px}.pagination-card-heading{align-items:flex-start}.pagination-files>div>span:last-child{display:none}.pagination-card-footer{justify-content:center}.pagination-pattern-label{align-items:flex-start}}
.component-studies{gap:20px;width:100%;min-width:0;display:grid}.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.study-panel{border:1px solid var(--vui-border);background:var(--vui-surface);min-width:0;box-shadow:var(--vui-shadow-sm);border-radius:18px;padding:24px}.component-studies h3{letter-spacing:-.45px;color:var(--vui-text);margin:0;font-size:18px;font-weight:600;line-height:1.3}.study-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.study-heading>div{min-width:0}.study-kicker{color:var(--vui-text-subtle);letter-spacing:1.4px;margin-bottom:10px;font-size:9px;font-weight:600;display:block}.study-description{color:var(--vui-text-subtle);margin:8px 0 0;font-size:12px;line-height:1.7}.study-symbol{width:36px;height:36px;color:var(--vui-text-muted);background:var(--vui-surface-muted);border:1px solid var(--vui-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.study-member-list{margin:14px -8px 0;display:grid}.study-member{border-radius:12px;align-items:center;gap:12px;padding:12px 8px;display:flex}.study-member:hover{background:var(--vui-surface-muted)}.study-member>div,.study-pipeline-row>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.study-member strong,.study-pipeline-row strong{font-size:12px;font-weight:550}.study-member>div>span,.study-pipeline-row>div>span{color:var(--vui-text-subtle);overflow-wrap:anywhere;font-size:10px}.study-footer{border-top:1px solid var(--vui-border);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.study-footer>span{color:var(--vui-text-subtle);font-size:11px}.study-footer>span:has(svg){align-items:center;gap:6px;display:flex}.avatar-identity{flex-direction:column;align-items:center;gap:14px;padding:15px 0 24px;display:flex}.avatar-identity>strong{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:16px;font-weight:550}.study-form{gap:18px;min-width:0;display:grid}.study-palette{flex-wrap:wrap;gap:12px;display:flex}.study-palette button{border:3px solid var(--vui-surface);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.study-palette button[aria-pressed=true]{outline:1px solid var(--vui-border-strong);outline-offset:2px}.study-select-label{color:var(--vui-text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.study-select-label select{border:1px solid var(--vui-border);background:var(--vui-surface-muted);color:var(--vui-text);text-transform:capitalize;border-radius:8px;padding:6px 24px 6px 9px;font-size:12px}.study-size-row{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-top:24px;display:flex}.study-size-row>div{flex-direction:column;align-items:center;gap:12px;display:flex}.study-size-row>div>span:last-child{color:var(--vui-text-subtle);font-size:10px}.study-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.study-spaced{margin-top:24px}.study-muted{color:var(--vui-text-subtle);font-size:11px;font-weight:400}.study-field-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.project-cover{background:radial-gradient(ellipse at 20% 0, #a995f330, transparent 65%), var(--vui-surface-muted);justify-content:center;min-height:170px;padding:23px 30px 28px;display:flex;position:relative;overflow:hidden}.cover-window{border:1px solid var(--vui-border);background:var(--vui-surface);width:205px;box-shadow:var(--vui-shadow-md);border-radius:10px;padding:12px;position:relative;transform:rotate(-5deg)}.cover-dots{letter-spacing:3px;color:var(--vui-border-strong);border-bottom:1px solid var(--vui-border);padding-bottom:8px;font-size:7px;display:block}.cover-shapes{gap:8px;padding:12px 0;display:flex}.cover-shapes i{background:#9271d922;border:1px solid #9271d940;border-radius:9px;width:31px;height:31px;display:block}.cover-shapes i:nth-child(2){background:#4c89dc22;border-color:#4c89dc40;border-radius:50%}.cover-shapes i:nth-child(3){background:#d8835b22;border-color:#d8835b40;border-radius:50% 50% 5px 5px}.cover-lines i{background:var(--vui-surface-muted);border-radius:5px;width:75%;height:4px;margin-bottom:5px;display:block}.cover-lines i+i{width:48%}.cover-cursor{background:var(--vui-primary);color:var(--vui-primary-contrast);box-shadow:var(--vui-shadow-sm);border-radius:8px 8px 8px 0;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex;position:absolute;bottom:15px;right:-15px;transform:rotate(5deg)}.cover-caption{letter-spacing:1.7px;color:var(--vui-text-subtle);font-size:7px;position:absolute;bottom:9px}.study-progress{color:var(--vui-text-subtle);justify-content:space-between;margin:22px 0 10px;font-size:10px;display:flex}.study-progress strong{color:var(--vui-text);font-weight:500}.profile-cover{background:var(--vui-surface-muted);height:116px;position:relative;overflow:hidden}.profile-cover span{border:1px solid color-mix(in srgb, var(--vui-primary) 17%, transparent);background:color-mix(in srgb, var(--vui-primary) 4%, transparent);border-radius:70px;width:260px;height:260px;position:absolute;top:-40px;left:15%;transform:rotate(40deg)}.profile-cover span:nth-child(2){top:-85px;left:32%}.profile-cover span:nth-child(3){top:-130px;left:49%}.profile-avatar{border:5px solid var(--vui-surface);border-radius:50%;width:fit-content;margin-top:-49px;margin-bottom:24px;position:relative}.profile-bio{color:var(--vui-text-muted);margin:18px 0;font-size:12px;line-height:1.8}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;display:grid}.profile-stats>div{gap:5px;display:grid}.profile-stats strong{letter-spacing:-.4px;font-size:18px;font-weight:550}.profile-stats span{color:var(--vui-text-subtle);font-size:10px}.study-checklist{color:var(--vui-text-muted);gap:18px;font-size:14px;display:grid}.study-checklist>div{align-items:center;gap:12px;display:flex}.study-checklist svg{color:var(--vui-success-text)}.study-segmented{background:var(--vui-surface-muted);border-radius:10px;gap:2px;margin:6px 0 10px;padding:3px;display:inline-flex}.study-segmented button{color:var(--vui-text-subtle);text-transform:capitalize;background:0 0;border:0;border-radius:7px;padding:7px 14px;font-size:12px}.study-segmented button[aria-pressed=true]{color:var(--vui-text);background:var(--vui-surface);box-shadow:var(--vui-shadow-sm)}.study-pipeline-row{border-bottom:1px solid var(--vui-border);align-items:center;gap:14px;padding:17px 0;display:flex}.study-pipeline-row:last-child{border:0}.study-settings{margin-top:16px}.study-setting{border-bottom:1px solid var(--vui-border);align-items:center;gap:14px;padding:20px 0;display:flex}.study-setting:last-child{border:0}.study-setting>div:nth-child(2){flex:1;min-width:0}.study-setting label{cursor:pointer;font-size:13px;font-weight:500}.study-setting p{color:var(--vui-text-subtle);margin:5px 0 0;font-size:11px;line-height:1.6}.button-recipes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button-recipe{border:1px solid var(--vui-border);background:var(--vui-surface);border-radius:14px;flex-direction:column;gap:18px;padding:20px;display:flex}.button-recipe>span{color:var(--vui-text-subtle);font-size:11px}.button-recipe>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-recipe button{width:fit-content}@media (max-width:1100px){.study-grid{grid-template-columns:1fr}}@media (max-width:600px){.study-panel{border-radius:14px;padding:18px}.study-field-grid,.button-recipes{grid-template-columns:1fr}.study-footer{flex-wrap:wrap}.study-size-row{gap:19px}.study-pipeline-row{flex-wrap:wrap;gap:9px}.study-pipeline-row>div{min-width:105px}.study-setting>.study-symbol{display:none}.component-studies h3{font-size:17px}}
.AppearanceMenu-module__CPIQvq__root{flex-shrink:0;position:relative}.AppearanceMenu-module__CPIQvq__trigger{width:36px;height:36px;color:var(--vui-text-subtle);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.AppearanceMenu-module__CPIQvq__trigger:hover,.AppearanceMenu-module__CPIQvq__trigger[aria-expanded=true]{color:var(--vui-text);background:var(--vui-surface-muted);border-color:var(--vui-border)}.AppearanceMenu-module__CPIQvq__panel{isolation:isolate;border:1px solid var(--vui-border);background:var(--vui-surface);width:400px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 104px);color:var(--vui-text);z-index:60;transform-origin:100% 0;border-radius:18px;flex-direction:column;animation:.16s ease-out AppearanceMenu-module__CPIQvq__reveal;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 5px 12px #00000007,0 22px 60px #00000018}.AppearanceMenu-module__CPIQvq__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 18px;display:flex}.AppearanceMenu-module__CPIQvq__header h2{letter-spacing:-.25px;margin:0;font-size:15px;font-weight:600;line-height:1.4}.AppearanceMenu-module__CPIQvq__header p{color:var(--vui-text-subtle);margin:5px 0 0;font-size:12px;line-height:1.5}.AppearanceMenu-module__CPIQvq__close{width:26px;height:26px;color:var(--vui-text-subtle);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;margin:-2px -4px 0 0;padding:0;display:grid}.AppearanceMenu-module__CPIQvq__close:hover{color:var(--vui-text);background:var(--vui-surface-muted)}.AppearanceMenu-module__CPIQvq__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vui-border-strong) transparent;min-height:0;padding:0 20px 20px;overflow-y:auto}.AppearanceMenu-module__CPIQvq__section{border:0;min-width:0;margin:0;padding:0}.AppearanceMenu-module__CPIQvq__section legend{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:0;font-size:12px;font-weight:550;line-height:1.4;display:flex}.AppearanceMenu-module__CPIQvq__section legend>span{color:var(--vui-text-subtle);font-size:10px;font-weight:400}.AppearanceMenu-module__CPIQvq__themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.AppearanceMenu-module__CPIQvq__choice{border:1px solid var(--vui-border);cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:9px 8px;transition:border-color .15s,background .15s;display:flex;position:relative}.AppearanceMenu-module__CPIQvq__choice:hover{background:var(--vui-surface-muted);border-color:var(--vui-border-strong)}.AppearanceMenu-module__CPIQvq__choice:has(input:checked){border-color:var(--vui-primary);background:var(--vui-primary-soft)}:is(.AppearanceMenu-module__CPIQvq__choice:has(input:focus-visible),.AppearanceMenu-module__CPIQvq__densityChoice:has(input:focus-visible)){outline:2px solid var(--vui-primary);outline-offset:2px;z-index:1}.AppearanceMenu-module__CPIQvq__radio{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.AppearanceMenu-module__CPIQvq__choiceText{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.AppearanceMenu-module__CPIQvq__choiceText strong{font-size:12px;font-weight:500;line-height:1.3}.AppearanceMenu-module__CPIQvq__choiceText>span{color:var(--vui-text-subtle);font-size:10px;line-height:1.3}.AppearanceMenu-module__CPIQvq__check{width:14px;height:14px;color:var(--vui-primary-contrast);background:var(--vui-primary);box-shadow:0 0 0 2px var(--vui-surface);opacity:0;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-4px}.AppearanceMenu-module__CPIQvq__choice:has(input:checked) .AppearanceMenu-module__CPIQvq__check{opacity:1}.AppearanceMenu-module__CPIQvq__swatch{box-sizing:border-box;border:1px solid var(--vui-border-strong);background:var(--vui-bg);border-radius:6px;flex-shrink:0;gap:4px;width:34px;height:32px;padding:4px;display:flex;position:relative;box-shadow:0 1px 2px #00000006}.AppearanceMenu-module__CPIQvq__swatchSidebar{background:var(--vui-surface-muted);border:1px solid var(--vui-border);border-radius:2px;flex-shrink:0;width:5px;display:block}.AppearanceMenu-module__CPIQvq__swatchPage{flex-direction:column;flex:1;gap:3px;padding-top:2px;display:flex}.AppearanceMenu-module__CPIQvq__swatchPage i{background:var(--vui-text-subtle);opacity:.5;border-radius:2px;height:2px;display:block}.AppearanceMenu-module__CPIQvq__swatchPage i:nth-child(2){opacity:.25;width:65%}.AppearanceMenu-module__CPIQvq__swatchPage b{background:var(--vui-primary);border-radius:2px;height:7px;margin-top:auto}.AppearanceMenu-module__CPIQvq__glassSwatch{background:linear-gradient(135deg,#ede9fe,#e7f8ff)}.AppearanceMenu-module__CPIQvq__densitySection{margin-top:20px}.AppearanceMenu-module__CPIQvq__densities{border:1px solid var(--vui-border);background:var(--vui-surface-muted);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;display:grid}.AppearanceMenu-module__CPIQvq__densityChoice{color:var(--vui-text-subtle);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 2px;display:flex;position:relative}.AppearanceMenu-module__CPIQvq__densityChoice>span{font-size:11px;line-height:1.3}.AppearanceMenu-module__CPIQvq__densityChoice:has(input:checked){background:var(--vui-surface);color:var(--vui-text);box-shadow:0 1px 4px #0000000c}.AppearanceMenu-module__CPIQvq__densityChoice:hover:not(:has(input:checked)){color:var(--vui-text)}.AppearanceMenu-module__CPIQvq__footer{border-top:1px solid var(--vui-border);background:color-mix(in srgb, var(--vui-surface-muted) 40%, var(--vui-surface));flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;display:flex}.AppearanceMenu-module__CPIQvq__footer>span{color:var(--vui-text-subtle);align-items:center;gap:6px;font-size:11px;display:inline-flex}.AppearanceMenu-module__CPIQvq__liveDot{background:var(--vui-primary);border-radius:50%;width:5px;height:5px}.AppearanceMenu-module__CPIQvq__footer button{color:var(--vui-text-muted);background:0 0;border:0;border-radius:6px;margin-right:-7px;padding:5px 7px;font-size:11px;font-weight:500}.AppearanceMenu-module__CPIQvq__footer button:hover:not([aria-disabled=true]){color:var(--vui-text);background:var(--vui-surface-muted)}.AppearanceMenu-module__CPIQvq__footer button[aria-disabled=true]{opacity:.4;cursor:default}:root.vui-theme-glass .AppearanceMenu-module__CPIQvq__panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9f8ff;border-color:#e5dff4;box-shadow:0 12px 48px #29195225}@keyframes AppearanceMenu-module__CPIQvq__reveal{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.AppearanceMenu-module__CPIQvq__trigger{border-color:var(--vui-border);border-radius:8px}.AppearanceMenu-module__CPIQvq__panel{transform-origin:top;width:auto;max-width:none;max-height:calc(100dvh - 92px);position:fixed;top:76px;left:12px;right:12px}}@media (max-width:360px){.AppearanceMenu-module__CPIQvq__header{padding:16px}.AppearanceMenu-module__CPIQvq__body{padding:0 14px 16px}.AppearanceMenu-module__CPIQvq__footer{padding-inline:16px}.AppearanceMenu-module__CPIQvq__choice{gap:6px;padding:9px 6px}.AppearanceMenu-module__CPIQvq__swatch{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.AppearanceMenu-module__CPIQvq__panel{animation:none}.AppearanceMenu-module__CPIQvq__trigger,.AppearanceMenu-module__CPIQvq__choice{transition:none}}