@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@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-green-600:#00a544;--color-blue-600:#155dfc;--color-purple-600:#9810fa;--color-pink-600:#e30076;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--shadow-xs:0 0 4px 0 #0000000a;--shadow-sm:0 18px 47px 0 #00000008, 0 7.5px 19px 0 #00000005, 0 4px 10.5px 0 #00000005, 0 2.3px 5.8px 0 #00000003, 0 1.2px 3.1px 0 #00000003, 0 .5px 1.3px 0 #00000003;--shadow-md:0 17.54px 23.39px 0 #0000000a, 0 9.4px 12.5px 0 #00000008, 0 5.25px 7px 0 #00000005, 0 2.79px 3.72px -2px #00000003, 0 1.16px 1.5px 0 #00000003;--shadow-lg:0 25px 50px 0 #0000000d, 0 12px 24px 0 #0000000a, 0 6px 12px 0 #00000008, 0 3px 6px 0 #00000005, 0 1.5px 3px 0 #00000005;--shadow-xl:0 40px 80px 0 #0000000f, 0 20px 40px 0 #0000000d, 0 10px 20px 0 #0000000a, 0 5px 10px 0 #00000008, 0 2px 4px 0 #00000005;--shadow-2xl:0 60px 120px 0 #00000012, 0 30px 60px 0 #0000000f, 0 15px 30px 0 #0000000d, 0 7.5px 15px 0 #0000000a, 0 3px 6px 0 #00000008;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-border:hsl(var(--border));--color-muted:hsl(var(--muted))}@supports (color:lab(0% 0 0)){:root,:host{--color-green-600:lab(59.0978% -58.6621 41.2579);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-600:lab(49.5493% 79.8381 2.31768)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--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-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.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\.5{inset:calc(var(--spacing) * -.5)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[2\]{z-index:2}.z-\[260\]{z-index:260}.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}}.m-0{margin:0}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.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-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[14px\]{width:14px;height:14px}.size-\[19px\]{width:19px;height:19px}.size-\[38px\]{width:38px;height:38px}.size-\[104px\]{width:104px;height:104px}.size-\[120px\]{width:120px;height:120px}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[420px\]{max-height:420px}.max-h-\[min\(66vh\,680px\)\]{max-height:min(66vh,680px)}.max-h-\[min\(360px\,var\(--radix-select-content-available-height\)\)\]{max-height:min(360px, var(--radix-select-content-available-height))}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-\[68px\]{min-height:68px}.min-h-\[420px\]{min-height:420px}.min-h-\[560px\]{min-height:560px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-7{width:calc(var(--spacing) * 7)}.w-20{width:calc(var(--spacing) * 20)}.w-\[260px\]{width:260px}.w-full{width:100%}.w-px{width:1px}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[\.998\]{scale:.998}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.list-none{list-style-type:none}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1\.25rem_minmax\(0\,1fr\)\]{grid-template-columns:1.25rem minmax(0,1fr)}.grid-cols-\[38px_minmax\(0\,1fr\)\]{grid-template-columns:38px minmax(0,1fr)}.grid-cols-\[42px_1fr\]{grid-template-columns:42px 1fr}.grid-cols-\[52px_1fr\]{grid-template-columns:52px 1fr}.grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[auto_minmax\(0\,64px\)_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,64px) minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_112px\]{grid-template-columns:minmax(0,1fr) 112px}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-px{gap:1px}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:hsl(var(--border))}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.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-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#5b8cff\]{border-color:#5b8cff}.border-\[\#5b8cff\]\/80{border-color:#5b8cffcc;border-color:lab(59.1498% 10.9551 -63.3924/.8)}.border-border,.border-border\/65{border-color:hsl(var(--border))}@supports (color:color-mix(in lab, red, red)){.border-border\/65{border-color:color-mix(in oklab, hsl(var(--border)) 65%, transparent)}}.border-foreground,.border-foreground\/10{border-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.border-foreground\/10{border-color:color-mix(in oklab, hsl(var(--foreground)) 10%, transparent)}}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-status-error-border{border-color:hsl(var(--status-error-border))}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/35{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.border-white\/35{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.bg-\[\#5b8cff\]{background-color:#5b8cff}.bg-background,.bg-background\/85{background-color:hsl(var(--background))}@supports (color:color-mix(in lab, red, red)){.bg-background\/85{background-color:color-mix(in oklab, hsl(var(--background)) 85%, transparent)}}.bg-background\/95{background-color:hsl(var(--background))}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, hsl(var(--background)) 95%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-border{background-color:hsl(var(--border))}.bg-foreground,.bg-foreground\/50{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/50{background-color:color-mix(in oklab, hsl(var(--foreground)) 50%, transparent)}}.bg-muted,.bg-muted\/20{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/20{background-color:color-mix(in oklab, hsl(var(--muted)) 20%, transparent)}}.bg-muted\/25{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/25{background-color:color-mix(in oklab, hsl(var(--muted)) 25%, transparent)}}.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-status-error-background{background-color:hsl(var(--status-error-background))}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(45deg\,hsl\(var\(--muted\)\)_25\%\,transparent_25\%\,transparent_75\%\,hsl\(var\(--muted\)\)_75\%\)\,linear-gradient\(45deg\,hsl\(var\(--muted\)\)_25\%\,transparent_25\%\,transparent_75\%\,hsl\(var\(--muted\)\)_75\%\)\]{background-image:linear-gradient(45deg,hsl(var(--muted)) 25%,transparent 25%,transparent 75%,hsl(var(--muted)) 75%),linear-gradient(45deg,hsl(var(--muted)) 25%,transparent 25%,transparent 75%,hsl(var(--muted)) 75%)}.from-pink-600{--tw-gradient-from:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:16px_16px\]{background-size:16px 16px}.bg-clip-padding{background-clip:padding-box}.bg-\[position\:0_0\,8px_8px\]{background-position:0 0,8px 8px}.fill-foreground{fill:hsl(var(--foreground))}.stroke-background{stroke:hsl(var(--background))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0{padding-block:0}.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-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.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)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:500;font-weight:500}.tracking-\[-0\.08em\]{--tw-tracking:-.08em;letter-spacing:-.08em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:hsl(var(--background))}.text-foreground,.text-foreground\/7{color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.text-foreground\/7{color:color-mix(in oklab, hsl(var(--foreground)) 7%, transparent)}}.text-muted-foreground,.text-muted-foreground\/60{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, hsl(var(--muted-foreground)) 60%, transparent)}}.text-primary-foreground,.text-primary-foreground\/12{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/12{color:color-mix(in oklab, hsl(var(--primary-foreground)) 12%, transparent)}}.text-primary-foreground\/55{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/55{color:color-mix(in oklab, hsl(var(--primary-foreground)) 55%, transparent)}}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-status-error{color:hsl(var(--status-error))}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-border{-webkit-text-decoration-color:hsl(var(--border));-webkit-text-decoration-color:hsl(var(--border));-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border))}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.mix-blend-difference{mix-blend-mode:difference}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.55\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000008c);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 18px 47px 0 var(--tw-shadow-color,#00000008), 0 7.5px 19px 0 var(--tw-shadow-color,#00000005), 0 4px 10.5px 0 var(--tw-shadow-color,#00000005), 0 2.3px 5.8px 0 var(--tw-shadow-color,#00000003), 0 1.2px 3.1px 0 var(--tw-shadow-color,#00000003), 0 .5px 1.3px 0 var(--tw-shadow-color,#00000003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.smooth-shadow-ring-lg{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-lg{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-xl{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 40px 80px 0 var(--smooth-shadow-color), 0 20px 40px 0 var(--smooth-shadow-color), 0 10px 20px 0 var(--smooth-shadow-color), 0 5px 10px 0 var(--smooth-shadow-color), 0 2px 4px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-xl{box-shadow:0 40px 80px 0 color-mix(in srgb, var(--smooth-shadow-color) 6%, transparent), 0 20px 40px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 10px 20px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 5px 10px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 2px 4px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.ring-foreground{--tw-ring-color:hsl(var(--foreground))}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,opacity\,transform\]{transition-property:background-color,border-color,color,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,color\,transform\]{transition-property:border-color,background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;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-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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[transition-timing-function\:cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.smooth-ring-foreground\/20{--smooth-ring-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.smooth-ring-foreground\/20{--smooth-ring-color:color-mix(in srgb, hsl(var(--foreground)) calc(20 * 1%), transparent)}}@media (hover:hover){.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}}.group-focus-visible\:stroke-2:is(:where(.group):focus-visible *){stroke-width:2px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.focus-within\:border-foreground:focus-within{border-color:hsl(var(--foreground))}@media (hover:hover){.hover\:border-foreground:hover,.hover\:border-foreground\/45:hover{border-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/45:hover{border-color:color-mix(in oklab, hsl(var(--foreground)) 45%, transparent)}}.hover\:border-input:hover{border-color:hsl(var(--input))}.hover\:border-primary\/80:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/80:hover{border-color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab, hsl(var(--muted)) 60%, transparent)}}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, hsl(var(--secondary)) 80%, transparent)}}.hover\:bg-status-error\/20:hover{background-color:hsl(var(--status-error))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-status-error\/20:hover{background-color:color-mix(in oklab, hsl(var(--status-error)) 20%, transparent)}}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:decoration-foreground:hover{-webkit-text-decoration-color:hsl(var(--foreground));-webkit-text-decoration-color:hsl(var(--foreground));-webkit-text-decoration-color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground))}}.focus\:border-foreground:focus{border-color:hsl(var(--foreground))}.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-\[\#5b8cff\]:focus-visible{--tw-ring-color:#5b8cff}.focus-visible\:ring-\[hsl\(var\(--focus-ring\)\)\]:focus-visible{--tw-ring-color:hsl(var(--focus-ring))}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 60%, 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-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:hsl(var(--muted))}.aria-expanded\:text-foreground[aria-expanded=true]{color:hsl(var(--foreground))}.aria-pressed\:border-foreground[aria-pressed=true]{border-color:hsl(var(--foreground))}.aria-pressed\:bg-foreground[aria-pressed=true]{background-color:hsl(var(--foreground))}.aria-pressed\:bg-muted[aria-pressed=true]{background-color:hsl(var(--muted))}.aria-pressed\:text-background[aria-pressed=true]{color:hsl(var(--background))}.aria-pressed\:ring-1[aria-pressed=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:ring-2[aria-pressed=true]{--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)}.aria-pressed\:ring-foreground[aria-pressed=true]{--tw-ring-color:hsl(var(--foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[highlighted\]\:bg-foreground[data-highlighted]{background-color:hsl(var(--foreground))}.data-\[highlighted\]\:text-background[data-highlighted]{color:hsl(var(--background))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:active\:transform-none:active{transform:none}}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:p-8{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:inline-flex{display:inline-flex}}@media (min-width:96rem){.\32 xl\:inline{display:inline}}.\[\&_\[data-live-material-label\]\]\:w-full [data-live-material-label]{width:100%}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root{--smooth-ring-color:#0000000d;--smooth-ring-width:1px}@supports (color:light-dark(black, white)){:root{--smooth-ring-color:light-dark(#0000000d,#ffffff2e)}}.light,[data-theme=light]{--smooth-ring-color:#0000000d}.dark,[data-theme=dark]{--smooth-ring-color:#ffffff2e}:root{--studio-shadow-xs:var(--shadow-xs);--studio-shadow-sm:var(--shadow-sm);--studio-shadow-md:var(--shadow-md);--studio-shadow-lg:var(--shadow-lg);--studio-shadow-xl:var(--shadow-xl);--studio-shadow-2xl:var(--shadow-2xl);--studio-shadow-ring-xs:var(--shadow-xs), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-sm:var(--shadow-sm), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-md:var(--shadow-md), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-lg:var(--shadow-lg), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-xl:var(--shadow-xl), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-2xl:var(--shadow-2xl), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}:where(a[href],button:not(:disabled),summary,select:not(:disabled),input:is([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]):not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab]:not([aria-disabled=true]),[role=menuitem]:not([aria-disabled=true]),[role=menuitemcheckbox]:not([aria-disabled=true]),[role=menuitemradio]:not([aria-disabled=true]),[role=option]:not([aria-disabled=true]),[role=checkbox]:not([aria-disabled=true]),[role=radio]:not([aria-disabled=true]),[role=switch]:not([aria-disabled=true])){cursor:pointer}:where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]){cursor:not-allowed}.live-material-source-mark{flex:none;width:11px;height:11px;display:block;overflow:visible}.live-material-source-tag-label{line-height:1}.canvas-render-boundary{position:absolute;inset:0;overflow:clip}.canvas-render-boundary[data-unframed=true]{pointer-events:none;overflow:visible}.canvas-render-observer{pointer-events:none;position:absolute;inset:0}.design-loose-canvas{z-index:3;pointer-events:none;position:absolute}.design-loose-canvas>.design-loose-stage{width:100%;max-width:none;height:100%;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;overflow:visible}.design-loose-stage .editable-canvas-layer:not([inert]){pointer-events:auto}.design-loose-fit-marker,.design-loose-hit-target{background:0 0;border:0;padding:0;position:absolute}.design-loose-fit-marker{pointer-events:none}.design-loose-hit-target{pointer-events:auto;cursor:move}.design-loose-hit-target:hover,.design-loose-hit-target:focus-visible{outline:calc(1px * var(--canvas-zoom-inverse,1)) solid #5b7cff}.design-canvas-hint{color:var(--lab-muted);font-size:12px;line-height:1.6}.editable-canvas-layer[data-crop-editing=true]{cursor:default}.editable-canvas-layer-selection[data-selection-mode=crop]:after{border-style:dashed;border-color:#5b7cff;box-shadow:0 0 0 1px #ffffffe0,0 0 18px #4060ff38}.editable-canvas-layer-selection[data-selection-mode=crop] .editable-canvas-layer-name{background:#405fff}.design-composition-appearance{border-top:1px solid hsl(var(--border));margin-top:14px;padding-top:12px}.text-effect-thumbnail{border:1px solid hsl(var(--foreground) / .14);background:radial-gradient(circle at 64% 18%, hsl(var(--foreground) / .08), transparent 38%), hsl(var(--background));border-radius:3px;place-items:center;width:100%;height:42px;display:grid;position:relative;overflow:hidden}.text-effect-thumbnail:after{border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--background) / .2);content:"";pointer-events:none;position:absolute;inset:0}.text-effect-thumbnail>span{box-sizing:border-box;color:#f3f3ef;letter-spacing:-.09em;justify-content:center;align-items:center;width:100%;height:100%;padding:1px 0 3px;font-size:27px;font-weight:760;line-height:1.2;display:flex}.composition-effect-thumbnail{border:1px solid hsl(var(--foreground) / .16);background:hsl(var(--background));width:100%;height:40px;box-shadow:inset 0 0 0 1px hsl(var(--background) / .18);border-radius:3px;display:block;position:relative;overflow:hidden}.composition-effect-thumbnail:after{background:linear-gradient(115deg, hsl(var(--foreground) / .09), transparent 26% 72%, hsl(var(--background) / .16));content:"";pointer-events:none;position:absolute;inset:0}.composition-effect-thumbnail canvas{width:100%;height:100%;image-rendering:pixelated;display:block}body:has([data-testid=shader-preview-capture]) nextjs-portal{display:none!important}:root{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--background:0 0% 99%;--foreground:0 0% 10%;--card:0 0% 99%;--card-foreground:0 0% 10%;--popover:0 0% 99%;--popover-foreground:0 0% 10%;--primary:0 0% 12%;--primary-foreground:0 0% 100%;--secondary:0 0% 94%;--secondary-foreground:0 0% 12%;--muted:0 0% 95%;--muted-foreground:0 0% 42%;--accent:0 0% 92%;--accent-foreground:0 0% 10%;--border:0 0% 82%;--input:0 0% 72%;--ring:0 0% 12%;--radius:.375rem;--emphasis:0 0% 12%;--status-error:0 84% 60%;--status-error-background:0 84% 60% / .12;--status-error-border:0 84% 60% / .3;--status-in-progress:25 95% 53%;--status-success:142 76% 36%;--status-success-background:142 76% 36% / .1;--status-success-border:142 76% 36% / .28;--canvas-background:0 0% 97%;--raised-background:0 0% 100%;--shadow-color:0 0% 0%;--studio-corner-sm:4px;--studio-corner-md:7px;--studio-corner-lg:10px;--studio-inspector-width:292px;--studio-rail-width:216px;--studio-toolbar-height:53px;--studio-toolbar-control-height:36px;--studio-toolbar-icon-size:18px;--studio-toolbar-title-size:.9rem;--studio-toolbar-label-size:.75rem;--studio-toolbar-meta-size:.72rem;--studio-panel-heading-min-height:72px;--studio-panel-padding:16px;--studio-panel-gap:14px;--studio-panel-title-size:.875rem;--studio-section-title-size:.75rem;--studio-panel-copy-size:.6875rem;--studio-control-label-size:.6875rem;--studio-control-value-size:.6875rem;--studio-control-meta-size:.5625rem;--studio-control-line-height:1.3;--studio-control-icon-size:20px;--studio-control-glyph-size:11px}body{font-family:var(--font-sans);font-kerning:normal;font-synthesis-weight:none;text-rendering:optimizelegibility}:is(b,strong){font-weight:500}*{box-sizing:border-box;border-color:hsl(var(--border));scrollbar-color:hsl(var(--foreground) / .42) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto!important;scrollbar-width:auto!important}:root::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:root :where(*)::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:root::-webkit-scrollbar-track{box-shadow:none;border:0;background:0 0!important}:root :where(*)::-webkit-scrollbar-track{box-shadow:none;border:0;background:0 0!important}:root::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb,hsl(var(--foreground) / .42));border:0;border-radius:0;min-width:24px;min-height:24px}:root :where(*)::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb,hsl(var(--foreground) / .42));border:0;border-radius:0;min-width:24px;min-height:24px}:root::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover,hsl(var(--foreground) / .76))}:root :where(*)::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover,hsl(var(--foreground) / .76))}:root::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}:root :where(*)::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}:root::-webkit-scrollbar-corner{background:0 0}:root :where(*)::-webkit-scrollbar-corner{background:0 0}}.studio-scroll-area{--studio-scrollbar-thumb:hsl(var(--foreground) / .42);--studio-scrollbar-thumb-hover:hsl(var(--foreground) / .76);overscroll-behavior:contain;scrollbar-color:var(--studio-scrollbar-thumb) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){:where(.studio-scroll-area)::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:where(.studio-scroll-area)::-webkit-scrollbar-track{background:0 0!important}:where(.studio-scroll-area)::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb);border:0;border-radius:0;min-width:24px;min-height:24px}:where(.studio-scroll-area)::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover)}}html,body{min-width:320px;min-height:100%}html{background:hsl(var(--background));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme-changing],html[data-theme-changing] *,html[data-theme-changing] :before,html[data-theme-changing] :after{transition:none!important}.app-theme-icon--light,.app-theme-icon--dark{flex:none;width:1em;height:1em;display:none}html.light .app-theme-icon--light,html.dark .app-theme-icon--dark{display:block}:is(html:has(.studio-app),body:has(.studio-app)){overscroll-behavior:none;width:100%;height:100dvh;overflow:clip}.app-navbar,.brand-identity-nav{color:hsl(var(--foreground));background-color:hsl(var(--background))}.app-navbar :is(button,a,kbd,[role=tab]),.brand-identity-nav button{border-radius:var(--radius)!important}.studio-app{width:100%;height:100dvh;min-height:0;font-family:var(--font-sans);position:fixed;inset:0;overflow:clip}.studio-app[data-studio-corners=rounded]{--radius:.5rem;--studio-corner-sm:4px;--studio-corner-md:7px;--studio-corner-lg:10px}.studio-app[data-studio-corners=square]{--radius:0;--studio-corner-sm:0px;--studio-corner-md:0px;--studio-corner-lg:0px}.studio-sidebar-help{height:var(--studio-toolbar-height);min-height:var(--studio-toolbar-height);max-height:var(--studio-toolbar-height);border-bottom:1px solid hsl(var(--border));flex:none;align-items:center;gap:.25rem;padding:8px;display:flex}.studio-sidebar-help a{min-width:0;font-size:.75rem}.studio-nav .studio-sidebar-scroll section button{border:0!important}.studio-app[data-studio-font=be-vietnam-pro]{font-family:var(--font-be-vietnam-pro), var(--font-sans), Arial, sans-serif}.studio-app[data-studio-font=schibsted-grotesk]{font-family:var(--font-schibsted-grotesk), var(--font-sans), Arial, sans-serif}.studio-app[data-studio-font=rethink-sans]{font-family:var(--font-rethink-sans), var(--font-sans), Arial, sans-serif}::selection{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans), Arial, sans-serif;margin:0}.studio-grid{background-image:radial-gradient(circle, hsl(var(--border) / .3) 1px, transparent 1px);background-size:18px 18px}.studio-body{min-height:calc(100dvh - var(--studio-toolbar-height));grid-template-columns:320px minmax(0,1fr);display:grid}.studio-inspector{max-height:calc(100dvh - var(--studio-toolbar-height));overflow-y:auto}.studio-stage{background-color:hsl(var(--background) / .82);background-image:radial-gradient(circle, hsl(var(--border) / .28) 1px, transparent 1px);background-size:14px 14px}.studio-range{cursor:ew-resize;appearance:none;background:0 0;width:100%;height:18px}.studio-range-label{min-width:0;font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.studio-range-label-copy{align-items:center;gap:.42rem;min-width:0;display:flex}.studio-range-label-copy>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-range-value{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);white-space:nowrap;flex:none}.studio-range-value>:where(output,span,input){font:inherit;color:inherit;white-space:inherit}.studio-range-icon{width:var(--studio-control-icon-size);height:var(--studio-control-icon-size);border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .28);border-radius:4px;flex:none;place-items:center;display:grid}.studio-range-icon svg{width:var(--studio-control-glyph-size);height:var(--studio-control-glyph-size);stroke-width:1.75px}.studio-range::-webkit-slider-runnable-track{background:hsl(var(--border));height:2px}.studio-range::-webkit-slider-thumb{appearance:none;border:1px solid hsl(var(--foreground));background:hsl(var(--background));width:10px;height:18px;margin-top:-8px}.studio-range::-moz-range-track{background:hsl(var(--border));height:2px}.studio-range::-moz-range-thumb{border:1px solid hsl(var(--foreground));background:hsl(var(--background));border-radius:0;width:10px;height:18px}.tool-canvas{background-image:radial-gradient(circle, hsl(var(--border) / .24) 1px, transparent 1px);background-size:20px 20px}.studio-app-header{z-index:40;grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);height:var(--studio-toolbar-height);display:grid;position:relative}.github-star-button{border:1px solid hsl(var(--border));min-width:0;height:36px;color:hsl(var(--foreground));background:hsl(var(--background));white-space:nowrap;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 4px 0 10px;font-size:.6875rem;font-weight:500;line-height:1;text-decoration:none;transition:color .14s,border-color .14s,background-color .14s,transform .14s ease-out;display:inline-flex;overflow:hidden}.github-star-button:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted))}.github-star-button:active{transform:scale(.97)}.github-star-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.github-star-button__mark{flex:none;width:14px;height:14px}.github-star-button__count{border-left:1px solid hsl(var(--border));min-width:35px;height:26px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .62);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;border-radius:3px;justify-content:flex-end;align-items:center;gap:3px;padding:0 7px;font-size:.625rem;transition:color .14s,border-color .14s,background-color .14s,opacity .14s;display:inline-flex}.github-star-button__count>span{text-align:center;min-width:3ch}.github-star-button__count svg{fill:currentColor;stroke-width:1.5px;width:11px;height:11px}.github-star-button[data-state=loading] .github-star-button__count,.github-star-button[data-state=error] .github-star-button__count{opacity:.48}.studio-github-star-button:hover .github-star-button__count{color:hsl(var(--foreground));border-left-color:hsl(var(--foreground) / .26)}.studio-github-star-button .github-star-button__count>span{text-align:left;min-width:4ch}.studio-app-body{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);height:calc(100dvh - var(--studio-toolbar-height) - 50px);display:grid}.project-tabs-shell{z-index:30;grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);border-bottom:1px solid hsl(var(--border));height:50px;display:grid;position:relative}.project-tabs{--project-tab-gap:.375rem;--project-tab-width:clamp(150px, 14vw, 224px);background:hsl(var(--background));isolation:isolate;height:100%;font-family:var(--font-sans);font-size:var(--studio-toolbar-label-size);line-height:1;position:relative;overflow:visible}.project-tabs:before{z-index:-1;background-image:radial-gradient(circle, hsl(var(--foreground) / .2) 0 .8px, transparent 1px), radial-gradient(circle, hsl(var(--foreground) / .08) 0 1px, transparent 1.2px);opacity:.18;content:"";pointer-events:none;background-position:0 0,5px 5px;background-size:7px 7px,14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000b 58%,#0000 92%);mask-image:linear-gradient(90deg,#000 0,#000b 58%,#0000 92%)}.project-tabs:after{z-index:-1;background:linear-gradient(90deg, transparent, hsl(var(--background) / .9), transparent);filter:blur(8px);opacity:.72;content:"";pointer-events:none;width:28%;position:absolute;top:0;bottom:0;left:28%;transform:skew(-18deg)}.project-tabs>*{z-index:1;position:relative}.project-tabs-scroll{overscroll-behavior-inline:contain;width:100%;height:100%;scroll-padding-inline:30px}.project-tabs-tablist{gap:var(--project-tab-gap);position:relative}.project-tab-selection{z-index:0;width:var(--project-tab-width);border:1px solid hsl(var(--foreground));border-radius:var(--studio-corner-md) var(--studio-corner-md) 0 0;background:hsl(var(--foreground));height:38px;box-shadow:0 -1px 0 hsl(var(--foreground) / .03);pointer-events:none;will-change:transform, width;border-bottom:0;transition:width .28s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.2,.85,.2,1),border-radius .18s;position:absolute;bottom:0;left:0}.project-tabs-rail{height:100%;position:relative;overflow:hidden}.project-tabs-scroll-cue{z-index:5;width:28px;color:hsl(var(--foreground) / .68);cursor:pointer;opacity:0;pointer-events:none;border:0;place-items:center;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:8px;bottom:3px}.project-tabs-scroll-cue svg{width:14px;height:14px;transition:transform .16s}.project-tabs-scroll-cue--left{background:linear-gradient(90deg, hsl(var(--background)) 36%, hsl(var(--background) / 0));left:0;transform:translate(-5px)}.project-tabs-scroll-cue--right{background:linear-gradient(270deg, hsl(var(--background)) 36%, hsl(var(--background) / 0));right:0;transform:translate(5px)}.project-tabs-scroll-cue[data-visible=true]{opacity:.72;pointer-events:auto;transform:translate(0)}.project-tabs-scroll-cue:hover{color:hsl(var(--foreground));opacity:1}.project-tabs-scroll-cue:hover svg{transform:translate(1px)}.project-tabs-scroll-cue--left:hover svg{transform:translate(-1px)}.project-dither-panel{--project-dither-accent:var(--studio-highlight-color,hsl(var(--foreground)));--project-dither-icon-opacity:.44;--project-dither-sweep-opacity:.32;border-right:1px solid hsl(var(--border));background:hsl(var(--background));isolation:isolate;min-width:0;position:relative;overflow:hidden}.project-dither-field{background-image:radial-gradient(circle, hsl(var(--foreground) / .4) 0 .8px, transparent 1px), radial-gradient(circle, hsl(var(--foreground) / .16) 0 .8px, transparent 1px);opacity:.48;background-position:0 0,3px 3px;background-size:6px 6px;transition:filter .18s ease-out,opacity .18s ease-out;position:absolute;inset:-12px;-webkit-mask-image:linear-gradient(104deg,#000 4%,#0009 48%,#0000 92%);mask-image:linear-gradient(104deg,#000 4%,#0009 48%,#0000 92%)}.project-dither-sweep{background:linear-gradient(90deg, transparent, var(--project-dither-accent), transparent);width:38%;position:absolute;top:-50%;bottom:-50%;left:-20%}@supports (color:color-mix(in lab, red, red)){.project-dither-sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--project-dither-accent) 34%, transparent), transparent)}}.project-dither-sweep{filter:blur(4px);opacity:0;pointer-events:none;transform:translate(-120%)skew(-18deg)}.project-dither-symbols{z-index:1;color:hsl(var(--foreground));place-items:center;display:grid;position:absolute;inset:0}.project-dither-symbols>span{opacity:0;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(5px - 50%))scale(.88)rotate(-4deg)}.project-dither-symbols svg{width:19px;height:19px}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.project-dither-panel:hover .project-dither-field{animation:1.8s steps(6,end) infinite project-dither-morph}.project-dither-panel:hover .project-dither-sweep{animation:1.8s cubic-bezier(.65,0,.35,1) infinite project-dither-sweep}.project-dither-panel:hover .project-dither-symbols>span{animation:3.6s cubic-bezier(.22,1,.36,1) infinite project-dither-symbol}.project-dither-panel:hover .project-dither-symbols>span:first-child{animation-delay:0s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(2){animation-delay:.9s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(3){animation-delay:1.8s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(4){animation-delay:2.7s}}@media (hover:hover) and (pointer:fine){.project-dither-panel:hover{--project-dither-icon-opacity:.52;--project-dither-sweep-opacity:.58}.project-dither-panel:hover .project-dither-field{filter:contrast(1.65);opacity:.7}}@media (prefers-reduced-motion:reduce){.project-dither-field,.project-dither-sweep,.project-dither-symbols>span{transition:none;animation:none!important}.project-dither-sweep,.project-dither-symbols>span{opacity:0}.project-dither-panel:hover .project-dither-symbols>span:first-child{opacity:.52;transform:translate(-50%,-50%)}}@keyframes project-dither-morph{0%,to{transform:translate(-1.5%)scale(1.02)}34%{transform:translate(1.5%,-1%)scale(1.06)}67%{transform:translate(-.5%,1%)scale(1.04)}}@keyframes project-dither-sweep{0%,6%{opacity:0;transform:translate(-120%)skew(-18deg)}24%,64%{opacity:var(--project-dither-sweep-opacity)}82%,to{opacity:0;transform:translate(420%)skew(-18deg)}}@keyframes project-dither-symbol{0%,7%,28%,to{opacity:0;transform:translate(-50%,calc(7px - 50%))scale(.72)rotate(-5deg)}12%,22%{opacity:var(--project-dither-icon-opacity);transform:translate(-50%,-50%)scale(1)rotate(0)}26%{opacity:0;transform:translate(-50%,calc(-50% - 4px))scale(1.08)rotate(3deg)}}.app-navbar .project-tab{z-index:1;width:var(--project-tab-width);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;flex:none;min-width:0;height:38px;transition:width .28s cubic-bezier(.22,1,.36,1),border-color .18s,background-color .18s,color .18s,opacity .18s;overflow:hidden;border-radius:var(--studio-corner-md) var(--studio-corner-md) 0 0!important}.app-navbar .project-tab[data-shifting=true]{transition:transform .15s cubic-bezier(.2,.8,.2,1)}.project-tabs-tablist:has(.project-tab[data-dragging=true]) .project-tab-selection{transition:none}.project-tabs-tablist:has(.project-tab[data-dragging=true]) .project-tab[data-shifting=true]{transition:none}.app-navbar .project-tab[data-dragging=true]{z-index:7;cursor:grabbing;opacity:.98;box-shadow:var(--studio-shadow-ring-lg);transition:none}.app-navbar .project-tab[data-dragging=true]>*{pointer-events:none}.project-tab>*{z-index:1;position:relative}.app-navbar .project-tab>button:first-child{border-radius:var(--studio-corner-md) 0 0 0!important}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]){color:hsl(var(--background));box-shadow:none;background:0 0;border-color:#0000}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) :is(.project-tab-name,.project-tab-separator),:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-close{color:hsl(var(--background))}.project-tab-editor{overflow:hidden}.project-tab-editor input{border-radius:var(--studio-corner-sm);background:hsl(var(--background) / .1);height:24px;color:inherit;caret-color:currentColor;box-shadow:inset 0 0 0 1px hsl(var(--background) / .34);border:0;padding:0 5px}.project-tab-editor input:focus-visible{background:hsl(var(--background) / .16);box-shadow:inset 0 0 0 1px hsl(var(--background) / .72)}.project-tab-close,.project-tab-rename{border-radius:var(--studio-corner-sm);width:24px;height:24px;color:hsl(var(--foreground));cursor:pointer;opacity:.34;background:0 0;border:0;flex:none;place-items:center;transition:opacity .12s,background-color .12s;display:grid}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-rename{color:hsl(var(--background))}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-close,.project-tab:hover .project-tab-close,.project-tab-close:focus-visible,.project-tab-rename:focus-visible{opacity:.72}.project-tab-rename{opacity:.46;width:20px}.project-tab-close:hover,.project-tab-rename:hover{background:hsl(var(--foreground) / .08);opacity:1}.project-tab-close svg,.project-tab-rename svg{width:13px;height:13px}.project-tab[data-renaming=true] .project-tab-close{display:none}.project-tab-mark{flex:none;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:inline-flex}.theme-aware-brand-mark{flex:none;place-items:center;display:inline-grid;position:relative}.theme-aware-brand-mark img{object-fit:contain}.theme-aware-brand-mark-light{display:none}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=light] .theme-aware-brand-mark-dark{display:block}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=light] .theme-aware-brand-mark-light,.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=dark] .theme-aware-brand-mark-dark{display:none}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=dark] .theme-aware-brand-mark-light{display:block}html.dark .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto]:not([data-inverse=true]) .theme-aware-brand-mark-dark,html.light .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto][data-inverse=true] .theme-aware-brand-mark-dark{display:none}html.dark .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto]:not([data-inverse=true]) .theme-aware-brand-mark-light,html.light .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto][data-inverse=true] .theme-aware-brand-mark-light{display:block}.project-tab-mark[data-brand-id=gt] img,.brand-identity-masthead-mark .theme-aware-brand-mark[data-brand-id=gt] img{transform:scale(1.16)}.theme-aware-brand-mark-monogram{border:1px solid hsl(var(--foreground) / .24);background:hsl(var(--foreground));color:hsl(var(--background));letter-spacing:-.04em;font-size:.5rem;font-weight:550}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-mark{transform:scale(1.06)}.project-tabs[data-tab-density=compact]{--project-tab-width:clamp(92px, 8vw, 128px)}.project-tabs[data-tab-density=compact] .project-tab-separator{display:none}.project-tabs[data-tab-density=compact] .project-tab-close{width:20px}.project-tabs[data-tab-density=marks]{--project-tab-width:44px}.project-tabs[data-tab-density=scroll]{--project-tab-width:52px}.project-tabs[data-tab-density=marks] .project-tab,.project-tabs[data-tab-density=scroll] .project-tab{justify-content:center;padding-left:0;padding-right:0}.project-tabs[data-tab-density=marks] .project-tab>:is(button,.project-tab-editor),.project-tabs[data-tab-density=scroll] .project-tab>:is(button,.project-tab-editor){flex:none;justify-content:center}.project-tabs[data-tab-density=marks] .project-tab>button:not(.project-tab-close),.project-tabs[data-tab-density=scroll] .project-tab>button:not(.project-tab-close){flex:auto;width:100%;height:100%}.project-tabs[data-tab-density=marks] :is(.project-tab-name,.project-tab-separator),.project-tabs[data-tab-density=scroll] :is(.project-tab-name,.project-tab-separator){display:none}.project-tabs[data-tab-density=marks] .project-tab-close,.project-tabs[data-tab-density=scroll] .project-tab-close{background:hsl(var(--foreground));width:16px;height:16px;color:hsl(var(--background));opacity:0;pointer-events:none;display:grid;position:absolute;top:2px;right:2px}.project-tabs[data-tab-density=marks] .project-tab-rename,.project-tabs[data-tab-density=scroll] .project-tab-rename{display:none}.project-tabs[data-tab-density=compact] .project-tab[data-renaming=true],.project-tabs[data-tab-density=marks] .project-tab[data-renaming=true],.project-tabs[data-tab-density=scroll] .project-tab[data-renaming=true]{z-index:8;overflow:visible}.project-tabs[data-tab-density=compact] .project-tab[data-renaming=true] .project-tab-editor,.project-tabs[data-tab-density=marks] .project-tab[data-renaming=true] .project-tab-editor,.project-tabs[data-tab-density=scroll] .project-tab[data-renaming=true] .project-tab-editor{border:1px solid hsl(var(--foreground));border-radius:var(--studio-corner-md) var(--studio-corner-md) 0 0;background:hsl(var(--foreground));width:min(220px,100vw - 24px);height:38px;color:hsl(var(--background));box-shadow:var(--studio-shadow-ring-lg);border-bottom:0;padding:0 9px;position:absolute;bottom:0;left:0}.project-tabs[data-tab-density=compact] .project-tab[data-renaming=true] .project-tab-name,.project-tabs[data-tab-density=marks] .project-tab[data-renaming=true] .project-tab-name,.project-tabs[data-tab-density=scroll] .project-tab[data-renaming=true] .project-tab-name{display:block}.project-tabs[data-tab-density=marks] .project-tab:hover .project-tab-close,.project-tabs[data-tab-density=scroll] .project-tab:hover .project-tab-close,.project-tabs[data-tab-density=marks] .project-tab-close:focus-visible,.project-tabs[data-tab-density=scroll] .project-tab-close:focus-visible{opacity:1;pointer-events:auto}.project-tabs[data-tab-density=scroll] .project-tabs-tablist{padding-right:8px}.project-tabs-actions{background:linear-gradient(90deg, transparent, hsl(var(--background)) 14%);padding-right:.1rem}.studio-command-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:#00000085;border:0;place-items:start center;margin:0;padding:min(14vh,140px) 20px 20px;display:grid;position:fixed;inset:0}.studio-command-dialog{z-index:1;background:hsl(var(--background));width:min(760px,100%);max-height:min(680px,76vh);box-shadow:var(--studio-shadow-ring-2xl);border:0;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.studio-command-overlay[open]{animation:.14s ease-out studio-fade-in}.studio-confirm-overlay{place-items:center;padding:20px}.studio-confirm-dialog{z-index:1;background:hsl(var(--background));width:min(420px,100%);box-shadow:var(--studio-shadow-ring-2xl);border-radius:12px;gap:8px;padding:20px;display:grid;position:relative}.studio-confirm-dialog h2{font-size:15px;font-weight:600;line-height:1.3}.studio-confirm-dialog p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.5}.studio-confirm-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.studio-command-overlay[open] .studio-confirm-dialog{animation:.18s cubic-bezier(.22,1,.36,1) studio-popover-in}.studio-command-overlay[data-exiting=true] .studio-confirm-dialog{animation:.14s cubic-bezier(.4,0,1,1) forwards studio-popover-out}.studio-command-overlay[open] .studio-command-dialog{transform-origin:50% 0;animation:.18s cubic-bezier(.22,1,.36,1) studio-popover-in}@keyframes studio-fade-in{0%{opacity:0}}.studio-command-overlay[data-exiting=true]{pointer-events:none;animation:.14s ease-in forwards studio-fade-out}.studio-command-overlay[data-exiting=true] .studio-command-dialog{animation:.14s cubic-bezier(.4,0,1,1) forwards studio-popover-out}@keyframes studio-popover-out{to{opacity:0;transform:translateY(-3px)scale(.985)}}@keyframes studio-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.studio-command-overlay[open],.studio-command-overlay[open] .studio-command-dialog,.studio-command-overlay[open] .studio-confirm-dialog,.source-code-drawer{animation:none}}.shader-export-overlay{z-index:210;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:#0000008f;border:0;place-items:center;margin:0;padding:1.25rem;display:grid;position:fixed;inset:0}.shader-export-dialog{z-index:1;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));width:min(1280px,100%);max-height:min(820px,100vh - 2.5rem);box-shadow:var(--studio-shadow-ring-2xl);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.studio-modal-backdrop{z-index:0;cursor:default;background:0 0;border:0;position:absolute;inset:0}.shader-export-content{grid-template-columns:minmax(0,1fr) minmax(360px,400px);min-height:0;display:grid;overflow:hidden}.shader-export-sidebar{border-left:1px solid hsl(var(--border));background:hsl(var(--background));flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.shader-export-stage{place-items:center;min-width:0;min-height:288px;padding:24px;display:grid;overflow:hidden}.shader-export-stage:is([data-preview-kind=image],[data-preview-kind=video]){background-color:hsl(var(--muted));background-image:radial-gradient(circle, hsl(var(--foreground) / .075) .65px, transparent .85px);background-size:16px 16px}.shader-export-media{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(66vh,680px);box-shadow:0 0 0 1px hsl(var(--foreground) / .12), 0 4px 16px #00000014;background:repeating-conic-gradient(#ddd 0% 25%,#eee 0% 50%) 0/16px 16px;display:block}html.dark .shader-export-media{box-shadow:0 0 0 1px hsl(var(--foreground) / .12), 0 4px 16px #0000003d}.shader-export-settings,.shader-export-name{border-bottom:1px solid hsl(var(--border));padding:16px}.shader-export-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.shader-export-section-heading strong{color:hsl(var(--foreground));font-size:12px;font-weight:650}.shader-export-section-heading small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.shader-export-sidebar>p,.shader-export-sidebar>.shader-export-loop-proof{margin:14px 16px 0}.shader-export-actions{z-index:1;border-top:1px solid hsl(var(--border));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:8px;margin-top:auto;padding:16px;display:flex;position:sticky;bottom:0}.shader-export-name>label{margin-top:10px;display:block}.shader-export-name>label>span:first-child{color:hsl(var(--muted-foreground));margin-bottom:6px;font-size:9px;display:block}.shader-export-name-field{border:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:38px;padding-left:10px;display:grid}.shader-export-name-field:focus-within{border-color:hsl(var(--foreground) / .7)}.shader-export-name-field>svg{width:13px;height:13px;color:hsl(var(--muted-foreground));stroke-width:1.6px}.shader-export-name-field>input{min-width:0;height:100%;color:hsl(var(--foreground));background:0 0;border:0;outline:0;font-size:12px}.shader-export-name-field>i{border-left:1px solid hsl(var(--border));height:100%;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .24);font-family:var(--font-mono), monospace;text-transform:lowercase;align-items:center;padding:0 10px;font-size:9px;font-style:normal;display:grid}.shader-export-loop-proof{color:hsl(var(--foreground));background:hsl(var(--muted) / .36);grid-template-columns:17px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid}.shader-export-loop-proof>svg{stroke-width:1.7px;width:15px;height:15px;margin-top:1px}.shader-export-loop-proof>span{flex-direction:column;gap:3px;min-width:0;display:flex}.shader-export-loop-proof strong{font-size:10px;font-weight:620}.shader-export-loop-proof small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px;line-height:1.45}@media (max-width:760px){.shader-export-overlay{place-items:end center;padding:.75rem}.shader-export-content{grid-template-columns:1fr;overflow-y:auto}.shader-export-sidebar{border-top:1px solid hsl(var(--border));border-left:0;overflow:visible}}.marketing-v14-control-panel>header{border-bottom:1px solid var(--marketing-v14-control-line);justify-content:space-between;align-items:center;gap:1rem;min-height:36px;padding:0 .75rem;display:flex}.marketing-v14-control-panel>header strong,.marketing-v14-control-panel>header span{font-family:var(--font-mono), monospace;line-height:1}.marketing-v14-control-panel>header span{color:var(--marketing-v14-control-muted);letter-spacing:.09em;font-size:.48rem}.marketing-v14-segmented-row svg{width:13px;height:13px}.marketing-v14-segmented-row>span{border-right:1px solid var(--marketing-v14-control-line);min-height:34px;color:var(--marketing-v14-control-muted);justify-content:center;align-items:center;gap:.35rem;font-size:.58rem;display:flex}.marketing-v14-segmented-row>.is-active{color:var(--marketing-v14-control-fg);background:var(--marketing-v14-control-fg)}@supports (color:color-mix(in lab, red, red)){.marketing-v14-segmented-row>.is-active{background:color-mix(in srgb, var(--marketing-v14-control-fg) 7%, transparent)}}.marketing-v13-theme-heading{grid-area:1/2;width:min(100%,680px)}.marketing-v5-theme-gallery-grid>div{overflow:hidden}.marketing-v14-open-source-workbench .marketing-v7-open-source-panel{justify-self:stretch;width:100%}.marketing-v14-color-field>i{border:1px solid var(--marketing-v14-control-line);background:#fff;width:34px;height:34px;display:block}.marketing-v14-color-field small{color:var(--marketing-v14-control-muted);font-family:var(--font-mono), monospace;font-size:.48rem}.marketing-v14-color-field strong{font-family:var(--font-mono), monospace;font-size:.65rem;font-weight:500}.marketing-v14-color-spectrum>i{border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:7px;box-shadow:0 0 0 1px #252525}.marketing-v14-hue-row>i{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:8px;display:block;position:relative}.marketing-v14-hsv-row>span{border:1px solid var(--marketing-v14-control-line);min-height:31px;font-family:var(--font-mono), monospace;border-radius:4px;place-items:center;font-size:.55rem;display:grid}@media (max-width:1100px){.marketing-v13-theme-notes{grid-area:2/2}}@media (max-width:820px){.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-heading,.marketing-v13-theme-notes{grid-area:auto/1;width:100%}}@media (max-width:760px){.marketing-v5-product-card:last-child{border-bottom:0}}.marketing-mini-studio-bar>strong{flex:none;font-size:.62rem;font-weight:570}.marketing-mini-studio-bar>div{min-width:0;color:var(--live-demo-muted);justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.marketing-mini-studio-bar button{border:1px solid var(--live-demo-line);min-height:27px;color:var(--live-demo-ink);background:var(--live-demo-paper);border-radius:4px;justify-content:center;align-items:center;gap:.3rem;padding:0 .5rem;font-size:.5rem;display:inline-flex}.marketing-mini-studio-bar button svg{width:11px;height:11px}.marketing-mini-studio-bar button.is-primary{color:#fff;background:#7651ee;border-color:#7651ee}.marketing-mini-identity-body>nav{border-right:1px solid var(--live-demo-line);background:var(--live-demo-paper);flex-direction:column;gap:.24rem;min-width:0;padding:.7rem .5rem;display:flex}.marketing-mini-identity-body>nav>span,.marketing-mini-motion-sources>span,.marketing-mini-motion-properties>span{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 .35rem .3rem;font-size:.43rem}.marketing-mini-identity-body>nav button{min-height:30px;color:var(--live-demo-muted);text-align:left;border-radius:3px;align-items:center;gap:.42rem;padding:0 .48rem;font-size:.52rem;display:flex}.marketing-mini-identity-body>nav button[aria-current=page]{color:#fff;background:#1a1a1a}.marketing-mini-identity-brand>div,.marketing-mini-book-body>nav>div{align-items:center;gap:.5rem;min-width:0;display:flex}.marketing-mini-identity-brand>div>span,.marketing-mini-book-body>nav>div>span{border:1px solid var(--live-demo-line);border-radius:4px;flex:none;place-items:center;width:34px;height:34px;display:grid}.marketing-mini-identity-brand img,.marketing-mini-book-body>nav img{width:24px;height:auto}.marketing-mini-identity-brand p,.marketing-mini-book-body>nav p{flex-direction:column;min-width:0;margin:0;display:flex}.marketing-mini-identity-brand p strong,.marketing-mini-book-body>nav p strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:560;overflow:hidden}.marketing-mini-identity-brand p small,.marketing-mini-book-body>nav p small{color:var(--live-demo-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.43rem;overflow:hidden}.marketing-mini-identity-brand dl{border:1px solid var(--live-demo-line);border-radius:4px;grid-template-columns:repeat(3,34px);margin:0;display:grid}.marketing-mini-identity-brand dl>div{border-right:1px solid var(--live-demo-line);align-content:center;place-items:center;min-height:36px;display:grid}.marketing-mini-identity-brand dl>div:last-child{border-right:0}.marketing-mini-identity-brand dt{font-size:.55rem;font-weight:560}.marketing-mini-identity-brand dd{color:var(--live-demo-muted);margin:0;font-size:.35rem}.marketing-mini-identity-panel{opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:translateY(6px)}.marketing-live-identity-workspace[data-section=Overview] .marketing-mini-identity-panel--overview,.marketing-live-identity-workspace[data-section=Typography] .marketing-mini-identity-panel--type,.marketing-live-identity-workspace[data-section=Color\ system] .marketing-mini-identity-panel--color{opacity:1;transform:translate(0)}.marketing-mini-identity-panel--overview>section img{width:28px;height:auto;margin-bottom:auto}.marketing-mini-identity-panel--overview>section strong{letter-spacing:-.05em;font-size:clamp(.85rem,1.75vw,1.35rem);font-weight:450;line-height:.92}.marketing-mini-identity-panel--overview>section small{color:#858580;max-width:160px;margin-top:.45rem;font-size:.4rem;line-height:1.45}.marketing-mini-identity-panel--type>span,.marketing-mini-identity-panel--color>span{color:#858580;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.42rem}.marketing-mini-identity-panel--type strong{letter-spacing:-.06em;margin-top:.35rem;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:430;line-height:.9}.marketing-mini-identity-panel--type b{margin-top:.65rem;font-size:clamp(.95rem,2vw,1.5rem);font-weight:430}.marketing-mini-identity-panel--type small{color:#858580;font-size:.42rem}.marketing-mini-identity-panel--color>div{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-top:.55rem;display:grid}.marketing-mini-identity-panel--color i{background:#f3f3ef;min-height:52px}.marketing-mini-identity-panel--color i:nth-child(2){background:#5b7cff}.marketing-mini-identity-panel--color i:nth-child(3){background:#7bffd9}.marketing-mini-identity-panel--color i:nth-child(4){background:#111;border:1px solid #40403d}.marketing-mini-identity-panel--color strong{margin-top:.55rem;font-size:.58rem;font-weight:450}.marketing-live-material-toolbar>span{color:#f0f0ec;font-weight:540}.marketing-mini-book-body>nav{border-right:1px solid var(--live-demo-line);background:var(--live-demo-paper);min-width:0;padding:.55rem 0}.marketing-mini-book-body>nav>div{border-bottom:1px solid var(--live-demo-line);padding:0 .55rem .55rem}.marketing-mini-book-body>nav button{width:100%;min-height:30px;color:var(--live-demo-muted);text-align:left;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.25rem;padding:0 .55rem;font-size:.49rem;display:grid}.marketing-mini-book-body>nav button>span,.marketing-mini-book-body>nav button>small{font-family:var(--font-mono), monospace;font-size:.4rem}.marketing-mini-book-body>nav button[aria-current=page]{color:#fff;background:#7651ee}.marketing-mini-book-body>main button{border:1px solid var(--live-demo-line);color:#171717;text-align:left;background:#fafaf7;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:.55rem;display:flex;position:relative;overflow:hidden}.marketing-mini-book-body>main button.is-dark{color:#f1f1ed;background:#252525;border-color:#3d3d3a}.marketing-mini-book-body>main button[aria-pressed=true]{border-color:#5b7cff;box-shadow:inset 0 0 0 1px #5b7cff}.marketing-mini-book-body>main button>small{color:currentColor;font-family:var(--font-mono), monospace;opacity:.62;font-size:.38rem}.marketing-mini-book-body>main button>strong{letter-spacing:-.035em;max-width:96%;font-size:clamp(.58rem,1.1vw,.85rem);font-weight:470;line-height:.96}.marketing-mini-book-swatch{background:#111;display:block;position:absolute;inset:28% 12%}.marketing-mini-book-swatch--2{background:#6b45ee}.marketing-mini-book-swatch--3{background:#7bffd9}.marketing-mini-book-swatch--4{background:linear-gradient(90deg,#111 50%,#f1f1ed 50%)}.marketing-mini-book-swatch--5{background:linear-gradient(135deg,#6b45ee,#7bffd9)}.marketing-mini-motion-sources button{border:1px solid var(--live-demo-line);min-height:28px;color:var(--live-demo-ink);background:var(--live-demo-paper);text-align:left;border-radius:3px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.3rem;padding:0 .38rem;font-size:.47rem;display:grid}.marketing-mini-motion-sources button svg{width:10px;height:10px}.marketing-mini-motion-sources button small{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;font-size:.36rem}.marketing-mini-motion-sources button[aria-current=true]{color:#fff;background:#7651ee;border-color:#7651ee}.marketing-mini-motion-field{z-index:-1;opacity:.65;transform:translate3d(var(--motion-frame-offset,0), 0, 0) rotate(-8deg);transition:transform .26s var(--motion-ease);background:radial-gradient(#0000 0 29%,#747474 30% 44%,#0000 45% 58%,#333 59% 72%,#0000 73%),radial-gradient(circle,#9a9a9a 0 1px,#0000 1.3px) 0 0/5px 5px;position:absolute;inset:-24%}.marketing-mini-motion-canvas>img{opacity:.65;width:28px;height:auto;position:absolute;top:.55rem;right:.6rem}.marketing-mini-motion-canvas>strong{letter-spacing:-.05em;text-align:center;max-width:92%;animation:.18s cubic-bezier(.23,1,.32,1) marketing-mini-frame-in;animation-timing-function:var(--motion-ease);font-size:clamp(1.1rem,3vw,2rem);font-weight:470}.marketing-mini-motion-canvas>i{background:#5b7cff;border:1px solid #fff;width:9px;height:9px;position:absolute;bottom:0;right:0}@keyframes marketing-mini-frame-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}.marketing-mini-motion-timeline>button{border-right:1px solid var(--live-demo-line);place-items:center;display:grid}.marketing-mini-motion-timeline>button svg{width:10px;height:10px}.marketing-mini-motion-timeline>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0;padding:.35rem;display:grid}.marketing-mini-motion-timeline>div button{border:1px solid var(--live-demo-line);min-width:0;color:var(--live-demo-muted);background:var(--live-demo-surface);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;justify-content:space-between;padding:.2rem;font-size:.36rem;display:flex;overflow:hidden}.marketing-mini-motion-timeline>div button span{font-family:var(--font-mono), monospace;font-size:.32rem}.marketing-mini-motion-timeline>div button[aria-current=true]{color:var(--live-demo-ink);background:#5b7cff;border-color:#5b7cff}@supports (color:color-mix(in lab, red, red)){.marketing-mini-motion-timeline>div button[aria-current=true]{background:color-mix(in srgb, #5b7cff 12%, var(--live-demo-paper))}}.marketing-mini-motion-properties label{border-bottom:1px solid var(--live-demo-line);padding-bottom:.45rem}.marketing-mini-motion-properties label>span{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.3rem;font-size:.45rem;display:grid}.marketing-mini-motion-properties label svg{width:10px;height:10px;color:var(--live-demo-muted)}.marketing-mini-motion-properties output{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;font-size:.38rem}.marketing-mini-motion-properties .studio-range{--studio-range-accent:#7651ee;--studio-range-thumb-border:#7651ee;--studio-range-thumb-background:var(--live-demo-paper);--studio-range-track:var(--live-demo-line);width:100%;margin-top:.28rem}.marketing-mini-motion-properties>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marketing-mini-motion-properties>div button{border:1px solid var(--live-demo-line);border-right:0;min-height:24px;font-size:.4rem}.marketing-mini-motion-properties>div button:last-child{border-right:1px solid var(--live-demo-line)}.marketing-mini-motion-properties>div button.is-active{color:#fff;background:#7651ee;border-color:#7651ee}@media (max-width:900px){.marketing-mini-identity-brand dl{display:none}}@media (max-width:620px){.marketing-mini-studio-bar>div>span,.marketing-mini-studio-bar button:not(.is-primary){display:none}.marketing-mini-identity-body>nav{padding-inline:.35rem}.marketing-mini-identity-body>nav>span{display:none}.marketing-mini-identity-body>nav button{justify-content:center;padding:0;font-size:0}.marketing-mini-identity-brand p strong{font-size:.55rem}.marketing-mini-book-body>nav>div{display:none}.marketing-mini-book-body>nav button{grid-template-columns:minmax(0,1fr);padding-inline:.4rem}.marketing-mini-motion-sources>span{display:none}.marketing-mini-motion-sources button{grid-template-columns:12px minmax(0,1fr);padding-inline:.3rem}.marketing-mini-motion-timeline>div button{font-size:0}}@media (prefers-reduced-motion:reduce){.marketing-mini-identity-panel,.marketing-mini-motion-field,.marketing-mini-motion-canvas>strong{transition:opacity .12s ease-out;animation:none;transform:none}}.studio-checkbox-control,.studio-radio-control{width:17px;height:17px;color:hsl(var(--foreground));cursor:pointer;flex:none;place-items:center;display:inline-grid;position:relative}.studio-choice-native{z-index:1;appearance:none;cursor:inherit;opacity:0;inset:0;width:100%!important;height:100%!important;margin:0!important;position:absolute!important}.studio-checkbox-indicator,.studio-radio-indicator{border:1px solid hsl(var(--input));background:hsl(var(--background));pointer-events:none;place-items:center;width:100%;height:100%;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:grid}.studio-checkbox-indicator{border-radius:4px}.studio-checkbox-indicator>svg{opacity:0;width:11px;height:11px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-choice-native:checked+.studio-checkbox-indicator{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.studio-choice-native:checked+.studio-checkbox-indicator>svg{opacity:1;transform:scale(1)}.studio-radio-indicator{border-radius:999px}.studio-radio-indicator>span{border-radius:inherit;background:hsl(var(--foreground));opacity:0;width:7px;height:7px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-choice-native:checked+.studio-radio-indicator{border-color:hsl(var(--foreground))}.studio-choice-native:checked+.studio-radio-indicator>span{opacity:1;transform:scale(1)}.studio-checkbox-control[data-variant=switch]{width:30px;height:18px}.studio-checkbox-control[data-variant=switch] .studio-checkbox-indicator{background:hsl(var(--muted));border-radius:999px;justify-content:start;padding:2px;position:relative}.studio-checkbox-control[data-variant=switch] .studio-checkbox-glyph{background:hsl(var(--muted-foreground));border-radius:50%;width:12px;height:12px;transition:background-color .14s ease-out,transform .14s ease-out;transform:translate(0)}.studio-checkbox-control[data-variant=switch] .studio-choice-native:checked+.studio-checkbox-indicator{background:hsl(var(--foreground))}.studio-checkbox-control[data-variant=switch] .studio-choice-native:checked+.studio-checkbox-indicator .studio-checkbox-glyph{background:hsl(var(--background));transform:translate(12px)}.studio-checkbox-control[data-variant=dot]{width:12px;height:12px}.studio-checkbox-control[data-variant=dot] .studio-checkbox-indicator{background:0 0;border-radius:50%}.studio-checkbox-control[data-variant=dot] .studio-checkbox-glyph{opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-checkbox-control[data-variant=dot] .studio-choice-native:checked+.studio-checkbox-indicator{color:inherit;background:0 0}.studio-checkbox-control[data-variant=dot] .studio-choice-native:checked+.studio-checkbox-indicator .studio-checkbox-glyph{opacity:1;transform:scale(1)}.studio-choice-native:focus-visible+:is(.studio-checkbox-indicator,.studio-radio-indicator){outline:2px solid hsl(var(--ring));outline-offset:2px}:is(.studio-checkbox-control,.studio-radio-control):has(.studio-choice-native:disabled){cursor:not-allowed;opacity:.45}@media (forced-colors:active){.studio-checkbox-indicator,.studio-radio-indicator{forced-color-adjust:none;border-color:canvastext}.studio-choice-native:checked+:is(.studio-checkbox-indicator,.studio-radio-indicator){color:highlighttext;background:highlight;border-color:highlight}}input.studio-range[data-studio-range=true]{--studio-range-accent:var(--studio-highlight-color,hsl(var(--foreground)));--studio-range-track:hsl(var(--border));--studio-range-thumb-background:hsl(var(--raised-background));--studio-range-thumb-border:var(--studio-range-accent);appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;outline:0;width:100%;min-width:0;height:24px;margin:0;padding:0}input.studio-range[data-studio-range=true]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--studio-range-accent) 0 var(--studio-range-progress), var(--studio-range-track) var(--studio-range-progress) 100%);border:0;border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-webkit-slider-thumb{appearance:none;border:1px solid var(--studio-range-thumb-border);background:var(--studio-range-thumb-background);width:10px;height:18px;box-shadow:0 0 0 2px var(--studio-range-thumb-background);border-radius:2px;margin-top:-7.5px;transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}input.studio-range[data-studio-range=true]::-moz-range-track{background:var(--studio-range-track);border:0;border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-moz-range-progress{background:var(--studio-range-accent);border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-moz-range-thumb{border:1px solid var(--studio-range-thumb-border);background:var(--studio-range-thumb-background);width:10px;height:18px;box-shadow:0 0 0 2px var(--studio-range-thumb-background);border-radius:2px;transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}input.studio-range[data-studio-range=true]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--studio-range-thumb-background), 0 0 0 4px var(--studio-range-accent)}input.studio-range[data-studio-range=true]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--studio-range-thumb-background), 0 0 0 4px var(--studio-range-accent)}input.studio-range[data-studio-range=true]:active::-webkit-slider-thumb{background:var(--studio-range-accent);transform:scale(.96)}input.studio-range[data-studio-range=true]:active::-moz-range-thumb{background:var(--studio-range-accent);transform:scale(.96)}@media (hover:hover) and (pointer:fine){input.studio-range[data-studio-range=true]:hover::-webkit-slider-thumb{border-color:var(--studio-range-accent);box-shadow:0 0 0 3px var(--studio-range-accent)}@supports (color:color-mix(in lab, red, red)){input.studio-range[data-studio-range=true]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-range-accent) 16%, transparent)}}input.studio-range[data-studio-range=true]:hover::-moz-range-thumb{border-color:var(--studio-range-accent);box-shadow:0 0 0 3px var(--studio-range-accent)}@supports (color:color-mix(in lab, red, red)){input.studio-range[data-studio-range=true]:hover::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-range-accent) 16%, transparent)}}}input.studio-range[data-studio-range=true]:disabled{cursor:not-allowed;opacity:.42}input.studio-range.color-hue-range[data-studio-range=true]::-webkit-slider-runnable-track{background:var(--color-hue-gradient);height:8px}input.studio-range.color-hue-range[data-studio-range=true]::-moz-range-track{background:var(--color-hue-gradient);height:8px}input.studio-range.color-hue-range[data-studio-range=true]::-moz-range-progress{background:0 0}input.studio-range.color-hue-range[data-studio-range=true]::-webkit-slider-thumb{margin-top:-5px}@media (forced-colors:active){input.studio-range[data-studio-range=true]{--studio-range-accent:Highlight;--studio-range-track:GrayText;--studio-range-thumb-background:Canvas;--studio-range-thumb-border:CanvasText}}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div+div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div:last-child{isolation:isolate;border:1px solid #ffffff3d;border-radius:6px;justify-content:flex-end;min-height:132px;padding:1rem;position:relative;overflow:hidden}.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader,.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader>div,.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader canvas{z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.marketing-v5-agent-stats>div>:not(.marketing-v5-agent-stat-shader){z-index:2;position:relative}.marketing-v5-agent-stat-label svg{flex:none;width:.75rem;height:.75rem}@media (max-width:760px){.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div+div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div:last-child{border:1px solid #ffffff3d;min-height:112px;padding:.875rem}}@media (max-width:1100px){.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){margin-top:.5rem}}@media (max-width:760px){.marketing-v5-agents-copy h2.marketing-v5-agent-title{font-size:clamp(2.5rem,13vw,3.7rem)}}.marketing-v5-product-card>.marketing-v5-product-card-image{margin-top:clamp(2.5rem,5vw,4.5rem)}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.06em;grid-area:2/1/4;max-width:620px;margin:0;font-size:clamp(3rem,4.6vw,4.8rem);font-weight:430;line-height:.92}.marketing-agent-control-group>header{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.5rem;min-height:46px;padding:0 .75rem;display:grid}.marketing-agent-control-group>header>span{color:#5b7cff;font-family:var(--font-mono), monospace;font-size:.48rem}.marketing-agent-control-group>header>div{justify-content:space-between;align-items:baseline;gap:.8rem;min-width:0;display:flex}.marketing-agent-control-group>header strong{font-size:.72rem;font-weight:560}.marketing-agent-control-group>header small{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.marketing-agent-control:nth-child(2n),.marketing-agent-control-group:not([data-group=type]) .marketing-agent-control{border-right:0}.marketing-agent-control>span>i{border:1px solid var(--marketing-v5-line);width:24px;height:24px;color:var(--marketing-v5-muted);border-radius:4px;place-items:center;font-style:normal;display:grid}.marketing-agent-control b{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:470;overflow:hidden}.marketing-agent-control output{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.58rem}.marketing-agent-json>header,.marketing-agent-json>footer{min-height:42px;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1rem;padding:0 .85rem;font-size:.48rem;display:flex}.marketing-agent-json>header{border-bottom:1px solid var(--marketing-v5-line)}.marketing-agent-json>footer{border-top:1px solid var(--marketing-v5-line);letter-spacing:0}.marketing-agent-json>footer>span{align-items:center;gap:.42rem;min-width:0;display:inline-flex}.marketing-agent-json>footer i{background:#42d392;flex:none;width:7px;height:7px}.marketing-agent-json>footer i[data-syncing=true]{background:#5b7cff}.marketing-agent-json-content{display:inline-block}.marketing-agent-json-value>strong{width:100%;display:block}.marketing-agent-json-line[data-active=true]{color:var(--marketing-v5-ink);background:#5b7cff1a;border-left-color:#5b7cff}.marketing-agent-cursor>svg{color:#111;filter:drop-shadow(0 1px #fff)drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff);width:18px;height:22px}.marketing-agent-cursor>span{color:#fff;min-height:25px;font-family:var(--font-mono), monospace;white-space:nowrap;background:#111;border:1px solid #fff3;border-radius:4px;align-items:center;gap:.35rem;margin:12px 0 0 -1px;padding:0 .48rem;font-size:.5rem;display:inline-flex;box-shadow:0 5px 15px #00000038}.marketing-agent-cursor[data-agent=claude]>span{background:#a94f35}.marketing-agent-cursor>span small{color:#ffffffad;border-left:1px solid #ffffff47;padding-left:.35rem;font-size:.44rem}@media (max-width:1100px){.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){margin-top:.5rem}}@media (max-width:760px){.marketing-v5-agents-copy h2.marketing-v5-agent-title{font-size:clamp(2.5rem,13vw,3.7rem)}.marketing-agent-control-group[data-group=type] .marketing-agent-control{border-right:0}.marketing-agent-json>footer>span:last-child{display:none}}.design-lab{--design-lab-inspector:292px}.design-lab-color{border-bottom:1px solid hsl(var(--border));min-height:34px;font-size:var(--studio-control-value-size,12px);display:block}.design-lab-color:last-child{border-bottom:0}.studio-color-control-compact-trigger{width:100%;min-height:34px;color:hsl(var(--foreground));text-align:left;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:0 .5rem;display:grid}.studio-color-control-compact-trigger:hover,.studio-color-control-compact-trigger:focus-visible{background:hsl(var(--muted) / .5)}.studio-color-control-compact-trigger:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.studio-color-control-compact-swatch{border:1px solid hsl(var(--border));width:21px;height:21px}.design-lab-color code{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size,11px)}@container tool-shell (max-width:980px){.design-lab{--design-lab-inspector:276px}}.playground-tour{z-index:35;border:1px solid hsl(var(--border));width:min(300px,100% - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;gap:8px;padding:14px;display:grid;position:absolute;top:12px;left:12px}.playground-tour>header,.playground-tour>footer{justify-content:space-between;align-items:center;display:flex}.playground-tour>header span,.playground-tour>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:8px}.playground-tour>header button{width:24px;height:24px;color:hsl(var(--muted-foreground));background:0 0;border:0;place-items:center;display:grid}.playground-tour>header svg{width:12px;height:12px}.playground-tour>strong{font-size:14px;font-weight:680}.playground-tour>p{color:hsl(var(--muted-foreground));margin:0;font-size:10px;line-height:1.5}.playground-tour>footer{border-top:1px solid hsl(var(--border));gap:6px;margin-top:4px;padding-top:10px}.playground-tour>footer button{border:1px solid hsl(var(--border));min-height:30px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:4px;flex:1;font-size:9px}.playground-tour>footer button:last-child{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.design-lab{--playground-library:var(--studio-inspector-width);--design-lab-inspector:var(--studio-inspector-width)}@container tool-shell (max-width:1180px){.design-lab{--playground-library:246px;--design-lab-inspector:286px}}@container tool-shell (max-width:720px){.design-lab{--playground-library:220px}}.marketing-v10-faq>header{align-self:start;position:sticky;top:6rem}.marketing-v10-faq>header>span{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.marketing-v10-faq h2{letter-spacing:-.052em;text-wrap:balance;max-width:560px;margin:1rem 0 0;font-size:clamp(2.8rem,5vw,5rem);font-weight:520;line-height:.95}.marketing-v10-faq header p{max-width:520px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v10-faq dl{border-top:1px solid var(--marketing-v5-line);margin:0}.marketing-v10-faq dl>div{border-bottom:1px solid var(--marketing-v5-line);padding:clamp(1.5rem,3vw,2.4rem) 0}.marketing-v10-faq dt{letter-spacing:-.025em;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:520;display:grid}.marketing-v10-faq dt span{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;letter-spacing:.08em;padding-top:.2rem;font-size:.58rem}.marketing-v10-faq dd{max-width:760px;color:var(--marketing-v5-muted);margin:.85rem 0 0 3.25rem;line-height:1.72}.studio-save-toast{z-index:180;border-radius:var(--studio-corner-lg);background:hsl(var(--background) / .96);width:min(520px,100vw - 2rem);box-shadow:var(--studio-shadow-ring-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.75rem;animation:.18s cubic-bezier(.22,1,.36,1) studio-save-toast-in;display:grid;position:fixed;bottom:1rem;right:1rem}.studio-save-toast-copy{gap:.15rem;min-width:0;display:grid}.studio-save-toast-copy strong{font-size:.8rem;font-weight:550}.studio-save-toast-copy span{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}@keyframes studio-save-toast-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:620px){.studio-save-toast{grid-template-columns:minmax(0,1fr) auto}.studio-save-toast-copy{grid-column:1/-1}}.studio-command-search{border-bottom:1px solid hsl(var(--border));align-items:center;gap:12px;height:64px;padding:0 18px;display:flex}.studio-command-search>svg{width:19px;height:19px;color:hsl(var(--muted-foreground));flex:none}.studio-command-search input{min-width:0;color:hsl(var(--foreground));background:0 0;border:0;outline:0;flex:1;font-size:1rem}.studio-command-search input::placeholder{color:hsl(var(--muted-foreground))}.studio-command-search kbd,.studio-command-footer kbd,.studio-command-result-meta kbd{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);min-width:24px;min-height:22px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;border-radius:5px;place-items:center;font-size:10px;display:inline-grid}.studio-command-heading{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:13px 18px 8px;font-size:10px;display:flex}.studio-command-results{min-height:120px;padding:4px 8px 10px;overflow-y:auto}.studio-command-result{width:100%;color:hsl(var(--foreground));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.studio-command-result[aria-selected=true]{background:hsl(var(--foreground));color:hsl(var(--background))}.studio-command-result-icon{border:1px solid hsl(var(--border));background:hsl(var(--background));width:38px;height:38px;color:hsl(var(--foreground));border-radius:7px;place-items:center;display:grid}.studio-command-result-icon svg{width:17px;height:17px}.studio-command-result-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-command-result-copy strong{font-size:14px;font-weight:550}.studio-command-result-copy small{color:currentColor;opacity:.58;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-command-result-meta{color:currentColor;font-family:var(--font-mono), monospace;opacity:.58;align-items:center;gap:10px;font-size:10px;display:flex}.studio-command-result[aria-selected=true] .studio-command-result-meta kbd{border-color:hsl(var(--background) / .3);background:hsl(var(--background) / .1);color:hsl(var(--background))}.studio-command-empty{min-height:180px;color:hsl(var(--muted-foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.studio-command-empty svg{width:22px}.studio-command-empty strong{color:hsl(var(--foreground));font-size:14px}.studio-command-empty span{font-size:12px}.studio-command-footer{border-top:1px solid hsl(var(--border));min-height:42px;color:hsl(var(--muted-foreground));align-items:center;gap:16px;padding:8px 14px;font-size:10px;display:flex}.studio-command-footer>span{align-items:center;gap:5px;display:flex}@media (max-width:640px){.studio-command-overlay{padding:10px}.studio-command-dialog{border-radius:9px;max-height:calc(100dvh - 20px)}.studio-command-result-meta>span,.studio-command-footer>span:last-child{display:none}}.project-folder-menu,.appearance-menu{position:relative}.appearance-popover{z-index:90;border-radius:var(--studio-corner-lg);background:hsl(var(--background));width:min(340px,100vw - 24px);box-shadow:var(--studio-shadow-ring-lg);transform-origin:100% 0;border:0;animation:.18s cubic-bezier(.22,1,.36,1) studio-popover-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes studio-popover-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.appearance-popover-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;min-height:46px;padding:0 .8rem 0 1rem;display:flex}.appearance-popover-header>span{align-items:center;gap:.55rem;font-size:.8rem;font-weight:550;display:flex}.appearance-popover-header svg{width:14px;height:14px}.appearance-popover-header button{border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.appearance-popover-header button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.appearance-section{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr) minmax(150px,1.25fr);align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.appearance-section>div:first-child,.appearance-section--split label>span{flex-direction:column;gap:.18rem;display:flex}.appearance-section strong{font-size:.72rem;font-weight:550}.appearance-section small{color:hsl(var(--muted-foreground));font-size:.62rem;line-height:1.35}.appearance-segments{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--border));grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.appearance-segments--three{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-segments button{min-height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--background));cursor:pointer;text-transform:capitalize;border:0;justify-content:center;align-items:center;gap:.35rem;padding:0 .45rem;font-size:.65rem;display:inline-flex}.appearance-segments button:hover{color:hsl(var(--foreground))}.appearance-segments button[aria-pressed=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.appearance-segments svg{width:12px;height:12px}.appearance-swatches{grid-template-columns:repeat(5,30px);justify-content:end;gap:.45rem;display:grid}.appearance-swatch{border:1px solid hsl(var(--foreground) / .2);border-radius:var(--studio-corner-sm);color:#fff;cursor:pointer;width:30px;height:30px;box-shadow:inset 0 0 0 2px hsl(var(--background) / .45);place-items:center;display:grid}.appearance-swatch[aria-pressed=true]{outline:2px solid hsl(var(--foreground));outline-offset:2px}.appearance-swatch svg{width:13px;height:13px}.appearance-swatch--neutral{background:#1d1d1d}.appearance-swatch--violet{background:#7656ff}.appearance-swatch--teal{background:#0f9e8a}.appearance-swatch--lime{color:#17200e;background:#9ce85f}.appearance-custom-accent{grid-column:1/-1}.appearance-custom-accent>*{width:100%}.appearance-swatch--custom{background:conic-gradient(from 90deg,#ff5f6d,#ffc371,#9ce85f,#2bd2ff,#7656ff,#ff5f6d)}.appearance-section--split{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;display:grid}.appearance-section--split label{justify-content:space-between;align-items:center;gap:.75rem;min-height:68px;padding:.8rem 1rem;display:flex}.appearance-section--split label+label{border-left:1px solid hsl(var(--border))}.appearance-section--split input{accent-color:hsl(var(--primary))}html.dark{--background:0 0% 7%;--foreground:0 0% 92%;--card:0 0% 10%;--card-foreground:0 0% 92%;--popover:0 0% 10%;--popover-foreground:0 0% 92%;--primary:0 0% 92%;--primary-foreground:0 0% 8%;--secondary:0 0% 14%;--secondary-foreground:0 0% 92%;--muted:0 0% 13%;--muted-foreground:0 0% 66%;--accent:0 0% 17%;--accent-foreground:0 0% 96%;--border:0 0% 24%;--input:0 0% 34%;--ring:0 0% 84%;--emphasis:0 0% 92%;--status-error:0 82% 67%;--status-error-background:0 82% 60% / .14;--status-error-border:0 82% 64% / .34;--status-success:142 68% 54%;--status-success-background:142 68% 48% / .13;--status-success-border:142 68% 54% / .32;--canvas-background:0 0% 4.5%;--raised-background:0 0% 11%;--shadow-color:0 0% 0%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .studio-app .studio-app-header>a img{filter:invert()}.studio-app[data-studio-accent=violet]{--studio-highlight-color:hsl(var(--primary));--primary:255 86% 65%;--primary-foreground:0 0% 100%;--ring:255 86% 65%;--emphasis:255 86% 65%}.studio-app[data-studio-accent=teal]{--studio-highlight-color:hsl(var(--primary));--primary:171 82% 34%;--primary-foreground:0 0% 100%;--ring:171 82% 34%;--emphasis:171 82% 34%}.studio-app[data-studio-accent=custom]{--studio-highlight-color:hsl(var(--primary))}.studio-app[data-studio-accent=lime]{--studio-highlight-color:hsl(var(--primary));--primary:96 72% 55%;--primary-foreground:96 56% 10%;--ring:96 72% 48%;--emphasis:96 72% 48%}.studio-app[data-studio-canvas=plain] .tool-canvas,.studio-app[data-studio-canvas=plain] .studio-stage{background-image:none}.studio-app[data-studio-canvas=grid] .tool-canvas,.studio-app[data-studio-canvas=grid] .studio-stage{background-image:linear-gradient(to right, hsl(var(--border) / .24) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border) / .24) 1px, transparent 1px);background-size:20px 20px}.studio-app[data-studio-canvas=dots] .tool-canvas,.studio-app[data-studio-canvas=dots] .studio-stage{background-image:radial-gradient(circle, hsl(var(--border) / .28) 1px, transparent 1px);background-size:14px 14px}.studio-app[data-studio-density=compact]{--studio-inspector-width:260px}.studio-app[data-studio-density=compact] .studio-nav>div{padding-top:.35rem;padding-bottom:.35rem}.studio-app[data-studio-density=compact] .studio-nav section{gap:.125rem;padding-top:.25rem;padding-bottom:.25rem}.studio-app[data-studio-density=compact] .studio-nav section button{height:2rem}.studio-app[data-studio-density=compact] .tool-inspector>section{gap:.75rem;padding:1rem}.studio-app[data-studio-motion=reduced] .project-tabs:before,.studio-app[data-studio-motion=reduced] .project-dither-field,.studio-app[data-studio-motion=reduced] .project-dither-sweep,.studio-app[data-studio-motion=reduced] .project-dither-symbols>span,.studio-app[data-studio-motion=reduced] .studio-save-toast{animation:none!important}.studio-app[data-studio-motion=reduced] :is(.project-dither-field,.project-dither-sweep,.project-dither-symbols>span){transition:none}.studio-app[data-studio-motion=reduced] .project-dither-sweep,.studio-app[data-studio-motion=reduced] .project-dither-symbols>span{opacity:0}.studio-app[data-studio-motion=reduced] .project-dither-panel:hover .project-dither-symbols>span:first-child{opacity:.52;transform:translate(-50%,-50%)}.studio-app[data-studio-motion=reduced]~.studio-export-progress>span{animation-duration:1.8s}.studio-app[data-studio-motion=reduced] :is(.project-tab-selection,.project-tab,.project-tab-mark){transition:none}.studio-closed-projects-empty{min-height:100%;color:hsl(var(--muted-foreground));background-image:radial-gradient(circle, hsl(var(--border) / .66) 1px, transparent 1px);background-size:16px 16px;grid-template-columns:38px minmax(0,380px);place-content:center;gap:1rem;padding:2rem;display:grid}.studio-closed-projects-empty>svg{border:1px solid hsl(var(--border));width:38px;height:38px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:5px;padding:.6rem}.studio-closed-projects-empty h2{color:hsl(var(--foreground));margin:0;font-size:.95rem;font-weight:550}.studio-closed-projects-empty p{margin:.4rem 0 0;font-size:.78rem;line-height:1.55}@media (max-width:760px){.studio-search-bar{padding-left:.6rem;padding-right:.6rem}}@media (max-width:520px){.studio-search-bar{gap:.35rem}.studio-search-bar>.studio-command-launcher{padding-left:.5rem;padding-right:.5rem}.studio-command-launcher>span{max-width:3.5rem}.studio-appearance-toolbar{gap:.25rem}.appearance-popover{position:fixed;top:48px;right:8px}.appearance-section{grid-template-columns:1fr;gap:.65rem}.appearance-swatches{justify-content:start}.appearance-section--split{grid-template-columns:1fr}.appearance-section--split label+label{border-top:1px solid hsl(var(--border));border-left:0}}.moodboard-preview svg{width:100%;height:auto;display:block}.moodboard-canvas,.moodboard-canvas-stage{background:#202020}.artifact-preview svg{width:100%;height:100%;display:block}.canvas-artboard-frame{flex:none;width:100%;min-width:0;max-width:100%;min-height:1px;position:relative}.canvas-artboard-plane{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.brand-elements-canvas :is(.aspect-square,[class*=aspect-\[]){flex:none;height:auto;min-height:0}.studio-mobile-tool{display:none}.studio-workspace,.tool-shell,.animation-studio{height:100%;min-height:0;position:relative;overflow:hidden}.studio-export-progress{z-index:100;top:calc(var(--studio-toolbar-height) + 50px);right:0;left:var(--studio-rail-width);pointer-events:none;background:hsl(var(--border) / .42);height:2px;position:fixed;overflow:hidden}.studio-export-progress>span{background:hsl(var(--foreground));height:100%;transition:width .1s linear;display:block}.studio-export-progress[data-indeterminate=true]>span{width:28%;animation:.9s ease-in-out infinite studio-export-progress-indeterminate}@keyframes studio-export-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(460%)}}.source-code-host{position:relative}.studio-workspace-view{--studio-layer-fade:.16s;isolation:isolate;width:100%;height:100%;min-height:0;position:relative;overflow:clip}.studio-project-workspace-layer{z-index:0;contain:layout paint style;pointer-events:none;visibility:hidden;min-width:0;min-height:0;transition:visibility 0s linear var(--studio-layer-fade);position:absolute;inset:0;overflow:clip}.studio-project-workspace-layer[data-active=true]{z-index:1;pointer-events:auto;visibility:visible;transition:none}.studio-workspace-panel{width:100%;height:100%;min-height:0;overflow:clip}.studio-workspace-panel--persistent-labs{isolation:isolate;position:relative}.studio-workspace-layer{z-index:0;background:hsl(var(--background));visibility:hidden;pointer-events:none;min-width:0;min-height:0;transition:visibility 0s linear var(--studio-layer-fade);position:absolute;inset:0;overflow:clip}.studio-workspace-layer[data-active=true]{z-index:1;visibility:visible;pointer-events:auto;animation:studio-layer-in var(--studio-layer-fade) cubic-bezier(.2, 0, 0, 1);transition:none}@keyframes studio-layer-in{0%{opacity:0}}.studio-workspace-loading{background:hsl(var(--background));place-items:center;width:100%;height:100%;display:grid}.studio-workspace-loading>span,.studio-workspace-skeleton-canvas>span{background:hsl(var(--border));width:34px;height:1px;overflow:hidden}.studio-workspace-loading>span:after,.studio-workspace-skeleton-canvas>span:after{content:"";background:hsl(var(--foreground));width:45%;height:100%;animation:.72s ease-in-out infinite alternate studio-loading-line;display:block}@keyframes studio-loading-line{to{transform:translate(122%)}}.studio-workspace-skeleton{grid-template-columns:292px minmax(0,1fr);grid-template-rows:var(--studio-toolbar-height) minmax(0, 1fr);place-items:stretch stretch;position:absolute;inset:0}.studio-workspace-skeleton i{background:hsl(var(--muted));border-radius:999px;height:7px;display:block}.studio-workspace-skeleton-toolbar{border-bottom:1px solid hsl(var(--border));grid-column:1/-1;align-items:center;gap:12px;padding-inline:18px;display:flex}.studio-workspace-skeleton-toolbar>i:first-child{width:112px}.studio-workspace-skeleton-toolbar>i:last-child{opacity:.55;width:220px}.studio-workspace-skeleton-panel{border-right:1px solid hsl(var(--border));align-content:start;gap:14px;padding:22px 18px;display:grid}.studio-workspace-skeleton-panel>i:first-child{width:46%}.studio-workspace-skeleton-panel>i:nth-child(2){width:82%}.studio-workspace-skeleton-panel>i:nth-child(3){width:64%}.studio-workspace-skeleton-canvas{background-color:hsl(var(--canvas-background));place-items:center;display:grid}@media (max-width:760px){.studio-workspace-skeleton{grid-template-columns:minmax(0,1fr)}.studio-workspace-skeleton-panel{display:none}}.studio-workspace-progress{z-index:30;opacity:0;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.studio-workspace-progress:after{content:"";background:hsl(var(--foreground));width:28%;height:100%;animation:.9s ease-in-out infinite paused studio-export-progress-indeterminate;display:block}.studio-workspace-progress[data-pending=true]{opacity:1;transition:opacity .12s .18s}.studio-workspace-progress[data-pending=true]:after{animation-play-state:running}@media (prefers-reduced-motion:reduce){.studio-workspace-view{--studio-layer-fade:0s}:is(.studio-project-workspace-layer,.studio-workspace-layer){transition:none}.studio-workspace-layer[data-active=true]{animation:none}}.studio-app[data-studio-motion=reduced] .studio-workspace-view{--studio-layer-fade:0s}.studio-app[data-studio-motion=reduced] :is(.studio-project-workspace-layer,.studio-workspace-layer){transition:none}.studio-app[data-studio-motion=reduced] .studio-workspace-layer[data-active=true]{animation:none}.studio-app[data-studio-motion=reduced] [data-live-material-held]{transition-duration:0s!important}.tool-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--studio-toolbar-height) minmax(0, 1fr);display:grid;container:tool-shell/inline-size}.tool-body{grid-template-columns:auto minmax(0,1fr);width:100%;min-width:0;max-width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.tool-lab-body{grid-template-columns:auto minmax(0,1fr) auto}.tool-lab-body>.tool-canvas{grid-column:2;overflow:auto}.tool-lab-body>.lab-sidebar-right{grid-column:3}.shader-library-preview{aspect-ratio:16/10}.shader-library-preview>div,.shader-library-preview canvas{width:100%!important;height:100%!important}.shader-library-source-tag{z-index:2;color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000057;border:1px solid #ffffff47;border-radius:3px;align-items:center;gap:4px;padding:2px 5px;font-size:7px;font-weight:650;line-height:1.3;display:inline-flex;position:absolute;top:6px;right:6px}.shader-library-card{content-visibility:auto;contain-intrinsic-size:156px;container-type:inline-size}@container (max-width:142px){.shader-lab-v2-material-card .live-material-source-tag-label,.shader-library-card .live-material-source-tag-label{display:none}.shader-lab-v2-material-card .live-material-source-tag,.shader-library-card .live-material-source-tag{gap:0;padding-inline:3px}}.paper-material-grain{mix-blend-mode:soft-light;background-image:url(/shader-grain.png);background-size:160px 160px}.paper-shader-host{contain:strict;isolation:isolate;min-width:0;min-height:0}.paper-shader-host>:not(.paper-material-grain),.paper-shader-host canvas{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}.shader-library-browser-compact .shader-library-preview{aspect-ratio:16/9}.shader-library-browser-compact .shader-library-category-filter{scrollbar-width:none;width:100%;padding-bottom:2px;overflow:auto hidden}.shader-library-browser-compact .shader-library-category-filter::-webkit-scrollbar{display:none}.shader-library-show-more{width:calc(100% - 2px);margin:8px 1px 1px}.animation-package-gallery{gap:8px;min-width:0;display:grid}.animation-package-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-package-gallery-sidebar{grid-template-columns:minmax(0,1fr);gap:6px}.animation-package-card{content-visibility:auto;contain-intrinsic-size:148px;min-height:0}.animation-package-preview{aspect-ratio:16/9;border-bottom:1px solid hsl(var(--border))}.animation-package-preview canvas{width:100%;height:100%}.animation-package-gallery-sidebar .animation-package-card{contain-intrinsic-size:66px;grid-template-columns:108px minmax(0,1fr);align-items:stretch;min-height:66px;display:grid}.animation-package-gallery-sidebar .animation-package-preview{border-right:1px solid hsl(var(--border));border-bottom:0;min-height:64px}.animation-package-gallery-sidebar .animation-package-card>span{flex-direction:column;justify-content:center;min-width:0;display:flex}.animation-package-gallery-sidebar.is-compact .animation-package-card{grid-template-columns:88px minmax(0,1fr)}@container tool-shell (max-width:760px){.responsive-toolbar-label{display:none}.tool-body{flex-direction:column;display:flex;overflow-y:auto}.tool-body>.resizable-sidebar{width:100%!important}.tool-body>.resizable-sidebar .resizable-sidebar-handle,.tool-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.tool-body>.resizable-sidebar .resizable-sidebar-scroll{overflow:visible}.tool-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.tool-inspector{border-top:1px solid hsl(var(--border));border-right:0;order:2;overflow:visible}.tool-canvas{flex:none;order:1;min-height:min(500px,58dvh);overflow:hidden visible}}.source-code-drawer{z-index:60;border-left:1px solid hsl(var(--border));background:hsl(var(--background));width:min(32rem,100%);min-width:0;max-width:100%;box-shadow:-10px 0 28px hsl(var(--foreground) / .07);grid-template-rows:auto minmax(0,1fr) auto;animation:.2s cubic-bezier(.22,1,.36,1) studio-drawer-in;display:grid;position:absolute;top:0;bottom:0;right:0}@keyframes studio-drawer-in{0%{opacity:0;transform:translate(24px)}}.source-code-drawer-header{height:var(--studio-toolbar-height);min-height:var(--studio-toolbar-height);max-height:var(--studio-toolbar-height);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem 0 1rem;display:flex}.source-code-format{max-width:100%;color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;margin-top:.2rem;font-size:10px;line-height:1.2;display:flex;overflow:hidden}.source-code-format svg{width:11px;height:11px}.source-code-drawer-resize{z-index:2;touch-action:none;cursor:col-resize;outline:none;width:16px;position:absolute;top:0;bottom:0;left:-8px}.source-code-drawer-resize:after{content:"";background:hsl(var(--border));width:1px;transition:width .12s,background-color .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.source-code-drawer-resize:hover:after,.source-code-drawer-resize:focus-visible:after,.source-code-drawer[data-resizing=true] .source-code-drawer-resize:after{background:hsl(var(--foreground) / .58);width:3px}.source-code-drawer[data-resizing=true]{-webkit-user-select:none;user-select:none}.tool-shell>.source-code-drawer,.animation-studio>.source-code-drawer,.source-code-host>.source-code-drawer{top:var(--studio-toolbar-height)}.tool-body>.source-code-drawer{top:0}.source-code-drawer-body{background:hsl(var(--background));grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.source-code-controls{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .28);min-width:0;display:grid}.source-code-toolbar{background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;min-height:42px;padding:.3rem .5rem .3rem .75rem;display:grid}.source-code-toolbar-actions{justify-content:flex-end;align-items:center;gap:.15rem;min-width:0;display:flex}.source-code-outline{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));min-width:0;max-width:9.5rem;height:30px;color:hsl(var(--muted-foreground));align-items:center;gap:.3rem;padding:0 .45rem;display:flex}.source-code-outline:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring) / .26)}.source-code-outline [data-studio-select-leading]>svg{flex:none;width:13px;height:13px}.source-code-outline[data-studio-select=true]{width:9.5rem;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:10px}.source-code-findbar{border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(9rem,1fr) auto auto minmax(7rem,.75fr) auto auto auto;align-items:center;gap:.2rem;min-width:0;padding:.35rem .5rem;display:grid}.source-code-find-field,.source-code-replace-field{border:1px solid hsl(var(--border));background:hsl(var(--background));align-items:center;gap:.4rem;min-width:0;height:30px;padding:0 .5rem;display:flex}.source-code-find-field:focus-within,.source-code-replace-field:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring) / .26)}.source-code-find-field>svg{width:13px;height:13px;color:hsl(var(--muted-foreground));flex:none}.source-code-find-field>input,.source-code-replace-field>input{width:100%;min-width:0;color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:0 0;border:0;outline:0;font-size:11px}.source-code-find-field>span:last-child{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;white-space:nowrap;flex:none;font-size:9px}.source-code-validation{min-width:0;color:hsl(var(--status-error));align-items:center;gap:.4rem;font-size:11px;font-weight:600;display:flex}.source-code-validation[data-status=valid]{color:hsl(var(--status-success))}.source-code-validation svg{flex:none;width:13px;height:13px}.source-code-validation span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-code-stats{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;white-space:nowrap;font-size:10px}.source-code-editor{--source-code-line-height:20.4px;background:hsl(var(--muted) / .16);grid-template-columns:3.25rem minmax(0,1fr);min-width:0;min-height:0;transition:box-shadow .14s,background-color .14s;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.source-code-editor:focus-within{background:hsl(var(--muted) / .22);box-shadow:inset 0 0 0 1px hsl(var(--ring) / .5)}.source-code-gutter{border-right:1px solid hsl(var(--border));min-height:0;color:hsl(var(--muted-foreground) / .68);background:hsl(var(--muted) / .24);font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:11px;line-height:var(--source-code-line-height);text-align:right;-webkit-user-select:none;user-select:none;padding:1rem .65rem 1rem .35rem;overflow:hidden}.source-code-gutter span{height:var(--source-code-line-height);padding-right:.25rem;display:block}.source-code-gutter span[data-error-line=true]{border-right:2px solid hsl(var(--status-error));color:hsl(var(--status-error));background:hsl(var(--status-error) / .08)}.source-code-gutter span[data-current-line=true]{color:hsl(var(--foreground));background:hsl(var(--foreground) / .055)}.source-code-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.source-code-highlight,.source-code-textarea{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-ligatures:none;font-size:12px;font-weight:450;line-height:var(--source-code-line-height);tab-size:2;white-space:pre;border:0;margin:0;padding:1rem;position:absolute;inset:0}.source-code-highlight{z-index:0;color:hsl(var(--foreground));pointer-events:none;overflow:hidden}.source-code-highlight-line{width:max-content;min-width:100%;height:var(--source-code-line-height);display:block}.source-code-highlight-line[data-current-line=true]{background:hsl(var(--foreground) / .035)}.source-code-highlight-line[data-error-line=true]{background:hsl(var(--status-error) / .08);box-shadow:inset 2px 0 hsl(var(--status-error) / .72)}.source-code-highlight [data-token=property]{color:#0550ae}.source-code-highlight [data-token=string]{color:#0a3069}.source-code-highlight [data-token=number]{color:#953800}.source-code-highlight [data-token=boolean],.source-code-highlight [data-token=null],.source-code-highlight [data-token=operator]{color:#8250df}.source-code-highlight [data-token=punctuation]{color:#57606a}.source-code-highlight [data-token=comment]{color:#6e7781;font-style:italic}.dark .source-code-highlight [data-token=property]{color:#79c0ff}.dark .source-code-highlight [data-token=string]{color:#a5d6ff}.dark .source-code-highlight [data-token=number]{color:#ffa657}.dark .source-code-highlight [data-token=boolean],.dark .source-code-highlight [data-token=null],.dark .source-code-highlight [data-token=operator]{color:#d2a8ff}.dark .source-code-highlight [data-token=punctuation],.dark .source-code-highlight [data-token=comment]{color:#8b949e}.source-code-textarea{z-index:1;resize:none;caret-color:hsl(var(--foreground));color:#0000;-webkit-text-fill-color:transparent;background:0 0;outline:none;overflow:auto}.source-code-textarea::selection{background:hsl(var(--primary) / .24);-webkit-text-fill-color:transparent}.source-code-editor[data-highlight-pending=true] .source-code-highlight{visibility:hidden}.source-code-editor[data-highlight-pending=true] .source-code-textarea{color:hsl(var(--foreground));-webkit-text-fill-color:hsl(var(--foreground))}.source-code-editor[data-highlight-pending=true] .source-code-textarea::selection{-webkit-text-fill-color:hsl(var(--foreground))}.source-code-error{border-top:1px solid hsl(var(--status-error-border));background:hsl(var(--status-error-background));color:hsl(var(--status-error));align-items:flex-start;gap:.5rem;padding:.65rem .8rem;font-size:11px;line-height:1.5;display:flex}.source-code-error svg{flex:none;width:14px;height:14px;margin-top:1px}.source-code-footer{border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:auto auto minmax(0,1fr);gap:.5rem;padding:.65rem;display:grid}.source-code-footer>:last-child{justify-self:end}.source-code-footer kbd{color:currentColor;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;opacity:.66;margin-left:.35rem;font-size:9px}@media (max-width:520px){.source-code-toolbar{grid-template-columns:minmax(0,1fr) auto}.source-code-toolbar-actions{grid-column:2}.source-code-findbar{grid-template-columns:minmax(0,1fr) auto auto}.source-code-replace-field{grid-column:1}.source-code-stats,.source-code-footer kbd{display:none}}.tool-inspector,.studio-inspector,.tool-canvas{overscroll-behavior:contain}.tool-inspector,.studio-inspector,.studio-sidebar-scroll,.brand-elements-editor,.brand-identity-nav,.brand-identity-content{min-width:0;overflow-x:hidden;border-radius:0!important}.resizable-sidebar{isolation:isolate;flex:none;min-width:0;min-height:0;position:relative;overflow:visible!important}.resizable-sidebar-scroll{width:100%;height:100%;min-height:0;transition:opacity .16s ease-out;overflow:hidden auto}@media (prefers-reduced-motion:reduce){.resizable-sidebar-scroll{transition:none}}.studio-app[data-studio-motion=reduced] .resizable-sidebar-scroll{transition:none}.resizable-sidebar[data-resizing=true]{-webkit-user-select:none;user-select:none;transition:none}.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:hidden;opacity:0;pointer-events:none}.resizable-sidebar-toggle{z-index:34;border:1px solid hsl(var(--border));width:14px;height:52px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background) / .98);box-shadow:0 4px 12px hsl(var(--shadow-color) / .1);opacity:.86;cursor:pointer;border-radius:5px;place-items:center;transition:color .14s,border-color .14s,background-color .14s,box-shadow .14s,opacity .14s;display:grid;position:absolute;inset:50% auto auto;transform:translateY(-50%)}.resizable-sidebar[data-resize-edge=right] .resizable-sidebar-toggle{right:-7px}.resizable-sidebar[data-resize-edge=left] .resizable-sidebar-toggle{left:-7px}.resizable-sidebar-toggle:after{content:"";position:absolute;inset:-5px -8px}.resizable-sidebar:hover .resizable-sidebar-toggle,.resizable-sidebar:focus-within .resizable-sidebar-toggle,.resizable-sidebar[data-collapsed=true] .resizable-sidebar-toggle,.resizable-sidebar[data-resizing=true] .resizable-sidebar-toggle{opacity:1}.resizable-sidebar-toggle:hover,.resizable-sidebar-toggle:focus-visible{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .28);background:hsl(var(--accent));box-shadow:0 5px 14px hsl(var(--shadow-color) / .16);opacity:1;outline:none}.resizable-sidebar-toggle:focus-visible{box-shadow:0 0 0 2px hsl(var(--focus-ring) / .28), 0 5px 14px hsl(var(--shadow-color) / .16)}.resizable-sidebar-toggle-line{opacity:.56;background:currentColor;border-radius:2px;width:2px;height:22px;transition:opacity .14s,transform .14s cubic-bezier(.22,1,.36,1)}.resizable-sidebar-toggle:hover .resizable-sidebar-toggle-line,.resizable-sidebar-toggle:focus-visible .resizable-sidebar-toggle-line{opacity:1}.resizable-sidebar-toggle:active .resizable-sidebar-toggle-line{transform:scaleY(.9)}.resizable-sidebar-handle{z-index:33;touch-action:none;cursor:col-resize;outline:none;width:16px;position:absolute;top:0;bottom:0}.resizable-sidebar[data-resize-edge=right] .resizable-sidebar-handle{right:-8px}.resizable-sidebar[data-resize-edge=left] .resizable-sidebar-handle{left:-8px}.resizable-sidebar-handle:after{content:"";background:hsl(var(--border));width:1px;transition:width .12s,background-color .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.resizable-sidebar-handle:hover:after,.resizable-sidebar-handle:focus-visible:after,.resizable-sidebar[data-resizing=true] .resizable-sidebar-handle:after{background:hsl(var(--foreground) / .58);width:3px}.resizable-sidebar[data-collapsed=true] .resizable-sidebar-handle{pointer-events:none;opacity:0}.brand-elements-body{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"catalog editor canvas"}.brand-elements-catalog{grid-area:catalog}.brand-elements-canvas{grid-area:canvas}.brand-elements-editor{border-right:1px solid hsl(var(--border));grid-area:editor;min-width:0;border-left:0!important}.element-editor-field{flex-direction:column;gap:.4rem;display:flex}.element-editor-field>span{color:hsl(var(--muted-foreground));font-size:.6875rem;font-weight:520}.element-editor-field select{border:1px solid hsl(var(--input));height:2.25rem;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:.375rem;outline:none;padding:0 .7rem;font-size:.8125rem}.element-editor-toggle{justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.element-editor-toggle input{width:2rem;height:1.1rem;accent-color:hsl(var(--foreground))}.element-editor-range{flex-direction:column;gap:.5rem;display:flex}.element-editor-range>span{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:.75rem;font-size:.6875rem;display:flex}.element-editor-range output{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.625rem}.tool-canvas,.tool-inspector{min-width:0}.tool-canvas,.studio-stage{background-color:hsl(var(--canvas-background))}.canvas-viewport{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-viewport-toolbar{z-index:30;background:hsl(var(--raised-background) / .94);min-height:42px;box-shadow:var(--studio-shadow-ring-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.canvas-viewport[aria-busy=true]>.canvas-viewport-toolbar{visibility:hidden}.canvas-zoom-range{align-items:center;width:72px;padding:0 .35rem;display:flex}.canvas-zoom-range input{width:100%;accent-color:hsl(var(--foreground))}.canvas-zoom-value{min-width:46px;height:28px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;cursor:pointer;background:0 0;border:0;border-radius:.3rem;font-size:.6875rem}.canvas-zoom-value:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.canvas-toolbar-divider{background:hsl(var(--border));width:1px;height:18px;margin:0 .15rem}.canvas-action-history{z-index:29;border:1px solid hsl(var(--border));width:min(280px,100% - 2rem);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:.55rem;position:absolute;top:4rem;right:1rem;overflow:hidden}.canvas-action-history>header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:.75rem;min-height:42px;padding:.35rem .45rem .35rem .75rem;display:flex}.canvas-action-history>header>span,.canvas-action-history>header>div{align-items:center;gap:.45rem;display:flex}.canvas-action-history>header svg{width:13px;height:13px}.canvas-action-history>header strong{font-size:.6875rem;font-weight:650}.canvas-action-history ol{max-height:260px;margin:0;padding:.35rem 0;list-style:none;overflow-y:auto}.canvas-action-history li{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:.6rem;padding:.5rem .75rem;display:grid}.canvas-action-history li>span{border:1px solid hsl(var(--muted-foreground) / .55);border-radius:50%;width:6px;height:6px;margin-top:.25rem}.canvas-action-history li[aria-current=step]{background:hsl(var(--muted) / .72)}.canvas-action-history li[aria-current=step]>span{border-color:hsl(var(--primary));background:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.canvas-action-history li div{flex-direction:column;gap:.1rem;min-width:0;display:flex}.canvas-action-history li strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:560;overflow:hidden}.canvas-action-history li small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.5625rem}.canvas-action-history-empty{color:hsl(var(--muted-foreground));grid-template-columns:1fr!important}.canvas-viewport-scroll{overscroll-behavior:contain;cursor:grab;touch-action:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-viewport-grid{pointer-events:none;contain:strict;position:absolute;inset:0}.canvas-viewport-scroll[data-panning=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-viewport-scroll[data-space-pressed=true]{cursor:grab}.canvas-viewport-scroll[data-space-pressed=true][data-panning=true]{cursor:grabbing}.canvas-viewport-stage{transform-origin:0 0;contain:layout paint style;width:100%;min-height:100%}.canvas-viewport-scroll[data-panning=true] .canvas-viewport-stage{will-change:transform}.canvas-viewport-stage[data-canvas-font=enforced],.canvas-viewport-stage[data-canvas-font=enforced] :where(*){font-family:var(--canvas-selected-font)!important}.editable-canvas-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;min-width:0;min-height:0;position:absolute}.editable-canvas-layer:active{cursor:grabbing}.editable-canvas-layer-selection{pointer-events:none;touch-action:none;position:absolute}.editable-canvas-layer-selection:after{z-index:20;content:"";pointer-events:none;border:2px solid #5b7cff;position:absolute;inset:-4px;box-shadow:0 0 0 1px #ffffffb8}.editable-canvas-layer-selection :is(.editable-canvas-layer-corner,.editable-canvas-layer-edge,.editable-canvas-layer-move,.editable-canvas-layer-move-edge,.editable-canvas-layer-resize){pointer-events:auto}.editable-canvas-layer-content{pointer-events:none;width:100%;height:100%;overflow:visible}.editable-canvas-layer[data-content-interactive=true],.editable-canvas-layer[data-content-interactive=true]:active{cursor:default;pointer-events:none}.editable-canvas-layer[data-content-interactive=true] [data-canvas-editable=true],.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-edge,.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-move,.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-resize{pointer-events:auto}.editable-canvas-layer[data-content-interactive=true]:is([data-multi-selection=true],[data-assembly-move=true]){cursor:grab;pointer-events:auto}.editable-canvas-layer[data-content-interactive=true]:is([data-multi-selection=true],[data-assembly-move=true]) [data-canvas-editable=true]{cursor:grab;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-smart-guide{z-index:1000;pointer-events:none;background:#ff3b8d;display:block;position:absolute;box-shadow:0 0 0 1px #ffffff73}.canvas-smart-guide--vertical{width:1px;top:0;bottom:0;transform:translate(-.5px)}.canvas-smart-guide--horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.canvas-selection-assembly{pointer-events:none;border:2px solid #5b7cff;position:absolute;box-shadow:0 0 0 1px #ffffffb8}.canvas-selection-assembly:before{content:"";background:#5b7cff;border:1px solid #ffffffe6;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #5b7cff}.canvas-selection-assembly__label{color:#fff;min-height:20px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#5b7cff;border-radius:3px 3px 0 0;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% + 4px);left:-2px}.studio-context-menu{--studio-context-origin-x:0%;--studio-context-origin-y:0%;z-index:2147483200;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg,10px);background:hsl(var(--card) / .98);width:min(272px,100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--studio-shadow-ring-lg), 0 22px 64px #00000047;color:hsl(var(--foreground));opacity:1;transform-origin:var(--studio-context-origin-x) var(--studio-context-origin-y);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);outline:0;transition:opacity .11s ease-out,transform .11s ease-out;position:fixed;overflow:hidden auto;transform:scale(1)}@starting-style{.studio-context-menu[data-positioned=true]{opacity:0;transform:scale(.98)}}.studio-context-menu__header{border-bottom:1px solid hsl(var(--border));align-content:center;gap:2px;min-height:42px;padding:7px 10px;display:grid}.studio-context-menu__header strong,.studio-context-menu__header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-context-menu__header strong{font-size:11px;font-weight:650}.studio-context-menu__header span,.studio-context-menu__section-label{color:hsl(var(--muted-foreground));font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.065em;text-transform:uppercase;font-size:9px}.studio-context-menu__section{gap:1px;padding:5px;display:grid}.studio-context-menu__section+.studio-context-menu__section{border-top:1px solid hsl(var(--border))}.studio-context-menu__section-label{padding:5px 7px 3px}.studio-context-menu__item{border-radius:var(--studio-corner-sm,6px);min-height:34px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.studio-context-menu__item:hover:not(:disabled),.studio-context-menu__item:focus-visible{background:hsl(var(--muted));outline:0}.studio-context-menu__item:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--ring))}.studio-context-menu__item:active:not(:disabled){transform:scale(.985)}.studio-context-menu__item:disabled{cursor:not-allowed;opacity:.36}.studio-context-menu__item[data-danger=true]{color:hsl(var(--destructive))}.studio-context-menu__icon,.studio-context-menu__check{place-items:center;min-width:18px;display:grid}.studio-context-menu__icon svg{width:14px;height:14px}.studio-context-menu__copy{gap:1px;min-width:0;display:grid}.studio-context-menu__copy strong,.studio-context-menu__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-context-menu__copy strong{font-size:11px;font-weight:520}.studio-context-menu__copy small{color:hsl(var(--muted-foreground));font-size:9px}.studio-context-menu kbd{min-width:22px;color:hsl(var(--muted-foreground));font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:9px;font-weight:500}.studio-preview-tooltip{z-index:170;border:1px solid hsl(var(--foreground) / .22);width:min(300px,100vw - 20px);color:hsl(var(--foreground));background:hsl(var(--popover) / .97);box-shadow:0 18px 52px hsl(var(--shadow-color) / .3), inset 0 1px hsl(var(--foreground) / .045);opacity:0;pointer-events:auto;transform-origin:var(--studio-preview-origin-x) top;visibility:hidden;border-radius:9px;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;overflow:hidden;transform:translateY(2px)scale(.975)}.studio-preview-tooltip[data-side=top]{transform-origin:var(--studio-preview-origin-x) bottom;transform:translateY(-2px)scale(.975)}.studio-preview-tooltip[data-positioned=true]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.studio-preview-tooltip[data-keyboard=true]{transition-duration:0s}.studio-preview-tooltip[data-size=compact]{border-radius:8px;width:min(244px,100vw - 20px)}.studio-preview-tooltip__visual{aspect-ratio:16/9;border-bottom:1px solid hsl(var(--foreground) / .14);background:linear-gradient(135deg, hsl(var(--foreground) / .045), transparent 55%), #0b0b0d;width:100%;position:relative;overflow:hidden}.studio-preview-tooltip__visual>:is(canvas,img,span,div){width:100%;height:100%}.studio-preview-tooltip__visual>img{object-fit:contain;display:block}.studio-preview-tooltip__visual .animation-timeline-preview-canvas{object-fit:contain;height:100%;display:block}.studio-layer-tooltip-preview{background-color:#111216;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;display:grid;position:relative;overflow:hidden}.studio-layer-tooltip-preview>img{z-index:2;object-fit:contain;filter:drop-shadow(0 5px 12px #0000006b);width:76%;height:76%;display:block;position:relative}.studio-layer-tooltip-preview>.studio-layer-tooltip-preview__material{z-index:1;object-fit:contain;filter:none;width:100%;height:100%;position:absolute;inset:0}.studio-layer-tooltip-preview>span:not([aria-hidden=true]){z-index:3;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 10px #00000080;white-space:nowrap;max-width:86%;padding:5px 8px;font-size:clamp(20px,8cqw,34px);line-height:1.08;display:block;position:relative;overflow:hidden}.studio-layer-tooltip-preview .composition-effect-thumbnail{z-index:2;width:auto;height:auto;position:absolute;inset:12px}.studio-preview-tooltip__copy{gap:4px;padding:10px 11px 11px;display:grid}.studio-preview-tooltip__copy>span,.studio-preview-tooltip__copy>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.055em;text-transform:uppercase;font-size:8px}.studio-preview-tooltip__copy>strong{font-size:12px;font-weight:650}.studio-preview-tooltip__copy>p{color:hsl(var(--muted-foreground));margin:0;font-size:10px;line-height:1.45}.studio-preview-tooltip__copy>small{margin-top:2px}.studio-preview-tooltip[data-size=compact] .studio-preview-tooltip__copy{gap:2px;padding:7px 9px 8px}.studio-preview-tooltip[data-size=compact] .studio-preview-tooltip__copy>strong{font-size:11px}@media (prefers-reduced-motion:reduce){.studio-preview-tooltip{transition:opacity 80ms linear;transform:none}.studio-context-menu,.studio-context-menu__item{transition:none}}.color-hue-range{--color-hue-gradient:linear-gradient(90deg, red 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.color-picker-popover{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:0;position:fixed;inset:auto;overflow:auto}.color-picker-popover:not(:popover-open){display:none}.color-picker-popover:popover-open{display:flex}.color-picker-popover::backdrop{background:0 0}.color-hue-range::-webkit-slider-runnable-track{background:var(--color-hue-gradient);border-radius:999px;height:8px}.color-hue-range::-webkit-slider-thumb{border-radius:999px;margin-top:-5px}.color-hue-range::-moz-range-track{background:var(--color-hue-gradient);border-radius:999px;height:8px}.color-hue-range::-moz-range-thumb{border-radius:999px}.editable-canvas-layer-name{z-index:22;color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#5b7cff;padding:2px 5px;font-size:9px;line-height:1.25;position:absolute;bottom:calc(100% + 6px);left:-5px}.editable-canvas-layer-move{z-index:27;cursor:move;touch-action:none;background:#5b7cff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.editable-canvas-layer-move:after{content:"";pointer-events:none;background:#5b7cff;width:1px;height:25px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.editable-canvas-layer-move-edge{z-index:25;cursor:move;touch-action:none;background:0 0;border:0;padding:0;display:block;position:absolute}.editable-canvas-layer-move-edge--top,.editable-canvas-layer-move-edge--bottom{height:9px;left:-4px;right:-4px}.editable-canvas-layer-move-edge--top{top:-5px}.editable-canvas-layer-move-edge--bottom{bottom:-5px}.editable-canvas-layer-move-edge--left,.editable-canvas-layer-move-edge--right{width:9px;top:-4px;bottom:-4px}.editable-canvas-layer-move-edge--left{left:-5px}.editable-canvas-layer-move-edge--right{right:-5px}.editable-canvas-layer-edge{z-index:26;touch-action:none;background:#fff;border:2px solid #5b7cff;border-radius:2px;position:absolute}.editable-canvas-layer-edge--left,.editable-canvas-layer-edge--right{cursor:ew-resize;width:8px;height:18px;top:50%;transform:translateY(-50%)}.editable-canvas-layer-edge--left{left:-8px}.editable-canvas-layer-edge--right{right:-8px}.editable-canvas-layer-edge--top,.editable-canvas-layer-edge--bottom{cursor:ns-resize;width:18px;height:8px;left:50%;transform:translate(-50%)}.editable-canvas-layer-edge--top{top:-8px}.editable-canvas-layer-edge--bottom{bottom:-8px}.editable-canvas-layer-corner{z-index:29;touch-action:none;background:#5b7cff;border:2px solid #fff;width:12px;height:12px;padding:0;position:absolute}.editable-canvas-layer-corner--top-left{cursor:nwse-resize;top:-7px;left:-7px}.editable-canvas-layer-corner--top-right{cursor:nesw-resize;top:-7px;right:-7px}.editable-canvas-layer-corner--bottom-left{cursor:nesw-resize;bottom:-7px;left:-7px}.editable-canvas-layer-corner--bottom-right{cursor:nwse-resize;bottom:-7px;right:-7px}.editable-canvas-layer-resize{z-index:30;color:#fff;cursor:nwse-resize;touch-action:none;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:-20px;right:-20px}.editable-canvas-layer-resize:before{content:"";pointer-events:none;background:#5b7cff;border:2px solid #fff;width:16px;height:16px;position:absolute}.editable-canvas-layer-resize svg{z-index:1;pointer-events:none;width:9px;height:9px;position:relative}.canvas-dimension-handles{z-index:45;pointer-events:none;position:absolute;inset:0}.canvas-dimension-handle{color:#fff;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;outline:none;display:block;position:absolute}.canvas-dimension-handle:after{opacity:0;content:"";background:#5b7cff;transition:opacity .12s;position:absolute}.canvas-dimension-handle:hover:after,.canvas-dimension-handle:focus-visible:after,.canvas-dimension-handles[data-resizing=true] .canvas-dimension-handle:after{opacity:1}.canvas-dimension-handle-width{cursor:ew-resize;width:14px;height:100%;top:0;right:-7px}.canvas-dimension-handle-width:after{width:2px;height:100%;top:0;right:6px}.canvas-dimension-handle-height{cursor:ns-resize;width:100%;height:14px;bottom:-7px;right:0}.canvas-dimension-handle-height:after{width:100%;height:2px;bottom:6px;right:0}.canvas-dimension-handle-corner{z-index:2;cursor:nwse-resize;background:#5b7cff;border:2px solid #fff;place-items:center;width:22px;height:22px;display:grid;bottom:-10px;right:-10px;box-shadow:0 0 0 1px #00000040}.canvas-dimension-handle-corner:after{display:none}.canvas-dimension-handle-corner svg{width:11px;height:11px}.canvas-dimension-readout{color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.04em;pointer-events:none;background:#0d0d0fdb;padding:5px 7px;font-size:10px;position:absolute;bottom:18px;right:18px}.artboard-size-trigger{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 9px;transition:border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:inline-flex}.artboard-size-trigger>svg{width:11px;height:11px;color:hsl(var(--muted-foreground));transition:transform .14s ease-out}.artboard-size-trigger[aria-expanded=true]{border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted))}.artboard-size-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.artboard-size-trigger:focus-visible{outline:2px solid hsl(var(--ring) / .72);outline-offset:2px}.artboard-size-trigger:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.artboard-size-trigger:hover{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground));background:hsl(var(--muted) / .7)}}.artboard-size-popover{z-index:340;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);max-height:calc(100dvh - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .985);box-shadow:var(--studio-shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:14px;padding:14px;transition:opacity .14s ease-out,transform .14s ease-out;display:grid;position:fixed;overflow-y:auto}@starting-style{.artboard-size-popover{opacity:0;transform:translateY(-3px)scale(.98)}}.artboard-size-popover-header{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.artboard-size-popover-header>span{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .46);place-items:center;width:32px;height:32px;display:grid}.artboard-size-popover-header svg{width:14px;height:14px}.artboard-size-popover-header>div{gap:2px;min-width:0;display:grid}.artboard-size-popover-header strong{font-size:var(--studio-control-label-size);font-weight:650}.artboard-size-popover-header small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artboard-setup-fields{gap:14px;min-width:0;display:grid}.artboard-size-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.artboard-size-preset-grid>button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:76px;color:hsl(var(--muted-foreground));background:hsl(var(--background));text-align:center;grid-template-rows:27px auto;place-items:center;gap:5px;padding:8px 5px;transition:border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:grid;position:relative;overflow:hidden}.artboard-size-preset-grid>button[aria-pressed=true]{border-color:hsl(var(--foreground));color:hsl(var(--foreground));background:hsl(var(--foreground) / .07);box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .1)}.artboard-size-preset-grid>button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.artboard-size-preset-grid>button:hover{border-color:hsl(var(--foreground) / .45);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}}.artboard-size-preset-grid>button>svg{width:10px;height:10px;position:absolute;top:6px;right:6px}.artboard-size-preset-shape{background:hsl(var(--muted) / .48);border:1px solid;width:31px;max-height:25px;display:block}.artboard-size-preset-grid>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.artboard-size-preset-grid strong,.artboard-size-preset-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artboard-size-preset-grid strong{font-size:var(--studio-control-label-size);font-weight:620}.artboard-size-preset-grid small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size)}.artboard-size-custom-fields{border:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;min-width:0;padding:0;display:grid}.artboard-size-custom-fields legend{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-column:1/-1;margin-bottom:7px;font-weight:560}.artboard-size-custom-fields>span{height:34px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.artboard-size-trigger,.artboard-size-trigger>svg,.artboard-size-popover,.artboard-size-preset-grid>button{transition-duration:.01ms}}@media (max-width:640px){.canvas-zoom-range{display:none}.canvas-viewport-toolbar{top:.5rem;right:.5rem}}.animation-studio{grid-template-rows:var(--studio-toolbar-height) minmax(0, 1fr);display:grid}.animation-studio-presentation{grid-template-rows:minmax(0,1fr)}.animation-studio-compact-controls .studio-inspector .resizable-sidebar-scroll>section{gap:.75rem;padding:.875rem}.animation-body{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"source canvas properties";min-height:0;display:grid;overflow:hidden}.animation-body .studio-inspector:not(.studio-inspector-right){grid-area:source}.animation-body .studio-inspector-right{border-right:0;grid-area:properties;border-left:1px solid hsl(var(--border))!important}.animation-body .studio-inspector{height:100%;min-height:0;max-height:none}.animation-layer-create{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;display:grid}.animation-layer-create>:is(button,label){border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:50px;color:hsl(var(--muted-foreground));background:hsl(var(--background));cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 3px;font-size:9px;font-weight:580;line-height:1;transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out,transform .12s ease-out;display:flex}.animation-layer-create>:is(button,label):active{transform:scale(.97)}.animation-layer-create>button:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover) and (pointer:fine){.animation-layer-create>button:hover:not(:disabled){border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}.animation-layer-create>:is(button,label):hover:not(:has(input:disabled)){border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}}.animation-layer-create svg{width:14px;height:14px}.animation-sequence-logo-toggle{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .24);min-width:0;min-height:36px;font-size:var(--studio-control-label-size);justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.animation-sequence-logo-toggle>span{align-items:center;gap:7px;min-width:0;display:flex}.animation-sequence-logo-toggle svg{width:13px;height:13px;color:hsl(var(--muted-foreground))}.animation-sequence-stack-heading{min-width:0;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.animation-sequence-stack-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-sequence-stack{gap:3px;min-width:0;display:grid}.animation-sequence-listitem{min-width:0}.animation-sequence-scene{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));min-width:0;transition:border-color .12s ease-out,background-color .12s ease-out;overflow:hidden}.animation-sequence-scene:is([data-content-selected=true],[data-background-selected=true]),.animation-sequence-transition[aria-pressed=true],.animation-sequence-background[aria-pressed=true]{border-color:hsl(var(--foreground) / .72)}.animation-sequence-layer{grid-template-columns:minmax(0,1fr) auto;min-width:0;transition:background-color .12s ease-out;display:grid;overflow:hidden}.animation-sequence-scene[data-content-selected=true] .animation-sequence-layer,.animation-sequence-scene[data-background-selected=true] .animation-scene-background,.animation-sequence-transition[aria-pressed=true],.animation-sequence-background[aria-pressed=true]{background:hsl(var(--muted) / .72)}.animation-sequence-layer>button,.animation-scene-background>button:first-child,.animation-sequence-transition,.animation-sequence-background{min-width:0;color:hsl(var(--foreground));text-align:left;align-items:center;display:grid}.animation-sequence-layer>button{grid-template-columns:22px minmax(70px,1fr);gap:7px;padding:6px 7px}.animation-sequence-layer>button:focus-visible,.animation-scene-background>button:first-child:focus-visible,.animation-sequence-transition:focus-visible,.animation-sequence-background:focus-visible,.animation-layer-create>:is(button,label):focus-within{outline:2px solid hsl(var(--focus-ring));outline-offset:-2px}.animation-sequence-layer-icon{border:1px solid hsl(var(--border));width:22px;height:22px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .45);border-radius:4px;place-items:center;display:grid}.animation-sequence-layer-icon svg,.animation-sequence-transition>svg{width:11px;height:11px}.animation-sequence-scene[data-content-selected=true] .animation-sequence-layer-icon{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.animation-sequence-layer-copy,.animation-scene-background-copy,.animation-sequence-transition>span:nth-child(2),.animation-sequence-background>span:nth-child(2),.animation-transition-selection>span,.animation-layer-scope-note>span{gap:1px;min-width:0;display:grid}.animation-sequence-layer-copy :is(strong,small),.animation-scene-background-copy :is(strong,small),.animation-sequence-transition :is(strong,small),.animation-sequence-background :is(strong,small),.animation-transition-selection :is(strong,small),.animation-layer-scope-note :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-sequence-layer-copy strong,.animation-scene-background-copy strong,.animation-sequence-transition strong,.animation-sequence-background strong,.animation-transition-selection strong,.animation-layer-scope-note strong{font-size:9px;font-weight:620}.animation-sequence-layer-copy small,.animation-scene-background-copy small,.animation-sequence-transition small,.animation-sequence-background small,.animation-transition-selection small,.animation-layer-scope-note small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px}.animation-sequence-layer-actions{border-left:1px solid hsl(var(--border));grid-template-columns:repeat(3,24px);display:grid}.animation-sequence-layer-actions button{border-radius:0;width:24px;height:100%;min-height:0}.animation-scene-background{border-top:1px solid hsl(var(--border));background:hsl(var(--raised-background) / .38);grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:38px;transition:background-color .12s ease-out,box-shadow .12s ease-out;display:grid}.animation-scene-background[data-override=true]{background:hsl(var(--raised-background))}.animation-scene-background>button:first-child{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:6px 8px 6px 11px}.animation-scene-background>button:last-child:not(:first-child){border-left:1px solid hsl(var(--border));border-radius:0;width:28px;height:100%;min-height:0}.animation-sequence-transition,.animation-sequence-background{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;transition:border-color .12s ease-out,background-color .12s ease-out}.animation-sequence-transition{width:calc(100% - 13px);min-height:27px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background) / .48);grid-template-columns:14px minmax(74px,1fr);gap:6px;margin-left:13px;padding:4px 8px}.animation-sequence-tooltip-preview{background:#0b0b0d;grid-template-rows:minmax(0,1fr) 30px;display:grid}.animation-sequence-tooltip-preview__scene{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.animation-sequence-tooltip-preview__scene>:is(canvas,img,span,div){width:100%;height:100%}.animation-sequence-tooltip-preview__scene .animation-timeline-preview-canvas{object-fit:contain;display:block;position:absolute;inset:0}.animation-sequence-tooltip-preview__background{background-color:#0b0b0d;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.animation-sequence-tooltip-preview__position{background:#ffffff06;border-top:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:5px 8px;display:grid}.animation-sequence-tooltip-preview__position>span{color:#ffffff94;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:7px}.animation-sequence-tooltip-preview__track{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:2px;height:16px;padding:2px 3px;display:grid}.animation-sequence-tooltip-preview__track:before{content:"";background:#ffffff29;grid-area:1/1/auto/-1;height:1px}.animation-sequence-tooltip-preview__track>i{z-index:1;background:#ffffffdb;border-radius:2px;grid-row:1;height:10px;box-shadow:0 0 0 1px #00000080}.animation-sequence-tooltip-preview__track>i[data-kind=transition]{background:#ffffff94;height:5px}.animation-sequence-tooltip-preview__track>i[data-kind=background]{background:#ffffff47;border:1px solid #ffffff9e;height:7px}.animation-sequence-tooltip-preview__track>i[data-kind=sequence-background]{background:#ffffff6b;height:10px}.animation-sequence-base{border-bottom:1px solid hsl(var(--border));min-width:0;margin-bottom:7px;padding-bottom:7px}.animation-sequence-background{background:hsl(var(--raised-background));grid-template-columns:44px minmax(0,1fr);gap:9px;min-height:48px;padding:8px 10px}.animation-selected-layer-preview{border:1px solid hsl(var(--foreground) / .42);border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background));overflow:hidden}.animation-selected-layer-preview__visual{border-bottom:1px solid hsl(var(--border));background:radial-gradient(circle at 50% 50%, hsl(var(--foreground) / .045), transparent 58%), #0b0b0d;place-items:center;width:100%;min-height:56px;display:grid;position:relative;overflow:hidden}.animation-selected-layer-preview__visual .animation-timeline-preview-canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.animation-selected-layer-preview__visual .animation-timeline-preview-shader{pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.animation-timeline-preview-shader-image{background-position:50%;background-size:cover;display:block;position:absolute;inset:0}.animation-selected-layer-preview__visual .animation-timeline-preview-canvas[data-transparent-background=true]{z-index:1;background:0 0}.animation-selected-layer-preview__visual>span{color:#ffffffc2;font-family:var(--font-mono), monospace;letter-spacing:.06em;background:#0000009e;border:1px solid #ffffff2e;border-radius:3px;padding:2px 5px;font-size:7px;position:absolute;top:7px;left:8px}.animation-selected-layer-preview__footer{justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 9px 8px 11px;display:flex}.animation-selected-layer-preview__footer>div:first-child{gap:2px;min-width:0;display:grid}.animation-selected-layer-preview__footer small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:7px}.animation-selected-layer-preview__footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.animation-background-preview{border:1px solid hsl(var(--foreground) / .28);background-color:hsl(var(--muted));width:44px;height:26px;box-shadow:inset 0 0 0 1px hsl(var(--background) / .28);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;display:block}.animation-transition-channel-heading{grid-template-columns:8px minmax(0,1fr);align-items:center;gap:1px 8px;min-width:0;padding-top:4px;display:grid}.animation-transition-channel-heading>span{background:hsl(var(--foreground) / .82);border-radius:999px;grid-row:1/3;width:8px;height:8px}.animation-transition-channel-heading[data-channel=background]>span{border:1px solid hsl(var(--foreground) / .62);background:hsl(var(--foreground) / .22)}.animation-transition-channel-heading strong{font-size:var(--studio-control-label-size);font-weight:650}.animation-transition-channel-heading small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-transition-selection,.animation-layer-scope-note{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .35);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.animation-transition-selection>svg,.animation-layer-scope-note>svg{border:1px solid hsl(var(--border));border-radius:4px;width:28px;height:28px;padding:7px}.animation-layer-text-field{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);gap:6px;display:grid}.animation-layer-text-field input{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;height:34px;color:hsl(var(--foreground));background:hsl(var(--raised-background));outline:0;padding:0 9px}.animation-layer-text-field input:focus-visible{border-color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--focus-ring) / .24)}@container (max-width:300px){.animation-layer-create{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-sequence-layer>button,.animation-sequence-transition{grid-template-columns:20px minmax(62px,1fr);gap:5px}.animation-sequence-layer-actions{grid-template-columns:repeat(3,22px)}.animation-sequence-layer-actions button{width:22px}}.animation-shader-controls{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background))}.animation-shader-controls>summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:9px 10px;list-style:none;display:grid}.animation-shader-controls>summary::-webkit-details-marker{display:none}.animation-shader-controls>summary span{font-size:var(--studio-control-value-size);font-weight:620}.animation-shader-controls>summary small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size)}.animation-shader-controls-body{border-top:1px solid hsl(var(--border));flex-direction:column;gap:12px;padding:0 10px 10px;display:flex}.animation-shader-controls-body>:first-child{margin-top:10px}.animation-body>section{overscroll-behavior:contain;grid-area:canvas;width:100%;min-width:0;min-height:0;overflow-y:auto}.animation-canvas-section{container-type:inline-size}.studio-artboard-bar{z-index:6;border-bottom:1px solid hsl(var(--border));background:linear-gradient(180deg, hsl(var(--foreground) / .025), transparent), hsl(var(--background) / .96);min-width:0;min-height:46px;box-shadow:0 7px 22px hsl(var(--shadow-color) / .035);flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 8px;display:flex;position:sticky;top:0}.studio-artboard-start,.studio-artboard-settings{align-items:center;gap:8px;min-width:0;display:flex}.studio-artboard-start{flex:250px}.studio-artboard-settings{flex:220px}.studio-artboard-bar-picker{flex:160px;align-items:center;gap:4px;min-width:0;max-width:210px;display:flex}.studio-artboard-bar-picker>svg{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));flex:none;padding:7px}.studio-artboard-select{border-radius:var(--studio-corner-sm);font-weight:500;height:32px!important;padding-inline:10px!important}.studio-artboard-bar button{font-size:var(--studio-toolbar-label-size);flex-shrink:0;line-height:1}.studio-artboard-bar .studio-artboard-select{width:0;min-width:44px;font-size:var(--studio-toolbar-label-size);flex:1 1 0}.studio-artboard-dimensions,.studio-artboard-summary{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-toolbar-meta-size);font-variant-numeric:tabular-nums}.studio-artboard-dimensions{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .28);white-space:nowrap;flex:none;align-items:center;height:32px;padding-inline:9px;display:inline-flex}.studio-artboard-summary{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 220px;min-width:0;overflow:hidden}.studio-artboard-actions,.studio-artboard-primary-actions,.studio-artboard-extra-actions{align-items:center;gap:4px;min-width:0;display:flex}.studio-artboard-actions{flex:none;justify-content:flex-end;gap:6px;margin-left:auto}.studio-artboard-primary-actions,.studio-artboard-extra-actions{flex:none}.studio-artboard-extra-actions{border-left:1px solid hsl(var(--border));padding-left:6px}.studio-artboard-actions button{border-radius:var(--studio-corner-sm);height:32px}.studio-artboard-actions button svg{width:13px;height:13px}@container (max-width:1000px){.studio-artboard-summary{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container (max-width:620px){.studio-artboard-start,.studio-artboard-settings{gap:6px}.studio-artboard-bar-picker>svg,.studio-artboard-primary-actions button span{display:none}.studio-artboard-primary-actions button{width:32px;padding-inline:0}.studio-artboard-dimensions{padding-inline:6px}}@container (max-width:440px){.studio-artboard-bar{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.studio-artboard-start{flex:1 0 286px}}.studio-control-tooltip{z-index:280;border:1px solid hsl(var(--foreground) / .2);background:hsl(var(--popover));width:max-content;max-width:min(280px,100vw - 20px);color:hsl(var(--popover-foreground));box-shadow:0 5px 18px hsl(var(--shadow-color) / .16);overflow-wrap:anywhere;pointer-events:auto;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:500;line-height:1.4;position:fixed}.studio-control-tooltip[data-positioned=false]{visibility:hidden}.animation-timeline{z-index:8;border-top:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));background:linear-gradient(180deg, hsl(var(--foreground) / .018), transparent 68px), hsl(var(--background));box-shadow:0 -10px 32px hsl(var(--shadow-color) / .045);flex:none;position:relative}.animation-timeline-toolbar{border-bottom:1px solid hsl(var(--border));grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:7px 10px;display:grid}.animation-timeline-transport,.animation-timeline-status,.animation-timeline-status label{align-items:center;min-width:0;display:flex}.animation-timeline-transport{gap:4px}.animation-timeline-transport button,.animation-timeline-status button,.animation-audio-track-actions button{border-radius:var(--studio-corner-sm)}.animation-timeline-heading{align-items:center;min-width:0;display:flex}.animation-timeline-storyboard-control{align-items:center;gap:12px;min-width:0;display:flex}.animation-timeline-heading strong{font-size:var(--studio-control-value-size);font-weight:650}.animation-timeline-status{gap:12px}.animation-timeline-status label{color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);gap:7px}.animation-timeline-status output{min-width:116px;color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums;text-align:left}.animation-timeline-scrubber{flex:auto;align-items:center;min-width:0;display:flex}.animation-timeline-scrubber input,.animation-audio-master-volume input,.animation-audio-inspector input[type=range]{width:100%;accent-color:hsl(var(--foreground))}.animation-timeline-scroll{scrollbar-color:hsl(var(--foreground) / .25) transparent;scrollbar-width:thin;min-width:0;overflow:auto hidden;container:animation-timeline-scroll/inline-size}.animation-timeline-content{min-width:100%;position:relative;overflow:clip}.animation-storyboard-track{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .08);align-items:stretch;min-width:100%;min-height:96px;padding:8px 10px;display:flex;position:relative}.animation-storyboard-segment{flex:1 0 224px;grid-template-columns:minmax(0,1fr);gap:0;min-width:224px;padding-right:0;display:grid}.animation-storyboard-frame,.animation-storyboard-transition{min-width:0;color:hsl(var(--foreground));background:hsl(var(--raised-background));text-align:left;border:0;border-radius:0;outline:0;flex-direction:column;transition:opacity .12s ease-out,box-shadow .12s ease-out;display:flex;position:relative;overflow:hidden}.animation-storyboard-transition{container-type:inline-size}@container (max-width:54px){.animation-storyboard-transition-caption{place-items:center;padding:0;display:grid}.animation-storyboard-transition-caption>:is(b,strong,small){display:none}.animation-storyboard-transition-caption:after{color:#ffffffd1;content:"→";text-shadow:0 1px 4px #000000e6;font-size:12px}}@media (hover:hover) and (pointer:fine){.animation-storyboard-frame:hover,.animation-storyboard-transition:hover{z-index:2;opacity:1}}.animation-storyboard-frame[data-selected=true]{opacity:1;box-shadow:inset 0 -2px hsl(var(--foreground) / .9)}.animation-storyboard-frame[data-selected=false],.animation-storyboard-transition{opacity:.86}.animation-storyboard-transition[aria-pressed=true]{z-index:1;opacity:1;box-shadow:inset 0 -2px hsl(var(--foreground) / .9)}.animation-storyboard-frame:focus-visible,.animation-storyboard-transition:focus-visible,.animation-audio-clip button:focus-visible,.animation-audio-empty:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.animation-timeline-preview-canvas{object-fit:contain;background:#0b0b0b;width:100%;height:80px;display:block}.animation-storyboard-transition .animation-timeline-preview-canvas{opacity:.72;filter:saturate(.7)contrast(.88)}.animation-storyboard-caption{z-index:1;color:#fff;text-shadow:0 1px 4px #000000d9;background:linear-gradient(#000000a3,#0000 54%,#0000009e);grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:5px;min-width:0;padding:7px 7px 6px;display:grid;position:absolute;inset:0}.animation-storyboard-caption b,.animation-storyboard-caption small,.animation-storyboard-transition span small{color:#ffffffb8;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:8px;font-weight:500}.animation-storyboard-caption strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.animation-storyboard-caption small{position:absolute;bottom:6px;right:7px}.animation-storyboard-transition-caption{z-index:1;color:#fff;text-shadow:0 1px 4px #000000e6;background:linear-gradient(90deg,#ffffff1a,#0000 1px) 0/1px 100% no-repeat,linear-gradient(#0000002e,#00000057 42%,#000000e6);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 3px;min-width:0;padding:8px 7px 7px;display:grid;position:absolute;inset:0}.animation-storyboard-transition-caption b{color:#ffffffc7;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:8px;font-weight:500;line-height:1}.animation-storyboard-transition-caption strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;align-self:end;max-width:100%;font-size:10px;font-weight:640;line-height:1.2;overflow:hidden}.animation-storyboard-transition-caption small{grid-area:1/2;justify-self:end;line-height:1.2;display:block}.animation-timeline-playhead{z-index:20;pointer-events:none;will-change:transform;width:calc(100% - 20px);position:absolute;top:0;bottom:0;left:10px;transform:translate(0)}.animation-storyboard-track>.animation-timeline-playhead{bottom:-1px}.animation-timeline-playhead-handle{cursor:ew-resize;touch-action:none;pointer-events:auto;background:0 0;border:0;outline:0;width:17px;padding:0;position:absolute;top:0;bottom:0;left:-8px}.animation-timeline-playhead-handle:before{content:"";background:0 0;border-radius:4px;transition:background-color .12s ease-out;position:absolute;inset:0 4px}.animation-timeline-playhead-handle span{background:hsl(var(--foreground) / .92);width:2px;box-shadow:0 0 0 1px hsl(var(--background) / .72), 0 0 7px hsl(var(--shadow-color) / .48);inset-block:0;position:absolute;left:8px;transform:translate(-1px)}.animation-timeline-playhead-handle i{border:1px solid hsl(var(--background) / .82);background:hsl(var(--foreground));width:11px;height:9px;box-shadow:0 2px 6px hsl(var(--shadow-color) / .42);border-radius:0 0 5px 5px;position:absolute;top:0;left:3px}.animation-audio-playhead{width:100%;left:0}.animation-audio-playhead .animation-timeline-playhead-handle i{display:none}.animation-timeline[data-scrubbing=true] .animation-timeline-playhead-handle,.animation-timeline-playhead-handle:active{cursor:grabbing}.animation-timeline[data-scrubbing=true] .animation-timeline-playhead-handle:before,.animation-timeline-playhead-handle:focus-visible:before{background:hsl(var(--focus-ring) / .14)}@media (hover:hover) and (pointer:fine){.animation-timeline-playhead-handle:hover:before{background:hsl(var(--foreground) / .08)}}.animation-audio-track{background:hsl(var(--muted) / .12);min-width:100%}.animation-audio-track-header{z-index:4;border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:12px;width:100cqw;min-height:42px;padding:5px 10px;display:grid;position:sticky;left:0}.animation-audio-track[data-expanded=false] .animation-audio-track-header{border-top:0}.animation-audio-track-title,.animation-audio-track-actions{align-items:center;min-width:0;display:flex}.animation-audio-track-title{border-radius:var(--studio-corner-sm);color:hsl(var(--foreground));text-align:left;background:0 0;border:0;flex:auto;gap:7px;overflow:hidden}.animation-audio-track-title>svg:first-child{width:13px;height:13px;color:hsl(var(--muted-foreground));flex:none}.animation-audio-track-title>svg:last-child{width:11px;height:11px;color:hsl(var(--muted-foreground));flex:none;margin-left:auto}.animation-audio-track-title>span{font-size:var(--studio-control-value-size);font-weight:640}.animation-audio-track-title small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-audio-track-actions{flex:none;gap:8px}.animation-audio-mixer,.animation-audio-edit-actions{align-items:center;gap:4px;min-width:0;display:flex}.animation-audio-mixer{border-right:1px solid hsl(var(--border));padding-right:8px}.animation-audio-track-title:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}@media (hover:hover) and (pointer:fine){.animation-audio-track-title:hover{background:hsl(var(--muted) / .52)}}.animation-audio-track-actions button{height:28px;font-size:var(--studio-control-label-size)}.animation-audio-master-volume{width:190px;color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-template-columns:auto minmax(72px,1fr) 34px;align-items:center;gap:7px;display:grid}.animation-audio-master-volume output,.animation-audio-clip-volume output{color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;text-align:right;font-size:8px}.animation-audio-lane{min-height:68px;box-shadow:inset 1px 0 hsl(var(--border) / .62), inset -1px 0 hsl(var(--border) / .62);background-image:linear-gradient(180deg, hsl(var(--foreground) / .02), transparent);background-size:100% 100%;margin-inline:10px;position:relative;overflow:hidden}.animation-audio-lane-guides{z-index:0;pointer-events:none;position:absolute;inset:0}.animation-audio-lane-guides i{background:hsl(var(--border) / .62);width:1px;position:absolute;inset-block:0;transform:translate(-.5px)}.animation-audio-empty{cursor:pointer;min-height:68px;color:hsl(var(--muted-foreground));grid-template-columns:auto auto minmax(0,1fr);justify-content:start;align-items:center;gap:7px;padding:9px 12px;display:grid}.animation-audio-empty>svg{width:14px;height:14px}.animation-audio-empty span{color:hsl(var(--foreground));font-size:var(--studio-control-label-size);font-weight:590}.animation-audio-empty small{font-size:var(--studio-control-meta-size)}.animation-audio-clip{border:1px solid hsl(var(--foreground) / .35);border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background));min-width:18px;box-shadow:0 3px 10px hsl(var(--shadow-color) / .1);position:absolute;top:6px;bottom:6px}.animation-audio-clip[data-selected=true]{border-color:hsl(var(--foreground));box-shadow:inset 0 0 0 1px hsl(var(--foreground))}.animation-audio-clip-body{cursor:grab;touch-action:none;min-width:0;color:hsl(var(--foreground));text-align:left;background:0 0;position:absolute;inset:0 6px;overflow:hidden}.animation-audio-clip-body:active{cursor:grabbing}.animation-audio-waveform{opacity:.42;align-items:center;gap:1px;display:flex;position:absolute;inset:4px 2px}.animation-audio-waveform i{background:hsl(var(--foreground));border-radius:2px;flex:1px;min-width:1px;max-width:3px}.animation-audio-clip-label,.animation-audio-clip-body>small{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);text-shadow:0 1px 5px hsl(var(--background));margin-left:4px;display:block;position:relative;overflow:hidden}.animation-audio-clip-label{margin-top:8px;font-size:9px;font-weight:650}.animation-audio-clip-body>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:7px}.animation-audio-trim{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;width:10px;position:absolute;top:0;bottom:0}.animation-audio-trim:after{content:"";background:hsl(var(--foreground) / .7);border-radius:2px;width:2px;position:absolute;top:9px;bottom:9px}.animation-audio-trim-start{left:-1px}.animation-audio-trim-start:after{left:3px}.animation-audio-trim-end{right:-1px}.animation-audio-trim-end:after{right:3px}.animation-audio-inspector{z-index:4;border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(120px,1fr) repeat(3,minmax(86px,.45fr)) minmax(180px,.8fr) auto;align-items:center;gap:8px;width:100cqw;min-height:46px;padding:5px 8px;display:grid;position:sticky;left:0}@container animation-timeline-scroll (max-width:900px){.animation-audio-track-header{grid-template-columns:minmax(0,1fr)}.animation-audio-track-actions{flex-wrap:wrap;width:100%}.animation-audio-mixer{flex:240px}.animation-audio-master-volume{width:min(210px,100%)}.animation-audio-inspector{grid-template-columns:repeat(3,minmax(70px,1fr)) auto}.animation-audio-inspector>strong{grid-column:1/-1}.animation-audio-inspector .animation-audio-clip-volume{grid-column:1/-2}}.animation-audio-inspector>strong{font-size:var(--studio-control-label-size);text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.animation-audio-inspector label{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.animation-audio-inspector .animation-audio-clip-volume{grid-template-columns:auto minmax(72px,1fr) 34px}.animation-audio-inspector input[type=number]{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;min-width:0;height:26px;color:hsl(var(--foreground));background:hsl(var(--raised-background));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;outline:0;padding:0 6px;font-size:9px}.animation-audio-inspector input:focus-visible{border-color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--focus-ring) / .25)}@media (max-width:900px){.animation-timeline-toolbar{grid-template-columns:auto minmax(72px,1fr) auto;gap:8px}.animation-timeline-heading{display:none}.animation-timeline-status{gap:7px}.animation-timeline-status output{min-width:92px}.animation-audio-track-header{grid-template-columns:minmax(0,1fr)}.animation-audio-track-actions{flex-wrap:wrap;width:100%}.animation-audio-mixer{flex:240px}.animation-audio-master-volume{width:min(210px,100%)}.animation-audio-inspector{grid-template-columns:repeat(3,minmax(70px,1fr)) auto}.animation-audio-inspector>strong{grid-column:1/-1}.animation-audio-inspector .animation-audio-clip-volume{grid-column:1/-2}}.lottie-editor-body{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"source canvas properties";display:grid;overflow:hidden}.lottie-source-sidebar{grid-area:source}.lottie-canvas{grid-area:canvas}.lottie-properties-sidebar{border-right:0;grid-area:properties;border-left:1px solid hsl(var(--border))!important}.lab-workspace{background:hsl(var(--canvas-background))}.studio-sidebar{border-color:hsl(var(--border));min-width:0;min-height:0;container-type:inline-size}.studio-sidebar.lab-sidebar-left{border-right:1px solid hsl(var(--border))}.studio-sidebar.lab-sidebar-right{border-left:1px solid hsl(var(--border))}.lab-sidebar{min-width:0;min-height:0;color:hsl(var(--foreground));background:linear-gradient(180deg, hsl(var(--foreground) / .025), transparent 180px), hsl(var(--background))}.lab-sidebar-right{background:radial-gradient(circle at 100% 0, hsl(var(--emphasis) / .08), transparent 220px), linear-gradient(180deg, hsl(var(--raised-background)), hsl(var(--muted) / .2));box-shadow:-18px 0 48px hsl(var(--shadow-color) / .045)}.lab-panel-heading{gap:var(--studio-panel-gap);min-height:var(--studio-panel-heading-min-height);padding:var(--studio-panel-padding);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .58);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.lab-panel-heading[data-density=compact]{background:0 0;border-bottom:0;min-height:0;padding:0}.lab-panel-heading h2{font-size:var(--studio-panel-title-size);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-weight:620;line-height:1.25;overflow:hidden}.lab-panel-heading>div>p{color:hsl(var(--muted-foreground));font-size:var(--studio-panel-copy-size);margin-top:.35rem;line-height:1.45}.lab-panel-action{align-self:start}.lab-panel-action button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.lab-panel-action button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.lab-panel-action button svg{width:13px;height:13px}.lab-inspector-section{gap:var(--studio-panel-gap);padding:var(--studio-panel-padding);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .34);font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);flex-direction:column;flex:none;display:flex}.lab-inspector-section :where(button,input,textarea,[role=combobox]){min-width:0}.studio-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.studio-field{flex-direction:column;gap:5px;min-width:0;display:flex}.studio-field-label{color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-field-input{border:1px solid hsl(var(--input));border-radius:var(--studio-corner-sm);width:100%;height:36px;color:hsl(var(--foreground));background:hsl(var(--background));font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;outline:none;padding-inline:8px;overflow:hidden}.studio-field-input:focus{border-color:hsl(var(--foreground))}.studio-toggle-row{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:36px;font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.studio-toggle-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-toggle-row>input{width:16px;height:16px;accent-color:hsl(var(--foreground));flex:none}.studio-choice-grid{gap:6px;min-width:0;display:grid}.studio-choice-grid-timing{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-choice-grid-easing{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-choice-grid>button{width:100%;min-width:0;font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;padding-inline:7px;overflow:hidden}@container (min-width:380px){.studio-choice-grid-timing{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-choice-grid-easing{grid-template-columns:repeat(4,minmax(0,1fr))}}.lab-sidebar-right .lab-inspector-section:nth-of-type(2n){background:hsl(var(--muted) / .25)}.lab-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lab-section-heading>div{align-items:center;gap:.55rem;display:flex}.lab-section-heading h2{font-size:var(--studio-section-title-size);letter-spacing:-.01em;font-weight:620}.lab-section-marker,.lab-section-heading small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);letter-spacing:.08em;text-transform:uppercase}.lab-section-marker{width:var(--studio-control-icon-size);height:var(--studio-control-icon-size);border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background) / .72);place-items:center;display:inline-grid}.lab-section-marker svg{width:var(--studio-control-glyph-size);height:var(--studio-control-glyph-size)}.lab-section-trailing{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.lab-section-trailing button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.lab-section-trailing button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.lab-section-trailing button svg{width:13px;height:13px}.lab-section-description{color:hsl(var(--muted-foreground));font-size:var(--studio-panel-copy-size);line-height:1.5}.lab-sidebar .studio-range::-webkit-slider-thumb{border-color:hsl(var(--emphasis));background:hsl(var(--raised-background))}.lab-sidebar .studio-range::-moz-range-thumb{border-color:hsl(var(--emphasis));background:hsl(var(--raised-background))}@media (max-width:980px){.animation-body,.lottie-editor-body{grid-template-columns:auto minmax(420px,1fr) auto}.lab-panel-heading{min-height:90px}}.surface-material-stage canvas{width:100%!important;height:100%!important}@media (prefers-reduced-motion:no-preference){.studio-app,.studio-app-header,.project-tabs,.project-dither-panel,.studio-nav,.tool-inspector,.tool-canvas,.canvas-viewport-toolbar{transition:color .16s,border-color .16s,background-color .16s}}.studio-artifact-workspace{width:100%}.studio-artifact-frame{width:100%;max-width:64rem}.studio-artifact-artboard{box-shadow:var(--studio-shadow-lg)}@media (max-width:1100px){:root{--studio-inspector-width:272px;--studio-rail-width:208px}.studio-app-header{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr)}.studio-github-star-button .github-star-button__label{display:none}.studio-app-body{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr)}.tool-body{grid-template-columns:auto minmax(0,1fr)}.brand-elements-body{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"editor canvas"}.brand-elements-catalog{display:none}.brand-elements-mobile-select{width:min(230px,45%);display:block!important}.animation-body,.lottie-editor-body{grid-template-columns:auto auto minmax(0,1fr)}}@media (max-width:1180px){.studio-body{grid-template-columns:1fr}.studio-inspector{border-right:0;border-bottom:1px solid hsl(var(--border));max-height:none;order:2!important}.studio-body>section{min-height:560px;order:1!important}.studio-stage{min-height:260px;padding:1.25rem}.animation-body{grid-template-columns:1fr;grid-template-areas:"canvas""source""properties";overflow-y:auto}.animation-body .studio-inspector{border-left:0;border-right:0;max-height:none}.animation-body>.resizable-sidebar,.lottie-editor-body>.resizable-sidebar{width:100%!important}.animation-body>.resizable-sidebar .resizable-sidebar-handle,.animation-body>.resizable-sidebar .resizable-sidebar-toggle,.lottie-editor-body>.resizable-sidebar .resizable-sidebar-handle,.lottie-editor-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.animation-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll,.lottie-editor-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.animation-body .studio-inspector:not(.studio-inspector-right){order:2}.animation-body .studio-inspector-right{order:3}.animation-body>section{order:1;min-height:560px}.lottie-editor-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""source""properties";overflow-y:auto}.lottie-canvas{min-height:560px}.lottie-source-sidebar,.lottie-properties-sidebar{border-left:0;border-right:0;max-height:none;overflow:visible}}@media (max-width:760px){.studio-app-header{grid-template-columns:minmax(0,1fr)}.studio-app-header>a,.studio-nav{display:none}.studio-app-body,.project-tabs-shell{grid-template-columns:minmax(0,1fr)}.studio-export-progress{left:0}.project-dither-panel{display:none}.studio-mobile-tool{width:min(42%,180px);display:block}.brand-elements-mobile-select{width:100%;display:block!important}.tool-body{flex-direction:column;display:flex;overflow-y:auto}.tool-body>.resizable-sidebar,.brand-identity-body>.resizable-sidebar{width:100%!important}.tool-body>.resizable-sidebar .resizable-sidebar-handle,.tool-body>.resizable-sidebar .resizable-sidebar-toggle,.brand-identity-body>.resizable-sidebar .resizable-sidebar-handle,.brand-identity-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.tool-body>.resizable-sidebar .resizable-sidebar-scroll,.brand-identity-body>.resizable-sidebar .resizable-sidebar-scroll{overflow:visible}.tool-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll,.brand-identity-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.brand-elements-canvas{order:1}.brand-elements-editor{border-top:1px solid hsl(var(--border));border-left:0;order:2;max-height:none;overflow:visible}.design-board-body{display:flex!important}.design-board-body .tool-inspector{flex:none;order:1}.design-board-body .tool-canvas{order:2}.tool-inspector{border-top:1px solid hsl(var(--border));border-right:0;order:2;overflow:visible}.tool-canvas{flex:none;min-height:min(500px,58dvh);overflow:hidden visible}.tool-lab-body>.tool-canvas{order:1}.tool-lab-body>.tool-library{border-top:1px solid hsl(var(--border));order:2;height:min(420px,55dvh);overflow:hidden!important}.tool-lab-body>.tool-library .resizable-sidebar-scroll{overflow-y:auto}.tool-lab-body>.tool-inspector{order:3}.artifact-preview{max-width:calc(100vw - 3rem)}.studio-artifact-workspace{align-content:start;padding:1.5rem}}@media (min-width:761px) and (max-width:1180px){.studio-app{--studio-rail-width:60px}.studio-nav .studio-sidebar-scroll{padding:6px}.studio-nav section{padding-block:6px}.studio-nav section+section{border-top:1px solid hsl(var(--border))}.studio-nav section h2,.studio-nav section button>span,.studio-sidebar-help a>span{display:none}.studio-nav section button{justify-content:center;padding-inline:0}.studio-sidebar-help{gap:0;padding:4px}.studio-sidebar-help a{justify-content:center;padding-inline:0}.studio-app-header>a{padding-inline:16px;overflow:hidden}.studio-app-header>a>p{display:none}}@media (max-width:500px){.artifact-preview{max-width:calc(100vw - 2rem)}.studio-artifact-workspace{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand-type-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.brand-type-role-grid>article{border:1px solid hsl(var(--border));border-radius:7px;flex-direction:column;gap:.9rem;min-width:0;padding:1rem;display:flex}.brand-type-role-grid article>header{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.6rem;display:flex}.brand-type-role-grid article>p{overflow-wrap:anywhere;min-height:92px;font-size:clamp(1.45rem,3vw,2.75rem);overflow:hidden}.brand-type-role-controls{border-top:1px solid hsl(var(--border));grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:.9rem;display:grid}.brand-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.brand-color-grid>article{border:1px solid hsl(var(--border));border-radius:7px;min-width:0;overflow:hidden}.brand-color-swatch{flex-direction:column;justify-content:space-between;min-height:154px;padding:.85rem;display:flex}.brand-color-swatch strong{font-size:.78rem}.brand-color-swatch code{opacity:.66;font-size:.58rem;line-height:1.65}.brand-color-fields{background:hsl(var(--background));flex-direction:column;gap:.5rem;padding:.7rem;display:flex}@media (max-width:900px){.brand-asset-grid,.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-type-role-grid,.brand-font-file-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:580px){.brand-identity-masthead-counts,.brand-identity-logo-strip,.brand-type-role-controls,.brand-asset-upload-row,.brand-asset-grid,.brand-color-grid{grid-template-columns:minmax(0,1fr)}}.brand-system-diagram{aspect-ratio:3;border:1px solid var(--diagram-ink);width:100%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brand-system-diagram{border:1px solid color-mix(in srgb, var(--diagram-ink) 28%, transparent)}}.brand-system-diagram{background:var(--diagram-paper);font-family:var(--diagram-font), sans-serif;font-weight:var(--diagram-font-weight)}.brand-system-diagram[data-compact=true]{aspect-ratio:3.8;border-width:1px 0 0}.brand-system-diagram svg{width:100%;height:100%;display:block}.brand-dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.brand-asset-upload,.brand-font-upload,.brand-asset-card,.brand-asset-preview span,.brand-font-file-list>div,.brand-font-file-glyph,.brand-type-role-grid>article,.brand-color-grid>article,.brand-identity-logo-strip{border-radius:var(--studio-corner-md)}.brand-color-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}@media (max-width:580px){.brand-dossier-grid,.brand-reference-grid{grid-template-columns:minmax(0,1fr)}}.marketing-page button:focus-visible,.marketing-page a:focus-visible{outline-offset:3px;outline:2px solid #7256ff}.marketing-v5-brand img{width:30px;height:30px}.marketing-v5-brand small{border-left:1px solid var(--marketing-v5-line);color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;padding-left:.7rem;font-size:.56rem;font-weight:500}.marketing-v5-nav a{border-right:1px solid var(--marketing-v5-line);min-width:86px;color:var(--marketing-v5-muted);place-items:center;padding-inline:1rem;font-size:.76rem;font-weight:550;text-decoration:none;transition:color .15s,background-color .15s;display:grid}.marketing-v5-primary-link{border:1px solid var(--marketing-v5-black);color:#fff;background:var(--marketing-v5-black);justify-content:center;place-self:center end;align-items:center;gap:.55rem;min-height:42px;margin-right:1rem;padding:0 1.15rem;font-size:.76rem;font-weight:550;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.marketing-v5-primary-link svg{width:15px;height:15px}.marketing-v5-primary-link--large{min-height:50px;margin:0;padding-inline:1.35rem;font-size:.82rem}.marketing-v5-primary-link--inverse{color:var(--marketing-v5-black);background:#fff;border-color:#fff;margin:0}.marketing-v5-primary-link--inverse:hover{color:#fff;background:0 0}.marketing-v5-hero-copy>h1{letter-spacing:-.075em;text-wrap:balance;margin:1.35rem auto 0;font-size:clamp(4.2rem,8.2vw,8.4rem);font-weight:550;line-height:.86}.marketing-v5-hero-copy>p:not(.marketing-v5-kicker){max-width:690px;color:var(--marketing-v5-muted);margin:2rem auto 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.marketing-v5-secondary-link{border:1px solid var(--marketing-v5-line);min-height:50px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);align-items:center;padding:0 1.35rem;font-size:.82rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v5-secondary-link:hover{border-color:var(--marketing-v5-black)}.marketing-v5-arc-field{z-index:-1;background:#3820a4;position:absolute;inset:0;overflow:hidden}.shader-skeleton{isolation:isolate;pointer-events:none;color:#8d8d88;background:#ecece9;display:block;position:absolute;inset:0;overflow:hidden}.dark .shader-skeleton,.marketing-v5-arc-field .shader-skeleton{color:#55555d;background:#18181a}.shader-skeleton:before{content:"";opacity:.4;background-image:radial-gradient(currentColor .75px,#0000 1px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 18%,#000,#0000 62%);mask-image:radial-gradient(at 70% 18%,#000,#0000 62%)}.shader-skeleton:after{content:"";opacity:.2;border:1px solid;border-radius:50%;position:absolute;inset:16% -12% -56% 8%;transform:rotate(-24deg)}[data-live-material-surface]>.live-material-loading{display:none}[data-live-material-surface][data-live-material-ready=false]>.live-material-loading,[data-live-material-surface][data-live-material-ready=error]>.live-material-loading{display:block}[data-live-material-surface]:not(:has(canvas))>.live-material-loading{display:block}[data-live-material-surface]:has([data-live-material-ready=false],[data-live-material-ready=error])>.live-material-loading{display:block}[data-live-material-surface][data-live-material-swapping]>.live-material-loading{display:none}[data-live-material-surface]:has([data-live-material-still])>.live-material-loading{display:none}.authentic-shader-preview{display:block;position:absolute;inset:0;overflow:hidden}.authentic-shader-preview>.authentic-shader-preview-image{object-fit:cover;border:0;border-radius:0;width:100%;min-width:0;max-width:none;height:100%;max-height:none;margin:0;display:block;position:absolute;inset:0}.marketing-v5-logo-rail-heading:hover{background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-logo-rail-heading:hover{background:color-mix(in srgb, var(--marketing-v5-paper) 90%, var(--marketing-v5-ink))}}.marketing-v5-logo-rail-heading svg{flex:none;width:16px;height:16px}.marketing-v5-logo-rail-mark img{width:var(--marketing-v5-logo-rail-mark-size);height:var(--marketing-v5-logo-rail-mark-size);object-fit:contain;opacity:.88;grid-area:1/1;transition:opacity .16s ease-out,transform .16s ease-out;display:block;transform:scale(1)}.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{letter-spacing:-.067em;margin:1rem 0 0;font-size:clamp(3rem,5vw,5.5rem);font-weight:550;line-height:.94}.marketing-v5-section-heading>p:last-child{max-width:620px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v5-capability-grid article{background:var(--marketing-v5-paper);flex-direction:column;min-height:300px;padding:1.35rem;transition:color .18s,background-color .18s;display:flex;position:relative;overflow:hidden}.marketing-v5-capability-grid article>span{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.55rem}.marketing-v5-capability-grid article>svg{width:22px;height:22px;margin-top:auto}.marketing-v5-capability-grid h3{letter-spacing:-.04em;margin:1.25rem 0 0;font-size:1.45rem;font-weight:550}.marketing-v5-capability-grid p{opacity:.62;margin:.75rem 0 0;font-size:.78rem;line-height:1.58}.marketing-v5-product-card h2{letter-spacing:-.062em;max-width:620px;margin:1.25rem 0 0;font-size:clamp(2.6rem,4vw,4.6rem);font-weight:550;line-height:.96}.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{max-width:none;font-size:clamp(2.6rem,3.45vw,4rem)}.marketing-v5-product-card-title--motion>span{white-space:nowrap;display:block}.marketing-v5-product-card p{color:currentColor;opacity:.58;max-width:520px;margin:1.1rem 0 0;font-size:.82rem;line-height:1.6}.marketing-v5-product-card--dark .marketing-v5-product-card-image{background:#222;border-color:#444}.marketing-v5-product-card-image img{object-fit:cover;object-position:top left}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){color:#ffffff94;max-width:620px;margin:1.6rem 0 0;line-height:1.7}.marketing-v5-agent-links{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem;display:flex}.marketing-v5-footer-top>img{width:72px;height:72px}.marketing-v5-footer-top h2{letter-spacing:-.075em;margin:.9rem 0 0;font-size:clamp(3.5rem,7vw,7.8rem);font-weight:550;line-height:.9}.marketing-v5-footer-wordmark{letter-spacing:-.075em;white-space:nowrap;border-bottom:1px solid #ffffff2e;padding:0 .8rem;font-size:clamp(5rem,15.4vw,14.8rem);font-weight:550;line-height:.86;overflow:hidden}.marketing-v5-footer-bottom div{flex-wrap:wrap;gap:1.2rem;display:flex}.marketing-v5-footer-bottom a{color:inherit;text-decoration:none}@media (max-width:760px){.marketing-v5-header>.marketing-v5-primary-link{min-height:36px;margin-right:.65rem;padding-inline:.85rem}.marketing-v5-hero-copy>h1{font-size:clamp(3.7rem,18vw,6.3rem);line-height:.88}.marketing-v5-logo-rail>div{border-right:0;border-bottom:1px solid var(--marketing-v5-line);gap:1rem;min-height:54px}.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{font-size:clamp(2.8rem,13vw,4.3rem)}.marketing-v5-capability-grid article{min-height:250px}.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{font-size:clamp(2.6rem,12vw,4rem)}.marketing-v5-product-card-title--motion>span{white-space:normal;display:inline}.marketing-v5-footer-top>img{width:52px;height:52px}.marketing-v5-footer-wordmark{padding-inline:.25rem;font-size:16.1vw}}.marketing-v5-header-actions .marketing-v5-primary-link{margin-right:0}.marketing-v5-header-icon-link{border:1px solid var(--marketing-v5-line);width:34px;height:34px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);border-radius:8px;flex:none;place-items:center;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:grid}.marketing-v5-header-icon-link:hover{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-header-icon-link svg{width:14px;height:14px}.marketing-v5-theme-toggle{border:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);height:34px;padding:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.marketing-v5-theme-toggle{background:color-mix(in srgb, var(--marketing-v5-paper) 92%, var(--marketing-v5-ink))}}.marketing-v5-theme-toggle button{min-width:34px;color:var(--marketing-v5-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.62rem;display:flex}.marketing-v5-theme-toggle button[aria-pressed=true]{color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-theme-toggle svg{width:13px;height:13px}html.dark .marketing-page-v5 .marketing-v5-nav a:hover,html.dark .marketing-page-v5 .marketing-v5-secondary-link{background:#191919}html.dark .marketing-page-v5 .marketing-v5-primary-link:not(.marketing-v5-primary-link--inverse){color:#111;background:#efefec;border-color:#efefec}.marketing-v5-hero-copy>h1{letter-spacing:-.052em;line-height:.9}.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{letter-spacing:-.034em;line-height:.98}.marketing-v5-product-card h2,.marketing-v5-theme-gallery h2,.marketing-v5-footer-top h2{letter-spacing:-.038em;line-height:.98}.marketing-v5-spacer{border-bottom:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);background-image:repeating-linear-gradient(45deg, transparent 0 6px, var(--marketing-v5-ink) 6px 7px);min-height:clamp(48px,4.5vw,64px);position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-v5-spacer{background-image:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in srgb, var(--marketing-v5-ink) 9%, transparent) 6px 7px)}}html.dark .marketing-page-v5 .marketing-v5-theme-shot--light{display:none}html.dark .marketing-page-v5 .marketing-v5-theme-shot--dark{display:block}.marketing-v5-theme-gallery h2{max-width:760px;margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:550}.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title{max-width:none;font-size:clamp(3rem,4.4vw,4.85rem)}.marketing-v5-theme-gallery-title>span{white-space:nowrap;display:block}.marketing-v5-theme-gallery-copy p{max-width:610px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v5-theme-gallery-grid>div:first-child{background:#e9e9e5;padding:clamp(1rem,2.5vw,2.5rem)}.marketing-v5-theme-gallery-grid>div:last-child{background:#222;padding:clamp(1rem,2.5vw,2.5rem)}.docs-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.5rem 0 3.5rem;display:grid}.docs-theme-gallery figure{border:1px solid var(--docs-line);background:var(--docs-raised);min-width:0;margin:0;overflow:hidden}.docs-theme-gallery figcaption{border-bottom:1px solid var(--docs-line);min-height:42px;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-inline:.8rem;font-size:.58rem;display:flex}.docs-theme-gallery figcaption small{color:var(--docs-muted);font:inherit}.docs-theme-gallery img{aspect-ratio:16/9;object-fit:cover;object-position:top left;width:100%;height:auto;display:block}@media (max-width:980px){.docs-theme-gallery{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.marketing-v5-theme-toggle button{min-width:30px;padding:0}.marketing-v5-theme-toggle button span{display:none}.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title{font-size:clamp(2.8rem,13vw,4.3rem)}.marketing-v5-theme-gallery-title>span{white-space:normal;display:inline}}.marketing-v5-nav a{min-width:0;color:var(--marketing-v5-ink);background:0 0;border:0;padding:0;font-size:.8rem}.marketing-v5-primary-link,.marketing-v5-secondary-link,.marketing-v5-theme-toggle{border-radius:8px}.marketing-v5-primary-link{min-height:42px;margin:0;padding-inline:1rem}.marketing-v5-primary-link:hover{color:#fff;background:#303030}.marketing-v5-secondary-link:hover{background:#f1f1ee;border-color:#aaa9a4}.marketing-v5-hero-copy>h1{letter-spacing:-.05em;max-width:820px;margin:0 auto;font-size:clamp(3.1rem,4.25vw,3.75rem);line-height:.94}.marketing-v5-hero-copy>p:not(.marketing-v5-kicker){max-width:600px;margin-top:.75rem;font-size:clamp(.92rem,1.15vw,1.02rem);line-height:1.55}@media (min-width:1200px){.marketing-v5-hero-copy>p:not(.marketing-v5-kicker):not(.marketing-v5-hero-license){max-width:840px}}.marketing-v5-animation-demo .animation-studio{width:100%;height:100%;min-height:0}.marketing-v5-animation-demo .animation-body{min-width:0}.marketing-v5-section-heading h2{margin:0}.marketing-v5-capability-grid article{border-right:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);min-height:330px;padding:2rem}.marketing-v5-capability-grid article:nth-child(3n){border-right:0}.marketing-v5-capability-grid article:nth-last-child(-n+3){border-bottom:0}.marketing-v5-capability-grid h3{margin-top:0}.marketing-v5-capability-preview img{object-fit:cover;object-position:top left}.marketing-v5-theme-gallery-grid>div:first-child,.marketing-v5-theme-gallery-grid>div:last-child{padding:clamp(1rem,2.4vw,2.25rem)}.marketing-v5-theme-gallery-grid>div:first-child{border-right:1px solid var(--marketing-v5-line)}.marketing-v5-product-card-image img{object-fit:contain;object-position:center;transform:none}.marketing-v5-product-card:last-child{border-right:0}@media (max-width:760px){.marketing-v5-hero-copy>h1{font-size:clamp(3rem,14.5vw,4.6rem)}.marketing-v5-logo-rail>div{border-right:0;min-height:54px}.marketing-v5-capability-grid article,.marketing-v5-capability-grid article:nth-child(3n),.marketing-v5-capability-grid article:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:290px}.marketing-v5-theme-gallery-grid>div:first-child{border-right:0;border-bottom:1px solid var(--marketing-v5-line)}.marketing-v5-product-card:last-child{border-bottom:0}}.marketing-v7-corner-frame>.marketing-v6-triangles{z-index:40}.marketing-v6-triangles{z-index:12;color:var(--marketing-v5-line);pointer-events:none;display:block;position:absolute;inset:0}.marketing-v6-triangles--dark{color:#353535}.marketing-v6-triangles>i{background:currentColor;width:4px;height:4px;display:block;position:absolute}.marketing-v7-open-source-copy h2{letter-spacing:-.052em;text-wrap:balance;max-width:680px;margin:0;font-size:clamp(3.25rem,6vw,6.2rem);font-weight:520;line-height:.94}.marketing-v7-open-source-copy>p{color:#fff9;max-width:610px;margin:1.5rem 0 0;line-height:1.65}.marketing-v7-social-links a{color:#f5f5f2;background:#1b1b1b;border:1px solid #4a4a4a;border-radius:7px;align-items:center;gap:.65rem;min-height:44px;padding:0 .95rem;font-size:.76rem;text-decoration:none;transition:border-color .16s,background-color .16s;display:inline-flex}.marketing-v7-social-links svg{fill:currentColor;width:16px;height:16px}.marketing-v8-open-source-panel-material{z-index:0;background:#401b45}.marketing-v8-open-source-panel-material:after{z-index:2;background:linear-gradient(180deg, transparent 46%, #14082233), linear-gradient(135deg, var(--marketing-shader-color-a), transparent 48%, var(--marketing-shader-color-a));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.marketing-v8-open-source-panel-material:after{background:linear-gradient(180deg, transparent 46%, #14082233), linear-gradient(135deg, color-mix(in srgb, var(--marketing-shader-color-a) 36%, transparent), transparent 48%, color-mix(in srgb, var(--marketing-shader-color-a) 28%, transparent))}}.marketing-v8-open-source-panel-material:after{content:"";pointer-events:none}.marketing-v7-open-source-panel-content>svg{width:min(56%,164px);height:auto;color:var(--marketing-v14-light-color,white);place-self:center start}.marketing-v8-open-source-glyph-field{z-index:0;opacity:.34;mix-blend-mode:screen;background:#0a0a0b;position:absolute;inset:-16%;transform:translate(-14%)}.marketing-v5-header-triangles>i{background:currentColor;width:4px;height:4px;display:block;position:absolute;bottom:0}.marketing-v5-primary-link--iridescent{color:#fff;background:linear-gradient(#111,#111) padding-box padding-box,linear-gradient(115deg,#18234d 0%,#4b35a5 48%,#795cff 100%) border-box;border-color:#0000;transition:color .15s,background-color .15s,box-shadow .18s;position:relative;box-shadow:0 0 0 1px #3229702e,0 0 18px #452ea44d}.marketing-v5-primary-link--iridescent:hover{color:#fff;background:linear-gradient(#202020,#202020) padding-box padding-box,linear-gradient(115deg,#23346c 0%,#5a42bd 48%,#8a70ff 100%) border-box;box-shadow:0 0 0 1px #46379a3d,0 0 22px #4b30b56b}html.dark .marketing-page-v5 .marketing-v5-primary-link--iridescent,html.dark .marketing-page-v5 .marketing-v5-primary-link--iridescent:hover{color:#111;background:linear-gradient(#f4f4f1,#f4f4f1) padding-box padding-box,linear-gradient(115deg,#23346c 0%,#5a42bd 48%,#8a70ff 100%) border-box}.marketing-v5-copy-prompt svg{width:15px;height:15px}.marketing-v5-hero-copy>p.marketing-v5-hero-license{margin-top:.5rem;font-size:.74rem;line-height:1.4}.marketing-v5-theme-toggle,.marketing-v5-header-icon-link,.marketing-v5-header-actions .marketing-v5-primary-link{height:var(--marketing-control-height);min-height:var(--marketing-control-height);border-radius:var(--marketing-control-radius)}.marketing-v5-theme-toggle,.marketing-v5-header-icon-link{width:var(--marketing-control-height);border:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);cursor:pointer;flex:none;place-items:center;padding:0;transition:border-color .14s,color .14s,background-color .14s;display:grid}.marketing-v5-theme-toggle:hover,.marketing-v5-header-icon-link:hover{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-theme-toggle svg,.marketing-v5-header-icon-link svg{width:15px;height:15px}.marketing-v5-header-actions .github-star-button{gap:.45rem;width:auto;min-width:106px;padding-inline:.65rem;display:inline-flex}.marketing-v5-header-actions .github-star-button__count{border-left-color:var(--marketing-v5-line);color:var(--marketing-v5-muted)}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{border-left-color:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{border-left-color:color-mix(in srgb, var(--marketing-v5-paper) 30%, transparent)}}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{color:var(--marketing-v5-paper)}.marketing-v5-header-actions .github-star-button__count svg{width:11px;height:11px}.marketing-v5-header-actions .marketing-v5-primary-link{padding-inline:1rem}.marketing-v5-primary-link,.marketing-v5-secondary-link{border-radius:var(--marketing-control-radius)}.marketing-v5-actions>.marketing-v5-primary-link,.marketing-v5-actions>.marketing-v5-secondary-link{justify-content:center;gap:.5rem;min-height:46px;margin:0;padding-inline:1.15rem;font-size:.8rem}.marketing-v5-primary-link--iridescent,.marketing-v5-primary-link--iridescent:hover{border-color:var(--marketing-v5-black);color:#fff;background:var(--marketing-v5-black);box-shadow:none}html.dark .marketing-page-v5 .marketing-v5-primary-link--iridescent,html.dark .marketing-page-v5 .marketing-v5-primary-link--iridescent:hover{color:#111;background:#efefec;border-color:#efefec}.marketing-v5-primary-link:focus-visible,.marketing-v5-secondary-link:focus-visible,.marketing-v5-theme-toggle:focus-visible,.marketing-v5-header-icon-link:focus-visible,.marketing-v5-nav a:focus-visible{outline:2px solid var(--marketing-v5-purple);outline-offset:3px}.marketing-v5-hero-grain-gradient{background:#201046}.marketing-v5-hero-studio .animation-studio{width:100%;height:100%;min-height:0}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-panel-heading{gap:.5rem;min-height:78px;padding:.7rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-panel-heading h2{font-size:.72rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section{gap:.6rem;padding:.65rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading{gap:.5rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading>div{gap:.35rem;min-width:0}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.65rem;overflow:hidden}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading span{min-width:1.25rem;min-height:1.15rem;font-size:.43rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-range-control{gap:.4rem;padding-block:.12rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control{gap:.5rem;padding:.5rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-row{grid-template-columns:30px minmax(0,1fr);gap:.375rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-swatch{width:30px;height:30px;padding:3px}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-hex-field{grid-template-columns:28px minmax(0,1fr)}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-oklch-field{grid-template-columns:38px minmax(0,1fr)}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-field>span{letter-spacing:.04em;padding-left:5px;font-size:7px}.marketing-v5-hero-studio .animation-body{--marketing-animation-source-column:minmax(210px, 21%);--marketing-animation-properties-column:minmax(185px, 19%);grid-template-areas:"source canvas properties";grid-template-columns:var(--marketing-animation-source-column) minmax(0, 1fr) var(--marketing-animation-properties-column);min-width:0;overflow:hidden}.marketing-v5-hero-studio .animation-body>.resizable-sidebar{align-self:stretch;max-width:100%;min-height:0;max-height:100%;width:100%!important;height:auto!important;overflow:visible!important}.marketing-v5-hero-studio .animation-canvas-section{min-height:0}@container (max-width:840px){.marketing-v5-hero-studio .animation-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""source""properties";overflow-y:auto}.marketing-v5-hero-studio .animation-body>.resizable-sidebar{max-width:none;width:100%!important}.marketing-v5-hero-studio .animation-canvas-section{min-height:560px}}.marketing-animation-placeholder i{background:linear-gradient(90deg,#0000 0 23%,#ffffff14 23% calc(23% + 1px),#0000 calc(23% + 1px) 48%,#ffffff14 48% calc(48% + 1px),#0000 calc(48% + 1px)),linear-gradient(#ffffff0d,#0000 40%);position:absolute;inset:0}.marketing-animation-placeholder span{z-index:2;color:#ffffffb8;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;background:#0c0c0cb8;border:1px solid #ffffff3d;padding:.45rem .6rem;font-size:.56rem;position:absolute;bottom:1rem;right:1rem}[data-motion-reveal][data-motion-state=waiting] [data-motion-item]{opacity:0;will-change:opacity, transform;transform:translateY(18px)}[data-motion-reveal][data-motion-state=visible] [data-motion-item]{opacity:1;transition:opacity .42s cubic-bezier(.22, 1, .36, 1) var(--marketing-motion-delay,0s), transform .52s cubic-bezier(.22, 1, .36, 1) var(--marketing-motion-delay,0s);transform:translate(0)}[data-motion-footer][data-footer-state=waiting] [data-footer-wordmark]{opacity:.18;letter-spacing:-.05em;transform:translateY(28px)}[data-motion-footer][data-footer-state=visible] [data-footer-wordmark]{opacity:1;letter-spacing:-.05em;transition:opacity .48s,transform .6s cubic-bezier(.22,1,.36,1);transform:translate(0)}@media (max-width:760px){.marketing-v5-header-actions .marketing-v5-primary-link{padding-inline:.8rem}}@media (prefers-reduced-motion:reduce){.github-star-button{transition:none}.github-star-button:active{transform:none}[data-motion-item],[data-footer-wordmark]{opacity:1!important;transition:none!important;transform:none!important}}html.light:has(.marketing-page-v5){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbfbf9}html.light:has(.marketing-page-v5) body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbfbf9}html.dark:has(.marketing-page-v5){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111}html.dark:has(.marketing-page-v5) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111}.marketing-v5-agents .marketing-v5-primary-link--inverse{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-agents .marketing-v5-primary-link--inverse:hover{color:var(--marketing-v5-ink);background:0 0}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(3rem,3.8vw,4rem);line-height:.96}.marketing-v5-agent-title>span{white-space:nowrap;display:block}.marketing-v5-agent-stats{border-top:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem;display:grid}.marketing-v5-agent-stats>div{border-right:1px solid var(--marketing-v5-line);flex-direction:column;gap:.2rem;min-width:0;padding:1.2rem 1rem 1.15rem 0;display:flex}.marketing-v5-agent-stats>div+div{padding-left:1rem}.marketing-v5-agent-stats>div:last-child{border-right:0}.marketing-v5-agent-stats strong{color:var(--marketing-v5-ink);letter-spacing:-.05em;font-size:clamp(1.6rem,2vw,2.2rem);font-weight:500}.marketing-v5-agent-stats span{color:var(--marketing-v5-muted);font-size:.7rem}.marketing-v5-agent-stats code{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.52rem;overflow:hidden}@media (max-width:760px){.marketing-v5-agent-title>span{white-space:normal;display:inline}.marketing-v5-agent-stats{grid-template-columns:minmax(0,1fr)}.marketing-v5-agent-stats>div,.marketing-v5-agent-stats>div+div{border-right:0;border-bottom:1px solid var(--marketing-v5-line);padding:1rem 0}.marketing-v5-agent-stats>div:last-child{border-bottom:0}}.marketing-v5-section-heading h2,.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title,.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v10-faq h2,.marketing-v7-open-source-copy h2,.marketing-v5-footer-top h2{font-size:clamp(2.35rem,3.35vw,3.25rem)}@media (max-width:760px){.marketing-v5-section-heading h2,.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title,.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v10-faq h2,.marketing-v7-open-source-copy h2,.marketing-v5-footer-top h2{font-size:clamp(2.2rem,10vw,3rem)}}.marketing-v12-footer-shader{z-index:0;background:#201046}.marketing-v12-footer>.marketing-v5-footer-top,.marketing-v12-footer>.marketing-v5-footer-wordmark,.marketing-v12-footer>.marketing-v5-footer-bottom{z-index:2;position:relative}.marketing-v12-footer .marketing-v5-footer-top{min-height:340px;padding:clamp(2.5rem,5vw,4.5rem)}.marketing-v12-footer .marketing-v5-footer-wordmark{color:#ffffffeb;text-shadow:0 0 44px #7bffd929;mix-blend-mode:screen;padding-inline:clamp(.35rem,1vw,.8rem);font-size:clamp(4.5rem,13vw,10rem)}.marketing-v12-footer .marketing-v5-footer-bottom{color:#ffffffad;min-height:84px;padding:1.25rem clamp(1.25rem,3vw,2.5rem);font-size:.68rem}@media (max-width:760px){.marketing-v12-footer .marketing-v5-footer-top{min-height:300px}.marketing-v12-footer .marketing-v5-footer-wordmark{font-size:15.4vw}}:is(.studio-app,.glyphfield-docs) :is(h1,h2,h3,h4,h5,h6,button,b,strong),.marketing-page-v5 :is(a,button,b,strong){font-weight:500}.marketing-page-v5 :is(h1,h2,h3),.marketing-v7-open-source-panel>strong,.marketing-v5-footer-wordmark{font-weight:400}.marketing-page-v5 .marketing-v5-hero-mark{width:30px;height:30px;margin-bottom:.5rem}.marketing-page-v5 .marketing-v5-hero-copy>p.marketing-v5-hero-license{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.marketing-v5-hero-license svg{flex:none;width:28px;height:15px}.marketing-v5-search-launcher:hover{border-color:var(--marketing-v5-ink);background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-search-launcher:hover{background:color-mix(in srgb, var(--marketing-v5-paper) 84%, var(--marketing-v5-ink))}}.marketing-v5-search-launcher svg{width:14px;height:14px;color:var(--marketing-v5-muted)}.marketing-v5-header-actions .marketing-v5-search-launcher kbd{display:none}.marketing-v5-header-actions .github-star-button__count{background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button__count{background:color-mix(in srgb, var(--marketing-v5-paper) 88%, var(--marketing-v5-ink))}}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{background:var(--marketing-v5-ink)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{background:color-mix(in srgb, var(--marketing-v5-ink) 84%, var(--marketing-v5-paper))}}.marketing-v7-social-links .marketing-v7-github-star-button{padding-right:4px}.marketing-v7-github-star-button .github-star-button__count{color:#ffffffb8;background:#292929;border-left-color:#4a4a4a}.marketing-v7-github-star-button:hover .github-star-button__count{color:#fff;background:#333;border-left-color:#686866}@media (max-width:760px){.marketing-v5-brand>span{display:none}.marketing-v5-header-actions .github-star-button{width:var(--marketing-control-height);min-width:var(--marketing-control-height);gap:0;padding:0}.marketing-v5-header-actions .github-star-button :is(.github-star-button__label,.github-star-button__count){display:none}}.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{letter-spacing:-.045em;font-size:clamp(2rem,2.75vw,2.9rem);line-height:1.02}@media (max-width:760px){.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{font-size:clamp(1.9rem,9vw,2.55rem)}}.marketing-v13-swiss-grid{z-index:0;color:var(--marketing-v5-line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.marketing-v13-swiss-grid{color:color-mix(in srgb, var(--marketing-v5-line) 58%, transparent)}}.marketing-v13-swiss-grid{pointer-events:none}.marketing-v13-swiss-grid>i{border-right:1px solid;min-width:0}.marketing-v13-swiss-grid--dark{color:#ffffff17}.marketing-v13-selection-frame{--selection-surface:var(--marketing-v5-paper);z-index:8;color:#5b7cff;pointer-events:none;border:2px solid #5b7cff;display:block;position:absolute}.marketing-v13-selection-rotation>i{background:#5b7cff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-9px;left:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:first-of-type{top:-5px;left:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(2){top:-5px;left:50%;transform:translate(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(3){top:-5px;right:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(4){top:50%;right:-5px;transform:translateY(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(5){bottom:-5px;left:50%;transform:translate(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(6){bottom:-5px;left:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(7){top:50%;left:-5px;transform:translateY(-50%)}.marketing-v13-selection-corner svg{color:#fff;width:8px;height:8px}.marketing-v13-selection-frame>small{color:#5b7cff;background:var(--selection-surface);font-family:var(--font-mono), monospace;letter-spacing:.06em;white-space:nowrap;padding:2px 5px;font-size:.46rem;line-height:1;position:absolute;top:calc(100% + 7px);left:-2px}.marketing-v5-theme-gallery>.marketing-v13-swiss-grid,.marketing-v5-theme-gallery-copy,.marketing-v5-theme-gallery-grid{position:relative}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index{padding-top:.45rem}.marketing-v13-theme-heading .marketing-v5-theme-gallery-title{z-index:2;margin:0;font-size:clamp(2.35rem,4vw,3.55rem);line-height:.96;position:relative}.marketing-v13-theme-selection{inset:0}.marketing-v13-theme-notes{padding-top:1.4rem}.marketing-v5-theme-gallery-copy .marketing-v13-theme-notes>p{margin:0;font-size:.78rem;line-height:1.55}.marketing-v5-theme-gallery-grid>div{position:relative;overflow:visible}.marketing-v5-product-grid>.marketing-v13-swiss-grid{display:none}.marketing-v5-product-card .marketing-v13-card-index{display:block}.marketing-v5-product-card h2{z-index:3;margin-top:.8rem;position:relative}.marketing-v5-agents>.marketing-v13-swiss-grid{display:none}.marketing-v5-agents-copy>.marketing-v13-section-index{margin-bottom:1.1rem}.marketing-v10-faq>.marketing-v13-swiss-grid{z-index:0}.marketing-v10-faq .marketing-v13-faq-heading h2{z-index:2;margin:0;font-size:clamp(2.2rem,3.5vw,3.25rem);line-height:.96;position:relative}.marketing-v13-faq-selection{inset:0}.marketing-v10-faq dl>div{grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);min-height:112px;padding:1.6rem 0;display:grid}.marketing-v7-open-source>.marketing-v13-swiss-grid{z-index:3}.marketing-v7-open-source-copy>.marketing-v13-section-index{margin-bottom:1.2rem;display:block}@media (max-width:1050px){.marketing-v13-theme-notes{grid-column:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid}}@media (max-width:820px){.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-notes{grid-column:1}}@media (max-width:760px){.marketing-v13-swiss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-v13-theme-heading .marketing-v5-theme-gallery-title{font-size:clamp(2rem,10vw,2.75rem)}}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link,.marketing-v5-primary-link){height:var(--marketing-control-height);min-height:var(--marketing-control-height);border-radius:var(--marketing-control-radius);font-size:.6875rem;line-height:1}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link){border:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-header-control-surface)}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{border-color:var(--marketing-v5-ink)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{border-color:color-mix(in srgb, var(--marketing-v5-ink) 55%, var(--marketing-v5-line))}}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{color:var(--marketing-v5-ink);background:var(--marketing-header-control-hover)}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):active,.marketing-v5-header-actions>.marketing-v5-primary-link:active{transform:scale(.97)}.marketing-v5-header-actions .marketing-v5-search-launcher{justify-content:flex-start;gap:.48rem;width:auto;min-width:118px;padding:0 .45rem 0 .7rem}.marketing-v5-header-actions .marketing-v5-search-launcher kbd{border-color:var(--marketing-v5-line);width:auto;min-width:31px;height:22px;color:var(--marketing-v5-muted);background:var(--marketing-header-control-key);padding:0 .35rem;font-size:.5rem;display:inline-grid}.marketing-v5-header-actions :is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link) svg{color:currentColor;width:14px;height:14px}.marketing-v5-header-actions>:is(.marketing-v5-theme-toggle,.marketing-v5-header-icon-link){width:var(--marketing-control-height);min-width:var(--marketing-control-height);padding:0}.marketing-v5-header-actions>.github-star-button{gap:.45rem;width:auto;min-width:108px;padding:0 4px 0 .7rem}.marketing-v5-header-actions>.github-star-button .github-star-button__count{border-left-color:var(--marketing-v5-line);height:26px;color:var(--marketing-v5-muted);background:var(--marketing-header-control-key)}.marketing-v5-header-actions>.github-star-button:hover .github-star-button__count{border-left-color:var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-header-control-key)}.marketing-v5-header-actions>.marketing-v5-primary-link{white-space:nowrap;padding-inline:1rem}@media (max-width:760px){.marketing-v5-header-actions .marketing-v5-search-launcher,.marketing-v5-header-actions>.github-star-button{width:var(--marketing-control-height);min-width:var(--marketing-control-height);justify-content:center;padding:0}.marketing-v5-header-actions .marketing-v5-search-launcher :is(span,kbd),.marketing-v5-header-actions>.github-star-button :is(.github-star-button__label,.github-star-button__count){display:none}}.marketing-v5-agents-copy>.marketing-v13-section-index{grid-area:1/1;margin:0}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.05em;text-wrap:balance;grid-area:2/1/4;max-width:460px;margin:0;font-size:clamp(2.25rem,3.2vw,3.25rem);font-weight:430;line-height:.98}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){max-width:680px;color:var(--marketing-v5-muted);grid-area:1/2;align-self:end;margin:0;font-size:.9rem;line-height:1.65}.marketing-v5-agent-stats{grid-area:2/2;margin:0}.marketing-v5-agent-links{grid-area:3/2;margin:0}@media (max-width:1100px){.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}}.marketing-agent-json-property .marketing-agent-json-value{contain:none;text-align:right;justify-self:end;width:auto;display:block}.marketing-agent-json strong{color:var(--marketing-v5-ink);font-variant-numeric:tabular-nums;font-weight:540}.marketing-agent-control>span{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;display:grid}.marketing-agent-control svg{width:11px;height:11px}.marketing-agent-control input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px}.marketing-agent-control input:focus-visible{outline:2px solid var(--marketing-v5-purple);outline-offset:3px}.marketing-agent-preview{z-index:1;border:1px solid var(--marketing-v5-line);min-width:0;min-height:480px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.marketing-agent-preview{border:1px solid color-mix(in srgb, var(--marketing-v5-line) 90%, transparent)}}.marketing-agent-preview{color:#fff;isolation:isolate;background:#24103f;border-radius:7px;container-type:inline-size}.marketing-agent-preview>:first-child{z-index:0}.marketing-agent-preview-copy strong{color:#fff;max-width:100%;font-size:min(var(--marketing-agent-preview-font-size), 14cqw);text-shadow:0 2px 20px #00000047;overflow-wrap:anywhere;transform-origin:0;display:block}.marketing-agent-preview-copy strong>span{white-space:nowrap;display:block}.marketing-agent-cursor>span{transform-origin:0;width:max-content;min-width:max-content;max-width:none;min-height:24px;margin:0;padding-inline:.45rem;transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1);position:absolute;top:12px;left:12px;overflow:visible}.marketing-agent-cursor[data-active=false]>span{opacity:.54;transform:scale(.96)}.marketing-agent-cursor[data-agent=claude][data-active=true]>span{box-shadow:0 7px 20px #0000003d,0 0 0 2px #bd654738}.marketing-agent-cursor[data-phase=grabbing]>span,.marketing-agent-cursor[data-phase=dragging]>span{transform:translate(3px,2px)scale(.98)}.marketing-agent-lab[data-user-interacting=true] .marketing-agent-cursor>span{opacity:.46;box-shadow:none;transform:scale(.96)}@media (max-width:820px){.marketing-agent-preview{grid-column:1/-1;min-height:360px}}@media (max-width:560px){.marketing-agent-preview{grid-column:1;min-height:390px}}.marketing-live-demo button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out}.marketing-live-demo button:focus-visible,.marketing-live-demo input:focus-visible{z-index:8;outline:2px solid var(--live-demo-accent);outline-offset:-2px;position:relative}.marketing-live-material-toolbar>span,.marketing-live-material-toolbar>div{align-items:center;gap:.45rem;display:flex}.marketing-live-material-toolbar svg{width:12px;height:12px}.marketing-live-material-toolbar button{background:var(--material-swatch);border:1px solid #4a4a46;border-radius:50%;width:18px;height:18px}.marketing-live-material-toolbar button[aria-pressed=true]{box-shadow:0 0 0 2px #111,0 0 0 3px #f2f2ee}.marketing-live-material-card--hero span,.marketing-live-material-card--shader span{z-index:2;font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:.45rem;position:relative}.marketing-live-material-card--hero strong{z-index:2;letter-spacing:-.045em;max-width:140px;font-size:clamp(1rem,1.7vw,1.4rem);font-weight:450;line-height:.98;position:relative}.marketing-live-material-card--hero img{width:38px;height:auto;position:absolute;bottom:.45rem;right:.6rem}.marketing-live-material-card--shader i{opacity:.88;background:radial-gradient(circle at 46% 48%, transparent 0 17%, var(--material-accent) 17.5% 22%, transparent 22.5% 32%, var(--material-accent) 32.5% 38%, transparent 38.5%), radial-gradient(circle, var(--material-accent) 0 1px, transparent 1.4px);background-size:auto,7px 7px;transition:background-color .22s ease-out;position:absolute;inset:-42%;transform:rotate(-12deg)}.marketing-live-material-card--type>span{color:var(--material-accent);font-size:clamp(2rem,4vw,3.5rem);line-height:.78}.marketing-live-material-card--type small{color:#9a9994;font-family:var(--font-mono), monospace;font-size:.42rem;line-height:1.5}.marketing-live-material-card--tokens i{background:var(--material-field)}.marketing-v5-product-card-image>.marketing-live-demo{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}@media (max-width:620px){.marketing-v5-product-card-image>.marketing-live-demo{min-height:0}}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index{grid-area:1/1}.marketing-v13-theme-heading{grid-area:1/2}.marketing-v13-theme-notes{grid-area:2/2;padding-top:1.5rem}@media (max-width:1100px){.marketing-v13-theme-notes{grid-area:2/2}}@media (max-width:820px){.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-heading,.marketing-v13-theme-notes{grid-area:auto/1;width:100%}}.marketing-mini-studio-bar>strong{letter-spacing:-.01em;font-size:.66rem;font-weight:560}.marketing-mini-studio-bar button[aria-pressed=true]{border-color:var(--live-demo-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-studio-bar button[aria-pressed=true]{border-color:color-mix(in srgb, var(--live-demo-accent) 58%, var(--live-demo-line))}}.marketing-mini-studio-bar button[aria-pressed=true]{color:var(--live-demo-accent);background:var(--live-demo-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-studio-bar button[aria-pressed=true]{background:color-mix(in srgb, var(--live-demo-accent) 8%, var(--live-demo-paper))}}.marketing-mini-identity-body>nav{gap:.3rem;padding:.65rem .45rem}.marketing-mini-identity-body>nav button{border:1px solid #0000;border-radius:5px;min-height:32px;padding-inline:.5rem;font-size:.54rem}.marketing-mini-identity-body>nav button:hover{border-color:var(--live-demo-line);color:var(--live-demo-ink);background:var(--live-demo-surface)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-identity-body>nav button:hover{background:color-mix(in srgb, var(--live-demo-surface) 70%, transparent)}}.marketing-live-material-toolbar button{width:19px;height:19px;transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.marketing-mini-book-body>main>article{border:1px solid var(--live-demo-line);color:#171717;background:#fafaf7;border-radius:5px;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0e0e0e12}.marketing-mini-book-body>main>article>small{z-index:2;color:currentColor;font-family:var(--font-mono), monospace;letter-spacing:.07em;opacity:.58;font-size:.4rem;position:relative}.marketing-mini-book-body>main>article strong{letter-spacing:-.045em;font-size:clamp(.9rem,1.7vw,1.35rem);font-weight:470;line-height:.95;display:block}.marketing-mini-book-preview-art img{width:46px;height:auto}.marketing-mini-book-preview-art>span{color:#7651ee;letter-spacing:-.07em;font-size:clamp(2.5rem,5vw,4rem);font-weight:420}.marketing-mini-book-preview-art .marketing-mini-book-swatch{border:1px solid;inset:25% 17%}@supports (color:color-mix(in lab, red, red)){.marketing-mini-book-preview-art .marketing-mini-book-swatch{border:1px solid color-mix(in srgb, currentColor 24%, transparent)}}.marketing-mini-motion-sources button{border-color:#0000;border-radius:5px;min-height:30px}.marketing-mini-motion-sources button:hover{border-color:var(--live-demo-line);background:var(--live-demo-surface)}.marketing-mini-motion-canvas>strong{animation-duration:var(--motion-transition-duration,.18s);font-size:clamp(1.25rem,3.2vw,2.2rem)}.marketing-mini-motion-timeline>div{gap:3px;padding:.3rem}.marketing-mini-motion-timeline>div button{border-radius:3px;position:relative}.marketing-mini-motion-properties>div{gap:3px}.marketing-mini-motion-properties>div button{border-right:1px solid var(--live-demo-line);border-radius:3px}.marketing-page-v5 .marketing-v7-open-source{grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);gap:clamp(1.5rem,3vw,2.5rem);padding-inline:clamp(1.25rem,4vw,3.5rem)}.marketing-v7-open-source-copy>p{max-width:500px}.marketing-v7-github-star-button .github-star-button__count{margin-left:auto}@page{size:16in 10in;margin:0}@media print{.studio-app-header,.project-tabs-shell,.studio-nav,[data-studio-tool-header],.studio-project-workspace-layer:not([data-active=true]),.studio-workspace-layer:not([data-active=true]),.studio-workspace-skeleton,.studio-workspace-progress{display:none!important}.studio-app,.studio-app-body,.studio-workspace,.studio-workspace-view,.studio-workspace-panel,.studio-project-workspace-layer[data-active=true],.studio-workspace-layer[data-active=true]{contain:none!important;background:0 0!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}html:has(.studio-app){contain:none!important;background:0 0!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}body:has(.studio-app){contain:none!important;background:0 0!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}