/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight: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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight: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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;--default-mono-font-family:Consolas,monospace}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.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-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)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.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-12{height:calc(var(--spacing) * 12)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:6px}.rounded-md{border-radius:4px}.rounded-sm{border-radius:2px}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-foreground{fill:var(--foreground)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[3px\]{padding:3px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab, var(--sidebar-foreground) 70%, transparent)}}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.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_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:6px}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:8px}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_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-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#f6f7f4;--foreground:#242720;--card:#fff;--card-foreground:#242720;--popover:#fff;--popover-foreground:#242720;--primary:#262a20;--primary-foreground:#fff;--secondary:#eceee7;--secondary-foreground:#242720;--muted:#e7e9e1;--muted-foreground:#71776a;--accent:#d6f66a;--accent-foreground:#242720;--destructive:#b8432b;--border:#dfe2d8;--input:#dfe2d8;--ring:#91a745;--radius:.3rem;--sidebar:#f6f7f4;--sidebar-foreground:#242720;--sidebar-primary:#242720;--sidebar-primary-foreground:#fff;--sidebar-accent:#e5edcd;--sidebar-accent-foreground:#242720;--sidebar-border:#dfe2d8;--sidebar-ring:#91a745}*{box-sizing:border-box}html{scrollbar-color:#b8bfb0 transparent;font-size:16px}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,pre:focus-visible){outline-offset:4px;outline:2px solid #778f30}::selection{color:#242720;background:#d6f66a}.studio-shell{min-height:100vh;display:block!important}.site-header{border-bottom:1px solid var(--border);z-index:25;background:var(--background);align-items:center;gap:34px;height:79px;padding:0 35px;display:flex;position:relative}.brand{letter-spacing:-1.7px;align-items:center;gap:11px;font-size:29px;font-weight:650;display:flex}.brand img{border-radius:9px}.brand-period{vertical-align:super;letter-spacing:0;margin-left:4px;font-size:11px}.header-caption{border-left:1px solid var(--border);letter-spacing:1px;color:#757c6d;padding-left:28px;font-size:13px}.header-actions{align-items:center;gap:22px;margin-left:auto;display:flex}.version{color:#646d58;border:1px solid #dce0d5;border-radius:4px;padding:5px 8px;font:12px Consolas,monospace}.header-divider{border-left:1px solid var(--border);height:19px}.language-button{background:0 0;border:0;align-items:center;gap:8px;font-size:14px;display:flex}.mobile-menu{display:none}.effect-sidebar{border-right:1px solid var(--border);z-index:20;padding:28px 18px 0;position:fixed;top:79px;bottom:0;left:0;width:236px!important;height:calc(100dvh - 79px)!important}.library-label{letter-spacing:1.6px;justify-content:space-between;align-items:center;padding:0 11px 24px;font-size:12px;font-weight:600;display:flex}.count-pill{letter-spacing:0;color:#727966;border:1px solid #d3d8c9;border-radius:3px;padding:2px 5px;font:12px Consolas,monospace}.effect-sidebar [data-slot=sidebar-content]{scrollbar-width:thin;scrollbar-color:#cfd5c5 transparent;gap:0;padding-right:2px;overflow-x:hidden}.effect-group{padding:0 0 23px!important}.category-label{letter-spacing:.3px;justify-content:space-between;margin-bottom:4px;display:flex;color:#717869!important;height:30px!important;padding:0 11px!important;font-size:12px!important}.category-label span{opacity:.7;font:11px Consolas,monospace}.effect-button{color:#5e6456;border-radius:4px!important;gap:9px!important;height:35px!important;padding:0 11px!important;font-size:14px!important}.effect-button:hover{color:#242720;background:#eceee7!important}.effect-button[data-active=true]{font-weight:600;color:#272f1a!important;background:#e5edcc!important}.effect-marker{border:1px solid #adb39f;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg)}.effect-button>svg,.gpu-small{margin-left:auto}.gpu-small{color:#8b937f;letter-spacing:.4px;font:10px Consolas,monospace}.sidebar-bottom{border-top:1px solid var(--border);color:#7f8675;align-items:center;gap:8px;margin-top:15px;padding:20px 10px;font-size:12px;display:flex}.little-star{color:#6e8050;font-size:24px}.main-workspace{max-width:none;margin-left:236px;padding:36px 42px 20px}.effect-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#78816b;align-items:center;gap:13px;font-size:11px;display:flex}.eyebrow span:nth-child(2){color:#b4bcab}.effect-heading h1{letter-spacing:-1.4px;margin:15px 0 11px;font-size:46px;font-weight:450;line-height:1.25}.title-dot{color:#8daa3b;margin-left:4px}.effect-heading p{color:#747c69;margin:0;font-size:14px;line-height:1.8}.study-number{letter-spacing:-5px;color:#d8decf;align-items:flex-start;padding-right:3px;font:italic 100px/1 Georgia,serif;display:flex}.study-number>span{letter-spacing:0;color:#929d82;margin:13px 9px 0 0;font:13px Arial,sans-serif}.workspace-tabs{gap:0!important}.tabs-toolbar{border-bottom:1px solid #d6dccd;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tabs-toolbar [data-slot=tabs-list]{gap:26px!important;height:43px!important;padding:0!important}.tabs-toolbar [data-slot=tabs-trigger]{height:43px!important;box-shadow:none!important;color:#89907f!important;border:0!important;border-radius:0!important;flex:none!important;gap:7px!important;padding:0 1px!important;font-size:14px!important}.tabs-toolbar [data-slot=tabs-trigger]:after{background:#4c5f2d!important;height:2px!important;bottom:-1px!important}.backend-label{color:#7b856e;letter-spacing:.6px;align-items:center;gap:9px;font:11px Consolas,Microsoft YaHei,monospace;display:flex}.backend-line{border:1px solid #94a379;width:7px;height:7px;transform:rotate(45deg)}.preview-panel[data-state=inactive]{display:none}.preview-grid{grid-template-columns:minmax(0,1fr) 245px;gap:27px;display:grid}.image-column{min-width:0}.art-stage{aspect-ratio:16/10;isolation:isolate;background:#20241d;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 1px 3px #20241d12}.transition-host{z-index:1;position:absolute;inset:0}.transition-host>div{outline-offset:-3px!important}.transition-host canvas{display:block}.stage-top{z-index:2;color:#fff;pointer-events:none;text-shadow:0 1px 5px #0008;justify-content:space-between;gap:16px;display:flex;position:absolute;inset:23px 24px auto}.stage-caption{letter-spacing:2.3px;gap:14px;font-size:10px;display:flex}.stage-caption>span{opacity:.65}.stage-coordinate{letter-spacing:1.6px;opacity:.7;font-size:9px}.stage-bottom{z-index:2;pointer-events:none;color:#fff;background:linear-gradient(#0000,#11180e92);justify-content:space-between;align-items:flex-end;padding:55px 26px 24px;display:flex;position:absolute;inset:auto 0 0}.photo-title{flex-direction:column;gap:8px;display:flex}.photo-title>span{letter-spacing:2px;opacity:.65;font:10px Consolas,Microsoft YaHei,monospace}.photo-title>strong{letter-spacing:1px;font-size:27px;font-weight:400}.stage-controls{pointer-events:auto;align-items:center;gap:9px;display:flex}.stage-controls button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid}.stage-controls button:hover{background:#fff3}.stage-controls .play-button{color:#29331a;background:#d6f66a;border:0;width:43px;height:43px}.stage-controls .play-button svg{margin-left:2px}.stage-controls .play-button:hover{background:#e5ffa2}.transition-progress{z-index:5;pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.transition-progress span{transform-origin:0;background:#dbf993;height:100%;display:block}.stage-message{z-index:4;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20271eaa;justify-content:center;align-items:center;gap:13px;font-size:14px;display:flex;position:absolute;inset:0}.loading-line{background:#d6f66a;width:26px;height:1px;animation:.8s ease-in-out infinite alternate breathe}@keyframes breathe{to{opacity:.2;transform:scaleX(.3)}}.error-message{text-align:center;flex-direction:column;padding:30px}.error-message button{color:#242720;background:#d6f66a;border:0;border-radius:3px;align-items:center;gap:8px;padding:10px 15px;display:flex}.image-caption{color:#859076;letter-spacing:.2px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.image-caption>span:last-child{align-items:center;gap:7px;display:flex}.image-selector-heading{justify-content:space-between;align-items:center;gap:16px;margin:29px 0 14px;display:flex}.image-selector-heading h2{margin:0;font-size:14px;font-weight:500}.image-selector-heading>span{letter-spacing:.7px;color:#8a937d;font-size:10px}.thumbnail-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.thumbnail{text-align:left;background:0 0;border:0;min-width:0;padding:0}.thumbnail-image{aspect-ratio:16/10;outline-offset:3px;background:#dee3d5;border-radius:3px;outline:1px solid #0000;transition:outline-color .2s;position:relative;overflow:hidden}.thumbnail.selected .thumbnail-image{outline-color:#61753c}.thumbnail-image img{object-fit:cover;filter:saturate(.7);width:100%;height:100%;transition:filter .25s,transform .4s}.thumbnail:hover img{filter:saturate();transform:scale(1.035)}.thumbnail.selected img{filter:saturate()}.thumbnail>span{color:#859075;margin-top:10px;font-size:12px;display:block}.thumbnail-number{color:#fff;text-shadow:0 1px 5px #000;font:10px Consolas,monospace;position:absolute;top:6px;left:7px}.thumbnail-check{color:#28331b;background:#d6f66a;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:6px;right:6px}.photo-credit{color:#8c947f;flex-wrap:wrap;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.photo-credit a{text-underline-offset:3px;align-items:center;gap:2px;-webkit-text-decoration:underline #c1c8b6;text-decoration:underline #c1c8b6;display:flex}.photo-credit>span{margin:0 4px}.parameter-panel{background:#f9faf7;border:1px solid #dce1d3;border-radius:5px;align-self:start;overflow:hidden}.parameter-header{border-bottom:1px solid #e0e5d8;justify-content:space-between;align-items:center;gap:12px;padding:19px 17px;display:flex}.parameter-header h2{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.reset-button{color:#859174;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.parameter-body{padding:20px 18px 23px}.parameter-section-title{letter-spacing:1.5px;color:#929a85;margin-bottom:21px;font-size:10px}.range-control{margin-bottom:25px}.control-label{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.control-label output{color:#6c795a;background:#edf1e6;border-radius:3px;padding:3px 6px;font:11px Consolas,Microsoft YaHei,monospace}.range-control [data-slot=slider]{height:12px}.range-control [data-slot=slider-track]{background:#dce3d0;height:3px!important}.range-control [data-slot=slider-thumb]{background:#f8faf2;border:2px solid #6f824b;width:11px;height:11px;box-shadow:0 0 0 3px #f9faf7}.field-control{margin-bottom:19px}.field-control>label{margin-bottom:9px;font-size:12px;display:block}.parameter-select{width:100%!important;height:34px!important;box-shadow:none!important;background:#f6f8f1!important;border-color:#dbe1d1!important;border-radius:3px!important;font-size:12px!important}.switch-control{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 3px;font-size:12px;display:flex}.switch-control [data-slot=switch]{box-shadow:none}.switch-control [data-state=checked][data-slot=switch]{background:#748e41}.effect-settings-title{border-top:1px solid #e1e6d9;margin-top:25px;padding-top:22px}.effect-fields{border:0;min-width:0;margin:0;padding:0}.effect-fields:disabled{opacity:.5;pointer-events:none}.effect-fields>.range-control:last-child{margin-bottom:4px}.parameter-footer{color:#889678;border-top:1px solid #e1e6d9;align-items:center;gap:7px;padding:12px 18px;font-size:10px;display:flex}.live-indicator{background:#8fa55d;border-radius:50%;width:4px;height:4px}.color-control{align-items:center;gap:7px;margin:22px 0;font-size:12px;display:flex}.color-control label{margin-right:auto}.color-control input{cursor:pointer;background:0 0;border:0;width:25px;height:24px;padding:0}.color-control span{color:#899579;font:10px Consolas,monospace}.word-input{background:#f6f8f1;border:1px solid #dbe1d1;border-radius:3px;width:100%;padding:8px;font-size:14px}.compatibility-note{color:#6e7d5b;background:#eef2e4;margin:20px 0 0;padding:11px;font-size:12px;line-height:1.7}.workspace-footer{letter-spacing:.4px;color:#8b957e;border-top:1px solid #dce2d2;justify-content:space-between;gap:15px;margin-top:32px;padding-top:21px;font-size:10px;display:flex}.footer-slash{color:#b1b9a6;margin:0 10px}.code-intro{margin:8px 0 27px}.code-intro h2{letter-spacing:-.5px;margin:0 0 10px;font-size:24px;font-weight:400}.code-intro p{color:#7a866c;font-size:14px;line-height:1.8}.install-block,.example-block{border:1px solid #dce1d3;border-radius:5px;margin-bottom:22px;overflow:hidden}.code-block-heading{background:#eef1e8;justify-content:space-between;align-items:center;gap:15px;padding:16px 21px;font-size:14px;display:flex}.code-block-heading>span{align-items:center;gap:12px;display:flex}.step-number{color:#82916e;font:11px Consolas,monospace}.code-block-heading button{color:#607344;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.install-block pre{color:#e8f4d8;background:#20271e;margin:0;padding:24px;font:15px/1.5 Consolas,monospace;overflow:auto}.code-dollar{color:#95a87e;padding-right:10px}.example-block pre{color:#cad7bc;tab-size:2;background:#20271e;max-height:620px;margin:0;padding:24px 20px;font:12px/1.85 Consolas,monospace;overflow:auto}.code-line{white-space:pre;display:block}.line-number{text-align:right;color:#58654b;-webkit-user-select:none;user-select:none;width:40px;padding-right:18px;display:inline-block}.code-note{color:#7e8b6f;font-size:13px;line-height:1.8}.copy-error{color:#a84d31;font-size:13px}.menu-scrim{display:none}@media (min-width:1600px){.main-workspace{padding:42px 60px 24px}.preview-grid{grid-template-columns:minmax(0,1fr) 285px;gap:32px}.parameter-body{padding:24px}.art-stage{aspect-ratio:auto;height:calc(62.5vw - 453.125px);max-height:640px}.effect-heading h1{font-size:54px}.parameter-header{padding:21px 23px}}@media (max-width:1200px){.effect-sidebar{padding-left:13px;padding-right:13px;width:216px!important}.main-workspace{margin-left:216px;padding:30px 27px 20px}.preview-grid{grid-template-columns:minmax(0,1fr) 222px;gap:20px}.stage-coordinate{display:none}.effect-heading h1{font-size:39px}.study-number{font-size:80px}.photo-title>strong{font-size:22px}.stage-bottom{padding:45px 19px 19px}.stage-top{inset:18px 19px auto}.parameter-body{padding:18px 15px}.parameter-header{padding:17px 14px}.image-selector-heading>span{display:none}}@media (max-width:1000px){.preview-grid{grid-template-columns:minmax(0,1fr)}.parameter-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 25px;display:grid}.parameter-section-title,.effect-settings-title,.effect-fields,.compatibility-note{grid-column:1/-1}.parameter-section-title{margin:0}.effect-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 25px;display:grid}.range-control{margin:5px 0 15px}.field-control{margin-bottom:5px}.switch-control{margin:5px 0 15px}.effect-settings-title{margin-top:5px}.effect-heading h1{font-size:38px}.study-number{font-size:70px}.workspace-footer>span:last-child{display:none}.image-caption{font-size:11px}.header-caption{font-size:12px}}@media (max-width:767px){.site-header{height:68px;padding:0 21px}.brand{font-size:27px}.brand img{width:30px;height:30px}.header-caption{display:none}.header-actions{gap:16px}.version,.header-divider{display:none}.mobile-menu{background:0 0;border:0;padding:3px;display:block}.mobile-menu svg{width:20px;height:20px}.language-button{gap:6px;font-size:13px}.effect-sidebar{background:#f6f7f4;padding-top:24px;transition:transform .2s;top:68px;bottom:0;transform:translate(-100%);width:265px!important;height:calc(100dvh - 68px)!important}.effect-sidebar.is-open{transform:translate(0)}.menu-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:19;background:#111a1055;border:0;display:block;position:fixed;inset:68px 0 0}.main-workspace{margin:0;padding:27px 21px 24px}.effect-heading{gap:10px;margin-bottom:23px}.effect-heading h1{margin-top:13px;font-size:35px}.eyebrow{letter-spacing:.8px;gap:8px;font-size:10px}.effect-heading p{max-width:36em;font-size:13px}.study-number{letter-spacing:-4px;align-self:flex-start;padding-top:33px;font-size:57px}.study-number>span{margin-right:5px;font-size:10px}.tabs-toolbar{margin-bottom:19px}.preview-grid{gap:25px}.art-stage{aspect-ratio:4/3}.stage-top{inset:17px 17px auto}.stage-caption{letter-spacing:1.4px;font-size:9px}.stage-bottom{padding:45px 17px 17px}.photo-title>strong{font-size:23px}.photo-title>span{font-size:9px}.stage-controls{gap:6px}.stage-controls button{width:28px;height:28px}.stage-controls .play-button{width:36px;height:36px}.image-caption>span:last-child{font-size:10px}.image-selector-heading{margin-top:25px}.thumbnail-strip{gap:11px}.thumbnail>span{margin-top:8px;font-size:10px}.photo-credit{margin-top:18px;font-size:10px}.thumbnail-image{aspect-ratio:4/3}.thumbnail-number{font-size:9px;top:4px;left:5px}.parameter-header{padding:18px}.parameter-body{padding:20px 18px}.workspace-footer{margin-top:25px;font-size:10px;line-height:1.8}.code-intro h2{font-size:22px}.code-intro p{font-size:13px}.code-block-heading{padding:15px;font-size:12px}.install-block pre{padding:21px 16px;font-size:12px}.example-block pre{padding:20px 10px;font-size:11px}.line-number{width:30px;padding-right:12px}}@media (max-width:380px){.study-number{display:none}.header-actions{gap:10px}.main-workspace{padding-left:16px;padding-right:16px}.image-caption>span:last-child{display:none}.parameter-body,.effect-fields{grid-template-columns:minmax(0,1fr)}.stage-controls button{width:26px;height:26px}.photo-title>strong{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.effect-heading p{font-size:16px}.control-label,.field-control>label,.switch-control,.color-control{font-size:14px}.parameter-select{font-size:14px!important}.reset-button,.parameter-section-title,.parameter-footer,.image-caption,.photo-credit,.thumbnail>span,.workspace-footer{font-size:12px}.code-block-heading button,.code-note{font-size:14px}@media (max-width:767px){.effect-heading p{font-size:14px}.thumbnail>span,.image-caption{font-size:12px}.image-caption>span:last-child,.workspace-footer{font-size:11px}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--background:#f4f6f1;--foreground:#202a24;--ring:#92ac48}.studio-shell{isolation:isolate;position:relative}.studio-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-cloud{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.ambient-cloud-a{background:radial-gradient(#c8e9b073 0%,#cadca92b 43%,#0000 70%);width:1000px;height:650px;top:-300px;right:-100px}.ambient-cloud-b{background:radial-gradient(#b7b5e64d 0%,#b9d6d22e 37%,#0000 70%);width:960px;height:830px;top:80px;left:25%}.ambient-cursor{will-change:transform;opacity:0;background:radial-gradient(circle,#d1efb538,#b8d5c012 45%,#0000 68%);width:520px;height:520px;position:absolute;top:-260px;left:-260px}.studio-shell:hover .ambient-cursor{opacity:1}.paper-grain{opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.9' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9faf6d1;border-bottom-color:#cbd5c660}.site-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 4%,#a9bc785c 24%,#baabd161 58%,#7caa9370 80%,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{letter-spacing:-1.8px}.brand img{transition:transform .4s,box-shadow .4s;box-shadow:0 0 24px #c2e65a30}.brand:hover img{transform:rotate(-9deg);box-shadow:0 0 26px #c2e65a70}.language-button{border-radius:18px;padding:7px 10px;transition:background .2s}.effect-sidebar{color:#dce5d2;background-color:#182722;background-image:radial-gradient(at 0 0,#3549388f,#0000 42%),radial-gradient(at 100% 100%,#29493c88,#0000 45%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-right:1px solid #344b39;box-shadow:8px 0 32px #1f302a07}.library-label{color:#eef4df}.count-pill{color:#c6d7b3;background:#d1e5940b;border-color:#d3dfa731}.category-label span{opacity:.8}.effect-button{color:#c1cfc2;transition:background .25s,color .25s,transform .25s}.effect-button:hover{color:#f0f8dd;transform:translate(2px);background:#d7efb811!important}.effect-button[data-active=true]:hover{color:#23301b}.effect-marker{border-color:#698675}.effect-button[data-active=true] .effect-marker{background:#405425;border-color:#405425}.gpu-small{color:#8baa8e}.effect-sidebar [data-slot=sidebar-content]{scrollbar-color:#52684f transparent}.sidebar-bottom{color:#a3b99e;border-top-color:#c4d6aa25}.little-star{color:#c8e796;text-shadow:0 0 18px #b4d97550}.main-workspace{min-width:0;max-width:none}.effect-heading{isolation:isolate;min-height:156px;position:relative}.heading-copy{z-index:1;min-width:0;position:relative}.heading-copy p{color:#697a67;max-width:600px}.effect-heading h1{color:#20362b;letter-spacing:-1.7px;font-weight:500}.eyebrow:before{content:"";background:linear-gradient(90deg,#6f914e,#0000);width:25px;height:1px}.study-number{z-index:1;color:#8c9e7273;letter-spacing:-7px;padding:0 13px 0 30px;font-size:124px;font-weight:400;position:relative}.study-number>span{color:#6d8261;margin-top:21px}.header-weave{z-index:0;pointer-events:none;opacity:.63;height:255px;position:absolute;top:-46px;left:26%;right:-20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 92%,#0000)}.header-weave svg{width:100%;height:100%;display:block}.header-weave g{will-change:transform}.tabs-toolbar{border-bottom-color:#aabb9373}.tabs-toolbar [data-slot=tabs-trigger]{transition:color .2s}.backend-line{background:#b2cd8322;box-shadow:0 0 9px #a3c96b3b}.stage-frame{isolation:isolate;background:linear-gradient(130deg,#aabd82,#c4c0d6 38%,#d5dcce 65%,#8da590);border-radius:9px;padding:1px;position:relative;box-shadow:0 24px 48px -24px #1e332f55,0 2px 5px #273a2520}.stage-frame:before{content:"";pointer-events:none;border:1px solid #a8b59b3d;border-radius:13px;position:absolute;inset:-6px}.stage-frame:after{content:"";z-index:-1;pointer-events:none;filter:blur(15px);opacity:.35;background:linear-gradient(120deg,#b7d47866,#b5bad633,#8fb8a766);border-radius:13px;transition:opacity .5s;position:absolute;inset:-5px}.stage-frame:hover:after{opacity:.8}.art-stage{border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff19}.art-stage:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;border:1px solid #ffffff1f;position:absolute;inset:0}.stage-controls .play-button{transition:transform .25s,background .25s,box-shadow .25s;box-shadow:0 0 0 5px #d6f66a10,0 0 23px #d6f66a1f}.stage-controls .play-button:hover{transform:scale(1.1);box-shadow:0 0 0 7px #d6f66a15,0 0 32px #d6f66a4d}.stage-controls button:active{transform:scale(.94)}.image-caption{color:#738569;margin-top:17px}.image-selector-heading h2{color:#2b412f;font-weight:500}.thumbnail{transition:transform .3s cubic-bezier(.2,.65,.3,1)}.thumbnail:hover{transform:translateY(-4px)}.thumbnail-image{border-radius:5px;box-shadow:0 6px 13px #2236270c}.thumbnail.selected .thumbnail-image{outline:1px solid #8da65f;box-shadow:0 0 0 4px #cce39b26,0 6px 13px #22362716}.thumbnail-check{box-shadow:0 0 0 2px #17291426}.parameter-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffa8,#f8faf4bf);border-color:#b7c5a978;border-radius:9px;box-shadow:0 15px 45px -28px #5268464f,inset 0 1px #fff}.parameter-header{background:#eaf0df45;border-bottom-color:#c3ceaf61}.range-control [data-slot=slider-thumb]{border-color:#7c9b4e;box-shadow:0 0 0 3px #f4f7ee,0 0 12px #adc68138}.parameter-select{background:#f5f8edbd!important;border-color:#c1cfb17a!important}.parameter-footer{background:#edf3e139;border-color:#c3ceaf61}.parameter-footer .live-indicator{box-shadow:0 0 0 3px #bdd89319}.workspace-footer{color:#75866c;border-top-color:#b6c5a675}.install-block,.example-block{border-color:#9dae8c5e;border-radius:8px;box-shadow:0 8px 30px -20px #283c3266}.code-block-heading{background:linear-gradient(100deg,#e5eddbab,#eeeaf27a)}.example-block pre,.install-block pre{background:linear-gradient(135deg,#192b25,#1f2924 60%,#292d29)}@media (min-width:1600px){.main-workspace{padding:40px clamp(44px,2.7vw,96px) 26px}.preview-grid{grid-template-columns:minmax(0,1fr) clamp(285px,14vw,360px);gap:clamp(30px,2vw,52px)}.art-stage{aspect-ratio:auto;height:clamp(540px,58vh,880px);max-height:none}.effect-heading{min-height:165px}.study-number{font-size:148px}.header-weave{height:280px;top:-55px;left:30%}.thumbnail-image{aspect-ratio:2.25}.parameter-header{padding:23px}.parameter-body{padding:26px 24px}}@media (min-width:2200px){.effect-heading{min-height:180px}.effect-heading h1{font-size:64px}.heading-copy p{max-width:690px;font-size:17px}.header-weave{height:305px;top:-57px}.study-number{font-size:168px}.photo-title>strong{font-size:34px}.stage-bottom{padding:68px 36px 33px}.stage-top{inset:28px 36px auto}}@media (max-width:1200px){.effect-heading{min-height:145px}.study-number{font-size:90px}.header-weave{opacity:.45;height:214px;top:-24px;left:23%}}@media (max-width:767px){.effect-sidebar{background-color:#182722;box-shadow:16px 0 60px #17261e2b}.effect-heading{min-height:145px}.effect-heading h1{letter-spacing:-1px;font-size:35px}.study-number{letter-spacing:-4px;padding:34px 0 0 10px;font-size:63px}.study-number>span{margin-top:12px}.header-weave{opacity:.29;height:180px;top:4px;left:18%;right:-15px}.ambient-cloud-a{width:620px;height:570px;top:-220px;right:-290px}.ambient-cloud-b{width:600px;height:620px;top:110px;left:-130px}.ambient-cursor{display:none}.thumbnail:hover{transform:none}.stage-frame{border-radius:7px}.stage-frame:before{border-radius:10px;inset:-4px}.stage-controls .play-button:hover{transform:none}.heading-copy p{font-size:14px}.eyebrow{letter-spacing:.5px;gap:6px;font-size:9px}.eyebrow:before{display:none}.eyebrow span{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.ambient-cursor{display:none}.ambient-cloud,.header-weave g{will-change:auto}.brand:hover img,.thumbnail:hover,.stage-controls .play-button:hover{transform:none}}:root{--background:#151613;--foreground:#f0f0e6;--card:#20211d;--card-foreground:#f0f0e6;--popover:#262722;--popover-foreground:#f0f0e6;--primary:#d5ff5f;--primary-foreground:#151613;--secondary:#2b2d26;--secondary-foreground:#f0f0e6;--muted:#35372e;--muted-foreground:#a3a797;--accent:#d5ff5f;--accent-foreground:#151613;--border:#383b31;--input:#44483b;--ring:#d5ff5f}html{scroll-behavior:smooth;scrollbar-color:#737a5b #151613;scroll-padding-top:90px}body{font-family:Arial,Noto Sans SC,sans-serif}a,button{touch-action:manipulation}:is(button:focus-visible,a:focus-visible){outline-color:#a28be9}.route-loading{background:#151613;place-items:center;height:100dvh;display:grid}.brand-site{--ink:#151613;--paper:#f0f0e6;--lime:#d5ff5f;--violet:#baa3f3;background:var(--ink);color:var(--paper);overflow:clip}.brand-site button{font:inherit}.brand-site img{display:block}.brand-site a,.brand-site button{outline-offset:6px}.skip-content{z-index:100;background:var(--lime);color:var(--ink);padding:16px;position:fixed;top:-80px;left:24px}.skip-content:focus{top:10px}.brand-header{z-index:10;border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:28px;height:96px;margin:0 4.2%;display:flex;position:relative}.brand-wordmark{letter-spacing:-1.6px;align-items:center;gap:10px;font-size:31px;font-weight:750;display:flex}.brand-wordmark>span{letter-spacing:0;align-self:flex-start;margin:4px 0 0 -3px;font-size:10px}.brand-wordmark img{border-radius:8px}.brand-header nav{color:#caccc1;gap:33px;font-size:14px;display:flex}.brand-header nav a{padding:8px 0;position:relative}.brand-header nav a:after{content:"";background:var(--lime);transform-origin:0;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.brand-header nav a:hover:after{transform:scaleX(1)}.brand-header-actions{align-items:center;gap:28px;display:flex}.brand-language{color:var(--paper);background:0 0;border:0;align-items:center;gap:8px;display:flex;font-size:13px!important}.header-lab{border:1px solid #ffffff50;border-radius:30px;align-items:center;gap:22px;padding:12px 19px;font-size:13px;transition:background .3s,color .3s;display:flex}.header-lab:hover{background:var(--paper);color:var(--ink)}.brand-hero{perspective:1600px;height:calc(100svh - 96px);min-height:740px;max-height:1250px;margin:0 4.2%;position:relative}.hero-kicker{letter-spacing:1px;color:#b8bdae;align-items:center;gap:11px;font-size:12px;display:flex;position:absolute;top:6.8%;left:0}.status-dot,.artwork-meta i{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-version{color:#757a6d;margin-left:15px;font:11px Consolas,monospace}.hero-copy{z-index:3;pointer-events:none;width:66%;padding-top:clamp(105px,14vh,180px);position:relative}.hero-copy a{pointer-events:auto}.hero-copy h1{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(75px,7.7vw,198px);font-weight:600;line-height:1.19}.headline-mask{margin-bottom:-.11em;padding:0 .06em .11em;display:block;overflow:hidden}.headline-line{transform-origin:0 100%;white-space:nowrap;display:block}.hero-accent{color:var(--lime)}.headline-spark{vertical-align:top;color:var(--violet);margin:6% 0 0 1%;font-family:Arial,sans-serif;font-size:.4em;font-weight:400;line-height:1;display:inline-block}.brand-site[data-language=en] .hero-copy h1{letter-spacing:-.07em;font-size:clamp(78px,8.3vw,212px);line-height:1.03}.brand-site[data-language=en] .hero-accent{letter-spacing:-.065em;font-family:Georgia,serif;font-size:1.2em;font-style:italic;font-weight:400;line-height:1.07}.brand-site[data-language=en] .headline-spark{margin-top:4%;margin-left:5%}.hero-description{color:#aeb4a3;letter-spacing:.03em;margin:34px 0 34px 4px;font-size:clamp(14px,1.06vw,22px);line-height:1.9}.hero-cta-row{align-items:center;gap:32px;display:flex}.pill-button{border-radius:60px;justify-content:space-between;align-items:center;gap:40px;min-height:60px;padding:0 27px;font-size:15px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.pill-button svg{transition:transform .35s}.pill-button:hover svg{transform:rotate(45deg)}.lime-button{background:var(--lime);color:var(--ink)}.lime-button:hover{background:#edffa7}.hero-secondary{color:#b5baa9;align-items:center;gap:12px;padding:15px 0;font-size:12px;display:flex}.hero-secondary svg{transition:transform .3s}.hero-secondary:hover svg{transform:translateY(5px)}.hero-art-wrap{perspective:1100px;z-index:2;width:39%;height:73%;max-height:750px;position:absolute;top:10%;right:1.5%}.hero-art-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotate(8deg)}.hero-backplate{background:var(--violet);opacity:.9;border-radius:48% 48% 5% 5%;position:absolute;inset:5% -4% -4% 5%;transform:rotate(-14deg)}.live-artwork{isolation:isolate;background:#25302c;position:relative;overflow:hidden}.hero-artwork{border:1px solid #ffffff25;border-radius:48% 48% 5% 5%;width:100%;height:100%;box-shadow:0 35px 50px #0004}.artwork-placeholder{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-artwork .transition-host{border-radius:inherit}.hero-artwork:after,.feature-artwork:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:55% 0 0}.hero-orbit{pointer-events:none;border:1px solid #c7d4b93d;border-radius:50%;position:absolute;inset:8% -18% 6%;transform:rotate(-30deg)}.hero-orbit:after{content:"";background:var(--lime);border-radius:50%;width:11px;height:11px;position:absolute;top:13%;left:12%;box-shadow:0 0 0 6px #d5ff5f09}.artwork-meta{z-index:3;color:#fff;letter-spacing:1px;pointer-events:none;justify-content:space-between;gap:20px;font:10px/1.5 Consolas,Noto Sans SC,monospace;display:flex;position:absolute;bottom:27px;left:25px;right:100px}.artwork-meta>span:first-child{align-items:center;gap:8px;display:flex}.artwork-meta i{width:4px;height:4px}.artwork-actions{z-index:4;align-items:center;gap:9px;display:flex;position:absolute;bottom:24px;right:21px}.artwork-actions button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff10;border:1px solid #ffffff70;border-radius:50%;place-items:center;transition:background .3s,color .3s,transform .3s;display:grid}.artwork-next{width:50px;height:50px}.artwork-pause{width:26px;height:26px}.artwork-actions button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:scale(1.08)}.artwork-error{z-index:5;text-align:center;background:#151613b5;place-items:center;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.art-sticker{z-index:4;background:var(--lime);width:109px;height:109px;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:1.4;display:flex;position:absolute;top:13%;right:-6%;transform:rotate(8deg);box-shadow:4px 4px #151613}.art-sticker svg{margin-top:4px}.hero-art-note{letter-spacing:1.6px;color:#929986;white-space:nowrap;font:10px Consolas,Noto Sans SC,monospace;position:absolute;bottom:-9%;left:2%;transform:rotate(8deg)}.kinetic-bloom{aspect-ratio:1;pointer-events:none;width:170px;position:relative}.kinetic-bloom i{background:var(--lime);border-radius:50%;width:20%;height:100%;display:block;position:absolute;top:0;left:40%;box-shadow:inset 0 0 0 1px #15161318}.kinetic-bloom:after{content:"";background:var(--ink);border-radius:50%;width:22%;height:22%;position:absolute;top:39%;left:39%}.hero-bloom{z-index:4;width:clamp(135px,12vw,265px);position:absolute;bottom:-8%;left:-16%}.hero-baseline{letter-spacing:.6px;color:#898e7e;z-index:4;justify-content:space-between;gap:20px;font-size:11px;display:flex;position:absolute;bottom:28px;left:0;right:0}.hero-baseline>a{align-items:center;gap:16px;display:flex}.hero-baseline>span:last-child{font-family:Consolas,monospace}.hero-guideline{background:#ffffff15;height:1px;position:absolute;bottom:76px;left:0;right:0}.motion-ribbon{background:var(--lime);color:var(--ink);z-index:5;margin:0 -1%;padding:22px 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.01)}.ribbon-track{will-change:transform;width:max-content;display:flex}.ribbon-track>span{white-space:nowrap;letter-spacing:-.045em;align-items:center;gap:45px;margin-right:45px;font-size:clamp(24px,2.3vw,55px);font-weight:600;display:flex}.ribbon-track>span>span{font-size:1.25em;font-weight:400;line-height:.7}.brand-experiments{background:var(--paper);color:var(--ink);margin-top:-18px;padding:115px 6.3% 130px}.section-topline{letter-spacing:1px;border-top:1px solid #15161335;justify-content:space-between;align-items:center;gap:24px;padding-top:19px;font:11px Consolas,Noto Sans SC,monospace;display:flex}.experiment-heading{justify-content:space-between;align-items:flex-end;gap:9%;margin:60px 0 65px;display:flex}.experiment-heading h2{letter-spacing:-.065em;flex-shrink:0;margin:0;font-size:clamp(44px,4.2vw,94px);font-weight:500;line-height:1.3}.experiment-heading h2 em{color:#7c8571;font-style:normal}.brand-site[data-language=en] .experiment-heading h2{font-size:clamp(44px,4.1vw,92px);line-height:1.08}.brand-site[data-language=en] .experiment-heading h2 em{font-family:Georgia,serif;font-style:italic}.experiment-heading>p{color:#737969;max-width:340px;margin:0 0 8px;font-size:14px;line-height:1.9}.featured-stage{grid-template-columns:1fr 1.95fr;gap:6%;display:grid}.featured-copy{flex-direction:column;align-items:flex-start;display:flex}.featured-index{letter-spacing:-8px;margin:0 0 32px;font:italic clamp(65px,7vw,150px)/1 Georgia,serif}.featured-index>span{letter-spacing:1px;color:#8c9283;vertical-align:middle;margin-left:20px;font:11px Consolas,monospace}.feature-picker{width:100%;margin-bottom:25px}.feature-picker button{text-align:left;color:#8d9385;letter-spacing:-.035em;background:0 0;border:0;border-bottom:1px solid #15161325;align-items:center;gap:16px;width:100%;padding:20px 2px;font-size:clamp(16px,1.5vw,30px);transition:color .3s,padding .3s;display:flex}.feature-picker button>span{letter-spacing:0;align-self:center;font:10px Consolas,monospace}.feature-picker button>svg{opacity:0;margin-left:auto;transition:transform .3s,opacity .3s;transform:rotate(45deg)}.feature-picker button[aria-pressed=true]{color:#151613;padding-left:10px}.feature-picker button[aria-pressed=true]>svg{opacity:1;transform:rotate(0)}.feature-picker button:hover{color:#151613}.featured-copy>p{color:#747c68;min-height:48px;margin:0 0 26px;font-size:13px;line-height:1.8}.text-link{border-bottom:1px solid #151613;align-items:center;gap:24px;margin-top:auto;padding:9px 0;font-size:13px;display:inline-flex}.text-link svg{transition:transform .3s}.text-link:hover svg{transform:translate(3px,-3px)}.feature-artwork{border-radius:4px;height:100%;min-height:510px}.featured-visual{min-width:0;position:relative}.feature-footnote{color:#868c7a;letter-spacing:.3px;font-size:10px;position:absolute;bottom:-29px;right:0}.feature-artwork .artwork-meta{font-size:11px;bottom:30px;left:30px;right:133px}.feature-artwork .artwork-actions{bottom:25px;right:25px}.feature-artwork .artwork-next{width:58px;height:58px}.possibility-section{padding:95px 6.3% 100px}.possibility-section .section-topline{color:#959d89;border-color:#ffffff25}.possibility-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:65px 0 70px;display:flex}.possibility-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(56px,5.7vw,126px);font-weight:500;line-height:1.25;position:relative}.possibility-heading h2>span{color:var(--violet);vertical-align:middle;margin-left:35px;font-family:Arial;font-weight:400;display:inline-block}.possibility-heading p{color:#9da591;max-width:260px;margin-bottom:12px;font-size:14px;line-height:1.9}.expression-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:25px;display:grid}.expression-card{min-width:0;display:block}.expression-card:nth-child(2){margin-top:75px}.expression-card:nth-child(3){margin-top:150px}.expression-art{aspect-ratio:.86;isolation:isolate;border-radius:3px;position:relative;overflow:hidden}.expression-art>img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s}.expression-card:hover .expression-art>img{transform:scale(1.08)}.expression-flow .expression-art{background:#22697b}.expression-flow .expression-art>img{mix-blend-mode:luminosity;filter:brightness(.8)}.expression-word{letter-spacing:-.08em;color:var(--paper);z-index:2;justify-content:center;align-items:center;font-size:clamp(100px,14vw,315px);font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.brand-site[data-language=en] .expression-word{letter-spacing:-.075em;font-size:clamp(58px,6.9vw,160px);font-weight:800}.card-orbit{border:1px solid #ffffff7a;border-radius:50%;transition:transform .7s;position:absolute;inset:17% 10%;transform:rotate(25deg)}.expression-flow:hover .card-orbit{transform:rotate(-20deg)scale(1.1,.8)}.expression-form .expression-art{background:var(--violet);color:var(--ink)}.expression-form .expression-word{color:#151613;mix-blend-mode:overlay}.ribbon-sculpture{perspective:700px;position:absolute;inset:11% 10%;transform:rotate(-17deg)}.ribbon-sculpture>span{top:calc(var(--strip)*8%);width:100%;height:22%;transform:rotateY(calc(var(--strip)*8deg - 34deg));background:linear-gradient(#d5ff5f,#8eb41d 60%,#263702);border-radius:50%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;box-shadow:0 9px 10px #36176736}.expression-form:hover .ribbon-sculpture>span{transform:rotateY(calc(var(--strip)*-7deg + 30deg)) translateX(calc(var(--strip)*1.3%))}.expression-print .expression-art{background:#ff7453}.expression-print .expression-art>img{mix-blend-mode:multiply;filter:grayscale();height:70%;position:absolute;bottom:0}.expression-print .expression-word{color:#d5ff5f;mix-blend-mode:screen;text-shadow:-12px 7px #76385d}.print-cross{color:#151613;font:40px/1.5 Arial;position:absolute;top:4px;right:14px}.expression-caption{border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:10px;padding:23px 0;display:flex}.expression-caption small{letter-spacing:1px;color:#8f9980;margin-bottom:13px;font:10px Consolas,Noto Sans SC,monospace;display:block}.expression-caption strong{letter-spacing:-.035em;font-size:clamp(15px,1.5vw,28px);font-weight:400}.expression-caption>svg{width:19px;color:var(--lime);transition:transform .3s}.expression-card:hover .expression-caption>svg{transform:translate(3px,-3px)}.all-effects-row{justify-content:space-between;align-items:center;gap:25px;margin-top:65px;display:flex}.all-effects-row>p{color:#8f9980;font-size:13px;line-height:1.7}.outline-button{color:var(--paper);border:1px solid #b9c0ab;font-weight:400}.outline-button:hover{background:var(--paper);color:var(--ink)}.start-section{background:var(--violet);color:var(--ink);padding:38px 6.3% 25px;overflow:hidden}.start-top{letter-spacing:1px;justify-content:space-between;align-items:center;gap:20px;font:11px Consolas,Noto Sans SC,monospace;display:flex}.start-main{grid-template-columns:1fr 1fr;align-items:end;gap:9%;padding:75px 0 90px;display:grid}.start-main h2{letter-spacing:-.07em;margin:0;font-size:clamp(65px,6.8vw,150px);font-weight:500;line-height:1.2}.start-dot{vertical-align:top;margin:6% 0 0 4%;font-size:.45em;display:inline-block}.start-main p{color:#524265;margin:25px 0 0;font-size:14px}.start-actions{padding-top:150px;position:relative}.start-bloom{width:130px;position:absolute;top:-35px;right:7%}.start-bloom i{box-shadow:none;background:#151613}.start-bloom:after{background:var(--violet)}.install-command{color:#f0f0e6;text-align:left;background:#151613;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:25px 23px;transition:background .3s;display:flex;position:relative;font:clamp(12px,1.1vw,21px) Consolas,monospace!important}.command-dollar{color:#808b71}.install-command svg{color:var(--lime);flex-shrink:0}.install-command:hover{background:#2d3325}.install-tooltip{color:#524265;font:11px Arial,Noto Sans SC,sans-serif;position:absolute;top:-26px;right:0}.start-code{justify-content:flex-end;align-items:center;gap:13px;padding:22px 0 0;font-size:12px;display:flex}.closing-wordmark{letter-spacing:-.083em;white-space:nowrap;transform-origin:bottom;margin-left:-.018em;font-size:22.7vw;font-weight:750;line-height:.92}.closing-wordmark>span{letter-spacing:0;vertical-align:top;margin:2% 0 0 1.6%;font-size:.08em;display:inline-block}.brand-footer{letter-spacing:.2px;border-top:1px solid #15161340;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding-top:25px;font-size:11px;display:flex}.brand-footer a{align-items:center;gap:15px;display:flex}.studio-shell{color:#e6e9dc;background:#151613}.studio-shell .site-header{background:#151613;border-color:#35382d;height:79px;position:sticky;top:0}.site-header:after{display:none}.studio-shell .brand img{box-shadow:none}.header-caption{color:#838e73;border-color:#35382d}.header-divider{border-color:#35382d}.version{color:#a8b695;border-color:#414834}.language-button:hover{background:#32382a}.lab-home-link{color:#b9c5a9;align-items:center;gap:8px;font-size:12px;display:flex}.lab-home-link:hover{color:#d5ff5f}.effect-sidebar{box-shadow:none;background:#191c16;border-color:#35382d}.effect-button{color:#a0ac92}.effect-button[data-active=true]{box-shadow:none!important;color:#17200b!important;background:#d5ff5f!important}.category-label{color:#718061!important}.effect-button:hover{background:#d5ff5f0c!important}.sidebar-bottom{color:#77886b}.main-workspace{max-width:none;padding-top:33px}.effect-heading{min-height:125px;margin-bottom:24px}.effect-heading h1{color:#ebeedf;font-weight:500}.heading-copy p{color:#8f9e80}.eyebrow{color:#9fac8e}.eyebrow:before{background:#d5ff5f;width:15px}.study-number{color:#d5ff5f;letter-spacing:-9px;opacity:.88;padding-top:0;font-family:Arial,sans-serif;font-size:108px;font-style:normal;font-weight:500}.study-number>span{color:#718061;letter-spacing:1px;font-size:10px}.title-dot{color:#d5ff5f;text-shadow:none}.tabs-toolbar{border-color:#353e2b}.tabs-toolbar [data-slot=tabs-trigger][data-state=active]{color:#d5ff5f!important}.tabs-toolbar [data-slot=tabs-trigger]:after{background:#d5ff5f!important}.backend-label{color:#849a6c}.stage-frame{box-shadow:none;background:0 0;border-radius:4px;padding:0}.stage-frame:before,.stage-frame:after{display:none}.art-stage{background:#0c0f0b;border-radius:4px}.art-stage:after{border-color:#ffffff15}.image-caption{color:#7e8e6f}.image-selector-heading h2{color:#c4d0b4}.image-selector-heading>span{color:#718361}.thumbnail.selected>span{color:#d5ff5f}.thumbnail>span{color:#8c9d7b}.thumbnail.selected .thumbnail-image{box-shadow:none;outline-color:#d5ff5f}.thumbnail-image{border-radius:2px}.photo-credit{color:#748967}.photo-credit a{text-decoration-color:#4c5e3e}.parameter-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e241a;border-color:#3d4932;border-radius:4px}.parameter-header{background:#222a1c;border-color:#3a482e}.parameter-header h2{color:#d8e5c8}.parameter-body{background:0 0}.parameter-section-title{color:#748d5e}.control-label output{color:#d5ff5f;background:#2d3b21}.range-control [data-slot=slider-track]{background:#39482c}.range-control [data-slot=slider-range]{background:#a7c772}.range-control [data-slot=slider-thumb]{background:#151613;border-color:#d5ff5f;box-shadow:0 0 0 3px #1e241a}.parameter-select{color:#c4d1b6;background:#262f1f!important;border-color:#465637!important}.parameter-select:hover{border-color:#9cbb72!important}.reset-button{color:#a2b38b}.reset-button:hover{color:#d5ff5f}.effect-settings-title{border-color:#3a482e}.parameter-footer{color:#91a77b;background:#222a1c;border-color:#3a482e}.word-input{color:#d9e4cb;background:#262f1f;border-color:#465637}.compatibility-note{color:#adbda0;background:#2d3824}.color-control span{color:#90a17e}.workspace-footer{color:#6e845d;border-color:#35412b}.code-intro p,.code-note{color:#96a784}.code-block-heading{color:#c6d6b5;background:#273021}.install-block,.example-block{box-shadow:none;border-color:#3b4b2d;border-radius:4px}.code-block-heading button{color:#d5ff5f}.example-block pre,.install-block pre{color:#c4d4af;background:#10140d}.line-number{color:#536343}.code-import{color:#d5ff5f}.switch-control [data-slot=switch][data-state=unchecked]{background:#3a4630}.switch-control [data-slot=switch][data-state=checked]{background:#a5ca6d}.switch-control [data-slot=switch-thumb]{background:#e3eccc}.workspace-footer a:hover{color:#d5ff5f}@media (min-width:1600px){.brand-hero{min-height:820px}.hero-description{margin-top:40px;margin-bottom:42px}.pill-button{min-height:72px;padding:0 34px;font-size:17px}.header-lab{padding:14px 25px;font-size:15px}.brand-header nav{font-size:16px}.feature-artwork{min-height:630px}.featured-copy>p,.experiment-heading>p,.possibility-heading>p{max-width:390px;font-size:17px}.feature-picker button{padding-top:26px;padding-bottom:26px}.main-workspace{padding:35px 3vw 26px}.preview-grid{grid-template-columns:minmax(0,1fr) clamp(285px,14vw,360px);gap:2.2vw}.effect-heading{min-height:145px}.art-stage{height:clamp(540px,57vh,880px);max-height:none}.study-number{font-size:135px}.thumbnail-image{aspect-ratio:2.25}.hero-art-note{font-size:12px}}@media (min-width:2200px){.brand-header{height:115px}.brand-hero{height:calc(100svh - 115px)}.hero-kicker{font-size:16px}.hero-copy{padding-top:15vh}.hero-art-wrap{width:38%;height:73%;top:12%;right:3%}.brand-wordmark{font-size:39px}.hero-cta-row{gap:45px}.hero-baseline{font-size:14px}.feature-artwork{min-height:810px}.brand-experiments,.possibility-section{padding-top:130px;padding-bottom:150px}.featured-stage{gap:7%}.art-sticker{width:145px;height:145px;font-size:23px}.artwork-meta{font-size:13px;bottom:40px;left:35px;right:135px}.artwork-actions{bottom:33px;right:30px}.artwork-next{width:65px;height:65px}.artwork-pause{width:33px;height:33px}.effect-heading h1{font-size:58px}.study-number{font-size:145px}.start-main{padding:95px 0 130px}.start-bloom{width:170px;top:-95px}.install-command{padding:32px}.section-topline,.start-top{font-size:14px}.start-main p{font-size:20px}}@media (max-width:1100px){.brand-header{height:83px;margin:0 4%}.brand-header nav{gap:20px;font-size:12px}.brand-header-actions{gap:18px}.header-lab{display:none}.brand-hero{height:calc(100svh - 83px);min-height:685px}.hero-copy{padding-top:125px}.hero-copy h1{font-size:8.3vw}.hero-art-wrap{width:40%;height:65%;top:17%;right:2%}.hero-description{max-width:360px;font-size:13px}.hero-cta-row{gap:20px}.hero-secondary{font-size:11px}.pill-button{gap:25px;min-height:54px;padding:0 22px;font-size:13px}.art-sticker{width:80px;height:80px;font-size:12px}.art-sticker svg{width:16px}.hero-art-note{letter-spacing:.7px;font-size:8px}.hero-bloom{width:125px}.artwork-meta{letter-spacing:.3px;gap:8px;font-size:8px;bottom:23px;left:16px;right:80px}.artwork-meta>span:last-child{display:none}.artwork-actions{gap:6px;bottom:17px;right:15px}.artwork-next{width:39px;height:39px}.artwork-pause{width:23px;height:23px}.brand-experiments{padding:95px 5% 100px}.experiment-heading{gap:6%}.experiment-heading h2{font-size:4.7vw}.experiment-heading>p{max-width:260px;font-size:12px}.featured-stage{grid-template-columns:1fr 1.65fr;gap:5%}.feature-artwork{min-height:445px}.featured-index{font-size:80px}.feature-picker button{gap:10px;font-size:18px}.featured-copy>p{font-size:12px}.expression-grid{gap:18px}.possibility-section{padding:80px 5%}.possibility-heading p{max-width:240px;font-size:12px}.expression-caption strong{font-size:17px}.expression-caption small{font-size:8px}.all-effects-row p{font-size:12px}.start-section{padding-left:5%;padding-right:5%}.start-main{gap:6%;padding:65px 0 75px}.start-main h2{font-size:8vw}.start-bloom{width:100px;top:0}.start-actions{padding-top:125px}.install-command{padding:23px 17px;font-size:12px!important}.closing-wordmark{font-size:23.4vw}.effect-heading{min-height:130px}.study-number{font-size:90px}}@media (max-width:767px){html{scroll-padding-top:25px}.brand-header{gap:15px;height:76px;margin:0 6%}.brand-wordmark{gap:8px;font-size:27px}.brand-wordmark img{width:25px;height:25px}.brand-header nav{display:none}.brand-language{font-size:12px!important}.brand-hero{height:auto;min-height:0;margin:0 6%;padding:38px 0 0}.hero-kicker{letter-spacing:.3px;gap:8px;font-size:9px;position:static}.hero-version{margin-left:auto;font-size:9px}.hero-copy{width:100%;padding-top:30px}.hero-copy h1{letter-spacing:-.07em;margin:0;font-size:13.2vw;line-height:1.25}.brand-site[data-language=en] .hero-copy h1{font-size:15vw}.headline-spark{margin-top:5%;font-size:.38em}.hero-description{max-width:100%;margin:23px 0;font-size:12px;line-height:1.85}.hero-cta-row{justify-content:space-between;gap:22px}.pill-button{gap:26px;min-height:51px;padding:0 21px;font-size:12px}.hero-secondary{gap:8px;font-size:11px}.hero-art-wrap{z-index:1;width:71%;height:390px;max-height:none;margin:54px auto 64px;position:relative;top:auto;right:auto}.hero-artwork,.hero-backplate{border-radius:46% 46% 5% 5%}.hero-orbit{inset:10% -15%}.hero-bloom{width:110px;bottom:-8%;left:-21%}.art-sticker{width:76px;height:76px;top:10%;right:-14%}.hero-art-note{letter-spacing:.4px;font-size:7px;bottom:-8%;left:10%}.hero-baseline{letter-spacing:0;border-top:1px solid #ffffff20;padding:22px 0;font-size:9px;position:relative;bottom:auto;left:auto;right:auto}.hero-baseline>span:first-child{display:none}.hero-baseline>a{gap:12px}.hero-guideline{display:none}.motion-ribbon{padding:17px 0;transform:rotate(-3deg)scale(1.01)}.ribbon-track>span{gap:24px;margin-right:24px;font-size:22px}.brand-experiments{margin-top:-12px;padding:78px 6% 75px}.section-topline{letter-spacing:.25px;padding-top:14px;font-size:9px}.section-topline>span:last-child{font-size:8px}.experiment-heading{margin:36px 0 32px;display:block}.experiment-heading h2{font-size:9.2vw;line-height:1.35}.brand-site[data-language=en] .experiment-heading h2{font-size:10.2vw;line-height:1.15}.experiment-heading>p{max-width:100%;margin:23px 0 0;font-size:12px}.featured-stage{flex-direction:column;gap:25px;display:flex}.featured-index,.featured-copy>p{display:none}.feature-picker{gap:8px;margin:0;display:flex}.feature-picker button{letter-spacing:0;white-space:nowrap;flex:1;justify-content:center;gap:5px;padding:15px 0;font-size:12px}.feature-picker button>span{font-size:8px}.feature-picker button>svg{display:none}.feature-picker button[aria-pressed=true]{border-bottom:2px solid #151613;padding-left:0;font-weight:500}.featured-copy .text-link{align-self:flex-end;gap:13px;margin-top:18px;padding:5px 0;font-size:11px}.featured-visual{width:100%}.feature-artwork{height:320px;min-height:0}.feature-artwork .artwork-meta{font-size:9px;bottom:24px;left:20px}.feature-artwork .artwork-actions{bottom:16px;right:17px}.feature-artwork .artwork-next{width:45px;height:45px}.feature-footnote{font-size:8px;bottom:-24px}.possibility-section{padding:55px 6% 64px}.possibility-heading{margin:35px 0;display:block}.possibility-heading h2{font-size:11.6vw;line-height:1.25}.possibility-heading h2>span{margin-left:14px}.possibility-heading p{max-width:100%;margin:20px 0 0;font-size:12px;line-height:1.8}.expression-grid{grid-template-columns:1fr;gap:35px}.expression-card:nth-child(n){margin-top:0}.expression-art{aspect-ratio:1.08}.expression-word{font-size:48vw}.brand-site[data-language=en] .expression-word{font-size:25vw}.expression-caption{padding:19px 0}.expression-caption small{margin-bottom:9px;font-size:9px}.expression-caption strong{font-size:19px}.all-effects-row{margin-top:35px;display:block}.all-effects-row p{margin-bottom:22px;font-size:11px}.outline-button{justify-content:space-between;width:100%}.start-section{padding:28px 6% 24px}.start-top{letter-spacing:.1px;font-size:8px}.start-main{padding:40px 0 48px;display:block}.start-main h2{font-size:13.5vw;line-height:1.2}.start-main p{margin-top:20px;font-size:12px}.start-actions{padding-top:75px}.start-bloom{width:70px;top:-32px;right:5px}.install-command{gap:13px;padding:23px 17px;font-size:12px!important}.install-command svg{width:16px}.install-tooltip{font-size:10px}.start-code{padding-top:18px;font-size:10px}.closing-wordmark{margin-left:-.055em;font-size:23.4vw}.brand-footer{gap:12px;margin-top:26px;padding-top:18px;font-size:9px}.brand-footer>span:nth-child(2){display:none}.brand-footer a{gap:6px}.studio-shell .site-header{height:68px}.lab-home-link{display:none}.effect-sidebar{background:#191c16}.effect-heading{min-height:135px}.effect-heading h1{font-size:34px}.study-number{letter-spacing:-4px;padding-top:34px;font-size:58px}.main-workspace{padding-top:25px}.heading-copy p{font-size:13px}.menu-scrim{background:#0009}.brand-site .transition-progress{height:2px}}@media (max-width:380px){.hero-copy h1{font-size:13vw}.hero-art-wrap{height:350px}.hero-cta-row{gap:14px}.pill-button{gap:17px;padding:0 17px}.hero-secondary{font-size:10px}.feature-picker button{font-size:11px}.install-command{font-size:11px!important}.section-topline>span:last-child{text-align:right;max-width:110px;line-height:1.5}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-track,.hero-art-wrap,.hero-art-tilt,.hero-bloom,.start-bloom,.closing-wordmark{will-change:auto}.expression-card:hover .expression-art>img{transform:none}.brand-site button,.brand-site a{transition:none}.hero-art-tilt{transform:rotate(5deg)}}.brand-header nav{white-space:nowrap;gap:clamp(17px,1.7vw,30px)}.brand-header .header-resource{color:#d5ff5f}.lab-resource-links{color:#a7b797;align-items:center;gap:18px;margin-left:auto;font-size:12px;display:flex}.lab-resource-links a{white-space:nowrap;align-items:center;gap:6px;transition:color .2s;display:inline-flex}.lab-resource-links a:hover{color:#d5ff5f}.lab-resource-links+.header-actions{margin-left:0}.example-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:30px 0 16px;display:flex}.framework-picker{background:#10140d;border:1px solid #3b4b2d;border-radius:8px;padding:4px;display:inline-flex}.framework-picker button{color:#93a47f;font:inherit;background:0 0;border:0;border-radius:5px;padding:10px 16px;font-size:13px;transition:background .2s,color .2s}.framework-picker button[aria-pressed=true]{color:#182011;background:#d5ff5f}.effect-api-link{color:#d5ff5f;align-items:center;gap:8px;font-size:12px;display:inline-flex}.effect-api-link:hover{text-underline-offset:5px;text-decoration:underline}.framework-guidance{color:#a7b797;max-width:900px;margin:0 0 20px;font-size:13px;line-height:1.9}.framework-guidance p{margin:0}.vanilla-setup{color:#d5ff5f;background:#10140d;border:1px solid #3b4b2d;border-radius:5px;align-items:center;gap:18px;width:fit-content;max-width:100%;margin-top:13px;padding:10px 14px;display:flex}.vanilla-setup code{white-space:nowrap;font-size:12px;overflow-x:auto}.vanilla-setup button{color:inherit;background:0 0;border:0;place-items:center;padding:5px;display:grid}@media (max-width:1280px){.site-header{gap:24px}.site-header .header-caption,.brand-header .header-section-link{display:none}}@media (max-width:900px){.lab-resource-links{gap:15px}.lab-resource-links span{display:none}}@media (max-width:767px){.brand-header{flex-wrap:wrap;gap:10px 20px;height:auto;min-height:106px;padding:18px 0 11px}.brand-header nav{order:3;justify-content:space-between;gap:20px;width:100%;font-size:11px;display:flex}.brand-header nav a{padding:3px 0}.brand-header nav a:not(.header-resource){display:none}.brand-header-actions{margin-left:auto}.site-header{gap:16px;padding-left:16px;padding-right:16px}.lab-resource-links{gap:14px}.lab-resource-links a{padding:6px 0}.lab-resource-links+.header-actions{gap:12px}.example-toolbar{align-items:flex-start;gap:15px;margin-top:24px}.framework-picker button{padding:9px 13px;font-size:12px}.framework-guidance{font-size:12px}.effect-api-link{font-size:11px}}@media (max-width:540px){.site-header .brand>span{display:none}}