@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-600:#00a544;--color-blue-600:#155dfc;--color-purple-600:#9810fa;--color-pink-600:#e30076;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--shadow-xs:0 0 4px 0 #0000000a;--shadow-sm:0 18px 47px 0 #00000008, 0 7.5px 19px 0 #00000005, 0 4px 10.5px 0 #00000005, 0 2.3px 5.8px 0 #00000003, 0 1.2px 3.1px 0 #00000003, 0 .5px 1.3px 0 #00000003;--shadow-md:0 17.54px 23.39px 0 #0000000a, 0 9.4px 12.5px 0 #00000008, 0 5.25px 7px 0 #00000005, 0 2.79px 3.72px -2px #00000003, 0 1.16px 1.5px 0 #00000003;--shadow-lg:0 25px 50px 0 #0000000d, 0 12px 24px 0 #0000000a, 0 6px 12px 0 #00000008, 0 3px 6px 0 #00000005, 0 1.5px 3px 0 #00000005;--shadow-xl:0 40px 80px 0 #0000000f, 0 20px 40px 0 #0000000d, 0 10px 20px 0 #0000000a, 0 5px 10px 0 #00000008, 0 2px 4px 0 #00000005;--shadow-2xl:0 60px 120px 0 #00000012, 0 30px 60px 0 #0000000f, 0 15px 30px 0 #0000000d, 0 7.5px 15px 0 #0000000a, 0 3px 6px 0 #00000008;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-border:hsl(var(--border));--color-muted:hsl(var(--muted))}@supports (color:lab(0% 0 0)){:root,:host{--color-green-600:lab(59.0978% -58.6621 41.2579);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-600:lab(49.5493% 79.8381 2.31768)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-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}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-0\.5{inset:calc(var(--spacing) * -.5)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-12{top:calc(var(--spacing) * 12)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[260\]{z-index:260}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[1\.75\/1\]{aspect-ratio:1.75}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-\[16\/7\]{aspect-ratio:16/7}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[1200\/380\]{aspect-ratio:1200/380}.aspect-\[1200\/630\]{aspect-ratio:1200/630}.aspect-square{aspect-ratio:1}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\/3{width:66.6667%;height:66.6667%}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.size-\[14px\]{width:14px;height:14px}.size-\[19px\]{width:19px;height:19px}.size-\[38px\]{width:38px;height:38px}.size-\[46px\]{width:46px;height:46px}.size-\[104px\]{width:104px;height:104px}.size-\[120px\]{width:120px;height:120px}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.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-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-52{height:calc(var(--spacing) * 52)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[min\(66vh\,680px\)\]{max-height:min(66vh,680px)}.max-h-\[min\(360px\,var\(--radix-select-content-available-height\)\)\]{max-height:min(360px, var(--radix-select-content-available-height))}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[20rem\]{min-height:20rem}.min-h-\[68px\]{min-height:68px}.min-h-\[132px\]{min-height:132px}.min-h-\[420px\]{min-height:420px}.min-h-\[440px\]{min-height:440px}.min-h-\[460px\]{min-height:460px}.min-h-\[480px\]{min-height:480px}.min-h-\[500px\]{min-height:500px}.min-h-\[520px\]{min-height:520px}.min-h-\[540px\]{min-height:540px}.min-h-\[560px\]{min-height:560px}.min-h-\[640px\]{min-height:640px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2\/3{width:66.6667%}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-20{width:calc(var(--spacing) * 20)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[260px\]{width:260px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-44{max-width:calc(var(--spacing) * 44)}.max-w-\[18ch\]{max-width:18ch}.max-w-\[39ch\]{max-width:39ch}.max-w-\[540px\]{max-width:540px}.max-w-\[640px\]{max-width:640px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1480px\]{max-width:1480px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[\.998\]{scale:.998}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1\.4fr_1fr_0\.8fr\]{grid-template-columns:1.4fr 1fr .8fr}.grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.grid-cols-\[1fr_0\.72fr\]{grid-template-columns:1fr .72fr}.grid-cols-\[1fr_30px_30px\]{grid-template-columns:1fr 30px 30px}.grid-cols-\[38px_minmax\(0\,1fr\)\]{grid-template-columns:38px minmax(0,1fr)}.grid-cols-\[42px_1fr\]{grid-template-columns:42px 1fr}.grid-cols-\[52px_1fr\]{grid-template-columns:52px 1fr}.grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_112px\]{grid-template-columns:minmax(0,1fr) 112px}.grid-cols-\[minmax\(0\,1fr\)_132px\]{grid-template-columns:minmax(0,1fr) 132px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-px{gap:1px}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-t-sm{border-top-left-radius:calc(var(--radius) - 4px);border-top-right-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-background\/30{border-color:hsl(var(--background))!important}@supports (color:color-mix(in lab, red, red)){.\!border-background\/30{border-color:color-mix(in oklab, hsl(var(--background)) 30%, transparent)!important}}.border-border,.border-border\/65{border-color:hsl(var(--border))}@supports (color:color-mix(in lab, red, red)){.border-border\/65{border-color:color-mix(in oklab, hsl(var(--border)) 65%, transparent)}}.border-border\/70{border-color:hsl(var(--border))}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab, hsl(var(--border)) 70%, transparent)}}.border-border\/80{border-color:hsl(var(--border))}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab, hsl(var(--border)) 80%, transparent)}}.border-foreground,.border-foreground\/10{border-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.border-foreground\/10{border-color:color-mix(in oklab, hsl(var(--foreground)) 10%, transparent)}}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-status-error-border{border-color:hsl(var(--status-error-border))}.border-status-success-border{border-color:hsl(var(--status-success-border))}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.\!bg-transparent{background-color:#0000!important}.bg-\[\#0D1117\]{background-color:#0d1117}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-background,.bg-background\/90{background-color:hsl(var(--background))}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, hsl(var(--background)) 90%, transparent)}}.bg-background\/95{background-color:hsl(var(--background))}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, hsl(var(--background)) 95%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-border{background-color:hsl(var(--border))}.bg-foreground,.bg-foreground\/20{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/20{background-color:color-mix(in oklab, hsl(var(--foreground)) 20%, transparent)}}.bg-foreground\/45{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/45{background-color:color-mix(in oklab, hsl(var(--foreground)) 45%, transparent)}}.bg-inherit{background-color:inherit}.bg-muted,.bg-muted\/20{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/20{background-color:color-mix(in oklab, hsl(var(--muted)) 20%, transparent)}}.bg-muted\/25{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/25{background-color:color-mix(in oklab, hsl(var(--muted)) 25%, transparent)}}.bg-muted\/30{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, hsl(var(--muted)) 30%, transparent)}}.bg-muted\/40{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, hsl(var(--muted)) 40%, transparent)}}.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-status-error-background{background-color:hsl(var(--status-error-background))}.bg-status-success{background-color:hsl(var(--status-success))}.bg-status-success-background{background-color:hsl(var(--status-success-background))}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(45deg\,hsl\(var\(--muted\)\)_25\%\,transparent_25\%\,transparent_75\%\,hsl\(var\(--muted\)\)_75\%\)\,linear-gradient\(45deg\,hsl\(var\(--muted\)\)_25\%\,transparent_25\%\,transparent_75\%\,hsl\(var\(--muted\)\)_75\%\)\]{background-image:linear-gradient(45deg,hsl(var(--muted)) 25%,transparent 25%,transparent 75%,hsl(var(--muted)) 75%),linear-gradient(45deg,hsl(var(--muted)) 25%,transparent 25%,transparent 75%,hsl(var(--muted)) 75%)}.bg-\[radial-gradient\(circle\,hsl\(var\(--border\)\/0\.35\)_1px\,transparent_1px\)\]{background-image:radial-gradient(circle,hsl(var(--border)/.35) 1px,transparent 1px)}.from-pink-600{--tw-gradient-from:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:16px_16px\]{background-size:16px 16px}.bg-\[size\:14px_14px\]{background-size:14px 14px}.bg-clip-padding{background-clip:padding-box}.bg-\[position\:0_0\,8px_8px\]{background-position:0 0,8px 8px}.fill-foreground{fill:hsl(var(--foreground))}.stroke-background{stroke:hsl(var(--background))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[18px\]{font-size:18px}.text-\[clamp\(0\.8rem\,1\.2vw\,1rem\)\]{font-size:clamp(.8rem,1.2vw,1rem)}.text-\[clamp\(1\.2rem\,2vw\,1\.75rem\)\]{font-size:clamp(1.2rem,2vw,1.75rem)}.text-\[clamp\(1rem\,1\.55vw\,1\.35rem\)\]{font-size:clamp(1rem,1.55vw,1.35rem)}.text-\[clamp\(2\.2rem\,4vw\,2\.75rem\)\]{font-size:clamp(2.2rem,4vw,2.75rem)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.94\]{--tw-leading:.94;line-height:.94}.leading-\[0\.96\]{--tw-leading:.96;line-height:.96}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:500;font-weight:500}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.08em\]{--tw-tracking:-.08em;letter-spacing:-.08em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-background{color:hsl(var(--background))!important}.text-background{color:hsl(var(--background))}.text-current{color:currentColor}.text-foreground,.text-foreground\/7{color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.text-foreground\/7{color:color-mix(in oklab, hsl(var(--foreground)) 7%, transparent)}}.text-foreground\/80{color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab, hsl(var(--foreground)) 80%, transparent)}}.text-muted-foreground,.text-muted-foreground\/60{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, hsl(var(--muted-foreground)) 60%, transparent)}}.text-primary-foreground,.text-primary-foreground\/12{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/12{color:color-mix(in oklab, hsl(var(--primary-foreground)) 12%, transparent)}}.text-primary-foreground\/55{color:hsl(var(--primary-foreground))}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/55{color:color-mix(in oklab, hsl(var(--primary-foreground)) 55%, transparent)}}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-status-error{color:hsl(var(--status-error))}.text-status-success{color:hsl(var(--status-success))}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-border{-webkit-text-decoration-color:hsl(var(--border));-webkit-text-decoration-color:hsl(var(--border));-webkit-text-decoration-color:hsl(var(--border));text-decoration-color:hsl(var(--border))}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.55\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(127\,127\,127\,0\.2\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#7f7f7f33);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 25px 50px 0 var(--tw-shadow-color,#0000000d), 0 12px 24px 0 var(--tw-shadow-color,#0000000a), 0 6px 12px 0 var(--tw-shadow-color,#00000008), 0 3px 6px 0 var(--tw-shadow-color,#00000005), 0 1.5px 3px 0 var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 18px 47px 0 var(--tw-shadow-color,#00000008), 0 7.5px 19px 0 var(--tw-shadow-color,#00000005), 0 4px 10.5px 0 var(--tw-shadow-color,#00000005), 0 2.3px 5.8px 0 var(--tw-shadow-color,#00000003), 0 1.2px 3.1px 0 var(--tw-shadow-color,#00000003), 0 .5px 1.3px 0 var(--tw-shadow-color,#00000003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.smooth-shadow-ring-2xl{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 60px 120px 0 var(--smooth-shadow-color), 0 30px 60px 0 var(--smooth-shadow-color), 0 15px 30px 0 var(--smooth-shadow-color), 0 7.5px 15px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-2xl{box-shadow:0 60px 120px 0 color-mix(in srgb, var(--smooth-shadow-color) 7%, transparent), 0 30px 60px 0 color-mix(in srgb, var(--smooth-shadow-color) 6%, transparent), 0 15px 30px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 7.5px 15px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-lg{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-lg{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-sm{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 18px 47px 0 var(--smooth-shadow-color), 0 7.5px 19px 0 var(--smooth-shadow-color), 0 4px 10.5px 0 var(--smooth-shadow-color), 0 2.3px 5.8px 0 var(--smooth-shadow-color), 0 1.2px 3.1px 0 var(--smooth-shadow-color), 0 .5px 1.3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-sm{box-shadow:0 18px 47px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 7.5px 19px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 4px 10.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 2.3px 5.8px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 1.2px 3.1px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 .5px 1.3px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-xl{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 40px 80px 0 var(--smooth-shadow-color), 0 20px 40px 0 var(--smooth-shadow-color), 0 10px 20px 0 var(--smooth-shadow-color), 0 5px 10px 0 var(--smooth-shadow-color), 0 2px 4px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-xl{box-shadow:0 40px 80px 0 color-mix(in srgb, var(--smooth-shadow-color) 6%, transparent), 0 20px 40px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 10px 20px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 5px 10px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 2px 4px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.ring-foreground{--tw-ring-color:hsl(var(--foreground))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,opacity\,transform\]{transition-property:background-color,border-color,color,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.\[transition-timing-function\:cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.smooth-ring-foreground\/20{--smooth-ring-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.smooth-ring-foreground\/20{--smooth-ring-color:color-mix(in srgb, hsl(var(--foreground)) calc(20 * 1%), transparent)}}@media (hover:hover){.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus-visible\:stroke-2:is(:where(.group):focus-visible *){stroke-width:2px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-foreground:focus-within{border-color:hsl(var(--foreground))}@media (hover:hover){.hover\:border-foreground:hover,.hover\:border-foreground\/45:hover{border-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/45:hover{border-color:color-mix(in oklab, hsl(var(--foreground)) 45%, transparent)}}.hover\:border-primary\/80:hover{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/80:hover{border-color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:\!bg-background:hover{background-color:hsl(var(--background))!important}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-foreground\/45:hover{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/45:hover{background-color:color-mix(in oklab, hsl(var(--foreground)) 45%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab, hsl(var(--muted)) 60%, transparent)}}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, hsl(var(--secondary)) 80%, transparent)}}.hover\:bg-status-error\/20:hover{background-color:hsl(var(--status-error))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-status-error\/20:hover{background-color:color-mix(in oklab, hsl(var(--status-error)) 20%, transparent)}}.hover\:\!text-foreground:hover{color:hsl(var(--foreground))!important}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:decoration-foreground:hover{-webkit-text-decoration-color:hsl(var(--foreground));-webkit-text-decoration-color:hsl(var(--foreground));-webkit-text-decoration-color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground))}}.focus\:border-foreground:focus{border-color:hsl(var(--foreground))}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/60:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 60%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:hsl(var(--muted))}.aria-expanded\:text-foreground[aria-expanded=true]{color:hsl(var(--foreground))}.aria-pressed\:border-foreground[aria-pressed=true]{border-color:hsl(var(--foreground))}.aria-pressed\:bg-foreground[aria-pressed=true]{background-color:hsl(var(--foreground))}.aria-pressed\:bg-muted[aria-pressed=true]{background-color:hsl(var(--muted))}.aria-pressed\:text-background[aria-pressed=true]{color:hsl(var(--background))}.aria-pressed\:ring-1[aria-pressed=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:ring-foreground[aria-pressed=true]{--tw-ring-color:hsl(var(--foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[highlighted\]\:bg-foreground[data-highlighted]{background-color:hsl(var(--foreground))}.data-\[highlighted\]\:text-background[data-highlighted]{color:hsl(var(--background))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[0\.65fr_1\.35fr\]{grid-template-columns:.65fr 1.35fr}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:items-end{align-items:flex-end}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:p-16{padding:calc(var(--spacing) * 16)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:pt-10{padding-top:calc(var(--spacing) * 10)}.sm\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[38px\]{font-size:38px}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.md\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}.md\:grid-cols-\[1fr_0\.72fr\]{grid-template-columns:1fr .72fr}.md\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(22rem\,0\.75fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(22rem,.75fr)}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-border\/80{border-color:hsl(var(--border))}@supports (color:color-mix(in lab, red, red)){.lg\:border-border\/80{border-color:color-mix(in oklab, hsl(var(--border)) 80%, transparent)}}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:pt-12{padding-top:calc(var(--spacing) * 12)}.lg\:pb-14{padding-bottom:calc(var(--spacing) * 14)}}@media (min-width:80rem){.xl\:inline-flex{display:inline-flex}.xl\:p-10{padding:calc(var(--spacing) * 10)}}@media (min-width:96rem){.\32 xl\:inline{display:inline}}.\[\&_\[data-live-material-label\]\]\:w-full [data-live-material-label]{width:100%}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\: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\]\:size-full>svg{width:100%;height:100%}}:root{--smooth-ring-color:#0000000d;--smooth-ring-width:1px}@supports (color:light-dark(black, white)){:root{--smooth-ring-color:light-dark(#0000000d,#ffffff2e)}}.light,[data-theme=light]{--smooth-ring-color:#0000000d}.dark,[data-theme=dark]{--smooth-ring-color:#ffffff2e}:root{--studio-shadow-xs:var(--shadow-xs);--studio-shadow-sm:var(--shadow-sm);--studio-shadow-md:var(--shadow-md);--studio-shadow-lg:var(--shadow-lg);--studio-shadow-xl:var(--shadow-xl);--studio-shadow-2xl:var(--shadow-2xl);--studio-shadow-ring-xs:var(--shadow-xs), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-sm:var(--shadow-sm), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-md:var(--shadow-md), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-lg:var(--shadow-lg), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-xl:var(--shadow-xl), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);--studio-shadow-ring-2xl:var(--shadow-2xl), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}:where(a[href],button:not(:disabled),summary,select:not(:disabled),input:is([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]):not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab]:not([aria-disabled=true]),[role=menuitem]:not([aria-disabled=true]),[role=menuitemcheckbox]:not([aria-disabled=true]),[role=menuitemradio]:not([aria-disabled=true]),[role=option]:not([aria-disabled=true]),[role=checkbox]:not([aria-disabled=true]),[role=radio]:not([aria-disabled=true]),[role=switch]:not([aria-disabled=true])){cursor:pointer}:where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]){cursor:not-allowed}.shader-lab-v2-layout{grid-template-columns:var(--studio-inspector-width) minmax(360px, 1fr) var(--studio-inspector-width);background:hsl(var(--muted) / .2);min-width:0;min-height:0;display:grid;overflow:hidden}.shader-lab-v2-library,.shader-lab-v2-inspector{background:hsl(var(--background));scrollbar-width:thin;min-width:0;min-height:0;overflow-y:auto}.shader-lab-v2-library{border-right:1px solid hsl(var(--border))}.shader-lab-v2-inspector{border-left:1px solid hsl(var(--border));flex-direction:column;display:flex}.shader-lab-v2-library .shader-lab-v2-panel-heading{border-bottom:0}.shader-lab-v2-panel-heading .lab-panel-action>button{cursor:pointer;border:1px solid hsl(var(--border));width:30px;height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:6px;flex:none;place-items:center;transition:color .14s,border-color .14s,transform .14s;display:grid}.shader-lab-v2-panel-heading .lab-panel-action>button:hover{border-color:hsl(var(--foreground) / .54);color:hsl(var(--foreground));transform:rotate(-7deg)scale(1.04)}.shader-lab-v2-panel-heading .lab-panel-action>button svg{width:16px}.shader-lab-v2-search{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .28);border-radius:6px;align-items:center;gap:8px;height:34px;margin:0 12px;padding:0 9px;transition:border-color .14s,background .14s;display:flex}.shader-lab-v2-search:focus-within{border-color:hsl(var(--foreground) / .46);background:hsl(var(--background))}.shader-lab-v2-search svg{width:14px;color:hsl(var(--muted-foreground));flex:none}.shader-lab-v2-search input{width:100%;min-width:0;color:hsl(var(--foreground));background:0 0;border:0;outline:0;font-size:12px}.shader-lab-v2-search input::placeholder{color:hsl(var(--muted-foreground))}.shader-lab-v2-categories{flex-wrap:wrap;gap:5px;padding:10px 12px 11px;display:flex}.shader-lab-v2-categories button{border:1px solid hsl(var(--border));height:25px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:999px;flex:none;padding:0 8px;font-size:10px;font-weight:560}.shader-lab-v2-categories button span{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;margin-left:5px;font-size:8px}.shader-lab-v2-categories button:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .35);background:hsl(var(--muted))}.shader-lab-v2-categories button[aria-pressed=true]{color:hsl(var(--background));border-color:hsl(var(--foreground));background:hsl(var(--foreground))}.shader-lab-v2-categories button[aria-pressed=true] span{color:hsl(var(--background) / .68)}.shader-lab-v2-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.shader-lab-v2-load-more{border:1px solid hsl(var(--border));min-height:38px;color:hsl(var(--muted-foreground));background:hsl(var(--background));text-align:left;border-radius:7px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:10px;display:flex}.shader-lab-v2-load-more:hover,.shader-lab-v2-load-more:focus-visible{border-color:hsl(var(--foreground) / .46);color:hsl(var(--foreground))}.shader-lab-v2-load-more small{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-size:8px}.shader-lab-v2-material-card{content-visibility:auto;contain-intrinsic-size:0 112px;border:1px solid hsl(var(--border));text-align:left;background:hsl(var(--background));border-radius:7px;flex-direction:column;min-width:0;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.shader-lab-v2-material-card:hover{border-color:hsl(var(--foreground) / .46);transform:translateY(-1px)}.shader-lab-v2-material-card[aria-pressed=true]{border-color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--foreground))}.shader-lab-v2-material-preview{border-bottom:1px solid hsl(var(--border) / .75);background:hsl(var(--muted));justify-content:flex-end;align-items:flex-start;height:78px;display:flex;position:relative;overflow:hidden}.shader-lab-v2-material-preview>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shader-lab-v2-material-preview>span{z-index:1;color:#fff;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #ffffff42;border-radius:3px;align-items:center;gap:4px;margin:6px;padding:2px 4px;font-size:7px;font-weight:700;display:inline-flex}.live-material-source-mark{flex:none;width:11px;height:11px;display:block;overflow:visible}.live-material-source-tag-label{line-height:1}.shader-lab-v2-material-copy{flex-direction:column;gap:1px;min-width:0;padding:8px;display:flex}.shader-lab-v2-material-copy strong,.shader-lab-v2-material-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shader-lab-v2-material-copy strong{color:hsl(var(--foreground));font-size:10px;font-weight:580}.shader-lab-v2-material-copy small{color:hsl(var(--muted-foreground));font-size:9px}.shader-lab-v2-library-note{border:1px dashed hsl(var(--border));color:hsl(var(--muted-foreground));border-radius:6px;margin:0 12px 16px;padding:10px;font-size:10px;line-height:1.5}.shader-lab-v2-workspace{background-color:hsl(var(--muted) / .32);grid-template-rows:minmax(0,1fr) 44px 160px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;container:design-lab-workspace/inline-size}.shader-lab-v2-image-drop-overlay{z-index:2147482000;border:1px dashed hsl(var(--foreground) / .72);color:hsl(var(--foreground));background:hsl(var(--background) / .88);box-shadow:inset 0 0 0 1px hsl(var(--background) / .85), 0 18px 50px hsl(var(--shadow-color) / .18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;border-radius:10px;place-content:center;justify-items:center;gap:7px;padding:24px;display:grid;position:absolute;inset:12px}.shader-lab-v2-image-drop-overlay>span{border:1px solid hsl(var(--border));background:hsl(var(--raised-background));border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.shader-lab-v2-image-drop-overlay svg{width:17px;height:17px}.shader-lab-v2-image-drop-overlay strong{font-size:13px;font-weight:650}.shader-lab-v2-image-drop-overlay small{max-width:330px;color:hsl(var(--muted-foreground));text-align:center;font-size:9px;line-height:1.45}.shader-lab-v2-frame-history{z-index:21;border-top:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));background:hsl(var(--background) / .97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:28px 122px minmax(80px,1fr) 58px;align-items:center;gap:10px;padding:6px 12px;display:grid;position:relative}.shader-lab-v2-frame-history>button{border:1px solid hsl(var(--border));width:28px;height:28px;color:hsl(var(--foreground));background:hsl(var(--raised-background));border-radius:5px;place-items:center;display:grid}.shader-lab-v2-frame-history>button:hover{background:hsl(var(--muted))}.shader-lab-v2-frame-history>button svg,.shader-lab-v2-frame-history-copy svg{width:12px;height:12px}.shader-lab-v2-frame-history-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.shader-lab-v2-frame-history-copy>span{align-items:center;gap:5px;font-size:10px;font-weight:640;display:flex}.shader-lab-v2-frame-history-copy small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.03em;text-transform:uppercase;font-size:8px}.shader-lab-v2-frame-history input[type=range]{width:100%;min-width:0;height:18px;accent-color:hsl(var(--foreground));cursor:ew-resize;margin:0}.shader-lab-v2-frame-history output{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;justify-content:flex-end;gap:3px;font-size:9px;display:flex}.shader-lab-v2-frame-history output strong{color:hsl(var(--foreground));font-weight:650}.design-motion-strip{z-index:21;border-top:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));background:hsl(var(--background) / .97);grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;display:grid;position:relative}.design-motion-strip .shader-lab-v2-frame-history{border-top:0}.design-motion-strip>button,.design-motion-strip>a{border:0;border-left:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:9px;text-decoration:none;display:inline-flex}.design-motion-strip>button:hover,.design-motion-strip>button[aria-expanded=true],.design-motion-strip>a:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .7)}.design-motion-strip>:is(button,a) svg{width:12px;height:12px}.design-motion-workspace{z-index:40;border:1px solid hsl(var(--border));width:min(360px,100% - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-xl);border-radius:8px;padding:14px;position:absolute;top:12px;bottom:56px;right:12px;overflow-y:auto}.design-motion-workspace>header,.design-motion-workspace>header span{align-items:center;display:flex}.design-motion-workspace>header{justify-content:space-between}.design-motion-workspace>header span{gap:7px}.design-motion-workspace>header svg,.design-motion-workspace>a svg{width:13px;height:13px}.design-motion-workspace>header button{width:26px;height:26px;color:hsl(var(--muted-foreground));background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.design-motion-workspace>p{color:hsl(var(--muted-foreground));margin:8px 0 12px;font-size:9px;line-height:1.45}.design-motion-workspace>a{border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px;font-size:10px;text-decoration:none;display:flex}.design-artboard-inspector .shader-lab-v2-field input{border:1px solid hsl(var(--border));width:100%;height:34px;color:hsl(var(--foreground));background:hsl(var(--raised-background));border-radius:5px;padding:0 9px;font-size:11px}.design-artboard-list{gap:4px;max-height:220px;display:grid;overflow-y:auto}.design-artboard-list>button{border:1px solid hsl(var(--border));min-width:0;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));text-align:left;border-radius:5px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid}.design-artboard-list>button[aria-pressed=true]{color:hsl(var(--foreground));border-color:#5b7cff;box-shadow:inset 2px 0 #5b7cff}.design-artboard-list>button>svg{width:16px;height:16px}.design-artboard-list>button>span{flex-direction:column;gap:1px;min-width:0;display:flex}.design-artboard-list strong,.design-artboard-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-artboard-list strong{font-size:10px;font-weight:630}.design-artboard-list small,.design-artboard-list i{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:8px;font-style:normal}.design-artboard-inspector-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.design-artboard-inspector-actions button{border:1px solid hsl(var(--border));min-height:32px;color:hsl(var(--foreground));background:hsl(var(--raised-background));border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.design-artboard-inspector-actions svg{width:12px;height:12px}.design-artboard-inspector-actions button:last-child{grid-column:1/-1}.design-artboard-inspector-actions button:disabled{opacity:.34}.shader-lab-v2-stage-wrap{place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:clamp(16px,3.2vw,48px);display:grid;overflow:hidden;container-type:size}.design-artboard-workspace{background:0 0;min-width:2800px;min-height:1800px;padding:0;display:block;position:relative;overflow:visible;container-type:normal}.shader-lab-v2-composer-viewport .canvas-viewport-scroll{background-color:hsl(var(--muted) / .32);background-image:radial-gradient(circle, hsl(var(--foreground) / .13) 0 .75px, transparent .9px);background-position:var(--canvas-grid-x,0) var(--canvas-grid-y,0);background-size:var(--canvas-grid-step,20px) var(--canvas-grid-step,20px)}.shader-lab-v2-composer-viewport .canvas-viewport-stage.design-artboard-viewport-stage{width:2800px;height:1800px;min-height:1800px}.design-artboard-shell{z-index:1;transition:filter .14s,opacity .14s;position:absolute}.design-artboard-shell[data-active=true]{z-index:2}.design-artboard-shell[data-moving=true]{z-index:10;filter:drop-shadow(0 18px 32px hsl(var(--shadow-color) / .24));will-change:transform;transition:none}.design-artboard-shell>.shader-lab-v2-stage{width:100%;max-width:none;height:100%;box-shadow:0 0 0 calc(1px * var(--canvas-zoom-inverse,1)) hsl(var(--foreground) / .12), 0 10px 28px hsl(var(--shadow-color) / .16);border-radius:4px;overflow:visible}.design-artboard-shell[data-active=true]>.shader-lab-v2-stage{box-shadow:0 0 0 calc(2px * var(--canvas-zoom-inverse,1)) #5b7cff, 0 16px 38px hsl(var(--shadow-color) / .22);border-color:#5b7cff}.design-artboard-label{width:100%;height:calc(34px * var(--canvas-zoom-inverse,1));min-width:0;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.02em;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;bottom:100%;left:0}.design-artboard-shell[data-moving=true] .design-artboard-label{cursor:grabbing}.design-artboard-label>button{min-width:0;min-height:28px;color:inherit;cursor:grab;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.design-artboard-label>button:focus-visible{color:hsl(var(--foreground));background:hsl(var(--raised-background) / .88);box-shadow:0 0 0 1px hsl(var(--border));outline:none}@media (hover:hover) and (pointer:fine){.design-artboard-label>button:hover{color:hsl(var(--foreground));background:hsl(var(--raised-background) / .88);box-shadow:0 0 0 1px hsl(var(--border))}}.design-artboard-label>button:active,.design-artboard-shell[data-moving=true] .design-artboard-label>button{cursor:grabbing}.design-artboard-label>button svg{width:12px;height:12px}.design-artboard-label>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-artboard-label>button{transform:scale(var(--canvas-zoom-inverse,1));transform-origin:0}.design-artboard-label>span{transform:scale(var(--canvas-zoom-inverse,1));transform-origin:100%}.design-artboard-shell[data-active=true] .design-artboard-label{color:#5b7cff}.design-artboard-toolbar{z-index:29;border:1px solid hsl(var(--border));min-height:38px;color:hsl(var(--foreground));background:hsl(var(--raised-background) / .96);box-shadow:var(--studio-shadow-ring-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:7px;align-items:center;gap:8px;padding:3px;display:flex;position:absolute;top:12px;left:12px}.design-artboard-toolbar-sidebar{display:none}.design-artboard-picker{align-items:center;min-width:0;display:flex;position:relative}.design-artboard-picker-trigger{width:min(180px,32vw);min-width:112px;height:30px;color:hsl(var(--foreground));text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:0 8px;transition:background-color .12s,transform .12s;display:flex}.design-artboard-picker-trigger:hover,.design-artboard-picker-trigger[aria-expanded=true]{background:hsl(var(--muted))}.design-artboard-picker-trigger:active,.design-artboard-picker-menu>button:active{transform:scale(.97)}.design-artboard-picker-trigger>svg:first-child{flex:none;width:14px;height:14px}.design-artboard-picker-trigger>svg:last-child{width:11px;height:11px;color:hsl(var(--muted-foreground));flex:none}.design-artboard-picker-trigger strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:650;overflow:hidden}.design-artboard-picker-menu{z-index:4;border:1px solid hsl(var(--border));width:min(292px,100vw - 32px);max-height:min(320px,100vh - 120px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .99);box-shadow:var(--studio-shadow-xl);transform-origin:0 0;border-radius:7px;gap:2px;padding:4px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto}.design-artboard-picker-menu>button{min-width:0;min-height:34px;color:hsl(var(--muted-foreground));text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:16px minmax(0,1fr) auto 12px;align-items:center;gap:8px;padding:0 8px;transition:background-color .12s,color .12s,transform .12s;display:grid}.design-artboard-picker-menu>button:hover,.design-artboard-picker-menu>button[aria-checked=true]{color:hsl(var(--foreground));background:hsl(var(--muted))}.design-artboard-picker-menu>button>svg{width:13px;height:13px}.design-artboard-picker-menu strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:650;overflow:hidden}.design-artboard-picker-menu small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;white-space:nowrap;font-size:8px}@starting-style{.design-artboard-picker-menu{opacity:0;transform:translateY(-2px)scale(.98)}}.design-artboard-toolbar>div:last-child{align-items:center;gap:1px;display:flex}.design-artboard-toolbar>div:last-child button{height:30px;color:hsl(var(--muted-foreground));background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.design-artboard-toolbar>div:last-child button:hover,.design-artboard-toolbar>div:last-child button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--muted))}.design-artboard-toolbar button svg{width:12px;height:12px}@container tool-shell (max-width:1560px){.design-artboard-toolbar-canvas{display:none}.design-artboard-toolbar-sidebar{z-index:29;border:0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--raised-background) / .98);min-height:0;box-shadow:0 8px 22px hsl(var(--shadow-color) / .06);border-radius:0;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px;display:grid;position:sticky;top:0;left:auto}.design-artboard-toolbar-sidebar .design-artboard-picker,.design-artboard-toolbar-sidebar .design-artboard-picker-trigger,.design-artboard-toolbar-sidebar .design-artboard-size-trigger{width:100%}.design-artboard-toolbar-sidebar .design-artboard-picker-trigger,.design-artboard-toolbar-sidebar .design-artboard-size-trigger{border:1px solid hsl(var(--border));background:hsl(var(--background) / .72);justify-content:space-between}.design-artboard-toolbar-sidebar .design-artboard-picker-menu{width:min(292px,100cqw - 16px)}.design-artboard-toolbar-sidebar>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr)) 30px 30px;gap:2px;display:grid}.design-artboard-toolbar-sidebar>div:last-child button{border:1px solid hsl(var(--border));background:hsl(var(--background) / .72);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;justify-content:center;gap:4px;min-width:0;height:30px;padding:0 4px;font-size:8px;overflow:hidden}}.design-artboard-tour{z-index:31;border:1px solid hsl(var(--border));width:268px;color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-xl);border-radius:8px;gap:8px;padding:14px;display:grid;position:absolute;top:60px;left:12px}.design-artboard-tour>div,.design-artboard-tour footer{justify-content:space-between;align-items:center;display:flex}.design-artboard-tour>div span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;text-transform:uppercase;font-size:9px}.design-artboard-tour>div button,.design-artboard-tour footer button{color:hsl(var(--muted-foreground));background:0 0;border:0;font-size:10px}.design-artboard-tour>svg{color:#5b7cff;width:22px;height:22px;margin-top:4px}.design-artboard-tour>strong{font-size:13px;font-weight:680}.design-artboard-tour p{color:hsl(var(--muted-foreground));margin:0;font-size:10px;line-height:1.5}.design-artboard-tour footer{border-top:1px solid hsl(var(--border));margin-top:4px;padding-top:10px}.design-artboard-tour footer button:last-child{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-radius:4px;padding:6px 10px}.shader-lab-v2-composer-viewport .canvas-viewport-toolbar{border:1px solid hsl(var(--border));min-height:36px;color:hsl(var(--foreground));background:hsl(var(--raised-background) / .96);box-shadow:var(--studio-shadow-ring-sm);gap:1px;padding:2px;top:12px;right:12px}.shader-lab-v2-composer-viewport .canvas-viewport-toolbar :is(button,.canvas-zoom-value){color:hsl(var(--muted-foreground))}.shader-lab-v2-composer-viewport .canvas-viewport-toolbar :is(button,.canvas-zoom-value):hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-composer-viewport .canvas-viewport-toolbar input[type=range]{accent-color:hsl(var(--foreground))}.shader-lab-v2-composer-viewport .canvas-viewport-stage{height:100%}.shader-lab-v2-composer-viewport .canvas-zoom-range{width:58px}.shader-lab-v2-stage{border:1px solid hsl(var(--foreground) / .18);width:min(100cqw,1180px,177.778cqh);max-width:none;height:auto;max-height:none;box-shadow:var(--studio-shadow-xl);isolation:isolate;background:#111216;border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.shader-lab-v2-stage-square{width:min(100cqw,900px,100cqh)}.shader-lab-v2-stage-opengraph{width:min(100cqw,1180px,190.476cqh)}.shader-lab-v2-stage-logo{z-index:4;object-fit:contain;filter:drop-shadow(0 3px 12px #00000047);mix-blend-mode:difference;max-height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shader-lab-v2-canvas-material{pointer-events:none;position:absolute;inset:0}.shader-lab-v2-composition-effect{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.shader-lab-v2-composition-layer .editable-canvas-layer-content{place-items:center;display:grid;position:relative}.shader-lab-v2-appearance-preview{width:100%;height:100%;position:absolute;inset:0}.shader-lab-v2-appearance-stack{isolation:isolate}.shader-lab-v2-appearance-stack-layer{width:100%;height:100%;position:absolute;inset:0}.shader-lab-v2-sticker-finish-overlay{z-index:3;background:var(--design-sticker-finish);filter:saturate(var(--design-sticker-finish-saturation,1)) contrast(var(--design-sticker-finish-contrast,1));mix-blend-mode:screen;opacity:var(--design-sticker-finish-opacity,.55);pointer-events:none;background-position:50%;background-size:180% 180%;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shader-lab-v2-sticker-finish-overlay:before,.shader-lab-v2-sticker-finish-overlay:after{content:"";pointer-events:none;position:absolute;inset:0}.shader-lab-v2-sticker-finish-overlay:before{background:linear-gradient(var(--design-sticker-finish-glint,45deg), transparent 30%, #fffffff0 49%, transparent 68%);mix-blend-mode:screen;opacity:var(--design-sticker-finish-glint-opacity,.45)}.shader-lab-v2-sticker-finish-overlay:after{mix-blend-mode:screen;opacity:var(--design-sticker-finish-texture,.1);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' seed='19' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:32px 32px}.shader-lab-v2-sticker-finish-overlay[data-sticker-finish=soft-touch],.shader-lab-v2-sticker-finish-overlay[data-sticker-finish=clear-frost]{mix-blend-mode:soft-light}.shader-lab-v2-layer-logo-mask,.shader-lab-v2-layer-image{width:100%;height:100%}.shader-lab-v2-layer-logo-mask{position:relative;overflow:hidden}.shader-lab-v2-layer-logo-mask>*{width:100%;height:100%}.shader-lab-v2-layer-image{object-fit:contain;min-width:0;max-width:100%;min-height:0;max-height:100%;display:block}.shader-lab-v2-asset-preview .shader-lab-v2-layer-image{object-fit:fill;max-width:none;max-height:none}.shader-lab-v2-layer-text{color:#fff;width:100%;min-width:0;min-height:1em;font-family:var(--font-sans), Arial, sans-serif;letter-spacing:-.055em;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;caret-color:#fff;cursor:text;-webkit-user-select:text;user-select:text;outline:0;align-items:center;font-weight:700;display:flex;overflow:visible}.editable-canvas-layer[data-fit-content-height=true] .shader-lab-v2-layer-text{min-height:1em}.shader-lab-v2-layer-text-material{color:#0000;mix-blend-mode:normal;background-position:50%;background-size:cover;-webkit-background-clip:text;background-clip:text}.shader-lab-v2-logo-material{z-index:2}.shader-lab-v2-stage-logo:before{content:""}.shader-lab-v2-stage-shade{z-index:1000;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -40px 80px #00000014}.shader-lab-v2-stage-logo .shader-lab-v2-stage-shade{display:none}.shader-lab-v2-stage-meta{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--background) / .9);align-items:center;gap:14px;padding:0 14px;font-size:10px;display:flex}.shader-lab-v2-stage-meta span{align-items:center;gap:7px;display:inline-flex}.shader-lab-v2-stage-meta span+span:before{content:"";background:hsl(var(--border));width:1px;height:11px;margin-right:7px}.shader-lab-v2-bottom-dock{z-index:20;border-top:1px solid hsl(var(--border));min-width:0;min-height:0;color:hsl(var(--foreground));background:hsl(var(--background));box-shadow:0 -8px 20px hsl(var(--shadow-color) / .035);grid-template-columns:220px minmax(220px,1fr);display:grid;position:relative}.shader-lab-v2-dock-create,.shader-lab-v2-dock-context{min-width:0;padding:9px}.shader-lab-v2-dock-create{border-right:1px solid hsl(var(--border))}.shader-lab-v2-dock-heading{flex-direction:column;gap:2px;margin-bottom:7px;display:flex}.shader-lab-v2-dock-heading>span{align-items:center;gap:6px;font-size:11px;font-weight:640;display:flex}.shader-lab-v2-dock-heading svg{width:12px;height:12px}.shader-lab-v2-dock-heading small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.03em;text-transform:uppercase;font-size:8px}.shader-lab-v2-dock-add{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.shader-lab-v2-dock-add button{border:1px solid hsl(var(--border));min-width:0;height:42px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:590;transition:color .12s,border-color .12s,background .12s,transform .12s;display:flex}.shader-lab-v2-dock-add button:hover{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground));background:hsl(var(--muted));transform:translateY(-1px)}.shader-lab-v2-dock-add button:active{transform:scale(.97)}.shader-lab-v2-dock-add .shader-lab-v2-dock-add-image{flex-direction:column;grid-column:auto;gap:3px}.shader-lab-v2-dock-add-image>span{white-space:nowrap;min-width:0;display:block}.shader-lab-v2-dock-add svg{width:13px;height:13px}.shader-lab-v2-image-import-status{min-height:11px;color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:7px;line-height:11px;display:block;overflow:hidden}.shader-lab-v2-image-import-status[data-state=success]{color:hsl(var(--status-success))}.shader-lab-v2-image-import-status[data-state=error]{color:hsl(var(--destructive))}.shader-lab-v2-dock-stack{align-items:center;gap:7px;min-width:0;min-height:0;padding:8px;display:flex;overflow:auto hidden}.shader-lab-v2-dock-stack:focus-visible{outline:1px solid hsl(var(--ring));outline-offset:-2px}.shader-lab-v2-dock-layer{border:1px solid hsl(var(--border));width:178px;min-width:178px;height:134px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:7px;grid-template-rows:34px minmax(0,1fr) 27px;transition:border-color .12s,box-shadow .12s,opacity .12s;display:grid;position:relative;overflow:hidden}.shader-lab-v2-dock-layer[data-selected=true]{border-color:hsl(var(--foreground) / .78);box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .14), var(--studio-shadow-sm)}.shader-lab-v2-dock-layer[data-visible=false]{opacity:1}.shader-lab-v2-dock-layer[data-visible=false] :is(.shader-lab-v2-dock-layer-select,.shader-lab-v2-dock-layer-preview){opacity:.42}.shader-lab-v2-dock-layer-select{border-bottom:1px solid hsl(var(--border));text-align:left;align-items:center;gap:7px;width:100%;min-width:0;height:100%;padding:5px 8px;display:flex}.shader-lab-v2-dock-layer-select:hover{background:hsl(var(--muted) / .48)}.shader-lab-v2-dock-layer-icon{border:1px solid hsl(var(--border));width:22px;height:22px;color:hsl(var(--foreground));background:hsl(var(--muted));border-radius:5px;flex:none;place-items:center;display:grid}.shader-lab-v2-dock-layer-icon svg{width:12px;height:12px}.shader-lab-v2-dock-layer-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.shader-lab-v2-dock-layer-copy strong,.shader-lab-v2-dock-layer-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shader-lab-v2-dock-layer-copy strong{font-size:9px;font-weight:620}.shader-lab-v2-dock-layer-copy small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;font-size:6px}.shader-lab-v2-dock-layer-preview{background-color:hsl(var(--muted));background-image:linear-gradient(45deg, hsl(var(--foreground) / .06) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--foreground) / .06) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--foreground) / .06) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--foreground) / .06) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;min-width:0;min-height:0;transition:opacity .12s;position:relative;overflow:hidden}.shader-lab-v2-dock-layer-preview>:is(button,input){z-index:2;width:100%;min-width:0;height:100%;color:hsl(var(--foreground));background:0 0;border:0;outline:0;position:relative}.shader-lab-v2-dock-layer-preview>button{place-items:center;padding:10px;display:grid}.shader-lab-v2-dock-layer-preview>button:hover{background:hsl(var(--background) / .12)}.shader-lab-v2-dock-layer-preview img{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);width:62%;max-width:88px;height:62%;max-height:48px;display:block}.shader-lab-v2-dock-material-frame{z-index:1;border:1px solid hsl(var(--foreground) / .14);background:#111216;border-radius:4px;position:absolute;inset:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09}.shader-lab-v2-dock-layer[data-kind=brand-mark] .shader-lab-v2-dock-material-frame,.shader-lab-v2-dock-layer[data-kind=image] .shader-lab-v2-dock-material-frame{inset:8px 12px}.shader-lab-v2-dock-preview-select:has(img){background:radial-gradient(circle at center, hsl(var(--background) / .26), transparent 68%)}.shader-lab-v2-dock-layer[data-kind=converter] .shader-lab-v2-dock-preview-select{padding:6px}.shader-lab-v2-dock-layer[data-kind=converter] .composition-effect-thumbnail{border-color:hsl(var(--foreground) / .2);height:100%;min-height:0;box-shadow:inset 0 0 0 1px hsl(var(--background) / .16), 0 2px 7px #0000002e}.shader-lab-v2-dock-layer-preview input{text-align:center;text-overflow:ellipsis;text-shadow:0 1px 5px #00000059;white-space:nowrap;padding:0 10px;font-size:15px;overflow:hidden}.shader-lab-v2-dock-layer-preview input:focus{background:hsl(var(--background) / .16);box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .42)}.shader-lab-v2-dock-layer[data-kind=shader] .shader-lab-v2-dock-layer-preview>button:after{color:#fff;content:"LIVE";font-family:var(--font-mono), monospace;letter-spacing:.08em;background:#00000073;border:1px solid #ffffff3d;border-radius:3px;padding:2px 4px;font-size:6px;position:absolute;bottom:9px;right:10px}.shader-lab-v2-dock-layer-actions{border-top:1px solid hsl(var(--border));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.shader-lab-v2-dock-layer-actions button{border-right:1px solid hsl(var(--border));min-width:0;color:hsl(var(--muted-foreground));place-items:center;display:grid}.shader-lab-v2-dock-layer-actions button:last-child{border-right:0}.shader-lab-v2-dock-layer-actions button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-dock-layer-actions button:disabled{opacity:.24}.shader-lab-v2-dock-layer-actions svg{width:10px;height:10px}.shader-lab-v2-dock-context{border-left:1px solid hsl(var(--border));grid-template-rows:auto 30px auto;gap:5px;display:grid}.shader-lab-v2-dock-selection{flex-direction:column;gap:2px;min-width:0;display:flex}.shader-lab-v2-dock-selection span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:8px}.shader-lab-v2-dock-selection strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:640;overflow:hidden}.shader-lab-v2-dock-context>:is(input,small){border:1px solid hsl(var(--border));min-width:0;height:30px;color:hsl(var(--foreground));background:hsl(var(--background));text-overflow:ellipsis;white-space:nowrap;border-radius:5px;align-items:center;padding:0 8px;font-size:9px;display:flex;overflow:hidden}.shader-lab-v2-dock-context>input:focus{border-color:hsl(var(--foreground) / .58);outline:0}.shader-lab-v2-dock-context>small{color:hsl(var(--muted-foreground))}.shader-lab-v2-dock-selection-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.shader-lab-v2-dock-selection-actions button{border:1px solid hsl(var(--border));height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:4px;place-items:center;display:grid}.shader-lab-v2-dock-selection-actions button:hover:not(:disabled){border-color:hsl(var(--foreground) / .38);color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-dock-selection-actions button:disabled{opacity:.28}.shader-lab-v2-dock-selection-actions svg{width:11px;height:11px}.shader-lab-v2-advanced{border-bottom:1px solid hsl(var(--border));padding:16px}.shader-lab-v2-inspector-intro{order:-3;position:relative}.shader-lab-v2-layer-inspector{order:-2}.shader-lab-v2-composition-metrics{border:1px solid hsl(var(--border));border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;display:grid}.shader-lab-v2-composition-metrics>div{border-right:1px solid hsl(var(--border));flex-direction:column;gap:2px;min-width:0;padding:7px 8px;display:flex}.shader-lab-v2-composition-metrics>div:last-child{border-right:0}.shader-lab-v2-composition-metrics dt{color:hsl(var(--muted-foreground));letter-spacing:.06em;text-transform:uppercase;font-size:7px}.shader-lab-v2-composition-metrics dd{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.shader-lab-v2-composition-group{border-top:1px solid hsl(var(--border));margin:14px -16px 0;padding:14px 16px 0}.design-artboard-inline-setup{gap:12px}.design-composition-appearance{border-top:1px solid hsl(var(--border));margin-top:14px;padding-top:12px}.design-layer-inspector-list{gap:4px;min-width:0;margin-top:12px;display:grid}.design-layer-inspector-row{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:42px;color:hsl(var(--foreground));background:hsl(var(--background));grid-template-columns:minmax(0,1fr) 34px;transition:border-color .12s ease-out,background-color .12s ease-out,opacity .12s ease-out;display:grid;overflow:hidden}.design-layer-inspector-row[data-selected=true]{border-color:hsl(var(--foreground) / .72);background:hsl(var(--foreground) / .055);box-shadow:inset 2px 0 hsl(var(--foreground) / .72)}.design-layer-inspector-row[data-visible=false] .design-layer-inspector-select{opacity:.44}.design-layer-inspector-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;transition:transform .12s ease-out;display:grid}.design-layer-inspector-select:active,.design-layer-inspector-visibility:active{transform:scale(.97)}.design-layer-inspector-select>span:first-child{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:26px;height:26px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .44);place-items:center;display:grid}.design-layer-inspector-select>span:first-child svg,.design-layer-inspector-visibility svg{width:12px;height:12px}.design-layer-inspector-select>span:last-child{gap:2px;min-width:0;display:grid}.design-layer-inspector-select :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-layer-inspector-select strong{font-size:10px;font-weight:620}.design-layer-inspector-select small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.035em;text-transform:uppercase;font-size:7px}.design-layer-inspector-visibility{border:0;border-left:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:0 0;place-items:center;transition:color .12s ease-out,background-color .12s ease-out,transform .12s ease-out;display:grid}.design-layer-inspector-select:focus-visible,.design-layer-inspector-visibility:focus-visible{z-index:1;outline:2px solid hsl(var(--focus-ring));outline-offset:-2px;position:relative}@media (hover:hover) and (pointer:fine){.design-layer-inspector-row:hover{border-color:hsl(var(--foreground) / .42)}.design-layer-inspector-select:hover,.design-layer-inspector-visibility:hover{background:hsl(var(--muted) / .52)}.design-layer-inspector-visibility:hover{color:hsl(var(--foreground))}}.design-layer-inspector-empty{border:1px dashed hsl(var(--border));border-radius:var(--studio-corner-sm);color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);text-align:center;padding:12px;line-height:1.45}.shader-lab-v2-composition-subhead{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.shader-lab-v2-composition-subhead h3{color:hsl(var(--foreground));letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:650}.shader-lab-v2-composition-subhead span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px}.shader-lab-v2-composition-add{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.shader-lab-v2-composition-add button{border:1px solid hsl(var(--border));min-width:0;min-height:46px;color:hsl(var(--foreground));background:hsl(var(--background));text-align:left;border-radius:5px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.shader-lab-v2-composition-add button:hover{border-color:hsl(var(--foreground) / .46);background:hsl(var(--muted))}.shader-lab-v2-composition-add button>svg{width:13px;height:13px;color:hsl(var(--muted-foreground));margin:auto}.shader-lab-v2-composition-add button>span{flex-direction:column;gap:1px;min-width:0;display:flex}.shader-lab-v2-composition-add strong{font-size:10px;font-weight:620}.shader-lab-v2-composition-add small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.shader-lab-v2-output-controls{flex-direction:column;gap:10px;display:flex}.shader-lab-v2-export-overview{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .38);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.shader-lab-v2-export-overview>div{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:9px 7px;display:grid}.shader-lab-v2-export-overview>div+div{border-left:1px solid hsl(var(--border))}.shader-lab-v2-export-overview svg{width:13px;height:13px;color:hsl(var(--muted-foreground))}.shader-lab-v2-export-overview span{flex-direction:column;gap:2px;min-width:0;display:flex}.shader-lab-v2-export-overview small{color:hsl(var(--muted-foreground));font-size:7px}.shader-lab-v2-export-overview strong{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:560;overflow:hidden}.shader-lab-v2-export-width>span:first-child,.shader-lab-v2-export-quality>span,.shader-lab-v2-export-motion label>span{color:hsl(var(--muted-foreground));align-items:center;gap:5px;font-size:8px;font-weight:560;display:flex}.shader-lab-v2-export-width>span:first-child svg,.shader-lab-v2-export-quality>span svg,.shader-lab-v2-export-motion label>span svg{flex:none;width:10px;height:10px}.shader-lab-v2-export-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.shader-lab-v2-export-presets button{border:1px solid hsl(var(--border));min-width:0;min-height:44px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.shader-lab-v2-export-presets button:hover,.shader-lab-v2-export-presets button[aria-pressed=true]{border-color:hsl(var(--foreground) / .58);color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-export-presets strong{font-size:8px;font-weight:650}.shader-lab-v2-export-presets small{max-width:100%;font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.shader-lab-v2-export-width,.shader-lab-v2-export-quality,.shader-lab-v2-export-motion label{flex-direction:column;gap:5px;min-width:0;display:flex}.shader-lab-v2-export-width>span:last-child{border:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(0,1fr) 27px;align-items:center;height:31px;display:grid}.shader-lab-v2-export-width input{width:100%;min-width:0;height:100%;color:hsl(var(--foreground));font-family:var(--font-mono), monospace;background:0 0;border:0;outline:0;padding:0 9px;font-size:10px}.shader-lab-v2-export-width i{border-left:1px solid hsl(var(--border));height:100%;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;place-items:center;font-size:7px;font-style:normal;display:grid}.shader-lab-v2-export-quality>div{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .34);border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;display:grid}.shader-lab-v2-export-quality button{min-width:0;height:38px;color:hsl(var(--muted-foreground));border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-size:8px;display:flex}.shader-lab-v2-export-quality button>svg{flex:none;width:10px;height:10px}.shader-lab-v2-export-quality button>span{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.shader-lab-v2-export-quality button strong{font-size:8px;font-weight:620}.shader-lab-v2-export-quality button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;font-weight:400;overflow:hidden}.shader-lab-v2-export-quality button:hover,.shader-lab-v2-export-quality button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--background))}.shader-lab-v2-export-loop>div{grid-template-columns:repeat(2,minmax(0,1fr))}.shader-lab-v2-export-loop button{height:28px}.shader-lab-v2-export-loop>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px;line-height:1.45}.shader-lab-v2-export-motion{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.shader-lab-v2-export-motion button{height:31px;padding-inline:9px;font-size:9px}.shader-lab-v2-sequence-builder{flex-direction:column;gap:9px;min-width:0;display:flex}.shader-lab-v2-sequence-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.shader-lab-v2-sequence-summary>span{align-items:center;gap:6px;font-size:9px;display:inline-flex}.shader-lab-v2-sequence-summary svg{width:12px;height:12px;color:hsl(var(--muted-foreground))}.shader-lab-v2-sequence-summary strong{font-weight:640}.shader-lab-v2-sequence-summary code{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:8px}.shader-lab-v2-sequence-builder>p{color:hsl(var(--muted-foreground));font-size:8px;line-height:1.5}.shader-lab-v2-sequence-strip{overscroll-behavior-x:contain;gap:4px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.shader-lab-v2-sequence-strip>span{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:3px;flex:0 0 44px;width:44px;height:36px;position:relative;overflow:hidden}.shader-lab-v2-sequence-strip>span[data-final=true]{border-color:hsl(var(--foreground) / .7);flex-basis:58px;width:58px}.shader-lab-v2-sequence-strip img{object-fit:cover;width:100%;height:100%;display:block}.shader-lab-v2-sequence-strip i{color:#fff;font-family:var(--font-mono), monospace;background:#000000b8;padding:1px 3px;font-size:6px;font-style:normal;line-height:1.25;position:absolute;bottom:2px;right:2px}.shader-lab-v2-sequence-field{flex-direction:column;gap:5px;min-width:0;display:flex}.shader-lab-v2-sequence-field>span{color:hsl(var(--muted-foreground));font-size:8px;font-weight:560}.shader-lab-v2-sequence-field button,.shader-lab-v2-sequence-builder .shader-lab-v2-export-motion button{height:31px;padding-inline:9px;font-size:9px}.shader-lab-v2-sequence-pace,.shader-lab-v2-sequence-actions{gap:4px;display:grid}.shader-lab-v2-sequence-pace{grid-template-columns:repeat(2,minmax(0,1fr))}.shader-lab-v2-sequence-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.shader-lab-v2-sequence-pace{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .34);border-radius:5px;padding:3px}.shader-lab-v2-sequence-pace button{min-height:28px;color:hsl(var(--muted-foreground));border-radius:3px;font-size:8px;transition:color .14s ease-out,background-color .14s ease-out,transform .12s ease-out}.shader-lab-v2-sequence-pace button:hover,.shader-lab-v2-sequence-pace button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--background))}.shader-lab-v2-sequence-actions button{border:1px solid hsl(var(--border));min-height:34px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:4px;justify-content:center;align-items:center;gap:5px;font-size:8px;transition:border-color .14s ease-out,background-color .14s ease-out,transform .12s ease-out;display:inline-flex}.shader-lab-v2-sequence-actions button:last-child{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.shader-lab-v2-sequence-actions button:hover:not(:disabled){border-color:hsl(var(--foreground) / .65);background:hsl(var(--muted))}.shader-lab-v2-sequence-actions button:last-child:hover:not(:disabled){color:hsl(var(--background));background:hsl(var(--foreground) / .82)}.shader-lab-v2-sequence-pace button:active,.shader-lab-v2-sequence-actions button:active:not(:disabled){transform:scale(.97)}.shader-lab-v2-sequence-actions button:disabled{cursor:not-allowed;opacity:.42}.shader-lab-v2-sequence-actions svg{width:11px;height:11px}.shader-lab-v2-colors{flex-direction:column;gap:8px;display:flex}.shader-lab-v2-colors .studio-color-control{gap:8px;padding:10px}.shader-lab-v2-palettes{gap:5px;margin-top:11px;display:flex}.shader-lab-v2-palettes button{border:1px solid hsl(var(--border));border-radius:4px;width:27px;height:18px;transition:transform .12s;display:flex;overflow:hidden}.shader-lab-v2-palettes button:hover{transform:translateY(-1px)scale(1.04)}.shader-lab-v2-palettes i{flex:1;height:100%}.shader-lab-v2-shader-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.shader-lab-v2-shader-meta :is(button,a){min-height:26px;color:hsl(var(--muted-foreground));align-items:center;gap:5px;font-size:9px;display:inline-flex}.shader-lab-v2-shader-meta :is(button,a):hover{color:hsl(var(--foreground))}.shader-lab-v2-shader-meta svg{width:11px;height:11px}.shader-lab-v2-ranges{flex-direction:column;gap:13px;display:flex}.shader-lab-v2-shader-frame>p{color:hsl(var(--muted-foreground));margin:0 0 14px;font-size:10px;line-height:1.5}.shader-lab-v2-shader-frame>.shader-lab-v2-ranges{margin-bottom:14px}.shader-lab-v2-shader-frame>button{width:100%}.shader-lab-v2-range{flex-direction:column;gap:7px;display:flex}.shader-lab-v2-range>span{color:hsl(var(--foreground));justify-content:space-between;align-items:center;font-size:10px;display:flex}.shader-lab-v2-range output{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.shader-lab-v2-range .studio-range{height:12px}.shader-lab-v2-zoom-control{gap:5px}.shader-lab-v2-zoom-value{border:1px solid hsl(var(--border));height:24px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));font-variant-numeric:tabular-nums;border-radius:5px;grid-template-columns:minmax(0,36px) auto;align-items:center;gap:2px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid}.shader-lab-v2-zoom-value:focus-within{border-color:hsl(var(--foreground) / .65)}.shader-lab-v2-zoom-value input{width:100%;min-width:0;color:inherit;font:inherit;text-align:right;appearance:textfield;background:0 0;border:0;outline:0}.shader-lab-v2-zoom-value input::-webkit-inner-spin-button{appearance:none;margin:0}.shader-lab-v2-zoom-value input::-webkit-outer-spin-button{appearance:none;margin:0}.shader-lab-v2-zoom-input{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px;display:grid}.shader-lab-v2-zoom-input>button{border:1px solid hsl(var(--border));width:28px;height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));border-radius:5px;place-items:center;display:grid}.shader-lab-v2-zoom-input>button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-zoom-input>button:disabled{opacity:.35}.shader-lab-v2-zoom-input>button svg{width:13px;height:13px}.shader-lab-v2-zoom-scale{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);padding-inline:35px;font-size:7px;display:grid}.shader-lab-v2-zoom-scale span:nth-child(2){text-align:center}.shader-lab-v2-zoom-scale span:last-child{text-align:right}.shader-lab-v2-composition-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;display:grid}.shader-lab-v2-composition-actions>button{gap:5px;min-width:0;height:31px;padding-inline:7px;font-size:10px;font-weight:570}.shader-lab-v2-composition-actions>button svg{width:12px;height:12px}.shader-lab-v2-custom-logo{border:1px solid hsl(var(--border));min-width:0;height:27px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .2);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:0 5px 0 8px;font-size:9px;display:flex}.shader-lab-v2-custom-logo span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shader-lab-v2-custom-logo button{border-radius:3px;flex:none;place-items:center;width:19px;height:19px;display:grid}.shader-lab-v2-custom-logo button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-custom-logo svg{width:10px}.shader-lab-v2-content-modes{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .42);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:10px;padding:3px;display:grid}.shader-lab-v2-content-modes button{height:27px;color:hsl(var(--muted-foreground));border-radius:4px;font-size:9px;font-weight:590}.shader-lab-v2-content-modes button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--background));box-shadow:var(--studio-shadow-ring-xs)}.shader-lab-v2-text-input{border:1px solid hsl(var(--border));border-radius:5px;align-items:center;gap:7px;min-height:54px;margin-bottom:10px;padding:0 9px;display:flex}.shader-lab-v2-text-input svg{width:13px;color:hsl(var(--muted-foreground));flex:none}.shader-lab-v2-text-input textarea{resize:vertical;width:100%;min-width:0;min-height:38px;color:hsl(var(--foreground));background:0 0;border:0;outline:0;padding:7px 0;font-family:inherit;font-size:11px;line-height:1.35}.shader-lab-v2-text-controls{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .22);border-radius:5px;flex-direction:column;gap:11px;margin-bottom:12px;padding:10px;display:flex}.shader-lab-v2-field{flex-direction:column;gap:6px;display:flex}.shader-lab-v2-field>span{color:hsl(var(--muted-foreground));font-size:9px;font-weight:560}.shader-lab-v2-text-effects-panel{border-top:1px solid hsl(var(--border));flex-direction:column;gap:8px;padding-top:11px;display:flex}.shader-lab-v2-text-effects-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.shader-lab-v2-text-effects-heading>span{color:hsl(var(--foreground));align-items:center;gap:6px;font-size:10px;font-weight:610;display:inline-flex}.shader-lab-v2-text-effects-heading svg{width:12px;height:12px}.shader-lab-v2-text-effects-heading small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:6px}.shader-lab-v2-text-effect-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.shader-lab-v2-text-effect-presets>button{border:1px solid hsl(var(--border));min-width:0;min-height:54px;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .44);text-align:left;border-radius:5px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px;padding:5px;transition:border-color .12s,color .12s,background-color .12s;display:grid}.shader-lab-v2-text-effect-presets>button:hover,.shader-lab-v2-text-effect-presets>button[aria-pressed=true]{border-color:hsl(var(--foreground) / .46);color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-text-effect-presets>button[aria-pressed=true]{box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .12)}.shader-lab-v2-text-effect-presets>button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.shader-lab-v2-text-effect-presets strong,.shader-lab-v2-text-effect-presets small{text-overflow:ellipsis;overflow:hidden}.shader-lab-v2-text-effect-presets strong{white-space:nowrap;font-size:8px;font-weight:620}.shader-lab-v2-text-effect-presets small{color:hsl(var(--muted-foreground));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:6px;line-height:1.25;display:-webkit-box}.text-effect-thumbnail{border:1px solid hsl(var(--foreground) / .14);background:radial-gradient(circle at 64% 18%, hsl(var(--foreground) / .08), transparent 38%), hsl(var(--background));border-radius:3px;place-items:center;width:100%;height:42px;display:grid;position:relative;overflow:hidden}.text-effect-thumbnail:after{border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--background) / .2);content:"";pointer-events:none;position:absolute;inset:0}.text-effect-thumbnail>span{box-sizing:border-box;color:#f3f3ef;letter-spacing:-.09em;justify-content:center;align-items:center;width:100%;height:100%;padding:1px 0 3px;font-size:27px;font-weight:760;line-height:1.2;display:flex}.shader-lab-v2-text-effect-tuning{border:1px solid hsl(var(--border));background:hsl(var(--background) / .34);border-radius:4px;flex-direction:column;gap:9px;padding:9px;display:flex}.shader-lab-v2-effect-group{border-top:1px solid hsl(var(--border));flex-direction:column;gap:11px;padding-top:11px;display:flex}.shader-lab-v2-effect-group>label:first-child{color:hsl(var(--foreground));justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.shader-lab-v2-effect-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.shader-lab-v2-effect-presets>button{border:1px solid hsl(var(--border));min-width:0;color:hsl(var(--muted-foreground));background:hsl(var(--background));text-align:left;border-radius:5px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:6px;display:grid}.shader-lab-v2-effect-presets>button:hover,.shader-lab-v2-effect-presets>button[aria-pressed=true]{border-color:hsl(var(--foreground) / .54);color:hsl(var(--foreground));background:hsl(var(--muted) / .54)}.shader-lab-v2-effect-presets>button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.shader-lab-v2-effect-presets strong{font-size:9px;font-weight:650}.shader-lab-v2-effect-presets small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.25;overflow:hidden}.composition-effect-thumbnail{border:1px solid hsl(var(--foreground) / .16);background:hsl(var(--background));width:100%;height:40px;box-shadow:inset 0 0 0 1px hsl(var(--background) / .18);border-radius:3px;display:block;position:relative;overflow:hidden}.composition-effect-thumbnail:after{background:linear-gradient(115deg, hsl(var(--foreground) / .09), transparent 26% 72%, hsl(var(--background) / .16));content:"";pointer-events:none;position:absolute;inset:0}.composition-effect-thumbnail canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.shader-lab-v2-effect-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;margin-bottom:14px;display:grid}.shader-lab-v2-layer-settings{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .16);flex-direction:column;gap:14px;margin-bottom:12px;padding:11px;display:flex}.shader-lab-v2-layer-settings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.shader-lab-v2-layer-settings-heading strong{font-size:10px;font-weight:620}.shader-lab-v2-layer-settings-heading span{color:hsl(var(--muted-foreground));letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.shader-lab-v2-appearance-controls{gap:0;display:grid}.shader-lab-v2-appearance-option,.shader-lab-v2-effect-toggle{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.shader-lab-v2-effect-toggle>span{gap:2px;min-width:0;display:grid}.shader-lab-v2-effect-toggle strong,.shader-lab-v2-appearance-option>span{color:hsl(var(--foreground));font-size:10px;font-weight:620}.shader-lab-v2-effect-toggle small{color:hsl(var(--muted-foreground));font-size:8px;font-weight:400;line-height:1.35}.shader-lab-v2-effect-settings{border:1px solid hsl(var(--border));background:hsl(var(--background) / .38);border-radius:5px;gap:12px;padding:10px;display:grid}.shader-lab-v2-effect-settings>p{color:hsl(var(--muted-foreground));margin:0;font-size:9px;line-height:1.45}.shader-lab-v2-sticker-finish-panel{border-top:1px solid hsl(var(--border));gap:12px;padding-top:13px;display:grid}.shader-lab-v2-sticker-finish-heading,.shader-lab-v2-sticker-finish-heading>span{align-items:center;display:flex}.shader-lab-v2-sticker-finish-heading{justify-content:space-between;gap:12px}.shader-lab-v2-sticker-finish-heading>span{gap:6px;font-size:10px}.shader-lab-v2-sticker-finish-heading svg{width:12px;height:12px;color:hsl(var(--muted-foreground))}.shader-lab-v2-sticker-finish-heading small{color:hsl(var(--muted-foreground));letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.shader-lab-v2-sticker-finish-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shader-lab-v2-sticker-finish-presets>button{border:1px solid hsl(var(--border));min-width:0;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .36);text-align:left;border-radius:5px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;padding:5px;transition:border-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:grid}.shader-lab-v2-sticker-finish-presets>button>span{border:1px solid #ffffff2e;border-radius:3px;width:34px;height:26px;box-shadow:inset 0 1px #ffffff47}.shader-lab-v2-sticker-finish-presets>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:560;overflow:hidden}.shader-lab-v2-sticker-finish-presets>button[aria-pressed=true]{border-color:hsl(var(--foreground) / .7);color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--foreground) / .12)}.shader-lab-v2-sticker-finish-presets>button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.shader-lab-v2-sticker-finish-presets>button:hover{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground))}}.shader-lab-v2-sticker-finish-controls{border:1px solid hsl(var(--border));background:hsl(var(--background) / .38);border-radius:5px;gap:12px;padding:10px;display:grid}.shader-lab-v2-asset-conversion{border-top:1px solid hsl(var(--border));padding-top:2px}.shader-lab-v2-asset-conversion>summary{cursor:pointer;min-height:34px;color:hsl(var(--foreground));justify-content:space-between;align-items:center;gap:8px;font-size:10px;list-style:none;display:flex}.shader-lab-v2-asset-conversion>summary::-webkit-details-marker{display:none}.shader-lab-v2-asset-conversion>summary svg{width:12px;transition:transform .14s}.shader-lab-v2-asset-conversion[open]>summary svg{transform:rotate(180deg)}.shader-lab-v2-text-options{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;display:grid}.shader-lab-v2-text-options>span{color:hsl(var(--muted-foreground));font-size:9px;font-weight:560}.shader-lab-v2-text-options>div{border:1px solid hsl(var(--border));background:hsl(var(--background) / .46);border-radius:4px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;display:grid}.shader-lab-v2-text-options button{min-height:23px;color:hsl(var(--muted-foreground));border-radius:3px;font-size:9px}.shader-lab-v2-text-options button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-layer-list{flex-direction:column;gap:4px;margin-top:12px;display:flex}.shader-lab-v2-layer-list>div{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:5px;grid-template-columns:minmax(0,1fr) repeat(4,25px);align-items:center;min-height:31px;display:grid;overflow:hidden}.shader-lab-v2-layer-list>div[data-visible=false] .shader-lab-v2-layer-select{opacity:.42}.shader-lab-v2-layer-list>div[aria-selected=true]{border-color:hsl(var(--foreground) / .56);box-shadow:0 0 0 1px hsl(var(--foreground) / .12)}.shader-lab-v2-layer-list button{height:100%;color:hsl(var(--muted-foreground));place-items:center;display:grid}.shader-lab-v2-layer-list button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.shader-lab-v2-layer-list button:disabled{opacity:.25}.shader-lab-v2-layer-list button>svg{width:11px}.shader-lab-v2-layer-list .shader-lab-v2-layer-select{min-width:0;color:hsl(var(--foreground));text-align:left;justify-content:flex-start;align-items:center;gap:7px;padding:0 7px;display:flex}.shader-lab-v2-layer-select span{background:hsl(var(--muted));border-radius:3px;flex:none;place-items:center;width:16px;height:16px;display:grid}.shader-lab-v2-layer-select svg{width:9px}.shader-lab-v2-layer-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:570;overflow:hidden}.shader-lab-v2-advanced{padding-block:0}.shader-lab-v2-advanced summary{height:45px;color:hsl(var(--foreground));cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;font-weight:580;list-style:none;display:flex}.shader-lab-v2-advanced summary::-webkit-details-marker{display:none}.shader-lab-v2-advanced summary svg{width:13px;color:hsl(var(--muted-foreground));transition:transform .14s}.shader-lab-v2-advanced[open] summary svg{transform:rotate(180deg)}.shader-lab-v2-advanced[open] .shader-lab-v2-ranges{padding:2px 0 16px}.shader-lab-v2-handoff{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .28);border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;margin:14px;padding:10px;display:grid}.shader-lab-v2-handoff>svg{width:15px;color:hsl(var(--muted-foreground))}.shader-lab-v2-handoff>div{flex-direction:column;min-width:0;display:flex}.shader-lab-v2-handoff strong{font-size:10px;font-weight:600}.shader-lab-v2-handoff span{color:hsl(var(--muted-foreground));font-size:9px}.shader-lab-v2-handoff button{border:1px solid hsl(var(--border));min-width:40px;height:25px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:4px;place-items:center;padding:0 7px;font-size:9px;font-weight:600;display:grid}.shader-lab-v2-handoff button svg{width:12px}.shader-lab-v2-handoff-error{color:hsl(var(--status-error,0 72% 50%));grid-column:1/-1;margin:0;font-size:9px;line-height:1.4}@container tool-shell (max-width:1040px){.shader-lab-v2-layout{grid-template-columns:228px minmax(320px,1fr) 270px}.shader-lab-v2-bottom-dock{grid-template-columns:150px minmax(200px,1fr)}.shader-lab-v2-dock-create,.shader-lab-v2-dock-context{padding-inline:9px}.shader-lab-v2-dock-add button span{display:none}.shader-lab-v2-material-grid{grid-template-columns:minmax(0,1fr)}}@container tool-shell (max-width:790px){.shader-lab-v2-layout{grid-template-rows:206px minmax(470px,1fr) auto;grid-template-columns:minmax(0,1fr);overflow-y:auto}.shader-lab-v2-library{border-right:0;border-bottom:1px solid hsl(var(--border));overflow:hidden}.shader-lab-v2-panel-heading,.shader-lab-v2-library-note{display:none}.shader-lab-v2-search{margin-top:10px}.shader-lab-v2-categories{padding-bottom:8px}.shader-lab-v2-material-grid{gap:7px;padding-bottom:10px;display:flex;overflow-x:auto}.shader-lab-v2-material-card{flex:0 0 118px;width:118px}.shader-lab-v2-load-more{flex-direction:column;flex:0 0 118px;justify-content:center;align-items:flex-start;width:118px;min-height:90px}.shader-lab-v2-material-preview{height:58px}.shader-lab-v2-workspace{min-height:560px}.shader-lab-v2-bottom-dock{grid-template-columns:142px minmax(280px,1fr)}.shader-lab-v2-dock-context{display:none}.shader-lab-v2-inspector{border-top:1px solid hsl(var(--border));border-left:0;overflow:visible}}@container design-lab-workspace (max-width:660px){.shader-lab-v2-bottom-dock{grid-template-columns:142px minmax(260px,1fr)}.shader-lab-v2-dock-context,.shader-lab-v2-composer-viewport .canvas-zoom-range{display:none}}@container design-lab-workspace (max-width:480px){.shader-lab-v2-bottom-dock{grid-template-columns:112px minmax(240px,1fr)}.shader-lab-v2-dock-create{padding-inline:7px}.shader-lab-v2-dock-heading small,.shader-lab-v2-dock-add button span{display:none}}body:has([data-testid=shader-preview-capture]) nextjs-portal{display:none!important}:root{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--background:0 0% 99%;--foreground:0 0% 10%;--card:0 0% 99%;--card-foreground:0 0% 10%;--popover:0 0% 99%;--popover-foreground:0 0% 10%;--primary:0 0% 12%;--primary-foreground:0 0% 100%;--secondary:0 0% 94%;--secondary-foreground:0 0% 12%;--muted:0 0% 95%;--muted-foreground:0 0% 42%;--accent:0 0% 92%;--accent-foreground:0 0% 10%;--border:0 0% 82%;--input:0 0% 72%;--ring:0 0% 12%;--radius:.375rem;--emphasis:0 0% 12%;--status-error:0 84% 60%;--status-error-background:0 84% 60% / .12;--status-error-border:0 84% 60% / .3;--status-in-progress:25 95% 53%;--status-success:142 76% 36%;--status-success-background:142 76% 36% / .1;--status-success-border:142 76% 36% / .28;--canvas-background:0 0% 97%;--raised-background:0 0% 100%;--shadow-color:0 0% 0%;--studio-corner-sm:4px;--studio-corner-md:7px;--studio-corner-lg:10px;--studio-inspector-width:292px;--studio-rail-width:216px;--studio-toolbar-height:53px;--studio-toolbar-control-height:36px;--studio-toolbar-icon-size:18px;--studio-toolbar-title-size:.9rem;--studio-toolbar-meta-size:.72rem;--studio-panel-heading-min-height:72px;--studio-panel-padding:16px;--studio-panel-gap:14px;--studio-panel-title-size:.875rem;--studio-section-title-size:.75rem;--studio-panel-copy-size:.6875rem;--studio-control-label-size:.6875rem;--studio-control-value-size:.6875rem;--studio-control-meta-size:.5625rem;--studio-control-line-height:1.3;--studio-control-icon-size:20px;--studio-control-glyph-size:11px}body{font-family:var(--font-sans);font-kerning:normal;font-synthesis-weight:none;text-rendering:optimizelegibility}:is(b,strong){font-weight:500}*{box-sizing:border-box;border-color:hsl(var(--border));scrollbar-color:hsl(var(--foreground) / .42) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto!important;scrollbar-width:auto!important}:root::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:root :where(*)::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:root::-webkit-scrollbar-track{box-shadow:none;border:0;background:0 0!important}:root :where(*)::-webkit-scrollbar-track{box-shadow:none;border:0;background:0 0!important}:root::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb,hsl(var(--foreground) / .42));border:0;border-radius:0;min-width:24px;min-height:24px}:root :where(*)::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb,hsl(var(--foreground) / .42));border:0;border-radius:0;min-width:24px;min-height:24px}:root::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover,hsl(var(--foreground) / .76))}:root :where(*)::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover,hsl(var(--foreground) / .76))}:root::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}:root :where(*)::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}:root::-webkit-scrollbar-corner{background:0 0}:root :where(*)::-webkit-scrollbar-corner{background:0 0}}.studio-scroll-area{--studio-scrollbar-thumb:hsl(var(--foreground) / .42);--studio-scrollbar-thumb-hover:hsl(var(--foreground) / .76);overscroll-behavior:contain;scrollbar-color:var(--studio-scrollbar-thumb) transparent;scrollbar-width:thin}@supports selector(::-webkit-scrollbar){:where(.studio-scroll-area)::-webkit-scrollbar{width:1px!important;height:1px!important;display:block!important}:where(.studio-scroll-area)::-webkit-scrollbar-track{background:0 0!important}:where(.studio-scroll-area)::-webkit-scrollbar-thumb{background:var(--studio-scrollbar-thumb);border:0;border-radius:0;min-width:24px;min-height:24px}:where(.studio-scroll-area)::-webkit-scrollbar-thumb:hover{background:var(--studio-scrollbar-thumb-hover)}}html,body{min-width:320px;min-height:100%}html{background:hsl(var(--background));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(html:has(.studio-app),body:has(.studio-app)){overscroll-behavior:none;width:100%;height:100dvh;overflow:clip}.app-navbar,.brand-identity-nav{color:hsl(var(--foreground));background-color:hsl(var(--background))}.app-navbar :is(button,a,kbd,[role=tab]),.brand-identity-nav button{border-radius:var(--studio-corner-sm)!important}.app-navbar :is(.project-folder-popover,.appearance-popover),.app-navbar :is(.project-folder-option,.project-folder-option-icon),.app-navbar :is(.project-folder-project,.project-folder-project-mark,.project-folder-project-state),.app-navbar .project-folder-count{border-radius:var(--studio-corner-sm)}.studio-app{width:100%;height:100dvh;min-height:0;font-family:var(--font-sans);position:fixed;inset:0;overflow:clip}.studio-app[data-studio-corners=rounded]{--radius:.5rem;--studio-corner-sm:4px;--studio-corner-md:7px;--studio-corner-lg:10px}.studio-app[data-studio-corners=square]{--radius:0;--studio-corner-sm:0px;--studio-corner-md:0px;--studio-corner-lg:0px}.studio-sidebar-help{height:var(--studio-toolbar-height);min-height:var(--studio-toolbar-height);max-height:var(--studio-toolbar-height);border-bottom:1px solid hsl(var(--border));flex:none;align-items:center;gap:.25rem;padding:8px;display:flex}.studio-sidebar-help a{min-width:0;font-size:.75rem}.studio-nav .studio-sidebar-scroll section button{border:0!important}.studio-app[data-studio-font=be-vietnam-pro]{font-family:var(--font-be-vietnam-pro), var(--font-sans), Arial, sans-serif}.studio-app[data-studio-font=schibsted-grotesk]{font-family:var(--font-schibsted-grotesk), var(--font-sans), Arial, sans-serif}.studio-app[data-studio-font=rethink-sans]{font-family:var(--font-rethink-sans), var(--font-sans), Arial, sans-serif}::selection{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans), Arial, sans-serif;margin:0}.studio-grid{background-image:radial-gradient(circle, hsl(var(--border) / .3) 1px, transparent 1px);background-size:18px 18px}.studio-body{min-height:calc(100dvh - var(--studio-toolbar-height));grid-template-columns:320px minmax(0,1fr);display:grid}.studio-inspector{max-height:calc(100dvh - var(--studio-toolbar-height));overflow-y:auto}.studio-stage{background-color:hsl(var(--background) / .82);background-image:radial-gradient(circle, hsl(var(--border) / .28) 1px, transparent 1px);background-size:14px 14px}.studio-range{cursor:ew-resize;appearance:none;background:0 0;width:100%;height:18px}.studio-range-label{min-width:0;font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.studio-range-label-copy{align-items:center;gap:.42rem;min-width:0;display:flex}.studio-range-label-copy>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-range-value{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);white-space:nowrap;flex:none}.studio-range-value>:where(output,span,input){font:inherit;color:inherit;white-space:inherit}.studio-range-icon{width:var(--studio-control-icon-size);height:var(--studio-control-icon-size);border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .28);border-radius:4px;flex:none;place-items:center;display:grid}.studio-range-icon svg{width:var(--studio-control-glyph-size);height:var(--studio-control-glyph-size);stroke-width:1.75px}.studio-range::-webkit-slider-runnable-track{background:hsl(var(--border));height:2px}.studio-range::-webkit-slider-thumb{appearance:none;border:1px solid hsl(var(--foreground));background:hsl(var(--background));width:10px;height:18px;margin-top:-8px}.studio-range::-moz-range-track{background:hsl(var(--border));height:2px}.studio-range::-moz-range-thumb{border:1px solid hsl(var(--foreground));background:hsl(var(--background));border-radius:0;width:10px;height:18px}.landing-grid,.tool-canvas{background-image:radial-gradient(circle, hsl(var(--border) / .24) 1px, transparent 1px);background-size:20px 20px}.studio-app-header{z-index:40;grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);height:var(--studio-toolbar-height);display:grid;position:relative}.github-star-button{border:1px solid hsl(var(--border));min-width:0;height:36px;color:hsl(var(--foreground));background:hsl(var(--background));white-space:nowrap;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 4px 0 10px;font-size:.6875rem;font-weight:500;line-height:1;text-decoration:none;transition:color .14s,border-color .14s,background-color .14s,transform .14s ease-out;display:inline-flex;overflow:hidden}.github-star-button:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted))}.github-star-button:active{transform:scale(.97)}.github-star-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.github-star-button__mark{flex:none;width:14px;height:14px}.github-star-button__count{border-left:1px solid hsl(var(--border));min-width:35px;height:26px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .62);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;border-radius:3px;justify-content:flex-end;align-items:center;gap:3px;padding:0 7px;font-size:.625rem;transition:color .14s,border-color .14s,background-color .14s,opacity .14s;display:inline-flex}.github-star-button__count svg{fill:currentColor;stroke-width:1.5px;width:11px;height:11px}.github-star-button[data-state=loading] .github-star-button__count,.github-star-button[data-state=error] .github-star-button__count{opacity:.48}.studio-github-star-button:hover .github-star-button__count{color:hsl(var(--foreground));border-left-color:hsl(var(--foreground) / .26)}.studio-app-body{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);height:calc(100dvh - var(--studio-toolbar-height) - 50px);display:grid}.project-tabs-shell{z-index:30;grid-template-columns:var(--studio-rail-width) minmax(0, 1fr);border-bottom:1px solid hsl(var(--border));height:50px;display:grid;position:relative}.project-tabs{--project-tab-gap:.375rem;--project-tab-width:clamp(150px, 14vw, 224px);background:hsl(var(--background));isolation:isolate;height:100%;position:relative;overflow:visible}.project-tabs:before{z-index:-1;background-image:radial-gradient(circle, hsl(var(--foreground) / .2) 0 .8px, transparent 1px), radial-gradient(circle, hsl(var(--foreground) / .08) 0 1px, transparent 1.2px);opacity:.18;content:"";pointer-events:none;background-position:0 0,5px 5px;background-size:7px 7px,14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000b 58%,#0000 92%);mask-image:linear-gradient(90deg,#000 0,#000b 58%,#0000 92%)}.project-tabs:after{z-index:-1;background:linear-gradient(90deg, transparent, hsl(var(--background) / .9), transparent);filter:blur(8px);opacity:.72;content:"";pointer-events:none;width:28%;position:absolute;top:0;bottom:0;left:28%;transform:skew(-18deg)}.project-tabs>*{z-index:1;position:relative}.project-tabs-scroll{overscroll-behavior-inline:contain;width:100%;height:100%;scroll-padding-inline:30px}.project-tabs-tablist{gap:var(--project-tab-gap);position:relative}.project-tab-selection{z-index:0;width:var(--project-tab-width);border:1px solid hsl(var(--foreground));border-radius:var(--studio-corner-md) var(--studio-corner-md) 0 0;background:hsl(var(--foreground));height:38px;box-shadow:0 -1px 0 hsl(var(--foreground) / .03);pointer-events:none;will-change:transform, width;border-bottom:0;transition:width .28s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.2,.85,.2,1),border-radius .18s;position:absolute;bottom:0;left:0}.project-tabs-rail{height:100%;position:relative;overflow:hidden}.project-tabs-scroll-cue{z-index:5;width:28px;color:hsl(var(--foreground) / .68);cursor:pointer;opacity:0;pointer-events:none;border:0;place-items:center;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:8px;bottom:3px}.project-tabs-scroll-cue svg{width:14px;height:14px;transition:transform .16s}.project-tabs-scroll-cue--left{background:linear-gradient(90deg, hsl(var(--background)) 36%, hsl(var(--background) / 0));left:0;transform:translate(-5px)}.project-tabs-scroll-cue--right{background:linear-gradient(270deg, hsl(var(--background)) 36%, hsl(var(--background) / 0));right:0;transform:translate(5px)}.project-tabs-scroll-cue[data-visible=true]{opacity:.72;pointer-events:auto;transform:translate(0)}.project-tabs-scroll-cue:hover{color:hsl(var(--foreground));opacity:1}.project-tabs-scroll-cue:hover svg{transform:translate(1px)}.project-tabs-scroll-cue--left:hover svg{transform:translate(-1px)}.project-dither-panel{--project-dither-accent:var(--studio-highlight-color,hsl(var(--foreground)));--project-dither-icon-opacity:.44;--project-dither-sweep-opacity:.32;border-right:1px solid hsl(var(--border));background:hsl(var(--background));isolation:isolate;min-width:0;position:relative;overflow:hidden}.project-dither-field{background-image:radial-gradient(circle, hsl(var(--foreground) / .4) 0 .8px, transparent 1px), radial-gradient(circle, hsl(var(--foreground) / .16) 0 .8px, transparent 1px);opacity:.48;background-position:0 0,3px 3px;background-size:6px 6px;transition:filter .18s ease-out,opacity .18s ease-out;position:absolute;inset:-12px;-webkit-mask-image:linear-gradient(104deg,#000 4%,#0009 48%,#0000 92%);mask-image:linear-gradient(104deg,#000 4%,#0009 48%,#0000 92%)}.project-dither-sweep{background:linear-gradient(90deg, transparent, var(--project-dither-accent), transparent);width:38%;position:absolute;top:-50%;bottom:-50%;left:-20%}@supports (color:color-mix(in lab, red, red)){.project-dither-sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--project-dither-accent) 34%, transparent), transparent)}}.project-dither-sweep{filter:blur(4px);opacity:0;pointer-events:none;transform:translate(-120%)skew(-18deg)}.project-dither-symbols{z-index:1;color:hsl(var(--foreground));place-items:center;display:grid;position:absolute;inset:0}.project-dither-symbols>span{opacity:0;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(5px - 50%))scale(.88)rotate(-4deg)}.project-dither-symbols svg{width:19px;height:19px}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.project-dither-panel:hover .project-dither-field{animation:1.8s steps(6,end) infinite project-dither-morph}.project-dither-panel:hover .project-dither-sweep{animation:1.8s cubic-bezier(.65,0,.35,1) infinite project-dither-sweep}.project-dither-panel:hover .project-dither-symbols>span{animation:3.6s cubic-bezier(.22,1,.36,1) infinite project-dither-symbol}.project-dither-panel:hover .project-dither-symbols>span:first-child{animation-delay:0s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(2){animation-delay:.9s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(3){animation-delay:1.8s}.project-dither-panel:hover .project-dither-symbols>span:nth-child(4){animation-delay:2.7s}}@media (hover:hover) and (pointer:fine){.project-dither-panel:hover{--project-dither-icon-opacity:.52;--project-dither-sweep-opacity:.58}.project-dither-panel:hover .project-dither-field{filter:contrast(1.65);opacity:.7}}@media (prefers-reduced-motion:reduce){.project-dither-field,.project-dither-sweep,.project-dither-symbols>span{transition:none;animation:none!important}.project-dither-sweep,.project-dither-symbols>span{opacity:0}.project-dither-panel:hover .project-dither-symbols>span:first-child{opacity:.52;transform:translate(-50%,-50%)}}@keyframes project-dither-morph{0%,to{transform:translate(-1.5%)scale(1.02)}34%{transform:translate(1.5%,-1%)scale(1.06)}67%{transform:translate(-.5%,1%)scale(1.04)}}@keyframes project-dither-sweep{0%,6%{opacity:0;transform:translate(-120%)skew(-18deg)}24%,64%{opacity:var(--project-dither-sweep-opacity)}82%,to{opacity:0;transform:translate(420%)skew(-18deg)}}@keyframes project-dither-symbol{0%,7%,28%,to{opacity:0;transform:translate(-50%,calc(7px - 50%))scale(.72)rotate(-5deg)}12%,22%{opacity:var(--project-dither-icon-opacity);transform:translate(-50%,-50%)scale(1)rotate(0)}26%{opacity:0;transform:translate(-50%,calc(-50% - 4px))scale(1.08)rotate(3deg)}}.app-navbar .project-tab{z-index:1;width:var(--project-tab-width);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;flex:none;min-width:0;height:38px;transition:width .28s cubic-bezier(.22,1,.36,1),border-color .18s,background-color .18s,color .18s,opacity .18s;overflow:hidden;border-radius:var(--studio-corner-md) var(--studio-corner-md) 0 0!important}.app-navbar .project-tab[data-shifting=true]{transition:transform .15s cubic-bezier(.2,.8,.2,1)}.project-tabs-tablist:has(.project-tab[data-dragging=true]) .project-tab-selection{transition:none}.project-tabs-tablist:has(.project-tab[data-dragging=true]) .project-tab[data-shifting=true]{transition:none}.app-navbar .project-tab[data-dragging=true]{z-index:7;cursor:grabbing;opacity:.98;box-shadow:var(--studio-shadow-ring-lg);transition:none}.app-navbar .project-tab[data-dragging=true]>*{pointer-events:none}.project-tab>*{z-index:1;position:relative}.app-navbar .project-tab>button:first-child{border-radius:var(--studio-corner-md) 0 0 0!important}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]){color:hsl(var(--background));box-shadow:none;background:0 0;border-color:#0000}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) :is(.project-tab-name,.project-tab-separator){color:hsl(var(--background))}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-monogram{border-color:hsl(var(--background));background:hsl(var(--background));color:hsl(var(--foreground))}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-close{color:hsl(var(--background))}.project-tab-close{border-radius:var(--studio-corner-sm);width:24px;height:24px;color:hsl(var(--foreground));cursor:pointer;opacity:.34;background:0 0;border:0;flex:none;place-items:center;transition:opacity .12s,background-color .12s;display:grid}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-close,.project-tab:hover .project-tab-close,.project-tab-close:focus-visible{opacity:.72}.project-tab-close:hover{background:hsl(var(--foreground) / .08);opacity:1}.project-tab-close svg{width:13px;height:13px}.project-tab-reorder-controls button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-1px}.project-tab-reorder-controls{z-index:4;border-radius:var(--studio-corner-sm);background:hsl(var(--background));box-shadow:var(--studio-shadow-ring-sm);color:hsl(var(--foreground));border:0;display:flex;position:absolute;top:5px;right:30px;overflow:hidden}.project-tab-reorder-controls button{width:24px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.project-tab-reorder-controls button+button{border-left:1px solid hsl(var(--border))}.project-tab-reorder-controls button:hover:not(:disabled){background:hsl(var(--muted))}.project-tab-reorder-controls button:disabled{cursor:not-allowed;opacity:.32}.project-tab-reorder-controls svg{width:13px;height:13px}.project-tab-mark{flex:none;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:inline-flex}.theme-aware-brand-mark{flex:none;place-items:center;display:inline-grid;position:relative}.theme-aware-brand-mark img{object-fit:contain}.theme-aware-brand-mark-light{display:none}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=light] .theme-aware-brand-mark-dark{display:block}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=light] .theme-aware-brand-mark-light,.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=dark] .theme-aware-brand-mark-dark{display:none}.theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=dark] .theme-aware-brand-mark-light{display:block}[data-resolved-theme=dark] .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto]:not([data-inverse=true]) .theme-aware-brand-mark-dark,[data-resolved-theme=light] .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto][data-inverse=true] .theme-aware-brand-mark-dark{display:none}[data-resolved-theme=dark] .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto]:not([data-inverse=true]) .theme-aware-brand-mark-light,[data-resolved-theme=light] .theme-aware-brand-mark[data-logo-treatment=contrast-variant][data-surface=auto][data-inverse=true] .theme-aware-brand-mark-light{display:block}.project-tab-mark[data-brand-id=gt] img,.brand-identity-masthead-mark .theme-aware-brand-mark[data-brand-id=gt] img{transform:scale(1.16)}.theme-aware-brand-mark-monogram{border:1px solid hsl(var(--foreground) / .24);background:hsl(var(--foreground));color:hsl(var(--background));letter-spacing:-.04em;font-size:.5rem;font-weight:550}:is(.project-tab[aria-selected=true],.project-tab[data-selected=true]) .project-tab-mark{transform:scale(1.06)}.project-tab-monogram{border:1px solid hsl(var(--foreground) / .24);background:hsl(var(--foreground));color:hsl(var(--background));font-family:var(--font-mono), monospace;letter-spacing:-.04em;font-size:8px;font-weight:550}.project-tabs[data-tab-density=compact]{--project-tab-width:clamp(92px, 8vw, 128px)}.project-tabs[data-tab-density=compact] .project-tab-separator{display:none}.project-tabs[data-tab-density=compact] .project-tab-close{width:20px}.project-tabs[data-tab-density=marks]{--project-tab-width:44px}.project-tabs[data-tab-density=scroll]{--project-tab-width:52px}.project-tabs[data-tab-density=marks] .project-tab,.project-tabs[data-tab-density=scroll] .project-tab{justify-content:center;padding-left:0;padding-right:0}.project-tabs[data-tab-density=marks] .project-tab>:is(button,.project-tab-editor),.project-tabs[data-tab-density=scroll] .project-tab>:is(button,.project-tab-editor){flex:none;justify-content:center}.project-tabs[data-tab-density=marks] .project-tab>button:not(.project-tab-close),.project-tabs[data-tab-density=scroll] .project-tab>button:not(.project-tab-close){flex:auto;width:100%;height:100%}.project-tabs[data-tab-density=marks] :is(.project-tab-name,.project-tab-separator),.project-tabs[data-tab-density=scroll] :is(.project-tab-name,.project-tab-separator){display:none}.project-tabs[data-tab-density=marks] .project-tab-close,.project-tabs[data-tab-density=scroll] .project-tab-close{background:hsl(var(--foreground));width:16px;height:16px;color:hsl(var(--background));opacity:0;pointer-events:none;display:grid;position:absolute;top:2px;right:2px}.project-tabs[data-tab-density=marks] .project-tab:hover .project-tab-close,.project-tabs[data-tab-density=scroll] .project-tab:hover .project-tab-close,.project-tabs[data-tab-density=marks] .project-tab-close:focus-visible,.project-tabs[data-tab-density=scroll] .project-tab-close:focus-visible{opacity:1;pointer-events:auto}.project-tabs[data-tab-density=marks] .project-tab-reorder-controls,.project-tabs[data-tab-density=scroll] .project-tab-reorder-controls{top:5px;right:2px}.project-tabs[data-tab-density=scroll] .project-tabs-tablist{padding-right:8px}.project-tabs-actions{background:linear-gradient(90deg, transparent, hsl(var(--background)) 14%);padding-right:.1rem}.project-tab-add{height:30px}.project-action-button{min-width:max-content}.studio-command-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:#00000085;border:0;place-items:start center;margin:0;padding:min(14vh,140px) 20px 20px;display:grid;position:fixed;inset:0}.studio-command-dialog{z-index:1;background:hsl(var(--background));width:min(760px,100%);max-height:min(680px,76vh);box-shadow:var(--studio-shadow-ring-2xl);border:0;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.shader-export-overlay{z-index:210;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:#0000008f;border:0;place-items:center;margin:0;padding:1.25rem;display:grid;position:fixed;inset:0}.shader-export-dialog{z-index:1;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));width:min(1280px,100%);max-height:min(820px,100vh - 2.5rem);box-shadow:var(--studio-shadow-ring-2xl);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.studio-modal-backdrop{z-index:0;cursor:default;background:0 0;border:0;position:absolute;inset:0}.image-asset-dialog{z-index:1;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));width:min(900px,100%);max-height:min(720px,100vh - 2.5rem);box-shadow:var(--studio-shadow-ring-2xl);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.image-asset-overlay{z-index:2147483400}.image-asset-dialog__body{min-height:0;display:block;overflow:auto}.image-asset-import,.image-asset-library{min-width:0;min-height:0;padding:16px;overflow:visible}.image-asset-library{border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .2)}.image-asset-section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:10px;display:flex}.image-asset-section-heading h3{font-size:14px;font-weight:650}.image-asset-section-heading p{max-width:55ch;color:hsl(var(--muted-foreground));margin-top:4px;font-size:11px;line-height:1.5}.image-asset-section-heading>span{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;border-radius:999px;flex:none;padding:4px 7px;font-size:9px}.image-asset-dropzone{border:1px dashed hsl(var(--border));border-radius:var(--studio-corner-md);background:hsl(var(--muted) / .18);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px;transition:border-color .12s,background .12s;display:grid}.image-asset-sticker-shortcut{border:1px solid hsl(var(--foreground) / .48);border-radius:var(--studio-corner-md);width:100%;min-height:58px;color:hsl(var(--foreground));background:hsl(var(--foreground) / .055);text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:8px;padding:10px 12px;transition:border-color .12s ease-out,background-color .12s ease-out,transform .12s ease-out;display:grid}.image-asset-sticker-shortcut:active{transform:scale(.97)}.image-asset-sticker-shortcut>span:first-child{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));place-items:center;width:34px;height:34px;display:grid}.image-asset-sticker-shortcut svg{width:15px;height:15px}.image-asset-sticker-shortcut>span:last-child{gap:2px;min-width:0;display:grid}.image-asset-sticker-shortcut strong{font-size:11px;font-weight:650}.image-asset-sticker-shortcut small{color:hsl(var(--muted-foreground));font-size:9px}@media (hover:hover) and (pointer:fine){.image-asset-sticker-shortcut:hover{border-color:hsl(var(--foreground) / .8);background:hsl(var(--foreground) / .09)}}.image-asset-dropzone[data-dragging]{border-color:hsl(var(--foreground));background:hsl(var(--accent) / .6)}.image-asset-dropzone>svg{width:22px;height:22px;color:hsl(var(--muted-foreground))}.image-asset-dropzone>div{gap:3px;display:grid}.image-asset-dropzone strong,.image-asset-pending-list strong{font-size:11px;font-weight:650}.image-asset-dropzone span,.image-asset-pending-list small{color:hsl(var(--muted-foreground));font-size:9px}.image-asset-pending-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-top:8px;display:grid}.image-asset-pending-list article{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);grid-template-columns:72px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:8px;display:grid}.image-asset-pending-preview{background:repeating-conic-gradient(hsl(var(--muted)) 0 25%, hsl(var(--background)) 0 50%) 50% / 12px 12px;border-radius:3px;place-items:center;height:54px;display:grid;overflow:hidden}.image-asset-pending-preview img{object-fit:contain;width:100%;height:100%}.image-asset-pending-list label{gap:4px;min-width:0;display:grid}.image-asset-pending-list label>span{color:hsl(var(--muted-foreground));font-size:9px}.image-asset-pending-list input{border:1px solid hsl(var(--border));background:hsl(var(--background));min-width:0;height:30px;color:hsl(var(--foreground));border-radius:4px;padding:0 9px;font-size:11px}.image-asset-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.image-asset-library-grid button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));min-width:0;color:hsl(var(--foreground));text-align:left;padding:0;overflow:hidden}.image-asset-library-grid button:hover,.image-asset-library-grid button:focus-visible{border-color:hsl(var(--foreground) / .65)}.image-asset-library-grid button>span{border-bottom:1px solid hsl(var(--border));background:repeating-conic-gradient(hsl(var(--muted)) 0 25%, hsl(var(--background)) 0 50%) 50% / 14px 14px;place-items:center;height:76px;display:grid;overflow:hidden}.image-asset-library-grid img{object-fit:contain;width:100%;height:100%}.image-asset-library-grid strong,.image-asset-library-grid small{text-overflow:ellipsis;white-space:nowrap;padding:7px 9px 0;font-size:10px;display:block;overflow:hidden}.image-asset-library-grid small{color:hsl(var(--muted-foreground));text-transform:capitalize;padding-top:2px;padding-bottom:8px;font-size:8px}.image-asset-library-empty{border:1px dashed hsl(var(--border));border-radius:var(--studio-corner-md);min-height:180px;color:hsl(var(--muted-foreground));text-align:center;place-items:center;font-size:11px;display:grid}.image-asset-dialog__footer{border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 16px;display:grid}.image-asset-dialog__footer>div{min-width:0;color:hsl(var(--muted-foreground));font-size:10px}.image-asset-dialog__footer>div span{align-items:center;gap:6px;display:flex}.image-asset-dialog__footer>div svg{width:12px;height:12px;color:hsl(var(--status-success))}.image-asset-dialog__footer [data-state=error]{color:hsl(var(--destructive))}@media (max-width:760px){.image-asset-dropzone{grid-template-columns:24px minmax(0,1fr)}.image-asset-dropzone>button{grid-column:1/-1}.image-asset-dialog__footer{grid-template-columns:1fr 1fr}.image-asset-dialog__footer>div{grid-column:1/-1}.image-asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shader-export-content{grid-template-columns:minmax(0,1fr) minmax(360px,400px);min-height:0;display:grid;overflow:hidden}.shader-export-sidebar{border-left:1px solid hsl(var(--border));background:hsl(var(--background));flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.shader-export-settings,.shader-export-name{border-bottom:1px solid hsl(var(--border));padding:16px}.shader-export-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.shader-export-section-heading strong{color:hsl(var(--foreground));font-size:12px;font-weight:650}.shader-export-section-heading small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.shader-export-workspace{gap:14px;display:grid}.shader-export-format{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .32);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;display:grid}.shader-export-format button{min-width:0;min-height:48px;color:hsl(var(--muted-foreground));border-radius:4px;justify-content:center;align-items:center;gap:5px;display:flex}.shader-export-format button:hover:not(:disabled),.shader-export-format button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--border))}.shader-export-format button:disabled{cursor:wait;opacity:.55}.shader-export-format svg{flex:none;width:12px;height:12px}.shader-export-format span{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.shader-export-format strong{font-size:9px;font-weight:650}.shader-export-format small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.shader-export-settings .shader-lab-v2-export-presets button{min-height:48px}.shader-export-settings .shader-lab-v2-export-presets strong,.shader-export-settings .shader-lab-v2-export-quality button strong{font-size:9px}.shader-export-settings .shader-lab-v2-export-presets small,.shader-export-settings .shader-lab-v2-export-quality button small{font-size:7px}.shader-export-sidebar>p,.shader-export-sidebar>.shader-export-loop-proof{margin:14px 16px 0}.shader-export-actions{z-index:1;border-top:1px solid hsl(var(--border));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:8px;margin-top:auto;padding:16px;display:flex;position:sticky;bottom:0}.shader-export-name>label{margin-top:10px;display:block}.shader-export-name>label>span:first-child{color:hsl(var(--muted-foreground));margin-bottom:6px;font-size:9px;display:block}.shader-export-name-field{border:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:38px;padding-left:10px;display:grid}.shader-export-name-field:focus-within{border-color:hsl(var(--foreground) / .7)}.shader-export-name-field>svg{width:13px;height:13px;color:hsl(var(--muted-foreground));stroke-width:1.6px}.shader-export-name-field>input{min-width:0;height:100%;color:hsl(var(--foreground));background:0 0;border:0;outline:0;font-size:12px}.shader-export-name-field>i{border-left:1px solid hsl(var(--border));height:100%;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .24);font-family:var(--font-mono), monospace;text-transform:lowercase;align-items:center;padding:0 10px;font-size:9px;font-style:normal;display:grid}.shader-export-loop-proof{color:hsl(var(--foreground));background:hsl(var(--muted) / .36);grid-template-columns:17px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid}.shader-export-loop-proof>svg{stroke-width:1.7px;width:15px;height:15px;margin-top:1px}.shader-export-loop-proof>span{flex-direction:column;gap:3px;min-width:0;display:flex}.shader-export-loop-proof strong{font-size:10px;font-weight:620}.shader-export-loop-proof small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px;line-height:1.45}@media (max-width:760px){.shader-export-overlay{place-items:end center;padding:.75rem}.shader-export-content{grid-template-columns:1fr;overflow-y:auto}.shader-export-sidebar{border-top:1px solid hsl(var(--border));border-left:0;overflow:visible}.shader-export-format{grid-template-columns:repeat(2,minmax(0,1fr))}}.marketing-v14-control-panel{--marketing-v14-control-bg:#f7f7f4;--marketing-v14-control-fg:#171717;--marketing-v14-control-line:#cdcdc8;--marketing-v14-control-muted:#747471;--marketing-v14-control-thumb:#fff;z-index:4;border:1px solid var(--marketing-v14-control-line);color:var(--marketing-v14-control-fg);background:var(--marketing-v14-control-bg);pointer-events:none;border-radius:7px;position:relative;overflow:hidden}.marketing-v14-control-panel--dark,.marketing-page-v5[data-marketing-theme=dark] .marketing-v14-control-panel:not(.marketing-v14-control-panel--dark){--marketing-v14-control-bg:#151515;--marketing-v14-control-fg:#f2f2ef;--marketing-v14-control-line:#3e3e3b;--marketing-v14-control-muted:#9d9d98;--marketing-v14-control-thumb:#151515}.marketing-v14-control-panel>header{border-bottom:1px solid var(--marketing-v14-control-line);justify-content:space-between;align-items:center;gap:1rem;min-height:36px;padding:0 .75rem;display:flex}.marketing-v14-control-panel>header strong,.marketing-v14-control-panel>header span{font-family:var(--font-mono), monospace;line-height:1}.marketing-v14-control-panel>header strong{letter-spacing:.08em;font-size:.58rem;font-weight:600}.marketing-v14-control-panel>header span{color:var(--marketing-v14-control-muted);letter-spacing:.09em;font-size:.48rem}.marketing-v14-select-row{border:1px solid var(--marketing-v14-control-line);grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:.55rem;min-height:42px;margin:.72rem;padding:0 .7rem;font-size:.74rem;display:grid}.marketing-v14-select-row svg,.marketing-v14-range-row svg,.marketing-v14-segmented-row svg,.marketing-v14-export-grid svg,.marketing-v14-export-action svg{width:13px;height:13px}.marketing-v14-select-row svg:last-child{color:var(--marketing-v14-control-muted)}.marketing-v14-control-ranges{gap:.55rem;padding:0 .72rem .75rem;display:grid}.marketing-v14-control-ranges--compact{padding-top:.8rem}.marketing-v14-range-row{gap:.3rem;display:grid}.marketing-v14-range-row>span{grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;display:grid}.marketing-v14-range-row>span>i{border:1px solid var(--marketing-v14-control-line);width:23px;height:23px;color:var(--marketing-v14-control-muted);border-radius:4px;place-items:center;font-style:normal;display:grid}.marketing-v14-range-row b{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:450;overflow:hidden}.marketing-v14-range-row output{color:var(--marketing-v14-control-muted);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.62rem}.marketing-v14-range-row input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}.marketing-v14-range-row input::-webkit-slider-runnable-track{background:var(--marketing-v14-control-line);height:2px}.marketing-v14-range-row input::-webkit-slider-thumb{appearance:none;border:1px solid var(--marketing-v14-control-fg);background:var(--marketing-v14-control-thumb);border-radius:0;width:10px;height:18px;margin-top:-8px}.marketing-v14-range-row input::-moz-range-track{background:var(--marketing-v14-control-line);height:2px}.marketing-v14-range-row input::-moz-range-thumb{border:1px solid var(--marketing-v14-control-fg);background:var(--marketing-v14-control-thumb);border-radius:0;width:10px;height:18px}.marketing-v14-segmented-row{border:1px solid var(--marketing-v14-control-line);border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 .72rem .72rem;display:grid;overflow:hidden}.marketing-v14-segmented-row>span{border-right:1px solid var(--marketing-v14-control-line);min-height:34px;color:var(--marketing-v14-control-muted);justify-content:center;align-items:center;gap:.35rem;font-size:.58rem;display:flex}.marketing-v14-segmented-row>span:last-child{border-right:0}.marketing-v14-segmented-row>.is-active{color:var(--marketing-v14-control-fg);background:var(--marketing-v14-control-fg)}@supports (color:color-mix(in lab, red, red)){.marketing-v14-segmented-row>.is-active{background:color-mix(in srgb, var(--marketing-v14-control-fg) 7%, transparent)}}.marketing-v14-export-grid{border-bottom:1px solid var(--marketing-v14-control-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.marketing-v14-export-grid>span{border-right:1px solid var(--marketing-v14-control-line);min-height:62px;color:var(--marketing-v14-control-muted);flex-direction:column;justify-content:center;align-items:center;gap:.18rem;display:flex}.marketing-v14-export-grid>span:last-child{border-right:0}.marketing-v14-export-grid b{color:var(--marketing-v14-control-fg);font-size:.58rem;font-weight:600}.marketing-v14-export-grid small{font-size:.45rem}.marketing-v14-export-action{grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:36px;padding:0 .75rem;font-size:.58rem;display:grid}.marketing-v14-export-action strong{font-weight:500}.marketing-v13-theme-heading{grid-area:1/2;width:min(100%,680px)}.marketing-v14-product-control{width:min(100%,390px);margin-top:clamp(1.7rem,3vw,2.6rem)}.marketing-v5-product-card-image{margin-top:clamp(2rem,4vw,3.25rem)}.marketing-v14-open-source-workbench{z-index:4;grid-template-columns:minmax(200px,.62fr) minmax(300px,1fr);align-items:start;gap:1rem;display:grid;position:relative}.marketing-v14-open-source-workbench .marketing-v7-open-source-panel{justify-self:stretch;width:100%}.marketing-v14-color-inspector{align-self:start}.marketing-v14-color-field{border:1px solid var(--marketing-v14-control-line);border-radius:5px;grid-template-columns:34px auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:48px;margin:.75rem;padding:.4rem;display:grid}.marketing-v14-color-field>i{border:1px solid var(--marketing-v14-control-line);background:#fff;width:34px;height:34px;display:block}.marketing-v14-color-field small{color:var(--marketing-v14-control-muted);font-family:var(--font-mono), monospace;font-size:.48rem}.marketing-v14-color-field strong{font-family:var(--font-mono), monospace;font-size:.65rem;font-weight:500}.marketing-v14-color-spectrum{border:1px solid var(--marketing-v14-control-line);background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#f33);border-radius:5px;height:118px;margin:0 .75rem;position:relative;overflow:hidden}.marketing-v14-color-spectrum>i{border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:7px;box-shadow:0 0 0 1px #252525}.marketing-v14-hue-row{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:.5rem;min-height:30px;margin:0 .75rem;display:grid}.marketing-v14-hue-row>b{border:1px solid var(--marketing-v14-control-line);background:#fff;border-radius:50%;width:18px;height:18px;display:block}.marketing-v14-hue-row>i{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:8px;display:block;position:relative}.marketing-v14-hue-row>i:after{content:"";border:1px solid #fff;border-radius:5px;width:8px;height:16px;position:absolute;top:-4px;left:7%;box-shadow:0 0 0 1px #252525}.marketing-v14-hsv-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0 .75rem .75rem;display:grid}.marketing-v14-hsv-row>span{border:1px solid var(--marketing-v14-control-line);min-height:31px;font-family:var(--font-mono), monospace;border-radius:4px;place-items:center;font-size:.55rem;display:grid}@media (max-width:1100px){.marketing-v5-theme-gallery-copy{grid-template-columns:72px minmax(0,1fr)}.marketing-v14-theme-inspector{grid-area:3/2;width:min(100%,360px)}.marketing-v13-theme-notes{grid-area:2/2}.marketing-v7-open-source{grid-template-columns:minmax(0,1fr)}.marketing-v14-open-source-workbench{width:min(100%,720px)}}@media (max-width:820px){.marketing-v5-theme-gallery-copy{grid-template-columns:minmax(0,1fr)}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-heading,.marketing-v13-theme-notes,.marketing-v14-theme-inspector{grid-area:auto/1;width:100%}}@media (max-width:760px){.marketing-v5-product-grid{grid-template-columns:minmax(0,1fr)}.marketing-v5-product-card{border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:660px}.marketing-v5-product-card:last-child{border-bottom:0}}.marketing-mini-studio-bar{border-bottom:1px solid var(--live-demo-line);background:var(--live-demo-paper);justify-content:space-between;align-items:center;gap:.65rem;min-width:0;min-height:42px;padding:0 .7rem;font-size:.57rem;display:flex}.marketing-mini-studio-bar>strong{flex:none;font-size:.62rem;font-weight:570}.marketing-mini-studio-bar>div{min-width:0;color:var(--live-demo-muted);justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.marketing-mini-studio-bar>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marketing-mini-studio-bar button{border:1px solid var(--live-demo-line);min-height:27px;color:var(--live-demo-ink);background:var(--live-demo-paper);border-radius:4px;justify-content:center;align-items:center;gap:.3rem;padding:0 .5rem;font-size:.5rem;display:inline-flex}.marketing-mini-studio-bar button svg{width:11px;height:11px}.marketing-mini-studio-bar button.is-primary{color:#fff;background:#7651ee;border-color:#7651ee}.marketing-mini-identity-body{grid-template-columns:118px minmax(0,1fr);min-height:0;display:grid}.marketing-mini-identity-body>nav{border-right:1px solid var(--live-demo-line);background:var(--live-demo-paper);flex-direction:column;gap:.24rem;min-width:0;padding:.7rem .5rem;display:flex}.marketing-mini-identity-body>nav>span,.marketing-mini-motion-sources>span,.marketing-mini-motion-properties>span{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 .35rem .3rem;font-size:.43rem}.marketing-mini-identity-body>nav button{min-height:30px;color:var(--live-demo-muted);text-align:left;border-radius:3px;align-items:center;gap:.42rem;padding:0 .48rem;font-size:.52rem;display:flex}.marketing-mini-identity-body>nav button svg{flex:none;width:11px;height:11px}.marketing-mini-identity-body>nav button[aria-current=page]{color:#fff;background:#1a1a1a}.marketing-page-v5[data-marketing-theme=dark] .marketing-mini-identity-body>nav button[aria-current=page]{color:#151515;background:#f0f0ec}.marketing-mini-identity-body>main{background:radial-gradient(circle, var(--live-demo-ink) 0 1px, transparent 1.2px), var(--live-demo-surface);grid-template-rows:56px minmax(0,1fr);gap:.55rem;min-width:0;min-height:0;padding:.65rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-mini-identity-body>main{background:radial-gradient(circle, color-mix(in srgb, var(--live-demo-ink) 12%, transparent) 0 1px, transparent 1.2px), color-mix(in srgb, var(--live-demo-surface) 56%, var(--live-demo-paper))}}.marketing-mini-identity-body>main{background-size:14px 14px,auto}.marketing-mini-identity-brand{border:1px solid var(--live-demo-line);background:var(--live-demo-paper);border-radius:4px;justify-content:space-between;align-items:center;gap:.7rem;min-width:0;padding:.5rem;display:flex}.marketing-mini-identity-brand>div,.marketing-mini-book-body>nav>div{align-items:center;gap:.5rem;min-width:0;display:flex}.marketing-mini-identity-brand>div>span,.marketing-mini-book-body>nav>div>span{border:1px solid var(--live-demo-line);border-radius:4px;flex:none;place-items:center;width:34px;height:34px;display:grid}.marketing-mini-identity-brand img,.marketing-mini-book-body>nav img{width:24px;height:auto}.marketing-page-v5[data-marketing-theme=dark] :is(.marketing-mini-identity-brand,.marketing-mini-book-body>nav) img{filter:invert()}.marketing-mini-identity-brand p,.marketing-mini-book-body>nav p{flex-direction:column;min-width:0;margin:0;display:flex}.marketing-mini-identity-brand p strong,.marketing-mini-book-body>nav p strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:560;overflow:hidden}.marketing-mini-identity-brand p small,.marketing-mini-book-body>nav p small{color:var(--live-demo-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.43rem;overflow:hidden}.marketing-mini-identity-brand dl{border:1px solid var(--live-demo-line);border-radius:4px;grid-template-columns:repeat(3,34px);margin:0;display:grid}.marketing-mini-identity-brand dl>div{border-right:1px solid var(--live-demo-line);align-content:center;place-items:center;min-height:36px;display:grid}.marketing-mini-identity-brand dl>div:last-child{border-right:0}.marketing-mini-identity-brand dt{font-size:.55rem;font-weight:560}.marketing-mini-identity-brand dd{color:var(--live-demo-muted);margin:0;font-size:.35rem}.marketing-mini-identity-preview{border:1px solid var(--live-demo-line);background:#101010;border-radius:4px;min-height:0;position:relative;overflow:hidden}.marketing-mini-identity-panel{opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:translateY(6px)}.marketing-live-identity-workspace[data-section=Overview] .marketing-mini-identity-panel--overview,.marketing-live-identity-workspace[data-section=Typography] .marketing-mini-identity-panel--type,.marketing-live-identity-workspace[data-section=Color\ system] .marketing-mini-identity-panel--color{opacity:1;transform:translate(0)}.marketing-mini-identity-panel--overview{color:#fff;grid-template-columns:1.08fr .92fr;padding:.8rem;display:grid}.marketing-mini-identity-panel--overview>section{flex-direction:column;justify-content:center;display:flex}.marketing-mini-identity-panel--overview>section img{width:28px;height:auto;margin-bottom:auto}.marketing-mini-identity-panel--overview>section strong{letter-spacing:-.05em;font-size:clamp(.85rem,1.75vw,1.35rem);font-weight:450;line-height:.92}.marketing-mini-identity-panel--overview>section small{color:#858580;max-width:160px;margin-top:.45rem;font-size:.4rem;line-height:1.45}.marketing-mini-identity-panel--overview>aside{color:#898984;grid-template-columns:repeat(2,1fr);align-items:center;gap:.25rem;font-size:clamp(.65rem,1.25vw,.95rem);display:grid}.marketing-mini-identity-panel--overview>aside b{color:#fff;font-size:1.1em;font-weight:560}.marketing-mini-identity-panel--type,.marketing-mini-identity-panel--color{color:#f2f2ee;align-content:center;padding:.95rem;display:grid}.marketing-mini-identity-panel--type>span,.marketing-mini-identity-panel--color>span{color:#858580;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.42rem}.marketing-mini-identity-panel--type strong{letter-spacing:-.06em;margin-top:.35rem;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:430;line-height:.9}.marketing-mini-identity-panel--type b{margin-top:.65rem;font-size:clamp(.95rem,2vw,1.5rem);font-weight:430}.marketing-mini-identity-panel--type small{color:#858580;font-size:.42rem}.marketing-mini-identity-panel--color>div{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-top:.55rem;display:grid}.marketing-mini-identity-panel--color i{background:#f3f3ef;min-height:52px}.marketing-mini-identity-panel--color i:nth-child(2){background:#5b7cff}.marketing-mini-identity-panel--color i:nth-child(3){background:#7bffd9}.marketing-mini-identity-panel--color i:nth-child(4){background:#111;border:1px solid #40403d}.marketing-mini-identity-panel--color strong{margin-top:.55rem;font-size:.58rem;font-weight:450}.marketing-mini-identity-json{z-index:4;color:#c9c1ff;font-family:var(--font-mono), monospace;opacity:0;pointer-events:none;background:#111;border:1px solid #3e3e3b;border-radius:4px;margin:0;padding:1rem;font-size:clamp(.48rem,.8vw,.64rem);line-height:1.65;transition:opacity .16s ease-out,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:65px .65rem .65rem;overflow:hidden;transform:translateY(6px)}.marketing-mini-identity-json[data-open=true]{opacity:1;pointer-events:auto;transform:translate(0)}.marketing-live-material-demo{grid-template-rows:42px minmax(0,1fr)}.marketing-live-material-toolbar{border-bottom-color:#383835}.marketing-live-material-toolbar>span{color:#f0f0ec;font-weight:540}.marketing-mini-book-body{grid-template-columns:122px minmax(0,1fr);min-height:0;display:grid}.marketing-mini-book-body>nav{border-right:1px solid var(--live-demo-line);background:var(--live-demo-paper);min-width:0;padding:.55rem 0}.marketing-mini-book-body>nav>div{border-bottom:1px solid var(--live-demo-line);padding:0 .55rem .55rem}.marketing-mini-book-body>nav button{width:100%;min-height:30px;color:var(--live-demo-muted);text-align:left;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.25rem;padding:0 .55rem;font-size:.49rem;display:grid}.marketing-mini-book-body>nav button>span,.marketing-mini-book-body>nav button>small{font-family:var(--font-mono), monospace;font-size:.4rem}.marketing-mini-book-body>nav button[aria-current=page]{color:#fff;background:#7651ee}.marketing-mini-book-body>main{background:radial-gradient(circle, var(--live-demo-ink) 0 1px, transparent 1.2px), var(--live-demo-surface);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;min-width:0;padding:.65rem;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-mini-book-body>main{background:radial-gradient(circle, color-mix(in srgb, var(--live-demo-ink) 12%, transparent) 0 1px, transparent 1.2px), color-mix(in srgb, var(--live-demo-surface) 56%, var(--live-demo-paper))}}.marketing-mini-book-body>main{background-size:14px 14px,auto}.marketing-mini-book-body>main button{border:1px solid var(--live-demo-line);color:#171717;text-align:left;background:#fafaf7;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:.55rem;display:flex;position:relative;overflow:hidden}.marketing-mini-book-body>main button.is-dark{color:#f1f1ed;background:#252525;border-color:#3d3d3a}.marketing-mini-book-body>main button[aria-pressed=true]{border-color:#5b7cff;box-shadow:inset 0 0 0 1px #5b7cff}.marketing-mini-book-body>main button>small{color:currentColor;font-family:var(--font-mono), monospace;opacity:.62;font-size:.38rem}.marketing-mini-book-body>main button>strong{letter-spacing:-.035em;max-width:96%;font-size:clamp(.58rem,1.1vw,.85rem);font-weight:470;line-height:.96}.marketing-mini-book-body>main button>img{width:38px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-mini-book-swatch{background:#111;display:block;position:absolute;inset:28% 12%}.marketing-mini-book-swatch--2{background:#6b45ee}.marketing-mini-book-swatch--3{background:#7bffd9}.marketing-mini-book-swatch--4{background:linear-gradient(90deg,#111 50%,#f1f1ed 50%)}.marketing-mini-book-swatch--5{background:linear-gradient(135deg,#6b45ee,#7bffd9)}.marketing-mini-motion-workspace{--motion-ease:cubic-bezier(.4, 0, .2, 1);--live-demo-ink:#171717;--live-demo-line:#d4d4cf;--live-demo-muted:#6f6f6a;--live-demo-paper:#fafaf8;--live-demo-surface:#eeeeea;color:var(--live-demo-ink);background:var(--live-demo-paper)}.marketing-mini-motion-workspace[data-curve=Snappy]{--motion-ease:cubic-bezier(.2, .85, .3, 1)}.marketing-mini-motion-workspace[data-curve=Soft]{--motion-ease:cubic-bezier(.22, 1, .36, 1)}.marketing-page-v5[data-marketing-theme=dark] .marketing-mini-motion-workspace{--live-demo-ink:#f1f1ed;--live-demo-line:#3c3c39;--live-demo-muted:#999994;--live-demo-paper:#151515;--live-demo-surface:#1d1d1c}.marketing-mini-motion-body{grid-template-columns:94px minmax(0,1fr) 126px;min-height:0;display:grid}.marketing-mini-motion-sources,.marketing-mini-motion-properties{background:var(--live-demo-paper);min-width:0;padding:.65rem .5rem}.marketing-mini-motion-sources{border-right:1px solid var(--live-demo-line)}.marketing-mini-motion-properties{border-left:1px solid var(--live-demo-line)}.marketing-mini-motion-sources{flex-direction:column;gap:.28rem;display:flex}.marketing-mini-motion-sources button{border:1px solid var(--live-demo-line);min-height:28px;color:var(--live-demo-ink);background:var(--live-demo-paper);text-align:left;border-radius:3px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.3rem;padding:0 .38rem;font-size:.47rem;display:grid}.marketing-mini-motion-sources button svg{width:10px;height:10px}.marketing-mini-motion-sources button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marketing-mini-motion-sources button small{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;font-size:.36rem}.marketing-mini-motion-sources button[aria-current=true]{color:#fff;background:#7651ee;border-color:#7651ee}.marketing-mini-motion-canvas-column{background:radial-gradient(circle, var(--live-demo-ink) 0 1px, transparent 1.2px), var(--live-demo-surface);grid-template-rows:minmax(0,1fr) 50px;min-width:0;min-height:0;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-mini-motion-canvas-column{background:radial-gradient(circle, color-mix(in srgb, var(--live-demo-ink) 12%, transparent) 0 1px, transparent 1.2px), var(--live-demo-surface)}}.marketing-mini-motion-canvas-column{background-size:14px 14px,auto}.marketing-mini-motion-canvas{color:#fff;isolation:isolate;background:#111;border:1px solid #363633;border-radius:3px;place-items:center;min-height:0;margin:.8rem;display:grid;position:relative;overflow:hidden}.marketing-mini-motion-field{z-index:-1;opacity:.65;transform:translate3d(var(--motion-frame-offset,0), 0, 0) rotate(-8deg);transition:transform .26s var(--motion-ease);background:radial-gradient(#0000 0 29%,#747474 30% 44%,#0000 45% 58%,#333 59% 72%,#0000 73%),radial-gradient(circle,#9a9a9a 0 1px,#0000 1.3px) 0 0/5px 5px;position:absolute;inset:-24%}.marketing-mini-motion-workspace[data-frame="0"]{--motion-frame-offset:-4%}.marketing-mini-motion-workspace[data-frame="1"]{--motion-frame-offset:-2%}.marketing-mini-motion-workspace[data-frame="2"]{--motion-frame-offset:2%}.marketing-mini-motion-workspace[data-frame="3"]{--motion-frame-offset:4%}.marketing-mini-motion-canvas>img{opacity:.65;width:28px;height:auto;position:absolute;top:.55rem;right:.6rem}.marketing-mini-motion-canvas>strong{letter-spacing:-.05em;text-align:center;max-width:92%;animation:.18s cubic-bezier(.23,1,.32,1) marketing-mini-frame-in;animation-timing-function:var(--motion-ease);font-size:clamp(1.1rem,3vw,2rem);font-weight:470}.marketing-mini-motion-canvas>i{background:#5b7cff;border:1px solid #fff;width:9px;height:9px;position:absolute;bottom:0;right:0}@keyframes marketing-mini-frame-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}.marketing-mini-motion-timeline{border-top:1px solid var(--live-demo-line);background:var(--live-demo-paper);grid-template-columns:30px minmax(0,1fr);align-items:stretch;min-width:0;display:grid}.marketing-mini-motion-timeline>button{border-right:1px solid var(--live-demo-line);place-items:center;display:grid}.marketing-mini-motion-timeline>button svg{width:10px;height:10px}.marketing-mini-motion-timeline>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0;padding:.35rem;display:grid}.marketing-mini-motion-timeline>div button{border:1px solid var(--live-demo-line);min-width:0;color:var(--live-demo-muted);background:var(--live-demo-surface);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;justify-content:space-between;padding:.2rem;font-size:.36rem;display:flex;overflow:hidden}.marketing-mini-motion-timeline>div button span{font-family:var(--font-mono), monospace;font-size:.32rem}.marketing-mini-motion-timeline>div button[aria-current=true]{color:var(--live-demo-ink);background:#5b7cff;border-color:#5b7cff}@supports (color:color-mix(in lab, red, red)){.marketing-mini-motion-timeline>div button[aria-current=true]{background:color-mix(in srgb, #5b7cff 12%, var(--live-demo-paper))}}.marketing-mini-motion-properties{flex-direction:column;gap:.5rem;display:flex}.marketing-mini-motion-properties label{border-bottom:1px solid var(--live-demo-line);padding-bottom:.45rem}.marketing-mini-motion-properties label>span{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.3rem;font-size:.45rem;display:grid}.marketing-mini-motion-properties label svg{width:10px;height:10px;color:var(--live-demo-muted)}.marketing-mini-motion-properties output{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;font-size:.38rem}.marketing-mini-motion-properties .studio-range{--studio-range-accent:#7651ee;--studio-range-thumb-border:#7651ee;--studio-range-thumb-background:var(--live-demo-paper);--studio-range-track:var(--live-demo-line);width:100%;margin-top:.28rem}.marketing-mini-motion-properties>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marketing-mini-motion-properties>div button{border:1px solid var(--live-demo-line);border-right:0;min-height:24px;font-size:.4rem}.marketing-mini-motion-properties>div button:last-child{border-right:1px solid var(--live-demo-line)}.marketing-mini-motion-properties>div button.is-active{color:#fff;background:#7651ee;border-color:#7651ee}@media (max-width:900px){.marketing-mini-identity-body{grid-template-columns:102px minmax(0,1fr)}.marketing-mini-identity-brand dl{display:none}.marketing-mini-book-body{grid-template-columns:104px minmax(0,1fr)}.marketing-mini-motion-body{grid-template-columns:84px minmax(0,1fr)}.marketing-mini-motion-properties{display:none}}@media (max-width:620px){.marketing-mini-studio-bar>div>span,.marketing-mini-studio-bar button:not(.is-primary){display:none}.marketing-mini-identity-body{grid-template-columns:72px minmax(0,1fr)}.marketing-mini-identity-body>nav{padding-inline:.35rem}.marketing-mini-identity-body>nav>span{display:none}.marketing-mini-identity-body>nav button{justify-content:center;padding:0;font-size:0}.marketing-mini-identity-body>nav button svg{width:13px;height:13px}.marketing-mini-identity-brand p strong{font-size:.55rem}.marketing-mini-identity-panel--overview{grid-template-columns:minmax(0,1fr)}.marketing-mini-identity-panel--overview>aside{display:none}.marketing-mini-book-body{grid-template-columns:84px minmax(0,1fr)}.marketing-mini-book-body>nav>div{display:none}.marketing-mini-book-body>nav button{grid-template-columns:minmax(0,1fr);padding-inline:.4rem}.marketing-mini-book-body>nav button>span,.marketing-mini-book-body>nav button>small{display:none}.marketing-mini-book-body>main{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-mini-motion-body{grid-template-columns:68px minmax(0,1fr)}.marketing-mini-motion-sources{padding-inline:.35rem}.marketing-mini-motion-sources>span{display:none}.marketing-mini-motion-sources button{grid-template-columns:12px minmax(0,1fr);padding-inline:.3rem}.marketing-mini-motion-sources button small{display:none}.marketing-mini-motion-canvas{margin:.55rem}.marketing-mini-motion-timeline>div button{font-size:0}}@media (prefers-reduced-motion:reduce){.marketing-mini-identity-panel,.marketing-mini-motion-field,.marketing-mini-motion-canvas>strong{transition:opacity .12s ease-out;animation:none;transform:none}}.studio-checkbox-control,.studio-radio-control{width:17px;height:17px;color:hsl(var(--foreground));cursor:pointer;flex:none;place-items:center;display:inline-grid;position:relative}.studio-choice-native{z-index:1;appearance:none;cursor:inherit;opacity:0;inset:0;width:100%!important;height:100%!important;margin:0!important;position:absolute!important}.studio-checkbox-indicator,.studio-radio-indicator{border:1px solid hsl(var(--input));background:hsl(var(--background));pointer-events:none;place-items:center;width:100%;height:100%;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:grid}.studio-checkbox-indicator{border-radius:4px}.studio-checkbox-indicator>svg{opacity:0;width:11px;height:11px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-choice-native:checked+.studio-checkbox-indicator{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.studio-choice-native:checked+.studio-checkbox-indicator>svg{opacity:1;transform:scale(1)}.studio-radio-indicator{border-radius:999px}.studio-radio-indicator>span{border-radius:inherit;background:hsl(var(--foreground));opacity:0;width:7px;height:7px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-choice-native:checked+.studio-radio-indicator{border-color:hsl(var(--foreground))}.studio-choice-native:checked+.studio-radio-indicator>span{opacity:1;transform:scale(1)}.studio-checkbox-control[data-variant=switch]{width:30px;height:18px}.studio-checkbox-control[data-variant=switch] .studio-checkbox-indicator{background:hsl(var(--muted));border-radius:999px;justify-content:start;padding:2px;position:relative}.studio-checkbox-control[data-variant=switch] .studio-checkbox-glyph{background:hsl(var(--muted-foreground));border-radius:50%;width:12px;height:12px;transition:background-color .14s ease-out,transform .14s ease-out;transform:translate(0)}.studio-checkbox-control[data-variant=switch] .studio-choice-native:checked+.studio-checkbox-indicator{background:hsl(var(--foreground))}.studio-checkbox-control[data-variant=switch] .studio-choice-native:checked+.studio-checkbox-indicator .studio-checkbox-glyph{background:hsl(var(--background));transform:translate(12px)}.studio-checkbox-control[data-variant=dot]{width:12px;height:12px}.studio-checkbox-control[data-variant=dot] .studio-checkbox-indicator{background:0 0;border-radius:50%}.studio-checkbox-control[data-variant=dot] .studio-checkbox-glyph{opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;transition:opacity .12s ease-out,transform .12s ease-out;transform:scale(.8)}.studio-checkbox-control[data-variant=dot] .studio-choice-native:checked+.studio-checkbox-indicator{color:inherit;background:0 0}.studio-checkbox-control[data-variant=dot] .studio-choice-native:checked+.studio-checkbox-indicator .studio-checkbox-glyph{opacity:1;transform:scale(1)}.studio-choice-native:focus-visible+:is(.studio-checkbox-indicator,.studio-radio-indicator){outline:2px solid hsl(var(--ring));outline-offset:2px}:is(.studio-checkbox-control,.studio-radio-control):has(.studio-choice-native:disabled){cursor:not-allowed;opacity:.45}@media (forced-colors:active){.studio-checkbox-indicator,.studio-radio-indicator{forced-color-adjust:none;border-color:canvastext}.studio-choice-native:checked+:is(.studio-checkbox-indicator,.studio-radio-indicator){color:highlighttext;background:highlight;border-color:highlight}}input.studio-range[data-studio-range=true]{--studio-range-accent:var(--studio-highlight-color,hsl(var(--foreground)));--studio-range-track:hsl(var(--border));--studio-range-thumb-background:hsl(var(--raised-background));--studio-range-thumb-border:var(--studio-range-accent);appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;outline:0;width:100%;min-width:0;height:24px;margin:0;padding:0}input.studio-range[data-studio-range=true]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--studio-range-accent) 0 var(--studio-range-progress), var(--studio-range-track) var(--studio-range-progress) 100%);border:0;border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-webkit-slider-thumb{appearance:none;border:1px solid var(--studio-range-thumb-border);background:var(--studio-range-thumb-background);width:10px;height:18px;box-shadow:0 0 0 2px var(--studio-range-thumb-background);border-radius:2px;margin-top:-7.5px;transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}input.studio-range[data-studio-range=true]::-moz-range-track{background:var(--studio-range-track);border:0;border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-moz-range-progress{background:var(--studio-range-accent);border-radius:999px;height:3px}input.studio-range[data-studio-range=true]::-moz-range-thumb{border:1px solid var(--studio-range-thumb-border);background:var(--studio-range-thumb-background);width:10px;height:18px;box-shadow:0 0 0 2px var(--studio-range-thumb-background);border-radius:2px;transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}input.studio-range[data-studio-range=true]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--studio-range-thumb-background), 0 0 0 4px var(--studio-range-accent)}input.studio-range[data-studio-range=true]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--studio-range-thumb-background), 0 0 0 4px var(--studio-range-accent)}input.studio-range[data-studio-range=true]:active::-webkit-slider-thumb{background:var(--studio-range-accent);transform:scale(.96)}input.studio-range[data-studio-range=true]:active::-moz-range-thumb{background:var(--studio-range-accent);transform:scale(.96)}@media (hover:hover) and (pointer:fine){input.studio-range[data-studio-range=true]:hover::-webkit-slider-thumb{border-color:var(--studio-range-accent);box-shadow:0 0 0 3px var(--studio-range-accent)}@supports (color:color-mix(in lab, red, red)){input.studio-range[data-studio-range=true]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-range-accent) 16%, transparent)}}input.studio-range[data-studio-range=true]:hover::-moz-range-thumb{border-color:var(--studio-range-accent);box-shadow:0 0 0 3px var(--studio-range-accent)}@supports (color:color-mix(in lab, red, red)){input.studio-range[data-studio-range=true]:hover::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-range-accent) 16%, transparent)}}}input.studio-range[data-studio-range=true]:disabled{cursor:not-allowed;opacity:.42}input.studio-range.color-hue-range[data-studio-range=true]::-webkit-slider-runnable-track{background:var(--color-hue-gradient);height:8px}input.studio-range.color-hue-range[data-studio-range=true]::-moz-range-track{background:var(--color-hue-gradient);height:8px}input.studio-range.color-hue-range[data-studio-range=true]::-moz-range-progress{background:0 0}input.studio-range.color-hue-range[data-studio-range=true]::-webkit-slider-thumb{margin-top:-5px}.marketing-agent-control input.studio-range[data-studio-range=true]{--studio-range-track:var(--marketing-v5-line);--studio-range-thumb-background:var(--marketing-v5-paper);--studio-range-thumb-border:var(--marketing-v5-ink)}@media (forced-colors:active){input.studio-range[data-studio-range=true]{--studio-range-accent:Highlight;--studio-range-track:GrayText;--studio-range-thumb-background:Canvas;--studio-range-thumb-border:CanvasText}}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div+div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div:last-child{isolation:isolate;border:1px solid #ffffff3d;border-radius:6px;justify-content:flex-end;min-height:132px;padding:1rem;position:relative;overflow:hidden}.marketing-v5-agent-stats>div:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#00000014,#00000094);position:absolute;inset:0}.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader,.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader>div,.marketing-v5-agent-stats>div>.marketing-v5-agent-stat-shader canvas{z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.marketing-v5-agent-stats>div>:not(.marketing-v5-agent-stat-shader){z-index:2;position:relative}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>strong,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>span,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>code{color:#fff;text-shadow:0 1px 12px #00000061}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>span{color:#ffffffc2}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>code{color:#fffffff0;letter-spacing:.015em;text-shadow:0 1px 10px #000000b3;margin-top:.5rem;font-size:clamp(.625rem,.72vw,.72rem);font-weight:550}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div>.marketing-v5-agent-stat-label{align-items:center;gap:.35rem;display:inline-flex}.marketing-v5-agent-stat-label svg{flex:none;width:.75rem;height:.75rem}@media (max-width:760px){.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats{grid-template-columns:minmax(0,1fr)}.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div+div,.marketing-page-v5 .marketing-v5-agents-copy .marketing-v5-agent-stats>div:last-child{border:1px solid #ffffff3d;min-height:112px;padding:.875rem}}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agents-copy{background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--marketing-v5-line) 54%, transparent) 50%, transparent calc(50% + .5px)), var(--marketing-v5-paper)}.marketing-v5-agent-integration{background:radial-gradient(circle, color-mix(in srgb, var(--marketing-v5-ink) 16%, transparent) 0 1px, transparent 1.25px), color-mix(in srgb, var(--marketing-v5-paper) 95%, var(--marketing-v5-ink))}}@media (max-width:1100px){.marketing-v5-agents-copy{background:var(--marketing-v5-paper);grid-template-rows:auto;grid-template-columns:minmax(0,1fr);min-height:0}.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){margin-top:.5rem}}@media (max-width:760px){.marketing-v5-agents-copy{min-height:0;padding:3.5rem 1rem}.marketing-v5-agents-copy h2.marketing-v5-agent-title{font-size:clamp(2.5rem,13vw,3.7rem)}}.marketing-v5-agents-copy{border-bottom:1px solid var(--marketing-v5-line);background:linear-gradient(90deg, transparent calc(50% - .5px), var(--marketing-v5-line) 50%, transparent calc(50% + .5px)), var(--marketing-v5-paper);grid-template-rows:auto auto auto;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);align-items:start;gap:1.35rem clamp(3rem,7vw,7rem);min-height:0;padding:clamp(3.5rem,6vw,6rem) clamp(1.5rem,5vw,5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agents-copy{background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--marketing-v5-line) 54%, transparent) 50%, transparent calc(50% + .5px)), var(--marketing-v5-paper)}}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.06em;grid-area:2/1/4;max-width:620px;margin:0;font-size:clamp(3rem,4.6vw,4.8rem);font-weight:430;line-height:.92}.marketing-v5-agent-integration{background:radial-gradient(circle, var(--marketing-v5-ink) 0 1px, transparent 1.25px), var(--marketing-v5-paper);border:0;min-width:0;padding:clamp(1rem,2.5vw,2.5rem);display:block}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agent-integration{background:radial-gradient(circle, color-mix(in srgb, var(--marketing-v5-ink) 16%, transparent) 0 1px, transparent 1.25px), color-mix(in srgb, var(--marketing-v5-paper) 95%, var(--marketing-v5-ink))}}.marketing-agent-lab{border:1px solid var(--marketing-v5-line);width:100%;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);box-shadow:0 18px 48px var(--marketing-v5-ink);border-radius:10px;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.marketing-agent-lab{box-shadow:0 18px 48px color-mix(in srgb, var(--marketing-v5-ink) 10%, transparent)}}.marketing-agent-lab-header{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:1rem;min-height:58px;padding:0 1rem;display:grid}.marketing-agent-lab-title,.marketing-agent-lab-title>span,.marketing-agent-request,.marketing-agent-roster,.marketing-agent-roster>span{align-items:center;display:flex}.marketing-agent-lab-title{gap:.65rem;min-width:0}.marketing-agent-lab-title>i{background:#42d392;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #42d39229}.marketing-agent-lab-title>span{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.marketing-agent-lab-title strong,.marketing-agent-lab-title small,.marketing-agent-request,.marketing-agent-roster{font-family:var(--font-mono), monospace;line-height:1}.marketing-agent-lab-title strong{letter-spacing:.08em;font-size:.62rem}.marketing-agent-lab-title small{color:var(--marketing-v5-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.marketing-agent-roster{gap:.35rem}.marketing-agent-roster>span{border:1px solid var(--marketing-v5-line);height:30px;color:var(--marketing-v5-muted);background:var(--marketing-v5-paper);border-radius:4px;gap:.38rem;padding:0 .55rem}@supports (color:color-mix(in lab, red, red)){.marketing-agent-roster>span{background:color-mix(in srgb, var(--marketing-v5-paper) 94%, var(--marketing-v5-ink))}}.marketing-agent-roster>span{font-size:.52rem;transition:color .16s,border-color .16s,background-color .16s}.marketing-agent-roster>span[data-active=true]{border-color:var(--marketing-v5-purple)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-roster>span[data-active=true]{border-color:color-mix(in srgb, var(--marketing-v5-purple) 62%, var(--marketing-v5-line))}}.marketing-agent-roster>span[data-active=true]{color:var(--marketing-v5-ink);background:var(--marketing-v5-purple)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-roster>span[data-active=true]{background:color-mix(in srgb, var(--marketing-v5-purple) 10%, var(--marketing-v5-paper))}}.marketing-agent-roster img{object-fit:contain}.marketing-agent-request{color:var(--marketing-v5-muted);justify-content:flex-end;gap:.55rem;font-size:.52rem}.marketing-agent-request b{color:#17a765;letter-spacing:.07em;font-size:.55rem}.marketing-agent-request em{border:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);border-radius:4px;padding:.32rem .4rem;font-style:normal}.marketing-agent-lab-body{grid-template-columns:minmax(540px,1.08fr) minmax(420px,.92fr);min-width:0;display:grid}.marketing-agent-control-groups{background:var(--marketing-v5-paper);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.7rem;min-width:0;padding:.9rem;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control-groups{background:color-mix(in srgb, var(--marketing-v5-paper) 96%, var(--marketing-v5-ink))}}.marketing-agent-control-group{border:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);border-radius:6px;min-width:0;overflow:hidden}.marketing-agent-control-group[data-group=type]{grid-column:1/-1}.marketing-agent-control-group>header{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.5rem;min-height:46px;padding:0 .75rem;display:grid}.marketing-agent-control-group>header>span{color:#5b7cff;font-family:var(--font-mono), monospace;font-size:.48rem}.marketing-agent-control-group>header>div{justify-content:space-between;align-items:baseline;gap:.8rem;min-width:0;display:flex}.marketing-agent-control-group>header strong{font-size:.72rem;font-weight:560}.marketing-agent-control-group>header small{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.marketing-agent-control-group[data-group=type] .marketing-agent-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-agent-control{border-right:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);align-content:center;gap:.42rem;min-width:0;min-height:74px;padding:.65rem .7rem .55rem;display:grid}.marketing-agent-control:nth-child(2n),.marketing-agent-control-group:not([data-group=type]) .marketing-agent-control{border-right:0}.marketing-agent-control-group[data-group=type] .marketing-agent-control:nth-last-child(-n+2),.marketing-agent-control-group:not([data-group=type]) .marketing-agent-control:last-child{border-bottom:0}.marketing-agent-control b{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:470;overflow:hidden}.marketing-agent-control output{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.58rem}.marketing-agent-json{border-left:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-agent-json{background:color-mix(in srgb, var(--marketing-v5-paper) 97%, var(--marketing-v5-purple))}}.marketing-agent-json>header,.marketing-agent-json>footer{min-height:42px;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1rem;padding:0 .85rem;font-size:.48rem;display:flex}.marketing-agent-json>header{border-bottom:1px solid var(--marketing-v5-line)}.marketing-agent-json>footer{border-top:1px solid var(--marketing-v5-line);letter-spacing:0}.marketing-agent-json>footer>span{align-items:center;gap:.42rem;min-width:0;display:inline-flex}.marketing-agent-json>footer>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marketing-agent-json>footer i{background:#42d392;flex:none;width:7px;height:7px}.marketing-agent-json>footer i[data-syncing=true]{background:#5b7cff}.marketing-agent-json>footer code{color:var(--marketing-v5-ink)}.marketing-agent-json pre{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;tab-size:2;margin:0;padding:1rem .8rem;font-size:clamp(.6rem,.78vw,.72rem);line-height:1.45;display:block;overflow:auto}.marketing-agent-json-content{display:inline-block}.marketing-agent-json-value{width:var(--json-value-width);contain:layout paint;text-align:right;display:inline-block}.marketing-agent-json-value>strong{width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.marketing-agent-json-key{color:color-mix(in srgb, var(--marketing-v5-purple) 82%, var(--marketing-v5-ink))}}.marketing-agent-json-string{color:#15945d}.marketing-agent-json-boolean,.marketing-agent-json strong{color:var(--marketing-v5-ink);font-variant-numeric:tabular-nums;font-weight:560}.marketing-agent-cursor{z-index:10;pointer-events:none;will-change:transform;grid-template-columns:15px auto;align-items:start;transition:transform .36s cubic-bezier(.77,0,.175,1),opacity .12s ease-out;display:grid;position:absolute;top:0;left:0}.marketing-agent-cursor>svg{color:#111;filter:drop-shadow(0 1px #fff)drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff);width:18px;height:22px}.marketing-agent-cursor>svg path{fill:currentColor}.marketing-agent-cursor>span{color:#fff;min-height:25px;font-family:var(--font-mono), monospace;white-space:nowrap;background:#111;border:1px solid #fff3;border-radius:4px;align-items:center;gap:.35rem;margin:12px 0 0 -1px;padding:0 .48rem;font-size:.5rem;display:inline-flex;box-shadow:0 5px 15px #00000038}.marketing-agent-cursor[data-agent=claude]>span{background:#a94f35}.marketing-agent-cursor>span small{color:#ffffffad;border-left:1px solid #ffffff47;padding-left:.35rem;font-size:.44rem}@media (max-width:1100px){.marketing-v5-agents-copy{background:var(--marketing-v5-paper);grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){margin-top:.5rem}.marketing-agent-lab-body{grid-template-columns:minmax(0,1fr)}.marketing-agent-json{border-top:1px solid var(--marketing-v5-line);border-left:0;min-height:500px}}@media (max-width:760px){.marketing-v5-agents-copy{padding:3.5rem 1rem}.marketing-v5-agents-copy h2.marketing-v5-agent-title{font-size:clamp(2.5rem,13vw,3.7rem)}.marketing-agent-lab-header{grid-template-columns:minmax(0,1fr) auto;padding-block:.8rem}.marketing-agent-request{grid-column:1/-1;justify-content:flex-start}.marketing-agent-lab-title small,.marketing-agent-roster>span{font-size:0}.marketing-agent-roster>span{justify-content:center;width:30px;padding:0}.marketing-agent-control-groups{grid-template-columns:minmax(0,1fr)}.marketing-agent-control-group[data-group=type]{grid-column:auto}.marketing-agent-control-group[data-group=type] .marketing-agent-control-grid{grid-template-columns:minmax(0,1fr)}.marketing-agent-control-group[data-group=type] .marketing-agent-control{border-right:0}.marketing-agent-control-group[data-group=type] .marketing-agent-control:nth-last-child(2){border-bottom:1px solid var(--marketing-v5-line)}.marketing-agent-json{min-height:460px}.marketing-agent-json>footer>span:last-child{display:none}.marketing-agent-cursor{transform-origin:0 0;scale:.9}}@media (prefers-reduced-motion:reduce){.marketing-agent-cursor,.marketing-agent-json-line,.marketing-agent-roster>span{transition:none}}@media (max-width:620px){.marketing-v14-open-source-workbench{grid-template-columns:minmax(0,1fr)}.marketing-v14-color-inspector{width:min(100%,330px)}.marketing-v14-product-control{width:100%}}.design-lab-composition-effect{z-index:40;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.design-lab-composition-effect[data-active=false]{display:none}.design-lab-composition:has(.design-lab-composition-effect[data-active=true]) .editable-canvas-layer[aria-pressed=true]{z-index:41!important}.design-lab-effect-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.design-lab-effect-presets button{border:1px solid hsl(var(--border));min-width:0;min-height:48px;color:hsl(var(--muted-foreground));text-align:left;background:0 0;border-radius:5px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:7px;padding:4px;display:grid}.design-lab-effect-presets .composition-effect-thumbnail{height:38px}.design-lab-effect-presets button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-lab-effect-presets button:hover,.design-lab-effect-presets button[aria-pressed=true]{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground));background:hsl(var(--muted))}.surface-lab-v3{--surface-lab-rail:282px;--surface-lab-inspector:304px}.surface-lab-v3-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .96);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.1rem;display:flex}.surface-lab-v3-version{border:1px solid hsl(var(--border));min-width:22px;height:18px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;place-items:center;font-size:.55rem;display:inline-grid}.surface-lab-v3-body{grid-template-columns:var(--surface-lab-rail) minmax(0, 1fr) var(--surface-lab-inspector);width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.surface-lab-v3-library,.surface-lab-v3-inspector{scrollbar-width:thin;background:hsl(var(--background));min-width:0;min-height:0;overflow:hidden auto}.surface-lab-v3-library{border-right:1px solid hsl(var(--border))}.surface-lab-v3-inspector{border-left:1px solid hsl(var(--border))}.surface-lab-v3-mode-tabs{border-bottom:1px solid hsl(var(--border));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.surface-lab-v3-mode-tabs button{border-right:1px solid hsl(var(--border));min-width:0;min-height:58px;color:hsl(var(--muted-foreground));text-align:left;background:0 0;padding:.6rem .35rem}.surface-lab-v3-mode-tabs button:last-child{border-right:0}.surface-lab-v3-mode-tabs button:hover{background:hsl(var(--muted) / .45)}.surface-lab-v3-mode-tabs button[data-selected=true]{color:hsl(var(--foreground));background:hsl(var(--muted));box-shadow:inset 0 -2px 0 hsl(var(--foreground))}.surface-lab-v3-mode-tabs small,.surface-lab-v3-mode-tabs span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.surface-lab-v3-mode-tabs small{font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.62;margin-bottom:.18rem;font-size:.46rem}.surface-lab-v3-mode-tabs span{font-size:.7rem;font-weight:600}.surface-lab-v3-library-tools{border-bottom:1px solid hsl(var(--border));flex-direction:column;gap:.7rem;padding:.85rem;display:flex}.surface-lab-v3-search{border:1px solid hsl(var(--input));background:hsl(var(--background));grid-template-columns:16px minmax(0,1fr);align-items:center;gap:.45rem;height:36px;padding:0 .65rem;display:grid}.surface-lab-v3-search:focus-within{border-color:hsl(var(--foreground))}.surface-lab-v3-search svg{width:13px;height:13px;color:hsl(var(--muted-foreground))}.surface-lab-v3-search input{width:100%;min-width:0;color:hsl(var(--foreground));background:0 0;border:0;outline:0;font-size:.72rem}.surface-lab-v3-tags{flex-wrap:wrap;gap:.3rem;display:flex}.surface-lab-v3-tags button{border:1px solid hsl(var(--border));min-height:23px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;background:0 0;padding:0 .48rem;font-size:.5rem;line-height:1}.surface-lab-v3-tags button:hover,.surface-lab-v3-tags button[data-selected=true]{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.surface-lab-v3-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem;display:grid}.surface-lab-v3-preset{border:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));text-align:left;background:0 0;transition:border-color .14s,transform .14s;overflow:hidden}.surface-lab-v3-preset:hover{border-color:hsl(var(--foreground) / .7);transform:translateY(-1px)}.surface-lab-v3-preset[data-selected=true]{border-color:hsl(var(--foreground));box-shadow:0 0 0 1px hsl(var(--foreground))}.surface-lab-v3-preset-visual{aspect-ratio:1.3;background-position:50%;background-size:cover;display:block;position:relative}.surface-lab-v3-preset-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 28px #0000001f}.surface-lab-v3-archive-badge{z-index:2;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;background:#050607b8;border:1px solid #ffffff47;padding:.18rem .3rem;font-size:.42rem;line-height:1;position:absolute;top:6px;left:6px}.surface-lab-v3-preset-check{z-index:2;width:19px;height:19px;color:hsl(var(--background));background:hsl(var(--foreground));place-items:center;display:grid;position:absolute;top:6px;right:6px}.surface-lab-v3-preset-check svg{width:11px;height:11px}.surface-lab-v3-preset-copy{padding:.55rem .5rem .6rem;display:block}.surface-lab-v3-preset-copy strong,.surface-lab-v3-preset-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.surface-lab-v3-preset-copy strong{font-size:.66rem;font-weight:600}.surface-lab-v3-preset-copy small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.03em;text-transform:uppercase;margin-top:.2rem;font-size:.45rem}.surface-lab-v3-empty{color:hsl(var(--muted-foreground));text-align:center;grid-column:1/-1;padding:2rem .5rem;font-size:.72rem}.surface-lab-v3-workspace{background-color:#0a0a0b;background-image:radial-gradient(#ffffff13 .8px,#0000 .8px);background-size:17px 17px;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.surface-lab-v3-workspace-bar{z-index:2;color:#ffffffe6;background:#080809eb;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.surface-lab-v3-workspace-bar>div:first-child{align-items:baseline;gap:.6rem;min-width:0;display:flex}.surface-lab-v3-workspace-bar span{color:#ffffff6b;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.52rem}.surface-lab-v3-workspace-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.surface-lab-v3-workspace-status{color:#ffffff85;font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.4rem;font-size:.5rem;display:flex}.surface-lab-v3-workspace-status span{background:#7f8994;border-radius:50%;width:6px;height:6px}.surface-lab-v3-workspace-status span[data-live=true]{background:#6cf5af;box-shadow:0 0 8px #6cf5af99}.surface-lab-v3-canvas-viewport .canvas-viewport-toolbar{color:#ffffffc7;background:#0c0c0ed1;border-color:#ffffff24;top:.85rem;right:.85rem}.surface-lab-v3-canvas-stage{place-items:center;min-height:100%;padding:clamp(4.5rem,9vh,7.5rem) clamp(1.25rem,4vw,4rem) clamp(2rem,5vh,4rem);display:grid}.surface-lab-v3-proof{width:min(100%,1040px)}.surface-lab-v3-material-proof{width:100%;box-shadow:var(--studio-shadow-xl);background:#111216;border-color:#ffffff3d;position:relative;overflow:hidden}.surface-lab-v3-material-proof .surface-material-stage{border:0}.surface-lab-v3-proof-footer{color:#ffffffdb;background:#0a0a0bf0;border:1px solid #ffffff26;border-top:0;justify-content:space-between;align-items:center;gap:1rem;min-height:46px;padding:.55rem .8rem;display:flex}.surface-lab-v3-proof-footer>div{align-items:center;gap:.6rem;min-width:0;display:flex}.surface-lab-v3-proof-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.surface-lab-v3-proof-footer span,.surface-lab-v3-proof-footer code{color:#ffffff6b;font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;font-size:.48rem}.surface-lab-v3-inspector-section{border-bottom:1px solid hsl(var(--border));flex-direction:column;gap:.85rem;padding:1rem;display:flex}.surface-lab-v3-section-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.surface-lab-v3-section-title>div{align-items:center;gap:.5rem;display:flex}.surface-lab-v3-section-title h2{font-size:.76rem;font-weight:650}.surface-lab-v3-section-title>div>span,.surface-lab-v3-section-title>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.48rem}.surface-lab-v3-control-stack{flex-direction:column;gap:.82rem;display:flex}.surface-lab-v3-material-record{background:hsl(var(--muted) / .22);gap:.7rem}.surface-lab-v3-material-record dl{border:1px solid hsl(var(--border));flex-direction:column;display:flex}.surface-lab-v3-material-record dl>div{border-bottom:1px solid hsl(var(--border));grid-template-columns:64px minmax(0,1fr);gap:.6rem;padding:.5rem .55rem;display:grid}.surface-lab-v3-material-record dl>div:last-child{border-bottom:0}.surface-lab-v3-material-record dt{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;font-size:.48rem}.surface-lab-v3-material-record dd{min-width:0;color:hsl(var(--foreground));font-size:.58rem;line-height:1.45}.surface-lab-v3-material-record>a{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.5rem;display:flex}.surface-lab-v3-material-record>a:hover{color:hsl(var(--foreground))}.surface-lab-v3-range{flex-direction:column;gap:.38rem;display:flex}.surface-lab-v3-range>span{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:1rem;font-size:.66rem;display:flex}.surface-lab-v3-range output{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;font-size:.52rem}.surface-lab-v3-range input{width:100%}.surface-lab-v3-palette-strip{gap:.3rem;display:flex}.surface-lab-v3-palette-strip button{border:1px solid hsl(var(--border));width:22px;height:22px}.surface-lab-v3-colors{border:1px solid hsl(var(--border));flex-direction:column;display:flex}.surface-lab-v3-color{border-bottom:1px solid hsl(var(--border));grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:38px;padding:0 .55rem;font-size:.64rem;display:grid}.surface-lab-v3-color:last-child{border-bottom:0}.surface-lab-v3-color input{border:1px solid hsl(var(--border));background:0 0;border-radius:0;width:24px;height:24px;padding:0;overflow:hidden}.surface-lab-v3-color code{color:hsl(var(--muted-foreground));font-size:.49rem}.surface-lab-v3-artwork-kinds{border:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.surface-lab-v3-artwork-kinds button{border-right:1px solid hsl(var(--border));min-width:0;min-height:36px;color:hsl(var(--muted-foreground));background:0 0;justify-content:center;align-items:center;gap:.32rem;font-size:.59rem;display:flex}.surface-lab-v3-artwork-kinds button:last-child{border-right:0}.surface-lab-v3-artwork-kinds button svg{width:12px;height:12px}.surface-lab-v3-artwork-kinds button[data-selected=true]{color:hsl(var(--background));background:hsl(var(--foreground))}.surface-lab-v3-upload{border:1px dashed hsl(var(--input));cursor:pointer;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.6rem;min-height:58px;padding:.65rem;display:grid}.surface-lab-v3-upload:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted) / .35)}.surface-lab-v3-upload>svg{width:16px;height:16px;color:hsl(var(--muted-foreground));margin:auto}.surface-lab-v3-upload strong,.surface-lab-v3-upload small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.surface-lab-v3-upload strong{font-size:.62rem}.surface-lab-v3-upload small{color:hsl(var(--muted-foreground));margin-top:.18rem;font-size:.54rem}.surface-lab-v3-field{color:hsl(var(--muted-foreground));flex-direction:column;gap:.35rem;font-size:.62rem;display:flex}.surface-lab-v3-field input{border:1px solid hsl(var(--input));height:36px;color:hsl(var(--foreground));background:0 0;outline:0;padding:0 .65rem;font-size:.72rem}.surface-lab-v3-field input:focus{border-color:hsl(var(--foreground))}.surface-lab-v3-switch{width:31px;height:18px;position:relative}.surface-lab-v3-switch input{opacity:0;position:absolute}.surface-lab-v3-switch span{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:999px;position:absolute;inset:0}.surface-lab-v3-switch span:after{content:"";background:hsl(var(--muted-foreground));border-radius:50%;width:12px;height:12px;transition:transform .14s;position:absolute;top:2px;left:2px}.surface-lab-v3-switch input:checked+span{background:hsl(var(--foreground))}.surface-lab-v3-switch input:checked+span:after{background:hsl(var(--background));transform:translate(13px)}.surface-lab-v3-details{border-bottom:1px solid hsl(var(--border))}.surface-lab-v3-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:0 1rem;font-size:.66rem;font-weight:600;list-style:none;display:flex}.surface-lab-v3-details summary::-webkit-details-marker{display:none}.surface-lab-v3-details summary span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:.8rem;transition:transform .14s}.surface-lab-v3-details[open] summary span{transform:rotate(45deg)}.surface-lab-v3-details-body{flex-direction:column;gap:.85rem;padding:0 1rem 1rem;display:flex}.surface-lab-v3-output{border-bottom:0}.surface-lab-v3-source{border:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:1rem;min-height:42px;padding:.55rem .65rem;display:flex}.surface-lab-v3-source:hover{border-color:hsl(var(--foreground))}.surface-lab-v3-source span,.surface-lab-v3-source small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.surface-lab-v3-source span{font-size:.62rem;font-weight:600}.surface-lab-v3-source small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;text-transform:uppercase;font-size:.47rem}.surface-lab-v3-body[data-mode=sticker]{grid-template-columns:minmax(0, 1fr) var(--surface-lab-inspector)}.surface-lab-v3-workspace[data-mode=sticker]{background-color:#0b0c0e;background-image:none;grid-template-rows:minmax(0,1fr) 82px}.surface-lab-v3-workspace[data-mode=sticker] .surface-lab-v3-canvas-stage{padding:clamp(3.75rem,8vh,6.5rem) clamp(2rem,6vw,6rem) clamp(2rem,5vh,4rem)}.surface-sticker-mode-switch{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .42);align-items:center;min-width:0;padding:3px;display:flex}.surface-sticker-mode-switch button{min-height:28px;color:hsl(var(--muted-foreground));background:0 0;padding:0 .7rem;font-size:.58rem}.surface-sticker-mode-switch button:hover{color:hsl(var(--foreground))}.surface-sticker-mode-switch button[aria-selected=true]{color:hsl(var(--background));background:hsl(var(--foreground))}.sticker-maker-surface{--sticker-shine-x:50%;--sticker-shine-y:30%;isolation:isolate;aspect-ratio:872/504;width:min(100%,1080px);box-shadow:var(--studio-shadow-xl), inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #00000059;background:#949b9f;border:1px solid #ffffff4d;border-radius:18px;outline:1px solid #00000094;position:relative;overflow:hidden}.sticker-maker-metal,.sticker-maker-metal-light{z-index:-2;pointer-events:none;position:absolute;inset:0}.sticker-maker-metal{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#00000005 1px 3px),linear-gradient(118deg,#cbd0d2 0%,#9fa5a8 25%,#d8dcde 52%,#9aa0a3 76%,#c4c9cb 100%)}.sticker-maker-metal:after{content:"";mix-blend-mode:soft-light;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.sticker-maker-metal-light{z-index:-1;background:radial-gradient(circle at var(--sticker-shine-x) var(--sticker-shine-y), #ffffff57, transparent 28%), linear-gradient(180deg, #ffffff1f, transparent 42%, #0000001f);transition:background-position 80ms linear}.sticker-maker-sticker{aspect-ratio:1.24;color:inherit;cursor:grab;filter:drop-shadow(0 var(--sticker-depth,7px) 5px #00000047);touch-action:none;-webkit-user-select:none;user-select:none;will-change:left, top, transform;background:0 0;border:0;outline:0;place-items:center;padding:0;display:grid;position:absolute}.sticker-maker-sticker:focus-visible{outline-offset:6px;outline:2px solid #141719e6}.sticker-maker-sticker.is-dragging{cursor:grabbing;filter:drop-shadow(0 10px 9px #0000004d)}.sticker-maker-sticker.is-selected:after{content:"";pointer-events:none;border:1px solid #16191bd1;border-radius:8px;position:absolute;inset:-9%;box-shadow:0 0 0 1px #ffffff94}.sticker-maker-sticker img,.sticker-maker-optical{pointer-events:none;width:90%;height:90%;position:absolute;inset:5%}.sticker-maker-sticker img{z-index:1;object-fit:contain;-webkit-user-drag:none}.sticker-maker-optical{z-index:2;background:radial-gradient(circle at var(--sticker-shine-x) var(--sticker-shine-y), #fffffff2 0 2%, transparent 18%), var(--sticker-finish);mix-blend-mode:screen;opacity:var(--sticker-finish-opacity,.55);background-size:100% 100%,180% 180%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.surface-sticker-tray{z-index:3;color:#ffffffe6;background:#101113;border-top:1px solid #ffffff1f;grid-template-columns:auto minmax(150px,1fr) 1px auto minmax(140px,.78fr) 38px;align-items:center;gap:.7rem;min-width:0;padding:.65rem .8rem;display:grid;box-shadow:0 -12px 32px #0000002e}.surface-sticker-tray-label{color:#ffffff6b;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.48rem}.surface-sticker-tray-scroll,.surface-sticker-finish-scroll{scrollbar-color:#ffffff47 transparent;scrollbar-width:thin;align-items:center;gap:.42rem;min-width:0;padding:2px 2px 5px;display:flex;overflow:auto hidden}.surface-sticker-tray-scroll::-webkit-scrollbar{height:3px}.surface-sticker-finish-scroll::-webkit-scrollbar{height:3px}.surface-sticker-tray-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.surface-sticker-finish-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.surface-sticker-asset,.surface-sticker-finish,.surface-sticker-tray-action{color:#ffffffc7;background:#08090a;border:1px solid #ffffff24;flex:none;width:47px;height:47px;position:relative}.surface-sticker-asset:hover,.surface-sticker-finish:hover,.surface-sticker-tray-action:hover{background-color:#17191b;border-color:#ffffffb8}.surface-sticker-asset img{object-fit:contain;width:100%;height:100%;padding:.42rem}.surface-sticker-asset.is-light{background:#e8eaeb}.surface-sticker-finish{width:39px;height:39px;box-shadow:inset 0 0 0 1px #0000001f}.surface-sticker-finish[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #101113,0 0 0 3px #ffffffd9}.surface-sticker-tray-divider{background:#ffffff21;width:1px;height:34px}.surface-sticker-tray-action{place-items:center;width:38px;height:38px;display:grid}.surface-sticker-tray-action svg{width:14px;height:14px}.surface-sticker-inspector-head{border-bottom:1px solid hsl(var(--border));flex-direction:column;gap:.3rem;padding:1rem;display:flex}.surface-sticker-inspector-head span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;font-size:.5rem}.surface-sticker-inspector-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.surface-sticker-inspector-head small{color:hsl(var(--muted-foreground));font-size:.58rem;line-height:1.45}.surface-sticker-selection .surface-lab-v3-control-stack[aria-disabled=true]{opacity:.42;pointer-events:none}.surface-sticker-selection-actions{border:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.surface-sticker-selection-actions button{border-right:1px solid hsl(var(--border));min-width:0;min-height:42px;color:hsl(var(--muted-foreground));background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.5rem;display:flex}.surface-sticker-selection-actions button:last-child{border-right:0}.surface-sticker-selection-actions button:not(:disabled):hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.surface-sticker-selection-actions button:disabled{opacity:.35}.surface-sticker-selection-actions svg{width:13px;height:13px}@container tool-shell (max-width:1140px){.surface-lab-v3{--surface-lab-rail:246px;--surface-lab-inspector:278px}.surface-lab-v3-preset-grid{gap:.4rem;padding:.55rem}}@container tool-shell (max-width:850px){.surface-lab-v3-body{grid-template-columns:220px minmax(0,1fr)}.surface-lab-v3-inspector{z-index:35;top:var(--studio-toolbar-height);width:min(294px,78vw);position:absolute;bottom:0;right:0;box-shadow:-18px 0 44px #00000038}.surface-lab-v3-workspace{padding-right:min(294px,36vw)}.surface-lab-v3-body[data-mode=sticker]{grid-template-columns:minmax(0,1fr)}.surface-lab-v3-workspace[data-mode=sticker]{padding-right:min(294px,36vw)}.surface-sticker-tray{grid-template-columns:minmax(150px,1fr) 1px minmax(120px,.72fr) 38px}.surface-sticker-tray-label{display:none}}@container tool-shell (max-width:620px){.surface-lab-v3-header>div:first-child p:last-child,.surface-lab-v3-library{display:none}.surface-lab-v3-body{grid-template-columns:minmax(0,1fr)}.surface-lab-v3-workspace{padding-right:0}.surface-lab-v3-workspace[data-mode=sticker]{grid-template-rows:minmax(0,1fr) 72px;padding-right:0}.surface-lab-v3-workspace[data-mode=sticker] .surface-lab-v3-canvas-stage{padding:4rem 1rem 1.5rem}.surface-sticker-mode-switch{display:none}.surface-sticker-tray{grid-template-columns:minmax(0,1fr) 1px minmax(88px,.5fr) 34px;gap:.45rem;padding:.5rem}.surface-sticker-asset{width:40px;height:40px}.surface-sticker-finish,.surface-sticker-tray-action{width:34px;height:34px}.surface-lab-v3-inspector{width:min(270px,82vw)}}.design-lab{--design-lab-inspector:292px}.design-lab-body{grid-template-columns:var(--design-lab-inspector) minmax(0, 1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.design-lab-workspace{background:#0b0c0e;grid-area:1/2;grid-template-rows:minmax(0,1fr) 120px;min-width:0;min-height:0;display:grid;overflow:hidden}.design-lab-viewport .canvas-viewport-toolbar{color:#ffffffc7;background:#0a0b0dd6;border-color:#ffffff24;top:.8rem;right:.8rem}.design-lab-canvas-stage{place-items:center;width:100%;height:100%;min-height:100%;padding:3.75rem 1rem 1rem;display:grid}.design-lab-composition{isolation:isolate;background-color:#090a0c;background-image:linear-gradient(45deg,#ffffff0e 25%,#0000 25%),linear-gradient(-45deg,#ffffff0e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0e 75%),linear-gradient(-45deg,#0000 75%,#ffffff0e 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff3d;border-radius:4px;width:min(100%,1180px);max-width:100%;height:auto;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000047,inset 0 1px #ffffff0f}.design-lab-shader-layer,.design-lab-surface-layer,.design-lab-sticker-layer{position:absolute;inset:0}.design-lab-shader-layer{z-index:1}.design-lab-surface-layer{z-index:2;pointer-events:none}.design-lab-surface-layer[data-interactive=true]{pointer-events:auto}.design-lab-surface-layer[data-interactive=true] canvas{cursor:grab}.design-lab-surface-layer[data-interactive=true] canvas:active{cursor:grabbing}.design-lab-surface-layer .surface-material-stage{background:0 0}.design-lab-sticker-layer[data-surface=transparent]{z-index:3;width:100%;height:100%;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;outline:0;overflow:visible}.design-lab-sticker-layer[data-surface=transparent] .sticker-maker-sticker{pointer-events:auto}.design-lab-sticker-layer[data-render-mode=controls] .sticker-maker-sticker :is(img,.sticker-maker-optical){opacity:0}.design-lab-sticker-layer[data-render-mode=controls] .sticker-maker-sticker:hover:before{content:"";pointer-events:none;border:1px dashed #ffffff9e;border-radius:7px;position:absolute;inset:-7%}.design-lab-sticker-layer[data-enabled=false]{visibility:hidden;pointer-events:none}.design-lab-dock{z-index:4;color:#ffffffe6;background:#101113;border-top:1px solid #ffffff21;grid-template-rows:36px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 58px;align-items:stretch;min-width:0;display:grid;box-shadow:0 -12px 32px #0000002e}.design-lab-dock-tabs{border-bottom:1px solid #ffffff1a;grid-area:1/1;grid-template-columns:76px repeat(3,minmax(118px,172px));align-items:center;gap:4px;min-width:0;padding:4px 10px;display:grid}.design-lab-dock-label{color:#ffffff6b;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.45rem}.design-lab-dock-tabs button{color:#ffffff7a;text-align:left;background:#ffffff06;border:1px solid #ffffff24;border-radius:4px;grid-template-columns:5px auto minmax(0,1fr);align-items:center;gap:.4rem;min-width:0;height:27px;padding:0 .55rem;font-size:.55rem;display:grid}.design-lab-dock-tabs button>i{background:#ffffff3d;border-radius:50%;width:5px;height:5px}.design-lab-dock-tabs button>i[data-enabled=true]{background:#50dfa0;box-shadow:0 0 7px #50dfa08c}.design-lab-dock-tabs button>span{color:#ffffffbd;white-space:nowrap;align-items:center;gap:.3rem;font-weight:580;display:inline-flex}.design-lab-dock-tabs button>span b{color:#ffffff52;font-family:var(--font-mono), monospace;font-size:.42rem;font-weight:500}.design-lab-dock-tabs button>small{color:#ffffff5c;text-overflow:ellipsis;white-space:nowrap;font-size:.47rem;overflow:hidden}.design-lab-dock-tabs button[aria-selected=true]{background:#ffffff1c;border-color:#ffffff6b;box-shadow:inset 0 -1px #ffffff61}.design-lab-dock-tabs button[aria-selected=true]>span{color:#fff}.design-lab-dock-tabs button[aria-selected=true]>small{color:#ffffffa3}.design-lab-dock-scroll{--studio-scrollbar-thumb:#ffffff52;--studio-scrollbar-thumb-hover:#ffffffad;grid-area:2/1;align-items:center;gap:.42rem;min-width:0;padding:.38rem .65rem .55rem;scroll-padding-inline:.65rem;display:flex;overflow:auto hidden}.design-lab-dock-scroll:focus-visible{outline-offset:-2px;outline:1px solid #ffffff61}.design-lab-shader-preset,.design-lab-surface-preset,.design-lab-sticker-asset,.design-lab-finish-preset,.design-lab-none-preset{color:#ffffffd1;background:#08090a;border:1px solid #ffffff26;flex:none;position:relative;overflow:hidden}.design-lab-shader-preset:hover,.design-lab-surface-preset:hover,.design-lab-sticker-asset:hover,.design-lab-finish-preset:hover,.design-lab-none-preset:hover{border-color:#ffffffb3}.design-lab-shader-preset[aria-pressed=true],.design-lab-surface-preset[aria-pressed=true],.design-lab-finish-preset[aria-pressed=true],.design-lab-none-preset[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 1px #fff}.design-lab-shader-preset{width:94px;height:61px}.design-lab-shader-thumb{background-position:50%;background-size:cover;position:absolute;inset:0}.design-lab-shader-name{z-index:2;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000db);padding:.28rem .34rem;font-size:.47rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.design-lab-surface-preset{grid-template-columns:54px auto;align-items:center;width:126px;height:52px;display:grid}.design-lab-surface-preset>span{background-position:50%;background-size:cover;align-self:stretch}.design-lab-surface-preset strong{text-overflow:ellipsis;white-space:nowrap;padding:0 .55rem;font-size:.52rem;font-weight:550;overflow:hidden}.design-lab-none-preset{color:#fff9;border-style:dashed;align-content:center;place-items:center;gap:.1rem;width:66px;height:52px;display:grid}.design-lab-none-preset>span{font-family:var(--font-mono), monospace;font-size:.85rem;line-height:1}.design-lab-none-preset>strong{font-size:.47rem;font-weight:550}.design-lab-sticker-asset{width:50px;height:50px}.design-lab-sticker-asset img{object-fit:contain;width:100%;height:100%;padding:.42rem}.design-lab-sticker-asset.is-light{background:#e9ebec}.design-lab-finish-preset{width:38px;height:38px;box-shadow:inset 0 0 0 1px #0000001a}.design-lab-dock-divider{background:#ffffff21;flex:none;width:1px;height:34px;margin:0 .3rem}.design-lab-dock-reset{color:#ffffffad;background:0 0;border:1px solid #ffffff24;border-radius:5px;flex-direction:column;grid-area:1/2/3;justify-content:center;place-items:center;gap:.35rem;width:auto;height:auto;margin:.5rem;font-size:.45rem;display:flex}.design-lab-dock-reset:hover{color:#fff;border-color:#ffffffad}.design-lab-dock-reset svg{width:14px;height:14px}.design-lab-inspector{border-right:1px solid hsl(var(--border));background:hsl(var(--background));scrollbar-width:thin;grid-area:1/1;min-width:0;min-height:0;overflow:hidden auto}.design-lab-inspector-section[data-disabled=true] .design-lab-control-stack{opacity:.46}.design-lab-control-stack{flex-direction:column;gap:.72rem;display:flex}.design-lab-range{flex-direction:column;gap:.32rem;display:flex}.design-lab-range>span{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:1rem;font-size:.625rem;display:flex}.design-lab-range output{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;font-size:.5625rem}.design-lab-range input{width:100%}.design-lab-range[data-disabled=true]{opacity:.48}.design-lab-colors{border:1px solid hsl(var(--border));flex-direction:column;display:flex}.design-lab-color{border-bottom:1px solid hsl(var(--border));min-height:34px;font-size:.58rem;display:block}.design-lab-color:last-child{border-bottom:0}.studio-color-control-compact-trigger{width:100%;min-height:34px;color:hsl(var(--foreground));text-align:left;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:0 .5rem;display:grid}.studio-color-control-compact-trigger:hover,.studio-color-control-compact-trigger:focus-visible{background:hsl(var(--muted) / .5)}.studio-color-control-compact-trigger:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.studio-color-control-compact-swatch{border:1px solid hsl(var(--border));width:21px;height:21px}.design-lab-color code{color:hsl(var(--muted-foreground));font-size:.45rem}.design-lab-selection-actions,.design-lab-artwork-kinds{border:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-lab-selection-actions button,.design-lab-artwork-kinds button{border-right:1px solid hsl(var(--border));min-width:0;min-height:38px;color:hsl(var(--muted-foreground));background:0 0;justify-content:center;align-items:center;gap:.28rem;font-size:.51rem;display:flex}.design-lab-selection-actions button{flex-direction:column}.design-lab-selection-actions button:last-child,.design-lab-artwork-kinds button:last-child{border-right:0}.design-lab-selection-actions button:not(:disabled):hover,.design-lab-artwork-kinds button:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .45)}.design-lab-selection-actions button:disabled{opacity:.35}.design-lab-artwork-kinds button[aria-pressed=true]{color:hsl(var(--background));background:hsl(var(--foreground))}.design-lab-selection-actions svg,.design-lab-artwork-kinds svg{width:12px;height:12px}.design-lab-field{color:hsl(var(--muted-foreground));flex-direction:column;gap:.32rem;font-size:.58rem;display:flex}.design-lab-field input{border:1px solid hsl(var(--input));height:34px;color:hsl(var(--foreground));background:0 0;outline:0;padding:0 .6rem;font-size:.68rem}.design-lab-field input:focus{border-color:hsl(var(--foreground))}.design-lab-upload{border:1px dashed hsl(var(--input));cursor:pointer;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:.55rem;min-height:54px;padding:.58rem;display:grid}.design-lab-upload:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted) / .35)}.design-lab-upload>svg{width:15px;height:15px;color:hsl(var(--muted-foreground));margin:auto}.design-lab-upload strong,.design-lab-upload small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.design-lab-upload strong{font-size:.58rem}.design-lab-upload small{color:hsl(var(--muted-foreground));margin-top:.15rem;font-size:.5rem}.design-lab-advanced{border-bottom:1px solid hsl(var(--border))}.design-lab-advanced summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:41px;padding:0 1rem;font-size:.6rem;font-weight:600;list-style:none;display:flex}.design-lab-advanced summary::-webkit-details-marker{display:none}.design-lab-advanced summary span{color:hsl(var(--muted-foreground));font-size:.78rem;transition:transform .14s}.design-lab-advanced[open] summary span{transform:rotate(45deg)}.design-lab-advanced>div{flex-direction:column;gap:.72rem;padding:0 1rem 1rem;display:flex}@container tool-shell (max-width:980px){.design-lab{--design-lab-inspector:276px}.design-lab-dock-tabs{grid-template-columns:64px repeat(3,minmax(0,1fr));gap:4px;padding:4px 8px}.design-lab-dock-tabs button>small{display:none}}@container tool-shell (max-width:720px){.design-lab-body{grid-template-columns:minmax(0,1fr)}.design-lab-inspector{z-index:30;top:var(--studio-toolbar-height);width:min(282px,78vw);position:absolute;bottom:0;left:0;right:auto;box-shadow:18px 0 44px #0000003d}.design-lab-workspace{grid-column:1;padding-left:min(282px,34vw)}}@container tool-shell (max-width:520px){.design-lab-workspace{grid-template-rows:minmax(0,1fr) 112px;padding-left:0}.design-lab-canvas-stage{padding:3.5rem .7rem .7rem}.design-lab-dock{grid-template-rows:34px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 46px}.design-lab-dock-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:6px}.design-lab-dock-label{display:none}.design-lab-dock-tabs button{grid-template-columns:5px minmax(0,1fr);gap:.3rem;padding-inline:.4rem}.design-lab-dock-tabs button>span b{display:none}.design-lab-dock-reset{width:auto;height:auto;margin:.35rem}.design-lab-dock-reset span{display:none}.design-lab-shader-preset{width:78px;height:50px}.design-lab-sticker-asset{width:42px;height:42px}.design-lab-inspector{width:min(268px,84vw)}}.design-lab-workspace{background-color:hsl(var(--muted) / .32);background-image:radial-gradient(hsl(var(--foreground) / .075) .7px, transparent .7px);background-size:14px 14px;grid-template-rows:minmax(0,1fr) 132px;container:playground-workspace/inline-size}.design-lab-viewport .canvas-viewport-toolbar{border:1px solid hsl(var(--border));min-height:36px;color:hsl(var(--foreground));background:hsl(var(--raised-background) / .96);box-shadow:var(--studio-shadow-ring-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:1px;padding:2px;top:10px;right:10px}.design-lab-viewport .canvas-viewport-toolbar :is(button,.canvas-zoom-value){color:hsl(var(--muted-foreground))}.design-lab-viewport .canvas-viewport-toolbar :is(button,.canvas-zoom-value):hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.design-lab-viewport .canvas-viewport-toolbar input[type=range]{accent-color:hsl(var(--foreground))}.design-lab-canvas-stage{padding:3.2rem 1rem .85rem}.design-lab-composition{border-color:hsl(var(--foreground) / .22);border-radius:8px;container-type:inline-size}.design-lab-text-layer .editable-canvas-layer-content{place-items:center;display:grid;position:relative}.design-lab-canvas-text{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:currentColor;cursor:text;-webkit-user-select:text;user-select:text;outline:0;align-items:center;width:100%;min-width:0;min-height:1em;display:flex;overflow:visible}.playground-tour{z-index:35;border:1px solid hsl(var(--border));width:min(300px,100% - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;gap:8px;padding:14px;display:grid;position:absolute;top:12px;left:12px}.playground-tour>header,.playground-tour>footer{justify-content:space-between;align-items:center;display:flex}.playground-tour>header span,.playground-tour>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:8px}.playground-tour>header button{width:24px;height:24px;color:hsl(var(--muted-foreground));background:0 0;border:0;place-items:center;display:grid}.playground-tour>header svg{width:12px;height:12px}.playground-tour>strong{font-size:14px;font-weight:680}.playground-tour>p{color:hsl(var(--muted-foreground));margin:0;font-size:10px;line-height:1.5}.playground-tour>footer{border-top:1px solid hsl(var(--border));gap:6px;margin-top:4px;padding-top:10px}.playground-tour>footer button{border:1px solid hsl(var(--border));min-height:30px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:4px;flex:1;font-size:9px}.playground-tour>footer button:last-child{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.design-lab-dock{border-top:1px solid hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--background));box-shadow:0 -8px 20px hsl(var(--shadow-color) / .04);grid-template-rows:34px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 212px}.design-lab-dock-tabs{border-bottom:1px solid hsl(var(--border));grid-template-columns:68px repeat(4,minmax(102px,150px));gap:3px;padding:3px 8px}.design-lab-dock-label{color:hsl(var(--muted-foreground))}.design-lab-dock-tabs button{border-color:hsl(var(--border));height:27px;color:hsl(var(--muted-foreground));background:hsl(var(--background));grid-template-columns:auto minmax(0,1fr);gap:.32rem;padding:0 .48rem}.design-lab-dock-tabs button>i{display:none}.design-lab-dock-tabs button>span{color:hsl(var(--muted-foreground))}.design-lab-dock-tabs button>span b{color:hsl(var(--muted-foreground) / .62)}.design-lab-dock-tabs button>small{color:hsl(var(--muted-foreground) / .78)}.design-lab-dock-tabs button:hover,.design-lab-dock-tabs button[aria-selected=true]{border-color:hsl(var(--foreground) / .38);color:hsl(var(--foreground));background:hsl(var(--muted));box-shadow:none}.design-lab-dock-tabs button[aria-selected=true]>span,.design-lab-dock-tabs button[aria-selected=true]>small{color:hsl(var(--foreground))}.design-lab-dock-scroll{--studio-scrollbar-thumb:hsl(var(--foreground) / .22);--studio-scrollbar-thumb-hover:hsl(var(--foreground) / .46);gap:5px;padding:7px 8px 8px;scroll-padding-inline:8px}.design-lab-dock-scroll:focus-visible{outline-color:hsl(var(--foreground) / .38)}.design-lab-shader-preset,.design-lab-surface-preset,.design-lab-sticker-asset,.design-lab-finish-preset,.design-lab-none-preset,.design-lab-text-add,.design-lab-text-card{border-color:hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--raised-background))}.design-lab-shader-preset:hover,.design-lab-surface-preset:hover,.design-lab-sticker-asset:hover,.design-lab-finish-preset:hover,.design-lab-none-preset:hover,.design-lab-text-add:hover,.design-lab-text-card:hover{border-color:hsl(var(--foreground) / .54)}.design-lab-shader-preset[aria-pressed=true],.design-lab-surface-preset[aria-pressed=true],.design-lab-finish-preset[aria-pressed=true],.design-lab-none-preset[aria-pressed=true],.design-lab-text-card[aria-selected=true]{border-color:hsl(var(--foreground) / .8);box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .16)}.design-lab-none-preset{color:hsl(var(--muted-foreground))}.design-lab-dock-divider{background:hsl(var(--border))}.design-lab-text-add,.design-lab-text-card{border:1px solid hsl(var(--border));border-radius:5px;flex:0 0 146px;align-items:stretch;width:146px;height:58px;display:flex;overflow:hidden}.design-lab-text-add{color:hsl(var(--foreground));text-align:left;align-items:center;gap:8px;padding:8px}.design-lab-text-add>svg,.design-lab-text-card-select>svg{flex:none;width:15px;height:15px}.design-lab-text-add>span,.design-lab-text-card-select>span{flex-direction:column;gap:2px;min-width:0;display:flex}.design-lab-text-add strong,.design-lab-text-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;font-weight:630;overflow:hidden}.design-lab-text-add small,.design-lab-text-card small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.design-lab-text-card{flex-basis:174px;width:174px}.design-lab-text-card[data-visible=false]{opacity:.48}.design-lab-text-card-select{min-width:0;color:inherit;text-align:left;flex:1;align-items:center;gap:7px;padding:8px;display:flex}.design-lab-text-card>div{border-left:1px solid hsl(var(--border));flex:none;width:29px;display:grid}.design-lab-text-card>div button{min-height:0;color:hsl(var(--muted-foreground));place-items:center;display:grid}.design-lab-text-card>div button+button{border-top:1px solid hsl(var(--border))}.design-lab-text-card>div button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.design-lab-text-card>div button:disabled{opacity:.25}.design-lab-text-card>div svg{width:10px;height:10px}.design-lab-dock-context{border-left:1px solid hsl(var(--border));background:hsl(var(--background));grid-area:1/2/3;grid-template-rows:auto 30px 28px;gap:6px;min-width:0;padding:9px;display:grid}.design-lab-dock-context>div:first-child{flex-direction:column;gap:1px;min-width:0;display:flex}.design-lab-dock-context>div:first-child span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.42rem}.design-lab-dock-context>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.design-lab-dock-context>:is(input,small){border:1px solid hsl(var(--border));min-width:0;height:30px;color:hsl(var(--foreground));background:hsl(var(--raised-background));text-overflow:ellipsis;white-space:nowrap;border-radius:4px;outline:0;align-items:center;padding:0 8px;font-size:.5rem;display:flex;overflow:hidden}.design-lab-dock-context>small{color:hsl(var(--muted-foreground))}.design-lab-dock-context>input:focus{border-color:hsl(var(--foreground) / .55)}.design-lab-dock-context-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.design-lab-dock-context-actions button,.design-lab-dock-reset{border:1px solid hsl(var(--border));min-width:0;min-height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));border-radius:4px;place-items:center;display:grid}.design-lab-dock-context-actions button:hover:not(:disabled),.design-lab-dock-reset:hover{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground));background:hsl(var(--muted))}.design-lab-dock-context-actions button:disabled{opacity:.28}.design-lab-dock-context-actions svg,.design-lab-dock-reset svg{width:11px;height:11px}.design-lab-dock-reset{grid-area:auto;grid-template-columns:14px auto;justify-content:center;align-items:center;gap:5px;width:100%;height:28px;min-height:28px;margin:0;font-size:.45rem}.design-lab-field textarea{resize:vertical;border:1px solid hsl(var(--input));min-height:54px;color:hsl(var(--foreground));font:inherit;background:0 0;outline:0;padding:.5rem .6rem;line-height:1.4}.design-lab-field textarea:focus{border-color:hsl(var(--foreground))}.design-lab-text-inspector-grid{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.design-lab-text-inspector-grid>.design-lab-color{border:1px solid hsl(var(--border))}.design-lab-empty-action{border:1px dashed hsl(var(--border));min-height:48px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .22);justify-content:center;align-items:center;gap:.45rem;font-size:.56rem;display:flex}.design-lab-empty-action:hover{border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground))}.design-lab-empty-action svg{width:13px;height:13px}@container tool-shell (max-width:980px){.design-lab-dock-tabs{grid-template-columns:58px repeat(4,minmax(0,1fr))}}@container playground-workspace (max-width:760px){.design-lab-dock{grid-template-columns:minmax(0,1fr)}.design-lab-dock-context{display:none}.design-lab-dock-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.design-lab-dock-label,.design-lab-dock-tabs button>small,.design-lab-viewport .canvas-zoom-range{display:none}}@container playground-workspace (max-width:480px){.design-lab-workspace{grid-template-rows:minmax(0,1fr) 116px}.design-lab-dock-tabs button>span b{display:none}.design-lab-dock-tabs button{justify-content:center;padding-inline:.28rem}.design-lab-canvas-stage{padding:3rem .55rem .55rem}}.design-lab{--playground-library:var(--studio-inspector-width);--design-lab-inspector:var(--studio-inspector-width)}.design-lab .design-lab-body{grid-template-columns:minmax(0, 1fr) var(--design-lab-inspector);position:relative}.design-lab .design-lab-workspace{padding-left:var(--playground-library);grid-column:1;grid-template-rows:minmax(0,1fr)}.design-lab .design-lab-dock{z-index:8;width:var(--playground-library);border-top:0;border-right:1px solid hsl(var(--border));box-shadow:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.design-lab .design-lab-dock-tabs{grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px}.design-lab .design-lab-dock-label{grid-column:1/-1;align-content:center;min-height:24px;font-size:8px;display:block}.design-lab .design-lab-dock-tabs button{grid-template-columns:minmax(0,1fr);height:34px;padding:0 9px}.design-lab .design-lab-dock-tabs button>span{gap:6px}.design-lab .design-lab-dock-tabs button>small{display:none}.design-lab .design-lab-dock-scroll{grid-area:2/1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;gap:8px;padding:10px 12px 14px;display:grid;overflow:hidden auto}.design-lab .design-lab-dock-scroll[data-dock=text]{grid-template-columns:minmax(0,1fr)}.design-lab .design-lab-dock-scroll[data-dock=sticker]{grid-template-columns:repeat(4,minmax(0,1fr))}.design-lab .design-lab-library-filter{z-index:6;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;grid-column:1/-1;gap:8px;margin:-10px -12px 0;padding:10px 12px 9px;display:flex;position:sticky;top:-10px}.design-lab .design-lab-library-filter>label{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .28);border-radius:5px;align-items:center;gap:8px;height:34px;padding:0 9px;display:flex}.design-lab .design-lab-library-filter>label:focus-within{border-color:hsl(var(--foreground) / .48);background:hsl(var(--background))}.design-lab .design-lab-library-filter>label svg{width:13px;color:hsl(var(--muted-foreground))}.design-lab .design-lab-library-filter>label input{width:100%;min-width:0;color:hsl(var(--foreground));background:0 0;border:0;outline:0;font-size:10px}.design-lab .design-lab-library-filter>div{flex-wrap:wrap;gap:4px;display:flex}.design-lab .design-lab-library-filter>div button{border:1px solid hsl(var(--border));height:23px;color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:999px;padding:0 7px;font-size:8px}.design-lab .design-lab-library-filter>div button:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .4)}.design-lab .design-lab-library-filter>div button[aria-pressed=true]{color:hsl(var(--background));border-color:hsl(var(--foreground));background:hsl(var(--foreground))}.design-lab .design-lab-library-filter>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:7px}.design-lab .design-lab-shader-preset{width:100%;height:82px}.design-lab .design-lab-shader-source{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border:1px solid #ffffff4d;border-radius:4px;place-items:center;width:22px;height:22px;margin:0;display:inline-grid;position:absolute;top:6px;right:6px}.design-lab .design-lab-shader-source .live-material-source-mark{width:12px;height:12px}.design-lab .design-lab-shader-source .live-material-source-tag-label{display:none}.design-lab .design-lab-shader-name{padding:16px 7px 7px;font-size:9px}.design-lab .design-lab-surface-preset,.design-lab .design-lab-none-preset,.design-lab .design-lab-text-add,.design-lab .design-lab-text-card{flex-basis:auto;width:100%;min-width:0;height:62px}.design-lab .design-lab-none-preset{grid-column:1/-1}.design-lab .design-lab-sticker-asset,.design-lab .design-lab-finish-preset{aspect-ratio:auto;width:100%;height:58px}.design-lab .design-lab-sticker-text-add{border:1px dashed hsl(var(--foreground) / .34);min-height:52px;color:hsl(var(--foreground));background:hsl(var(--muted) / .24);text-align:left;border-radius:5px;grid-column:1/-1;align-items:center;gap:9px;padding:9px 11px;display:flex}.design-lab .design-lab-sticker-text-add:hover{border-color:hsl(var(--foreground) / .72);background:hsl(var(--muted) / .54)}.design-lab .design-lab-sticker-text-add>svg{flex:none;width:15px;height:15px}.design-lab .design-lab-sticker-text-add>span,.design-lab .design-lab-sticker-asset.is-text>span{flex-direction:column;gap:2px;min-width:0;display:flex}.design-lab .design-lab-sticker-text-add strong,.design-lab .design-lab-sticker-asset.is-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:630;overflow:hidden}.design-lab .design-lab-sticker-text-add small,.design-lab .design-lab-sticker-asset.is-text small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.design-lab .design-lab-sticker-asset.is-text{background:linear-gradient(135deg,#e8e8e5 0 49.5%,#202225 50.5% 100%);grid-column:span 2;grid-template-rows:minmax(0,1fr) auto;height:72px;padding:0;display:grid}.design-lab .design-lab-sticker-asset.is-text img{object-fit:contain;width:100%;height:43px;padding:8px 10px 4px}.design-lab .design-lab-sticker-asset.is-text>span{border-top:1px solid hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--raised-background));text-align:left;padding:5px 7px 6px}.design-lab .design-lab-sticker-text-controls{border-top:1px solid hsl(var(--border));gap:14px;padding-top:14px;display:grid}.design-lab .design-lab-subsection-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.design-lab .design-lab-subsection-label>span{font-size:10px;font-weight:630}.design-lab .design-lab-subsection-label>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;font-size:7px}.design-lab .design-lab-dock-divider{grid-column:1/-1;width:auto;height:1px;margin:3px 0}.design-lab .design-lab-dock-context{border-top:1px solid hsl(var(--border));border-left:0;grid-area:3/1;grid-template-rows:auto 30px 30px;padding:10px 12px 12px;display:none}.design-lab .design-lab-inspector{border-right:0;border-left:1px solid hsl(var(--border));width:auto;box-shadow:none;grid-area:1/2;position:static}.design-lab .design-lab-inspector-section{gap:var(--studio-panel-gap);padding:var(--studio-panel-padding)}.design-lab .design-lab-control-stack,.design-lab .design-lab-advanced>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.design-lab .design-lab-inspector>.design-lab-inspector-section:last-of-type{margin-top:auto}.design-lab .design-lab-dock-tabs button>span svg{width:10px;height:10px;color:hsl(var(--muted-foreground));flex:none}.design-lab .design-lab-dock-tabs button[aria-selected=true]>span svg{color:currentColor}.design-lab .design-lab-field-label,.design-lab .design-lab-segmented-field>span{color:hsl(var(--muted-foreground));align-items:center;gap:5px;font-size:8px;font-weight:560;display:flex}.design-lab .design-lab-field-label svg,.design-lab .design-lab-segmented-field>span svg{flex:none;width:10px;height:10px}.design-lab :is(.design-lab-text-inspector-grid,.design-lab-sticker-text-controls) .studio-color-control{border-radius:4px;gap:7px;padding:8px}.design-lab :is(.design-lab-text-inspector-grid,.design-lab-sticker-text-controls) .studio-color-control>div:first-child>span{font-size:9px}.design-lab :is(.design-lab-text-inspector-grid,.design-lab-sticker-text-controls) .studio-color-control-row{grid-template-columns:30px minmax(0,1fr);gap:6px}.design-lab :is(.design-lab-text-inspector-grid,.design-lab-sticker-text-controls) .studio-color-control-swatch{border-radius:4px;width:30px;height:30px}.design-lab :is(.design-lab-text-inspector-grid,.design-lab-sticker-text-controls) .studio-color-control-field input{height:29px}.design-lab .design-lab-segmented-field{flex-direction:column;gap:5px;min-width:0;display:flex}.design-lab .design-lab-segmented-field>div{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .34);border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;display:grid}.design-lab .design-lab-segmented-field>div:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.design-lab .design-lab-segmented-field button{min-width:0;height:28px;color:hsl(var(--muted-foreground));border-radius:3px;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.design-lab .design-lab-segmented-field button:hover,.design-lab .design-lab-segmented-field button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--background))}.design-lab .design-lab-segmented-field button svg{width:10px;height:10px}.design-lab .design-lab-text-effects{background:hsl(var(--muted) / .3);border-radius:4px}.design-lab .design-lab-text-effects>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;list-style:none;display:flex}.design-lab .design-lab-text-effects>summary::-webkit-details-marker{display:none}.design-lab .design-lab-text-effects>summary>span{align-items:center;gap:6px;font-size:9px;font-weight:620;display:flex}.design-lab .design-lab-text-effects>summary svg{width:11px;height:11px;color:hsl(var(--muted-foreground))}.design-lab .design-lab-text-effects>summary>svg{transition:transform .14s}.design-lab .design-lab-text-effects[open]>summary>svg{transform:rotate(180deg)}.design-lab .design-lab-text-effects>div{gap:12px;padding:0 10px 10px;display:grid}.design-lab .design-lab-text-effect-group{border-top:1px solid hsl(var(--border));gap:10px;padding-top:10px;display:grid}.design-lab .design-lab-effect-toggle{justify-content:space-between;align-items:center;gap:10px;display:flex}.design-lab .design-lab-effect-toggle>span{flex-direction:column;gap:2px;min-width:0;display:flex}.design-lab .design-lab-effect-toggle strong{font-size:9px;font-weight:620}.design-lab .design-lab-effect-toggle small{color:hsl(var(--muted-foreground));font-size:7px}.design-lab .design-lab-effect-toggle input{width:14px;height:14px;accent-color:hsl(var(--foreground))}.design-lab .design-lab-empty-action>span{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.design-lab .design-lab-empty-action strong{color:hsl(var(--foreground));font-size:9px;font-weight:620}.design-lab .design-lab-empty-action small{color:hsl(var(--muted-foreground));font-size:7px}.design-lab .design-lab-output-overview{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .38);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.design-lab .design-lab-output-overview>div{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:8px 6px;display:grid}.design-lab .design-lab-output-overview>div+div{border-left:1px solid hsl(var(--border))}.design-lab .design-lab-output-overview svg{width:11px;height:11px;color:hsl(var(--muted-foreground))}.design-lab .design-lab-output-overview span,.design-lab .design-lab-output-sizes button>span{flex-direction:column;gap:1px;min-width:0;display:flex}.design-lab .design-lab-output-overview small,.design-lab .design-lab-output-sizes small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.design-lab .design-lab-output-overview strong{font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:560;overflow:hidden}.design-lab .design-lab-output-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.design-lab .design-lab-output-sizes button{border:1px solid hsl(var(--border));min-width:0;min-height:48px;color:hsl(var(--muted-foreground));background:hsl(var(--background));text-align:left;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:5px;display:flex}.design-lab .design-lab-output-sizes button:hover,.design-lab .design-lab-output-sizes button[aria-pressed=true]{border-color:hsl(var(--foreground) / .58);color:hsl(var(--foreground));background:hsl(var(--muted))}.design-lab .design-lab-output-sizes button>svg{flex:none;width:12px;height:12px}.design-lab .design-lab-output-sizes strong{font-size:8px;font-weight:620}.design-lab .design-lab-custom-output{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px}@container tool-shell (max-width:1180px){.design-lab{--playground-library:246px;--design-lab-inspector:286px}.design-lab .design-lab-dock-scroll{grid-template-columns:minmax(0,1fr)}.design-lab .design-lab-dock-scroll[data-dock=sticker]{grid-template-columns:repeat(3,minmax(0,1fr))}}@container tool-shell (max-width:720px){.design-lab{--playground-library:220px}.design-lab .design-lab-body{grid-template-columns:minmax(0,1fr)}.design-lab .design-lab-workspace{padding-left:var(--playground-library)}.design-lab .design-lab-inspector{z-index:30;width:min(276px,76vw);position:absolute;left:auto;right:0;box-shadow:-18px 0 44px #0000003d}}@container tool-shell (max-width:520px){.design-lab .design-lab-workspace{padding-left:0}.design-lab .design-lab-dock{display:none}}.marketing-v10-faq{border-bottom:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(3rem,7vw,7rem);padding:clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem);display:grid}.marketing-v10-faq>header{align-self:start;position:sticky;top:6rem}.marketing-v10-faq>header>span{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.marketing-v10-faq h2{letter-spacing:-.052em;text-wrap:balance;max-width:560px;margin:1rem 0 0;font-size:clamp(2.8rem,5vw,5rem);font-weight:520;line-height:.95}.marketing-v10-faq header p{max-width:520px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v10-faq dl{border-top:1px solid var(--marketing-v5-line);margin:0}.marketing-v10-faq dl>div{border-bottom:1px solid var(--marketing-v5-line);padding:clamp(1.5rem,3vw,2.4rem) 0}.marketing-v10-faq dt{letter-spacing:-.025em;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:520;display:grid}.marketing-v10-faq dt span{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;letter-spacing:.08em;padding-top:.2rem;font-size:.58rem}.marketing-v10-faq dd{max-width:760px;color:var(--marketing-v5-muted);margin:.85rem 0 0 3.25rem;line-height:1.72}@media (max-width:820px){.marketing-v10-faq{grid-template-columns:minmax(0,1fr)}.marketing-v10-faq>header{position:static}}@media (max-width:760px){.marketing-v10-faq{padding:4rem 1rem}}.studio-save-toast{z-index:180;border-radius:var(--studio-corner-lg);background:hsl(var(--background) / .96);width:min(520px,100vw - 2rem);box-shadow:var(--studio-shadow-ring-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.75rem;animation:.18s cubic-bezier(.22,1,.36,1) studio-save-toast-in;display:grid;position:fixed;bottom:1rem;right:1rem}.studio-save-toast-copy{gap:.15rem;min-width:0;display:grid}.studio-save-toast-copy strong{font-size:.8rem;font-weight:550}.studio-save-toast-copy span{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}@keyframes studio-save-toast-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:620px){.studio-save-toast{grid-template-columns:minmax(0,1fr) auto}.studio-save-toast-copy{grid-column:1/-1}}.studio-command-search{border-bottom:1px solid hsl(var(--border));align-items:center;gap:12px;height:64px;padding:0 18px;display:flex}.studio-command-search>svg{width:19px;height:19px;color:hsl(var(--muted-foreground));flex:none}.studio-command-search input{min-width:0;color:hsl(var(--foreground));background:0 0;border:0;outline:0;flex:1;font-size:1rem}.studio-command-search input::placeholder{color:hsl(var(--muted-foreground))}.studio-command-search kbd,.studio-command-footer kbd,.studio-command-result-meta kbd{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);min-width:24px;min-height:22px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;border-radius:5px;place-items:center;font-size:10px;display:inline-grid}.studio-command-heading{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:13px 18px 8px;font-size:10px;display:flex}.studio-command-results{min-height:120px;padding:4px 8px 10px;overflow-y:auto}.studio-command-result{width:100%;color:hsl(var(--foreground));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.studio-command-result[aria-selected=true]{background:hsl(var(--foreground));color:hsl(var(--background))}.studio-command-result-icon{border:1px solid hsl(var(--border));background:hsl(var(--background));width:38px;height:38px;color:hsl(var(--foreground));border-radius:7px;place-items:center;display:grid}.studio-command-result-icon svg{width:17px;height:17px}.studio-command-result-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-command-result-copy strong{font-size:14px;font-weight:550}.studio-command-result-copy small{color:currentColor;opacity:.58;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-command-result-meta{color:currentColor;font-family:var(--font-mono), monospace;opacity:.58;align-items:center;gap:10px;font-size:10px;display:flex}.studio-command-result[aria-selected=true] .studio-command-result-meta kbd{border-color:hsl(var(--background) / .3);background:hsl(var(--background) / .1);color:hsl(var(--background))}.studio-command-empty{min-height:180px;color:hsl(var(--muted-foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.studio-command-empty svg{width:22px}.studio-command-empty strong{color:hsl(var(--foreground));font-size:14px}.studio-command-empty span{font-size:12px}.studio-command-footer{border-top:1px solid hsl(var(--border));min-height:42px;color:hsl(var(--muted-foreground));align-items:center;gap:16px;padding:8px 14px;font-size:10px;display:flex}.studio-command-footer>span{align-items:center;gap:5px;display:flex}@media (max-width:640px){.studio-command-overlay{padding:10px}.studio-command-dialog{border-radius:9px;max-height:calc(100dvh - 20px)}.studio-command-result-meta>span,.studio-command-footer>span:last-child{display:none}}@media (max-width:1120px){.project-action-label{display:none}.project-action-button{width:32px;min-width:32px;padding-left:0;padding-right:0}}.project-folder-menu,.appearance-menu{position:relative}.project-folder-trigger>svg:last-child{transition:transform .16s cubic-bezier(.22,1,.36,1)}.project-folder-count{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);min-width:18px;height:18px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .58);font-family:var(--font-mono), monospace;place-items:center;padding:0 .3rem;font-size:.56rem;display:inline-grid}.project-folder-popover{z-index:120;border-radius:var(--studio-corner-md);background:hsl(var(--background));width:280px;max-height:min(580px,100dvh - 112px);box-shadow:var(--studio-shadow-ring-lg);transform-origin:100% 0;border:0;padding:.35rem;animation:.16s cubic-bezier(.22,1,.36,1) studio-popover-in;position:absolute;top:calc(100% + 7px);right:0}.project-folder-popover-heading{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.55rem .65rem .65rem;font-size:.58rem;display:flex}.project-folder-option{border-radius:var(--studio-corner-sm);width:100%;min-height:48px;color:hsl(var(--foreground));cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:.6rem;padding:.45rem .55rem;display:grid}.project-folder-option:hover,.project-folder-option[aria-checked=true]{background:hsl(var(--muted))}.project-folder-option-icon{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));place-items:center;width:28px;height:28px;display:grid}.project-folder-option svg{width:13px;height:13px}.project-folder-option>span:nth-child(2){flex-direction:column;gap:.1rem;min-width:0;display:flex}.project-folder-option strong{font-size:.75rem;font-weight:550}.project-folder-option small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:.58rem}.project-folder-projects-heading{border-top:1px solid hsl(var(--border));margin-top:.3rem;padding-top:.75rem}.project-folder-projects{max-height:min(240px,100dvh - 350px);overflow-y:auto}.project-folder-project{border-radius:var(--studio-corner-sm);width:100%;min-height:48px;color:hsl(var(--foreground));cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:.6rem;padding:.45rem .55rem;display:grid}.project-folder-project:hover,.project-folder-project[aria-current=page]{background:hsl(var(--muted))}.project-folder-project-mark{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));width:30px;height:30px;font-family:var(--font-mono), monospace;place-items:center;font-size:.55rem;font-weight:550;display:grid}.project-folder-project-mark img{object-fit:contain;width:19px;height:19px}.project-folder-project>span:nth-child(2){flex-direction:column;gap:.1rem;min-width:0;display:flex}.project-folder-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:550;overflow:hidden}.project-folder-project small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;text-transform:capitalize;font-size:.56rem}.project-folder-project-state{border-radius:var(--studio-corner-sm);width:24px;height:24px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.project-folder-project:hover .project-folder-project-state{color:hsl(var(--foreground));background:hsl(var(--background))}.project-folder-project-state svg{width:12px;height:12px}.appearance-popover{z-index:90;border-radius:var(--studio-corner-lg);background:hsl(var(--background));width:min(340px,100vw - 24px);box-shadow:var(--studio-shadow-ring-lg);transform-origin:100% 0;border:0;animation:.18s cubic-bezier(.22,1,.36,1) studio-popover-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes studio-popover-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.appearance-popover-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;min-height:46px;padding:0 .8rem 0 1rem;display:flex}.appearance-popover-header>span{align-items:center;gap:.55rem;font-size:.8rem;font-weight:550;display:flex}.appearance-popover-header svg{width:14px;height:14px}.appearance-popover-header button{border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.appearance-popover-header button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.appearance-section{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr) minmax(150px,1.25fr);align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.appearance-section>div:first-child,.appearance-section--split label>span{flex-direction:column;gap:.18rem;display:flex}.appearance-section strong{font-size:.72rem;font-weight:550}.appearance-section small{color:hsl(var(--muted-foreground));font-size:.62rem;line-height:1.35}.appearance-segments{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--border));grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.appearance-segments--three{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-segments button{min-height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--background));cursor:pointer;text-transform:capitalize;border:0;justify-content:center;align-items:center;gap:.35rem;padding:0 .45rem;font-size:.65rem;display:inline-flex}.appearance-segments button:hover{color:hsl(var(--foreground))}.appearance-segments button[aria-pressed=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.appearance-segments svg{width:12px;height:12px}.appearance-swatches{grid-template-columns:repeat(4,30px);justify-content:end;gap:.45rem;display:grid}.appearance-swatch{border:1px solid hsl(var(--foreground) / .2);border-radius:var(--studio-corner-sm);color:#fff;cursor:pointer;width:30px;height:30px;box-shadow:inset 0 0 0 2px hsl(var(--background) / .45);place-items:center;display:grid}.appearance-swatch[aria-pressed=true]{outline:2px solid hsl(var(--foreground));outline-offset:2px}.appearance-swatch svg{width:13px;height:13px}.appearance-swatch--neutral{background:#1d1d1d}.appearance-swatch--violet{background:#7656ff}.appearance-swatch--teal{background:#0f9e8a}.appearance-swatch--lime{color:#17200e;background:#9ce85f}.appearance-section--split{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;display:grid}.appearance-section--split label{justify-content:space-between;align-items:center;gap:.75rem;min-height:68px;padding:.8rem 1rem;display:flex}.appearance-section--split label+label{border-left:1px solid hsl(var(--border))}.appearance-section--split input{accent-color:hsl(var(--primary))}:root.dark,.studio-app[data-resolved-theme=dark]{--background:0 0% 7%;--foreground:0 0% 92%;--card:0 0% 10%;--card-foreground:0 0% 92%;--popover:0 0% 10%;--popover-foreground:0 0% 92%;--primary:0 0% 92%;--primary-foreground:0 0% 8%;--secondary:0 0% 14%;--secondary-foreground:0 0% 92%;--muted:0 0% 13%;--muted-foreground:0 0% 66%;--accent:0 0% 17%;--accent-foreground:0 0% 96%;--border:0 0% 24%;--input:0 0% 34%;--ring:0 0% 84%;--emphasis:0 0% 92%;--status-error:0 82% 67%;--status-error-background:0 82% 60% / .14;--status-error-border:0 82% 64% / .34;--status-success:142 68% 54%;--status-success-background:142 68% 48% / .13;--status-success-border:142 68% 54% / .32;--canvas-background:0 0% 4.5%;--raised-background:0 0% 11%;--shadow-color:0 0% 0%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-app[data-resolved-theme=dark] .studio-app-header>a img{filter:invert()}@media (prefers-color-scheme:dark){.studio-app[data-theme=system]{--background:0 0% 7%;--foreground:0 0% 92%;--card:0 0% 10%;--card-foreground:0 0% 92%;--popover:0 0% 10%;--popover-foreground:0 0% 92%;--primary:0 0% 92%;--primary-foreground:0 0% 8%;--secondary:0 0% 14%;--secondary-foreground:0 0% 92%;--muted:0 0% 13%;--muted-foreground:0 0% 66%;--accent:0 0% 17%;--accent-foreground:0 0% 96%;--border:0 0% 24%;--input:0 0% 34%;--ring:0 0% 84%;--emphasis:0 0% 92%;--status-error:0 82% 67%;--status-error-background:0 82% 60% / .14;--status-error-border:0 82% 64% / .34;--status-success:142 68% 54%;--status-success-background:142 68% 48% / .13;--status-success-border:142 68% 54% / .32;--canvas-background:0 0% 4.5%;--raised-background:0 0% 11%;--shadow-color:0 0% 0%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.studio-app[data-theme=system] .studio-app-header>a img{filter:invert()}}.studio-app[data-studio-accent=violet]{--studio-highlight-color:hsl(var(--primary));--primary:255 86% 65%;--primary-foreground:0 0% 100%;--ring:255 86% 65%;--emphasis:255 86% 65%}.studio-app[data-studio-accent=teal]{--studio-highlight-color:hsl(var(--primary));--primary:171 82% 34%;--primary-foreground:0 0% 100%;--ring:171 82% 34%;--emphasis:171 82% 34%}.studio-app[data-studio-accent=lime]{--studio-highlight-color:hsl(var(--primary));--primary:96 72% 55%;--primary-foreground:96 56% 10%;--ring:96 72% 48%;--emphasis:96 72% 48%}.studio-app[data-studio-canvas=plain] .tool-canvas,.studio-app[data-studio-canvas=plain] .studio-stage{background-image:none}.studio-app[data-studio-canvas=grid] .tool-canvas,.studio-app[data-studio-canvas=grid] .studio-stage{background-image:linear-gradient(to right, hsl(var(--border) / .24) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border) / .24) 1px, transparent 1px);background-size:20px 20px}.studio-app[data-studio-canvas=dots] .tool-canvas,.studio-app[data-studio-canvas=dots] .studio-stage{background-image:radial-gradient(circle, hsl(var(--border) / .28) 1px, transparent 1px);background-size:14px 14px}.studio-app[data-studio-density=compact]{--studio-inspector-width:260px}.studio-app[data-studio-density=compact] .studio-nav>div{padding-top:.35rem;padding-bottom:.35rem}.studio-app[data-studio-density=compact] .studio-nav section{gap:.125rem;padding-top:.25rem;padding-bottom:.25rem}.studio-app[data-studio-density=compact] .studio-nav section button{height:2rem}.studio-app[data-studio-density=compact] .tool-inspector>section{gap:.75rem;padding:1rem}.studio-app[data-studio-motion=reduced] .project-tabs:before,.studio-app[data-studio-motion=reduced] .project-dither-field,.studio-app[data-studio-motion=reduced] .project-dither-sweep,.studio-app[data-studio-motion=reduced] .project-dither-symbols>span,.studio-app[data-studio-motion=reduced] .studio-save-toast{animation:none!important}.studio-app[data-studio-motion=reduced] :is(.project-dither-field,.project-dither-sweep,.project-dither-symbols>span){transition:none}.studio-app[data-studio-motion=reduced] .project-dither-sweep,.studio-app[data-studio-motion=reduced] .project-dither-symbols>span{opacity:0}.studio-app[data-studio-motion=reduced] .project-dither-panel:hover .project-dither-symbols>span:first-child{opacity:.52;transform:translate(-50%,-50%)}.studio-app[data-studio-motion=reduced]~.studio-export-progress>span{animation-duration:1.8s}.studio-app[data-studio-motion=reduced] :is(.project-tab-selection,.project-tab,.project-tab-mark){transition:none}.studio-closed-projects-empty{min-height:100%;color:hsl(var(--muted-foreground));background-image:radial-gradient(circle, hsl(var(--border) / .66) 1px, transparent 1px);background-size:16px 16px;grid-template-columns:38px minmax(0,380px);place-content:center;gap:1rem;padding:2rem;display:grid}.studio-closed-projects-empty>svg{border:1px solid hsl(var(--border));width:38px;height:38px;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:5px;padding:.6rem}.studio-closed-projects-empty h2{color:hsl(var(--foreground));margin:0;font-size:.95rem;font-weight:550}.studio-closed-projects-empty p{margin:.4rem 0 0;font-size:.78rem;line-height:1.55}@media (max-width:760px){.project-folder-trigger>span:first-of-type{display:none}.project-folder-popover{position:fixed;top:102px;right:10px}.studio-search-bar{padding-left:.6rem;padding-right:.6rem}}@media (max-width:520px){.studio-search-bar{gap:.35rem}.studio-search-bar>.studio-command-launcher{padding-left:.5rem;padding-right:.5rem}.studio-command-launcher>span{max-width:3.5rem}.studio-appearance-toolbar{gap:.25rem}.appearance-popover{position:fixed;top:48px;right:8px}.appearance-section{grid-template-columns:1fr;gap:.65rem}.appearance-swatches{justify-content:start}.appearance-section--split{grid-template-columns:1fr}.appearance-section--split label+label{border-top:1px solid hsl(var(--border));border-left:0}}.moodboard-preview svg{width:100%;height:auto;display:block}.moodboard-canvas,.moodboard-canvas-stage{background:#202020}.artifact-preview svg{width:100%;height:100%;display:block}.canvas-artboard-frame{flex:none;width:100%;min-width:0;max-width:100%;min-height:1px;position:relative}.canvas-artboard-plane{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.ratio-safe{object-fit:contain;flex:none;width:100%;height:auto;min-height:0}.brand-elements-canvas :is(.aspect-square,[class*=aspect-\[]){flex:none;height:auto;min-height:0}.brand-element-artboard[data-ratio-locked=true]{width:100%;max-width:100%;overflow:hidden}.brand-element-artboard[data-ratio-locked=true]>*{width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:inherit}.brand-element-artboard{--brand-element-font:"Switzer", var(--font-schibsted-grotesk), Arial, sans-serif;--brand-element-weight:550;--brand-font-accent:"Switzer", var(--font-schibsted-grotesk), Arial, sans-serif;--brand-font-accent-weight:400;--brand-font-body:"Switzer", var(--font-schibsted-grotesk), Arial, sans-serif;--brand-font-body-strong-weight:500;--brand-font-body-weight:400;--brand-font-code:"Geist Mono", monospace;--brand-font-code-weight:400;font-family:var(--brand-font-body);font-weight:var(--brand-font-body-weight)}.brand-identity-mark{filter:var(--brand-logo-filter,none)}.brand-element-artboard :is(h1,h2,h3,.brand-element-display){font-family:var(--brand-element-font)!important;font-weight:var(--brand-element-weight)!important}.brand-element-artboard :is(.font-semibold,.font-bold):not(h1):not(h2):not(h3):not(.brand-element-display){font-weight:var(--brand-font-body-strong-weight)!important}.brand-element-artboard .brand-element-accent{font-family:var(--brand-font-accent)!important;font-weight:var(--brand-font-accent-weight)!important}.brand-element-artboard .font-mono{font-family:var(--brand-font-code)!important;font-weight:var(--brand-font-code-weight)!important}.brand-element-preview-composite{width:100%;height:100%;min-height:inherit;position:relative;overflow:hidden}.brand-element-preview-composite>:first-child{width:100%;height:100%}.brand-element-shared-asset{z-index:30;pointer-events:none;object-fit:contain;position:absolute}.brand-element-shared-asset[data-placement=background]{object-fit:cover;object-position:center;width:100%;height:100%;inset:0}.brand-element-shared-asset[data-placement=header]{object-fit:cover;width:100%;height:24%;top:0;left:0}.brand-element-shared-asset[data-placement=banner]{object-position:right bottom;width:46%;height:22%;bottom:5%;right:5%}.brand-element-shared-asset[data-placement=card]{background:hsl(var(--background) / .88);width:34%;height:58%;box-shadow:0 8px 24px hsl(var(--foreground) / .08);border:1px solid;padding:4%;top:50%;right:6%;transform:translateY(-50%)}.studio-mobile-tool{display:none}.studio-workspace,.tool-shell,.animation-studio{height:100%;min-height:0;position:relative;overflow:hidden}.studio-export-progress{z-index:100;top:calc(var(--studio-toolbar-height) + 50px);right:0;left:var(--studio-rail-width);pointer-events:none;background:hsl(var(--border) / .42);height:2px;position:fixed;overflow:hidden}.studio-export-progress>span{background:hsl(var(--foreground));height:100%;transition:width .1s linear;display:block}.studio-export-progress[data-indeterminate=true]>span{width:28%;animation:.9s ease-in-out infinite studio-export-progress-indeterminate}@keyframes studio-export-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(460%)}}.source-code-host{position:relative}.studio-workspace-view{isolation:isolate;width:100%;height:100%;min-height:0;position:relative;overflow:clip}.studio-project-workspace-layer{z-index:0;contain:layout paint style;background:hsl(var(--background));pointer-events:none;visibility:hidden;min-width:0;min-height:0;position:absolute;inset:0;overflow:clip}.studio-project-workspace-layer[data-active=true]{z-index:1;pointer-events:auto;visibility:visible}.studio-workspace-panel{width:100%;height:100%;min-height:0;overflow:clip}.studio-workspace-panel--persistent-labs{isolation:isolate;background:hsl(var(--background));position:relative}.studio-workspace-layer{z-index:0;visibility:hidden;pointer-events:none;min-width:0;min-height:0;position:absolute;inset:0;overflow:clip}.studio-workspace-layer[data-active=true]{z-index:1;visibility:visible;pointer-events:auto}.studio-workspace-loading{background:hsl(var(--background));place-items:center;width:100%;height:100%;display:grid}.studio-workspace-loading>span{background:hsl(var(--border));width:34px;height:1px;overflow:hidden}.studio-workspace-loading>span:after{content:"";background:hsl(var(--foreground));width:45%;height:100%;animation:.72s ease-in-out infinite alternate studio-loading-line;display:block}@keyframes studio-loading-line{to{transform:translate(122%)}}.tool-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--studio-toolbar-height) minmax(0, 1fr);display:grid;container:tool-shell/inline-size}.tool-body{grid-template-columns:auto minmax(0,1fr);width:100%;min-width:0;max-width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.tool-lab-body{grid-template-columns:auto minmax(0,1fr) auto}.tool-lab-body>.tool-canvas{grid-column:2;overflow:auto}.tool-lab-body>.lab-sidebar-right{grid-column:3}.tool-body-with-shader-library{grid-template-columns:auto auto minmax(0,1fr)}.shader-library-sidebar{z-index:24}.shader-library-sidebar-left{box-shadow:12px 0 32px hsl(var(--foreground) / .045)}.shader-library-sidebar-right{box-shadow:-12px 0 32px hsl(var(--foreground) / .045)}.shader-library-preview{aspect-ratio:16/10}.shader-library-preview>div,.shader-library-preview canvas{width:100%!important;height:100%!important}.shader-library-source-tag{z-index:2;color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000057;border:1px solid #ffffff47;border-radius:3px;align-items:center;gap:4px;padding:2px 5px;font-size:7px;font-weight:650;line-height:1.3;display:inline-flex;position:absolute;top:6px;right:6px}.shader-library-card{content-visibility:auto;contain-intrinsic-size:156px;container-type:inline-size}@container (max-width:142px){.shader-lab-v2-material-card .live-material-source-tag-label,.shader-library-card .live-material-source-tag-label{display:none}.shader-lab-v2-material-card .live-material-source-tag,.shader-library-card .live-material-source-tag{gap:0;padding-inline:3px}}.paper-material-grain{mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");background-size:160px 160px}.paper-shader-host{contain:strict;isolation:isolate;min-width:0;min-height:0}.paper-shader-host>:not(.paper-material-grain),.paper-shader-host canvas{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}@keyframes live-material-canvas-ready{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){[data-live-material-surface] canvas{animation:90ms cubic-bezier(.22,1,.36,1) both live-material-canvas-ready}}.shader-library-browser-compact .shader-library-preview{aspect-ratio:16/9}.shader-library-browser-compact .shader-library-category-filter{scrollbar-width:none;width:100%;padding-bottom:2px;overflow:auto hidden}.shader-library-browser-compact .shader-library-category-filter::-webkit-scrollbar{display:none}.shader-library-show-more{width:calc(100% - 2px);margin:8px 1px 1px}.animation-package-gallery{gap:8px;min-width:0;display:grid}.animation-package-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-package-gallery-sidebar{grid-template-columns:minmax(0,1fr);gap:6px}.animation-package-card{content-visibility:auto;contain-intrinsic-size:148px;min-height:0}.animation-package-preview{aspect-ratio:16/9;border-bottom:1px solid hsl(var(--border))}.animation-package-preview canvas{width:100%;height:100%}.animation-package-gallery-sidebar .animation-package-card{contain-intrinsic-size:66px;grid-template-columns:108px minmax(0,1fr);align-items:stretch;min-height:66px;display:grid}.animation-package-gallery-sidebar .animation-package-preview{border-right:1px solid hsl(var(--border));border-bottom:0;min-height:64px}.animation-package-gallery-sidebar .animation-package-card>span{flex-direction:column;justify-content:center;min-width:0;display:flex}.animation-package-gallery-sidebar.is-compact .animation-package-card{grid-template-columns:88px minmax(0,1fr)}@media (max-width:1100px){.tool-body-with-shader-library{grid-template-columns:auto minmax(0,1fr)}.tool-body-with-shader-library>.shader-library-sidebar{position:absolute;top:0;bottom:0;width:min(390px,100% - 40px)!important}.tool-body-with-shader-library>.shader-library-sidebar-left{left:0}.tool-body-with-shader-library>.shader-library-sidebar-right{right:0}}@container tool-shell (max-width:1120px){.tool-body-with-shader-library{grid-template-columns:minmax(0,1fr)}.tool-body-with-shader-library>.tool-inspector{display:none}.tool-body-with-shader-library>.shader-library-sidebar{position:absolute;top:0;bottom:0;width:min(360px,100% - 56px)!important}.tool-body-with-shader-library>.shader-library-sidebar-left{left:0}.tool-body-with-shader-library>.shader-library-sidebar-right{right:0}}@container tool-shell (max-width:760px){.responsive-toolbar-label,.responsive-toolbar-count{display:none}.tool-body{flex-direction:column;display:flex;overflow-y:auto}.tool-body>.resizable-sidebar{width:100%!important}.tool-body>.resizable-sidebar .resizable-sidebar-handle,.tool-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.tool-body>.resizable-sidebar .resizable-sidebar-scroll{overflow:visible}.tool-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.tool-body-with-shader-library>.shader-library-sidebar{width:min(360px,100%)!important}.tool-inspector{border-top:1px solid hsl(var(--border));border-right:0;order:2;overflow:visible}.tool-canvas{flex:none;order:1;min-height:min(500px,58dvh);overflow:hidden visible}}.source-code-drawer{z-index:60;border-left:1px solid hsl(var(--border));background:hsl(var(--background));width:min(32rem,100%);min-width:0;max-width:100%;box-shadow:-10px 0 28px hsl(var(--foreground) / .07);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;top:0;bottom:0;right:0}.source-code-drawer-header{height:var(--studio-toolbar-height);min-height:var(--studio-toolbar-height);max-height:var(--studio-toolbar-height);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem 0 1rem;display:flex}.source-code-format{max-width:100%;color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;margin-top:.2rem;font-size:10px;line-height:1.2;display:flex;overflow:hidden}.source-code-format svg{width:11px;height:11px}.source-code-drawer-resize{z-index:2;touch-action:none;cursor:col-resize;outline:none;width:16px;position:absolute;top:0;bottom:0;left:-8px}.source-code-drawer-resize:after{content:"";background:hsl(var(--border));width:1px;transition:width .12s,background-color .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.source-code-drawer-resize:hover:after,.source-code-drawer-resize:focus-visible:after,.source-code-drawer[data-resizing=true] .source-code-drawer-resize:after{background:hsl(var(--foreground) / .58);width:3px}.source-code-drawer[data-resizing=true]{-webkit-user-select:none;user-select:none}.tool-shell>.source-code-drawer,.animation-studio>.source-code-drawer,.source-code-host>.source-code-drawer{top:var(--studio-toolbar-height)}.tool-body>.source-code-drawer{top:0}.source-code-drawer-body{background:hsl(var(--background));grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.source-code-controls{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .28);min-width:0;display:grid}.source-code-toolbar{background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;min-height:42px;padding:.3rem .5rem .3rem .75rem;display:grid}.source-code-toolbar-actions{justify-content:flex-end;align-items:center;gap:.15rem;min-width:0;display:flex}.source-code-outline{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));min-width:0;max-width:9.5rem;height:30px;color:hsl(var(--muted-foreground));align-items:center;gap:.3rem;padding:0 .45rem;display:flex}.source-code-outline:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring) / .26)}.source-code-outline [data-studio-select-leading]>svg{flex:none;width:13px;height:13px}.source-code-outline[data-studio-select=true]{width:9.5rem;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:10px}.source-code-findbar{border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(9rem,1fr) auto auto minmax(7rem,.75fr) auto auto auto;align-items:center;gap:.2rem;min-width:0;padding:.35rem .5rem;display:grid}.source-code-find-field,.source-code-replace-field{border:1px solid hsl(var(--border));background:hsl(var(--background));align-items:center;gap:.4rem;min-width:0;height:30px;padding:0 .5rem;display:flex}.source-code-find-field:focus-within,.source-code-replace-field:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring) / .26)}.source-code-find-field>svg{width:13px;height:13px;color:hsl(var(--muted-foreground));flex:none}.source-code-find-field>input,.source-code-replace-field>input{width:100%;min-width:0;color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:0 0;border:0;outline:0;font-size:11px}.source-code-find-field>span:last-child{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;white-space:nowrap;flex:none;font-size:9px}.source-code-validation{min-width:0;color:hsl(var(--status-error));align-items:center;gap:.4rem;font-size:11px;font-weight:600;display:flex}.source-code-validation[data-status=valid]{color:hsl(var(--status-success))}.source-code-validation svg{flex:none;width:13px;height:13px}.source-code-validation span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-code-stats{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;white-space:nowrap;font-size:10px}.source-code-editor{--source-code-line-height:20.4px;background:hsl(var(--muted) / .16);grid-template-columns:3.25rem minmax(0,1fr);min-width:0;min-height:0;transition:box-shadow .14s,background-color .14s;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.source-code-editor:focus-within{background:hsl(var(--muted) / .22);box-shadow:inset 0 0 0 1px hsl(var(--ring) / .5)}.source-code-gutter{border-right:1px solid hsl(var(--border));min-height:0;color:hsl(var(--muted-foreground) / .68);background:hsl(var(--muted) / .24);font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:11px;line-height:var(--source-code-line-height);text-align:right;-webkit-user-select:none;user-select:none;padding:1rem .65rem 1rem .35rem;overflow:hidden}.source-code-gutter span{height:var(--source-code-line-height);padding-right:.25rem;display:block}.source-code-gutter span[data-error-line=true]{border-right:2px solid hsl(var(--status-error));color:hsl(var(--status-error));background:hsl(var(--status-error) / .08)}.source-code-gutter span[data-current-line=true]{color:hsl(var(--foreground));background:hsl(var(--foreground) / .055)}.source-code-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.source-code-highlight,.source-code-textarea{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-ligatures:none;font-size:12px;font-weight:450;line-height:var(--source-code-line-height);tab-size:2;white-space:pre;border:0;margin:0;padding:1rem;position:absolute;inset:0}.source-code-highlight{z-index:0;color:hsl(var(--foreground));pointer-events:none;overflow:hidden}.source-code-highlight-line{width:max-content;min-width:100%;height:var(--source-code-line-height);display:block}.source-code-highlight-line[data-current-line=true]{background:hsl(var(--foreground) / .035)}.source-code-highlight-line[data-error-line=true]{background:hsl(var(--status-error) / .08);box-shadow:inset 2px 0 hsl(var(--status-error) / .72)}.source-code-highlight [data-token=property]{color:#0550ae}.source-code-highlight [data-token=string]{color:#0a3069}.source-code-highlight [data-token=number]{color:#953800}.source-code-highlight [data-token=boolean],.source-code-highlight [data-token=null],.source-code-highlight [data-token=operator]{color:#8250df}.source-code-highlight [data-token=punctuation]{color:#57606a}.source-code-highlight [data-token=comment]{color:#6e7781;font-style:italic}.dark .source-code-highlight [data-token=property]{color:#79c0ff}.dark .source-code-highlight [data-token=string]{color:#a5d6ff}.dark .source-code-highlight [data-token=number]{color:#ffa657}.dark .source-code-highlight [data-token=boolean],.dark .source-code-highlight [data-token=null],.dark .source-code-highlight [data-token=operator]{color:#d2a8ff}.dark .source-code-highlight [data-token=punctuation],.dark .source-code-highlight [data-token=comment]{color:#8b949e}.source-code-textarea{z-index:1;resize:none;caret-color:hsl(var(--foreground));color:#0000;-webkit-text-fill-color:transparent;background:0 0;outline:none;overflow:auto}.source-code-textarea::selection{background:hsl(var(--primary) / .24);-webkit-text-fill-color:transparent}.source-code-editor[data-highlight-pending=true] .source-code-highlight{visibility:hidden}.source-code-editor[data-highlight-pending=true] .source-code-textarea{color:hsl(var(--foreground));-webkit-text-fill-color:hsl(var(--foreground))}.source-code-editor[data-highlight-pending=true] .source-code-textarea::selection{-webkit-text-fill-color:hsl(var(--foreground))}.source-code-error{border-top:1px solid hsl(var(--status-error-border));background:hsl(var(--status-error-background));color:hsl(var(--status-error));align-items:flex-start;gap:.5rem;padding:.65rem .8rem;font-size:11px;line-height:1.5;display:flex}.source-code-error svg{flex:none;width:14px;height:14px;margin-top:1px}.source-code-footer{border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:auto auto minmax(0,1fr);gap:.5rem;padding:.65rem;display:grid}.source-code-footer>:last-child{justify-self:end}.source-code-footer kbd{color:currentColor;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;opacity:.66;margin-left:.35rem;font-size:9px}@media (max-width:520px){.source-code-toolbar{grid-template-columns:minmax(0,1fr) auto}.source-code-toolbar-actions{grid-column:2}.source-code-findbar{grid-template-columns:minmax(0,1fr) auto auto}.source-code-replace-field{grid-column:1}.source-code-stats,.source-code-footer kbd{display:none}}.tool-inspector,.studio-inspector,.tool-canvas{overscroll-behavior:contain}.tool-inspector,.studio-inspector,.studio-sidebar-scroll,.brand-elements-editor,.brand-identity-nav,.brand-identity-content{min-width:0;overflow-x:hidden;border-radius:0!important}.resizable-sidebar{isolation:isolate;flex:none;min-width:0;min-height:0;transition:width .18s cubic-bezier(.22,1,.36,1);position:relative;overflow:visible!important}.resizable-sidebar-scroll{width:100%;height:100%;min-height:0;overflow:hidden auto}.resizable-sidebar[data-resizing=true]{-webkit-user-select:none;user-select:none;transition:none}.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:hidden;opacity:0;pointer-events:none}.resizable-sidebar-toggle{z-index:34;border:1px solid hsl(var(--border));width:14px;height:52px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background) / .98);box-shadow:0 4px 12px hsl(var(--shadow-color) / .1);opacity:.86;cursor:pointer;border-radius:5px;place-items:center;transition:color .14s,border-color .14s,background-color .14s,box-shadow .14s,opacity .14s;display:grid;position:absolute;inset:50% auto auto;transform:translateY(-50%)}.resizable-sidebar[data-resize-edge=right] .resizable-sidebar-toggle{right:-7px}.resizable-sidebar[data-resize-edge=left] .resizable-sidebar-toggle{left:-7px}.resizable-sidebar-toggle:after{content:"";position:absolute;inset:-5px -8px}.resizable-sidebar:hover .resizable-sidebar-toggle,.resizable-sidebar:focus-within .resizable-sidebar-toggle,.resizable-sidebar[data-collapsed=true] .resizable-sidebar-toggle,.resizable-sidebar[data-resizing=true] .resizable-sidebar-toggle{opacity:1}.resizable-sidebar-toggle:hover,.resizable-sidebar-toggle:focus-visible{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .28);background:hsl(var(--accent));box-shadow:0 5px 14px hsl(var(--shadow-color) / .16);opacity:1;outline:none}.resizable-sidebar-toggle:focus-visible{box-shadow:0 0 0 2px hsl(var(--focus-ring) / .28), 0 5px 14px hsl(var(--shadow-color) / .16)}.resizable-sidebar-toggle-line{opacity:.56;background:currentColor;border-radius:2px;width:2px;height:22px;transition:opacity .14s,transform .14s cubic-bezier(.22,1,.36,1)}.resizable-sidebar-toggle:hover .resizable-sidebar-toggle-line,.resizable-sidebar-toggle:focus-visible .resizable-sidebar-toggle-line{opacity:1}.resizable-sidebar-toggle:active .resizable-sidebar-toggle-line{transform:scaleY(.9)}.resizable-sidebar-handle{z-index:33;touch-action:none;cursor:col-resize;outline:none;width:16px;position:absolute;top:0;bottom:0}.resizable-sidebar[data-resize-edge=right] .resizable-sidebar-handle{right:-8px}.resizable-sidebar[data-resize-edge=left] .resizable-sidebar-handle{left:-8px}.resizable-sidebar-handle:after{content:"";background:hsl(var(--border));width:1px;transition:width .12s,background-color .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.resizable-sidebar-handle:hover:after,.resizable-sidebar-handle:focus-visible:after,.resizable-sidebar[data-resizing=true] .resizable-sidebar-handle:after{background:hsl(var(--foreground) / .58);width:3px}.resizable-sidebar[data-collapsed=true] .resizable-sidebar-handle{pointer-events:none;opacity:0}.brand-elements-body{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"catalog editor canvas"}.brand-elements-catalog{grid-area:catalog}.brand-elements-canvas{grid-area:canvas}.brand-elements-editor{border-right:1px solid hsl(var(--border));grid-area:editor;min-width:0;border-left:0!important}.element-editor-field,.element-editor-color{flex-direction:column;gap:.4rem;display:flex}.element-editor-field>span,.element-editor-color>span:first-child{color:hsl(var(--muted-foreground));font-size:.6875rem;font-weight:520}.element-editor-field select{border:1px solid hsl(var(--input));height:2.25rem;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:.375rem;outline:none;padding:0 .7rem;font-size:.8125rem}.element-editor-color>span:last-child{border:1px solid hsl(var(--input));border-radius:.375rem;grid-template-columns:2.25rem minmax(0,1fr);height:2.25rem;display:grid;overflow:hidden}.element-editor-color input[type=color]{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0}.element-editor-color input:not([type=color]){border:0;border-left:1px solid hsl(var(--input));min-width:0;color:hsl(var(--foreground));background:hsl(var(--background));font-family:var(--font-mono), monospace;outline:none;padding:0 .6rem;font-size:.6875rem}.element-editor-toggle{justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.element-editor-toggle input{width:2rem;height:1.1rem;accent-color:hsl(var(--foreground))}.element-editor-range{flex-direction:column;gap:.5rem;display:flex}.element-editor-range>span{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:.75rem;font-size:.6875rem;display:flex}.element-editor-range output{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.625rem}.brand-element-pattern{z-index:0;opacity:.12;pointer-events:none;position:absolute;inset:0}.brand-element-pattern[data-pattern=dots]{background-image:radial-gradient(currentColor 1px,#0000 1.2px);background-size:15px 15px}.brand-element-pattern[data-pattern=grid]{background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px);background-size:28px 28px}.brand-element-pattern[data-pattern=dither]{opacity:.18;background-image:radial-gradient(circle,currentColor 0 1px,#0000 1.2px),radial-gradient(circle,currentColor 0 1.4px,#0000 1.6px);background-position:0 0,5px 5px;background-size:9px 9px,18px 18px;-webkit-mask-image:linear-gradient(125deg,#000,#0008 48%,#0000 82%);mask-image:linear-gradient(125deg,#000,#0008 48%,#0000 82%)}.tool-canvas,.tool-inspector{min-width:0}.tool-canvas,.studio-stage{background-color:hsl(var(--canvas-background))}.component-library-catalog-count{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:28px;height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .78);font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums;place-items:center;display:grid}.component-library-catalog{gap:1.1rem;padding:.8rem;display:grid}.component-library-catalog-family{gap:.45rem;display:grid}.component-library-catalog-family>header{justify-content:space-between;align-items:center;gap:.75rem;min-height:20px;padding-inline:.2rem;display:flex}.component-library-catalog-family>header h3,.component-library-catalog-family>header span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);line-height:1}.component-library-catalog-family>header h3{letter-spacing:.08em;text-transform:uppercase}.component-library-catalog-family>header span{font-variant-numeric:tabular-nums}.component-library-catalog-list{gap:.3rem;display:grid}.component-library-catalog-list>button{border-radius:var(--studio-corner-md);min-width:0;min-height:42px;color:hsl(var(--muted-foreground));font-size:var(--studio-control-value-size);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:30px minmax(0,1fr) 6px;align-items:center;gap:.65rem;padding:.35rem .7rem .35rem .4rem;transition:color .14s,background-color .14s,border-color .14s;display:grid}.component-library-catalog-list>button:hover{border-color:hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.component-library-catalog-list>button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.component-library-catalog-list>button[aria-pressed=true]{border-color:hsl(var(--foreground) / .2);color:hsl(var(--foreground));background:hsl(var(--raised-background));box-shadow:var(--studio-shadow-ring-xs)}.component-library-catalog-list>button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-library-catalog-icon{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:30px;height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .78);place-items:center;display:grid}.component-library-catalog-icon svg{width:15px;height:15px}.component-library-catalog-list>button[aria-pressed=true] .component-library-catalog-icon{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.component-library-catalog-selection{background:0 0;border-radius:999px;width:5px;height:5px}.component-library-catalog-list>button[aria-pressed=true] .component-library-catalog-selection{background:hsl(var(--emphasis));box-shadow:0 0 0 3px hsl(var(--emphasis) / .12)}.component-library-inspector-title,.component-library-preview-title{align-items:center;gap:.65rem;min-width:0;display:flex}.component-library-inspector-title>svg{width:15px;height:15px;color:hsl(var(--muted-foreground));flex:none}.component-library-preview-title>span{border:1px solid hsl(var(--border));border-radius:var(--component-radius);width:34px;height:34px;color:hsl(var(--foreground));background:hsl(var(--muted));flex:none;place-items:center;display:grid}.component-library-preview-title>span svg{width:16px;height:16px}.component-library-demo{--component-density-scale:1;--component-elevation:none;--component-letter-spacing:0;--component-text-scale:1;color:hsl(var(--foreground));background:hsl(var(--component-canvas));border-radius:var(--component-radius);overflow:hidden;box-shadow:var(--component-elevation)!important}.component-library-preview-surface{color:hsl(var(--foreground));background:hsl(var(--component-canvas))}.component-library-header{border-bottom-width:var(--component-border-width);background:hsl(var(--background))}.component-library-demo :is(.smooth-shadow-ring-xl,.smooth-shadow-ring-2xl){box-shadow:var(--component-elevation)!important}.component-library-demo span.group.relative.inline-flex>span.absolute{background-image:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--accent)), hsl(var(--primary)))}.component-library-demo :is(button,input,textarea,article,aside,nav,[role=dialog],[class~=rounded],[class~=rounded-sm],[class~=rounded-md],[class~=rounded-lg]){border-radius:var(--component-radius)!important}.component-library-demo [class~=rounded-t-sm]{border-radius:var(--component-radius) var(--component-radius) 0 0!important}.component-library-demo :is([class~=border],input,textarea,nav,article,aside,[role=dialog]){border-width:var(--component-border-width)}.component-library-demo [class~=border-t]{border-top-width:var(--component-border-width)!important}.component-library-demo :is([class~=border-b],[class~=border-b-2]){border-bottom-width:var(--component-border-width)!important}.component-library-demo [class~=border-r]{border-right-width:var(--component-border-width)!important}.component-library-demo [class~=border-l]{border-left-width:var(--component-border-width)!important}.component-library-demo [class~=border-y]{border-block-width:var(--component-border-width)!important}.component-library-demo.component-density-compact{--component-density-scale:.72}.component-library-demo.component-density-spacious{--component-density-scale:1.28}.component-library-demo [class~=p-1]{padding:calc(.25rem * var(--component-density-scale))!important}.component-library-demo [class~=p-2]{padding:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=p-3]{padding:calc(.75rem * var(--component-density-scale))!important}.component-library-demo [class~=p-4]{padding:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=p-5]{padding:calc(1.25rem * var(--component-density-scale))!important}.component-library-demo [class~=p-6]{padding:calc(1.5rem * var(--component-density-scale))!important}.component-library-demo [class~=p-7]{padding:calc(1.75rem * var(--component-density-scale))!important}.component-library-demo [class~=p-8]{padding:calc(2rem * var(--component-density-scale))!important}.component-library-demo [class~=p-10]{padding:calc(2.5rem * var(--component-density-scale))!important}.component-library-demo [class~=p-12]{padding:calc(3rem * var(--component-density-scale))!important}.component-library-demo [class~=px-2]{padding-inline:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=px-3]{padding-inline:calc(.75rem * var(--component-density-scale))!important}.component-library-demo [class~=px-4]{padding-inline:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=px-5]{padding-inline:calc(1.25rem * var(--component-density-scale))!important}.component-library-demo [class~=py-1]{padding-block:calc(.25rem * var(--component-density-scale))!important}.component-library-demo [class~=py-2]{padding-block:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=py-3]{padding-block:calc(.75rem * var(--component-density-scale))!important}.component-library-demo [class~=py-4]{padding-block:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=py-8]{padding-block:calc(2rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-1]{gap:calc(.25rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-2]{gap:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-3]{gap:calc(.75rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-4]{gap:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-5]{gap:calc(1.25rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-6]{gap:calc(1.5rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-8]{gap:calc(2rem * var(--component-density-scale))!important}.component-library-demo [class~=gap-10]{gap:calc(2.5rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-0\.5]{margin-top:calc(.125rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-1]{margin-top:calc(.25rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-2]{margin-top:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-3]{margin-top:calc(.75rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-4]{margin-top:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-5]{margin-top:calc(1.25rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-6]{margin-top:calc(1.5rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-8]{margin-top:calc(2rem * var(--component-density-scale))!important}.component-library-demo [class~=mt-10]{margin-top:calc(2.5rem * var(--component-density-scale))!important}.component-library-demo [class~=mb-2]{margin-bottom:calc(.5rem * var(--component-density-scale))!important}.component-library-demo [class~=mb-4]{margin-bottom:calc(1rem * var(--component-density-scale))!important}.component-library-demo [class~=ml-2]{margin-left:calc(.5rem * var(--component-density-scale))!important}.component-library-demo :where(*):not(.font-mono){letter-spacing:var(--component-letter-spacing)}.component-library-demo :is(.font-medium,.font-semibold,strong,b){font-weight:inherit!important}.component-library-demo [class~=text-xs]{font-size:calc(.75rem * var(--component-text-scale))!important}.component-library-demo [class~=text-sm]{font-size:calc(.875rem * var(--component-text-scale))!important}.component-library-demo [class~=text-base]{font-size:calc(1rem * var(--component-text-scale))!important}.component-library-demo [class~=text-lg]{font-size:calc(1.125rem * var(--component-text-scale))!important}.component-library-demo [class~=text-xl]{font-size:calc(1.25rem * var(--component-text-scale))!important}.component-library-demo [class~=text-2xl]{font-size:calc(1.5rem * var(--component-text-scale))!important}.component-library-demo [class~=text-3xl]{font-size:calc(1.875rem * var(--component-text-scale))!important}.component-library-demo [class~=text-4xl]{font-size:calc(2.25rem * var(--component-text-scale))!important}.component-library-demo [class~=text-5xl]{font-size:calc(3rem * var(--component-text-scale))!important}.component-library-demo [class~="text-[10px]"]{font-size:calc(.625rem * var(--component-text-scale))!important}.component-library-demo[data-component-size=sm] input{min-height:2rem;height:2rem!important}.component-library-demo[data-component-size=lg] input{min-height:2.75rem;height:2.75rem!important}.canvas-viewport{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-viewport-toolbar{z-index:30;background:hsl(var(--raised-background) / .94);min-height:42px;box-shadow:var(--studio-shadow-ring-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.canvas-zoom-range{align-items:center;width:72px;padding:0 .35rem;display:flex}.canvas-zoom-range input{width:100%;accent-color:hsl(var(--foreground))}.canvas-zoom-value{min-width:46px;height:28px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;cursor:pointer;background:0 0;border:0;border-radius:.3rem;font-size:.6875rem}.canvas-zoom-value:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.canvas-toolbar-divider{background:hsl(var(--border));width:1px;height:18px;margin:0 .15rem}.canvas-action-history{z-index:29;border:1px solid hsl(var(--border));width:min(280px,100% - 2rem);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:.55rem;position:absolute;top:4rem;right:1rem;overflow:hidden}.canvas-action-history>header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:.75rem;min-height:42px;padding:.35rem .45rem .35rem .75rem;display:flex}.canvas-action-history>header>span,.canvas-action-history>header>div{align-items:center;gap:.45rem;display:flex}.canvas-action-history>header svg{width:13px;height:13px}.canvas-action-history>header strong{font-size:.6875rem;font-weight:650}.canvas-action-history ol{max-height:260px;margin:0;padding:.35rem 0;list-style:none;overflow-y:auto}.canvas-action-history li{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:.6rem;padding:.5rem .75rem;display:grid}.canvas-action-history li>span{border:1px solid hsl(var(--muted-foreground) / .55);border-radius:50%;width:6px;height:6px;margin-top:.25rem}.canvas-action-history li[aria-current=step]{background:hsl(var(--muted) / .72)}.canvas-action-history li[aria-current=step]>span{border-color:hsl(var(--primary));background:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.canvas-action-history li div{flex-direction:column;gap:.1rem;min-width:0;display:flex}.canvas-action-history li strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:560;overflow:hidden}.canvas-action-history li small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.5625rem}.canvas-action-history-empty{color:hsl(var(--muted-foreground));grid-template-columns:1fr!important}.shader-lab-v2-composer-viewport .canvas-action-history{top:3.5rem;right:.75rem}.canvas-viewport-scroll{overscroll-behavior:contain;cursor:grab;touch-action:none;width:100%;height:100%;min-height:0;overflow:hidden}.canvas-viewport-scroll[data-panning=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-viewport-scroll[data-space-pressed=true]{cursor:grab}.canvas-viewport-scroll[data-space-pressed=true][data-panning=true]{cursor:grabbing}.canvas-viewport-stage{transform-origin:0 0;contain:layout paint style;width:100%;min-height:100%}.canvas-viewport-scroll[data-panning=true] .canvas-viewport-stage{will-change:transform}.canvas-viewport-stage[data-canvas-font=enforced],.canvas-viewport-stage[data-canvas-font=enforced] :where(*){font-family:var(--canvas-selected-font)!important}.editable-canvas-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;min-width:0;min-height:0;position:absolute}.editable-canvas-layer:active{cursor:grabbing}.editable-canvas-layer-selection{z-index:2147483000;pointer-events:none;touch-action:none;position:fixed}.editable-canvas-layer-selection:after{z-index:20;content:"";pointer-events:none;border:2px solid #5b7cff;position:absolute;inset:-4px;box-shadow:0 0 0 1px #ffffffb8}.editable-canvas-layer-selection :is(.editable-canvas-layer-edge,.editable-canvas-layer-move,.editable-canvas-layer-move-edge,.editable-canvas-layer-resize){pointer-events:auto}.editable-canvas-layer-content{pointer-events:none;width:100%;height:100%;overflow:visible}.editable-canvas-layer[data-content-interactive=true],.editable-canvas-layer[data-content-interactive=true]:active{cursor:default;pointer-events:none}.editable-canvas-layer[data-content-interactive=true] [data-canvas-editable=true],.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-edge,.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-move,.editable-canvas-layer[data-content-interactive=true] .editable-canvas-layer-resize{pointer-events:auto}.editable-canvas-layer[data-content-interactive=true]:is([data-multi-selection=true],[data-assembly-move=true]){cursor:grab;pointer-events:auto}.editable-canvas-layer[data-content-interactive=true]:is([data-multi-selection=true],[data-assembly-move=true]) [data-canvas-editable=true]{cursor:grab;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-smart-guide{z-index:1000;pointer-events:none;background:#ff3b8d;display:block;position:absolute;box-shadow:0 0 0 1px #ffffff73}.canvas-smart-guide--vertical{width:1px;top:0;bottom:0;transform:translate(-.5px)}.canvas-smart-guide--horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.canvas-selection-assembly{z-index:2147483000;pointer-events:none;border:2px solid #5b7cff;position:fixed;box-shadow:0 0 0 1px #ffffffb8}.canvas-selection-assembly:before{content:"";background:#5b7cff;border:1px solid #ffffffe6;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #5b7cff}.canvas-selection-assembly__label{color:#fff;min-height:20px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#5b7cff;border-radius:3px 3px 0 0;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% + 4px);left:-2px}.canvas-selection-menu{z-index:2147483100;border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(250px,100vw - 16px);max-height:calc(100vh - 16px);color:hsl(var(--foreground));border-radius:10px;position:fixed;overflow:hidden auto;box-shadow:0 18px 60px #00000047,0 2px 8px #0000002e}.canvas-selection-menu__heading{border-bottom:1px solid hsl(var(--border));min-height:38px;color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:10px;font-weight:600;display:flex}.canvas-selection-menu kbd{color:hsl(var(--muted-foreground));font-family:var(--font-mono,ui-monospace, monospace);font-size:9px;font-weight:500}.canvas-selection-menu__actions{padding:5px;display:grid}.canvas-selection-menu__actions button,.canvas-selection-menu__delete{min-height:34px;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.canvas-selection-menu button:hover:not(:disabled),.canvas-selection-menu button:focus-visible{background:hsl(var(--muted));outline:0}.canvas-selection-menu button:focus-visible{box-shadow:inset 0 0 0 2px #5b7cff}.canvas-selection-menu button:disabled{cursor:not-allowed;opacity:.38}.canvas-selection-menu button svg{width:14px;height:14px}.canvas-selection-menu__align{border-block:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;gap:7px;padding:9px 10px 10px;font-size:9px;font-weight:600;display:grid}.canvas-selection-menu__align>div{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.canvas-selection-menu__align button{border:1px solid hsl(var(--border));background:hsl(var(--background));min-width:28px;min-height:28px;color:hsl(var(--foreground));font-family:var(--font-mono,ui-monospace, monospace);border-radius:5px;font-size:9px}.canvas-selection-menu__delete{width:calc(100% - 10px);color:hsl(var(--destructive));margin:5px}.studio-context-menu{--studio-context-origin-x:0%;--studio-context-origin-y:0%;z-index:2147483200;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg,10px);background:hsl(var(--card) / .98);width:min(272px,100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--studio-shadow-ring-lg), 0 22px 64px #00000047;color:hsl(var(--foreground));opacity:1;transform-origin:var(--studio-context-origin-x) var(--studio-context-origin-y);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);outline:0;transition:opacity .11s ease-out,transform .11s ease-out;position:fixed;overflow:hidden auto;transform:scale(1)}@starting-style{.studio-context-menu[data-positioned=true]{opacity:0;transform:scale(.98)}}.studio-context-menu__header{border-bottom:1px solid hsl(var(--border));align-content:center;gap:2px;min-height:42px;padding:7px 10px;display:grid}.studio-context-menu__header strong,.studio-context-menu__header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-context-menu__header strong{font-size:11px;font-weight:650}.studio-context-menu__header span,.studio-context-menu__section-label{color:hsl(var(--muted-foreground));font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.065em;text-transform:uppercase;font-size:9px}.studio-context-menu__section{gap:1px;padding:5px;display:grid}.studio-context-menu__section+.studio-context-menu__section{border-top:1px solid hsl(var(--border))}.studio-context-menu__section-label{padding:5px 7px 3px}.studio-context-menu__item{border-radius:var(--studio-corner-sm,6px);min-height:34px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.studio-context-menu__item:hover:not(:disabled),.studio-context-menu__item:focus-visible{background:hsl(var(--muted));outline:0}.studio-context-menu__item:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--ring))}.studio-context-menu__item:active:not(:disabled){transform:scale(.985)}.studio-context-menu__item:disabled{cursor:not-allowed;opacity:.36}.studio-context-menu__item[data-danger=true]{color:hsl(var(--destructive))}.studio-context-menu__icon,.studio-context-menu__check{place-items:center;min-width:18px;display:grid}.studio-context-menu__icon svg{width:14px;height:14px}.studio-context-menu__copy{gap:1px;min-width:0;display:grid}.studio-context-menu__copy strong,.studio-context-menu__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-context-menu__copy strong{font-size:11px;font-weight:520}.studio-context-menu__copy small{color:hsl(var(--muted-foreground));font-size:9px}.studio-context-menu kbd{min-width:22px;color:hsl(var(--muted-foreground));font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:9px;font-weight:500}.studio-preview-tooltip{z-index:170;border:1px solid hsl(var(--foreground) / .22);width:min(300px,100vw - 20px);color:hsl(var(--foreground));background:hsl(var(--popover) / .97);box-shadow:0 18px 52px hsl(var(--shadow-color) / .3), inset 0 1px hsl(var(--foreground) / .045);opacity:0;pointer-events:auto;transform-origin:var(--studio-preview-origin-x) top;visibility:hidden;border-radius:9px;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;overflow:hidden;transform:translateY(2px)scale(.975)}.studio-preview-tooltip[data-side=top]{transform-origin:var(--studio-preview-origin-x) bottom;transform:translateY(-2px)scale(.975)}.studio-preview-tooltip[data-positioned=true]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.studio-preview-tooltip[data-keyboard=true]{transition-duration:0s}.studio-preview-tooltip[data-size=compact]{border-radius:8px;width:min(244px,100vw - 20px)}.studio-preview-tooltip__visual{aspect-ratio:16/9;border-bottom:1px solid hsl(var(--foreground) / .14);background:linear-gradient(135deg, hsl(var(--foreground) / .045), transparent 55%), #0b0b0d;width:100%;position:relative;overflow:hidden}.studio-preview-tooltip__visual>:is(canvas,img,span,div){width:100%;height:100%}.studio-preview-tooltip__visual>img{object-fit:contain;display:block}.studio-preview-tooltip__visual .animation-timeline-preview-canvas{object-fit:contain;height:100%;display:block}.studio-layer-tooltip-preview{background-color:#111216;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;display:grid;position:relative;overflow:hidden}.studio-layer-tooltip-preview>img{z-index:2;object-fit:contain;filter:drop-shadow(0 5px 12px #0000006b);width:76%;height:76%;display:block;position:relative}.studio-layer-tooltip-preview>.studio-layer-tooltip-preview__material{z-index:1;object-fit:contain;filter:none;width:100%;height:100%;position:absolute;inset:0}.studio-layer-tooltip-preview>span:not([aria-hidden=true]){z-index:3;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 10px #00000080;white-space:nowrap;max-width:86%;padding:5px 8px;font-size:clamp(20px,8cqw,34px);line-height:1.08;display:block;position:relative;overflow:hidden}.studio-layer-tooltip-preview .composition-effect-thumbnail{z-index:2;width:auto;height:auto;position:absolute;inset:12px}.studio-preview-tooltip__copy{gap:4px;padding:10px 11px 11px;display:grid}.studio-preview-tooltip__copy>span,.studio-preview-tooltip__copy>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.055em;text-transform:uppercase;font-size:8px}.studio-preview-tooltip__copy>strong{font-size:12px;font-weight:650}.studio-preview-tooltip__copy>p{color:hsl(var(--muted-foreground));margin:0;font-size:10px;line-height:1.45}.studio-preview-tooltip__copy>small{margin-top:2px}.studio-preview-tooltip[data-size=compact] .studio-preview-tooltip__copy{gap:2px;padding:7px 9px 8px}.studio-preview-tooltip[data-size=compact] .studio-preview-tooltip__copy>strong{font-size:11px}@media (prefers-reduced-motion:reduce){.studio-preview-tooltip{transition:opacity 80ms linear;transform:none}.studio-context-menu,.studio-context-menu__item{transition:none}}.color-hue-range{--color-hue-gradient:linear-gradient(90deg, red 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.color-picker-popover{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:0;position:fixed;inset:auto;overflow:auto}.color-picker-popover:not(:popover-open){display:none}.color-picker-popover:popover-open{display:flex}.color-picker-popover::backdrop{background:0 0}.color-hue-range::-webkit-slider-runnable-track{background:var(--color-hue-gradient);border-radius:999px;height:8px}.color-hue-range::-webkit-slider-thumb{border-radius:999px;margin-top:-5px}.color-hue-range::-moz-range-track{background:var(--color-hue-gradient);border-radius:999px;height:8px}.color-hue-range::-moz-range-thumb{border-radius:999px}.editable-canvas-layer-name{z-index:22;color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#5b7cff;padding:2px 5px;font-size:9px;line-height:1.25;position:absolute;bottom:calc(100% + 6px);left:-5px}.editable-canvas-layer-move{z-index:27;cursor:move;touch-action:none;background:#5b7cff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.editable-canvas-layer-move:after{content:"";pointer-events:none;background:#5b7cff;width:1px;height:25px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.editable-canvas-layer-move-edge{z-index:25;cursor:move;touch-action:none;background:0 0;border:0;padding:0;display:block;position:absolute}.editable-canvas-layer-move-edge--top,.editable-canvas-layer-move-edge--bottom{height:9px;left:-4px;right:-4px}.editable-canvas-layer-move-edge--top{top:-5px}.editable-canvas-layer-move-edge--bottom{bottom:-5px}.editable-canvas-layer-move-edge--left,.editable-canvas-layer-move-edge--right{width:9px;top:-4px;bottom:-4px}.editable-canvas-layer-move-edge--left{left:-5px}.editable-canvas-layer-move-edge--right{right:-5px}.editable-canvas-layer-edge{z-index:26;touch-action:none;background:#fff;border:2px solid #5b7cff;border-radius:2px;position:absolute}.editable-canvas-layer-edge--left,.editable-canvas-layer-edge--right{cursor:ew-resize;width:8px;height:18px;top:50%;transform:translateY(-50%)}.editable-canvas-layer-edge--left{left:-8px}.editable-canvas-layer-edge--right{right:-8px}.editable-canvas-layer-edge--top,.editable-canvas-layer-edge--bottom{cursor:ns-resize;width:18px;height:8px;left:50%;transform:translate(-50%)}.editable-canvas-layer-edge--top{top:-8px}.editable-canvas-layer-edge--bottom{bottom:-8px}.editable-canvas-layer-resize{z-index:30;color:#fff;cursor:nwse-resize;touch-action:none;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:-20px;right:-20px}.editable-canvas-layer-resize:before{content:"";pointer-events:none;background:#5b7cff;border:2px solid #fff;width:16px;height:16px;position:absolute}.editable-canvas-layer-resize svg{z-index:1;pointer-events:none;width:9px;height:9px;position:relative}.canvas-dimension-handles{z-index:45;pointer-events:none;position:absolute;inset:0}.canvas-dimension-handle{color:#fff;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;outline:none;display:block;position:absolute}.canvas-dimension-handle:after{opacity:0;content:"";background:#5b7cff;transition:opacity .12s;position:absolute}.canvas-dimension-handle:hover:after,.canvas-dimension-handle:focus-visible:after,.canvas-dimension-handles[data-resizing=true] .canvas-dimension-handle:after{opacity:1}.canvas-dimension-handle-width{cursor:ew-resize;width:14px;height:100%;top:0;right:-7px}.canvas-dimension-handle-width:after{width:2px;height:100%;top:0;right:6px}.canvas-dimension-handle-height{cursor:ns-resize;width:100%;height:14px;bottom:-7px;right:0}.canvas-dimension-handle-height:after{width:100%;height:2px;bottom:6px;right:0}.canvas-dimension-handle-corner{z-index:2;cursor:nwse-resize;background:#5b7cff;border:2px solid #fff;place-items:center;width:22px;height:22px;display:grid;bottom:-10px;right:-10px;box-shadow:0 0 0 1px #00000040}.canvas-dimension-handle-corner:after{display:none}.canvas-dimension-handle-corner svg{width:11px;height:11px}.canvas-dimension-readout{color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.04em;pointer-events:none;background:#0d0d0fdb;padding:5px 7px;font-size:10px;position:absolute;bottom:18px;right:18px}.artboard-size-trigger{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;height:30px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 9px;transition:border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:inline-flex}.artboard-size-trigger>svg{width:11px;height:11px;color:hsl(var(--muted-foreground));transition:transform .14s ease-out}.artboard-size-trigger[aria-expanded=true]{border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted))}.artboard-size-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.artboard-size-trigger:focus-visible{outline:2px solid hsl(var(--ring) / .72);outline-offset:2px}.artboard-size-trigger:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.artboard-size-trigger:hover{border-color:hsl(var(--foreground) / .42);color:hsl(var(--foreground));background:hsl(var(--muted) / .7)}}.artboard-size-popover{z-index:340;border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);max-height:calc(100dvh - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .985);box-shadow:var(--studio-shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:14px;padding:14px;transition:opacity .14s ease-out,transform .14s ease-out;display:grid;position:fixed;overflow-y:auto}@starting-style{.artboard-size-popover{opacity:0;transform:translateY(-3px)scale(.98)}}.artboard-size-popover-header{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.artboard-size-popover-header>span{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .46);place-items:center;width:32px;height:32px;display:grid}.artboard-size-popover-header svg{width:14px;height:14px}.artboard-size-popover-header>div{gap:2px;min-width:0;display:grid}.artboard-size-popover-header strong{font-size:var(--studio-control-label-size);font-weight:650}.artboard-size-popover-header small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artboard-setup-fields{gap:14px;min-width:0;display:grid}.artboard-size-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.artboard-size-preset-grid>button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:76px;color:hsl(var(--muted-foreground));background:hsl(var(--background));text-align:center;grid-template-rows:27px auto;place-items:center;gap:5px;padding:8px 5px;transition:border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out,transform .14s ease-out;display:grid;position:relative;overflow:hidden}.artboard-size-preset-grid>button[aria-pressed=true]{border-color:hsl(var(--foreground));color:hsl(var(--foreground));background:hsl(var(--foreground) / .07);box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .1)}.artboard-size-preset-grid>button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.artboard-size-preset-grid>button:hover{border-color:hsl(var(--foreground) / .45);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}}.artboard-size-preset-grid>button>svg{width:10px;height:10px;position:absolute;top:6px;right:6px}.artboard-size-preset-shape{background:hsl(var(--muted) / .48);border:1px solid;width:31px;max-height:25px;display:block}.artboard-size-preset-grid>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.artboard-size-preset-grid strong,.artboard-size-preset-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artboard-size-preset-grid strong{font-size:var(--studio-control-label-size);font-weight:620}.artboard-size-preset-grid small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size)}.artboard-size-custom-fields{border:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;min-width:0;padding:0;display:grid}.artboard-size-custom-fields legend{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-column:1/-1;margin-bottom:7px;font-weight:560}.artboard-size-custom-fields>span{height:34px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);place-items:center;display:grid}.design-artboard-size-trigger{background:hsl(var(--background) / .58);height:30px}@media (prefers-reduced-motion:reduce){.artboard-size-trigger,.artboard-size-trigger>svg,.artboard-size-popover,.artboard-size-preset-grid>button{transition-duration:.01ms}}@media (max-width:640px){.canvas-zoom-range{display:none}.canvas-viewport-toolbar{top:.5rem;right:.5rem}}.animation-studio{grid-template-rows:var(--studio-toolbar-height) minmax(0, 1fr);display:grid}.animation-studio-compact-controls .studio-inspector .resizable-sidebar-scroll>section{gap:.75rem;padding:.875rem}.animation-body{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"source canvas properties";min-height:0;display:grid;overflow:hidden}.animation-body .studio-inspector:not(.studio-inspector-right){grid-area:source}.animation-body .studio-inspector-right{border-right:0;grid-area:properties;border-left:1px solid hsl(var(--border))!important}.animation-body .studio-inspector{height:100%;min-height:0;max-height:none}.animation-workspace-controls{border-bottom:1px solid hsl(var(--border));background:hsl(var(--raised-background) / .56);gap:10px;min-width:0;padding:12px;display:grid}.animation-workspace-controls-heading{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;min-width:0;display:grid}.animation-workspace-controls-heading>svg{width:14px;height:14px;color:hsl(var(--muted-foreground));margin:2px 0 0 2px}.animation-workspace-controls-heading>span{gap:3px;min-width:0;display:grid}.animation-workspace-controls-heading strong{font-size:var(--studio-control-value-size);font-weight:620}.animation-workspace-controls-heading small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);line-height:1.45}.animation-setup-navigation{z-index:22;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;padding:8px;display:grid;position:sticky;top:0}.animation-setup-navigation button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:44px;color:hsl(var(--muted-foreground));background:hsl(var(--background));font-size:var(--studio-control-label-size);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:7px 8px;font-weight:590;line-height:1;transition:border-color .12s,color .12s,background-color .12s;display:grid}.animation-setup-navigation button:hover{border-color:hsl(var(--foreground) / .55);color:hsl(var(--foreground))}.animation-setup-navigation button[aria-current=step]{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.animation-setup-navigation button:focus-visible,.animation-source-mode-tabs button:focus-visible,.animation-background-scope-options button:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.animation-setup-navigation small{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;opacity:.72;font-size:8px}.animation-setup-navigation span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.animation-source-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.animation-source-mode-tabs button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:48px;color:hsl(var(--muted-foreground));background:hsl(var(--background));font-size:var(--studio-control-label-size);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;font-weight:560;line-height:1;transition:border-color .12s,color .12s,background-color .12s;display:flex}.animation-source-mode-tabs button:hover{border-color:hsl(var(--foreground) / .55);color:hsl(var(--foreground))}.animation-source-mode-tabs button[aria-pressed=true]{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.animation-source-mode-tabs svg{width:14px;height:14px}@container (max-width:270px){.animation-setup-navigation{gap:3px;padding:7px 6px}.animation-setup-navigation button{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;min-height:46px;padding:6px 3px}.animation-setup-navigation small{font-size:7px}.animation-setup-navigation span{width:100%;font-size:9px}.animation-source-mode-tabs{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));gap:0}.animation-source-mode-tabs button{border:0;border-right:1px solid hsl(var(--border));white-space:nowrap;border-radius:0;gap:4px;min-height:46px;padding:5px 2px;font-size:9px}.animation-source-mode-tabs button:first-child{border-radius:var(--studio-corner-sm) 0 0 var(--studio-corner-sm)}.animation-source-mode-tabs button:last-child{border-radius:0 var(--studio-corner-sm) var(--studio-corner-sm) 0;border-right:0}.animation-source-mode-tabs svg{width:12px;height:12px}}.animation-layer-create{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;display:grid}.animation-layer-create>:is(button,label){border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:50px;color:hsl(var(--muted-foreground));background:hsl(var(--background));cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 3px;font-size:9px;font-weight:580;line-height:1;transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out,transform .12s ease-out;display:flex}.animation-layer-create>:is(button,label):active{transform:scale(.97)}.animation-layer-create>button:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover) and (pointer:fine){.animation-layer-create>button:hover:not(:disabled){border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}.animation-layer-create>:is(button,label):hover:not(:has(input:disabled)){border-color:hsl(var(--foreground) / .48);color:hsl(var(--foreground));background:hsl(var(--muted) / .55)}}.animation-layer-create svg{width:14px;height:14px}.animation-sequence-logo-toggle{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .24);min-width:0;min-height:36px;font-size:var(--studio-control-label-size);justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.animation-sequence-logo-toggle>span{align-items:center;gap:7px;min-width:0;display:flex}.animation-sequence-logo-toggle svg{width:13px;height:13px;color:hsl(var(--muted-foreground))}.animation-sequence-stack-heading{min-width:0;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.animation-sequence-stack-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-sequence-stack{gap:3px;min-width:0;display:grid}.animation-sequence-listitem{min-width:0}.animation-sequence-scene{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background));min-width:0;transition:border-color .12s ease-out,background-color .12s ease-out;overflow:hidden}.animation-sequence-scene:is([data-content-selected=true],[data-background-selected=true]),.animation-sequence-transition[aria-pressed=true],.animation-sequence-background[aria-pressed=true]{border-color:hsl(var(--foreground) / .72)}.animation-sequence-layer{grid-template-columns:minmax(0,1fr) auto;min-width:0;transition:background-color .12s ease-out;display:grid;overflow:hidden}.animation-sequence-scene[data-content-selected=true] .animation-sequence-layer,.animation-sequence-scene[data-background-selected=true] .animation-scene-background,.animation-sequence-transition[aria-pressed=true],.animation-sequence-background[aria-pressed=true]{background:hsl(var(--muted) / .72)}.animation-sequence-layer>button,.animation-scene-background>button:first-child,.animation-sequence-transition,.animation-sequence-background{min-width:0;color:hsl(var(--foreground));text-align:left;align-items:center;display:grid}.animation-sequence-layer>button{grid-template-columns:22px minmax(70px,1fr);gap:7px;padding:6px 7px}.animation-sequence-layer>button:focus-visible,.animation-scene-background>button:first-child:focus-visible,.animation-sequence-transition:focus-visible,.animation-sequence-background:focus-visible,.animation-layer-create>:is(button,label):focus-within{outline:2px solid hsl(var(--focus-ring));outline-offset:-2px}.animation-sequence-layer-icon{border:1px solid hsl(var(--border));width:22px;height:22px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .45);border-radius:4px;place-items:center;display:grid}.animation-sequence-layer-icon svg,.animation-sequence-transition>svg{width:11px;height:11px}.animation-sequence-scene[data-content-selected=true] .animation-sequence-layer-icon{border-color:hsl(var(--foreground));color:hsl(var(--background));background:hsl(var(--foreground))}.animation-sequence-layer-copy,.animation-scene-background-copy,.animation-sequence-transition>span:nth-child(2),.animation-sequence-background>span:nth-child(2),.animation-transition-selection>span,.animation-layer-scope-note>span{gap:1px;min-width:0;display:grid}.animation-sequence-layer-copy :is(strong,small),.animation-scene-background-copy :is(strong,small),.animation-sequence-transition :is(strong,small),.animation-sequence-background :is(strong,small),.animation-transition-selection :is(strong,small),.animation-layer-scope-note :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-sequence-layer-copy strong,.animation-scene-background-copy strong,.animation-sequence-transition strong,.animation-sequence-background strong,.animation-transition-selection strong,.animation-layer-scope-note strong{font-size:9px;font-weight:620}.animation-sequence-layer-copy small,.animation-scene-background-copy small,.animation-sequence-transition small,.animation-sequence-background small,.animation-transition-selection small,.animation-layer-scope-note small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:7px}.animation-sequence-layer-actions{border-left:1px solid hsl(var(--border));grid-template-columns:repeat(3,24px);display:grid}.animation-sequence-layer-actions button{border-radius:0;width:24px;height:100%;min-height:0}.animation-scene-background{border-top:1px solid hsl(var(--border));background:hsl(var(--raised-background) / .38);grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:38px;transition:background-color .12s ease-out,box-shadow .12s ease-out;display:grid}.animation-scene-background[data-override=true]{background:hsl(var(--raised-background))}.animation-scene-background>button:first-child{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:6px 8px 6px 11px}.animation-scene-background>button:last-child:not(:first-child){border-left:1px solid hsl(var(--border));border-radius:0;width:28px;height:100%;min-height:0}.animation-sequence-transition,.animation-sequence-background{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;transition:border-color .12s ease-out,background-color .12s ease-out}.animation-sequence-transition{width:calc(100% - 13px);min-height:27px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background) / .48);grid-template-columns:14px minmax(74px,1fr);gap:6px;margin-left:13px;padding:4px 8px}.animation-sequence-tooltip-preview{background:#0b0b0d;grid-template-rows:minmax(0,1fr) 30px;display:grid}.animation-sequence-tooltip-preview__scene{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.animation-sequence-tooltip-preview__scene>:is(canvas,img,span,div){width:100%;height:100%}.animation-sequence-tooltip-preview__scene .animation-timeline-preview-canvas{object-fit:contain;display:block;position:absolute;inset:0}.animation-sequence-tooltip-preview__background{background-color:#0b0b0d;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.animation-sequence-tooltip-preview__position{background:#ffffff06;border-top:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:5px 8px;display:grid}.animation-sequence-tooltip-preview__position>span{color:#ffffff94;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:7px}.animation-sequence-tooltip-preview__track{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:2px;height:16px;padding:2px 3px;display:grid}.animation-sequence-tooltip-preview__track:before{content:"";background:#ffffff29;grid-area:1/1/auto/-1;height:1px}.animation-sequence-tooltip-preview__track>i{z-index:1;background:#ffffffdb;border-radius:2px;grid-row:1;height:10px;box-shadow:0 0 0 1px #00000080}.animation-sequence-tooltip-preview__track>i[data-kind=transition]{background:#ffffff94;height:5px}.animation-sequence-tooltip-preview__track>i[data-kind=background]{background:#ffffff47;border:1px solid #ffffff9e;height:7px}.animation-sequence-tooltip-preview__track>i[data-kind=sequence-background]{background:#ffffff6b;height:10px}.animation-sequence-base{border-bottom:1px solid hsl(var(--border));min-width:0;margin-bottom:7px;padding-bottom:7px}.animation-sequence-background{background:hsl(var(--raised-background));grid-template-columns:44px minmax(0,1fr);gap:9px;min-height:48px;padding:8px 10px}.animation-selected-layer-preview{border:1px solid hsl(var(--foreground) / .42);border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background));overflow:hidden}.animation-selected-layer-preview__visual{border-bottom:1px solid hsl(var(--border));background:radial-gradient(circle at 50% 50%, hsl(var(--foreground) / .045), transparent 58%), #0b0b0d;place-items:center;width:100%;min-height:56px;display:grid;position:relative;overflow:hidden}.animation-selected-layer-preview__visual .animation-timeline-preview-canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.animation-selected-layer-preview__visual .animation-timeline-preview-shader{pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.animation-timeline-preview-shader-image{background-position:50%;background-size:cover;display:block;position:absolute;inset:0}.animation-selected-layer-preview__visual .animation-timeline-preview-canvas[data-transparent-background=true]{z-index:1;background:0 0}.animation-selected-layer-preview__visual>span{color:#ffffffc2;font-family:var(--font-mono), monospace;letter-spacing:.06em;background:#0000009e;border:1px solid #ffffff2e;border-radius:3px;padding:2px 5px;font-size:7px;position:absolute;top:7px;left:8px}.animation-selected-layer-preview__footer{justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 9px 8px 11px;display:flex}.animation-selected-layer-preview__footer>div:first-child{gap:2px;min-width:0;display:grid}.animation-selected-layer-preview__footer small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:7px}.animation-selected-layer-preview__footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.animation-background-preview{border:1px solid hsl(var(--foreground) / .28);background-color:hsl(var(--muted));width:44px;height:26px;box-shadow:inset 0 0 0 1px hsl(var(--background) / .28);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;display:block}.animation-transition-channel-heading{grid-template-columns:8px minmax(0,1fr);align-items:center;gap:1px 8px;min-width:0;padding-top:4px;display:grid}.animation-transition-channel-heading>span{background:hsl(var(--foreground) / .82);border-radius:999px;grid-row:1/3;width:8px;height:8px}.animation-transition-channel-heading[data-channel=background]>span{border:1px solid hsl(var(--foreground) / .62);background:hsl(var(--foreground) / .22)}.animation-transition-channel-heading strong{font-size:var(--studio-control-label-size);font-weight:650}.animation-transition-channel-heading small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-transition-selection,.animation-layer-scope-note{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .35);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.animation-transition-selection>svg,.animation-layer-scope-note>svg{border:1px solid hsl(var(--border));border-radius:4px;width:28px;height:28px;padding:7px}.animation-layer-text-field{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);gap:6px;display:grid}.animation-layer-text-field input{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;height:34px;color:hsl(var(--foreground));background:hsl(var(--raised-background));outline:0;padding:0 9px}.animation-layer-text-field input:focus-visible{border-color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--focus-ring) / .24)}@container (max-width:300px){.animation-layer-create{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-sequence-layer>button,.animation-sequence-transition{grid-template-columns:20px minmax(62px,1fr);gap:5px}.animation-sequence-layer-actions{grid-template-columns:repeat(3,22px)}.animation-sequence-layer-actions button{width:22px}}.animation-background-scope{flex-direction:column;gap:8px;min-width:0;display:flex}.animation-background-scope-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.animation-background-scope-options button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:52px;color:hsl(var(--foreground));background:hsl(var(--background));text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 10px;transition:border-color .12s,background-color .12s;display:flex}.animation-background-scope-options button:hover:not(:disabled){border-color:hsl(var(--foreground) / .55)}.animation-background-scope-options button[aria-pressed=true]{border-color:hsl(var(--foreground));background:hsl(var(--muted));box-shadow:inset 3px 0 0 hsl(var(--foreground))}.animation-background-scope-options button:disabled{cursor:not-allowed;opacity:.45}.animation-background-scope-options strong{max-width:100%;font-size:var(--studio-control-value-size);text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.animation-background-scope-options small,.animation-background-scope-description{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);line-height:1.45}.animation-background-scope-options small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.animation-shader-controls{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background))}.animation-shader-controls>summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:9px 10px;list-style:none;display:grid}.animation-shader-controls>summary::-webkit-details-marker{display:none}.animation-shader-controls>summary span{font-size:var(--studio-control-value-size);font-weight:620}.animation-shader-controls>summary small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size)}.animation-shader-controls-body{border-top:1px solid hsl(var(--border));flex-direction:column;gap:12px;padding:0 10px 10px;display:flex}.animation-shader-controls-body>:first-child{margin-top:10px}.animation-body>section{overscroll-behavior:contain;grid-area:canvas;width:100%;min-width:0;min-height:0;overflow-y:auto}.animation-canvas-section{container-type:inline-size}.animation-artboard-bar{z-index:6;border-bottom:1px solid hsl(var(--border));background:linear-gradient(180deg, hsl(var(--foreground) / .025), transparent), hsl(var(--background) / .96);min-width:0;min-height:46px;box-shadow:0 7px 22px hsl(var(--shadow-color) / .035);grid-template-columns:minmax(150px,210px) auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid;position:sticky;top:0}.animation-artboard-bar[data-has-file-controls=true]{grid-template-columns:minmax(236px,300px) minmax(150px,200px) auto minmax(0,1fr) auto}.animation-artboard-file-controls{border-right:1px solid hsl(var(--border));min-width:0;padding-right:8px}.animation-artboard-file-controls>*{min-width:0}.animation-artboard-file-controls [data-layout=toolbar]{width:100%}.animation-artboard-file-controls [data-layout=toolbar]>button:first-child{flex:120px}@container (max-width:1100px){.animation-artboard-bar[data-has-file-controls=true]{grid-template-columns:minmax(150px,200px) auto minmax(0,1fr);min-height:80px}.animation-artboard-file-controls{border-right:0;border-bottom:1px solid hsl(var(--border));grid-column:1/-1;padding-bottom:5px;padding-right:0}.animation-artboard-bar[data-has-file-controls=true] .animation-artboard-summary{display:none}}@container (max-width:620px){.animation-artboard-file-controls [data-layout=toolbar] button span{display:none}.animation-artboard-file-controls [data-layout=toolbar]>button:first-child span{display:block}}@container (max-width:460px){.animation-artboard-bar[data-has-file-controls=true]{grid-template-columns:minmax(0,1fr) auto;min-height:116px}.animation-artboard-bar[data-has-file-controls=true] .animation-artboard-bar-picker{grid-column:1/-1;width:min(200px,100%)}}@container (max-width:360px){.animation-artboard-actions button:first-child span{display:none}}.animation-artboard-bar-picker{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.animation-artboard-bar-picker>svg{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));background:hsl(var(--raised-background));padding:7px}.animation-artboard-select{border-radius:var(--studio-corner-sm);font-weight:590;height:32px!important;padding-inline:10px!important}.animation-artboard-dimensions,.animation-artboard-summary{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums}.animation-artboard-dimensions{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--muted) / .28);white-space:nowrap;align-items:center;height:28px;padding-inline:9px;display:inline-flex}.animation-artboard-summary{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.animation-artboard-actions{align-items:center;gap:4px;min-width:0;display:flex}.animation-artboard-actions button{border-radius:var(--studio-corner-sm);height:32px}.animation-artboard-actions button svg{width:13px;height:13px}.animation-timeline{z-index:8;border-top:1px solid hsl(var(--border));min-width:0;color:hsl(var(--foreground));background:linear-gradient(180deg, hsl(var(--foreground) / .018), transparent 68px), hsl(var(--background));box-shadow:0 -10px 32px hsl(var(--shadow-color) / .045);flex:none;position:relative}.animation-timeline-toolbar{border-bottom:1px solid hsl(var(--border));grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:7px 10px;display:grid}.animation-timeline-transport,.animation-timeline-status,.animation-timeline-status label{align-items:center;min-width:0;display:flex}.animation-timeline-transport{gap:4px}.animation-timeline-transport button,.animation-timeline-status button,.animation-audio-track-actions button{border-radius:var(--studio-corner-sm)}.animation-timeline-heading{align-items:center;min-width:0;display:flex}.animation-timeline-storyboard-control{align-items:center;gap:12px;min-width:0;display:flex}.animation-timeline-heading strong{font-size:var(--studio-control-value-size);font-weight:650}.animation-timeline-status{gap:12px}.animation-timeline-status label{color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);gap:7px}.animation-timeline-status output{min-width:116px;color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:var(--studio-control-meta-size);font-variant-numeric:tabular-nums;text-align:left}.animation-timeline-scrubber{flex:auto;align-items:center;min-width:0;display:flex}.animation-timeline-scrubber input,.animation-audio-master-volume input,.animation-audio-inspector input[type=range]{width:100%;accent-color:hsl(var(--foreground))}.animation-timeline-scroll{scrollbar-color:hsl(var(--foreground) / .25) transparent;scrollbar-width:thin;min-width:0;overflow:auto hidden;container:animation-timeline-scroll/inline-size}.animation-timeline-content{min-width:100%;position:relative}.animation-storyboard-track{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .08);align-items:stretch;min-width:100%;min-height:96px;padding:8px 10px;display:flex;position:relative}.animation-storyboard-segment{flex:1 0 224px;grid-template-columns:minmax(0,1fr);gap:0;min-width:224px;padding-right:0;display:grid}.animation-storyboard-frame,.animation-storyboard-transition{min-width:0;color:hsl(var(--foreground));background:hsl(var(--raised-background));text-align:left;border:0;border-radius:0;outline:0;flex-direction:column;transition:opacity .12s ease-out,box-shadow .12s ease-out;display:flex;position:relative;overflow:hidden}.animation-storyboard-transition{container-type:inline-size}@container (max-width:54px){.animation-storyboard-transition-caption{place-items:center;padding:0;display:grid}.animation-storyboard-transition-caption>:is(b,strong,small){display:none}.animation-storyboard-transition-caption:after{color:#ffffffd1;content:"→";text-shadow:0 1px 4px #000000e6;font-size:12px}}@media (hover:hover) and (pointer:fine){.animation-storyboard-frame:hover,.animation-storyboard-transition:hover{z-index:2;opacity:1}}.animation-storyboard-frame[data-selected=true]{opacity:1;box-shadow:inset 0 -2px hsl(var(--foreground) / .9)}.animation-storyboard-frame[data-selected=false],.animation-storyboard-transition{opacity:.86}.animation-storyboard-transition[aria-pressed=true]{z-index:1;opacity:1;box-shadow:inset 0 -2px hsl(var(--foreground) / .9)}.animation-storyboard-frame:focus-visible,.animation-storyboard-transition:focus-visible,.animation-audio-clip button:focus-visible,.animation-audio-empty:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.animation-timeline-preview-canvas{object-fit:contain;background:#0b0b0b;width:100%;height:80px;display:block}.animation-storyboard-transition .animation-timeline-preview-canvas{opacity:.72;filter:saturate(.7)contrast(.88)}.animation-storyboard-caption{z-index:1;color:#fff;text-shadow:0 1px 4px #000000d9;background:linear-gradient(#000000a3,#0000 54%,#0000009e);grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:5px;min-width:0;padding:7px 7px 6px;display:grid;position:absolute;inset:0}.animation-storyboard-caption b,.animation-storyboard-caption small,.animation-storyboard-transition span small{color:#ffffffb8;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:8px;font-weight:500}.animation-storyboard-caption strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.animation-storyboard-caption small{position:absolute;bottom:6px;right:7px}.animation-storyboard-transition-caption{z-index:1;color:#fff;text-shadow:0 1px 4px #000000e6;background:linear-gradient(90deg,#ffffff1a,#0000 1px) 0/1px 100% no-repeat,linear-gradient(#0000002e,#00000057 42%,#000000e6);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 3px;min-width:0;padding:8px 7px 7px;display:grid;position:absolute;inset:0}.animation-storyboard-transition-caption b{color:#ffffffc7;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:8px;font-weight:500;line-height:1}.animation-storyboard-transition-caption strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;align-self:end;max-width:100%;font-size:10px;font-weight:640;line-height:1.2;overflow:hidden}.animation-storyboard-transition-caption small{grid-area:1/2;justify-self:end;line-height:1.2;display:block}.animation-timeline-playhead{z-index:20;pointer-events:none;will-change:transform;width:calc(100% - 20px);position:absolute;top:0;bottom:0;left:10px;transform:translate(0)}.animation-storyboard-track>.animation-timeline-playhead{bottom:-1px}.animation-timeline-playhead-handle{cursor:ew-resize;touch-action:none;pointer-events:auto;background:0 0;border:0;outline:0;width:17px;padding:0;position:absolute;top:0;bottom:0;left:-8px}.animation-timeline-playhead-handle:before{content:"";background:0 0;border-radius:4px;transition:background-color .12s ease-out;position:absolute;inset:0 4px}.animation-timeline-playhead-handle span{background:hsl(var(--foreground) / .92);width:2px;box-shadow:0 0 0 1px hsl(var(--background) / .72), 0 0 7px hsl(var(--shadow-color) / .48);inset-block:0;position:absolute;left:8px;transform:translate(-1px)}.animation-timeline-playhead-handle i{border:1px solid hsl(var(--background) / .82);background:hsl(var(--foreground));width:11px;height:9px;box-shadow:0 2px 6px hsl(var(--shadow-color) / .42);border-radius:0 0 5px 5px;position:absolute;top:0;left:3px}.animation-audio-playhead{width:100%;left:0}.animation-audio-playhead .animation-timeline-playhead-handle i{display:none}.animation-timeline[data-scrubbing=true] .animation-timeline-playhead-handle,.animation-timeline-playhead-handle:active{cursor:grabbing}.animation-timeline[data-scrubbing=true] .animation-timeline-playhead-handle:before,.animation-timeline-playhead-handle:focus-visible:before{background:hsl(var(--focus-ring) / .14)}@media (hover:hover) and (pointer:fine){.animation-timeline-playhead-handle:hover:before{background:hsl(var(--foreground) / .08)}}.animation-audio-track{background:hsl(var(--muted) / .12);min-width:100%}.animation-audio-track-header{z-index:4;border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:12px;width:100cqw;min-height:42px;padding:5px 10px;display:grid;position:sticky;left:0}.animation-audio-track[data-expanded=false] .animation-audio-track-header{border-top:0}.animation-audio-track-title,.animation-audio-track-actions{align-items:center;min-width:0;display:flex}.animation-audio-track-title{border-radius:var(--studio-corner-sm);color:hsl(var(--foreground));text-align:left;background:0 0;border:0;flex:auto;gap:7px;overflow:hidden}.animation-audio-track-title>svg:first-child{width:13px;height:13px;color:hsl(var(--muted-foreground));flex:none}.animation-audio-track-title>svg:last-child{width:11px;height:11px;color:hsl(var(--muted-foreground));flex:none;margin-left:auto}.animation-audio-track-title>span{font-size:var(--studio-control-value-size);font-weight:640}.animation-audio-track-title small{color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-audio-track-actions{flex:none;gap:8px}.animation-audio-mixer,.animation-audio-edit-actions{align-items:center;gap:4px;min-width:0;display:flex}.animation-audio-mixer{border-right:1px solid hsl(var(--border));padding-right:8px}.animation-audio-track-title:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}@media (hover:hover) and (pointer:fine){.animation-audio-track-title:hover{background:hsl(var(--muted) / .52)}}.animation-audio-track-actions button{height:28px;font-size:var(--studio-control-label-size)}.animation-audio-master-volume{width:190px;color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-template-columns:auto minmax(72px,1fr) 34px;align-items:center;gap:7px;display:grid}.animation-audio-master-volume output,.animation-audio-clip-volume output{color:hsl(var(--foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;text-align:right;font-size:8px}.animation-audio-lane{min-height:68px;box-shadow:inset 1px 0 hsl(var(--border) / .62), inset -1px 0 hsl(var(--border) / .62);background-image:linear-gradient(180deg, hsl(var(--foreground) / .02), transparent);background-size:100% 100%;margin-inline:10px;position:relative;overflow:hidden}.animation-audio-lane-guides{z-index:0;pointer-events:none;position:absolute;inset:0}.animation-audio-lane-guides i{background:hsl(var(--border) / .62);width:1px;position:absolute;inset-block:0;transform:translate(-.5px)}.animation-audio-empty{cursor:pointer;min-height:68px;color:hsl(var(--muted-foreground));grid-template-columns:auto auto minmax(0,1fr);justify-content:start;align-items:center;gap:7px;padding:9px 12px;display:grid}.animation-audio-empty>svg{width:14px;height:14px}.animation-audio-empty span{color:hsl(var(--foreground));font-size:var(--studio-control-label-size);font-weight:590}.animation-audio-empty small{font-size:var(--studio-control-meta-size)}.animation-audio-clip{border:1px solid hsl(var(--foreground) / .35);border-radius:var(--studio-corner-sm);background:hsl(var(--raised-background));min-width:18px;box-shadow:0 3px 10px hsl(var(--shadow-color) / .1);position:absolute;top:6px;bottom:6px}.animation-audio-clip[data-selected=true]{border-color:hsl(var(--foreground));box-shadow:inset 0 0 0 1px hsl(var(--foreground))}.animation-audio-clip-body{cursor:grab;touch-action:none;min-width:0;color:hsl(var(--foreground));text-align:left;background:0 0;position:absolute;inset:0 6px;overflow:hidden}.animation-audio-clip-body:active{cursor:grabbing}.animation-audio-waveform{opacity:.42;align-items:center;gap:1px;display:flex;position:absolute;inset:4px 2px}.animation-audio-waveform i{background:hsl(var(--foreground));border-radius:2px;flex:1px;min-width:1px;max-width:3px}.animation-audio-clip-label,.animation-audio-clip-body>small{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);text-shadow:0 1px 5px hsl(var(--background));margin-left:4px;display:block;position:relative;overflow:hidden}.animation-audio-clip-label{margin-top:8px;font-size:9px;font-weight:650}.animation-audio-clip-body>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:7px}.animation-audio-trim{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;width:10px;position:absolute;top:0;bottom:0}.animation-audio-trim:after{content:"";background:hsl(var(--foreground) / .7);border-radius:2px;width:2px;position:absolute;top:9px;bottom:9px}.animation-audio-trim-start{left:-1px}.animation-audio-trim-start:after{left:3px}.animation-audio-trim-end{right:-1px}.animation-audio-trim-end:after{right:3px}.animation-audio-inspector{z-index:4;border-top:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:minmax(120px,1fr) repeat(3,minmax(86px,.45fr)) minmax(180px,.8fr) auto;align-items:center;gap:8px;width:100cqw;min-height:46px;padding:5px 8px;display:grid;position:sticky;left:0}@container animation-timeline-scroll (max-width:900px){.animation-audio-track-header{grid-template-columns:minmax(0,1fr)}.animation-audio-track-actions{flex-wrap:wrap;width:100%}.animation-audio-mixer{flex:240px}.animation-audio-master-volume{width:min(210px,100%)}.animation-audio-inspector{grid-template-columns:repeat(3,minmax(70px,1fr)) auto}.animation-audio-inspector>strong{grid-column:1/-1}.animation-audio-inspector .animation-audio-clip-volume{grid-column:1/-2}}.animation-audio-inspector>strong{font-size:var(--studio-control-label-size);text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.animation-audio-inspector label{min-width:0;color:hsl(var(--muted-foreground));font-size:var(--studio-control-meta-size);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.animation-audio-inspector .animation-audio-clip-volume{grid-template-columns:auto minmax(72px,1fr) 34px}.animation-audio-inspector input[type=number]{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:100%;min-width:0;height:26px;color:hsl(var(--foreground));background:hsl(var(--raised-background));font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;outline:0;padding:0 6px;font-size:9px}.animation-audio-inspector input:focus-visible{border-color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--focus-ring) / .25)}@media (max-width:900px){.animation-timeline-toolbar{grid-template-columns:auto minmax(72px,1fr) auto;gap:8px}.animation-timeline-heading{display:none}.animation-timeline-status{gap:7px}.animation-timeline-status output{min-width:92px}.animation-audio-track-header{grid-template-columns:minmax(0,1fr)}.animation-audio-track-actions{flex-wrap:wrap;width:100%}.animation-audio-mixer{flex:240px}.animation-audio-master-volume{width:min(210px,100%)}.animation-audio-inspector{grid-template-columns:repeat(3,minmax(70px,1fr)) auto}.animation-audio-inspector>strong{grid-column:1/-1}.animation-audio-inspector .animation-audio-clip-volume{grid-column:1/-2}}@media (max-width:1360px){.animation-artboard-bar{grid-template-columns:minmax(190px,1fr) auto auto}.animation-artboard-summary{display:none}}@media (max-width:760px){.animation-artboard-bar{grid-template-columns:minmax(0,1fr) auto auto}.animation-artboard-actions button:first-child span{display:none}}.lottie-editor-body{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"source canvas properties";display:grid;overflow:hidden}.lottie-source-sidebar{grid-area:source}.lottie-canvas{grid-area:canvas}.lottie-properties-sidebar{border-right:0;grid-area:properties;border-left:1px solid hsl(var(--border))!important}.lab-workspace{background:hsl(var(--canvas-background))}.studio-sidebar{border-color:hsl(var(--border));min-width:0;min-height:0;container-type:inline-size}.studio-sidebar.lab-sidebar-left{border-right:1px solid hsl(var(--border))}.studio-sidebar.lab-sidebar-right{border-left:1px solid hsl(var(--border))}.lab-sidebar{min-width:0;min-height:0;color:hsl(var(--foreground));background:linear-gradient(180deg, hsl(var(--foreground) / .025), transparent 180px), hsl(var(--background))}.lab-sidebar-right{background:radial-gradient(circle at 100% 0, hsl(var(--emphasis) / .08), transparent 220px), linear-gradient(180deg, hsl(var(--raised-background)), hsl(var(--muted) / .2));box-shadow:-18px 0 48px hsl(var(--shadow-color) / .045)}.lab-panel-heading{gap:var(--studio-panel-gap);min-height:var(--studio-panel-heading-min-height);padding:var(--studio-panel-padding);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .58);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.lab-panel-heading[data-density=compact]{background:0 0;border-bottom:0;min-height:0;padding:0}.lab-panel-heading h2{font-size:var(--studio-panel-title-size);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-weight:620;line-height:1.25;overflow:hidden}.lab-panel-heading>div>p{color:hsl(var(--muted-foreground));font-size:var(--studio-panel-copy-size);margin-top:.35rem;line-height:1.45}.lab-panel-action{align-self:start}.lab-panel-action button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.lab-panel-action button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.lab-panel-action button svg{width:13px;height:13px}.lab-inspector-section,.lab-sidebar-right .surface-lab-v3-inspector-section{gap:var(--studio-panel-gap);padding:var(--studio-panel-padding);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .34);flex-direction:column;flex:none;display:flex}.lab-inspector-section{font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height)}.lab-inspector-section :where(button,input,textarea,[role=combobox]){min-width:0}.studio-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.studio-field{flex-direction:column;gap:5px;min-width:0;display:flex}.studio-field-label{color:hsl(var(--muted-foreground));font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-field-input{border:1px solid hsl(var(--input));border-radius:var(--studio-corner-sm);width:100%;height:36px;color:hsl(var(--foreground));background:hsl(var(--background));font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;outline:none;padding-inline:8px;overflow:hidden}.studio-field-input:focus{border-color:hsl(var(--foreground))}.studio-toggle-row{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:36px;font-size:var(--studio-control-label-size);line-height:var(--studio-control-line-height);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.studio-toggle-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-toggle-row>input{width:16px;height:16px;accent-color:hsl(var(--foreground));flex:none}.studio-choice-grid{gap:6px;min-width:0;display:grid}.studio-choice-grid-timing,.studio-choice-grid-output{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-choice-grid-easing{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-choice-grid>button{width:100%;min-width:0;font-size:var(--studio-control-value-size);line-height:var(--studio-control-line-height);text-overflow:ellipsis;white-space:nowrap;padding-inline:7px;overflow:hidden}@container (min-width:380px){.studio-choice-grid-timing{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-choice-grid-easing{grid-template-columns:repeat(4,minmax(0,1fr))}}.lab-sidebar-right .lab-inspector-section:nth-of-type(2n),.lab-sidebar-right .surface-lab-v3-inspector-section:nth-of-type(2n){background:hsl(var(--muted) / .25)}.lab-section-heading,.lab-sidebar-right .surface-lab-v3-section-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lab-section-heading>div,.lab-sidebar-right .surface-lab-v3-section-title>div{align-items:center;gap:.55rem;display:flex}.lab-section-heading h2,.lab-sidebar-right .surface-lab-v3-section-title h2{font-size:var(--studio-section-title-size);letter-spacing:-.01em;font-weight:620}.lab-section-marker,.lab-section-heading small,.lab-sidebar-right .surface-lab-v3-section-title>div>span,.lab-sidebar-right .surface-lab-v3-section-title>small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:var(--studio-control-meta-size);letter-spacing:.08em;text-transform:uppercase}.lab-section-marker{width:var(--studio-control-icon-size);height:var(--studio-control-icon-size);border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);background:hsl(var(--background) / .72);place-items:center;display:inline-grid}.lab-section-marker svg{width:var(--studio-control-glyph-size);height:var(--studio-control-glyph-size)}.lab-section-trailing{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.lab-section-trailing button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.lab-section-trailing button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.lab-section-trailing button svg{width:13px;height:13px}.lab-section-description{color:hsl(var(--muted-foreground));font-size:var(--studio-panel-copy-size);line-height:1.5}.lab-sidebar .studio-range::-webkit-slider-thumb{border-color:hsl(var(--emphasis));background:hsl(var(--raised-background))}.lab-sidebar .studio-range::-moz-range-thumb{border-color:hsl(var(--emphasis));background:hsl(var(--raised-background))}.color-lab-library,.typography-lab-library{gap:.55rem;padding:.8rem;display:grid}.color-lab-token{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-md);background:hsl(var(--background) / .82);text-align:left;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:58px;padding:.45rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.color-lab-token:hover,.typography-lab-library button:hover{border-color:hsl(var(--foreground) / .42);transform:translateY(-1px)}.color-lab-token[aria-pressed=true],.typography-lab-library button[aria-pressed=true]{border-color:hsl(var(--emphasis));box-shadow:0 0 0 1px hsl(var(--emphasis) / .22)}.color-lab-token>span:first-child{border:1px solid hsl(var(--foreground) / .12);border-radius:var(--studio-corner-sm);width:42px;height:42px}.color-lab-token>span:nth-child(2){min-width:0}.color-lab-token strong,.color-lab-token small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-lab-token strong{font-size:.74rem;font-weight:600}.color-lab-token small,.color-lab-token code{color:hsl(var(--muted-foreground));font-size:.55rem}.color-lab-token code{font-family:var(--font-mono), monospace}.color-lab-stage,.typography-lab-stage{background:hsl(var(--canvas-background));grid-template-rows:52px minmax(0,1fr);min-width:0;min-height:100%;display:grid}.color-lab-toolbar,.typography-lab-toolbar{z-index:4;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.color-lab-toolbar>div:first-child,.typography-lab-toolbar>div:first-child{min-width:0}.color-lab-toolbar span,.typography-lab-toolbar span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;display:block}.color-lab-toolbar strong,.typography-lab-toolbar strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.7rem;font-weight:580;display:block;overflow:hidden}.color-lab-segmented{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-md);background:hsl(var(--muted) / .5);padding:2px;display:inline-flex}.color-lab-segmented button{border-radius:calc(var(--studio-corner-md) - 2px);min-width:48px;color:hsl(var(--muted-foreground));text-transform:capitalize;padding:.38rem .55rem;font-size:.62rem}.color-lab-segmented button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--raised-background));box-shadow:var(--studio-shadow-xs)}.color-lab-canvas{background-image:radial-gradient(circle, hsl(var(--border) / .42) 1px, transparent 1px);background-size:16px 16px;align-content:center;gap:1rem;min-height:620px;padding:clamp(1rem,3.5vw,3.5rem);display:grid;position:relative}.color-lab-stage[data-surface=ink] .color-lab-canvas{background-color:hsl(var(--foreground));background-image:radial-gradient(circle, hsl(var(--background) / .15) 1px, transparent 1px)}.color-lab-stage[data-surface=grid] .color-lab-canvas{background-color:hsl(var(--muted));background-image:linear-gradient(45deg, hsl(var(--background)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--background)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--background)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--background)) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.color-lab-proof,.color-lab-values,.color-lab-ramp{border:1px solid hsl(var(--foreground) / .18);width:min(900px,100%);box-shadow:var(--studio-shadow-xl);margin-inline:auto}.color-lab-proof{cursor:crosshair;min-height:400px;color:inherit;font:inherit;text-align:left;outline:0;padding:clamp(1.4rem,4vw,4rem);transition:box-shadow .14s,transform .14s;display:block}.color-lab-proof:hover{box-shadow:var(--studio-shadow-2xl);transform:translateY(-1px)}.color-lab-proof:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--emphasis)), var(--studio-shadow-2xl)}.color-lab-proof-meta{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.58rem;display:flex}.color-lab-proof-title{letter-spacing:-.075em;margin-top:clamp(4rem,10vw,8rem);font-size:clamp(4rem,12vw,10rem);font-weight:650;line-height:.72;display:block}.color-lab-proof-logo{object-fit:contain;object-position:left center;width:auto;height:auto;max-height:clamp(76px,10vw,132px);margin-top:clamp(4rem,10vw,8rem);display:block}.color-lab-proof-logo[data-logo-kind=wordmark]{max-width:min(54%,440px)}.color-lab-proof-logo[data-logo-kind=mark]{max-width:min(28%,172px)}.color-lab-proof-description{max-width:32ch;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.4rem);line-height:1.25;display:block}.color-lab-proof-action{border-radius:var(--studio-corner-md);width:fit-content;margin-top:2.5rem;padding:.72rem 1rem;font-size:.72rem;font-weight:600;display:inline-flex}.color-lab-values{background:hsl(var(--background));box-shadow:none;grid-template-columns:.75fr 1.5fr .75fr;display:grid}.color-lab-values>div{border-right:1px solid hsl(var(--border));min-width:0;padding:.75rem}.color-lab-values>div:last-child{border-right:0}.color-lab-values span,.color-lab-values strong{font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;display:block;overflow:hidden}.color-lab-values span{color:hsl(var(--muted-foreground));letter-spacing:.08em}.color-lab-values strong{margin-top:.25rem;font-weight:500}.color-lab-ramp{height:32px;box-shadow:none;grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}.color-lab-token-map{border:1px solid hsl(var(--foreground) / .18);background:hsl(var(--background));grid-template-columns:repeat(auto-fit,minmax(112px,1fr));width:min(900px,100%);margin-inline:auto;display:grid;overflow:hidden}.color-lab-token-map button{color:#fff;text-align:left;text-shadow:0 1px 5px #00000094;border-right:1px solid #ffffff3d;flex-direction:column;justify-content:flex-end;gap:.15rem;min-width:0;min-height:72px;padding:.65rem;transition:filter .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.color-lab-token-map button:hover,.color-lab-token-map button:focus-visible{z-index:1;filter:saturate(1.08)brightness(1.05);outline:0;box-shadow:inset 0 0 0 2px #fff}.color-lab-token-map button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #0000005c}.color-lab-token-map span,.color-lab-token-map code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-lab-token-map span{font-size:.66rem;font-weight:620}.color-lab-token-map code{font-family:var(--font-mono), monospace;opacity:.78;font-size:.5rem}.color-lab-canvas-popover{z-index:12;border-radius:var(--studio-corner-lg);width:min(300px,100% - 24px);color:hsl(var(--foreground));background:hsl(var(--raised-background) / .98);box-shadow:var(--studio-shadow-ring-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:0;padding:.65rem;animation:.16s cubic-bezier(.22,1,.36,1) studio-popover-in;position:absolute}.color-lab-canvas-popover>header{justify-content:space-between;align-items:center;gap:.75rem;padding:.2rem .2rem .6rem;display:flex}.color-lab-canvas-popover>header span,.color-lab-canvas-popover>header strong{display:block}.color-lab-canvas-popover>header span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:.48rem}.color-lab-canvas-popover>header strong{margin-top:.1rem;font-size:.72rem;font-weight:620}.color-lab-canvas-popover>header button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:28px;height:28px;color:hsl(var(--muted-foreground));flex:none;place-items:center;display:grid}.color-lab-canvas-popover>header button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.color-lab-canvas-popover>header svg{width:14px;height:14px}.color-lab-canvas-popover .color-picker-popover{z-index:80}.color-lab-canvas-popover-meta{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;justify-content:space-between;gap:.75rem;padding:.6rem .25rem .1rem;font-size:.5rem;display:flex}.typography-lab-library button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-md);background:hsl(var(--background) / .84);text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;min-height:92px;padding:.85rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.typography-lab-library button>span,.typography-lab-library button>small{min-width:0;color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.typography-lab-library button>span{font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase}.typography-lab-library button>strong{grid-area:1/2/span 2;align-self:center;font-size:2.2rem;line-height:1}.typography-lab-focus{background-image:radial-gradient(circle, hsl(var(--border) / .42) 1px, transparent 1px);background-size:16px 16px;place-items:center;min-height:620px;padding:clamp(1rem,4vw,4rem);display:grid}.typography-lab-focus article{background:hsl(var(--background));width:min(1120px,100%);min-height:520px;box-shadow:var(--studio-shadow-ring-xl);border:0;flex-direction:column;gap:clamp(1.75rem,3vw,3rem);padding:clamp(1.5rem,4vw,4rem);display:flex;overflow:visible}.typography-lab-focus article[data-align=center]{text-align:center}.typography-lab-focus article>div,.typography-lab-focus article>footer{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.58rem;display:flex}.typography-lab-live-input{resize:none;width:100%;height:auto;min-height:2.5em;color:hsl(var(--foreground));text-align:inherit;overflow-wrap:anywhere;field-sizing:content;background:0 0;border:0;outline:0;margin-block:.25rem .5rem;padding:0;display:block;overflow:hidden}.typography-lab-live-input::placeholder{color:hsl(var(--muted-foreground) / .42)}.typography-lab-role-lines,.typography-lab-weight-lines{border-top:1px solid hsl(var(--border));display:grid}.typography-lab-role-lines{margin-top:.25rem}.typography-lab-role-lines label,.typography-lab-weight-lines>div{border-bottom:1px solid hsl(var(--border));text-align:left;align-items:center;gap:clamp(1.25rem,3vw,2.75rem);min-width:0;display:grid;position:relative}.typography-lab-role-lines label{grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);min-height:92px;padding:1rem 1.1rem}.typography-lab-role-lines label:before,.typography-lab-weight-lines>div:before{content:"";background:0 0;width:3px;position:absolute;top:.75rem;bottom:.75rem;left:0}.typography-lab-role-lines label[data-active=true]:before,.typography-lab-weight-lines>div[data-active=true]:before{background:hsl(var(--emphasis))}.typography-lab-role-lines label>span{align-content:center;gap:.22rem;min-width:0;display:grid}.typography-lab-role-lines strong,.typography-lab-role-lines code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.typography-lab-role-lines strong{font-size:.7rem;font-weight:620;line-height:1.25}.typography-lab-role-lines code,.typography-lab-weight-lines small,.typography-lab-weight-lines button>span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.52rem;line-height:1.35}.typography-lab-role-lines input,.typography-lab-weight-lines input{width:100%;min-width:0;min-height:2.5rem;color:hsl(var(--foreground));background:0 0;border:0;outline:0;padding:.45rem 0;line-height:1.25;overflow:hidden}.typography-lab-role-lines input{font-size:clamp(1rem,2vw,1.65rem)}.typography-lab-weight-lines>div{grid-template-columns:96px minmax(0,1fr);min-height:74px;padding:.8rem 1.1rem}.typography-lab-weight-lines button{text-align:left;align-content:center;gap:.18rem;display:grid}.typography-lab-weight-lines button:hover>span,.typography-lab-weight-lines button:focus-visible>span{color:hsl(var(--foreground))}.typography-lab-weight-lines input{font-size:clamp(.94rem,1.55vw,1.28rem)}.typography-lab-typing-meter{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;padding-top:.35rem;gap:.75rem!important;display:grid!important}.typography-lab-typing-meter>span{gap:.18rem;display:grid}.typography-lab-typing-meter strong{color:hsl(var(--foreground));letter-spacing:-.04em;font-size:clamp(1.2rem,2.2vw,2rem);font-weight:520;line-height:1}.typography-lab-typing-meter button{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);width:32px;height:32px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.typography-lab-typing-meter button:hover,.typography-lab-typing-meter button:focus-visible{color:hsl(var(--foreground));background:hsl(var(--muted))}.typography-lab-typing-meter svg{width:14px;height:14px}@media (max-width:980px){.animation-body,.lottie-editor-body{grid-template-columns:auto minmax(420px,1fr) auto}.lab-panel-heading{min-height:90px}}@media (max-width:720px){.color-lab-canvas{padding:.8rem}.color-lab-values{grid-template-columns:1fr}.color-lab-values>div{border-right:0;border-bottom:1px solid hsl(var(--border))}.color-lab-values>div:last-child{border-bottom:0}.typography-lab-role-lines label,.typography-lab-weight-lines>div{grid-template-columns:1fr;gap:.65rem;min-height:0;padding:.9rem .85rem}.typography-lab-typing-meter{grid-template-columns:repeat(2,minmax(0,1fr)) auto}}.gt-logo-mask{background-color:hsl(var(--foreground));-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-surface-white{color:var(--brand-ink,#18181b);background:var(--brand-paper,#fff)}.logo-surface-dark{color:var(--brand-paper,#fff);background:var(--brand-ink,#18181b)}.logo-surface-grid{color:var(--brand-ink,#18181b);background-color:var(--brand-paper,#fff);background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.logo-surface-grid{background-image:linear-gradient(to right, color-mix(in srgb, currentColor 16%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, currentColor 16%, transparent) 1px, transparent 1px)}}.logo-surface-grid{background-size:32px 32px}.logo-surface-noise{color:var(--brand-ink,#18181b);background-color:var(--brand-paper,#fff);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.artifact-frame{box-shadow:var(--studio-shadow-ring-lg);border:0}.sticker-holo-studio{color:#fff;background:radial-gradient(circle at 8% 18%, var(--sticker-accent-a), transparent 31%), radial-gradient(circle at 92% 78%, var(--sticker-accent-b), transparent 34%), #090a0c;min-height:640px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sticker-holo-studio{background:radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--sticker-accent-a) 28%, transparent), transparent 31%), radial-gradient(circle at 92% 78%, color-mix(in srgb, var(--sticker-accent-b) 24%, transparent), transparent 34%), #090a0c}}.sticker-holo-studio:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.sticker-holo-header,.sticker-holo-asset-bar{z-index:4;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#090a0cc7;border-color:#ffffff1a;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.8rem 1rem;display:flex;position:relative}.sticker-holo-header{border-bottom-width:1px}.sticker-holo-specs{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.sticker-holo-specs>span{color:#ffffff85;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff1f;padding:.3rem .48rem;font-size:8px}.sticker-holo-workspace{z-index:2;grid-template-columns:minmax(0,1fr) 128px;gap:1rem;min-height:520px;padding:1rem;display:grid;position:relative}.holo-sticker-stage{isolation:isolate;cursor:crosshair;background:#111318;border:1px solid #ffffff1f;min-height:480px;position:relative;overflow:hidden}.holo-sticker-checker,.holo-sticker-vignette,.holo-sticker-fallback,.holo-sticker-canvas{width:100%;height:100%;position:absolute;inset:0}.holo-sticker-checker{background-color:#111318;background-image:linear-gradient(45deg,#ffffff07 25%,#0000 25%),linear-gradient(-45deg,#ffffff07 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff07 75%),linear-gradient(-45deg,#0000 75%,#ffffff07 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.holo-sticker-fallback{z-index:1;opacity:.96;place-items:center;padding:12%;transition:opacity .22s;display:grid}.holo-sticker-fallback>img,.holo-sticker-fallback-foil{object-fit:contain;width:68%;height:68%;position:absolute;inset:16%}.holo-sticker-fallback>img{filter:drop-shadow(7px 0 0 var(--holo-border)) drop-shadow(-7px 0 0 var(--holo-border)) drop-shadow(0 7px 0 var(--holo-border)) drop-shadow(0 -7px 0 var(--holo-border)) drop-shadow(5px 5px 0 var(--holo-border)) drop-shadow(-5px -5px 0 var(--holo-border)) drop-shadow(0 30px 22px #00000094)}.holo-sticker-fallback-foil{z-index:2;background:linear-gradient(var(--holo-fallback-angle), transparent 0 32%, #ffffffeb 43%, transparent 56%), conic-gradient(from 40deg, #ff70bc, #ffd170, #9dff8b, #61f5e2, #6aa5ff, #d780ff, #ff70bc);mix-blend-mode:screen;opacity:var(--holo-fallback-opacity);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-sticker-stage[data-render-status=fallback] .holo-sticker-fallback,.holo-sticker-stage[data-render-status=recovering] .holo-sticker-fallback{animation:8s ease-in-out infinite alternate holo-fallback-sweep}.holo-sticker-canvas{z-index:2;opacity:0;touch-action:none;transition:opacity .24s;display:block}.holo-sticker-stage[data-render-status=ready] .holo-sticker-canvas,.holo-sticker-stage[data-render-status=ready] .holo-sticker-fallback{opacity:1}.holo-sticker-vignette{z-index:3;pointer-events:none;box-shadow:inset 0 0 80px #0000008c}.surface-material-stage canvas{width:100%!important;height:100%!important}.holo-sticker-render-state{z-index:4;color:#ffffff8f;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050608b8;border:1px solid #ffffff1f;align-items:center;gap:.42rem;padding:.35rem .5rem;font-size:8px;display:flex;position:absolute;bottom:.7rem;right:.7rem}.holo-sticker-state-dot{background:#f4b652;border-radius:999px;width:5px;height:5px;box-shadow:0 0 8px}.holo-sticker-render-state[data-state=ready] .holo-sticker-state-dot{background:#83e6ae}.holo-sticker-render-state[data-state=fallback] .holo-sticker-state-dot{background:#8fc7ff}.sticker-holo-readout{align-content:center;gap:.55rem;display:grid}.sticker-holo-readout>div{background:#ffffff07;border:1px solid #ffffff1a;align-content:center;gap:.2rem;min-height:102px;padding:.75rem;display:grid}.sticker-holo-readout span,.sticker-holo-readout small{color:#ffffff6b;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.sticker-holo-readout strong{font-size:1rem;font-weight:520}.sticker-holo-asset-bar{border-top-width:1px}.sticker-holo-assets{flex:1;justify-content:center;gap:.35rem;min-width:0;max-width:55%;display:flex;overflow-x:auto}.sticker-holo-asset{cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;flex:0 0 42px;place-items:center;width:42px;height:42px;transition:border-color .15s,background-color .15s,transform .15s;display:grid}.sticker-holo-asset:hover,.sticker-holo-asset:focus-visible,.sticker-holo-asset[data-selected=true]{background:#ffffff1f;border-color:#ffffff94;outline:none;transform:translateY(-2px)}.sticker-holo-asset img{object-fit:contain;width:29px;height:29px}.sticker-holo-source{color:#ffffff75;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:8px}.sticker-holo-source:hover{color:#fff}@keyframes holo-fallback-sweep{0%{transform:perspective(900px)rotateX(-1deg)rotateY(-2deg)}to{transform:perspective(900px)rotateX(2deg)rotateY(3deg)}}@media (max-width:720px){.sticker-holo-studio{min-height:560px}.sticker-holo-workspace{grid-template-columns:minmax(0,1fr);min-height:440px}.holo-sticker-stage{min-height:390px}.sticker-holo-readout,.sticker-holo-specs,.sticker-holo-source{display:none}.sticker-holo-assets{justify-content:flex-end;max-width:70%}}.sticker-device-scene{aspect-ratio:1200/760;background:radial-gradient(circle at 50% 12%,#ffffff14,#0000 34%),linear-gradient(#0b0b0d 0%,#050506 68%,#020203 100%);place-items:center;min-height:390px;padding:clamp(3.25rem,7.5vw,6.5rem) clamp(1rem,4vw,3.5rem) clamp(3.9rem,8vw,6.75rem);display:grid}.sticker-device-ambient{background:radial-gradient(circle at 9% 38%, var(--sticker-accent-a), transparent 32%), radial-gradient(circle at 91% 46%, var(--sticker-accent-b), transparent 34%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.sticker-device-ambient{background:radial-gradient(circle at 9% 38%, color-mix(in srgb, var(--sticker-accent-a) 34%, transparent), transparent 32%), radial-gradient(circle at 91% 46%, color-mix(in srgb, var(--sticker-accent-b) 26%, transparent), transparent 34%)}}.sticker-device-ambient{filter:blur(26px)saturate(1.25);opacity:.64}.sticker-device-perspective{perspective:1400px;perspective-origin:50% 58%}.sticker-device-lid{isolation:isolate;aspect-ratio:872/504;transform-origin:50% 100%;background:#151517;border:1px solid #ffffff29;border-radius:clamp(10px,1.35vw,16px);width:100%;position:relative;overflow:hidden;transform:rotateX(0);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #000000e0,0 34px 80px #00000094,0 10px 28px #00000070}.sticker-device-metal,.sticker-device-top-light,.sticker-device-bottom-shade{pointer-events:none;position:absolute;inset:0}.sticker-device-metal{z-index:0;background:radial-gradient(circle at 32% 8%,#ffffff1a,#0000 30%),linear-gradient(112deg,#0000 0 43%,#ffffff06 48%,#0000 55%),linear-gradient(#292a2d 0%,#1a1a1d 38%,#101012 100%)}.sticker-device-metal:after{content:"";mix-blend-mode:soft-light;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.sticker-device-top-light{z-index:30;mix-blend-mode:soft-light;background:linear-gradient(#ffffff21,#0000 30%)}.sticker-device-bottom-shade{z-index:29;mix-blend-mode:multiply;background:linear-gradient(#0000 62%,#00000061)}.sticker-device-base{z-index:-1;transform-origin:50% 0;background:linear-gradient(#323337,#0e0e10 72%);border:1px solid #ffffff1a;border-radius:0 0 46% 46%/0 0 100% 100%;height:5.25%;position:absolute;bottom:-2.4%;left:-3.5%;right:-3.5%;transform:rotateX(64deg)translateY(30%);box-shadow:0 20px 34px #00000094}.sticker-device-placed{aspect-ratio:1.24;cursor:grab;filter:drop-shadow(0 var(--sticker-depth) calc(var(--sticker-depth) * 1.1) #0000006b);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;transition:filter .16s,scale .16s;display:grid;position:absolute}.sticker-device-placed:hover,.sticker-device-placed:focus-visible{filter:drop-shadow(0 var(--sticker-depth) calc(var(--sticker-depth) * 1.35) #00000085);outline:none;scale:1.055;z-index:48!important}.sticker-device-placed:focus-visible:after{content:"";border:1px dashed #ffffffbd;border-radius:6px;position:absolute;inset:-10%}.sticker-device-placed.is-dragging{cursor:grabbing;scale:1.08}.sticker-device-placed>img,.sticker-device-optical{width:90%;height:90%;position:absolute;inset:5%}.sticker-device-placed>img{z-index:2;object-fit:contain;pointer-events:none}.sticker-device-optical{z-index:3;background:var(--sticker-finish);mix-blend-mode:screen;opacity:var(--sticker-finish-opacity);pointer-events:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-device-dock-wrap{z-index:55;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:-28px;left:0;right:0}.sticker-device-dock{-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);pointer-events:auto;background:#18181bf0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;width:min(68%,610px);min-width:260px;height:56px;padding:6px;display:flex;box-shadow:0 16px 38px #0000009e,inset 0 1px #ffffff1f}.sticker-device-dock-scroll{overscroll-behavior-x:contain;flex:1;align-items:center;gap:3px;min-width:0;padding-inline:22px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.sticker-device-asset,.sticker-device-reset{cursor:pointer;color:#ffffffb8;background:#ffffff0e;border:0;border-radius:999px;flex:0 0 42px;place-items:center;width:42px;height:42px;transition:background-color .16s,color .16s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid}.sticker-device-asset.is-light-surface{background:#ffffffe6}.sticker-device-asset.is-light-surface:hover,.sticker-device-asset.is-light-surface:focus-visible{background:#fff}.sticker-device-asset:hover,.sticker-device-asset:focus-visible,.sticker-device-reset:hover,.sticker-device-reset:focus-visible{color:#fff;background:#ffffff1a;outline:none;transform:scale(1.18)}.sticker-device-asset>img{object-fit:contain;pointer-events:none;width:28px;height:28px}.sticker-device-reset{flex-basis:42px}@keyframes sticker-device-lid-enter{0%{opacity:.6;transform:rotateX(10deg)translateY(14px)}to{opacity:1;transform:rotateX(0)translateY(0)}}@keyframes sticker-device-place{0%{opacity:0;scale:.76}to{opacity:1;scale:1}}@media (prefers-reduced-motion:no-preference){.sticker-device-lid{animation:.72s cubic-bezier(.18,.86,.28,1.16) both sticker-device-lid-enter}.sticker-device-placed{animation:.42s cubic-bezier(.2,1.2,.32,1) both sticker-device-place}}@media (max-width:640px){.sticker-device-scene{min-height:360px;padding-inline:.75rem}.sticker-device-dock{width:92%;height:48px;padding:3px}.sticker-device-asset,.sticker-device-reset{flex-basis:38px;width:38px;height:38px}.sticker-device-asset>img{width:24px;height:24px}}@media (prefers-reduced-motion:no-preference){.studio-app,.studio-app-header,.project-tabs,.project-dither-panel,.studio-nav,.tool-inspector,.tool-canvas,.canvas-viewport-toolbar{transition:color .16s,border-color .16s,background-color .16s}}.studio-artifact-workspace{width:100%}.studio-artifact-frame{width:100%;max-width:64rem}.studio-artifact-artboard{box-shadow:var(--studio-shadow-lg)}.template-rendered-svg{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0}.template-canvas-hit-layer{background:0 0}@media (max-width:1100px){:root{--studio-inspector-width:272px;--studio-rail-width:208px}.studio-app-header{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr)}.studio-github-star-button .github-star-button__label{display:none}.studio-app-body{grid-template-columns:var(--studio-rail-width) minmax(0, 1fr)}.tool-body{grid-template-columns:auto minmax(0,1fr)}.brand-elements-body{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"editor canvas"}.brand-elements-catalog{display:none}.brand-elements-mobile-select{width:min(230px,45%);display:block!important}.animation-body,.lottie-editor-body{grid-template-columns:auto auto minmax(0,1fr)}}@media (max-width:1180px){.studio-body{grid-template-columns:1fr}.studio-inspector{border-right:0;border-bottom:1px solid hsl(var(--border));max-height:none;order:2!important}.studio-body>section{min-height:560px;order:1!important}.studio-stage{min-height:260px;padding:1.25rem}.animation-body{grid-template-columns:1fr;grid-template-areas:"canvas""source""properties";overflow-y:auto}.animation-body .studio-inspector{border-left:0;border-right:0;max-height:none}.animation-body>.resizable-sidebar,.lottie-editor-body>.resizable-sidebar{width:100%!important}.animation-body>.resizable-sidebar .resizable-sidebar-handle,.animation-body>.resizable-sidebar .resizable-sidebar-toggle,.lottie-editor-body>.resizable-sidebar .resizable-sidebar-handle,.lottie-editor-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.animation-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll,.lottie-editor-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.animation-body .studio-inspector:not(.studio-inspector-right){order:2}.animation-body .studio-inspector-right{order:3}.animation-body>section{order:1;min-height:560px}.lottie-editor-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""source""properties";overflow-y:auto}.lottie-canvas{min-height:560px}.lottie-source-sidebar,.lottie-properties-sidebar{border-left:0;border-right:0;max-height:none;overflow:visible}}@media (max-width:760px){.studio-app-header{grid-template-columns:minmax(0,1fr)}.studio-app-header>a,.studio-nav{display:none}.studio-app-body,.project-tabs-shell{grid-template-columns:minmax(0,1fr)}.studio-export-progress{left:0}.project-dither-panel{display:none}.studio-mobile-tool{width:min(42%,180px);display:block}.brand-elements-mobile-select{width:100%;display:block!important}.tool-body{flex-direction:column;display:flex;overflow-y:auto}.tool-body>.resizable-sidebar,.brand-identity-body>.resizable-sidebar{width:100%!important}.tool-body>.resizable-sidebar .resizable-sidebar-handle,.tool-body>.resizable-sidebar .resizable-sidebar-toggle,.brand-identity-body>.resizable-sidebar .resizable-sidebar-handle,.brand-identity-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.tool-body>.resizable-sidebar .resizable-sidebar-scroll,.brand-identity-body>.resizable-sidebar .resizable-sidebar-scroll{overflow:visible}.tool-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll,.brand-identity-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.brand-elements-canvas{order:1}.brand-elements-editor{border-top:1px solid hsl(var(--border));border-left:0;order:2;max-height:none;overflow:visible}.design-board-body{display:flex!important}.design-board-body .tool-inspector{flex:none;order:1}.design-board-body .tool-canvas{order:2}.tool-inspector{border-top:1px solid hsl(var(--border));border-right:0;order:2;overflow:visible}.tool-canvas{flex:none;min-height:min(500px,58dvh);overflow:hidden visible}.tool-lab-body>.tool-canvas{order:1}.tool-lab-body>.tool-library{border-top:1px solid hsl(var(--border));order:2;height:min(420px,55dvh);overflow:hidden!important}.tool-lab-body>.tool-library .resizable-sidebar-scroll{overflow-y:auto}.tool-lab-body>.tool-inspector{order:3}.artifact-preview{max-width:calc(100vw - 3rem)}.studio-artifact-workspace{align-content:start;padding:1.5rem}}@media (max-width:500px){.studio-reset{display:none!important}.artifact-preview{max-width:calc(100vw - 2rem)}.studio-artifact-workspace{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand-identity-body{grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.brand-identity-nav{border-right:1px solid hsl(var(--border));background:hsl(var(--background));min-width:0;padding:.65rem;overflow-y:auto}.brand-identity-nav-title{min-height:38px;color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .55rem;font-size:.62rem;display:flex}.brand-identity-nav button{width:100%;min-height:38px;color:hsl(var(--muted-foreground));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:.6rem;padding:0 .55rem;font-size:.76rem;display:flex}.brand-identity-nav button:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.brand-identity-nav button[aria-current=page]{color:hsl(var(--background));background:hsl(var(--foreground))}.brand-identity-nav button svg{flex:none;width:14px;height:14px}.brand-identity-content{background-color:hsl(var(--muted) / .28);background-image:radial-gradient(circle, hsl(var(--border) / .7) 1px, transparent 1px);background-size:18px 18px;min-width:0;min-height:0;padding:clamp(1rem,2.2vw,2rem);overflow-y:auto}.brand-identity-masthead{background:hsl(var(--background));width:min(1180px,100%);min-height:146px;box-shadow:var(--studio-shadow-ring-md);border:0;border-radius:10px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin:0 auto 1rem;padding:clamp(1.1rem,2vw,1.7rem);display:grid}.brand-identity-masthead-mark{border:1px solid hsl(var(--border));background:hsl(var(--background));width:76px;height:76px;color:hsl(var(--foreground));border-radius:7px;place-items:center;font-size:1.2rem;font-weight:550;display:grid;overflow:hidden}.brand-identity-masthead-mark img{object-fit:contain;width:54px;height:54px}.brand-identity-masthead h1{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:clamp(1.65rem,3vw,2.8rem);line-height:.98;overflow:hidden}.brand-identity-masthead>div:nth-child(2)>span{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin-top:.55rem;font-size:.82rem;display:block;overflow:hidden}.brand-identity-masthead-counts{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:7px;align-items:stretch;display:flex}.brand-identity-masthead-counts>span{border-left:1px solid hsl(var(--border));min-width:82px;color:hsl(var(--muted-foreground));flex-direction:column;gap:.2rem;padding:.7rem;font-size:.62rem;display:flex}.brand-identity-masthead-counts>span:first-child{border-left:0}.brand-identity-masthead-counts strong{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;font-size:1rem;font-weight:550}.brand-identity-feedback{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:6px;align-items:center;gap:.75rem;width:min(1180px,100%);min-height:38px;margin:0 auto 1rem;padding:.55rem .75rem;font-size:.75rem;display:flex}.brand-identity-feedback button{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;margin-left:auto}.brand-identity-section-grid,.brand-identity-section-stack{gap:1rem;width:min(1180px,100%);margin:0 auto;display:grid}.brand-identity-panel{background:hsl(var(--background));min-width:0;box-shadow:var(--studio-shadow-ring-md);border:0;border-radius:10px;overflow:hidden}.brand-identity-panel>header{border-bottom:1px solid hsl(var(--border));padding:1rem 1.15rem}.brand-identity-panel>header h2{font-size:.9rem;font-weight:550}.brand-identity-panel>header p{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.72rem;line-height:1.5}.brand-identity-panel-content{flex-direction:column;gap:1rem;padding:1.15rem;display:flex}.brand-identity-field{flex-direction:column;gap:.42rem;min-width:0;display:flex}.brand-identity-field>span,.brand-identity-range>span:first-child{color:hsl(var(--muted-foreground));font-size:.68rem;font-weight:520}.brand-identity-range{flex-direction:column;gap:.55rem;display:flex}.brand-identity-range>span:first-child{justify-content:space-between;gap:1rem;display:flex}.brand-identity-range output{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;font-size:.65rem}.brand-identity-preview-card{border:1px solid hsl(var(--border));background:linear-gradient(135deg, transparent 48%, hsl(var(--border) / .4) 50%, transparent 52%), hsl(var(--background));background-size:30px 30px;border-radius:7px;flex-direction:column;justify-content:space-between;min-height:500px;padding:clamp(1.4rem,4vw,3.2rem);display:flex;overflow:hidden}.brand-identity-preview-card>div:first-child{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.brand-identity-preview-card img{object-fit:contain;width:54px;height:54px}.brand-identity-preview-card small{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:.62rem}.brand-identity-preview-card h2{letter-spacing:-.065em;max-width:700px;font-size:clamp(2.2rem,5.5vw,5rem);line-height:.94}.brand-identity-preview-card p{max-width:620px;color:hsl(var(--muted-foreground));font-size:.86rem;line-height:1.65}.brand-identity-preview-card>div:last-child{flex-wrap:wrap;gap:.4rem;display:flex}.brand-identity-preview-card>div:last-child span{border:1px solid hsl(var(--border));border-radius:4px;padding:.35rem .55rem;font-size:.65rem}.brand-asset-upload-row{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.brand-asset-upload,.brand-font-upload{border:1px dashed hsl(var(--border));background:hsl(var(--muted) / .22);cursor:pointer;border-radius:7px;align-items:center;gap:.8rem;min-height:68px;padding:.8rem 1rem;display:flex}.brand-asset-upload:hover,.brand-font-upload:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted))}.brand-asset-upload>svg,.brand-font-upload>svg{flex:none;width:18px;height:18px}.brand-asset-upload span,.brand-font-upload span{flex-direction:column;gap:.15rem;min-width:0;display:flex}.brand-asset-upload strong,.brand-font-upload strong{font-size:.76rem;font-weight:550}.brand-asset-upload small,.brand-font-upload small{color:hsl(var(--muted-foreground));font-size:.64rem}.brand-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.brand-asset-card{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:7px;min-width:0;overflow:hidden}.brand-asset-preview{border-bottom:1px solid hsl(var(--border));background-color:#f7f7f7;background-image:linear-gradient(45deg,#ececec 25%,#0000 25%),linear-gradient(-45deg,#ececec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ececec 75%),linear-gradient(-45deg,#0000 75%,#ececec 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;height:168px;display:grid;position:relative;overflow:hidden}.brand-asset-preview[data-surface=dark]{background-color:#181818;background-image:none}.brand-asset-preview img{object-fit:contain;width:82%;height:72%}.brand-asset-preview span{color:#181818;font-family:var(--font-mono), monospace;text-transform:uppercase;background:#ffffffd1;border-radius:3px;padding:.22rem .38rem;font-size:.52rem;position:absolute;bottom:.45rem;right:.5rem}.brand-asset-card-fields{flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.brand-asset-metadata{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm)}.brand-asset-metadata summary{min-height:34px;color:hsl(var(--muted-foreground));cursor:pointer;align-items:center;padding:0 .7rem;font-size:.66rem;list-style:none;display:flex}.brand-asset-metadata summary::-webkit-details-marker{display:none}.brand-asset-metadata[open] summary{border-bottom:1px solid hsl(var(--border))}.brand-asset-metadata>div{gap:.55rem;padding:.65rem;display:grid}.brand-asset-card-fields>div{align-items:center;gap:.4rem;min-width:0;display:flex}.brand-asset-card-fields code{min-width:0;color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.54rem;overflow:hidden}.brand-font-file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.brand-font-file-list>div{border:1px solid hsl(var(--border));border-radius:7px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;min-width:0;min-height:70px;padding:.65rem;display:grid}.brand-font-file-glyph{width:48px;height:48px;color:hsl(var(--background));background:hsl(var(--foreground));border-radius:5px;place-items:center;font-size:1.1rem;display:grid}.brand-font-file-list>div>span:nth-child(2){flex-direction:column;gap:.2rem;min-width:0;display:flex}.brand-font-file-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.brand-font-file-list small,.brand-font-file-list code{color:hsl(var(--muted-foreground));font-size:.58rem}.brand-type-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.brand-type-role-grid>article{border:1px solid hsl(var(--border));border-radius:7px;flex-direction:column;gap:.9rem;min-width:0;padding:1rem;display:flex}.brand-type-role-grid article>header{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.6rem;display:flex}.brand-type-role-grid article>p{overflow-wrap:anywhere;min-height:92px;font-size:clamp(1.45rem,3vw,2.75rem);overflow:hidden}.brand-type-role-controls{border-top:1px solid hsl(var(--border));grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:.9rem;display:grid}.brand-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.brand-color-grid>article{border:1px solid hsl(var(--border));border-radius:7px;min-width:0;overflow:hidden}.brand-color-swatch{flex-direction:column;justify-content:space-between;min-height:154px;padding:.85rem;display:flex}.brand-color-swatch strong{font-size:.78rem}.brand-color-swatch code{opacity:.66;font-size:.58rem;line-height:1.65}.brand-color-fields{background:hsl(var(--background));flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.brand-identity-logo-strip{border:1px solid hsl(var(--border));border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1180px,100%);min-height:170px;margin:1rem auto 0;display:grid;overflow:hidden}.brand-identity-logo-strip>div{color:#181818;background:#fff;place-items:center;display:grid}.brand-identity-logo-strip>div:last-child{color:#fff;background:#181818}.brand-identity-logo-strip img{object-fit:contain;width:min(180px,45%);height:90px}@media (max-width:900px){.brand-identity-section-grid{grid-template-columns:minmax(0,1fr)}.brand-asset-grid,.brand-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-identity-preview-card{min-height:420px}.brand-identity-masthead{grid-template-columns:64px minmax(0,1fr)}.brand-identity-masthead-mark{width:64px;height:64px}.brand-identity-masthead-counts{grid-column:1/-1}.brand-identity-masthead-counts>span{flex:1;min-width:0}.brand-type-role-grid,.brand-font-file-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.brand-identity-body{flex-direction:column;display:flex;overflow-y:auto}.brand-identity-nav{border-right:0;border-bottom:1px solid hsl(var(--border));flex:none;gap:.35rem;display:flex;overflow:auto hidden}.brand-identity-nav-title{display:none}.brand-identity-nav button{flex:none;width:auto}.brand-identity-content{flex:none;overflow:visible}}@media (max-width:580px){.brand-identity-masthead-counts,.brand-identity-logo-strip,.brand-type-role-controls,.brand-asset-upload-row,.brand-asset-grid,.brand-color-grid{grid-template-columns:minmax(0,1fr)}.brand-identity-masthead-counts{display:grid}.brand-identity-masthead-counts>span{border-top:1px solid hsl(var(--border));border-left:0}.brand-identity-masthead-counts>span:first-child{border-top:0}.brand-identity-logo-strip>div{min-height:150px}}.brand-identity-shell{--font-mono:var(--font-sans)}.brand-identity-save-status{color:hsl(var(--muted-foreground));align-items:center;gap:.38rem;font-size:.6rem;display:flex}.brand-identity-save-status svg{width:12px;height:12px;color:hsl(var(--status-success))}.brand-identity-body{grid-template-columns:auto minmax(0,1fr)}.brand-identity-nav{flex-direction:column;gap:.125rem;padding:1.25rem .5rem .75rem;display:flex}.brand-identity-nav-title{letter-spacing:.14em;border-bottom:0;justify-content:flex-start;min-height:19px;margin-bottom:.125rem;padding:0 .5rem .25rem;font-family:inherit;font-size:.625rem;font-weight:500}.brand-identity-nav button{border-radius:var(--studio-corner-md);border:0;gap:.5rem;min-height:36px;padding:0 .625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .14s,background-color .14s}.brand-identity-nav button svg{width:16px;height:16px}.brand-identity-content{background-color:hsl(var(--canvas-background));background-image:radial-gradient(circle, hsl(var(--border) / .55) 0 .8px, transparent .9px);background-size:18px 18px;padding:clamp(.8rem,1.4vw,1.35rem)}.brand-identity-masthead,.brand-identity-feedback,.brand-identity-section-grid,.brand-identity-section-stack,.brand-identity-logo-strip{width:100%;max-width:none;margin-left:0;margin-right:0}.brand-identity-masthead{border-radius:var(--studio-corner-lg);min-height:122px;box-shadow:none;grid-template-columns:66px minmax(0,1fr) auto;gap:1rem;margin-bottom:.8rem;padding:1rem}.brand-identity-masthead-mark{border-radius:var(--studio-corner-md);width:66px;height:66px}.brand-identity-masthead-mark img{width:46px;height:46px}.brand-identity-masthead h1{text-wrap:balance;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:clamp(1.6rem,2.25vw,2.35rem);line-height:1.02;display:-webkit-box;overflow:hidden}.brand-identity-masthead>div:nth-child(2)>span{letter-spacing:.015em;margin-top:.45rem;font-size:.78rem}.brand-identity-masthead-counts{border-radius:var(--studio-corner-md)}.brand-identity-masthead-counts>span{min-width:76px;padding:.65rem .72rem}.brand-identity-masthead-counts strong{font-family:inherit}.brand-identity-save-status[data-pending=true]{color:hsl(var(--foreground))}.brand-identity-feedback{border-radius:var(--studio-corner-md)}.brand-identity-section-grid,.brand-identity-section-stack{gap:.8rem}.brand-identity-section-grid{grid-template-columns:minmax(430px,.92fr) minmax(470px,1.08fr);align-items:start}.brand-identity-content{container:brand-identity/inline-size}.brand-identity-overview{gap:.8rem;width:100%;display:grid}.brand-overview-lead{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--border));grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:1px;height:clamp(560px,34cqi,650px);min-height:0;display:grid;overflow:hidden}.brand-overview-preview{background:hsl(var(--background));min-width:0;overflow:hidden}.brand-overview-preview>.brand-art-preview{aspect-ratio:auto;border-radius:0;width:100%;height:100%;min-height:0}.brand-overview-manifesto{background:hsl(var(--background));flex-direction:column;min-width:0;padding:clamp(1.4rem,3cqi,2.4rem);display:flex}.brand-overview-manifesto>span,.brand-overview-card>header span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem}.brand-overview-manifesto h2{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin-top:1.2rem;font-size:clamp(1.55rem,3.2cqi,2.65rem);line-height:.98}.brand-overview-manifesto>p{max-width:42ch;color:hsl(var(--muted-foreground));margin-top:1rem;font-size:.78rem;line-height:1.65}.brand-overview-manifesto dl{margin-top:auto;padding-top:1.4rem}.brand-overview-manifesto dl>div{border-top:1px solid hsl(var(--border));grid-template-columns:6.6rem minmax(0,1fr);gap:.8rem;padding:.72rem 0;display:grid}.brand-overview-manifesto dt{color:hsl(var(--muted-foreground));font-size:.62rem}.brand-overview-manifesto dd{font-size:.68rem;line-height:1.5}.brand-overview-system-grid{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--border));grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.brand-overview-card{background:hsl(var(--background));min-width:0;padding:1rem}.brand-overview-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;min-height:30px;display:flex}.brand-overview-card>header>div{align-items:baseline;gap:.65rem;display:flex}.brand-overview-card>header h2{font-size:.74rem;font-weight:580}.brand-overview-card>header button{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;padding:0;font-size:.62rem}.brand-overview-card>header button:hover{color:hsl(var(--foreground))}.brand-overview-logo{grid-column:span 4}.brand-overview-logo-surfaces{grid-template-columns:1fr 1fr;height:150px;margin-top:.7rem;display:grid}.brand-overview-logo-surfaces>div{place-items:center;display:grid}.brand-overview-logo-surfaces>div[data-surface=light]{background:#fff}.brand-overview-logo-surfaces>div[data-surface=dark]{background:#111}.brand-overview-logo-surfaces .theme-aware-brand-mark{width:58px;height:58px}.brand-overview-logo>p,.brand-overview-system>p{color:hsl(var(--muted-foreground));margin-top:.8rem;font-size:.68rem;line-height:1.55}.brand-overview-typography{grid-column:span 8}.brand-overview-type-list{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.7rem;display:grid}.brand-overview-type-list>div{border-left:1px solid hsl(var(--border));flex-direction:column;min-width:0;min-height:150px;padding:.8rem;display:flex}.brand-overview-type-list>div:first-child{border-left:0}.brand-overview-type-list span,.brand-overview-type-list small{color:hsl(var(--muted-foreground));font-size:.58rem}.brand-overview-type-list strong{text-overflow:ellipsis;white-space:nowrap;margin:auto 0;font-size:clamp(1.35rem,3cqi,2.5rem);font-weight:500;overflow:hidden}.brand-overview-type-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-overview-palette,.brand-overview-applications{grid-column:span 12}.brand-overview-color-strip{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));min-height:126px;margin-top:.7rem;display:grid}.brand-overview-color-strip>div{flex-direction:column;justify-content:space-between;min-width:0;padding:.75rem;display:flex}.brand-overview-color-strip strong{font-size:.65rem;font-weight:560}.brand-overview-color-strip code{opacity:.72;font-size:.58rem}.brand-overview-strategy,.brand-overview-system{grid-column:span 6;min-height:300px}.brand-overview-strategy blockquote,.brand-overview-voice blockquote{letter-spacing:-.025em;max-width:34ch;margin-top:1.1rem;font-size:clamp(1rem,2cqi,1.45rem);line-height:1.25}.brand-overview-strategy ol{margin-top:1.2rem;list-style:none}.brand-overview-strategy li{border-top:1px solid hsl(var(--border));grid-template-columns:2.1rem minmax(0,1fr);gap:.6rem;padding:.62rem 0;font-size:.68rem;display:grid}.brand-overview-strategy li span{color:hsl(var(--muted-foreground));font-family:var(--font-mono), monospace;font-size:.58rem}.brand-overview-system h3{letter-spacing:-.035em;margin-top:1.15rem;font-size:clamp(1.25rem,2.4cqi,2rem);font-weight:540}.brand-overview-system>div{margin-top:1.15rem}.brand-overview-system>div span{border-top:1px solid hsl(var(--border));padding:.62rem 0;font-size:.66rem;line-height:1.45;display:block}.brand-overview-imagery{grid-column:span 7}.brand-overview-asset-sheet{background:hsl(var(--border));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;height:300px;margin-top:.7rem;display:grid}.brand-overview-asset-sheet figure{background:hsl(var(--muted));min-width:0;position:relative;overflow:hidden}.brand-overview-asset-sheet img{object-fit:cover;width:100%;height:100%;display:block}.brand-overview-asset-sheet figcaption{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000000c2;padding:.35rem .45rem;font-size:.52rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.brand-overview-voice{grid-column:span 5;min-height:332px}.brand-overview-voice>div{margin-top:1.4rem}.brand-overview-voice>div span{border-top:1px solid hsl(var(--border));padding:.6rem 0;font-size:.68rem;display:block}.brand-overview-voice>small{color:hsl(var(--muted-foreground));margin-top:1rem;font-size:.6rem;line-height:1.5;display:block}.brand-overview-applications>div{background:hsl(var(--border));grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:.7rem;display:grid}.brand-overview-applications>div>span{background:hsl(var(--background));flex-direction:column;min-height:116px;padding:.75rem;display:flex}.brand-overview-applications small,.brand-overview-applications code{color:hsl(var(--muted-foreground));font-size:.55rem}.brand-overview-applications strong{margin:auto 0;font-size:.72rem;font-weight:550}.brand-overview-essential-copy{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.brand-overview-essential-copy textarea{min-height:112px}@container brand-identity (max-width:900px){.brand-overview-lead{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.brand-overview-preview>.brand-art-preview{aspect-ratio:16/9;min-height:360px}.brand-overview-logo,.brand-overview-strategy,.brand-overview-system,.brand-overview-voice{grid-column:span 6}.brand-overview-typography,.brand-overview-imagery{grid-column:span 12}}@container brand-identity (max-width:680px){.brand-overview-logo,.brand-overview-strategy,.brand-overview-system,.brand-overview-voice{grid-column:span 12}.brand-overview-type-list,.brand-overview-applications>div,.brand-overview-essential-copy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1321px){.brand-identity-section-grid>.brand-identity-panel:first-child{align-self:stretch;position:relative}.brand-identity-section-grid>.brand-identity-panel:first-child>header{height:62px;position:absolute;inset:0 0 auto}.brand-identity-section-grid>.brand-identity-panel:first-child .brand-identity-panel-content{position:absolute;inset:62px 0 0;overflow-y:auto}}.brand-identity-panel{border-radius:var(--studio-corner-lg);box-shadow:none}.brand-identity-panel>header{min-height:62px;padding:.9rem 1rem}.brand-identity-panel>header h2{letter-spacing:-.005em;font-size:.78rem;font-weight:550}.brand-identity-panel>header p{margin-top:.18rem;font-size:.68rem}.brand-identity-panel-content{gap:.9rem;padding:1rem}.brand-identity-field>span,.brand-identity-range>span:first-child{font-size:.65rem;font-weight:500}.brand-identity-preview-card{aspect-ratio:16/10;border-radius:var(--studio-corner-md);min-height:0;font-family:var(--font-sans);isolation:isolate;background-image:none;border-color:#ffffff2e;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.35rem,2.4vw,2.5rem);display:grid;position:relative}.brand-identity-preview-card:after{content:none}.brand-identity-preview-card[data-grid=dots]{background-image:radial-gradient(circle,currentColor 0 .8px,#0000 .9px);background-size:18px 18px}.brand-identity-preview-card[data-grid=lines]{background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px);background-size:36px 36px}.brand-identity-preview-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.brand-identity-preview-card .brand-identity-preview-top img{width:66px;height:38px}.brand-identity-preview-card small,.brand-identity-preview-card p{color:currentColor;opacity:.62;font-family:inherit}.brand-identity-preview-copy{align-self:center;gap:.9rem;min-width:0;display:grid}.brand-identity-preview-statement{min-width:0}.brand-identity-preview-card .brand-identity-preview-statement h2{overflow-wrap:normal;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-width:none;font-size:clamp(2.15rem,3.5vw,3.75rem);display:-webkit-box;overflow:hidden}.brand-identity-preview-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:62ch;margin:0;font-size:.76rem;display:-webkit-box;overflow:hidden}.brand-identity-preview-principles{opacity:.62;border-top:1px solid;border-left:1px solid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-width:0;margin:0;display:grid}.brand-identity-preview-card .brand-identity-preview-principles span{letter-spacing:.025em;border:1px solid;border-top:0;border-left:0;border-radius:0;min-height:34px;padding:.55rem .65rem;font-family:inherit;font-size:.55rem}.brand-art-preview{aspect-ratio:16/10;border:1px solid hsl(var(--border));background:var(--brand-paper);min-width:0;color:var(--brand-ink);font-family:var(--brand-body), sans-serif;font-weight:var(--brand-body-weight);isolation:isolate;position:relative;overflow:hidden}.brand-art-preview h2,.brand-art-preview p{margin:0}.brand-art-preview h2{font-family:var(--brand-display), sans-serif;font-size:clamp(2.15rem,4.2vw,4.8rem);font-weight:var(--brand-display-weight);letter-spacing:var(--brand-display-tracking);text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.98;display:-webkit-box;overflow:hidden}.brand-art-preview header img,.brand-art-translation-rail img,.brand-art-ledger-title img{object-fit:contain;object-position:left center;width:70px;max-height:34px}.brand-art-preview header{justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;display:flex}.brand-art-preview[data-recipe=translation-frame]{color:#111;background:#fff;grid-template-rows:auto 1fr;gap:1.25rem;padding:clamp(1.5rem,3.5vw,3.75rem);display:grid}.brand-art-translation-rail{justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;display:flex}.brand-art-translation-copy{grid-template-columns:minmax(0,1fr) minmax(160px,.38fr);align-self:center;align-items:center;gap:clamp(1.5rem,4vw,4rem);min-width:0;display:grid}.brand-art-translation-copy h2{font-size:clamp(2.25rem,4vw,4.3rem);font-weight:500;line-height:.94}.brand-art-language-stack{border-left:1px solid #111;align-content:center;height:clamp(112px,16vw,190px);display:grid;overflow:hidden}.brand-art-language-stack span{color:#a5a5a5;padding:.2rem 0 .2rem 1rem;font-size:clamp(1.15rem,2vw,2.25rem);line-height:1.1}.brand-art-language-stack span:nth-child(2){color:#111}.brand-art-preview[data-recipe=translation-frame]>p{max-width:65ch;font-size:clamp(.66rem,1vw,.82rem);line-height:1.5}.brand-art-focus-grid{grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);gap:.7rem;min-height:0;display:grid}.brand-art-focus-window{background:var(--brand-emphasis);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,2.4vw,2.4rem);display:flex}.brand-art-focus-window span,.brand-art-focus-notes b{font-size:.64rem;font-weight:500}.brand-art-focus-window strong{max-width:28ch;font-family:var(--brand-display), sans-serif;font-size:clamp(1.15rem,2.25vw,2.25rem);font-weight:var(--brand-display-weight);line-height:1.05}.brand-art-focus-notes{border-top:1px solid;grid-template-rows:repeat(3,1fr);display:grid}.brand-art-focus-notes p{border-bottom:1px solid;align-content:space-between;padding:.65rem;font-size:clamp(.6rem,.9vw,.76rem);display:grid}.brand-art-preview[data-recipe=focus-window]>h2{max-width:16ch;font-size:clamp(1.5rem,2.7vw,3rem)}.brand-art-preview[data-recipe=economic-ledger]{background:#f2efe6;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);column-gap:1.75rem;padding:clamp(1.25rem,2.8vw,2.8rem);display:grid}.brand-art-ledger-title{grid-column:1/-1;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.brand-art-ledger-metric{align-self:center;gap:.5rem;display:grid}.brand-art-ledger-metric strong{max-width:10ch;font-family:var(--brand-display), sans-serif;letter-spacing:-.055em;font-size:clamp(2.3rem,5vw,5.6rem);font-weight:400;line-height:.88}.brand-art-ledger-rule{background:var(--brand-emphasis);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%);align-self:stretch}.brand-art-preview[data-recipe=economic-ledger] h2{max-width:15ch;font-size:clamp(1.25rem,2.35vw,2.5rem)}.brand-art-ledger-list{border-top:1px solid;grid-template-columns:repeat(2,1fr);font-size:.6rem;display:grid}.brand-art-ledger-list span{border-bottom:1px solid;padding:.5rem 0}.brand-art-preview[data-recipe=knowledge-beam] header{grid-column:1/-1}.brand-art-knowledge-beam{z-index:-1;background:radial-gradient(ellipse at 50% 45%, var(--brand-emphasis), transparent 67%);position:absolute;inset:0 25% 0 35%}@supports (color:color-mix(in lab, red, red)){.brand-art-knowledge-beam{background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--brand-emphasis) 70%, transparent), transparent 67%)}}.brand-art-knowledge-beam{filter:blur(15px)}.brand-art-knowledge-copy{align-self:end;gap:.85rem;display:grid}.brand-art-knowledge-copy p{opacity:.7;max-width:48ch;font-size:clamp(.65rem,1vw,.78rem);line-height:1.45}.brand-art-doc-stack{align-self:end;gap:.45rem;display:grid}.brand-art-doc-stack span{background:#ffffff0a;border:1px solid #ffffff38;grid-template-columns:28px 1fr;align-items:center;min-height:58px;padding:.8rem;font-size:.68rem;display:grid}.brand-art-doc-stack b{color:var(--brand-emphasis);font-weight:500}.brand-art-preview[data-recipe=utility-wave]{color:#e2e8f0;background:#0f172a;grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,2.8vw,2.8rem);display:grid}.brand-art-utility-code{align-self:center;gap:.25rem;font-size:clamp(.8rem,1.4vw,1.25rem);display:grid}.brand-art-utility-code span{color:#94a3b8}.brand-art-utility-code strong{color:var(--brand-emphasis);font-weight:500}.brand-art-utility-wave{z-index:-1;position:absolute;inset:16% -10% 5% 42%;transform:rotate(-12deg)}.brand-art-utility-wave i{inset:calc(var(--wave,0) * 18%) 0 auto;border:2px solid var(--brand-emphasis);opacity:.3;border-radius:50%;height:48%;position:absolute}.brand-art-utility-wave i:nth-child(2){--wave:1;opacity:.55}.brand-art-utility-wave i:nth-child(3){--wave:2;opacity:.85}.brand-art-preview[data-recipe=utility-wave] h2{max-width:15ch;font-size:clamp(1.8rem,3.5vw,4rem)}.brand-art-terminal-field{z-index:-1;filter:saturate(1.35);background:radial-gradient(circle at 50% 35%,#fff 0 2%,#0000 20%),conic-gradient(from 210deg at 50% 45%,#6947ff,#b132ff,#4f85ff,#6947ff);position:absolute;inset:0 0 0 60%}.brand-art-preview[data-recipe=unified-terminal] h2{align-self:center;font-size:clamp(1.8rem,3.6vw,4rem)}.brand-art-terminal-window p{color:#bcaaff}.brand-art-preview[data-recipe=network-horizon]{background:#fff4e6;grid-template-rows:auto 1fr auto auto;gap:.55rem;padding:clamp(1.25rem,2.8vw,2.8rem);display:grid}.brand-art-network-map{background:linear-gradient(22deg, transparent 48%, var(--brand-emphasis) 49% 50%, transparent 51%), linear-gradient(-18deg, transparent 48%, var(--brand-emphasis) 49% 50%, transparent 51%);position:absolute;inset:16% 7% 34%}@supports (color:color-mix(in lab, red, red)){.brand-art-network-map{background:linear-gradient(22deg, transparent 48%, color-mix(in srgb, var(--brand-emphasis) 35%, transparent) 49% 50%, transparent 51%), linear-gradient(-18deg, transparent 48%, color-mix(in srgb, var(--brand-emphasis) 30%, transparent) 49% 50%, transparent 51%)}}.brand-art-network-map i{--x:calc(12% + var(--node) * 17%);left:var(--x);background:var(--brand-emphasis);border-radius:50%;width:8px;height:8px;position:absolute;top:18%}.brand-art-network-map i:nth-child(2),.brand-art-network-map i:nth-child(5){top:64%}.brand-art-network-map i:nth-child(3){top:38%}.brand-art-network-map i:nth-child(4){top:76%}.brand-art-network-horizon{background:linear-gradient(90deg, var(--brand-emphasis), #faad3d 65%, #ffd59c);align-self:end;height:clamp(30px,6vw,74px);margin-inline:calc(-1*clamp(1.25rem,2.8vw,2.8rem))}.brand-art-preview[data-recipe=network-horizon] h2{max-width:17ch;font-size:clamp(1.65rem,3vw,3.4rem)}.brand-art-preview[data-recipe=network-horizon]>p{max-width:62ch;font-size:.7rem;line-height:1.45}.brand-art-preview[data-recipe=programmable-field]{background:#f6f9fc;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);gap:1.25rem;padding:clamp(1.25rem,2.8vw,2.8rem);display:grid}.brand-art-spectrum{z-index:-1;filter:blur(7px);opacity:.8;background:linear-gradient(120deg,#ff80a6,#7a73ff 40%,#00d4ff 72%,#fff0 74%);position:absolute;inset:-35% -5% 15% 35%;transform:rotate(-18deg)}.brand-art-transaction{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #061b3129;align-content:space-between;align-self:end;min-height:45%;padding:1rem;display:grid;box-shadow:0 22px 60px #533afd2e}.brand-art-transaction i{background:var(--brand-emphasis);width:42%;height:4px}.brand-art-interruption{background:var(--brand-emphasis);color:#0a0a0a;clip-path:polygon(0 0,100% 0,100% 82%,72% 100%,0 100%);align-items:flex-end;min-width:0;padding:1rem;display:flex}.brand-art-interruption span{max-width:18ch;font-size:clamp(.72rem,1.15vw,1rem);line-height:1.25}.brand-art-preview{aspect-ratio:16/10;border:1px solid hsl(var(--border));background:var(--brand-paper);min-width:0;color:var(--brand-ink);font-family:var(--brand-body), sans-serif;font-weight:var(--brand-body-weight);overflow:hidden;container-type:inline-size}.brand-art-preview h2[data-preview-title=true]{max-width:none;font-family:var(--brand-display), sans-serif;font-size:clamp(1.7rem,6.2cqw,4.4rem);font-weight:var(--brand-display-weight);letter-spacing:var(--brand-display-tracking);line-height:var(--brand-display-line-height);text-wrap:balance;-webkit-box-orient:unset;-webkit-line-clamp:unset;display:block;overflow:visible}.brand-art-preview header,.brand-art-translation-rail,.brand-art-ledger-title{letter-spacing:.04em;min-width:0;font-size:clamp(.48rem,1.15cqw,.72rem)}.brand-art-preview header img,.brand-art-translation-rail img,.brand-art-ledger-title img{width:clamp(42px,8cqw,82px);max-height:clamp(20px,4cqw,38px)}.brand-art-preview[data-recipe=translation-frame]{isolation:isolate;color:#fff;background:#060707;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3.8cqw,3rem) clamp(1.6rem,5cqw,4rem);padding:clamp(1.2rem,4.4cqw,3.8rem);display:grid;position:relative;overflow:hidden}.brand-art-gt-material{z-index:0;pointer-events:none;position:absolute;inset:6% 2.5% 5% 46%;overflow:hidden}.brand-art-gt-material:before{content:none}.brand-art-gt-constellation{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.brand-art-gt-metal-stage{background:radial-gradient(circle,#ffffff17 0 .7px,#0000 .9px) 0 0/11px 11px,#050606;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:center;gap:clamp(.5rem,1.4cqw,1.2rem) clamp(.6rem,1.6cqw,1.35rem);padding:5.5% 4.5%;display:grid;position:absolute;inset:0}.brand-art-gt-metal-stage:before,.brand-art-gt-metal-stage:after{content:none}.brand-art-gt-metal-language{z-index:1;text-align:center;white-space:nowrap;color:#0000;width:100%;min-width:0;max-width:100%;height:100%;font-family:var(--brand-body), sans-serif;letter-spacing:-.025em;filter:drop-shadow(0 1px #000000b3);-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#d5d7d8 44%,#888b8d 58%,#f5f5f5 100%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding:0 clamp(.55rem,1.5cqw,1.25rem);font-size:clamp(1.35rem,4.25cqw,3.9rem);font-weight:500;display:flex;position:relative;overflow:hidden}.brand-art-gt-metal-language:nth-child(2){font-size:clamp(1.7rem,5.2cqw,4.7rem)}.brand-art-gt-metal-language:nth-child(3){font-size:clamp(1.2rem,3.65cqw,3.35rem)}.brand-art-gt-metal-language:nth-child(4){font-size:clamp(1.45rem,4.5cqw,4.1rem)}.brand-art-gt-metal-language:last-child{width:100%;font-size:clamp(1.3rem,4cqw,3.7rem)}.brand-art-gt-metal-language:after{content:none}.brand-art-gt-header{z-index:2;align-items:center;display:flex;position:absolute;top:6%;left:2.5%}.brand-art-preview .brand-art-gt-header img{object-fit:contain;object-position:left center;width:clamp(84px,16cqw,164px);max-height:clamp(40px,8cqw,76px)}.brand-art-gt-copy{z-index:2;gap:clamp(.85rem,1.6cqw,1.25rem);width:min(36%,38rem);display:grid;position:absolute;top:52%;left:clamp(2.5rem,7cqw,6.5rem);transform:translateY(-50%)}.brand-art-gt-copy h2[data-preview-title=true]{max-width:none;font-size:clamp(2rem,5.8cqw,5.2rem);font-weight:var(--brand-display-weight);letter-spacing:max(var(--brand-display-tracking), -.045em);line-height:var(--brand-display-line-height);text-wrap:nowrap}.brand-art-gt-copy h2[data-preview-title=true] span{white-space:nowrap;display:block}.brand-art-gt-copy p{color:#ffffff8f;max-width:38ch;font-size:clamp(.68rem,1.3cqw,.94rem);line-height:1.55}@container (max-width:560px){.brand-art-preview[data-recipe=translation-frame]{gap:1rem;padding:clamp(1rem,4.2cqw,1.5rem)}.brand-art-gt-copy h2[data-preview-title=true]{max-width:none;font-size:clamp(1.45rem,5.2cqw,2.5rem)}.brand-art-gt-material{inset:12% 2% 7% 47%}.brand-art-preview .brand-art-gt-header img{width:clamp(104px,18cqw,144px);max-height:clamp(60px,11cqw,84px)}.brand-art-gt-copy{width:40%;top:54%;left:clamp(1.5rem,6.5cqw,2.5rem)}.brand-art-gt-metal-stage{gap:.35rem .55rem;padding:6% 4%}.brand-art-gt-metal-language{padding-inline:.35rem;font-size:clamp(.72rem,3.65cqw,1.35rem)}}.brand-art-preview[data-recipe=focus-window]{background:#f7f5ef;grid-template-rows:auto 1fr;gap:2.2cqw;padding:clamp(1rem,3.3cqw,2.6rem);display:grid}.brand-art-focus-grid{grid-template-rows:1fr auto;grid-template-columns:1.05fr .85fr;gap:1cqw;min-height:0;display:grid}.brand-art-focus-image{background:#171a21;grid-row:1/-1;min-height:0;position:relative;overflow:hidden}.brand-art-focus-image img{object-fit:cover;filter:saturate(.85);width:100%;height:100%}.brand-art-focus-image span{color:#fff;font-size:1cqw;position:absolute;inset:auto 1cqw 1cqw}.brand-art-evidence-theme--dark,.studio-app[data-theme=dark] .brand-art-evidence-theme--light{display:none}.studio-app[data-theme=dark] .brand-art-evidence-theme--dark{display:block}.brand-art-focus-window{background:var(--brand-emphasis);color:#fff;align-content:space-between;gap:1cqw;min-height:0;padding:2.1cqw;display:grid}.brand-art-focus-window h2[data-preview-title=true]{font-size:clamp(1.45rem,4.4cqw,3rem);line-height:.98}.brand-art-focus-window small,.brand-art-focus-window p{font-size:clamp(.5rem,1.15cqw,.72rem);line-height:1.35}.brand-art-focus-notes{border-top:1px solid;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.brand-art-focus-notes p{border-bottom:0;gap:.35cqw;padding:.75cqw .5cqw 0;font-size:clamp(.42rem,.9cqw,.6rem);display:grid}.brand-art-preview[data-recipe=economic-ledger]{background:#f2efe6;grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2cqw 4cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-ledger-title{grid-column:1/-1}.brand-art-ledger-copy{align-self:end;gap:1.15cqw;min-width:0;display:grid}.brand-art-ledger-copy h2[data-preview-title=true]{letter-spacing:-.04em;max-width:none;font-size:clamp(1.9rem,6cqw,4.2rem);font-weight:350}.brand-art-ledger-copy p{max-width:38ch;font-size:clamp(.5rem,1.15cqw,.75rem);line-height:1.4}.brand-art-ledger-copy>strong{background:#d5ff4f;width:max-content;padding:.55cqw .8cqw;font-size:clamp(.55rem,1.2cqw,.78rem);font-weight:400}.brand-art-ledger-evidence{background:#292827;min-height:0;display:block;overflow:hidden}.brand-art-ledger-photo{height:100%;min-height:0;position:relative;overflow:hidden}.brand-art-ledger-photo img{object-fit:cover;object-position:center 42%;width:100%;height:100%}.brand-art-ledger-photo span{background:#f2efe6;padding:.65cqw .8cqw;font-size:clamp(.45rem,1cqw,.65rem);position:absolute;inset:auto 1.2cqw 1.2cqw}.brand-art-preview[data-recipe=knowledge-beam]{color:#111;background:#f5f4ef;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:2.2cqw 3cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-mintlify-header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.brand-art-mintlify-header span{font-size:clamp(.44rem,.85cqw,.58rem)}.brand-art-mintlify-copy{align-self:center;gap:1.25cqw;display:grid}.brand-art-mintlify-copy h2[data-preview-title=true]{letter-spacing:-.04em;max-width:24ch;font-size:clamp(1.2rem,3.1cqw,2.5rem);line-height:1.04}.brand-art-mintlify-copy p{max-width:34ch;font-size:clamp(.5rem,1.1cqw,.72rem);line-height:1.45}.brand-art-mintlify-system{background:#16a765;grid-template-rows:auto 1fr auto;gap:1.4cqw;min-height:0;padding:2cqw;display:grid;position:relative;overflow:hidden}.brand-art-mintlify-system:before{content:"";background-image:radial-gradient(#ffffff47 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.brand-art-mintlify-sources{grid-template-columns:repeat(3,1fr);gap:.55cqw;display:grid;position:relative}.brand-art-mintlify-sources span{text-align:center;background:#f5f4ef;border:1px solid #00301e59;padding:.65cqw;font-size:clamp(.42rem,.78cqw,.54rem)}.brand-art-mintlify-agent{color:#fff;background:#0e1713;grid-template-columns:2.6cqw 1fr auto;align-self:center;align-items:center;gap:1cqw;padding:1.35cqw;display:grid;position:relative}.brand-art-mintlify-agent img{object-fit:contain;width:2.6cqw;height:2.6cqw}.brand-art-mintlify-agent div{gap:.3cqw;display:grid}.brand-art-mintlify-agent small{color:#9eb0a7;font-size:clamp(.4rem,.72cqw,.5rem)}.brand-art-mintlify-agent strong{font-size:clamp(.58rem,1.12cqw,.8rem);font-weight:450}.brand-art-mintlify-agent i{background:#9cff26;border-radius:50%;width:.7cqw;height:.7cqw;box-shadow:0 0 0 .45cqw #9cff262e}.brand-art-mintlify-status{grid-template-columns:repeat(2,1fr);gap:.55cqw;display:grid;position:relative}.brand-art-mintlify-status span{background:#f5f4eff0;padding:.7cqw;font-size:clamp(.42rem,.76cqw,.52rem)}.brand-art-mintlify-status b{margin-right:.35cqw;font-size:1.15em}.brand-art-preview[data-recipe=utility-wave]{color:#f8fafc;background:#020617;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.2cqw 3.2cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-tailwind-header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.brand-art-tailwind-header span{color:#7dd3fc;font-family:var(--brand-code), monospace;font-size:clamp(.42rem,.82cqw,.56rem)}.brand-art-tailwind-copy{grid-row:2/4;align-self:center;gap:1.1cqw;display:grid}.brand-art-tailwind-copy h2[data-preview-title=true]{max-width:none;font-size:clamp(1.2rem,3.2cqw,2.8rem)}.brand-art-tailwind-copy p{color:#94a3b8;max-width:34ch;font-size:clamp(.5rem,1.05cqw,.7rem);line-height:1.45}.brand-art-tailwind-copy>strong{color:#38bdf8;font-size:clamp(1.1rem,2.8cqw,2rem);font-weight:500}.brand-art-tailwind-copy>strong small{color:#94a3b8;font-size:.35em;font-weight:400}.brand-art-tailwind-code{min-height:0;font-family:var(--brand-code), monospace;background:#0f172a;border:1px solid #7dd3fc47;align-content:center;gap:.55cqw;padding:1.45cqw;font-size:clamp(.46rem,.88cqw,.6rem);display:grid;box-shadow:0 2.4cqw 6cqw #0ea5e91f}.brand-art-tailwind-code>span{color:#64748b;margin-bottom:.5cqw}.brand-art-tailwind-code code{color:#e2e8f0;font-family:inherit;display:block}.brand-art-tailwind-code i{color:#f472b6;font-style:normal}.brand-art-tailwind-code b{color:#67e8f9;font-weight:400}.brand-art-tailwind-spectrum{grid-template-columns:repeat(5,1fr);height:2.2cqw;min-height:12px;display:grid;overflow:hidden}.brand-art-tailwind-spectrum i[data-tone=sky]{background:#38bdf8}.brand-art-tailwind-spectrum i[data-tone=violet]{background:#8b5cf6}.brand-art-tailwind-spectrum i[data-tone=rose]{background:#fb7185}.brand-art-tailwind-spectrum i[data-tone=amber]{background:#fbbf24}.brand-art-tailwind-spectrum i[data-tone=lime]{background:#a3e635}.brand-art-preview[data-recipe=unified-terminal]{color:#15131a;background:#fafafa;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.2cqw 3cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-preview[data-recipe=unified-terminal] header{grid-column:1/-1}.brand-art-terminal-field{z-index:-1;background:#6547ff;position:absolute;inset:0 0 0 54%;overflow:hidden}.brand-art-terminal-field img{object-fit:cover;filter:saturate(1.3)contrast(1.08);width:100%;height:100%}.brand-art-terminal-copy{align-self:center;gap:1.2cqw;display:grid}.brand-art-terminal-copy h2[data-preview-title=true]{max-width:none;font-size:clamp(1.65rem,4.8cqw,3.5rem)}.brand-art-terminal-copy p{max-width:33ch;font-size:clamp(.5rem,1.05cqw,.7rem);line-height:1.4}.brand-art-terminal-window{color:#fff;background:#151419;border:1px solid #ffffff61;align-content:center;align-self:center;gap:1cqw;min-height:0;padding:2cqw;font-size:clamp(.5rem,1.1cqw,.72rem);display:grid;box-shadow:0 2.8cqw 7cqw #220a4759}.brand-art-terminal-window p{color:#c8b8ff;grid-template-columns:1.2cqw 1fr;display:grid}.brand-art-preview[data-recipe=network-horizon]{color:#fff;background:#101010;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:2cqw 3cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-preview[data-recipe=network-horizon] header{grid-column:1/-1}.brand-art-network-image{grid-area:2/2/4;min-height:0;overflow:hidden}.brand-art-network-image img{object-fit:cover;filter:saturate(1.15)contrast(1.08);width:100%;height:100%}.brand-art-network-copy{align-self:end;gap:1.1cqw;display:grid}.brand-art-network-copy h2[data-preview-title=true]{font-size:clamp(1.65rem,4.6cqw,3.3rem)}.brand-art-network-copy p{color:#ccc;font-size:clamp(.5rem,1.05cqw,.7rem);line-height:1.45}.brand-art-network-route{border-top:2px solid #f48120;display:grid}.brand-art-network-route span{gap:.45cqw;padding-top:.45cqw;font-size:clamp(.42rem,.82cqw,.55rem);display:flex}.brand-art-network-route i{background:#f48120;border-radius:50%;width:.55cqw;height:.55cqw}.brand-art-preview[data-recipe=programmable-field]{color:#061b31;background:#f6f9fc;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.2cqw 3cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-preview[data-recipe=programmable-field] header{grid-column:1/-1}.brand-art-spectrum{z-index:-1;filter:none;opacity:1;background:#7a73ff;position:absolute;inset:0 0 0 52%;overflow:hidden;transform:none}.brand-art-spectrum img{object-fit:cover;filter:saturate(1.25);width:100%;height:100%}.brand-art-programmable-copy{align-self:center;gap:1.1cqw;display:grid}.brand-art-programmable-copy h2[data-preview-title=true]{max-width:none;font-size:clamp(1.65rem,4.6cqw,3.4rem);font-weight:350}.brand-art-programmable-copy p{max-width:35ch;font-size:clamp(.5rem,1.05cqw,.7rem);line-height:1.45}.brand-art-transaction{background:#fff;border:1px solid #061b3129;align-self:stretch;min-height:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2.2cqw 6cqw #533afd38}.brand-art-transaction>img{object-fit:cover;width:100%;height:100%}.brand-art-transaction>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;gap:.3cqw;width:min(80%,22cqw);padding:1cqw;display:grid;position:absolute;inset:auto 1cqw 1cqw}.brand-art-transaction span{font-size:.8cqw}.brand-art-transaction strong{font-size:clamp(.7rem,1.6cqw,1.1rem);font-weight:400}.brand-art-preview[data-recipe=editorial-interruption]{color:#0a0a0a;background:#f2f0e9;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.2cqw 3cqw;padding:clamp(1rem,3.3cqw,2.7rem);display:grid}.brand-art-preview[data-recipe=editorial-interruption] header{grid-column:1/-1}.brand-art-editorial-image{background:#0a0a0a;grid-area:2/2/4;min-height:0;overflow:hidden}.brand-art-editorial-image img{object-fit:cover;filter:contrast(1.08)saturate(.72);width:100%;height:100%}.brand-art-preview img[data-fit=contain]{object-fit:contain}.brand-art-editorial-copy{align-self:end;gap:1.2cqw;display:grid}.brand-art-editorial-copy h2[data-preview-title=true]{font-size:clamp(1.7rem,4.8cqw,3.5rem)}.brand-art-editorial-copy p{max-width:34ch;font-size:clamp(.5rem,1.05cqw,.7rem);line-height:1.45}.brand-art-preview[data-recipe=editorial-interruption] footer{border-top:1px solid;grid-column:1;padding-top:.7cqw;font-size:clamp(.42rem,.8cqw,.55rem)}.brand-system-diagram{aspect-ratio:3;border:1px solid var(--diagram-ink);width:100%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brand-system-diagram{border:1px solid color-mix(in srgb, var(--diagram-ink) 28%, transparent)}}.brand-system-diagram{background:var(--diagram-paper);font-family:var(--diagram-font), sans-serif;font-weight:var(--diagram-font-weight)}.brand-system-diagram[data-compact=true]{aspect-ratio:3.8;border-width:1px 0 0}.brand-system-diagram svg{width:100%;height:100%;display:block}.brand-system-diagram-surface{fill:var(--diagram-paper)}.brand-system-diagram-input rect,.brand-system-diagram-output rect{fill:var(--diagram-paper);stroke:var(--diagram-ink)}@supports (color:color-mix(in lab, red, red)){.brand-system-diagram-input rect,.brand-system-diagram-output rect{stroke:color-mix(in srgb, var(--diagram-ink) 36%, transparent)}}.brand-system-diagram-input rect,.brand-system-diagram-output rect{stroke-width:1.5px}.brand-system-diagram-input path,.brand-system-diagram-output path{fill:none;stroke:var(--diagram-ink);stroke-width:1.5px}.brand-system-diagram-input text,.brand-system-diagram-output text{fill:var(--diagram-ink);font-family:var(--diagram-font), sans-serif;font-size:17px;font-weight:var(--diagram-font-weight)}.brand-system-diagram-core rect{fill:var(--diagram-accent);stroke:var(--diagram-ink);stroke-width:1.5px}.brand-system-diagram-core text{fill:var(--diagram-accent-text);font-family:var(--diagram-font), sans-serif;font-size:23px;font-weight:min(var(--diagram-font-weight), 550)}.brand-system-diagram-core .brand-system-diagram-core-name{opacity:.68;font-size:15px}.brand-system-diagram[data-brand-diagram=gt]{--diagram-accent:#181818!important;--diagram-accent-text:#fff!important}.brand-system-diagram[data-brand-diagram=ramp]{--diagram-paper:#f2efe6!important}.brand-system-diagram[data-brand-diagram=viteplus] .brand-system-diagram-core rect,.brand-system-diagram[data-brand-diagram=stripe] .brand-system-diagram-core rect{filter:saturate(1.18)}.brand-visual-audit{gap:1rem;width:min(100%,1500px);margin:0 auto;display:grid}.brand-audit-summary{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));grid-template-columns:1.2fr 1fr 1fr auto;align-items:stretch;min-height:70px;display:grid;overflow:hidden}.brand-audit-summary>div{border-right:1px solid hsl(var(--border));align-items:center;gap:.75rem;min-width:0;padding:.9rem 1rem;display:flex}.brand-audit-summary>div:first-child>svg{width:1.25rem}.brand-audit-summary>div>span,.brand-audit-summary>div:not(:first-child){flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.brand-audit-summary strong{font-size:1.2rem;font-weight:500}.brand-audit-summary small{color:hsl(var(--muted-foreground));font-size:.67rem}.brand-audit-summary>button{align-self:center;margin:0 .85rem}.brand-audit-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.brand-audit-grid>article{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));min-width:0;overflow:hidden}.brand-audit-grid>article>header{border-bottom:1px solid hsl(var(--border));gap:.2rem;padding:.85rem 1rem;display:grid}.brand-audit-grid>article>header>div{justify-content:space-between;gap:1rem;display:flex}.brand-audit-grid>article>header strong{font-size:.86rem;font-weight:500}.brand-audit-grid>article>header p{color:hsl(var(--muted-foreground));margin:0;font-size:.66rem}.brand-audit-grid>article>header span{text-align:right;min-width:2rem;font-size:.75rem}.brand-audit-grid>article>header span[data-status=pass]{color:#169b52}.brand-audit-grid>article>header span[data-status=warn]{color:#c67600}.brand-audit-grid>article>header span[data-status=fail]{color:#d43b3b}.brand-audit-grid .brand-art-preview{border:0;border-bottom:1px solid hsl(var(--border))}.brand-audit-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.75rem;display:grid}.brand-audit-checks>span{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-sm);min-width:0;min-height:28px;color:hsl(var(--muted-foreground));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.58rem;display:grid}.brand-audit-checks>span[data-passed=false]{color:#d43b3b;border-color:#d43b3b73}.brand-audit-checks svg{width:.75rem;height:.75rem}.brand-audit-checks small{font-size:.55rem}@media (max-width:1000px){.brand-audit-grid{grid-template-columns:1fr}}@media (max-width:720px){.brand-audit-summary{grid-template-columns:repeat(3,1fr)}.brand-audit-summary>button{grid-column:1/-1;margin:.6rem}.brand-audit-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand-dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.brand-direction-editorial{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-lg);background:hsl(var(--background));grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:520px;display:grid;overflow:hidden}.brand-direction-editorial-copy{flex-direction:column;justify-content:space-between;gap:1.4rem;padding:clamp(1.5rem,3.3vw,3.5rem);display:flex}.brand-direction-editorial-copy>span,.brand-direction-editorial dt{color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:500}.brand-direction-editorial-copy h2{max-width:26ch;font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:auto 0 0;font-size:clamp(1.75rem,2.5vw,3.25rem);font-weight:500;line-height:.98;display:-webkit-box;overflow:hidden}.brand-direction-editorial-copy>div{gap:.65rem;display:grid}.brand-direction-editorial-copy p,.brand-direction-editorial-copy small{max-width:66ch;color:hsl(var(--muted-foreground));margin:0;font-size:.8rem;line-height:1.55}.brand-direction-editorial-copy small{opacity:.72;font-size:.7rem}.brand-direction-editorial-image{border-left:1px solid hsl(var(--border));background:hsl(var(--muted));min-height:320px;overflow:hidden}.brand-direction-editorial-image img{object-fit:cover;width:100%;height:100%}.brand-direction-editorial-image[data-empty=true]{background:radial-gradient(circle, hsl(var(--foreground) / .16) 0 1px, transparent 1.2px), hsl(var(--muted));background-size:16px 16px;place-items:center;display:grid}.brand-direction-editorial-image>span{font-size:4rem;font-weight:500}.brand-direction-editorial dl{border-top:1px solid hsl(var(--border));grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.brand-direction-editorial dl>div{border-right:1px solid hsl(var(--border));align-content:start;gap:.75rem;min-height:160px;padding:1rem;display:grid}.brand-direction-editorial dl>div:last-child{border-right:0}.brand-direction-editorial dd{color:hsl(var(--foreground) / .78);margin:0;font-size:.72rem;line-height:1.5}.brand-reference-summary{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.brand-reference-summary span{border-right:1px solid hsl(var(--border));min-height:62px;color:hsl(var(--muted-foreground));text-transform:capitalize;align-content:center;gap:.2rem;padding:.75rem;font-size:.65rem;display:grid}.brand-reference-summary span:last-child{border-right:0}.brand-reference-summary strong{color:hsl(var(--foreground));font-size:1.2rem;font-weight:500}.brand-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.brand-reference-grid article{border:1px solid hsl(var(--border));border-radius:var(--studio-corner-md);background:hsl(var(--background));min-width:0;overflow:hidden}.brand-reference-visual{aspect-ratio:16/10;border-bottom:1px solid hsl(var(--border));background:linear-gradient(135deg, hsl(var(--muted)) 0 48%, transparent 48% 52%, hsl(var(--muted)) 52%), hsl(var(--canvas-background));place-items:center;display:grid;overflow:hidden}.brand-reference-visual img{object-fit:cover;width:100%;height:100%}.brand-reference-visual span{color:hsl(var(--muted-foreground));font-size:1.4rem;font-weight:500}.brand-reference-grid article>div:last-child{align-content:start;gap:.35rem;min-height:148px;padding:.75rem;display:grid}.brand-reference-metadata{border-top:1px solid hsl(var(--border));margin-top:auto;padding-top:.35rem}.brand-reference-metadata summary{color:hsl(var(--muted-foreground));cursor:pointer;padding:.35rem 0;font-size:.6rem;list-style:none}.brand-reference-metadata summary::-webkit-details-marker{display:none}.brand-reference-metadata>div{gap:.45rem;padding-top:.45rem;display:grid}.brand-reference-grid small{color:hsl(var(--muted-foreground));text-transform:capitalize;font-size:.58rem}.brand-reference-grid strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;font-weight:550;line-height:1.25;display:-webkit-box;overflow:hidden}.brand-reference-grid p{color:hsl(var(--muted-foreground));-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.64rem;line-height:1.4;display:-webkit-box;overflow:hidden}.brand-asset-upload,.brand-font-upload,.brand-asset-card,.brand-asset-preview span,.brand-font-file-list>div,.brand-font-file-glyph,.brand-type-role-grid>article,.brand-color-grid>article,.brand-identity-logo-strip{border-radius:var(--studio-corner-md)}.brand-asset-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.brand-font-file-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.brand-color-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}.brand-identity-logo-strip{margin-top:.8rem}.brand-identity-content[data-identity=gt] .brand-identity-masthead h1,.brand-identity-content[data-identity=gt] .brand-identity-preview-card h2{font-variation-settings:"wght" 500;text-wrap:balance}@media (max-width:1320px){.brand-identity-section-grid{grid-template-columns:minmax(0,1fr)}.brand-identity-preview-card,.brand-art-preview{aspect-ratio:16/9}.brand-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.brand-identity-body{grid-template-columns:auto minmax(0,1fr)}.brand-identity-save-status{display:none}.brand-identity-preview-card{aspect-ratio:auto;min-height:390px}.brand-art-preview{aspect-ratio:auto;min-height:420px}.brand-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.brand-identity-nav{flex-direction:row;gap:.25rem;padding:.5rem}.brand-identity-nav button{border:0;min-height:36px}.brand-identity-content{padding:.75rem}}@media (max-width:580px){.brand-identity-masthead{grid-template-columns:54px minmax(0,1fr)}.brand-identity-masthead-mark{width:54px;height:54px}.brand-identity-preview-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-dossier-grid,.brand-reference-grid{grid-template-columns:minmax(0,1fr)}.brand-reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-reference-summary span:nth-child(2n){border-right:0}.brand-art-focus-grid,.brand-art-preview[data-recipe=economic-ledger],.brand-art-preview[data-recipe=knowledge-beam],.brand-art-preview[data-recipe=utility-wave],.brand-art-preview[data-recipe=unified-terminal],.brand-art-preview[data-recipe=programmable-field],.brand-art-preview[data-recipe=editorial-interruption]{grid-template-columns:minmax(0,1fr)}.brand-art-mintlify-header,.brand-art-tailwind-header{grid-column:1}.brand-art-mintlify-system,.brand-art-tailwind-code{min-height:190px}.brand-art-tailwind-copy{grid-row:auto}.brand-art-language-stack,.brand-art-ledger-rule,.brand-art-doc-stack,.brand-art-terminal-window,.brand-art-transaction,.brand-art-interruption{display:none}.brand-direction-editorial{grid-template-columns:minmax(0,1fr)}.brand-direction-editorial-image{border:0;border-top:1px solid hsl(var(--border))}.brand-direction-editorial dl{grid-template-columns:minmax(0,1fr)}.brand-direction-editorial dl>div{border-right:0;border-bottom:1px solid hsl(var(--border))}}.marketing-page{--marketing-line:hsl(var(--foreground) / .18);--marketing-muted:hsl(var(--foreground) / .62);--marketing-shell:min(calc(100% - 24px), 1320px);background:#f8f8f5;overflow:clip}.marketing-page a{text-underline-offset:3px}.marketing-skip-link{z-index:100;color:#fff;background:hsl(var(--foreground));padding:.65rem .9rem;font-size:.75rem;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.marketing-skip-link:focus{transform:translateY(0)}.marketing-header{z-index:20;width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);background:hsl(var(--background) / .92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;height:70px;margin:0 auto;padding:0 1.25rem;display:grid;position:relative}.marketing-header>:last-child{justify-self:end}.marketing-brand{width:fit-content;color:hsl(var(--foreground));letter-spacing:-.025em;align-items:center;gap:.7rem;font-size:.9375rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-brand-mark{object-fit:contain;width:34px;height:34px}.marketing-nav{border:1px solid var(--marketing-line);background:hsl(var(--background) / .72);align-items:center;gap:.15rem;padding:.2rem;display:flex}.marketing-nav a{min-height:34px;color:var(--marketing-muted);place-items:center;padding:0 .8rem;font-size:.75rem;font-weight:550;text-decoration:none;transition:color .12s,background-color .12s;display:grid}.marketing-nav a:hover{color:hsl(var(--foreground));background:hsl(var(--foreground) / .055)}.marketing-construction-spacer{width:var(--marketing-shell);border:1px solid var(--marketing-line);background-image:repeating-linear-gradient(45deg, transparent 0 6px, hsl(var(--foreground) / .075) 6px 7px);height:34px;margin:0 auto;position:relative}.marketing-reticle{z-index:5;width:21px;height:21px;position:absolute}.marketing-reticle:before,.marketing-reticle:after{background:hsl(var(--foreground) / .62);content:"";position:absolute}.marketing-reticle:before{width:21px;height:1px;top:10px;left:0}.marketing-reticle:after{width:1px;height:21px;top:0;left:10px}.marketing-reticle--tl{top:-11px;left:-11px}.marketing-reticle--tr{top:-11px;right:-11px}.marketing-reticle--bl{bottom:-11px;left:-11px}.marketing-reticle--br{bottom:-11px;right:-11px}.marketing-hero{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);isolation:isolate;min-height:640px;margin:0 auto;position:relative;overflow:hidden}.marketing-hero-copy{z-index:3;flex-direction:column;justify-content:center;align-items:flex-start;width:min(66%,780px);min-height:640px;padding:5.75rem 3.75rem 4.5rem;display:flex;position:relative}.marketing-eyebrow{color:var(--marketing-muted);font-family:var(--font-mono), monospace;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:.6875rem;font-weight:550;display:flex}.marketing-eyebrow svg{width:15px;height:15px}.marketing-hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:780px;margin:0;font-size:clamp(3.5rem,6.2vw,5.75rem);font-weight:550;line-height:.95}.marketing-hero-copy>p:not(.marketing-eyebrow){max-width:670px;color:var(--marketing-muted);margin:1.75rem 0 0;font-size:clamp(1.05rem,1.65vw,1.3rem);line-height:1.55}.marketing-hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.marketing-hero-proof{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.marketing-hero-proof span{color:var(--marketing-muted);font-family:var(--font-mono), monospace;text-transform:uppercase;align-items:baseline;gap:.45rem;font-size:.6875rem;display:flex}.marketing-hero-proof b{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-size:.875rem}.marketing-hero-dither{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.marketing-hero-dither i{background-image:radial-gradient(circle, hsl(var(--foreground) / .62) 0 1.1px, transparent 1.35px);opacity:.1;background-size:8px 8px;display:block;position:absolute;-webkit-mask-image:radial-gradient(#000 0 18%,#000b 38%,#0000 72%);mask-image:radial-gradient(#000 0 18%,#000b 38%,#0000 72%)}.marketing-hero-dither i:first-child{width:68%;height:116%;top:-12%;right:-5%}.marketing-hero-dither i:nth-child(2){opacity:.075;background-size:13px 13px;width:52%;height:83%;top:8%;right:3%}.marketing-hero-dither i:nth-child(3){opacity:.055;background-size:5px 5px;width:34%;height:70%;bottom:-20%;right:28%}.marketing-isometric-art{z-index:2;opacity:.9;pointer-events:none;width:min(57vw,720px);position:absolute;top:42px;right:-58px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000a 12%,#000 27%);mask-image:linear-gradient(90deg,#0000 0,#000a 12%,#000 27%)}.marketing-isometric-art svg{width:100%;height:auto;filter:drop-shadow(18px 24px 22px hsl(var(--foreground) / .1));display:block;overflow:visible}.marketing-iso-decor path{fill:none;stroke:hsl(var(--foreground) / .28);stroke-width:1px}.marketing-iso-decor circle{fill:#7c5cff}.marketing-iso-shadow path{fill:hsl(var(--foreground) / .085)}.marketing-iso-top{fill:#fefefb;stroke:hsl(var(--foreground) / .34);stroke-width:1px}.marketing-iso-side-left{fill:#d9d9d4;stroke:hsl(var(--foreground) / .3)}.marketing-iso-side-right{fill:#c8c8c3;stroke:hsl(var(--foreground) / .3)}.marketing-iso-grid{fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23181818' fill-opacity='.22'/%3E%3C/svg%3E");opacity:.42}.marketing-iso-tile{stroke:hsl(var(--foreground) / .28);stroke-width:1px}.marketing-iso-tile--dark{fill:#1a1a1a}.marketing-iso-tile--purple{fill:#b79aff}.marketing-iso-tile--green{fill:#b1ff7e}.marketing-iso-tile--teal{fill:#7cf5d9}.marketing-iso-word{fill:#fff;opacity:.94}.marketing-iso-lines,.marketing-iso-screen-line{fill:none;stroke:hsl(var(--foreground) / .46);stroke-width:2px}.marketing-iso-panel{fill:#fafafa;stroke:hsl(var(--foreground) / .36)}.marketing-iso-panel-left{fill:#d7d7d3;stroke:hsl(var(--foreground) / .3)}.marketing-iso-panel-side{fill:#c7c7c3;stroke:hsl(var(--foreground) / .3)}.marketing-iso-panel-screen{fill:#e6ddff;stroke:#7c5cff}.marketing-iso-screen-chip{fill:#7c5cff}.marketing-iso-mini-logo{fill:#7cf5d9;stroke:#168d79}.marketing-iso-wires path{fill:none;vector-effect:non-scaling-stroke}.marketing-iso-wires--base path{stroke:hsl(var(--foreground) / .44);stroke-width:1.2px}.marketing-iso-wires--signal path{stroke:#7656ff;stroke-width:2px;stroke-dasharray:2 14;stroke-linecap:round;animation:3.2s linear infinite marketing-iso-signal}.marketing-iso-labels text{fill:hsl(var(--foreground) / .54);font-family:var(--font-mono), monospace;letter-spacing:.16em;font-size:10px;font-weight:550}@keyframes marketing-iso-signal{to{stroke-dashoffset:-48px}}.marketing-feature-strip{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid}.marketing-feature-strip article{grid-template-columns:auto 1fr;align-content:start;gap:1rem;min-height:168px;padding:1.55rem;display:grid}.marketing-feature-strip article+article{border-left:1px solid var(--marketing-line)}.marketing-feature-strip article>span{color:hsl(var(--foreground) / .42);font-family:var(--font-mono), monospace;font-size:.625rem}.marketing-feature-strip h2{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:550}.marketing-feature-strip p{color:var(--marketing-muted);margin:.55rem 0 0;font-size:.78rem;line-height:1.55}.marketing-section{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);content-visibility:auto;contain-intrinsic-size:auto 980px;margin:0 auto;padding:7.5rem 3.5rem}.marketing-section-heading{text-align:center;max-width:850px;margin:0 auto 4.5rem}.marketing-section-heading .marketing-eyebrow{justify-content:center}.marketing-section-heading h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,5.5vw,4.8rem);font-weight:550;line-height:1}.marketing-section-heading>p:last-child{max-width:670px;color:var(--marketing-muted);margin:1.5rem auto 0;font-size:1.05rem;line-height:1.65}.marketing-gradient-stage{border:1px solid hsl(var(--foreground) / .2);isolation:isolate;box-shadow:0 30px 80px hsl(var(--foreground) / .1);padding:clamp(2rem,5vw,4.5rem);position:relative;overflow:hidden}.marketing-gradient-stage:before{z-index:-2;background:var(--marketing-stage-background);content:"";position:absolute;inset:0}.marketing-gradient-stage:after{z-index:-1;mix-blend-mode:soft-light;opacity:.52;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-gradient-stage--teal{--marketing-stage-background:radial-gradient(circle at 17% 18%, #ddfff8 0, transparent 36%), radial-gradient(circle at 82% 74%, #54d8ca 0, transparent 42%), linear-gradient(135deg, #98f4e7, #b8a7ff 118%)}.marketing-gradient-stage--purple{--marketing-stage-background:radial-gradient(circle at 75% 16%, #f5f0ff 0, transparent 32%), radial-gradient(circle at 14% 82%, #895cff 0, transparent 50%), linear-gradient(140deg, #d9cbff, #a16eff 72%, #7350e8)}.marketing-gradient-stage--green{--marketing-stage-background:radial-gradient(circle at 18% 17%, #f1ffe8 0, transparent 30%), radial-gradient(circle at 82% 84%, #82ed61 0, transparent 46%), linear-gradient(145deg, #cdffab, #a5ff71 64%, #65d548)}.marketing-gradient-stage--blue{--marketing-stage-background:radial-gradient(circle at 76% 14%, #ddfff9 0, transparent 34%), radial-gradient(circle at 10% 90%, #31c9d0 0, transparent 48%), linear-gradient(135deg, #98f0e8, #55cbd7 64%, #7595ff)}.marketing-corner-hatches{z-index:5;pointer-events:none;position:absolute;inset:0}.marketing-corner-hatches i{background-image:repeating-linear-gradient(45deg, hsl(var(--foreground) / .36) 0 1px, transparent 1px 6px);opacity:.44;width:48px;height:48px;position:absolute}.marketing-corner-hatches i:first-child{border-top:1px solid hsl(var(--foreground) / .48);border-left:1px solid hsl(var(--foreground) / .48);top:12px;left:12px}.marketing-corner-hatches i:nth-child(2){border-top:1px solid hsl(var(--foreground) / .48);border-right:1px solid hsl(var(--foreground) / .48);top:12px;right:12px}.marketing-corner-hatches i:nth-child(3){border-bottom:1px solid hsl(var(--foreground) / .48);border-left:1px solid hsl(var(--foreground) / .48);bottom:12px;left:12px}.marketing-corner-hatches i:nth-child(4){border-right:1px solid hsl(var(--foreground) / .48);border-bottom:1px solid hsl(var(--foreground) / .48);bottom:12px;right:12px}.marketing-live-window{border:1px solid hsl(var(--foreground) / .48);box-shadow:0 28px 70px hsl(var(--foreground) / .22);background:#f8f8f5;overflow:hidden}.marketing-live-bar{border-bottom:1px solid hsl(var(--foreground) / .18);height:42px;color:hsl(var(--foreground) / .58);font-family:var(--font-mono), monospace;letter-spacing:.03em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 .9rem;font-size:.625rem;display:grid}.marketing-live-bar>span:first-child{color:hsl(var(--foreground));align-items:center;gap:.45rem;font-weight:550;display:flex}.marketing-live-bar i{background:#13a35a;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #13a35a1e}.marketing-live-bar a{color:hsl(var(--foreground));justify-self:end;text-decoration:none}.marketing-live-viewport{aspect-ratio:16/9;background:#f8f8f5;position:relative;overflow:hidden}.marketing-live-frame{pointer-events:none;transform-origin:0 0;border:0;width:160%;height:160%;position:absolute;top:0;left:0;transform:scale(.625)}.marketing-live-overlay{z-index:2;position:absolute;inset:0}.marketing-split-showcase{grid-template-columns:minmax(0,1.52fr) minmax(280px,.62fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.marketing-feature-copy{flex-direction:column;align-items:flex-start;display:flex}.marketing-feature-number{color:hsl(var(--foreground) / .48);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.6875rem}.marketing-feature-copy h3{letter-spacing:-.05em;text-wrap:balance;margin:1rem 0 0;font-size:clamp(2rem,3.5vw,3.35rem);font-weight:550;line-height:1}.marketing-feature-copy>p{color:var(--marketing-muted);margin:1.35rem 0 0;font-size:.95rem;line-height:1.65}.marketing-feature-copy ul{border-top:1px solid var(--marketing-line);width:100%;margin:1.8rem 0 0;padding:0;list-style:none}.marketing-feature-copy li{border-bottom:1px solid var(--marketing-line);align-items:center;gap:.7rem;padding:.85rem 0;font-size:.75rem;line-height:1.4;display:flex}.marketing-feature-copy li svg{width:15px;height:15px;color:hsl(var(--foreground) / .6);flex:none}.marketing-board-preview{border:1px solid hsl(var(--foreground) / .4);box-shadow:0 24px 60px hsl(var(--foreground) / .23);background:#f8f8f5;padding:clamp(.75rem,2vw,1.25rem)}.marketing-board-topline{color:hsl(var(--foreground) / .56);font-family:var(--font-mono), monospace;letter-spacing:.08em;justify-content:space-between;gap:1rem;padding-bottom:.75rem;font-size:.52rem;display:flex}.marketing-board-grid{grid-template-rows:1.15fr .55fr .78fr;grid-template-columns:1.15fr .85fr;gap:.5rem;display:grid}.marketing-board-grid>div{border:1px solid hsl(var(--foreground) / .22);min-width:0;overflow:hidden}.marketing-board-logo{color:#fff;background:#151515;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:220px;padding:1.35rem;display:flex;position:relative}.marketing-board-logo img{filter:invert();opacity:.94;width:38%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.marketing-board-logo strong{font-size:1.25rem}.marketing-board-logo span{font-family:var(--font-mono), monospace;letter-spacing:.12em;font-size:.5rem}.marketing-board-type{background:#fff;flex-direction:column;padding:1.25rem;display:flex}.marketing-board-type small,.marketing-board-lockup small{font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:.48rem}.marketing-board-type strong{letter-spacing:-.09em;margin-top:auto;font-size:clamp(3rem,7vw,5.5rem);line-height:.85}.marketing-board-type p{margin:.65rem 0 0;font-size:.72rem}.marketing-board-type code{color:hsl(var(--foreground) / .5);margin-top:.5rem;font-size:.5rem}.marketing-board-colors{background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marketing-board-colors span{min-width:0;font-family:var(--font-mono), monospace;flex-direction:column;gap:.45rem;padding:.6rem;font-size:.42rem;display:flex}.marketing-board-colors span+span{border-left:1px solid hsl(var(--foreground) / .18)}.marketing-board-colors i{border:1px solid hsl(var(--foreground) / .18);background:#111;height:26px}.marketing-board-colors span:nth-child(2) i{background:#fff}.marketing-board-colors span:nth-child(3) i{background:repeating-linear-gradient(90deg,#111 0 1px,#fff 1px 7px)}.marketing-board-terminal{color:#fff;font-family:var(--font-mono), monospace;background:#171717;padding:.85rem;font-size:.56rem}.marketing-board-terminal p{color:#96ff73;margin:.55rem 0}.marketing-board-terminal i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.marketing-board-terminal span{color:#bdbdbd}.marketing-board-lockup{background-image:radial-gradient(circle,#1113 1px,#0000 1px);background-size:8px 8px;flex-direction:column;grid-column:1/-1;justify-content:space-between;padding:.9rem 1rem;display:flex}.marketing-board-lockup>div{justify-content:center;align-items:center;gap:1.25rem;margin-top:1rem;display:flex}.marketing-board-lockup>div span{color:hsl(var(--foreground) / .4);font-size:1.2rem}.marketing-board-lockup>div strong{letter-spacing:.12em;font-size:clamp(.9rem,2.6vw,1.8rem)}.marketing-motion-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.marketing-motion-showcase .marketing-gradient-stage{padding:clamp(1.75rem,4vw,3.5rem)}.marketing-motion-preview,.marketing-material-preview{border:1px solid hsl(var(--foreground) / .46);box-shadow:0 24px 60px hsl(var(--foreground) / .2);background:#f8f8f5}.marketing-preview-toolbar{border-bottom:1px solid hsl(var(--foreground) / .18);min-height:38px;color:hsl(var(--foreground) / .56);font-family:var(--font-mono), monospace;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem;font-size:.5rem;display:flex}.marketing-motion-output{aspect-ratio:10/3;background:#111}.marketing-motion-output img{object-fit:cover;width:100%;height:100%;display:block}.marketing-timeline{border-top:1px solid hsl(var(--foreground) / .18);background-image:linear-gradient(to bottom, transparent 49%, hsl(var(--foreground) / .13) 50%, transparent 51%);grid-template-columns:repeat(8,1fr);align-items:center;gap:3px;height:86px;padding:0 .75rem;display:grid;position:relative}.marketing-timeline i{border:1px solid hsl(var(--foreground) / .24);background:hsl(var(--foreground) / .08);height:20px}.marketing-timeline i:nth-of-type(4),.marketing-timeline i:nth-of-type(5){background:#111}.marketing-playhead{z-index:2;background:#6a54ff;width:1px;position:absolute;top:7px;bottom:7px;left:51%}.marketing-playhead:before{content:"";background:#6a54ff;width:7px;height:7px;position:absolute;top:0;left:-3px;transform:rotate(45deg)}.marketing-curve{border-top:1px solid hsl(var(--foreground) / .18);font-family:var(--font-mono), monospace;grid-template-columns:1fr 1.15fr;align-items:end;gap:1rem;padding:.75rem;font-size:.5rem;display:grid}.marketing-curve svg{width:100%;height:auto}.marketing-curve path{fill:none;stroke:#6a54ff;stroke-width:2px}.marketing-curve circle{fill:#f8f8f5;stroke:#6a54ff;stroke-width:2px}.marketing-material-grid{background:hsl(var(--foreground) / .2);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.marketing-material{aspect-ratio:1.28;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.marketing-material:after{z-index:-1;mix-blend-mode:soft-light;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-material img{object-fit:contain;width:27%;height:auto}.marketing-material span{color:hsl(var(--foreground) / .65);font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:.44rem;position:absolute;bottom:.55rem;right:.65rem}.marketing-material--metal{background:linear-gradient(128deg,#0000 15%,#fff 27%,#4f6370 39%,#efffff 53%,#22323a 70%,#eaffff 86%),#64747a}.marketing-material--metal span{color:#fff}.marketing-material--dither{background-color:#f7f7f2;background-image:radial-gradient(circle,#111 0 1px,#0000 1.3px);background-size:6px 6px}.marketing-material--grain{background:radial-gradient(circle at 22% 20%,#dbfff7,#0000 36%),radial-gradient(circle at 78% 78%,#67e5cc,#0000 42%),#a8f8e5}.marketing-material--grid{background-color:#f7f7f2;background-image:linear-gradient(90deg,#1113 1px,#0000 1px),linear-gradient(#1113 1px,#0000 1px);background-size:14px 14px}.marketing-motion-caption{border:1px solid var(--marketing-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem;display:grid}.marketing-motion-caption>div{grid-template-columns:auto 1fr;gap:.35rem 1rem;padding:1.5rem;display:grid}.marketing-motion-caption>div+div{border-left:1px solid var(--marketing-line)}.marketing-motion-caption span{color:hsl(var(--foreground) / .42);font-family:var(--font-mono), monospace;grid-row:1/3;font-size:.625rem}.marketing-motion-caption h3{margin:0;font-size:.9375rem;font-weight:550}.marketing-motion-caption p{color:var(--marketing-muted);margin:.3rem 0 0;font-size:.75rem;line-height:1.55}.marketing-agent-section{width:var(--marketing-shell);color:#fff;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 620px;background:#161616;border-left:1px solid #333;border-right:1px solid #333;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);align-items:center;gap:5rem;min-height:620px;margin:0 auto;padding:6.5rem 4rem;display:grid;position:relative;overflow:hidden}.marketing-agent-dither{z-index:-1;opacity:.08;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.3px);background-size:8px 8px;width:70%;height:150%;position:absolute;top:-25%;right:-10%;-webkit-mask-image:radial-gradient(#000 0 16%,#000b 38%,#0000 72%);mask-image:radial-gradient(#000 0 16%,#000b 38%,#0000 72%)}.marketing-eyebrow--dark{color:#9b9b96}.marketing-agent-copy h2,.marketing-closing h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,5.1vw,4.75rem);font-weight:550;line-height:.98}.marketing-agent-copy>p:not(.marketing-eyebrow){color:#aaa;max-width:580px;margin:1.5rem 0 0;font-size:1rem;line-height:1.65}.marketing-agent-links{align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.marketing-agent-links>a{color:#d0d0cc;font-family:var(--font-mono), monospace;font-size:.6875rem}.marketing-code-window{z-index:2;background:#101010;border:1px solid #555;position:relative;box-shadow:20px 26px #252525}.marketing-code-window>div,.marketing-code-window footer{color:#8c8c87;min-height:42px;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:1rem;padding:0 .9rem;font-size:.58rem;display:flex}.marketing-code-window>div{border-bottom:1px solid #393939}.marketing-code-window pre{color:#f0f0eb;font-family:var(--font-mono), monospace;margin:0;padding:clamp(1.25rem,3vw,2rem);font-size:clamp(.68rem,1.15vw,.85rem);line-height:1.8;overflow-x:auto}.marketing-code-window footer{border-top:1px solid #393939}.marketing-code-window footer span:first-child{color:#9dff79;align-items:center;gap:.45rem;display:flex}.marketing-code-window footer i{background:currentColor;border-radius:50%;width:6px;height:6px}.marketing-closing{width:var(--marketing-shell);color:#fff;text-align:center;content-visibility:auto;contain-intrinsic-size:auto 580px;background:#161616;border-left:1px solid #333;border-right:1px solid #333;flex-direction:column;justify-content:center;align-items:center;min-height:580px;margin:0 auto;padding:7rem 2rem;display:flex}.marketing-closing>img{width:58px;height:58px;margin-bottom:1.75rem}.marketing-closing .marketing-eyebrow{margin-bottom:1.25rem}.marketing-closing h2{max-width:920px}.marketing-closing>:last-child{margin-top:2.5rem}.marketing-footer{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);grid-template-columns:1fr 1fr 1fr;align-items:start;gap:2rem;min-height:190px;margin:0 auto;padding:3rem 2rem;display:grid}.marketing-footer p{color:var(--marketing-muted);margin:0;font-size:.75rem}.marketing-footer>div{justify-content:flex-end;gap:1.25rem;display:flex}.marketing-footer>div a{color:hsl(var(--foreground));font-family:var(--font-mono), monospace;font-size:.625rem;text-decoration:none}.marketing-page button:focus-visible,.marketing-page a:focus-visible{outline-offset:3px;outline:2px solid #7256ff}@media (max-width:1080px){.marketing-hero-copy{width:72%;padding-left:2.75rem;padding-right:1.5rem}.marketing-isometric-art{opacity:.65;width:640px;top:94px;right:-120px}.marketing-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-feature-strip article:nth-child(3){border-top:1px solid var(--marketing-line);border-left:0}.marketing-feature-strip article:nth-child(4){border-top:1px solid var(--marketing-line)}.marketing-section{padding-left:2.25rem;padding-right:2.25rem}.marketing-split-showcase{grid-template-columns:1fr}.marketing-feature-copy{max-width:680px}.marketing-agent-section{gap:2.75rem;padding-left:2.75rem;padding-right:2.75rem}}@media (max-width:820px){.marketing-header{grid-template-columns:1fr auto}.marketing-nav{display:none}.marketing-hero{min-height:780px}.marketing-hero-copy{justify-content:flex-start;width:100%;min-height:780px;padding:4.5rem 2.25rem 350px}.marketing-isometric-art{opacity:.8;width:610px;top:auto;bottom:-10px;right:-42px;-webkit-mask-image:linear-gradient(#0000 0,#000a 12%,#000 24%);mask-image:linear-gradient(#0000 0,#000a 12%,#000 24%)}.marketing-motion-showcase,.marketing-motion-caption{grid-template-columns:1fr}.marketing-motion-caption>div+div{border-top:1px solid var(--marketing-line);border-left:0}.marketing-agent-section{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem}.marketing-code-window{max-width:650px}.marketing-footer{grid-template-columns:1fr 1fr}.marketing-footer>div{grid-column:1/-1;justify-content:flex-start}}@media (max-width:620px){.marketing-page{--marketing-shell:calc(100% - 20px)}.marketing-header{height:62px;padding:0 .85rem}.marketing-header>:last-child{height:34px;padding-left:.75rem;padding-right:.75rem;font-size:.72rem}.marketing-brand-mark{width:28px;height:28px}.marketing-construction-spacer{height:28px}.marketing-hero{min-height:720px}.marketing-hero-copy{min-height:720px;padding:3.75rem 1.2rem 300px}.marketing-hero h1{font-size:clamp(3.1rem,15vw,4.35rem)}.marketing-hero-copy>p:not(.marketing-eyebrow){font-size:1rem}.marketing-hero-proof{gap:.75rem 1.1rem}.marketing-isometric-art{width:570px;bottom:-16px;right:-116px}.marketing-feature-strip{grid-template-columns:1fr}.marketing-feature-strip article{min-height:128px}.marketing-feature-strip article+article,.marketing-feature-strip article:nth-child(3){border-top:1px solid var(--marketing-line);border-left:0}.marketing-section{padding:5.5rem 1rem}.marketing-section-heading{margin-bottom:3.25rem}.marketing-section-heading h2{font-size:clamp(2.65rem,13vw,3.8rem)}.marketing-section-heading>p:last-child{font-size:.95rem}.marketing-gradient-stage{padding:1.75rem 1rem}.marketing-corner-hatches i{width:34px;height:34px}.marketing-live-bar{grid-template-columns:1fr auto}.marketing-live-bar>span:nth-child(2){display:none}.marketing-live-viewport{aspect-ratio:4/3}.marketing-live-frame{width:220%;height:220%;transform:scale(.455)}.marketing-board-grid{grid-template-rows:.9fr .55fr .7fr}.marketing-board-logo{min-height:160px}.marketing-board-type{padding:.8rem}.marketing-board-type code{display:none}.marketing-board-lockup>div{gap:.75rem}.marketing-motion-caption>div{padding:1.15rem}.marketing-material-grid{grid-template-columns:1fr}.marketing-material{aspect-ratio:1.9}.marketing-agent-section{padding:4.5rem 1.2rem}.marketing-agent-copy h2,.marketing-closing h2{font-size:clamp(2.7rem,13vw,3.8rem)}.marketing-agent-links{flex-direction:column;align-items:flex-start}.marketing-code-window{width:calc(100% - 12px);box-shadow:12px 14px #252525}.marketing-code-window>div span:last-child,.marketing-code-window footer span:last-child{display:none}.marketing-closing{min-height:520px;padding:5rem 1.2rem}.marketing-footer{grid-template-columns:1fr;padding:2.5rem 1.2rem}.marketing-footer>div{flex-wrap:wrap;grid-column:auto}}@media (prefers-reduced-motion:reduce){.marketing-iso-wires--signal path{animation:none}}.marketing-page-v2{background:linear-gradient(90deg, transparent calc(50% - .5px), hsl(var(--foreground) / .035) 50%, transparent calc(50% + .5px)), #fafaf8}.marketing-header-v2{border-bottom:1px solid var(--marketing-line);border-radius:0 0 10px 10px}.marketing-unified-hero{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);background:hsl(var(--background));isolation:isolate;min-height:560px;margin:0 auto;position:relative;overflow:hidden}.marketing-unified-hero-dots{z-index:-1;background-image:radial-gradient(circle, hsl(var(--foreground) / .2) 0 1px, transparent 1.25px);opacity:.14;background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 62%,#000 0 6%,#0009 26%,#0000 62%);mask-image:radial-gradient(at 50% 62%,#000 0 6%,#0009 26%,#0000 62%)}.marketing-unified-hero-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:4.5rem 1.5rem 3.5rem;display:flex}.marketing-hero-sigil{place-items:center;width:54px;height:42px;margin-bottom:1.3rem;display:grid;position:relative}.marketing-hero-sigil img{width:32px;height:32px}.marketing-hero-sigil svg{color:#6d4aff;width:15px;height:15px;position:absolute;top:0;right:0}.marketing-unified-hero h1{letter-spacing:-.068em;text-wrap:balance;flex-direction:column;margin:0;font-size:clamp(3.6rem,6.4vw,6rem);font-weight:550;line-height:.95;display:flex}.marketing-gradient-copy{color:#0000;background:linear-gradient(98deg,#311f91 0%,#7654ff 35%,#5b66ff 63%,#11a893 100%);-webkit-background-clip:text;background-clip:text;padding-right:.06em}.marketing-unified-hero-copy>p:not(.marketing-hero-note){max-width:760px;color:hsl(var(--foreground) / .7);margin:1.55rem 0 0;font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.6}.marketing-hero-note{color:hsl(var(--foreground) / .47);font-family:var(--font-mono), monospace;letter-spacing:.02em;margin:.85rem 0 0;font-size:.69rem}.marketing-unified-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:2rem;display:flex}.marketing-unified-actions>*{border-radius:8px}.marketing-vibrant-field{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 900px;margin:0 auto;position:relative;overflow:hidden}.marketing-vibrant-field--hero{background:radial-gradient(circle at 50% 84%,#74f4e0 0,#0000 24%),radial-gradient(circle at 18% 16%,#3413b9 0,#0000 38%),radial-gradient(circle at 88% 20%,#7455ff 0,#0000 36%),linear-gradient(142deg,#12084c 0%,#4f22d6 47%,#7b5cff 75%,#19c9bd 118%);place-items:center;min-height:820px;padding:clamp(4.5rem,9vw,8.5rem) clamp(1.25rem,6vw,5rem);display:grid}.marketing-vibrant-field--hero:after,.marketing-bento-card:after,.marketing-isometric-stage:after,.marketing-footer-v2:after{z-index:1;mix-blend-mode:soft-light;opacity:.54;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-vibrant-orb{z-index:0;filter:blur(4px);opacity:.66;will-change:transform;border-radius:48% 52% 62% 38%/44% 36% 64% 56%;position:absolute}.marketing-vibrant-orb--one{aspect-ratio:1.45;background:radial-gradient(circle at 62% 60%,#9476ff 0,#562ae1 43%,#0000 72%);width:58%;top:-18%;left:-8%}.marketing-vibrant-orb--two{aspect-ratio:1.4;background:radial-gradient(circle at 40% 38%,#79fff1 0,#29c9c1 30%,#0000 70%);width:66%;bottom:-24%;right:-15%}.marketing-light-rays{z-index:0;opacity:.85;background:repeating-conic-gradient(from 196deg at 50% 62%,#0000 0deg 8deg,#8fe9ff20 9deg 10deg,#0000 11deg 18deg);position:absolute;inset:-40%;transform:scaleY(.82);-webkit-mask-image:radial-gradient(circle at 50% 62%,#0000 0 16%,#000 48%,#0000 78%);mask-image:radial-gradient(circle at 50% 62%,#0000 0 16%,#000 48%,#0000 78%)}.marketing-vibrant-field--hero>div:last-child{z-index:2;place-items:center;width:100%;display:grid;position:relative}.marketing-product-window{z-index:2;color:#181818;background:#f8f8f5;border:1px solid #a88eff;border-radius:18px;width:min(100%,1080px);text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 1px #ffffff52,0 34px 90px #15074b66}.marketing-product-window:hover{border-color:#d5c8ff;transform:translateY(-5px);box-shadow:0 0 0 1px #ffffff72,0 42px 110px #15074b80}.marketing-product-topbar{background:#fbfbf9;border-bottom:1px solid #d4d4d0;grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:1rem;height:48px;padding:0 .9rem;font-size:.69rem;display:grid}.marketing-product-topbar>span:first-child{align-items:center;gap:.6rem;font-weight:550;display:flex}.marketing-product-topbar>span:nth-child(2){color:#777771;background:#fff;border:1px solid #deded9;border-radius:6px;align-items:center;height:30px;padding:0 .75rem;display:flex}.marketing-product-topbar>span:last-child{color:#777771;font-family:var(--font-mono), monospace;justify-self:end}.marketing-product-tabs{background:#f3f3ef;border-bottom:1px solid #d4d4d0;align-items:flex-end;height:40px;font-size:.62rem;display:flex}.marketing-product-tabs>span{color:#6e6e68;border-right:1px solid #d4d4d0;align-items:center;height:34px;padding:0 .85rem;display:flex}.marketing-product-tabs>span.is-active{color:#181818;background:#fff}.marketing-product-tabs-dither{width:132px;font-family:var(--font-mono), monospace;background-image:radial-gradient(circle,#18181855 0 .7px,#0000 1px);background-size:6px 6px;justify-content:center;font-weight:550}.marketing-product-body{grid-template-columns:168px minmax(0,1fr);min-height:560px;display:grid}.marketing-product-body>aside{background:#fafaf8;border-right:1px solid #d4d4d0;flex-direction:column;gap:.25rem;padding:1.2rem .65rem;display:flex}.marketing-product-body>aside small{color:#85857f;font-family:var(--font-mono), monospace;letter-spacing:.12em;padding:0 .55rem .55rem;font-size:.52rem}.marketing-product-body>aside span{color:#686862;border-radius:5px;align-items:center;min-height:31px;padding:0 .6rem;font-size:.65rem;display:flex}.marketing-product-body>aside span.is-active{color:#fff;background:#191919}.marketing-product-body>section{grid-template-rows:48px minmax(0,1fr);min-width:0;display:grid}.marketing-product-panelbar{background:#fff;border-bottom:1px solid #d4d4d0;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.68rem;display:flex}.marketing-product-panelbar span{color:#777771;font-family:var(--font-mono), monospace;font-size:.55rem}.marketing-product-canvas{background-color:#f1f1ee;background-image:radial-gradient(circle,#18181822 1px,#0000 1px);background-size:14px 14px;place-items:center;padding:2rem;display:grid}.marketing-product-email{color:#181818;background:#fff;width:min(100%,560px);min-height:390px;padding:1.6rem;box-shadow:0 18px 50px #18181818}.marketing-product-email>div:first-child{font-family:var(--font-mono), monospace;letter-spacing:.08em;align-items:center;gap:.65rem;font-size:.55rem;font-weight:550;display:flex}.marketing-product-email-hero{aspect-ratio:10/3;background:#111;width:100%;margin-top:1.2rem;overflow:hidden}.marketing-product-email-hero img{object-fit:cover;width:100%;height:100%}.marketing-product-email h3{letter-spacing:-.045em;margin:1.4rem 0 0;font-size:1.65rem;font-weight:550;line-height:1}.marketing-product-email>p{color:#62625d;max-width:440px;margin:.75rem 0 0;font-size:.7rem;line-height:1.55}.marketing-product-email-cards{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:1.25rem;display:grid}.marketing-product-email-cards i{background:linear-gradient(135deg,#f2f2ef,#fff);border:1px solid #e4e4df;border-radius:4px;height:46px}.marketing-bento-section{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);content-visibility:auto;contain-intrinsic-size:auto 1600px;margin:0 auto;padding:7.5rem 3rem}.marketing-section-heading-v2{margin-bottom:4rem}.marketing-bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.marketing-bento-card{border:1px solid hsl(var(--foreground) / .16);isolation:isolate;min-width:0;min-height:480px;box-shadow:0 18px 50px hsl(var(--foreground) / .075);border-radius:26px;flex-direction:column;gap:2rem;padding:clamp(1.4rem,3vw,2.25rem);transition:border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.marketing-bento-card:hover{border-color:hsl(var(--foreground) / .28);box-shadow:0 26px 70px hsl(var(--foreground) / .12);transform:translateY(-4px)}.marketing-bento-card>*{z-index:2;position:relative}.marketing-bento-card--wide{grid-column:span 8}.marketing-bento-card--identity{background:radial-gradient(circle at 90% 0,#f2efff 0,#0000 38%),linear-gradient(145deg,#d9cdff 0%,#a884ff 100%)}.marketing-bento-card--motion{background:radial-gradient(circle at 20% 10%,#f3ffe8 0,#0000 38%),linear-gradient(145deg,#c8ff9b 0%,#81ea56 100%);grid-column:span 4}.marketing-bento-card--materials{background:radial-gradient(circle at 80% 0,#ddfff9 0,#0000 38%),linear-gradient(145deg,#99f6e7 0%,#34c7c0 100%);grid-column:span 5}.marketing-bento-card--surfaces{background:radial-gradient(circle at 5% 10%,#f3eaff 0,#0000 36%),linear-gradient(145deg,#c6afff 0%,#7152f1 100%);grid-column:span 7}.marketing-bento-card--agents{color:#fff;background:radial-gradient(circle at 82% 20%,#5231c9 0,#0000 35%),radial-gradient(circle at 55% 110%,#0d897b 0,#0000 36%),#171719;grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);align-items:center;min-height:420px;display:grid}.marketing-bento-header{z-index:2;align-items:flex-start;gap:.85rem;display:flex;position:relative}.marketing-bento-header>span{background:hsl(var(--background) / .52);opacity:.68;border:1px solid;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.marketing-bento-card--agents .marketing-bento-header>span{background:#ffffff12}.marketing-bento-header svg{width:16px;height:16px}.marketing-bento-header>div{flex-direction:column;gap:.35rem;display:flex}.marketing-bento-header small{font-family:var(--font-mono), monospace;letter-spacing:.11em;text-transform:uppercase;opacity:.54;font-size:.58rem;font-weight:550}.marketing-bento-header h3{letter-spacing:-.045em;text-wrap:balance;max-width:480px;margin:0;font-size:clamp(1.35rem,2.4vw,2.1rem);font-weight:550;line-height:1.05}.marketing-bento-board-wrap{width:115%;margin:auto -7.5% -10% 0;transform:rotate(-1.25deg)}.marketing-bento-card .marketing-board-preview,.marketing-bento-card .marketing-motion-preview,.marketing-bento-card .marketing-material-preview{border-radius:14px;box-shadow:0 24px 60px #18181830}.marketing-bento-card--motion .marketing-motion-preview,.marketing-bento-card--materials .marketing-material-preview{margin-top:auto}.marketing-bento-card--motion .marketing-timeline{height:64px}.marketing-bento-card--motion .marketing-curve{display:none}.marketing-bento-card--materials .marketing-material{aspect-ratio:1.4}.marketing-surface-cloud{flex:1;min-height:300px;margin-top:auto;position:relative}.marketing-surface-cloud:before{content:"";background-image:linear-gradient(90deg,#ffffff20 1px,#0000 1px),linear-gradient(#ffffff20 1px,#0000 1px);background-size:32px 32px;border:1px solid #ffffff36;border-radius:22px;position:absolute;inset:10% 4% 4%}.marketing-surface-cloud span{color:#21134f;background:#ffffffd9;border:1px solid #ffffff70;border-radius:13px;align-items:center;min-height:48px;padding:0 1rem;font-size:.75rem;font-weight:550;display:flex;position:absolute;top:12%;left:7%;transform:rotate(-1.5deg);box-shadow:0 12px 30px #2f17632b}.marketing-surface-cloud span:nth-child(2){top:16%;left:38%;transform:rotate(1deg)}.marketing-surface-cloud span:nth-child(3){top:12%;left:69%;transform:rotate(-.5deg)}.marketing-surface-cloud span:nth-child(4){top:40%;left:12%;transform:rotate(1.4deg)}.marketing-surface-cloud span:nth-child(5){top:42%;left:48%;transform:rotate(-1deg)}.marketing-surface-cloud span:nth-child(6){top:68%;left:6%;transform:rotate(.6deg)}.marketing-surface-cloud span:nth-child(7){top:69%;left:38%;transform:rotate(-1.2deg)}.marketing-surface-cloud span:nth-child(8){top:66%;left:68%;transform:rotate(1deg)}.marketing-bento-copy{color:#aaaab0;max-width:510px;margin:1.3rem 0 0;font-size:.9rem;line-height:1.65}.marketing-agent-code-preview{background:#0e0e10;border:1px solid #5d5d63;border-radius:15px;overflow:hidden;box-shadow:18px 22px #ffffff0c}.marketing-agent-code-preview>div,.marketing-agent-code-preview footer{color:#85858d;min-height:40px;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:1rem;padding:0 .85rem;font-size:.55rem;display:flex}.marketing-agent-code-preview>div{border-bottom:1px solid #333338}.marketing-agent-code-preview pre{color:#ececf0;font-family:var(--font-mono), monospace;margin:0;padding:1.4rem;font-size:.68rem;line-height:1.75;overflow-x:auto}.marketing-agent-code-preview footer{border-top:1px solid #333338}.marketing-agent-code-preview footer span:first-child{color:#9cff7a;align-items:center;gap:.4rem;display:flex}.marketing-agent-code-preview footer i{background:currentColor;border-radius:50%;width:5px;height:5px}.marketing-system-story{width:var(--marketing-shell);border-right:1px solid var(--marketing-line);border-left:1px solid var(--marketing-line);content-visibility:auto;contain-intrinsic-size:auto 700px;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:700px;margin:0 auto;padding:6.5rem 3.5rem;display:grid}.marketing-system-copy h2,.marketing-agent-band h2{letter-spacing:-.058em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,5vw,4.65rem);font-weight:550;line-height:.98}.marketing-system-copy>p:not(.marketing-eyebrow),.marketing-agent-band-copy>p:not(.marketing-eyebrow){color:hsl(var(--foreground) / .62);margin:1.45rem 0 0;font-size:.95rem;line-height:1.68}.marketing-system-copy ol{border-top:1px solid var(--marketing-line);margin:2rem 0 0;padding:0;list-style:none}.marketing-system-copy li{border-bottom:1px solid var(--marketing-line);grid-template-columns:30px 1fr;gap:.8rem;padding:1rem 0;display:grid}.marketing-system-copy li>span{color:hsl(var(--foreground) / .4);font-family:var(--font-mono), monospace;font-size:.62rem}.marketing-system-copy li strong{font-size:.82rem}.marketing-system-copy li p{color:hsl(var(--foreground) / .55);margin:.25rem 0 0;font-size:.72rem}.marketing-isometric-stage{border:1px solid hsl(var(--foreground) / .18);isolation:isolate;min-height:560px;box-shadow:0 28px 70px hsl(var(--foreground) / .11);background:radial-gradient(circle at 12% 12%,#f6f2ff 0,#0000 34%),radial-gradient(circle at 85% 82%,#76e9d9 0,#0000 38%),linear-gradient(145deg,#d8c9ff 0%,#9d7aff 58%,#5fcfca 112%);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.marketing-isometric-stage-grid{z-index:0;opacity:.46;background-image:radial-gradient(circle,#18181832 1px,#0000 1px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0 25%,#0000 76%);mask-image:radial-gradient(#000 0 25%,#0000 76%)}.marketing-isometric-art-v2{z-index:2;opacity:.96;width:min(110%,720px);position:relative;top:auto;right:auto;transform:translateY(22px);-webkit-mask-image:none;mask-image:none}.marketing-agent-band{width:var(--marketing-shell);color:#fff;content-visibility:auto;contain-intrinsic-size:auto 580px;background:radial-gradient(circle at 88% 10%,#5a3adf 0,#0000 33%),radial-gradient(circle at 56% 120%,#0f796d 0,#0000 36%),#171719;border-left:1px solid #333;border-right:1px solid #333;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:580px;margin:0 auto;padding:5.5rem 3.5rem;display:grid;position:relative;overflow:hidden}.marketing-agent-band-copy>p:not(.marketing-eyebrow){color:#aaaab0}.marketing-agent-band-copy>div{align-items:center;gap:1rem;margin-top:2rem;display:flex}.marketing-agent-band-copy>div>a{color:#d4d4da;font-family:var(--font-mono), monospace;font-size:.67rem}.marketing-agent-metrics{background:#ffffff32;border:1px solid #ffffff32;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:0 28px 70px #05050955}.marketing-agent-metrics article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151518d9;flex-direction:column;justify-content:space-between;min-height:160px;padding:1.5rem;display:flex}.marketing-agent-metrics strong{letter-spacing:-.065em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:540;line-height:1}.marketing-agent-metrics span{color:#9a9aa2;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.marketing-footer-v2{width:var(--marketing-shell);color:#fff;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 820px;background:radial-gradient(circle at 50% 30%,#6844e8 0,#0000 26%),radial-gradient(circle at 8% 100%,#087b71 0,#0000 34%),radial-gradient(circle at 94% 84%,#422395 0,#0000 34%),#111113;border:1px solid #3d3d43;border-bottom:0;border-radius:30px 30px 0 0;min-height:820px;margin:0 auto;position:relative;overflow:hidden}.marketing-footer-halo{z-index:0;will-change:transform;border:1px solid #ffffff16;border-radius:48% 52% 44% 56%;width:760px;height:760px;position:absolute;top:-280px;left:50%;transform:translate(-50%)}.marketing-footer-halo:before,.marketing-footer-halo:after,.marketing-footer-halo i{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute}.marketing-footer-halo:before{inset:11%}.marketing-footer-halo:after{inset:24%}.marketing-footer-halo i:first-child{background:#90ff71;border:0;width:14px;height:14px;top:13%;left:4%;box-shadow:0 0 34px #90ff71}.marketing-footer-halo i:nth-child(2){background:#6ff4e1;border:0;width:10px;height:10px;bottom:20%;right:7%;box-shadow:0 0 30px #6ff4e1}.marketing-footer-halo i:nth-child(3){background:#fff;border:0;width:7px;height:7px;top:41%;right:19%}.marketing-footer-noise{z-index:0;opacity:.28;background-image:radial-gradient(circle,#ffffff24 0 1px,#0000 1.3px),linear-gradient(120deg,#0000 25%,#ffffff08 50%,#0000 75%);background-size:11px 11px,100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 72%);mask-image:linear-gradient(#000 0,#0000 72%)}.marketing-footer-v2>:not(.marketing-footer-halo):not(.marketing-footer-noise){z-index:2;position:relative}.marketing-footer-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:540px;padding:7rem 2rem 4rem;display:flex}.marketing-footer-cta>img{width:54px;height:54px;margin-bottom:1.5rem}.marketing-footer-cta .marketing-eyebrow{margin-bottom:1.1rem}.marketing-footer-cta h2{letter-spacing:-.07em;text-wrap:balance;max-width:920px;margin:0;font-size:clamp(3.2rem,6.5vw,6.5rem);font-weight:550;line-height:.93}.marketing-footer-cta>:last-child{border-radius:8px;margin-top:2.4rem}.marketing-footer-wordmark{letter-spacing:-.075em;text-align:center;white-space:nowrap;width:100%;padding:0 1rem;font-size:clamp(4.5rem,13.5vw,12rem);font-weight:550;line-height:.74;overflow:hidden}.marketing-footer-marquee{border-top:1px solid #fff2;border-bottom:1px solid #fff2;margin-top:2.5rem;overflow:hidden}.marketing-footer-marquee>div{color:#b5b5bc;width:max-content;font-family:var(--font-mono), monospace;letter-spacing:.13em;padding:.75rem 0;font-size:.6rem;animation:28s linear infinite marketing-footer-marquee}@keyframes marketing-footer-marquee{to{transform:translate(-50%)}}.marketing-footer-bottom{color:#9a9aa2;min-height:92px;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;font-size:.62rem;display:flex}.marketing-footer-bottom>div{flex-wrap:wrap;gap:1.3rem;display:flex}.marketing-footer-bottom a{color:#d4d4da;text-decoration:none;transition:color .16s}.marketing-footer-bottom a:hover{color:#fff}@media (max-width:1000px){.marketing-bento-card--wide,.marketing-bento-card--motion,.marketing-bento-card--materials,.marketing-bento-card--surfaces{grid-column:span 6}.marketing-bento-card--agents,.marketing-system-story,.marketing-agent-band{grid-template-columns:1fr}.marketing-system-copy,.marketing-agent-band-copy{max-width:720px}}@media (max-width:760px){.marketing-unified-hero{min-height:520px}.marketing-unified-hero-copy{min-height:520px;padding:4rem 1.2rem 3rem}.marketing-unified-hero h1{font-size:clamp(3.4rem,13vw,5rem)}.marketing-vibrant-field--hero{min-height:650px;padding:4rem 1rem}.marketing-product-window{width:760px;transform:scale(.82)}.marketing-product-window:hover{transform:scale(.82)translateY(-4px)}.marketing-bento-section{padding:5.5rem 1rem}.marketing-bento-card--wide,.marketing-bento-card--motion,.marketing-bento-card--materials,.marketing-bento-card--surfaces{grid-column:1/-1}.marketing-system-story,.marketing-agent-band{padding:5rem 1.2rem}.marketing-isometric-stage{min-height:480px}.marketing-footer-v2{border-radius:22px 22px 0 0;min-height:720px}}@media (max-width:560px){.marketing-unified-actions{flex-direction:column;width:100%}.marketing-unified-actions>*{width:100%}.marketing-vibrant-field--hero{min-height:560px;padding:2.5rem .6rem}.marketing-product-window{width:720px;transform:scale(.61)}.marketing-product-window:hover{transform:scale(.61)}.marketing-bento-card{border-radius:20px;min-height:420px}.marketing-bento-card--agents{grid-template-columns:minmax(0,1fr)}.marketing-agent-code-preview footer span:last-child,.marketing-agent-code-preview>div span:last-child{display:none}.marketing-surface-cloud span{transform:none}.marketing-surface-cloud span:first-child{top:8%;left:2%}.marketing-surface-cloud span:nth-child(2){top:8%;left:52%}.marketing-surface-cloud span:nth-child(3){top:30%;left:2%}.marketing-surface-cloud span:nth-child(4){top:30%;left:52%}.marketing-surface-cloud span:nth-child(5){top:52%;left:2%}.marketing-surface-cloud span:nth-child(6){top:52%;left:52%}.marketing-surface-cloud span:nth-child(7){top:74%;left:2%}.marketing-surface-cloud span:nth-child(8){top:74%;left:52%}.marketing-system-story{gap:3rem}.marketing-isometric-stage{min-height:390px}.marketing-agent-band{gap:3rem}.marketing-agent-metrics article{min-height:130px;padding:1rem}.marketing-footer-cta{min-height:520px;padding:5rem 1.2rem 3rem}.marketing-footer-wordmark{padding:0 .35rem;font-size:17vw}.marketing-footer-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.marketing-footer-marquee>div{animation:none}.marketing-product-window,.marketing-bento-card{transition:none}}.marketing-page-v4{--marketing-v4-black:#111;--marketing-v4-ink:#181818;--marketing-v4-line:#d5d5d0;--marketing-v4-muted:#696967;--marketing-v4-paper:#f7f7f3;--marketing-v4-white:#fff;border-inline:1px solid var(--marketing-v4-line);background:var(--marketing-v4-paper);width:min(100%,1500px);color:var(--marketing-v4-ink);font-family:var(--font-sans);margin-inline:auto;overflow:clip}.marketing-page-v5{--marketing-v5-black:#111;--marketing-v5-ink:#181818;--marketing-v5-line:#d0d0cb;--marketing-v5-muted:#696965;--marketing-v5-paper:#f8f8f5;--marketing-v5-purple:#7058ff;--marketing-v5-shell:min(100%, 1500px);width:var(--marketing-v5-shell);border-inline:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);font-family:var(--font-sans);margin-inline:auto;overflow:clip}.marketing-page-v5 *,.marketing-page-v5 :before,.marketing-page-v5 :after{box-sizing:border-box}.marketing-v5-header{z-index:60;border-bottom:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:70px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header{background:color-mix(in srgb, var(--marketing-v5-paper) 94%, transparent)}}.marketing-v5-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.marketing-v5-brand{width:fit-content;color:inherit;letter-spacing:-.025em;align-items:center;gap:.68rem;padding:0 1.35rem;font-size:.92rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v5-brand img{width:30px;height:30px}.marketing-v5-brand small{border-left:1px solid var(--marketing-v5-line);color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;padding-left:.7rem;font-size:.56rem;font-weight:500}.marketing-v5-nav{border-inline:1px solid var(--marketing-v5-line);align-items:stretch;display:flex}.marketing-v5-nav a{border-right:1px solid var(--marketing-v5-line);min-width:86px;color:var(--marketing-v5-muted);place-items:center;padding-inline:1rem;font-size:.76rem;font-weight:550;text-decoration:none;transition:color .15s,background-color .15s;display:grid}.marketing-v5-nav a:last-child{border-right:0}.marketing-v5-primary-link{border:1px solid var(--marketing-v5-black);color:#fff;background:var(--marketing-v5-black);justify-content:center;place-self:center end;align-items:center;gap:.55rem;min-height:42px;margin-right:1rem;padding:0 1.15rem;font-size:.76rem;font-weight:550;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.marketing-v5-primary-link svg,.marketing-v5-text-link svg{width:15px;height:15px}.marketing-v5-primary-link--large{min-height:50px;margin:0;padding-inline:1.35rem;font-size:.82rem}.marketing-v5-primary-link--inverse{color:var(--marketing-v5-black);background:#fff;border-color:#fff;margin:0}.marketing-v5-primary-link--inverse:hover{color:#fff;background:0 0}.marketing-v5-rule{border-bottom:1px solid var(--marketing-v5-line);min-height:48px;color:var(--marketing-v5-muted);background:var(--marketing-v5-paper);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:88px minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;font-size:.55rem;display:grid;position:relative}.marketing-v5-rule:before,.marketing-v5-rule:after{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:7px solid var(--marketing-v5-line);content:"";width:0;height:0;position:absolute;bottom:-6px}.marketing-v5-rule:after{left:-1px}.marketing-v5-rule:before{border-right:7px solid var(--marketing-v5-line);border-left:0;right:-1px}.marketing-v5-rule>span{padding-left:1.25rem}.marketing-v5-rule>i{background:var(--marketing-v5-line);height:1px;display:block}.marketing-v5-rule>strong{padding-inline:1rem;font-weight:500}.marketing-v5-rule--dark{color:#8c8c89;background:var(--marketing-v5-black);border-color:#3b3b3b}.marketing-v5-rule--dark>i{background:#3b3b3b}.marketing-v5-rule--dark:before,.marketing-v5-rule--dark:after{border-left-color:#3b3b3b}.marketing-v5-rule--dark:before{border-right-color:#3b3b3b}.marketing-v5-hero{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#1818180f 1px);background-size:8.33333% 100%;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.marketing-v5-hero-copy{text-align:center;grid-column:2/11;padding:clamp(5rem,9vw,9rem) 0 clamp(3.5rem,6vw,6rem)}.marketing-v5-kicker{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0;font-size:.6rem;font-weight:550;display:flex}.marketing-v5-hero-copy .marketing-v5-kicker{justify-content:center}.marketing-v5-kicker svg{width:14px;height:14px}.marketing-v5-kicker--dark{color:#ffffff85}.marketing-v5-hero-copy>h1{letter-spacing:-.075em;text-wrap:balance;margin:1.35rem auto 0;font-size:clamp(4.2rem,8.2vw,8.4rem);font-weight:550;line-height:.86}.marketing-v5-hero-copy>h1 em{color:var(--marketing-v5-purple);font-style:normal;font-weight:inherit}.marketing-v5-hero-copy>p:not(.marketing-v5-kicker){max-width:690px;color:var(--marketing-v5-muted);margin:2rem auto 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.marketing-v5-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem;display:flex}.marketing-v5-secondary-link{border:1px solid var(--marketing-v5-line);min-height:50px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);align-items:center;padding:0 1.35rem;font-size:.82rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v5-secondary-link:hover{border-color:var(--marketing-v5-black)}.marketing-v5-hero-specs{border-top:1px solid var(--marketing-v5-line);border-left:1px solid var(--marketing-v5-line);grid-column:2/12;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marketing-v5-hero-specs span{border-right:1px solid var(--marketing-v5-line);min-height:76px;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;padding:0 1.2rem;font-size:.58rem;display:flex}.marketing-v5-hero-specs strong{color:var(--marketing-v5-ink);font-family:var(--font-sans);letter-spacing:-.04em;font-size:1.1rem}.marketing-v5-hero-field{border-top:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);isolation:isolate;grid-column:1/-1;place-items:center;min-height:clamp(580px,64vw,860px);padding:clamp(4rem,8vw,8rem) clamp(1.2rem,8vw,8rem);display:grid;position:relative;overflow:hidden}.marketing-v5-arc-field{z-index:-1;background:#3820a4;position:absolute;inset:0;overflow:hidden}.marketing-v5-field-fallback{z-index:0;background:radial-gradient(circle at 50% 22%,#e0fffb 0,#0000 18%),radial-gradient(circle at 15% 78%,#907cff 0,#0000 42%),radial-gradient(circle at 92% 40%,#55d8cc 0,#0000 35%),#3721a4;position:absolute;inset:0}.marketing-v5-paper-field>.marketing-v5-field-fallback{background:radial-gradient(ellipse 68% 82% at 82% 8%, var(--marketing-shader-color-c) 0 17%, transparent 52%), radial-gradient(ellipse 62% 74% at 12% 96%, var(--marketing-shader-color-b) 0 13%, transparent 55%), conic-gradient(from 118deg at 48% 52%, var(--marketing-shader-color-a), var(--marketing-shader-color-b) 31%, var(--marketing-shader-color-a) 54%, var(--marketing-shader-color-c) 72%, var(--marketing-shader-color-a));overflow:hidden}.marketing-v5-paper-field>.marketing-v5-field-fallback:after{background-image:radial-gradient(circle, var(--marketing-shader-color-c) 0 1px, transparent 1.3px);content:"";opacity:.52;background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(74% 86% at 78% 5%,#000 0 31%,#0000 67%),radial-gradient(76% 74% at 12% 100%,#000 0 24%,#0000 67%);mask-image:radial-gradient(74% 86% at 78% 5%,#000 0 31%,#0000 67%),radial-gradient(76% 74% at 12% 100%,#000 0 24%,#0000 67%)}.marketing-v5-paper-field>.marketing-v5-field-fallback[data-material=paper-dithering-swirl]{background:radial-gradient(ellipse 52% 60% at 50% 48%, var(--marketing-shader-color-a) 0 28%, transparent 29%), conic-gradient(from 18deg at 50% 48%, var(--marketing-shader-color-b), var(--marketing-shader-color-a) 23%, var(--marketing-shader-color-c) 49%, var(--marketing-shader-color-a) 72%, var(--marketing-shader-color-b))}.marketing-v5-field-runtime{z-index:1;contain:strict;animation:.32s cubic-bezier(.22,1,.36,1) both marketing-shader-runtime-in;position:absolute;inset:0}@keyframes marketing-shader-runtime-in{0%{opacity:0}to{opacity:1}}.marketing-v5-field-grain{z-index:5;mix-blend-mode:soft-light;opacity:.38;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-v5-hero-field-bars{z-index:2;opacity:.92;pointer-events:none;filter:saturate(1.14)contrast(1.03);mix-blend-mode:screen;width:min(100%,1440px);height:104%;position:absolute;bottom:-1px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 100%);mask-image:linear-gradient(#0000 0%,#000 10% 100%)}.marketing-v5-field-coordinates{z-index:3;color:#ffffffa3;font-family:var(--font-mono), monospace;letter-spacing:.1em;justify-content:space-between;font-size:.53rem;display:flex;position:absolute;inset:1rem 1.15rem auto}.marketing-v5-product-window{z-index:6;width:min(88%,1080px);position:relative;box-shadow:0 42px 120px #0f073773}.marketing-v5-studio-frame{color:#efefec;background:#111;border:1px solid #ffffff94;margin:0;overflow:hidden}.marketing-v5-studio-frame figcaption{min-height:44px;font-family:var(--font-mono), monospace;letter-spacing:.075em;text-transform:uppercase;background:#151515;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding:0 .9rem;font-size:.55rem;display:flex}.marketing-v5-studio-frame figcaption span{align-items:center;gap:.35rem;display:flex}.marketing-v5-studio-frame figcaption i{border:1px solid #ffffff7a;width:5px;height:5px;display:inline-block}.marketing-v5-studio-frame figcaption i:nth-child(3){background:#fff;margin-right:.4rem}.marketing-v5-studio-frame figcaption small{opacity:.56}.marketing-v5-studio-frame>div{aspect-ratio:2219/1209;background:#e9e9e5;position:relative}.marketing-v5-studio-frame>div img{object-fit:cover}.marketing-v5-output-rail{border-bottom:1px solid var(--marketing-v5-line);background:#fff;grid-template-columns:210px minmax(0,1fr);min-height:72px;display:grid}.marketing-v5-output-rail>span{border-right:1px solid var(--marketing-v5-line);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;align-items:center;padding-inline:1.25rem;font-size:.56rem;display:flex}.marketing-v5-output-rail>div{align-items:center;display:flex;overflow-x:auto}.marketing-v5-output-rail>div span{min-width:max-content;color:var(--marketing-v5-muted);padding:0 1.25rem;font-size:.74rem}.marketing-v5-output-rail>div span:after{color:#b0b0aa;content:"＋";margin-left:2.5rem}.marketing-v5-logo-rail{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:210px minmax(0,1fr);min-height:170px;display:grid}.marketing-v5-logo-rail-heading{border-right:1px solid var(--marketing-v5-line);color:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.25rem;font-size:.82rem;font-weight:550;line-height:1.25;text-decoration:none;transition:background-color .16s;display:flex}.marketing-v5-logo-rail-heading:hover{background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-logo-rail-heading:hover{background:color-mix(in srgb, var(--marketing-v5-paper) 90%, var(--marketing-v5-ink))}}.marketing-v5-logo-rail-heading svg{flex:none;width:16px;height:16px}.marketing-v5-logo-rail ul{grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.marketing-v5-logo-rail li{border-right:1px solid var(--marketing-v5-line);min-width:0}.marketing-v5-logo-rail li:last-child{border-right:0}.marketing-v5-logo-rail li>a{place-items:center;width:100%;min-height:100%;padding:1rem;display:grid}.marketing-v5-logo-rail-mark{--marketing-v5-logo-rail-mark-size:42px;place-items:center;width:58px;height:52px;display:grid;position:relative}.marketing-v5-logo-rail-mark img{width:var(--marketing-v5-logo-rail-mark-size);height:var(--marketing-v5-logo-rail-mark-size);object-fit:contain;opacity:.88;grid-area:1/1;transition:opacity .16s ease-out,transform .16s ease-out;display:block;transform:scale(1)}.marketing-v5-logo-rail-mark-dark-surface{visibility:hidden}.marketing-v5-logo-rail-mark[data-brand-id=gt]{--marketing-v5-logo-rail-mark-size:46px}.marketing-v5-logo-rail-mark[data-brand-id=mintlify],.marketing-v5-logo-rail-mark[data-brand-id=viteplus]{--marketing-v5-logo-rail-mark-size:44px}.marketing-v5-logo-rail-mark[data-brand-id=stripe]{--marketing-v5-logo-rail-mark-size:50px}@media (hover:hover) and (pointer:fine){.marketing-v5-logo-rail li:hover .marketing-v5-logo-rail-mark img{opacity:1;transform:scale(1.06)}}.marketing-v5-composer{background-image:radial-gradient(circle,#1818181f 0 1px,#0000 1.3px);background-size:18px 18px;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(3rem,6vw,6rem);min-height:850px;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,4.5vw,4.5rem);display:grid}.marketing-v5-composer-copy{max-width:500px}.marketing-v5-composer-copy h2,.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{letter-spacing:-.067em;margin:1rem 0 0;font-size:clamp(3rem,5vw,5.5rem);font-weight:550;line-height:.94}.marketing-v5-composer-copy>p:not(.marketing-v5-kicker){color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.68}.marketing-v5-composer-copy ul{border-top:1px solid var(--marketing-v5-line);margin:2rem 0 0;padding:0;list-style:none}.marketing-v5-composer-copy li{border-bottom:1px solid var(--marketing-v5-line);align-items:center;gap:.7rem;min-height:46px;font-size:.72rem;display:flex}.marketing-v5-composer-copy li svg{width:13px;height:13px}.marketing-v5-text-link{width:fit-content;color:var(--marketing-v5-ink);align-items:center;gap:.55rem;margin-top:1.5rem;font-size:.76rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v5-text-link:hover{text-decoration:underline}.marketing-v5-composer-demo{color:#eeeeeb;background:#111;border:1px solid #222;min-width:0;box-shadow:22px 22px #1818181c}.marketing-v5-composer-demo>header{min-height:50px;font-family:var(--font-mono), monospace;letter-spacing:.07em;border-bottom:1px solid #353535;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 .8rem;font-size:.52rem;display:grid}.marketing-v5-composer-demo>header>span{align-items:center;gap:.5rem;display:flex}.marketing-v5-composer-demo>header>span i{background:#8cf4e5;width:7px;height:7px;display:inline-block}.marketing-v5-composer-demo>header>div{border:1px solid #444;display:flex}.marketing-v5-composer-demo>header button{color:#999;min-height:28px;font:inherit;background:0 0;border:0;border-right:1px solid #444;padding:0 .7rem}.marketing-v5-composer-demo>header button:last-child{color:#111;background:#f1f1ed;border-right:0}.marketing-v5-composer-demo>header small{opacity:.5;justify-self:end}.marketing-v5-composer-body{grid-template-columns:148px minmax(0,1fr);min-height:540px;display:grid}.marketing-v5-composer-body>aside{background:#151515;border-right:1px solid #353535;padding:1rem .65rem}.marketing-v5-composer-body>aside p{color:#777;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem;font-size:.5rem}.marketing-v5-demo-source-list button{color:#777;text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#2e2e2e;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;width:100%;min-height:56px;padding:.6rem;font-size:.55rem;display:flex}.marketing-v5-composer-body>section{grid-template-rows:minmax(0,1fr) 78px;min-width:0;display:grid}.marketing-v5-demo-stage{background:radial-gradient(circle at 28% 30%,#9c82ff 0,#0000 26%),radial-gradient(circle at 82% 74%,#6af1d7 0,#0000 35%),linear-gradient(135deg,#221070,#5134d2 64%,#164c4c);place-items:center;display:grid;position:relative;overflow:hidden}.marketing-v5-demo-stage:after{mix-blend-mode:soft-light;opacity:.66;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-v5-demo-arcs,.marketing-v5-demo-arcs i{position:absolute;inset:0}.marketing-v5-demo-arcs i{aspect-ratio:1;border:1px solid #ffffff73;border-radius:50%;width:110%;height:auto;top:-65%;left:-5%}.marketing-v5-demo-arcs i:nth-child(2){border-color:#ffffff47;width:76%;top:-42%;left:12%}.marketing-v5-demo-arcs i:nth-child(3){border-color:#fff3;width:60%;top:32%;left:58%}.marketing-v5-demo-logo{z-index:3;width:min(44%,250px);height:auto;position:relative}.marketing-v5-selection-box{z-index:4;aspect-ratio:3.6;border:1px solid #ffffff8c;width:min(52%,300px);position:absolute}.marketing-v5-selection-box i{background:#5d46d6;border:1px solid #fff;width:7px;height:7px;position:absolute}.marketing-v5-selection-box i:first-child{top:-4px;left:-4px}.marketing-v5-selection-box i:nth-child(2){top:-4px;right:-4px}.marketing-v5-selection-box i:nth-child(3){bottom:-4px;right:-4px}.marketing-v5-selection-box i:nth-child(4){bottom:-4px;left:-4px}.marketing-v5-demo-gif{z-index:5;aspect-ratio:3;background:#fff;border:1px solid #ffffff9e;width:min(36%,220px);position:absolute;bottom:.8rem;right:.8rem}.marketing-v5-demo-gif img{object-fit:cover}.marketing-v5-timeline{color:#777;min-width:0;font-family:var(--font-mono), monospace;background:#151515;border-top:1px solid #353535;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:0 .65rem;font-size:.48rem;display:grid}.marketing-v5-timeline>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;min-width:0;display:grid}.marketing-v5-timeline i{color:#878787;background:#1f1f1f;border:1px solid #3d3d3d;align-items:center;min-width:0;height:36px;padding:0 .35rem;font-style:normal;display:flex;overflow:hidden}.marketing-v5-timeline i.is-active{color:#fff;background:#342a67;border-color:#a391ff}.marketing-v5-timeline b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.marketing-v5-composer-demo>footer{color:#7f7f7f;min-height:48px;font-family:var(--font-mono), monospace;border-top:1px solid #353535;align-items:center;gap:1rem;padding:0 .8rem;font-size:.5rem;display:flex}.marketing-v5-composer-demo>footer span:nth-child(2){margin-left:auto}.marketing-v5-composer-demo>footer strong{color:#111;background:#f2f2ef;align-items:center;min-height:28px;padding:0 .65rem;font-weight:550;display:flex}.marketing-v5-capabilities{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem)}.marketing-v5-section-heading{max-width:920px}.marketing-v5-section-heading>p:last-child{max-width:620px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v5-capability-grid{border:1px solid var(--marketing-v5-line);background:var(--marketing-v5-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:4.5rem;display:grid}.marketing-v5-capability-grid article{background:var(--marketing-v5-paper);flex-direction:column;min-height:300px;padding:1.35rem;transition:color .18s,background-color .18s;display:flex;position:relative;overflow:hidden}.marketing-v5-capability-grid article>span{color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.55rem}.marketing-v5-capability-grid article>svg{width:22px;height:22px;margin-top:auto}.marketing-v5-capability-grid h3{letter-spacing:-.04em;margin:1.25rem 0 0;font-size:1.45rem;font-weight:550}.marketing-v5-capability-grid p{opacity:.62;margin:.75rem 0 0;font-size:.78rem;line-height:1.58}.marketing-v5-product-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:1rem;padding:0 clamp(1.25rem,5vw,5rem) clamp(4rem,8vw,8rem);display:grid}.marketing-v5-product-card{border:1px solid var(--marketing-v5-line);background:#fff;min-width:0;min-height:720px;padding:clamp(1.5rem,3vw,2.4rem);position:relative;overflow:hidden}.marketing-v5-product-card--dark{color:#fff;background:var(--marketing-v5-black)}.marketing-v5-product-card--dark:after{background:var(--marketing-v5-paper);border-color:#444}.marketing-v5-card-label{color:currentColor;font-family:var(--font-mono), monospace;letter-spacing:.1em;opacity:.5;text-transform:uppercase;font-size:.55rem}.marketing-v5-product-card h2{letter-spacing:-.062em;max-width:620px;margin:1.25rem 0 0;font-size:clamp(2.6rem,4vw,4.6rem);font-weight:550;line-height:.96}.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{max-width:none;font-size:clamp(2.6rem,3.45vw,4rem)}.marketing-v5-product-card-title--motion>span{white-space:nowrap;display:block}.marketing-v5-product-card p{color:currentColor;opacity:.58;max-width:520px;margin:1.1rem 0 0;font-size:.82rem;line-height:1.6}.marketing-v5-product-card-image{border-top:1px solid var(--marketing-v5-line);border-left:1px solid var(--marketing-v5-line);background:#ecece8;height:55%;position:absolute;bottom:0;left:clamp(1.5rem,3vw,2.4rem);right:0;overflow:hidden}.marketing-v5-product-card--dark .marketing-v5-product-card-image{background:#222;border-color:#444}.marketing-v5-product-card-image img{object-fit:cover;object-position:top left}.marketing-v5-agents{color:#fff;background:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), var(--marketing-v5-black);background-size:48px 48px,48px 48px,auto;border-bottom:1px solid #333;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:780px;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,5vw,5rem);display:grid}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){color:#ffffff94;max-width:620px;margin:1.6rem 0 0;line-height:1.7}.marketing-v5-agent-links{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem;display:flex}.marketing-v5-agent-links>a:not(.marketing-v5-primary-link){color:#ffffff9e;font-size:.72rem;text-decoration:none}.marketing-v5-agent-flow{grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;align-items:center;gap:.65rem;margin-top:2.5rem;display:grid}.marketing-v5-agent-flow span{color:#ffffffb8;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.52rem;display:flex}.marketing-v5-agent-flow svg{width:14px;height:14px}.marketing-v5-agent-flow i{background:#ffffff3d;height:1px}.marketing-v5-agent-panel{background:#0b0b0b;border:1px solid #535353;overflow:hidden;box-shadow:24px 24px #ffffff0e}.marketing-v5-agent-panel header,.marketing-v5-agent-panel footer{color:#ffffff94;min-height:50px;font-family:var(--font-mono), monospace;letter-spacing:.04em;border-bottom:1px solid #383838;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.55rem;display:flex}.marketing-v5-agent-panel header span,.marketing-v5-agent-panel footer span{align-items:center;gap:.45rem;display:inline-flex}.marketing-v5-agent-panel svg{width:14px;height:14px}.marketing-v5-agent-panel pre{color:#cfc4ff;min-height:410px;font-family:var(--font-mono), monospace;align-items:center;margin:0;padding:2rem;font-size:clamp(.7rem,1.1vw,.92rem);line-height:1.8;display:flex;overflow-x:auto}.marketing-v5-agent-panel footer{border-top:1px solid #383838;border-bottom:0}.marketing-v5-agent-panel footer i{background:#70e7aa;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #70e7aa}.marketing-v5-footer{color:#fff;isolation:isolate;background:#0e0e0e;position:relative;overflow:hidden}.marketing-v5-footer-field{z-index:-1;opacity:.68;background:radial-gradient(circle at 15% 110%,#00ab94 0,#0000 34%),radial-gradient(circle at 78% 10%,#5531c8 0,#0000 35%);position:absolute;inset:0;overflow:hidden}.marketing-v5-footer-field:after{mix-blend-mode:soft-light;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-v5-footer-field i{aspect-ratio:1;border:1px solid #fff3;border-radius:50%;width:130%;display:block;position:absolute;top:-85%;left:-15%}.marketing-v5-footer-field i:nth-child(2){width:90%;top:-64%;left:6%}.marketing-v5-footer-field i:nth-child(3){width:54%;top:30%;left:60%}.marketing-v5-footer-top{border-bottom:1px solid #ffffff2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:2rem;min-height:450px;padding:clamp(3rem,6vw,6rem);display:grid}.marketing-v5-footer-top>img{width:72px;height:72px}.marketing-v5-footer-top h2{letter-spacing:-.075em;margin:.9rem 0 0;font-size:clamp(3.5rem,7vw,7.8rem);font-weight:550;line-height:.9}.marketing-v5-footer-wordmark{letter-spacing:-.075em;white-space:nowrap;border-bottom:1px solid #ffffff2e;padding:0 .8rem;font-size:clamp(5rem,15.4vw,14.8rem);font-weight:550;line-height:.86;overflow:hidden}.marketing-v5-footer-bottom{color:#ffffff80;min-height:78px;font-family:var(--font-mono), monospace;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem;font-size:.55rem;display:flex}.marketing-v5-footer-bottom div{flex-wrap:wrap;gap:1.2rem;display:flex}.marketing-v5-footer-bottom a{color:inherit;text-decoration:none}@media (max-width:1120px){.marketing-v5-hero-copy{grid-column:2/12}.marketing-v5-logo-rail{grid-template-columns:170px minmax(0,1fr)}.marketing-v5-logo-rail ul{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-v5-logo-rail li{border-bottom:1px solid var(--marketing-v5-line);min-height:84px}.marketing-v5-logo-rail li:nth-child(4n){border-right:0}.marketing-v5-logo-rail li:nth-last-child(-n+3){border-bottom:0}.marketing-v5-composer,.marketing-v5-agents{grid-template-columns:minmax(0,1fr)}.marketing-v5-composer-copy,.marketing-v5-agents-copy{max-width:760px}.marketing-v5-product-grid{grid-template-columns:minmax(0,1fr)}.marketing-v5-product-card{min-height:680px}}@media (max-width:760px){.marketing-page-v5{border-inline:0}.marketing-v5-header{grid-template-columns:minmax(0,1fr) auto;min-height:62px}.marketing-v5-brand{padding-inline:.8rem}.marketing-v5-brand small,.marketing-v5-nav{display:none}.marketing-v5-header>.marketing-v5-primary-link{min-height:36px;margin-right:.65rem;padding-inline:.85rem}.marketing-v5-rule{grid-template-columns:58px minmax(16px,1fr) auto minmax(16px,1fr);min-height:40px;font-size:.46rem}.marketing-v5-rule>span{padding-left:.7rem}.marketing-v5-rule>strong{padding-inline:.6rem}.marketing-v5-hero-copy{grid-column:1/-1;padding:4.5rem 1.1rem 3rem}.marketing-v5-hero-copy>h1{font-size:clamp(3.7rem,18vw,6.3rem);line-height:.88}.marketing-v5-hero-specs{grid-column:1/-1;grid-template-columns:minmax(0,1fr)}.marketing-v5-hero-specs span{border-bottom:1px solid var(--marketing-v5-line);min-height:54px}.marketing-v5-hero-specs span:last-child{border-bottom:0}.marketing-v5-hero-field{min-height:460px;padding:4rem .7rem}.marketing-v5-field-coordinates{font-size:.43rem}.marketing-v5-studio-frame figcaption{min-height:34px;font-size:.43rem}.marketing-v5-output-rail,.marketing-v5-logo-rail{grid-template-columns:minmax(0,1fr)}.marketing-v5-output-rail>span,.marketing-v5-logo-rail>div{border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:54px}.marketing-v5-logo-rail>div{gap:1rem}.marketing-v5-logo-rail ul{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-v5-logo-rail li,.marketing-v5-logo-rail li:nth-child(4n),.marketing-v5-logo-rail li:nth-last-child(-n+3){border-right:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);min-height:74px}.marketing-v5-logo-rail li:nth-child(2n){border-right:0}.marketing-v5-logo-rail li:last-child{border-bottom:0}.marketing-v5-composer{gap:2.5rem;min-height:auto;padding:3.5rem .75rem}.marketing-v5-composer-copy{padding-inline:.4rem}.marketing-v5-composer-copy h2,.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{font-size:clamp(2.8rem,13vw,4.3rem)}.marketing-v5-composer-demo{box-shadow:9px 9px #1818181a}.marketing-v5-composer-demo>header{grid-template-columns:1fr auto}.marketing-v5-composer-demo>header>div{display:none}.marketing-v5-composer-body{grid-template-columns:82px minmax(0,1fr);min-height:440px}.marketing-v5-composer-body>aside{padding:.6rem .35rem}.marketing-v5-demo-source-list button{min-height:48px;padding:.35rem}.marketing-v5-demo-source-list button span{display:none}.marketing-v5-demo-source-list img{width:48px}.marketing-v5-composer-body>section{grid-template-rows:minmax(0,1fr) 64px}.marketing-v5-demo-gif{width:46%}.marketing-v5-timeline{gap:.35rem;padding:0 .4rem}.marketing-v5-timeline>span{display:none}.marketing-v5-timeline{grid-template-columns:minmax(0,1fr)}.marketing-v5-composer-demo>footer span:first-child{display:none}.marketing-v5-capabilities,.marketing-v5-agents{padding:3.5rem 1rem}.marketing-v5-capability-grid{grid-template-columns:minmax(0,1fr);margin-top:2.5rem}.marketing-v5-capability-grid article{min-height:250px}.marketing-v5-product-grid{padding:0 1rem 3.5rem}.marketing-v5-product-card{min-height:590px}.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{font-size:clamp(2.6rem,12vw,4rem)}.marketing-v5-product-card-title--motion>span{white-space:normal;display:inline}.marketing-v5-product-card-image{height:49%;left:1rem}.marketing-v5-agents{min-height:auto}.marketing-v5-agent-flow{grid-template-columns:minmax(0,1fr)}.marketing-v5-agent-flow i{width:1px;height:18px;margin-left:7px}.marketing-v5-agent-panel pre{min-height:350px;padding:1rem;font-size:.6rem}.marketing-v5-footer-top{grid-template-columns:minmax(0,1fr);align-content:end;min-height:420px;padding:3rem 1rem}.marketing-v5-footer-top>img{width:52px;height:52px}.marketing-v5-footer-wordmark{padding-inline:.25rem;font-size:16.1vw}.marketing-v5-footer-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.marketing-v5-arc-field canvas{display:none}.marketing-v5-capability-grid article,.marketing-v5-logo-rail img{transition:none}}.marketing-page-v5[data-marketing-theme=dark]{--marketing-v5-ink:#f0f0ed;--marketing-v5-line:#383836;--marketing-v5-muted:#a5a5a0;--marketing-v5-paper:#111;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.marketing-v5-header-actions{justify-content:flex-end;align-items:center;gap:.65rem;padding-right:1rem;display:flex}.marketing-v5-header-actions .marketing-v5-primary-link{margin-right:0}.marketing-v5-header-icon-link{border:1px solid var(--marketing-v5-line);width:34px;height:34px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);border-radius:8px;flex:none;place-items:center;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:grid}.marketing-v5-header-icon-link:hover{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-header-icon-link svg{width:14px;height:14px}.marketing-v5-theme-toggle{border:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);height:34px;padding:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.marketing-v5-theme-toggle{background:color-mix(in srgb, var(--marketing-v5-paper) 92%, var(--marketing-v5-ink))}}.marketing-v5-theme-toggle button{min-width:34px;color:var(--marketing-v5-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.62rem;display:flex}.marketing-v5-theme-toggle button[aria-pressed=true]{color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-theme-toggle svg{width:13px;height:13px}.marketing-v5-primary-link:hover svg{transform:translate(2px)}.marketing-v5-primary-link svg{transition:transform .15s}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-brand img{filter:invert()}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-nav a:hover,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-secondary-link{background:#191919}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link:not(.marketing-v5-primary-link--inverse){color:#111;background:#efefec;border-color:#efefec}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link:not(.marketing-v5-primary-link--inverse):hover{background:#d7d7d2}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-output-rail,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-product-card{background:#151515}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-logo-rail-mark-light-surface{visibility:hidden}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-logo-rail-mark-dark-surface{visibility:visible}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-capability-grid article{background:#141414}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-capability-grid article:hover{color:#111;background:#f0f0ed}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-capability-grid article:hover:after{background:#111}.marketing-v5-hero-copy>h1{letter-spacing:-.052em;line-height:.9}.marketing-v5-composer-copy h2,.marketing-v5-section-heading h2,.marketing-v5-agents-copy h2{letter-spacing:-.034em;line-height:.98}.marketing-v5-product-card h2,.marketing-v5-theme-gallery h2,.marketing-v5-footer-top h2{letter-spacing:-.038em;line-height:.98}.marketing-v5-footer-wordmark{letter-spacing:-.032em}.marketing-v5-corners{z-index:24;color:#18181861;pointer-events:none;display:block;position:absolute;inset:0}.marketing-v5-corners--dark{color:#ffffff6b}.marketing-v5-corners>i{width:18px;height:18px;display:block;position:absolute}.marketing-v5-corners>i:first-child{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.marketing-v5-corners>i:nth-child(2){border-top:1px solid;border-right:1px solid;top:9px;right:9px}.marketing-v5-corners>i:nth-child(3){border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.marketing-v5-corners>i:nth-child(4){border-bottom:1px solid;border-left:1px solid;bottom:9px;left:9px}.marketing-v5-spacer{border-bottom:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);background-image:repeating-linear-gradient(45deg, transparent 0 6px, var(--marketing-v5-ink) 6px 7px);min-height:clamp(48px,4.5vw,64px);position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-v5-spacer{background-image:repeating-linear-gradient(45deg, transparent 0 6px, color-mix(in srgb, var(--marketing-v5-ink) 9%, transparent) 6px 7px)}}.marketing-v5-spacer--dark{--marketing-v5-line:#383838;--marketing-v5-muted:#888884;--marketing-v5-paper:#111}.marketing-v5-studio-frame,.marketing-v5-composer-demo,.marketing-v5-agent-panel,.marketing-v5-theme-gallery-grid>div{position:relative}.marketing-v5-studio-frame>div{aspect-ratio:16/9}.marketing-v5-studio-frame>div img{object-fit:contain;object-position:top left}.marketing-v5-theme-shot--dark,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-theme-shot--light{display:none}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-theme-shot--dark{display:block}.marketing-v5-studio-frame--adaptive .marketing-v5-studio-shot--dark,.marketing-v5-studio-frame--adaptive .marketing-v5-studio-label--dark,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-studio-frame--adaptive .marketing-v5-studio-shot--light{display:none}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-studio-frame--adaptive .marketing-v5-studio-shot--dark{display:block}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-studio-frame--adaptive .marketing-v5-studio-label--light{display:none}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-studio-frame--adaptive .marketing-v5-studio-label--dark{display:block}.marketing-v5-theme-gallery{border-top:1px solid var(--marketing-v5-line);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem)}.marketing-v5-theme-gallery-copy{max-width:820px}.marketing-v5-theme-gallery h2{max-width:760px;margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:550}.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title{max-width:none;font-size:clamp(3rem,4.4vw,4.85rem)}.marketing-v5-theme-gallery-title>span{white-space:nowrap;display:block}.marketing-v5-theme-gallery-copy p{max-width:610px;color:var(--marketing-v5-muted);margin:1.5rem 0 0;line-height:1.65}.marketing-v5-theme-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.5rem;display:grid}.marketing-v5-theme-gallery-grid>div:first-child{background:#e9e9e5;padding:clamp(1rem,2.5vw,2.5rem)}.marketing-v5-theme-gallery-grid>div:last-child{background:#222;padding:clamp(1rem,2.5vw,2.5rem)}.marketing-v5-composer-demo{--background:0 0% 7%;--border:0 0% 25%;--foreground:0 0% 92%;--input:0 0% 28%}.marketing-v5-composer-demo>header button:last-child{color:#999;background:0 0}.marketing-v5-composer-demo>header button[aria-selected=true]{color:#111;background:#f1f1ed}.marketing-v5-composer-body{grid-template-columns:280px minmax(0,1fr)}.marketing-v5-composer-body>aside{max-height:540px;padding:0;overflow-y:auto}.marketing-v5-demo-source-list,.marketing-v5-demo-inspector{padding:1rem}.marketing-v5-demo-source-list{border-bottom:1px solid #353535}.marketing-v5-demo-source-list>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.marketing-v5-demo-source-list button{color:#777;text-align:left;cursor:pointer;background:0 0;border:1px solid #303030;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;min-width:0;min-height:58px;padding:.55rem;font-size:.52rem;display:flex}.marketing-v5-demo-source-list button.is-active{color:#fff;background:#222;border-color:#747474}.marketing-v5-demo-source-list img{object-fit:contain;object-position:left center;filter:grayscale()brightness(3);width:58px;height:18px}.marketing-v5-demo-inspector{flex-direction:column;gap:.85rem;display:flex}.marketing-v5-demo-inspector>label:not(.marketing-v5-demo-duration){color:#aaa;justify-content:space-between;align-items:center;min-height:30px;font-size:.66rem;display:flex}.marketing-v5-demo-inspector [class*=rounded-md]{border-radius:2px}.marketing-v5-demo-backgrounds{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.marketing-v5-demo-backgrounds button{aspect-ratio:1;cursor:pointer;border:1px solid #4a4a4a}.marketing-v5-demo-backgrounds button[aria-pressed=true]{outline-offset:2px;outline:2px solid #f2f2ef}.marketing-v5-demo-duration{color:#aaa;flex-direction:column;gap:.7rem;font-size:.66rem;display:flex}.marketing-v5-demo-duration>span{justify-content:space-between;display:flex}.marketing-v5-demo-duration output{font-family:var(--font-mono), monospace}.marketing-v5-demo-duration input,.marketing-v5-demo-inspector .studio-range{width:100%}.marketing-v5-demo-inspector--motion>div{padding-top:.9rem}.marketing-v5-demo-stage{min-height:0;transition:background .24s}.marketing-v5-live-logo-wrap{z-index:4;aspect-ratio:3.2;width:min(56%,340px);position:relative}.marketing-v5-live-logo{position:absolute;inset:12%}.marketing-v5-live-logo-wrap .marketing-v5-selection-box{aspect-ratio:auto;width:100%;inset:0}.marketing-v5-live-motion{z-index:5;place-items:center;width:min(82%,660px);min-height:170px;display:grid;position:relative}.marketing-v5-live-motion-frame{opacity:0;place-items:center;animation-name:marketing-v5-frame-cycle;animation-iteration-count:infinite;animation-fill-mode:both;display:grid;position:absolute;inset:0}.marketing-v5-live-motion[data-playing=false] .marketing-v5-live-motion-frame{animation-play-state:paused}.marketing-v5-live-motion-frame>span{color:#fff;letter-spacing:-.025em;text-align:center;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:520;line-height:1}.marketing-v5-live-motion-logo{width:min(72%,380px);height:110px}.marketing-v5-demo-play{z-index:12;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#111111b3;border:1px solid #ffffff94;align-items:center;gap:.45rem;min-height:34px;padding:0 .75rem;font-size:.62rem;display:inline-flex;position:absolute;bottom:.8rem;right:.8rem}.marketing-v5-demo-play svg{width:13px;height:13px}@keyframes marketing-v5-frame-cycle{0%,15%{opacity:1;filter:blur();transform:scale(1)}20%,95%{opacity:0;filter:blur(9px);transform:scale(.97)}to{opacity:1;filter:blur();transform:scale(1)}}.marketing-v5-capability-grid article:after,.marketing-v5-product-card:after{display:none}.marketing-v5-footer-top{grid-template-columns:minmax(0,1fr) auto}.docs-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.5rem 0 3.5rem;display:grid}.docs-theme-gallery figure{border:1px solid var(--docs-line);background:var(--docs-raised);min-width:0;margin:0;overflow:hidden}.docs-theme-gallery figcaption{border-bottom:1px solid var(--docs-line);min-height:42px;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-inline:.8rem;font-size:.58rem;display:flex}.docs-theme-gallery figcaption small{color:var(--docs-muted);font:inherit}.docs-theme-gallery img{aspect-ratio:16/9;object-fit:cover;object-position:top left;width:100%;height:auto;display:block}@media (max-width:980px){.marketing-v5-theme-gallery-grid,.docs-theme-gallery{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.marketing-v5-header-actions{padding-right:.65rem}.marketing-v5-theme-toggle button{min-width:30px;padding:0}.marketing-v5-theme-toggle button span{display:none}.marketing-v5-composer-body{grid-template-rows:260px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:660px}.marketing-v5-composer-body>aside{border-bottom:1px solid #353535;border-right:0;max-height:260px}.marketing-v5-composer-body>section{min-height:400px}.marketing-v5-demo-source-list>div{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}.marketing-v5-theme-gallery{padding:3.5rem 1rem}.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title{font-size:clamp(2.8rem,13vw,4.3rem)}.marketing-v5-theme-gallery-title>span{white-space:normal;display:inline}}@media (prefers-reduced-motion:reduce){.marketing-v5-live-motion-frame{animation:none}.marketing-v5-live-motion-frame:first-child{opacity:1}}.marketing-page-v4 *{box-sizing:border-box}.marketing-v4-header{z-index:50;border-bottom:1px solid var(--marketing-v4-line);background:var(--marketing-v4-paper);grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.marketing-v4-header{background:color-mix(in srgb, var(--marketing-v4-paper) 92%, transparent)}}.marketing-v4-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.marketing-v4-brand{width:fit-content;color:inherit;letter-spacing:-.02em;align-items:center;gap:.65rem;padding-inline:1.4rem;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v4-brand img{width:28px;height:28px}.marketing-v4-brand small{border-left:1px solid var(--marketing-v4-line);color:var(--marketing-v4-muted);letter-spacing:.12em;text-transform:uppercase;padding-left:.65rem;font-size:.65rem;font-weight:500}.marketing-v4-nav{align-items:center;height:100%;display:flex}.marketing-v4-nav a{border-left:1px solid var(--marketing-v4-line);min-width:96px;height:100%;color:var(--marketing-v4-muted);place-items:center;font-size:.78rem;font-weight:550;text-decoration:none;transition:background .18s,color .18s;display:grid}.marketing-v4-nav a:last-child{border-right:1px solid var(--marketing-v4-line)}.marketing-v4-nav a:hover{background:var(--marketing-v4-white);color:var(--marketing-v4-ink)}.marketing-v4-header-button{border-radius:0;justify-self:end;margin-right:1.1rem}.marketing-v4-rule{border-bottom:1px solid var(--marketing-v4-line);background:var(--marketing-v4-paper);grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;display:grid}.marketing-v4-rule i{background:var(--marketing-v4-line);height:1px}.marketing-v4-rule i:first-child{margin-left:2rem}.marketing-v4-rule i:last-child{margin-right:2rem}.marketing-v4-rule span{color:#92928f;font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;padding-inline:1rem;font-size:.6rem;position:relative}.marketing-v4-rule span:before,.marketing-v4-rule span:after{background:var(--marketing-v4-paper);content:"";border:1px solid #a7a7a3;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.marketing-v4-rule span:before{left:-2px}.marketing-v4-rule span:after{right:-2px}.marketing-v4-rule--dark{background:var(--marketing-v4-black);border-color:#353535}.marketing-v4-rule--dark i{background:#353535}.marketing-v4-rule--dark span{color:#777}.marketing-v4-rule--dark span:before,.marketing-v4-rule--dark span:after{background:var(--marketing-v4-black);border-color:#555}.marketing-v4-hero{background:linear-gradient(90deg, transparent calc(66.666% - .5px), var(--marketing-v4-line) calc(66.666% - .5px), var(--marketing-v4-line) calc(66.666% + .5px), transparent calc(66.666% + .5px)), var(--marketing-v4-paper);grid-template-columns:minmax(0,8fr) minmax(280px,4fr);display:grid}.marketing-v4-hero-copy{min-height:610px;padding:clamp(5rem,9vw,9rem) clamp(2rem,5.4vw,5.25rem) 5rem}.marketing-v4-eyebrow{color:var(--marketing-v4-muted);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0;font-size:.64rem;display:flex}.marketing-v4-eyebrow>span{background:currentColor;width:22px;height:1px;display:block}.marketing-v4-eyebrow svg{width:14px;height:14px}.marketing-v4-eyebrow--dark{color:#a9a9a5}.marketing-v4-hero h1{letter-spacing:-.075em;max-width:920px;margin:2rem 0 0;font-size:clamp(4.75rem,8.15vw,8.2rem);font-weight:550;line-height:.86}.marketing-v4-hero h1 em{color:#858582;font-style:normal;font-weight:420}.marketing-v4-hero-description{max-width:610px;color:var(--marketing-v4-muted);letter-spacing:-.025em;margin:2.25rem 0 0;font-size:clamp(1.05rem,1.4vw,1.32rem);line-height:1.5}.marketing-v4-actions{align-items:center;gap:1.6rem;margin-top:2rem;display:flex}.marketing-v4-actions>a:first-child{border-radius:999px}.marketing-v4-text-link{color:var(--marketing-v4-ink);align-items:center;gap:.45rem;font-size:.84rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v4-text-link svg{width:15px;transition:transform .18s}.marketing-v4-text-link:hover svg{transform:translate(3px)}.marketing-v4-hero-aside{flex-direction:column;justify-content:flex-end;min-height:610px;padding:2.4rem;display:flex}.marketing-v4-hero-aside>div{border-top:1px solid var(--marketing-v4-line);grid-template-columns:32px 1fr;gap:1rem;padding-block:1.2rem;display:grid}.marketing-v4-hero-aside span{color:#9d9d99;font-family:var(--font-mono), monospace;font-size:.62rem}.marketing-v4-hero-aside p{color:#555553;max-width:260px;margin:0;font-size:.88rem;line-height:1.45}.marketing-v4-hero-stage{border-top:1px solid var(--marketing-v4-line);isolation:isolate;background:#9df7ce;grid-column:1/-1;min-height:min(790px,63vw);padding:clamp(3rem,6vw,6rem) clamp(1.5rem,5vw,5.5rem);position:relative;overflow:hidden}.marketing-v4-hero-glow{z-index:-1;filter:blur(32px)saturate(1.18);background:radial-gradient(circle at 30% 44%,#deff43 0 13%,#0000 35%),radial-gradient(circle at 68% 32%,#ab7cff 0 13%,#0000 38%),radial-gradient(circle at 64% 78%,#43eac7 0 16%,#0000 42%),linear-gradient(135deg,#d7ffec,#b9abff 55%,#fff4a8);position:absolute;inset:-35%;transform:scale(1.08)}.marketing-v4-hero-stage:after{z-index:0;content:"";mix-blend-mode:soft-light;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing-v4-hero-shot{z-index:2;width:min(1160px,86vw);margin-inline:auto;position:relative;box-shadow:0 42px 96px #201f2638}.marketing-v4-studio-frame{background:#101010;border:1px solid #0f0f0f47;border-radius:15px;margin:0;overflow:hidden}.marketing-v4-studio-frame figcaption{color:#dbdbd7;min-height:42px;font-family:var(--font-mono), monospace;letter-spacing:.04em;background:#171717;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;padding-inline:1rem;font-size:.59rem;display:flex}.marketing-v4-studio-frame figcaption span{align-items:center;gap:.45rem;display:flex}.marketing-v4-studio-frame figcaption i{background:#585858;border-radius:50%;width:6px;height:6px;display:block}.marketing-v4-studio-frame figcaption i:first-child{background:#ff6259}.marketing-v4-studio-frame figcaption i:nth-child(2){background:#ffbe2f}.marketing-v4-studio-frame figcaption i:nth-child(3){background:#29c940;margin-right:.4rem}.marketing-v4-studio-frame figcaption small{color:#858585;font:inherit;text-transform:uppercase}.marketing-v4-studio-frame>div{aspect-ratio:1479/768;background:#151515;position:relative}.marketing-v4-studio-frame>div img{object-fit:cover;object-position:top left}.marketing-v4-hero-stat{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #16161647;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;min-width:175px;padding:.8rem 1rem;display:grid;position:absolute;bottom:clamp(1rem,2.7vw,2.8rem);box-shadow:0 12px 40px #1e1e1e1a}.marketing-v4-hero-stat--left{left:clamp(1rem,3vw,3rem)}.marketing-v4-hero-stat--right{right:clamp(1rem,3vw,3rem)}.marketing-v4-hero-stat strong{letter-spacing:-.05em;font-size:1.6rem;font-weight:550}.marketing-v4-hero-stat span{color:#555;max-width:95px;font-size:.68rem;line-height:1.25}.marketing-v4-output-rail{border-top:1px solid var(--marketing-v4-line);border-bottom:1px solid var(--marketing-v4-line);background:var(--marketing-v4-white);grid-template-columns:220px 1fr;min-height:64px;display:grid}.marketing-v4-output-rail>span{border-right:1px solid var(--marketing-v4-line);color:#8a8a86;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;padding-inline:1.5rem;font-size:.59rem;display:flex}.marketing-v4-output-rail>div{align-items:center;gap:1.7rem;padding-inline:1.75rem;display:flex;overflow:hidden}.marketing-v4-output-rail>div span{color:#444;white-space:nowrap;flex:none;align-items:center;gap:1.7rem;font-size:.76rem;font-weight:520;display:inline-flex}.marketing-v4-output-rail>div span:not(:last-child):after{content:"";background:#a6a6a1;border-radius:50%;width:3px;height:3px}.marketing-v4-section{background:var(--marketing-v4-paper);padding:clamp(5rem,8vw,8rem) clamp(1rem,4vw,4rem)}.marketing-v4-section-heading{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:end;gap:4rem;max-width:1260px;margin-inline:auto;display:grid}.marketing-v4-section-heading h2{letter-spacing:-.065em;max-width:830px;margin:1.2rem 0 0;font-size:clamp(3rem,5.5vw,6rem);font-weight:540;line-height:.94}.marketing-v4-section-heading>p{max-width:440px;color:var(--marketing-v4-muted);margin:0;padding-bottom:.35rem;font-size:1.03rem;line-height:1.55}.marketing-v4-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;max-width:1260px;margin:clamp(3.5rem,6vw,6rem) auto 0;display:grid}.marketing-v4-bento-card{background:#fff;border:1px solid #d0d0cb;border-radius:20px;min-width:0;position:relative;overflow:hidden}.marketing-v4-bento-card--board{grid-column:span 7;min-height:660px}.marketing-v4-bento-card--metal{color:#fff;background:#0f0f10;grid-column:span 5;min-height:660px}.marketing-v4-bento-card--motion{background:#efefeb;grid-column:span 5;min-height:520px}.marketing-v4-bento-card--applications{background:#dee0ff;grid-column:span 7;min-height:520px}.marketing-v4-card-heading{z-index:2;max-width:620px;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.marketing-v4-card-heading>span{color:#777773;font-family:var(--font-mono), monospace;letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.59rem;display:flex}.marketing-v4-card-heading svg{width:14px;height:14px}.marketing-v4-card-heading h3{letter-spacing:-.055em;margin:1.15rem 0 0;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:550;line-height:.98}.marketing-v4-card-heading p{color:#686865;max-width:470px;margin:1rem 0 0;font-size:.93rem;line-height:1.5}.marketing-v4-card-heading--dark>span,.marketing-v4-card-heading--dark p{color:#92928f}.marketing-v4-card-shot{aspect-ratio:1479/768;border:1px solid #c5c5c0;border-radius:13px 0 0;width:96%;position:absolute;bottom:-4%;right:-10%;overflow:hidden;box-shadow:0 26px 70px #23232024}.marketing-v4-card-shot img{object-fit:cover;object-position:top left}.marketing-v4-bento-card--applications .marketing-v4-card-shot{width:74%;bottom:-7%;right:-3%;transform:rotate(-1.2deg)}.marketing-v4-metal{isolation:isolate;place-items:center;height:100%;min-height:340px;display:grid;position:relative;overflow:hidden}.marketing-v4-bento-card--metal>.marketing-v4-metal{height:auto;position:absolute;inset:170px 0 0}.marketing-v4-metal-aura{aspect-ratio:1;filter:blur(16px);background:radial-gradient(circle,#ffffff38,#ffffff0d 38%,#0000 72%);border-radius:50%;width:70%;position:absolute}.marketing-v4-metal-mask{aspect-ratio:1;filter:drop-shadow(0 22px 28px #00000073);width:min(52%,280px);position:relative;overflow:hidden;-webkit-mask-image:url(/brand/glyphfield-mark-white.svg);mask-image:url(/brand/glyphfield-mark-white.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.marketing-v4-metal-fallback{background:radial-gradient(circle at 68% 28%,#fff 0 5%,#0000 23%),linear-gradient(138deg,#111 9%,#f8f8f8 34%,#4b4b4b 48%,#fff 62%,#181818 88%);position:absolute;inset:0}.marketing-v4-metal>span{color:#777;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;position:absolute;bottom:1.35rem;right:1.5rem}.marketing-v4-motion-sample{aspect-ratio:16/8.2;background:#fff;border:1px solid #d0d0ca;border-radius:13px;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;overflow:hidden}.marketing-v4-motion-sample img{object-fit:contain}.marketing-v4-product{border-bottom:1px solid var(--marketing-v4-line);background:#ecece7;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);min-height:910px;display:grid}.marketing-v4-product-copy{border-right:1px solid var(--marketing-v4-line);padding:clamp(4rem,7vw,7rem) clamp(2rem,5vw,5rem)}.marketing-v4-product-copy h2{letter-spacing:-.065em;max-width:580px;margin:1.5rem 0 0;font-size:clamp(3rem,5vw,5.4rem);font-weight:540;line-height:.92}.marketing-v4-product-copy>p:not(.marketing-v4-eyebrow){max-width:480px;color:var(--marketing-v4-muted);margin:2rem 0 0;font-size:1rem;line-height:1.6}.marketing-v4-product-copy dl{margin:4rem 0 0}.marketing-v4-product-copy dl>div{border-top:1px solid #cecec8;grid-template-columns:110px 1fr;gap:1rem;padding-block:1rem;display:grid}.marketing-v4-product-copy dt{color:#777773;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.marketing-v4-product-copy dd{color:#454543;margin:0;font-size:.84rem}.marketing-v4-product-stack{background:radial-gradient(circle at 72% 20%,#b894ffbf,#0000 30%),radial-gradient(circle at 24% 76%,#5ae7ced9,#0000 35%),#d9ff62;min-height:910px;position:relative;overflow:hidden}.marketing-v4-product-stack:after{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#14141421 .7px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.marketing-v4-product-shot{z-index:2;width:min(85%,790px);position:absolute;box-shadow:0 32px 80px #1919193d}.marketing-v4-product-shot--one{top:9%;left:8%;transform:rotate(-1.2deg)}.marketing-v4-product-shot--two{bottom:7%;right:-14%;transform:rotate(2.1deg)}.marketing-v4-system{background:var(--marketing-v4-black);color:#fff;border-bottom:1px solid #343434;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,7vw,8rem);min-height:720px;padding:clamp(5rem,8vw,8rem) clamp(1.5rem,6vw,6rem);display:grid}.marketing-v4-system-copy h2{letter-spacing:-.07em;max-width:680px;margin:1.5rem 0 0;font-size:clamp(3.4rem,6vw,6.4rem);font-weight:540;line-height:.9}.marketing-v4-system-copy>p:not(.marketing-v4-eyebrow){color:#999996;max-width:560px;margin:2rem 0 0;font-size:1.02rem;line-height:1.6}.marketing-v4-system-links{align-items:center;gap:1.4rem;margin-top:2.25rem;display:flex}.marketing-v4-system-links>a:not(:first-child){color:#bcbcb8;font-size:.78rem;text-decoration:none}.marketing-v4-agent-panel{background:#171717;border:1px solid #464646;border-radius:17px;overflow:hidden;box-shadow:0 35px 90px #0006}.marketing-v4-agent-panel header,.marketing-v4-agent-panel footer{color:#aaa;min-height:52px;font-family:var(--font-mono), monospace;letter-spacing:.06em;justify-content:space-between;align-items:center;padding-inline:1.25rem;font-size:.58rem;display:flex}.marketing-v4-agent-panel header{border-bottom:1px solid #343434}.marketing-v4-agent-panel header span{align-items:center;gap:.5rem;display:flex}.marketing-v4-agent-panel header svg{width:14px}.marketing-v4-agent-panel pre{color:#f2f2ec;min-height:370px;font-family:var(--font-mono), monospace;margin:0;padding:clamp(1.5rem,4vw,3rem);font-size:clamp(.68rem,1vw,.82rem);line-height:1.9;overflow:auto}.marketing-v4-agent-panel footer{color:#777;border-top:1px solid #343434}.marketing-v4-agent-panel footer span:first-child{align-items:center;gap:.5rem;display:flex}.marketing-v4-agent-panel footer i{background:#52d987;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 12px #52d987}.marketing-v4-footer{background:var(--marketing-v4-black);color:#fff;position:relative;overflow:hidden}.marketing-v4-footer-top{border-bottom:1px solid #343434;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;min-height:680px;display:grid}.marketing-v4-footer-mark{border-right:1px solid #343434;min-height:680px}.marketing-v4-footer-mark .marketing-v4-metal{min-height:680px}.marketing-v4-footer-mark .marketing-v4-metal-mask{width:min(46%,330px)}.marketing-v4-footer-cta{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(3rem,7vw,7rem);display:flex}.marketing-v4-footer-cta h2{letter-spacing:-.075em;max-width:720px;margin:1.5rem 0 2.5rem;font-size:clamp(4rem,8vw,8.5rem);font-weight:520;line-height:.83}.marketing-v4-footer-wordmark{color:#f3f3ee;letter-spacing:-.075em;text-align:center;white-space:nowrap;padding:3.5rem 1.2rem 1.8rem;font-size:clamp(6.2rem,16.1vw,15.6rem);font-weight:550;line-height:.72;overflow:hidden}.marketing-v4-footer-bottom{color:#777;min-height:78px;font-family:var(--font-mono), monospace;letter-spacing:.05em;border-top:1px solid #343434;justify-content:space-between;align-items:center;padding-inline:1.5rem;font-size:.58rem;display:flex}.marketing-v4-footer-bottom div{gap:1.4rem;display:flex}.marketing-v4-footer-bottom a{color:#aaa;text-decoration:none}@media (max-width:1050px){.marketing-v4-header{grid-template-columns:1fr auto}.marketing-v4-nav{display:none}.marketing-v4-hero{background:var(--marketing-v4-paper);grid-template-columns:minmax(0,1fr)}.marketing-v4-hero-copy{min-height:auto;padding-bottom:3rem}.marketing-v4-hero-aside{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-height:auto;padding:0 2rem 3rem;display:grid}.marketing-v4-hero-aside>div{grid-template-columns:24px 1fr}.marketing-v4-bento-card--board,.marketing-v4-bento-card--applications{grid-column:span 7}.marketing-v4-bento-card--metal,.marketing-v4-bento-card--motion{grid-column:span 5}.marketing-v4-bento-card--board,.marketing-v4-bento-card--metal{min-height:580px}.marketing-v4-product{grid-template-columns:minmax(0,1fr);min-height:auto}.marketing-v4-product-copy{border-right:0;border-bottom:1px solid var(--marketing-v4-line)}.marketing-v4-product-stack{min-height:720px}.marketing-v4-system{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.marketing-page-v4{border-inline:0}.marketing-v4-header{min-height:62px}.marketing-v4-brand{padding-left:1rem}.marketing-v4-brand small{display:none}.marketing-v4-header-button{margin-right:.75rem}.marketing-v4-rule{min-height:44px}.marketing-v4-rule i:first-child{margin-left:.75rem}.marketing-v4-rule i:last-child{margin-right:.75rem}.marketing-v4-hero-copy{padding:4.5rem 1.25rem 2.5rem}.marketing-v4-hero h1{font-size:clamp(3.7rem,18vw,5.6rem)}.marketing-v4-hero-description{font-size:1rem}.marketing-v4-actions{flex-direction:column;align-items:flex-start;gap:1.2rem}.marketing-v4-hero-aside{display:none}.marketing-v4-hero-stage{min-height:520px;padding:2.5rem 1rem 6rem}.marketing-v4-hero-shot{width:100%}.marketing-v4-hero-stat{width:calc(50% - 1.5rem);min-width:0;bottom:1rem}.marketing-v4-hero-stat--left{left:1rem}.marketing-v4-hero-stat--right{right:1rem}.marketing-v4-hero-stat strong{font-size:1.25rem}.marketing-v4-output-rail{grid-template-columns:minmax(0,1fr)}.marketing-v4-output-rail>span{border-right:0;border-bottom:1px solid var(--marketing-v4-line);min-height:45px}.marketing-v4-output-rail>div{min-height:56px;overflow-x:auto}.marketing-v4-section{padding:4.5rem .75rem}.marketing-v4-section-heading{grid-template-columns:minmax(0,1fr);gap:1.8rem;padding-inline:.5rem}.marketing-v4-section-heading h2{font-size:clamp(3.1rem,14vw,4.6rem)}.marketing-v4-bento{grid-template-columns:minmax(0,1fr)}.marketing-v4-bento-card--board,.marketing-v4-bento-card--metal,.marketing-v4-bento-card--motion,.marketing-v4-bento-card--applications{grid-column:auto;min-height:500px}.marketing-v4-bento-card--board{min-height:560px}.marketing-v4-bento-card--applications .marketing-v4-card-shot{width:96%}.marketing-v4-product-copy{padding:4.5rem 1.25rem}.marketing-v4-product-copy h2{font-size:clamp(3.2rem,14vw,4.8rem)}.marketing-v4-product-stack{min-height:570px}.marketing-v4-product-shot{width:92%}.marketing-v4-product-shot--one{left:4%}.marketing-v4-product-shot--two{right:-26%}.marketing-v4-system{min-height:auto;padding:4.5rem 1rem}.marketing-v4-system-copy h2{font-size:clamp(3.3rem,15vw,5rem)}.marketing-v4-system-links{flex-direction:column;align-items:flex-start}.marketing-v4-agent-panel pre{min-height:310px;padding:1.25rem;font-size:.63rem}.marketing-v4-footer-top{grid-template-columns:minmax(0,1fr)}.marketing-v4-footer-mark,.marketing-v4-footer-mark .marketing-v4-metal{border-bottom:1px solid #343434;border-right:0;min-height:430px}.marketing-v4-footer-cta{min-height:520px;padding:4rem 1.25rem}.marketing-v4-footer-cta h2{font-size:clamp(4rem,20vw,6rem)}.marketing-v4-footer-wordmark{padding-block:2.5rem 1.5rem;font-size:20vw}.marketing-v4-footer-bottom{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:110px}.marketing-v4-footer-bottom div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.marketing-v4-text-link svg,.marketing-v4-product-shot,.marketing-v4-hero-shot{transition:none;transform:none}}.marketing-page-v5{--marketing-v5-line:#deded9;--marketing-v5-paper:#fbfbf9;border-inline:1px solid var(--marketing-v5-line);width:min(100% - 32px,1440px)}.marketing-v5-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:80px;padding-inline:1.5rem}.marketing-v5-brand{padding:0;font-size:.9rem}.marketing-v5-nav{border:0;gap:1.8rem}.marketing-v5-nav a{min-width:0;color:var(--marketing-v5-ink);background:0 0;border:0;padding:0;font-size:.8rem}.marketing-v5-nav a:hover{color:var(--marketing-v5-muted);background:0 0}.marketing-v5-header-actions{padding:0}.marketing-v5-primary-link,.marketing-v5-secondary-link,.marketing-v5-theme-toggle{border-radius:8px}.marketing-v5-primary-link{min-height:42px;margin:0;padding-inline:1rem}.marketing-v5-primary-link:hover{color:#fff;background:#303030}.marketing-v5-secondary-link:hover{background:#f1f1ee;border-color:#aaa9a4}.marketing-v5-hero{background:0 0;display:block}.marketing-v5-hero-copy{max-width:900px;margin-inline:auto;padding:2.25rem 1.5rem 1.5rem}.marketing-v5-hero-copy>h1{letter-spacing:-.05em;max-width:820px;margin:0 auto;font-size:clamp(3.1rem,4.25vw,3.75rem);line-height:.94}.marketing-v5-hero-copy>p:not(.marketing-v5-kicker){max-width:600px;margin-top:.75rem;font-size:clamp(.92rem,1.15vw,1.02rem);line-height:1.55}.marketing-v5-actions{margin-top:.75rem}@media (min-width:1200px){.marketing-v5-hero-copy{padding-block:2rem 1.125rem}.marketing-v5-hero-copy>p:not(.marketing-v5-kicker):not(.marketing-v5-hero-license){max-width:840px}}.marketing-v5-hero-field{border-top:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);min-height:clamp(520px,52vw,740px);padding:clamp(2rem,3vw,3rem)}.marketing-v5-product-window{border-radius:10px;overflow:hidden;box-shadow:0 34px 96px #0f073757}.marketing-v5-studio-frame{border-radius:8px}.marketing-v5-studio-frame figcaption{min-height:42px;font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:.64rem;font-weight:500}.marketing-v5-studio-frame figcaption i{border-radius:50%}.marketing-v5-logo-rail{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:190px minmax(0,1fr);min-height:112px}.marketing-v5-logo-rail-heading{justify-content:center;padding:1.25rem;font-size:.76rem}.marketing-v5-logo-rail li{min-height:111px}.marketing-v5-logo-rail li>a{padding:1.25rem .9rem}.marketing-v5-composer{border-bottom:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);min-height:0;padding:0;display:block}.marketing-v5-composer-copy{justify-content:space-between;align-items:flex-end;gap:3rem;max-width:none;padding:clamp(3.5rem,6vw,6rem) clamp(1.5rem,5vw,5rem);display:flex}.marketing-v5-composer-copy>div{max-width:760px}.marketing-v5-composer-copy h2{margin:0;font-size:clamp(3rem,5.4vw,5.5rem)}.marketing-v5-composer-copy p{max-width:640px;color:var(--marketing-v5-muted);margin:1.35rem 0 0;line-height:1.62}.marketing-v5-composer-copy .marketing-v5-text-link{flex:none;margin:0}.marketing-v5-animation-demo{--background:0 0% 7%;--foreground:0 0% 92%;--card:0 0% 7%;--card-foreground:0 0% 92%;--popover:0 0% 7%;--popover-foreground:0 0% 92%;--primary:0 0% 94%;--primary-foreground:0 0% 8%;--secondary:0 0% 13%;--secondary-foreground:0 0% 92%;--muted:0 0% 12%;--muted-foreground:0 0% 58%;--accent:0 0% 16%;--accent-foreground:0 0% 94%;--border:0 0% 23%;--input:0 0% 27%;--ring:0 0% 82%;--canvas-background:0 0% 7%;--raised-background:0 0% 9%;--shadow-color:0 0% 0%;border-top:1px solid var(--marketing-v5-line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111;height:clamp(760px,72vw,930px);min-height:0;overflow:hidden}.marketing-v5-animation-demo .animation-studio{width:100%;height:100%;min-height:0}.marketing-v5-animation-demo .animation-body{min-width:0}.marketing-v5-capabilities{border-bottom:1px solid var(--marketing-v5-line);padding:clamp(4rem,7vw,7rem) 0 0}.marketing-v5-section-heading{max-width:940px;padding-inline:clamp(1.5rem,5vw,5rem)}.marketing-v5-section-heading h2{margin:0}.marketing-v5-capability-grid{border:0;border-top:1px solid var(--marketing-v5-line);background:0 0;gap:0;margin-top:clamp(3rem,5vw,5rem)}.marketing-v5-capability-grid article{border-right:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);min-height:330px;padding:2rem}.marketing-v5-capability-grid article:nth-child(3n){border-right:0}.marketing-v5-capability-grid article:nth-last-child(-n+3){border-bottom:0}.marketing-v5-capability-grid article:hover{color:inherit;background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-capability-grid article:hover{background:color-mix(in srgb, var(--marketing-v5-paper) 90%, var(--marketing-v5-ink))}}.marketing-v5-capability-grid article>svg{z-index:2;margin:0;position:relative}.marketing-v5-capability-copy{z-index:2;width:47%;margin-top:auto;position:relative}.marketing-v5-capability-grid h3{margin-top:0}.marketing-v5-capability-preview{z-index:1;border-top:1px solid var(--marketing-v5-line);border-left:1px solid var(--marketing-v5-line);aspect-ratio:16/9;pointer-events:none;background:#111;width:51%;position:absolute;bottom:-1px;right:-1px;overflow:hidden}.marketing-v5-capability-preview img{object-fit:cover;object-position:top left}.marketing-v5-theme-gallery{border-top:0;border-bottom:1px solid var(--marketing-v5-line);padding:clamp(4rem,7vw,7rem) 0 0}.marketing-v5-theme-gallery-copy{padding-inline:clamp(1.5rem,5vw,5rem)}.marketing-v5-theme-gallery-grid{border-top:1px solid var(--marketing-v5-line);gap:0;margin-top:clamp(3rem,5vw,5rem)}.marketing-v5-theme-gallery-grid>div:first-child,.marketing-v5-theme-gallery-grid>div:last-child{padding:clamp(1rem,2.4vw,2.25rem)}.marketing-v5-theme-gallery-grid>div:first-child{border-right:1px solid var(--marketing-v5-line)}.marketing-v5-product-grid{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}.marketing-v5-product-card{border:0;border-right:1px solid var(--marketing-v5-line);flex-direction:column;min-height:620px;display:flex}.marketing-v5-product-card-image{aspect-ratio:16/9;width:calc(100% + clamp(1.5rem,3vw,2.4rem));height:auto;margin-top:auto;margin-bottom:calc(-1*clamp(1.5rem,3vw,2.4rem));margin-right:calc(-1*clamp(1.5rem,3vw,2.4rem));position:relative;inset:auto}.marketing-v5-product-card-image img{object-fit:contain;object-position:center;transform:none}.marketing-v5-product-card-image--artifacts img,.marketing-v5-product-card-image--animation img{transform:none}.marketing-v5-product-card:last-child{border-right:0}.marketing-v5-agents{background:var(--marketing-v5-black);border-bottom:1px solid #333;align-items:stretch;gap:0;min-height:720px;padding:0}.marketing-v5-agents-copy{align-self:center;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,5vw,5rem)}.marketing-v5-agent-panel{min-height:100%;box-shadow:none;border:0;border-left:1px solid #383838;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;display:grid}.marketing-v5-agent-panel header,.marketing-v5-agent-panel footer{width:100%;min-height:66px;padding-inline:clamp(1rem,2vw,1.5rem)}.marketing-v5-agent-panel header{border-bottom:1px solid #383838}.marketing-v5-agent-request,.marketing-v5-agent-status{align-items:center;gap:.55rem;display:inline-flex}.marketing-v5-agent-request strong,.marketing-v5-agent-status strong{color:#f4f4f0;font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:.95rem;font-weight:600}.marketing-v5-agent-request code,.marketing-v5-agent-status small{color:#ffffff8a;font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:.6rem;font-weight:400}.marketing-v5-agent-panel pre{min-height:0;padding:clamp(2rem,4vw,4rem)}@media (max-width:1050px){.marketing-v5-agent-panel{border-top:1px solid #383838;border-left:0;min-height:620px}}.marketing-v5-footer{border-top:0}.marketing-v5-footer-top{min-height:390px}@media (max-width:980px){.marketing-v5-composer-copy{flex-direction:column;align-items:flex-start;gap:1.5rem}.marketing-v5-animation-demo{height:900px}}@media (max-width:760px){.marketing-page-v5{border-inline:0;width:100%}.marketing-v5-header{min-height:64px;padding-inline:.85rem}.marketing-v5-header-actions{padding:0}.marketing-v5-hero-copy{padding:3.5rem 1rem 2.75rem}.marketing-v5-hero-copy>h1{font-size:clamp(3rem,14.5vw,4.6rem)}.marketing-v5-logo-rail{grid-template-columns:minmax(0,1fr)}.marketing-v5-logo-rail>div{border-right:0;min-height:54px}.marketing-v5-composer-copy,.marketing-v5-section-heading,.marketing-v5-theme-gallery-copy{padding-inline:1rem}.marketing-v5-animation-demo{height:960px}.marketing-v5-capability-grid{grid-template-columns:minmax(0,1fr)}.marketing-v5-capability-grid article,.marketing-v5-capability-grid article:nth-child(3n),.marketing-v5-capability-grid article:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:290px}.marketing-v5-capability-copy{width:49%}.marketing-v5-capability-preview{width:48%}.marketing-v5-capability-grid article:last-child{border-bottom:0}.marketing-v5-theme-gallery-grid>div:first-child,.marketing-v5-product-card{border-right:0;border-bottom:1px solid var(--marketing-v5-line)}.marketing-v5-product-card:last-child{border-bottom:0}.marketing-v5-agents-copy{padding:4rem 1rem}.marketing-v5-agent-panel{min-height:520px}.marketing-v5-agent-panel header,.marketing-v5-agent-panel footer{min-height:56px}}.marketing-v7-corner-frame{isolation:isolate;position:relative}.marketing-v7-corner-frame>.marketing-v6-triangles{z-index:40}.marketing-v6-triangles{z-index:12;color:var(--marketing-v5-line);pointer-events:none;display:block;position:absolute;inset:0}.marketing-v6-triangles--dark{color:#353535}.marketing-v6-triangles>i{background:currentColor;width:4px;height:4px;display:block;position:absolute}.marketing-v6-triangles>i:first-child{clip-path:polygon(0 0,100% 0,0 100%);top:0;left:0}.marketing-v6-triangles>i:nth-child(2){clip-path:polygon(0 0,100% 0,100% 100%);top:0;right:0}.marketing-v6-triangles>i:nth-child(3){clip-path:polygon(100% 0,100% 100%,0 100%);bottom:0;right:0}.marketing-v6-triangles>i:nth-child(4){clip-path:polygon(0 0,100% 100%,0 100%);bottom:0;left:0}.marketing-v7-open-source{color:#f5f5f2;isolation:isolate;background:#151515;border-bottom:1px solid #353535;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:520px;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,6vw,6rem);display:grid;overflow:hidden}.marketing-v7-open-source-copy{z-index:4;max-width:720px;position:relative}.marketing-v7-open-source-copy h2{letter-spacing:-.052em;text-wrap:balance;max-width:680px;margin:0;font-size:clamp(3.25rem,6vw,6.2rem);font-weight:520;line-height:.94}.marketing-v7-open-source-copy>p{color:#fff9;max-width:610px;margin:1.5rem 0 0;line-height:1.65}.marketing-v7-social-links{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.marketing-v7-social-links a{color:#f5f5f2;background:#1b1b1b;border:1px solid #4a4a4a;border-radius:7px;align-items:center;gap:.65rem;min-height:44px;padding:0 .95rem;font-size:.76rem;text-decoration:none;transition:border-color .16s,background-color .16s;display:inline-flex}.marketing-v7-social-links a:hover{background:#242424;border-color:#8b8b88}.marketing-v7-social-links svg{fill:currentColor;width:16px;height:16px}.marketing-v7-social-links a>svg:last-child{fill:none;margin-left:.55rem}.marketing-v7-open-source-panel{z-index:4;aspect-ratio:1;isolation:isolate;background:#401b45;border:1px solid #484848;justify-self:end;width:min(100%,520px);min-height:0;padding:0;display:block;position:relative;overflow:hidden}.marketing-v8-open-source-panel-material{z-index:0;background:#401b45}.marketing-v8-open-source-panel-material .marketing-v5-field-runtime{filter:saturate(1.06)contrast(1.04)}.marketing-v8-open-source-panel-material:after{z-index:2;background:linear-gradient(180deg, transparent 46%, #14082233), linear-gradient(135deg, var(--marketing-shader-color-a), transparent 48%, var(--marketing-shader-color-a));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.marketing-v8-open-source-panel-material:after{background:linear-gradient(180deg, transparent 46%, #14082233), linear-gradient(135deg, color-mix(in srgb, var(--marketing-shader-color-a) 36%, transparent), transparent 48%, color-mix(in srgb, var(--marketing-shader-color-a) 28%, transparent))}}.marketing-v8-open-source-panel-material:after{content:"";pointer-events:none}.marketing-v7-open-source-panel-content{z-index:6;color:var(--marketing-v14-light-color,white);pointer-events:none;grid-template-rows:1fr auto;padding:clamp(1rem,2.2vw,1.5rem);display:grid;position:absolute;inset:0}.marketing-v7-open-source-panel-content>header{color:var(--marketing-v14-light-color,white);justify-content:space-between;align-items:center;gap:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.marketing-v7-open-source-panel-content>header{color:color-mix(in srgb, var(--marketing-v14-light-color,white) 72%, transparent)}}.marketing-v7-open-source-panel-content>header{font-family:var(--font-mono), monospace;letter-spacing:.11em;font-size:.48rem}.marketing-v7-open-source-panel-content>svg{width:min(56%,164px);height:auto;color:var(--marketing-v14-light-color,white);place-self:center start}.marketing-v7-open-source-panel-content>footer{border-top:1px solid var(--marketing-v14-light-color,white);grid-template-columns:52px minmax(0,1fr);align-items:end;gap:1rem;padding-top:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-v7-open-source-panel-content>footer{border-top:1px solid color-mix(in srgb, var(--marketing-v14-light-color,white) 34%, transparent)}}.marketing-v7-open-source-panel-content>footer>i{background:var(--marketing-v14-light-color,#f4f4f0);place-items:center;width:52px;height:52px;display:grid}.marketing-v7-open-source-panel-content>footer img{width:32px;height:32px}.marketing-v7-open-source-panel-content>footer p{max-width:190px;color:var(--marketing-v14-light-color,white);justify-self:end;margin:0}@supports (color:color-mix(in lab, red, red)){.marketing-v7-open-source-panel-content>footer p{color:color-mix(in srgb, var(--marketing-v14-light-color,white) 58%, transparent)}}.marketing-v7-open-source-panel-content>footer p{text-align:right;font-size:.64rem;line-height:1.45}.marketing-v8-open-source-glyph-field{z-index:0;opacity:.34;mix-blend-mode:screen;background:#0a0a0b;position:absolute;inset:-16%;transform:translate(-14%)}.marketing-v8-open-source-glyph-field .marketing-v5-field-grain{opacity:.16}.marketing-v8-open-source-letterform{z-index:3;color:#fff;letter-spacing:.34em;opacity:.075;white-space:pre;transform-origin:50%;pointer-events:none;gap:.25em;width:min(60%,760px);font-size:clamp(.58rem,.95vw,.82rem);font-weight:500;line-height:1.35;display:grid;position:absolute;top:50%;right:-2%;transform:translateY(-50%)rotate(-5deg)}.marketing-v7-open-source:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#151515ad 0%,#1515156b 43%,#0000 100%);position:absolute;inset:0}@media (max-width:820px){.marketing-v7-open-source{grid-template-columns:minmax(0,1fr);min-height:0}.marketing-v7-open-source-panel{justify-self:start;width:min(100%,520px)}}.marketing-v5-header-triangles{z-index:62;height:4px;color:var(--marketing-v5-line);pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.marketing-v5-header-triangles>i{background:currentColor;width:4px;height:4px;display:block;position:absolute;bottom:0}.marketing-v5-header-triangles>i:first-child{clip-path:polygon(0 0,100% 100%,0 100%);left:0}.marketing-v5-header-triangles>i:last-child{clip-path:polygon(100% 0,100% 100%,0 100%);right:0}.marketing-v5-hero-mark{background:#5632d6;width:36px;height:36px;margin:0 auto .375rem;display:block;position:relative;overflow:hidden;-webkit-mask-image:url(/brand/glyphfield-mark-white.svg);mask-image:url(/brand/glyphfield-mark-white.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.marketing-v5-shader-text{width:100%;color:var(--marketing-v5-purple);font-style:inherit;display:block}.marketing-v5-primary-link--iridescent{color:#fff;background:linear-gradient(#111,#111) padding-box padding-box,linear-gradient(115deg,#18234d 0%,#4b35a5 48%,#795cff 100%) border-box;border-color:#0000;transition:color .15s,background-color .15s,box-shadow .18s;position:relative;box-shadow:0 0 0 1px #3229702e,0 0 18px #452ea44d}.marketing-v5-primary-link--iridescent:hover{color:#fff;background:linear-gradient(#202020,#202020) padding-box padding-box,linear-gradient(115deg,#23346c 0%,#5a42bd 48%,#8a70ff 100%) border-box;box-shadow:0 0 0 1px #46379a3d,0 0 22px #4b30b56b}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link--iridescent,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link--iridescent:hover{color:#111;background:linear-gradient(#f4f4f1,#f4f4f1) padding-box padding-box,linear-gradient(115deg,#23346c 0%,#5a42bd 48%,#8a70ff 100%) border-box}.marketing-v5-copy-prompt{cursor:pointer;gap:.5rem;font-family:inherit}.marketing-v5-copy-prompt svg{width:15px;height:15px}.marketing-v5-hero-copy>p.marketing-v5-hero-license{margin-top:.5rem;font-size:.74rem;line-height:1.4}.marketing-page-v5{--marketing-control-height:38px;--marketing-control-radius:4px;outline:1px solid var(--marketing-v5-line);width:min(100% - 64px,1120px);position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5{outline:1px solid color-mix(in srgb, var(--marketing-v5-line) 78%, transparent)}}.marketing-page-v5{outline-offset:11px}.marketing-v5-header{background:var(--marketing-v5-paper);-webkit-backdrop-filter:none;backdrop-filter:none;min-height:64px;padding-inline:1.1rem}.marketing-v5-header-triangles{display:block}.marketing-v5-theme-toggle,.marketing-v5-header-icon-link,.marketing-v5-header-actions .marketing-v5-primary-link{height:var(--marketing-control-height);min-height:var(--marketing-control-height);border-radius:var(--marketing-control-radius)}.marketing-v5-theme-toggle,.marketing-v5-header-icon-link{width:var(--marketing-control-height);border:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);cursor:pointer;flex:none;place-items:center;padding:0;transition:border-color .14s,color .14s,background-color .14s;display:grid}.marketing-v5-theme-toggle:hover,.marketing-v5-header-icon-link:hover{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-theme-toggle svg,.marketing-v5-header-icon-link svg{width:15px;height:15px}.marketing-v5-header-actions .github-star-button{gap:.45rem;width:auto;min-width:106px;padding-inline:.65rem;display:inline-flex}.marketing-v5-header-actions .github-star-button__count{border-left-color:var(--marketing-v5-line);color:var(--marketing-v5-muted)}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{border-left-color:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{border-left-color:color-mix(in srgb, var(--marketing-v5-paper) 30%, transparent)}}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{color:var(--marketing-v5-paper)}.marketing-v5-header-actions .github-star-button__count svg{width:11px;height:11px}.marketing-v5-header-actions .marketing-v5-primary-link{padding-inline:1rem}.marketing-v5-primary-link,.marketing-v5-secondary-link{border-radius:var(--marketing-control-radius)}.marketing-v5-actions{align-items:center;gap:.6rem}.marketing-v5-actions>.marketing-v5-primary-link,.marketing-v5-actions>.marketing-v5-secondary-link{justify-content:center;gap:.5rem;min-height:46px;margin:0;padding-inline:1.15rem;font-size:.8rem}.marketing-v5-secondary-link{appearance:none;cursor:pointer;font-family:inherit}.marketing-v5-primary-link--iridescent,.marketing-v5-primary-link--iridescent:hover{border-color:var(--marketing-v5-black);color:#fff;background:var(--marketing-v5-black);box-shadow:none}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link--iridescent,.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-primary-link--iridescent:hover{color:#111;background:#efefec;border-color:#efefec}.marketing-v5-primary-link:focus-visible,.marketing-v5-secondary-link:focus-visible,.marketing-v5-theme-toggle:focus-visible,.marketing-v5-header-icon-link:focus-visible,.marketing-v5-nav a:focus-visible{outline:2px solid var(--marketing-v5-purple);outline-offset:3px}.marketing-v5-hero{background-image:none;background-size:auto}.marketing-v5-hero-grain-gradient{background:#201046}.marketing-v5-product-window{box-shadow:0 26px 70px #0f073747}.marketing-v5-hero-studio{background:#111;border:1px solid #ffffff21;border-radius:8px;width:min(100%,1320px);height:min(clamp(465px,48vw,645px),75svh - 60px);min-height:min(420px,75svh - 60px);overflow:hidden;box-shadow:0 36px 96px #11041c85,inset 0 1px #ffffff0b;container-type:inline-size}.marketing-v5-hero-studio .animation-studio{width:100%;height:100%;min-height:0}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-panel-heading{gap:.5rem;min-height:78px;padding:.7rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-panel-heading h2{font-size:.72rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-panel-heading>div>p{margin-top:.25rem;font-size:.56rem;line-height:1.35}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section{gap:.6rem;padding:.65rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading{gap:.5rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading>div{gap:.35rem;min-width:0}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.65rem;overflow:hidden}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-section-heading span{min-width:1.25rem;min-height:1.15rem;font-size:.43rem}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section p,.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section label,.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section button{overflow-wrap:anywhere;min-width:0}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section .text-sm{font-size:.64rem;line-height:1.35}.marketing-v5-hero-studio .animation-studio-compact-controls .lab-inspector-section .text-xs{font-size:.56rem;line-height:1.35}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-range-control{gap:.4rem;padding-block:.12rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-range::-webkit-slider-thumb{background:#a996ff;border-color:#f7f4ff;border-radius:2px;box-shadow:0 0 0 1px #593ed2b8}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-range::-moz-range-thumb{background:#a996ff;border-color:#f7f4ff;border-radius:2px;box-shadow:0 0 0 1px #593ed2b8}.marketing-v5-hero-studio .animation-studio-compact-controls .bezier-editor-number-input{appearance:textfield}.marketing-v5-hero-studio .animation-studio-compact-controls .bezier-editor-number-input::-webkit-inner-spin-button{appearance:none;margin:0}.marketing-v5-hero-studio .animation-studio-compact-controls .bezier-editor-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control{gap:.5rem;padding:.5rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-row{grid-template-columns:30px minmax(0,1fr);gap:.375rem}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-swatch{width:30px;height:30px;padding:3px}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-hex-field{grid-template-columns:28px minmax(0,1fr)}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-oklch-field{grid-template-columns:38px minmax(0,1fr)}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-field>span{letter-spacing:.04em;padding-left:5px;font-size:7px}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-field>input{height:30px;padding-right:4px;font-size:8px}.marketing-v5-hero-studio .animation-studio-compact-controls .studio-color-control-oklch-field>input{font-size:7px}.marketing-v5-hero-studio .animation-studio-compact-controls .animation-shader-controls output{font-size:.52rem}.marketing-v5-hero-studio .animation-body{--marketing-animation-source-column:minmax(210px, 21%);--marketing-animation-properties-column:minmax(185px, 19%);grid-template-areas:"source canvas properties";grid-template-columns:var(--marketing-animation-source-column) minmax(0, 1fr) var(--marketing-animation-properties-column);min-width:0;overflow:hidden}.marketing-v5-hero-studio .animation-body:has(>.lab-sidebar-left[data-collapsed=true]){--marketing-animation-source-column:40px}.marketing-v5-hero-studio .animation-body:has(>.lab-sidebar-right[data-collapsed=true]){--marketing-animation-properties-column:40px}.marketing-v5-hero-studio .animation-body>.resizable-sidebar{align-self:stretch;max-width:100%;min-height:0;max-height:100%;width:100%!important;height:auto!important;overflow:visible!important}.marketing-v5-hero-studio .animation-body>.resizable-sidebar .resizable-sidebar-handle{display:none}.marketing-v5-hero-studio .animation-body>.resizable-sidebar .resizable-sidebar-scroll{padding-bottom:3rem}.marketing-v5-hero-studio .animation-canvas-section{min-height:0}@container (max-width:840px){.marketing-v5-hero-studio .animation-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""source""properties";overflow-y:auto}.marketing-v5-hero-studio .animation-body>.resizable-sidebar{max-width:none;width:100%!important}.marketing-v5-hero-studio .animation-body>.resizable-sidebar .resizable-sidebar-toggle{display:none}.marketing-v5-hero-studio .animation-body>.resizable-sidebar[data-collapsed=true] .resizable-sidebar-scroll{visibility:visible;opacity:1;pointer-events:auto}.marketing-v5-hero-studio .animation-canvas-section{min-height:560px}}.marketing-animation-lazy-shell{width:100%;height:100%;min-height:0}.marketing-animation-placeholder{background:#111;width:100%;height:100%;min-height:560px;position:relative;overflow:hidden}.marketing-animation-placeholder i{background:linear-gradient(90deg,#0000 0 23%,#ffffff14 23% calc(23% + 1px),#0000 calc(23% + 1px) 48%,#ffffff14 48% calc(48% + 1px),#0000 calc(48% + 1px)),linear-gradient(#ffffff0d,#0000 40%);position:absolute;inset:0}.marketing-animation-placeholder span{z-index:2;color:#ffffffb8;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;background:#0c0c0cb8;border:1px solid #ffffff3d;padding:.45rem .6rem;font-size:.56rem;position:absolute;bottom:1rem;right:1rem}[data-motion-reveal][data-motion-state=waiting] [data-motion-item]{opacity:0;will-change:opacity, transform;transform:translateY(18px)}[data-motion-reveal][data-motion-state=visible] [data-motion-item]{opacity:1;transition:opacity .42s cubic-bezier(.22, 1, .36, 1) var(--marketing-motion-delay,0s), transform .52s cubic-bezier(.22, 1, .36, 1) var(--marketing-motion-delay,0s);transform:translate(0)}[data-motion-footer][data-footer-state=waiting] [data-footer-wordmark]{opacity:.18;letter-spacing:-.075em;transform:translateY(28px)}[data-motion-footer][data-footer-state=visible] [data-footer-wordmark]{opacity:1;letter-spacing:-.05em;transition:opacity .48s,letter-spacing .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translate(0)}.marketing-v5-composer,.marketing-v5-capabilities,.marketing-v5-theme-gallery,.marketing-v5-product-grid,.marketing-v5-agents,.marketing-v7-open-source,.marketing-v5-footer{contain:style}@media (max-width:980px){.marketing-v5-nav{display:none}.marketing-v5-header{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:760px){.marketing-page-v5{outline:0;width:100%}.marketing-v5-header{padding-inline:.75rem}.marketing-v5-header-actions{gap:.35rem}.marketing-v5-header-icon-link{display:none}.marketing-v5-header-actions .marketing-v5-primary-link{padding-inline:.8rem}.marketing-animation-placeholder{min-height:520px}}@media (prefers-reduced-motion:reduce){.github-star-button{transition:none}.github-star-button:active{transform:none}[data-motion-item],[data-footer-wordmark]{opacity:1!important;transition:none!important;transform:none!important}}html[data-marketing-theme=light],html[data-marketing-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbfbf9}html[data-marketing-theme=dark],html[data-marketing-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111}.marketing-v11-footer{--footer-ink:#16141a;--footer-lavender:#c8c0ff;--footer-mint:#7bffd9;--footer-night:#201046;--footer-paper:#f7f6f2;--footer-violet:#7058ff;color:var(--footer-ink);background:var(--footer-paper);isolation:isolate;border-top:1px solid #16141a33;position:relative;overflow:hidden}.marketing-v11-footer-main{grid-template-columns:minmax(0,3fr) minmax(360px,2fr);min-height:660px;display:grid}.marketing-v11-footer-copy{border-right:1px solid #16141a33;flex-direction:column;min-width:0;padding:clamp(2rem,4.5vw,4rem);display:flex}.marketing-v11-footer-brand{width:fit-content;color:inherit;letter-spacing:-.025em;align-items:center;gap:.85rem;font-size:1.05rem;font-weight:550;text-decoration:none;display:inline-flex}.marketing-v11-footer-brand img{width:38px;height:38px}.marketing-v11-footer-message{margin-block:auto;padding-block:clamp(4.5rem,8vw,7.5rem) 3rem}.marketing-v11-footer-message h2{max-width:7.4ch;color:var(--footer-ink);letter-spacing:-.032em;margin:0;font-size:clamp(4rem,8vw,7.5rem);font-weight:500;line-height:.88}.marketing-v11-footer-message h2 span{color:var(--footer-violet)}.marketing-v11-footer-message p{color:#16141a9e;letter-spacing:-.025em;max-width:36rem;margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.45}.marketing-v11-footer-url{color:#fff;background:var(--footer-ink);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,25rem);min-height:72px;padding:0 1.5rem;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:550;text-decoration:none;transition:color .16s,background-color .16s,transform .16s;display:flex}.marketing-v11-footer-url svg{width:21px;color:var(--footer-violet);transition:transform .16s}.marketing-v11-footer-url:hover{color:var(--footer-night);background:var(--footer-mint);transform:translateY(-2px)}.marketing-v11-footer-url:hover svg{color:currentColor;transform:translate(4px)}.marketing-v11-footer-url:focus-visible,.marketing-v11-footer-bottom a:focus-visible,.marketing-v11-footer-brand:focus-visible{outline:3px solid var(--footer-mint);outline-offset:3px}.marketing-v11-footer-shader{background:var(--footer-night);min-width:0;position:relative;overflow:hidden}.marketing-v11-footer-swirl,.marketing-v11-footer-swirl>div,.marketing-v11-footer-swirl canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.marketing-v11-footer-swirl{z-index:0}.marketing-v11-footer-shader:after{content:"";pointer-events:none;background:linear-gradient(#7bffd929,#0000 38%,#7058ff4d);position:absolute;inset:0}.marketing-v11-footer-mark{z-index:2;aspect-ratio:1;background:#201046b3;border:1px solid #ffffff6b;place-items:center;width:clamp(150px,14vw,190px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-v11-footer-mark img{width:46%;height:46%}.marketing-v11-footer-wordmark{background:radial-gradient(circle at 50% 130%, #7058ff52, transparent 54%), var(--footer-ink);isolation:isolate;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;align-items:end;min-height:clamp(132px,15vw,210px);display:grid;position:relative;overflow:hidden}.marketing-v11-footer-wordmark:before{content:"";opacity:.2;background-image:radial-gradient(circle,#c8c0ff7a 0 1px,#0000 1.2px);background-size:8px 8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 18%,#000);mask-image:linear-gradient(#0000 18%,#000)}.marketing-v11-footer-wordmark span{z-index:1;color:#0000;background:linear-gradient(105deg, var(--footer-lavender) 5%, var(--footer-violet) 33%, var(--footer-mint) 49%, #fff 55%, var(--footer-violet) 76%, var(--footer-lavender));filter:drop-shadow(0 16px 34px #7058ff2e);letter-spacing:clamp(.08em,3vw,.38em);text-align:center;white-space:nowrap;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;width:100%;padding-inline:clamp(.5rem,2vw,1.5rem);font-size:clamp(3rem,6.5vw,6rem);font-weight:560;line-height:.78;animation:9s linear infinite marketing-v11-wordmark-shift;position:relative}.marketing-v11-footer-wordmark span:after{color:#0000;content:attr(data-text);opacity:.34;-webkit-text-fill-color:transparent;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.25px);background-position:0 0;background-size:6px 6px;-webkit-background-clip:text;background-clip:text;animation:5s steps(12,end) infinite marketing-v11-wordmark-dither;position:absolute;inset:0}@keyframes marketing-v11-wordmark-shift{to{background-position:220% 0}}@keyframes marketing-v11-wordmark-dither{to{background-position:24px -12px}}.marketing-v11-footer-bottom{color:#ffffffad;background:var(--footer-ink);min-height:88px;font-family:var(--font-mono), monospace;letter-spacing:.035em;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem clamp(1.5rem,4vw,4rem);font-size:.72rem;display:flex}.marketing-v11-footer-bottom nav{flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1.4rem;display:flex}.marketing-v11-footer-bottom a{color:#fff;text-decoration:none;position:relative}.marketing-v11-footer-bottom a:after{background:var(--footer-mint);content:"";transform-origin:0;height:1px;transition:transform .16s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.marketing-v11-footer-bottom a:hover:after{transform:scaleX(1)}@media (max-width:860px){.marketing-v11-footer-main{grid-template-columns:minmax(0,1fr)}.marketing-v11-footer-copy{border-bottom:1px solid #16141a33;border-right:0;min-height:590px}.marketing-v11-footer-shader{min-height:min(100vw,540px)}.marketing-v11-footer-message h2{font-size:clamp(4rem,16vw,7rem)}}@media (max-width:620px){.marketing-v11-footer-copy{min-height:540px;padding:1.5rem}.marketing-v11-footer-message{padding-block:4rem 2rem}.marketing-v11-footer-url{width:100%}.marketing-v11-footer-wordmark{min-height:112px}.marketing-v11-footer-wordmark span{padding-inline:.35rem;font-size:min(13.6vw,3.6rem)}.marketing-v11-footer-bottom{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:132px;font-size:.68rem}.marketing-v11-footer-bottom nav{justify-content:flex-start;gap:.7rem 1.2rem}}@media (prefers-reduced-motion:reduce){.marketing-v11-footer-url,.marketing-v11-footer-url svg,.marketing-v11-footer-bottom a:after,.marketing-v11-footer-wordmark span,.marketing-v11-footer-wordmark span:after{transition:none;animation:none}}.marketing-page-v5[data-marketing-theme=light]{border-inline-color:#deded9;outline-color:#deded9}.marketing-page-v5[data-marketing-theme=dark]{border-inline-color:#383836;outline-color:#383836}.marketing-v5-agents{border-bottom-color:var(--marketing-v5-line);min-height:820px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);grid-template-columns:minmax(440px,.82fr) minmax(620px,1.18fr)}.marketing-v5-agents-copy{background:radial-gradient(circle at 0 100%, var(--marketing-v5-purple), transparent 38%), var(--marketing-v5-paper);flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:clamp(4rem,5vw,5rem);display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agents-copy{background:radial-gradient(circle at 0 100%, color-mix(in srgb, var(--marketing-v5-purple) 14%, transparent), transparent 38%), var(--marketing-v5-paper)}}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-links>a:not(.marketing-v5-primary-link){color:var(--marketing-v5-muted)}.marketing-v5-agents .marketing-v5-primary-link--inverse{border-color:var(--marketing-v5-ink);color:var(--marketing-v5-paper);background:var(--marketing-v5-ink)}.marketing-v5-agents .marketing-v5-primary-link--inverse:hover{color:var(--marketing-v5-ink);background:0 0}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(3rem,3.8vw,4rem);line-height:.96}.marketing-v5-agent-title>span{white-space:nowrap;display:block}.marketing-v5-agent-stats{border-top:1px solid var(--marketing-v5-line);border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem;display:grid}.marketing-v5-agent-stats>div{border-right:1px solid var(--marketing-v5-line);flex-direction:column;gap:.2rem;min-width:0;padding:1.2rem 1rem 1.15rem 0;display:flex}.marketing-v5-agent-stats>div+div{padding-left:1rem}.marketing-v5-agent-stats>div:last-child{border-right:0}.marketing-v5-agent-stats strong{color:var(--marketing-v5-ink);letter-spacing:-.05em;font-size:clamp(1.6rem,2vw,2.2rem);font-weight:500}.marketing-v5-agent-stats span{color:var(--marketing-v5-muted);font-size:.7rem}.marketing-v5-agent-stats code{color:var(--marketing-v5-purple);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.52rem;overflow:hidden}.marketing-v5-agent-integration{border-left:1px solid var(--marketing-v5-line);background:var(--marketing-v5-paper);grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agent-integration{background:color-mix(in srgb, var(--marketing-v5-paper) 94%, var(--marketing-v5-ink))}}.marketing-v5-agent-endpoints{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.marketing-v5-agent-endpoints a{isolation:isolate;color:#fff;border-right:1px solid var(--marketing-v5-line);background:#183b68;flex-direction:column;min-width:0;min-height:152px;padding:1.3rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.marketing-v5-agent-endpoints a:last-child{border-right:0}.marketing-v5-agent-endpoints a:hover{color:#fff}.marketing-v5-agent-endpoint-shader{z-index:0;opacity:1;transition:opacity .22s,transform .7s cubic-bezier(.2,.8,.2,1);transform:scale(1.01)}.marketing-v5-agent-endpoints a:hover .marketing-v5-agent-endpoint-shader{opacity:1;transform:scale(1.08)}.marketing-v5-agent-endpoints a>span{z-index:2;font-family:var(--font-mono), monospace;text-shadow:0 1px 10px #25165c8c;align-items:center;gap:.5rem;display:flex;position:relative}.marketing-v5-agent-endpoints b{color:#70e7aa;letter-spacing:.08em;font-size:.58rem;font-weight:600}.marketing-v5-agent-endpoints a:hover b{color:#9ff8c7}.marketing-v5-agent-endpoints code{color:currentColor;opacity:.56;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.marketing-v5-agent-endpoints strong{z-index:2;letter-spacing:-.02em;margin-top:auto;font-size:.9rem;font-weight:520;position:relative}.marketing-v5-agent-endpoints small{z-index:2;opacity:.52;margin-top:.35rem;font-size:.62rem;position:relative}.marketing-v5-agent-integration .marketing-v5-agent-panel{min-height:0;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);box-shadow:none;border:0;align-self:stretch}.marketing-v5-agent-integration .marketing-v5-agent-panel header{border-bottom-color:var(--marketing-v5-line)}.marketing-v5-agent-integration .marketing-v5-agent-panel footer{border-top-color:var(--marketing-v5-line)}.marketing-v5-agent-integration .marketing-v5-agent-panel header,.marketing-v5-agent-integration .marketing-v5-agent-panel footer,.marketing-v5-agent-integration .marketing-v5-agent-request code,.marketing-v5-agent-integration .marketing-v5-agent-status small{color:var(--marketing-v5-muted)}.marketing-v5-agent-integration .marketing-v5-agent-request strong,.marketing-v5-agent-integration .marketing-v5-agent-status strong{color:var(--marketing-v5-ink)}.marketing-v5-agent-integration .marketing-v5-agent-panel pre{min-height:0;color:var(--marketing-v5-purple);align-items:flex-start;padding:clamp(2rem,3.5vw,3.5rem)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agent-integration .marketing-v5-agent-panel pre{color:color-mix(in srgb, var(--marketing-v5-purple) 72%, var(--marketing-v5-ink))}}.marketing-v5-agent-integration .marketing-v5-agent-panel pre{font-size:clamp(.72rem,.9vw,.9rem);line-height:1.72}@media (max-width:1050px){.marketing-v5-agents{grid-template-columns:minmax(0,1fr)}.marketing-v5-agents-copy{min-height:680px}.marketing-v5-agent-integration{border-top:1px solid var(--marketing-v5-line);border-left:0}.marketing-v5-agent-integration .marketing-v5-agent-panel{min-height:560px}}@media (max-width:760px){.marketing-v5-agents-copy{min-height:0;padding:4rem 1rem}.marketing-v5-agent-title>span{white-space:normal;display:inline}.marketing-v5-agent-stats,.marketing-v5-agent-endpoints{grid-template-columns:minmax(0,1fr)}.marketing-v5-agent-stats>div,.marketing-v5-agent-stats>div+div{border-right:0;border-bottom:1px solid var(--marketing-v5-line);padding:1rem 0}.marketing-v5-agent-stats>div:last-child,.marketing-v5-agent-endpoints a:last-child{border-bottom:0}.marketing-v5-agent-endpoints a{border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:120px}.marketing-v5-agent-integration .marketing-v5-agent-panel{min-height:520px}.marketing-v5-agent-integration .marketing-v5-agent-panel pre{padding:1.5rem 1rem;font-size:.68rem}}.marketing-v5-composer-copy h2,.marketing-v5-section-heading h2,.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title,.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v10-faq h2,.marketing-v7-open-source-copy h2,.marketing-v5-footer-top h2{font-size:clamp(2.35rem,3.35vw,3.25rem)}@media (max-width:760px){.marketing-v5-composer-copy h2,.marketing-v5-section-heading h2,.marketing-v5-theme-gallery h2,.marketing-v5-theme-gallery h2.marketing-v5-theme-gallery-title,.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v10-faq h2,.marketing-v7-open-source-copy h2,.marketing-v5-footer-top h2{font-size:clamp(2.2rem,10vw,3rem)}}.marketing-v12-footer{background:#201046}.marketing-v12-footer:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#0c081647,#0000 58%),linear-gradient(#0c08161f,#0c0816a8),radial-gradient(circle at 72% 24%,#0000 0 18%,#0c08162e 58%);position:absolute;inset:0}.marketing-v12-footer-shader{z-index:0;background:#201046}.marketing-v12-footer-shader .marketing-v5-field-runtime{filter:saturate(1.04)contrast(1.02)}.marketing-v12-footer>.marketing-v5-footer-top,.marketing-v12-footer>.marketing-v5-footer-wordmark,.marketing-v12-footer>.marketing-v5-footer-bottom{z-index:2;position:relative}.marketing-v12-footer .marketing-v5-footer-top{min-height:340px;padding:clamp(2.5rem,5vw,4.5rem)}.marketing-v12-footer .marketing-v5-footer-wordmark{color:#ffffffeb;text-shadow:0 0 44px #7bffd929;mix-blend-mode:screen;padding-inline:clamp(.35rem,1vw,.8rem);font-size:clamp(4.5rem,13vw,10rem)}.marketing-v12-footer .marketing-v5-footer-bottom{color:#ffffffad;min-height:84px;padding:1.25rem clamp(1.25rem,3vw,2.5rem);font-size:.68rem}.marketing-v12-footer .marketing-v5-footer-bottom a{color:#ffffffdb}@media (max-width:760px){.marketing-v12-footer .marketing-v5-footer-top{min-height:300px}.marketing-v12-footer .marketing-v5-footer-wordmark{font-size:15.4vw}}:is(.studio-app,.glyphfield-docs) :is(h1,h2,h3,h4,h5,h6,button,b,strong),.marketing-page-v5 :is(a,button,b,strong),.marketing-v5-kicker{font-weight:500}.marketing-page-v5 :is(h1,h2,h3),.marketing-v5-live-motion-frame>span,.marketing-v7-open-source-panel>strong,.marketing-v5-footer-wordmark{font-weight:400}.marketing-page-v5 .marketing-v5-hero-copy>h1{letter-spacing:-.042em;font-weight:500}.marketing-page-v5 .marketing-v5-hero-copy>p:not(.marketing-v5-kicker):not(.marketing-v5-hero-license){max-width:660px;color:var(--marketing-v5-ink);margin-top:1rem}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5 .marketing-v5-hero-copy>p:not(.marketing-v5-kicker):not(.marketing-v5-hero-license){color:color-mix(in srgb, var(--marketing-v5-ink) 62%, var(--marketing-v5-paper))}}.marketing-page-v5 .marketing-v5-hero-copy>p:not(.marketing-v5-kicker):not(.marketing-v5-hero-license){text-wrap:balance;font-size:clamp(.95rem,1.05vw,1rem);line-height:1.48}.marketing-page-v5 .marketing-v5-hero-mark{width:30px;height:30px;margin-bottom:.5rem}.marketing-page-v5 .marketing-v5-actions{margin-top:1rem}.marketing-page-v5 .marketing-v5-hero-copy>p.marketing-v5-hero-license{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.marketing-v5-hero-license svg{flex:none;width:28px;height:15px}.marketing-v5-search-launcher{height:var(--marketing-control-height);border:1px solid var(--marketing-v5-line);border-radius:var(--marketing-control-radius);color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);cursor:pointer;flex:none;align-items:center;gap:.45rem;padding:0 .55rem;font-family:inherit;font-size:.6875rem;font-weight:500;transition:color .14s,border-color .14s,background-color .14s,transform .14s ease-out;display:inline-flex}.marketing-v5-search-launcher:hover{border-color:var(--marketing-v5-ink);background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-search-launcher:hover{background:color-mix(in srgb, var(--marketing-v5-paper) 84%, var(--marketing-v5-ink))}}.marketing-v5-search-launcher:active{transform:scale(.97)}.marketing-v5-search-launcher:focus-visible{outline:2px solid var(--marketing-v5-purple);outline-offset:2px}.marketing-v5-search-launcher svg{width:14px;height:14px;color:var(--marketing-v5-muted)}.marketing-v5-search-launcher kbd{border:1px solid var(--marketing-v5-line);min-width:27px;height:20px;color:var(--marketing-v5-muted);background:var(--marketing-v5-paper);border-radius:3px;place-items:center;padding-inline:.3rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.marketing-v5-search-launcher kbd{background:color-mix(in srgb, var(--marketing-v5-paper) 92%, var(--marketing-v5-ink))}}.marketing-v5-search-launcher kbd{font-family:var(--font-mono), monospace;font-size:.5rem}.marketing-v5-header-actions .marketing-v5-search-launcher kbd{display:none}.marketing-v5-header-actions .marketing-v5-primary-link{white-space:nowrap}.marketing-v5-header-actions .github-star-button__count{background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button__count{background:color-mix(in srgb, var(--marketing-v5-paper) 88%, var(--marketing-v5-ink))}}.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{background:var(--marketing-v5-ink)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions .github-star-button:hover .github-star-button__count{background:color-mix(in srgb, var(--marketing-v5-ink) 84%, var(--marketing-v5-paper))}}.marketing-v7-social-links .marketing-v7-github-star-button{padding-right:4px}.marketing-v7-github-star-button .github-star-button__count{color:#ffffffb8;background:#292929;border-left-color:#4a4a4a}.marketing-v7-github-star-button:hover .github-star-button__count{color:#fff;background:#333;border-left-color:#686866}.glyphfield-docs .docs-layout-github-star-button{width:auto;max-width:100%}@media (max-width:760px){.marketing-v5-brand>span{display:none}.marketing-v5-search-launcher{width:var(--marketing-control-height);justify-content:center;padding:0}.marketing-v5-search-launcher :is(span,kbd){display:none}.marketing-v5-header-actions .github-star-button{width:var(--marketing-control-height);min-width:var(--marketing-control-height);gap:0;padding:0}.marketing-v5-header-actions .github-star-button :is(.github-star-button__label,.github-star-button__count){display:none}}.marketing-v5-header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(1rem,2.4vw,2.5rem)}.marketing-v5-brand,.marketing-v5-header-actions{min-width:max-content}.marketing-v5-nav{justify-self:center;min-width:0}.marketing-v5-nav a{white-space:nowrap}.marketing-v5-header-actions{justify-self:end}.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{letter-spacing:-.045em;font-size:clamp(2rem,2.75vw,2.9rem);line-height:1.02}@media (max-width:980px){.marketing-v5-header{grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem}}@media (max-width:760px){.marketing-v5-product-card h2,.marketing-v5-product-card h2.marketing-v5-product-card-title--motion{font-size:clamp(1.9rem,9vw,2.55rem)}}.marketing-v5-theme-gallery,.marketing-v5-product-grid,.marketing-v5-agents,.marketing-v10-faq,.marketing-v7-open-source{isolation:isolate;position:relative}.marketing-v13-swiss-grid{z-index:0;color:var(--marketing-v5-line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.marketing-v13-swiss-grid{color:color-mix(in srgb, var(--marketing-v5-line) 58%, transparent)}}.marketing-v13-swiss-grid{pointer-events:none}.marketing-v13-swiss-grid>i{border-right:1px solid;min-width:0}.marketing-v13-swiss-grid>b{background:currentColor;height:1px;position:absolute;left:0;right:0}.marketing-v13-swiss-grid>b:first-of-type{top:25%}.marketing-v13-swiss-grid>b:nth-of-type(2){top:50%}.marketing-v13-swiss-grid>b:nth-of-type(3){top:75%}.marketing-v13-swiss-grid--dark{color:#ffffff17}.marketing-v13-section-index,.marketing-v13-card-index{z-index:2;color:#5b7cff;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:500;line-height:1.2;position:relative}.marketing-v13-selection-frame{--selection-surface:var(--marketing-v5-paper);z-index:8;color:#5b7cff;pointer-events:none;border:2px solid #5b7cff;display:block;position:absolute}.marketing-v13-selection-frame--dark{--selection-surface:#151515}.marketing-v13-selection-label{color:#fff;min-height:18px;font-family:var(--font-mono), monospace;letter-spacing:.08em;white-space:nowrap;background:#5b7cff;align-items:center;padding:3px 7px 2px;font-size:.5rem;font-weight:500;line-height:1;display:inline-flex;position:absolute;bottom:100%;left:-2px}.marketing-v13-selection-rotation{border-left:1px solid #5b7cff;width:1px;height:27px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.marketing-v13-selection-rotation>i{background:#5b7cff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-9px;left:-5px}.marketing-v13-selection-handle,.marketing-v13-selection-corner{background:#5b7cff;border:2px solid #fff;width:9px;height:9px;position:absolute}.marketing-v13-selection-frame>.marketing-v13-selection-handle:first-of-type{top:-5px;left:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(2){top:-5px;left:50%;transform:translate(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(3){top:-5px;right:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(4){top:50%;right:-5px;transform:translateY(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(5){bottom:-5px;left:50%;transform:translate(-50%)}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(6){bottom:-5px;left:-5px}.marketing-v13-selection-frame>.marketing-v13-selection-handle:nth-of-type(7){top:50%;left:-5px;transform:translateY(-50%)}.marketing-v13-selection-corner{place-items:center;width:14px;height:14px;display:grid;bottom:-7px;right:-7px}.marketing-v13-selection-corner svg{color:#fff;width:8px;height:8px}.marketing-v13-selection-frame>small{color:#5b7cff;background:var(--selection-surface);font-family:var(--font-mono), monospace;letter-spacing:.06em;white-space:nowrap;padding:2px 5px;font-size:.46rem;line-height:1;position:absolute;top:calc(100% + 7px);left:-2px}.marketing-v5-theme-gallery>.marketing-v13-swiss-grid,.marketing-v5-theme-gallery-copy,.marketing-v5-theme-gallery-grid{position:relative}.marketing-v5-theme-gallery-copy{z-index:2;grid-template-columns:84px minmax(0,1fr) minmax(190px,.42fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);max-width:none;padding:clamp(4rem,7vw,6rem) clamp(2rem,5vw,5rem) clamp(3rem,5vw,4.5rem);display:grid}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index{padding-top:.45rem}.marketing-v13-theme-heading{min-height:152px;padding:1.4rem 1.6rem;position:relative}.marketing-v13-theme-heading .marketing-v5-theme-gallery-title{z-index:2;margin:0;font-size:clamp(2.35rem,4vw,3.55rem);line-height:.96;position:relative}.marketing-v13-theme-selection{inset:0}.marketing-v13-theme-notes{padding-top:1.4rem}.marketing-v5-theme-gallery-copy .marketing-v13-theme-notes>p{margin:0;font-size:.78rem;line-height:1.55}.marketing-v5-theme-gallery-grid{z-index:2;margin-top:0}.marketing-v5-theme-gallery-grid>div{position:relative;overflow:visible}.marketing-v13-gallery-selection{inset:clamp(2.9rem,5vw,4rem) clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,3vw,2.75rem)}.marketing-v13-gallery-selection--identity{bottom:clamp(2.2rem,5vw,4.5rem);right:clamp(2.4rem,6vw,5.5rem)}.marketing-v13-gallery-selection--moodboard{top:clamp(3.6rem,7vw,5.8rem);left:clamp(2.4rem,6vw,5.5rem)}.marketing-v5-product-grid>.marketing-v13-swiss-grid{display:none}.marketing-v5-product-card{z-index:1;position:relative}.marketing-v5-product-card .marketing-v13-card-index{display:block}.marketing-v5-product-card h2{z-index:3;margin-top:.8rem;position:relative}.marketing-v13-product-selection{width:min(79%,520px);height:clamp(7rem,11vw,8.8rem);top:clamp(3.15rem,4.5vw,3.7rem);left:clamp(1.15rem,2.2vw,1.85rem)}.marketing-v13-product-selection .marketing-v13-selection-label{left:auto;right:-2px}.marketing-v13-product-selection--light{--selection-surface:white}.marketing-page-v5[data-marketing-theme=dark] .marketing-v13-product-selection--light{--selection-surface:#151515}.marketing-v13-product-dials{z-index:4;position:absolute;top:clamp(1.5rem,3vw,2.4rem);right:clamp(1.5rem,3vw,2.4rem)}.marketing-v5-agents>.marketing-v13-swiss-grid{display:none}.marketing-v5-agents-copy{z-index:2;background:0 0}.marketing-v5-agents-copy>.marketing-v13-section-index{margin-bottom:1.1rem}.marketing-v13-agent-dials{margin-top:3.2rem}.marketing-v13-agent-panel-wrap{min-height:0;position:relative;overflow:visible}.marketing-v13-agent-panel-wrap>.marketing-v5-agent-panel{height:100%}.marketing-v13-agent-selection{inset:92px clamp(1rem,2vw,1.6rem) 54px}.marketing-v10-faq{grid-template-columns:minmax(300px,5fr) minmax(0,7fr);gap:0;min-height:760px;padding:0}.marketing-v10-faq>.marketing-v13-swiss-grid{z-index:0}.marketing-v10-faq>header,.marketing-v10-faq>dl{z-index:2;background:var(--marketing-v5-paper);position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-v10-faq>header,.marketing-v10-faq>dl{background:color-mix(in srgb, var(--marketing-v5-paper) 96%, transparent)}}.marketing-v10-faq>header{border-right:1px solid var(--marketing-v5-line);min-height:100%;padding:clamp(4rem,6vw,5.5rem) clamp(2rem,4vw,4rem);top:0}.marketing-v13-faq-heading{margin-top:2.5rem;padding:1.4rem 1.2rem 1.2rem;position:relative}.marketing-v10-faq .marketing-v13-faq-heading h2{z-index:2;margin:0;font-size:clamp(2.2rem,3.5vw,3.25rem);line-height:.96;position:relative}.marketing-v13-faq-selection{inset:0}.marketing-v10-faq header>p{max-width:390px;margin-top:2.4rem;font-size:.8rem;line-height:1.65}.marketing-v13-faq-dials{margin-top:3rem}.marketing-v10-faq dl{border-top:0;padding:clamp(3rem,5vw,4.5rem) clamp(2rem,4vw,4rem)}.marketing-v10-faq dl>div{grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);min-height:112px;padding:1.6rem 0;display:grid}.marketing-v10-faq dt{grid-template-columns:2rem minmax(0,1fr);gap:.6rem;font-size:.92rem;line-height:1.28}.marketing-v10-faq dd{margin:0;font-size:.74rem;line-height:1.65}.marketing-v7-open-source>.marketing-v13-swiss-grid{z-index:3}.marketing-v7-open-source-copy>.marketing-v13-section-index{margin-bottom:1.2rem;display:block}.marketing-v7-open-source-panel{overflow:hidden}.marketing-v13-license-selection{inset:clamp(1.1rem,2.5vw,2rem)}@media (max-width:1050px){.marketing-v5-theme-gallery-copy{grid-template-columns:72px minmax(0,1fr)}.marketing-v13-theme-notes{grid-column:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid}.marketing-v13-product-dials{display:none}.marketing-v13-agent-panel-wrap{min-height:560px}}@media (max-width:820px){.marketing-v5-theme-gallery-copy{grid-template-columns:minmax(0,1fr);padding-inline:1.25rem}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-notes{grid-column:1}.marketing-v13-theme-notes{display:block}.marketing-v13-gallery-selection{inset:3rem 1.1rem 1.1rem}.marketing-v10-faq{grid-template-columns:minmax(0,1fr)}.marketing-v10-faq>header{border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:0}.marketing-v10-faq dl>div{grid-template-columns:minmax(0,1fr);gap:.9rem}}@media (max-width:760px){.marketing-v13-swiss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-v13-swiss-grid>i:nth-child(n+4),.marketing-v13-selection-rotation,.marketing-v13-selection-frame>small{display:none}.marketing-v13-theme-heading{min-height:132px;padding:1.1rem}.marketing-v13-theme-heading .marketing-v5-theme-gallery-title{font-size:clamp(2rem,10vw,2.75rem)}.marketing-v13-product-selection{width:auto;height:7rem;top:3.3rem;left:.8rem;right:1rem}.marketing-v13-agent-dials,.marketing-v13-faq-dials{transform-origin:0;transform:scale(.9)}.marketing-v13-agent-selection{inset:84px .8rem 46px}.marketing-v10-faq>header,.marketing-v10-faq dl{padding:3.5rem 1.25rem}}.marketing-v5-agents{grid-template-columns:minmax(330px,.76fr) minmax(590px,1.24fr);min-height:640px}.marketing-v5-agents-copy{padding-block:clamp(3rem,5vw,5rem)}.marketing-v5-agent-integration{background:var(--marketing-v5-paper);align-items:center;padding:clamp(1.5rem,3vw,2.75rem);display:flex}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agent-integration{background:color-mix(in srgb, var(--marketing-v5-paper) 97%, var(--marketing-v5-ink))}}.marketing-v15-agent-control-map{border:1px solid var(--marketing-v5-line);width:100%;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);border-radius:8px;overflow:hidden}.marketing-v15-agent-control-map>header{border-bottom:1px solid var(--marketing-v5-line);justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:0 1rem;display:flex}.marketing-v15-agent-control-map>header>span{align-items:center;gap:.65rem;display:flex}.marketing-v15-agent-control-map>header>span:first-child{flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0}.marketing-v15-agent-control-map>header strong,.marketing-v15-agent-control-map>header small,.marketing-v15-agent-control-map>header b,.marketing-v15-agent-control-map>header code,.marketing-v15-agent-control-map>header em{font-family:var(--font-mono), monospace;font-style:normal;line-height:1}.marketing-v15-agent-control-map>header strong{letter-spacing:.08em;font-size:.62rem}.marketing-v15-agent-control-map>header small,.marketing-v15-agent-control-map>header code{color:var(--marketing-v5-muted);font-size:.5rem}.marketing-v15-agent-control-map>header b,.marketing-v15-agent-control-map>header em{font-size:.56rem}.marketing-v15-agent-control-map>header b{color:#16a767}.marketing-v15-agent-control-map>header em{border:1px solid var(--marketing-v5-line);border-radius:4px;padding:.3rem .38rem}.marketing-v15-agent-map-head{border-bottom:1px solid var(--marketing-v5-line);min-height:32px;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;letter-spacing:.08em;grid-template-columns:minmax(240px,.95fr) minmax(240px,1.05fr);font-size:.48rem;display:grid}.marketing-v15-agent-map-head>span{align-items:center;padding:0 1rem;display:flex}.marketing-v15-agent-map-head>span:last-child{border-left:1px solid var(--marketing-v5-line)}.marketing-v15-agent-preset{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:minmax(240px,.95fr) minmax(240px,1.05fr);align-items:center;gap:1rem;min-height:58px;padding:.62rem 1rem;display:grid}.marketing-v15-agent-preset .marketing-v14-select-row{min-height:36px;margin:0}.marketing-v15-agent-preset>code,.marketing-v15-agent-map-row>code{min-width:0;color:var(--marketing-v5-purple)}@supports (color:color-mix(in lab, red, red)){.marketing-v15-agent-preset>code,.marketing-v15-agent-map-row>code{color:color-mix(in srgb, var(--marketing-v5-purple) 78%, var(--marketing-v5-ink))}}.marketing-v15-agent-preset>code,.marketing-v15-agent-map-row>code{font-family:var(--font-mono), monospace;white-space:nowrap;font-size:clamp(.58rem,.75vw,.72rem)}.marketing-v15-agent-preset>code small,.marketing-v15-agent-map-row>code small{color:#5b7cff;letter-spacing:.08em;margin-right:.65rem;font-size:.44rem}.marketing-v15-agent-preset>code strong,.marketing-v15-agent-map-row>code strong{color:var(--marketing-v5-ink);font-weight:550}.marketing-v15-agent-map-row{border-bottom:1px solid var(--marketing-v5-line);grid-template-columns:24px minmax(210px,.83fr) 56px minmax(230px,1.17fr);align-items:center;min-height:58px;padding:.48rem 1rem;display:grid}.marketing-v15-agent-map-index{color:#5b7cff;font-family:var(--font-mono), monospace;align-self:start;padding-top:.3rem;font-size:.46rem}.marketing-v15-agent-map-row .marketing-v14-range-row{gap:.18rem}.marketing-v15-agent-map-row .marketing-v14-range-row>span{grid-template-columns:22px minmax(0,1fr) auto}.marketing-v15-agent-map-row .marketing-v14-range-row>span>i{width:22px;height:22px}.marketing-v15-agent-map-row .marketing-v14-range-row input{height:12px}.marketing-v15-agent-map-connector{height:100%;display:block;position:relative}.marketing-v15-agent-map-connector:before{content:"";background:#5b7cff;height:1px;position:absolute;top:50%;left:8px;right:8px}.marketing-v15-agent-map-connector>i{border:2px solid var(--marketing-v5-paper);background:#5b7cff;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);box-shadow:0 0 0 1px #5b7cff}.marketing-v15-agent-map-row>code{border-left:1px solid var(--marketing-v5-line);text-overflow:ellipsis;padding-left:1rem;overflow:hidden}.marketing-v15-agent-control-map>footer{min-height:42px;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:0 1rem;font-size:.46rem;display:grid}.marketing-v15-agent-control-map>footer>span:nth-child(2){align-items:center;gap:.45rem;display:inline-flex}.marketing-v15-agent-control-map>footer i{background:#70e7aa;width:7px;height:7px;display:block}@media (max-width:1050px){.marketing-v5-agents{grid-template-columns:minmax(0,1fr)}.marketing-v5-agents-copy{min-height:0}.marketing-v5-agent-integration{border-top:1px solid var(--marketing-v5-line);border-left:0}.marketing-v15-agent-control-map{max-width:820px;margin-inline:auto}}@media (max-width:680px){.marketing-v5-agent-integration{padding:1rem}.marketing-v15-agent-control-map>header{flex-direction:column;align-items:flex-start;padding-block:.8rem}.marketing-v15-agent-map-head{display:none}.marketing-v15-agent-preset{grid-template-columns:minmax(0,1fr);gap:.6rem}.marketing-v15-agent-preset>code{border-top:1px solid var(--marketing-v5-line);padding-top:.6rem}.marketing-v15-agent-map-row{grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);row-gap:.42rem;min-height:84px}.marketing-v15-agent-map-index{grid-row:1/3}.marketing-v15-agent-map-connector{display:none}.marketing-v15-agent-map-row>code{border-top:1px solid var(--marketing-v5-line);border-left:0;grid-column:2;padding:.45rem 0 0}.marketing-v15-agent-control-map>footer{grid-template-columns:auto minmax(0,1fr);min-height:52px}.marketing-v15-agent-control-map>footer>span:last-child{display:none}}.marketing-page-v5{--marketing-header-control-surface:var(--marketing-v5-paper);--marketing-header-control-hover:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5{--marketing-header-control-hover:color-mix(in srgb, var(--marketing-v5-paper) 88%, var(--marketing-v5-ink))}}.marketing-page-v5{--marketing-header-control-key:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5{--marketing-header-control-key:color-mix(in srgb, var(--marketing-v5-paper) 82%, var(--marketing-v5-ink))}}.marketing-page-v5[data-marketing-theme=dark]{--marketing-header-control-hover:#20201e;--marketing-header-control-key:#1b1b1a}.marketing-v5-header-actions{gap:.45rem}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link,.marketing-v5-primary-link){height:var(--marketing-control-height);min-height:var(--marketing-control-height);border-radius:var(--marketing-control-radius);font-size:.6875rem;line-height:1}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link){border:1px solid var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-header-control-surface)}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{border-color:var(--marketing-v5-ink)}@supports (color:color-mix(in lab, red, red)){.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{border-color:color-mix(in srgb, var(--marketing-v5-ink) 55%, var(--marketing-v5-line))}}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):hover{color:var(--marketing-v5-ink);background:var(--marketing-header-control-hover)}.marketing-v5-header-actions>:is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link):active,.marketing-v5-header-actions>.marketing-v5-primary-link:active{transform:scale(.97)}.marketing-v5-header-actions .marketing-v5-search-launcher{justify-content:flex-start;gap:.48rem;width:auto;min-width:118px;padding:0 .45rem 0 .7rem}.marketing-v5-header-actions .marketing-v5-search-launcher>span{margin-right:auto}.marketing-v5-header-actions .marketing-v5-search-launcher kbd{border-color:var(--marketing-v5-line);width:auto;min-width:31px;height:22px;color:var(--marketing-v5-muted);background:var(--marketing-header-control-key);padding:0 .35rem;font-size:.5rem;display:inline-grid}.marketing-v5-header-actions :is(.marketing-v5-search-launcher,.marketing-v5-theme-toggle,.marketing-v5-header-icon-link) svg{color:currentColor;width:14px;height:14px}.marketing-v5-header-actions>:is(.marketing-v5-theme-toggle,.marketing-v5-header-icon-link){width:var(--marketing-control-height);min-width:var(--marketing-control-height);padding:0}.marketing-v5-header-actions>.github-star-button{gap:.45rem;width:auto;min-width:108px;padding:0 4px 0 .7rem}.marketing-v5-header-actions>.github-star-button .github-star-button__count{border-left-color:var(--marketing-v5-line);height:26px;color:var(--marketing-v5-muted);background:var(--marketing-header-control-key)}.marketing-v5-header-actions>.github-star-button:hover .github-star-button__count{border-left-color:var(--marketing-v5-line);color:var(--marketing-v5-ink);background:var(--marketing-header-control-key)}.marketing-v5-header-actions>.marketing-v5-primary-link{white-space:nowrap;padding-inline:1rem}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-theme-gallery-grid>div:first-child{background:#181817}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-theme-gallery-grid>div:last-child{background:#0d0d0d}.marketing-page-v5[data-marketing-theme=dark] .marketing-v5-studio-frame{background:#141414;border-color:#41413e}@media (max-width:760px){.marketing-v5-header-actions .marketing-v5-search-launcher,.marketing-v5-header-actions>.github-star-button{width:var(--marketing-control-height);min-width:var(--marketing-control-height);justify-content:center;padding:0}.marketing-v5-header-actions .marketing-v5-search-launcher :is(span,kbd),.marketing-v5-header-actions>.github-star-button :is(.github-star-button__label,.github-star-button__count){display:none}}.marketing-v5-agents{border-bottom:1px solid var(--marketing-v5-line);min-height:0;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:0;display:grid}.marketing-v5-agents-copy{align-self:stretch;align-items:start;justify-content:initial;border-bottom:1px solid var(--marketing-v5-line);background:linear-gradient(90deg, transparent calc(50% - .5px), var(--marketing-v5-line) 50%, transparent calc(50% + .5px)), var(--marketing-v5-paper);grid-template-rows:auto auto auto;grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);gap:1.35rem clamp(3rem,7vw,7rem);min-height:0;padding:clamp(3.5rem,6vw,6rem) clamp(1.5rem,5vw,5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agents-copy{background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--marketing-v5-line) 54%, transparent) 50%, transparent calc(50% + .5px)), var(--marketing-v5-paper)}}.marketing-v5-agents-copy>.marketing-v13-section-index{grid-area:1/1;margin:0}.marketing-v5-agents-copy h2.marketing-v5-agent-title{letter-spacing:-.05em;text-wrap:balance;grid-area:2/1/4;max-width:460px;margin:0;font-size:clamp(2.25rem,3.2vw,3.25rem);font-weight:430;line-height:.98}.marketing-v5-agents-copy h2.marketing-v5-agent-title>span{white-space:normal}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){max-width:680px;color:var(--marketing-v5-muted);grid-area:1/2;align-self:end;margin:0;font-size:.9rem;line-height:1.65}.marketing-v5-agent-stats{grid-area:2/2;margin:0}.marketing-v5-agent-links{grid-area:3/2;margin:0}.marketing-v5-agent-integration{align-items:initial;background:radial-gradient(circle, var(--marketing-v5-ink) 0 1px, transparent 1.25px), var(--marketing-v5-paper);border:0;min-width:0;padding:clamp(1rem,2.5vw,2.5rem);display:block}@supports (color:color-mix(in lab, red, red)){.marketing-v5-agent-integration{background:radial-gradient(circle, color-mix(in srgb, var(--marketing-v5-ink) 16%, transparent) 0 1px, transparent 1.25px), color-mix(in srgb, var(--marketing-v5-paper) 95%, var(--marketing-v5-ink))}}.marketing-v5-agent-integration{background-size:18px 18px,auto}@media (max-width:1100px){.marketing-v5-agents-copy{background:var(--marketing-v5-paper);grid-template-rows:auto;grid-template-columns:minmax(0,1fr);min-height:0}.marketing-v5-agents-copy>.marketing-v13-section-index,.marketing-v5-agents-copy h2.marketing-v5-agent-title,.marketing-v5-agents-copy>p:not(.marketing-v5-kicker),.marketing-v5-agent-stats,.marketing-v5-agent-links{grid-area:auto/1}.marketing-v5-agents-copy>p:not(.marketing-v5-kicker){margin-top:.5rem}}@media (max-width:760px){.marketing-v5-agents-copy{min-height:0;padding:3.5rem 1rem}.marketing-v5-agents-copy h2.marketing-v5-agent-title{font-size:clamp(2rem,9vw,2.6rem)}}.marketing-agent-lab{isolation:isolate;border:1px solid var(--marketing-v5-line);min-height:600px;color:var(--marketing-v5-ink);background:var(--marketing-v5-paper);box-shadow:0 18px 48px var(--marketing-v5-ink);border-radius:8px;grid-template-columns:minmax(200px,.72fr) minmax(210px,.62fr) minmax(380px,1.32fr);align-items:center;gap:clamp(1rem,1.8vw,1.75rem);padding:clamp(1.5rem,3vw,3rem);display:grid;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.marketing-agent-lab{box-shadow:0 18px 48px color-mix(in srgb, var(--marketing-v5-ink) 8%, transparent)}}.marketing-agent-json{z-index:1;pointer-events:none;background:0 0;border:0;align-self:center;min-width:0;position:relative}.marketing-agent-json pre{min-height:0;color:var(--marketing-v5-muted);margin:0;padding:0;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.marketing-agent-json pre{color:color-mix(in srgb, var(--marketing-v5-muted) 88%, transparent)}}.marketing-agent-json pre{font-family:var(--font-mono), monospace;tab-size:2;font-size:clamp(.76rem,1.1vw,.98rem);line-height:1.62}.marketing-agent-json pre>code{display:block}.marketing-agent-json-line{min-height:1.62em;padding-left:calc(var(--json-indent) * 1.25rem + .35rem);white-space:pre;border-left:1px solid #0000;transition:color .22s,border-color .22s,background-color .22s;display:block}.marketing-agent-json-line[data-active=true]{color:var(--marketing-v5-ink);background:linear-gradient(90deg,#5b7cff1a,#0000 74%);border-left-color:#5b7cff}.marketing-agent-lab[data-active-agent=claude] .marketing-agent-json-line[data-active=true]{background:linear-gradient(90deg,#bd65471a,#0000 74%);border-left-color:#bd6547}.marketing-agent-json-key{color:var(--marketing-v5-purple)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-json-key{color:color-mix(in srgb, var(--marketing-v5-purple) 70%, var(--marketing-v5-ink))}}.marketing-agent-json-object-start,.marketing-agent-json-property{align-items:baseline;column-gap:.35ch;display:inline-grid}.marketing-agent-json-object-start{grid-template-columns:10ch .75ch 1ch}.marketing-agent-json-property{grid-template-columns:10ch .75ch 4ch .5ch}.marketing-agent-json-object-start .marketing-agent-json-key,.marketing-agent-json-property .marketing-agent-json-key{justify-self:end}.marketing-agent-json-separator{justify-self:center}.marketing-agent-json-property .marketing-agent-json-value{contain:none;text-align:right;justify-self:end;width:auto;display:block}.marketing-agent-json-comma{justify-self:start}.marketing-agent-json strong{color:var(--marketing-v5-ink);font-variant-numeric:tabular-nums;font-weight:540}.marketing-agent-control-groups{z-index:3;background:0 0;grid-template-columns:minmax(0,1fr);align-content:center;gap:.6rem;width:auto;min-width:0;padding:0;display:grid;position:relative}.marketing-agent-control-group{border:1px solid var(--marketing-v5-line);min-width:0;margin:0;padding:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control-group{border:1px solid color-mix(in srgb, var(--marketing-v5-line) 88%, transparent)}}.marketing-agent-control-group{background:var(--marketing-v5-paper);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control-group{background:color-mix(in srgb, var(--marketing-v5-paper) 92%, transparent)}}.marketing-agent-control-group{box-shadow:0 12px 30px var(--marketing-v5-ink)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control-group{box-shadow:0 12px 30px color-mix(in srgb, var(--marketing-v5-ink) 7%, transparent)}}.marketing-agent-control-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.marketing-agent-control-grid{grid-template-columns:minmax(0,1fr);display:grid}.marketing-agent-control{--marketing-agent-route-color:#5b7cff;border:0;border-bottom:1px solid var(--marketing-v5-line);align-content:center;gap:.48rem;min-width:0;min-height:58px;padding:.56rem .65rem .5rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control{border-bottom:1px solid color-mix(in srgb, var(--marketing-v5-line) 78%, transparent)}}.marketing-agent-control{transition:background-color .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}.marketing-agent-control[data-agent=claude]{--marketing-agent-route-color:#bd6547}.marketing-agent-control[data-active=true]{background:var(--marketing-agent-route-color)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-control[data-active=true]{background:color-mix(in srgb, var(--marketing-agent-route-color) 5%, transparent)}}.marketing-agent-control[data-active=true]{box-shadow:none}.marketing-agent-control:last-child{border-bottom:0}.marketing-agent-control>span{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;display:grid}.marketing-agent-control>span>i{border:1px solid var(--marketing-v5-line);width:22px;height:22px;color:var(--marketing-v5-muted);border-radius:4px;place-items:center;font-style:normal;display:grid}.marketing-agent-control svg{width:11px;height:11px}.marketing-agent-control b{color:var(--marketing-v5-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.63rem;font-weight:480;overflow:hidden}.marketing-agent-control output{contain:layout paint;width:6ch;color:var(--marketing-v5-muted);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-align:right;justify-self:end;font-size:.56rem}.marketing-agent-control input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px}.marketing-agent-control input:focus-visible{outline:2px solid var(--marketing-v5-purple);outline-offset:3px}.marketing-agent-control input::-webkit-slider-runnable-track{background:var(--marketing-v5-line);height:2px}.marketing-agent-control input::-webkit-slider-thumb{appearance:none;border:1px solid var(--marketing-v5-ink);background:var(--marketing-v5-paper);border-radius:0;width:9px;height:17px;margin-top:-7.5px}.marketing-agent-control input::-moz-range-track{background:var(--marketing-v5-line);height:2px}.marketing-agent-control input::-moz-range-thumb{border:1px solid var(--marketing-v5-ink);background:var(--marketing-v5-paper);border-radius:0;width:9px;height:17px}.marketing-agent-preview{z-index:1;border:1px solid var(--marketing-v5-line);min-width:0;min-height:480px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.marketing-agent-preview{border:1px solid color-mix(in srgb, var(--marketing-v5-line) 90%, transparent)}}.marketing-agent-preview{color:#fff;isolation:isolate;background:#24103f;border-radius:7px;container-type:inline-size}.marketing-agent-preview>:first-child{z-index:0}.marketing-agent-preview-shade{z-index:1;pointer-events:none;background:linear-gradient(#0a06120a,#0a0612b8);position:absolute;inset:0}.marketing-agent-preview-scan{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#ffffff70 50%,#0000 50.2%);width:100%;animation:1.6s linear infinite marketing-agent-preview-scan;position:absolute;top:0;bottom:0;left:0}.marketing-agent-preview-copy{z-index:2;align-items:center;display:flex;position:absolute;inset:1.25rem}.marketing-agent-preview-copy strong{color:#fff;max-width:100%;font-size:min(var(--marketing-agent-preview-font-size), 14cqw);text-shadow:0 2px 20px #00000047;overflow-wrap:anywhere;transform-origin:0;display:block}.marketing-agent-preview-copy strong>span{white-space:nowrap;display:block}@keyframes marketing-agent-preview-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.marketing-agent-connectors{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.marketing-agent-connectors marker path{fill:context-stroke}.marketing-agent-connector,.marketing-agent-preview-connector,.marketing-agent-preview-route{--marketing-agent-route-color:#5b7cff}.marketing-agent-connector:not([data-active=true]){display:none}.marketing-agent-connector[data-agent=claude],.marketing-agent-preview-connector[data-agent=claude],.marketing-agent-preview-route[data-agent=claude]{--marketing-agent-route-color:#bd6547}.marketing-agent-connector>path,.marketing-agent-preview-connector{fill:none;stroke:var(--marketing-v5-muted)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-connector>path,.marketing-agent-preview-connector{stroke:color-mix(in srgb, var(--marketing-v5-muted) 54%, transparent)}}.marketing-agent-connector>path,.marketing-agent-preview-connector{stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 5;opacity:.72;vector-effect:non-scaling-stroke;transition:stroke .26s cubic-bezier(.23,1,.32,1),stroke-width .26s cubic-bezier(.23,1,.32,1),opacity .26s cubic-bezier(.23,1,.32,1)}.marketing-agent-connector>circle,.marketing-agent-preview-route>circle{fill:var(--marketing-v5-paper);stroke:var(--marketing-v5-muted)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-connector>circle,.marketing-agent-preview-route>circle{stroke:color-mix(in srgb, var(--marketing-v5-muted) 64%, var(--marketing-v5-line))}}.marketing-agent-connector>circle,.marketing-agent-preview-route>circle{stroke-width:1.1px;vector-effect:non-scaling-stroke;transition:fill .22s cubic-bezier(.23,1,.32,1),stroke .22s cubic-bezier(.23,1,.32,1),r .22s cubic-bezier(.23,1,.32,1)}.marketing-agent-connector[data-active=true]>path,.marketing-agent-preview-connector{stroke:var(--marketing-agent-route-color);stroke-width:1.45px;stroke-dasharray:3 5;opacity:.96;animation:1.1s linear infinite marketing-agent-route-flow}.marketing-agent-connector[data-active=true]>circle,.marketing-agent-preview-route>circle{fill:var(--marketing-agent-route-color);stroke:var(--marketing-v5-paper);r:2.8px}@keyframes marketing-agent-route-flow{to{stroke-dashoffset:-16px}}.marketing-agent-cursor{--marketing-agent-cursor-color:#111;z-index:5;width:0;height:0;transition:transform .72s cubic-bezier(.77,0,.175,1),opacity .18s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1);display:block}.marketing-agent-cursor>span{transform-origin:0;width:max-content;min-width:max-content;max-width:none;min-height:24px;margin:0;padding-inline:.45rem;transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1);position:absolute;top:12px;left:12px;overflow:visible}.marketing-agent-cursor>span img{flex:none;width:13px;height:13px}.marketing-agent-cursor[data-agent=claude]{--marketing-agent-cursor-color:#a94f35}.marketing-agent-cursor[data-phase=moving],.marketing-agent-cursor[data-phase=dragging]{will-change:transform}.marketing-agent-cursor[data-phase=dragging]{transition:transform 34ms linear,opacity .18s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1)}.marketing-agent-cursor[data-phase=grabbing],.marketing-agent-cursor[data-phase=releasing]{transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .18s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1)}.marketing-agent-cursor[data-active=false]{filter:saturate(.55)}.marketing-agent-cursor[data-active=false]>span{opacity:.54;transform:scale(.96)}.marketing-agent-cursor[data-active=true]>span{box-shadow:0 7px 20px #0000003d,0 0 0 2px #5b7cff2e}.marketing-agent-cursor[data-agent=claude][data-active=true]>span{box-shadow:0 7px 20px #0000003d,0 0 0 2px #bd654738}.marketing-agent-cursor[data-motion=instant]{transition:opacity .18s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1)}.marketing-agent-cursor-pointer{transform-origin:2px 2px;transition:transform .32s cubic-bezier(.77,0,.175,1),color .18s cubic-bezier(.23,1,.32,1),opacity .12s cubic-bezier(.23,1,.32,1);position:absolute;top:-1px;left:-1px}.marketing-agent-cursor[data-agent=claude] .marketing-agent-cursor-pointer{color:#8e402c}.marketing-agent-cursor[data-agent=codex] .marketing-agent-cursor-pointer{color:#111}.marketing-agent-cursor-grip{z-index:-1;border:1.5px solid var(--marketing-agent-cursor-color);background:var(--marketing-v5-paper);border-radius:7px;width:14px;height:22px;display:block;position:absolute;top:-11px;left:-7px}@supports (color:color-mix(in lab, red, red)){.marketing-agent-cursor-grip{background:color-mix(in srgb, var(--marketing-v5-paper) 82%, transparent)}}.marketing-agent-cursor-grip{box-shadow:0 0 0 3px var(--marketing-agent-cursor-color)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-cursor-grip{box-shadow:0 0 0 3px color-mix(in srgb, var(--marketing-agent-cursor-color) 13%, transparent)}}.marketing-agent-cursor-grip{opacity:0;transition:opacity .12s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1);transform:scale(.84)}.marketing-agent-cursor[data-phase=grabbing] .marketing-agent-cursor-grip,.marketing-agent-cursor[data-phase=dragging] .marketing-agent-cursor-grip{opacity:1;transform:scale(1)}.marketing-agent-cursor[data-phase=dragging] .marketing-agent-cursor-grip{box-shadow:0 0 0 5px var(--marketing-agent-cursor-color)}@supports (color:color-mix(in lab, red, red)){.marketing-agent-cursor[data-phase=dragging] .marketing-agent-cursor-grip{box-shadow:0 0 0 5px color-mix(in srgb, var(--marketing-agent-cursor-color) 10%, transparent)}}.marketing-agent-cursor[data-phase=grabbing] .marketing-agent-cursor-pointer,.marketing-agent-cursor[data-phase=dragging] .marketing-agent-cursor-pointer{opacity:.32}.marketing-agent-cursor[data-phase=grabbing]>span,.marketing-agent-cursor[data-phase=dragging]>span{transform:translate(3px,2px)scale(.98)}.marketing-agent-lab[data-user-interacting=true] .marketing-agent-cursor{filter:saturate(.48)}.marketing-agent-lab[data-user-interacting=true] .marketing-agent-cursor>span{opacity:.46;box-shadow:none;transform:scale(.96)}.marketing-agent-lab[data-user-interacting=true] .marketing-agent-cursor-pointer{opacity:.42}.marketing-agent-lab[data-user-interacting=true] .marketing-agent-cursor-grip{opacity:0}@media (max-width:1050px){.marketing-agent-lab{grid-template-columns:minmax(170px,.55fr) minmax(190px,.62fr) minmax(350px,1.35fr);gap:.75rem;padding:1.25rem}}@media (max-width:820px){.marketing-agent-lab{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr);align-items:start;min-height:0}.marketing-agent-json{align-items:center;min-height:500px;display:flex}.marketing-agent-json pre{font-size:.72rem}.marketing-agent-preview{grid-column:1/-1;min-height:360px}.marketing-agent-connectors{display:none}}@media (max-width:560px){.marketing-agent-lab{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}.marketing-agent-json{min-height:420px}.marketing-agent-control-groups{grid-template-columns:minmax(0,1fr)}.marketing-agent-control{min-height:64px}.marketing-agent-cursor{transform-origin:0 0;scale:.88}.marketing-agent-preview{grid-column:1;min-height:390px}}@media (prefers-reduced-motion:reduce){.marketing-agent-preview-scan{animation:none}.marketing-agent-cursor,.marketing-agent-cursor-pointer,.marketing-agent-connector>path,.marketing-agent-preview-connector,.marketing-agent-json-line{transition:none;animation:none}}.marketing-page-v5[data-marketing-theme=light] .marketing-v5-product-card--dark{color:var(--marketing-v5-ink);background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5[data-marketing-theme=light] .marketing-v5-product-card--dark{background:color-mix(in srgb, var(--marketing-v5-paper) 94%, var(--marketing-v5-ink))}}.marketing-page-v5[data-marketing-theme=light] .marketing-v5-product-card--dark .marketing-v5-product-card-image{border-color:var(--marketing-v5-line);background:var(--marketing-v5-paper)}@supports (color:color-mix(in lab, red, red)){.marketing-page-v5[data-marketing-theme=light] .marketing-v5-product-card--dark .marketing-v5-product-card-image{background:color-mix(in srgb, var(--marketing-v5-paper) 90%, var(--marketing-v5-ink))}}.marketing-live-demo{--live-demo-accent:#5b7cff;--live-demo-ink:#151515;--live-demo-line:#d4d4cf;--live-demo-muted:#73736e;--live-demo-paper:#f8f8f5;--live-demo-surface:#ecece7;border:1px solid var(--live-demo-line);min-width:0;color:var(--live-demo-ink);background:var(--live-demo-paper);aspect-ratio:16/9;border-radius:8px;grid-template-rows:42px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #0f0f0e14}.marketing-page-v5[data-marketing-theme=dark] .marketing-live-demo{--live-demo-ink:#f1f1ed;--live-demo-line:#3b3b38;--live-demo-muted:#999994;--live-demo-paper:#151515;--live-demo-surface:#1d1d1c;box-shadow:0 18px 48px #0000003d}.marketing-live-demo-header{z-index:5;border-bottom:1px solid var(--live-demo-line);background:var(--live-demo-paper);justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:0 .8rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-live-demo-header{background:color-mix(in srgb, var(--live-demo-paper) 94%, transparent)}}.marketing-live-demo-header{font-family:var(--font-mono), monospace;letter-spacing:.02em;font-size:.54rem}.marketing-live-demo-title,.marketing-live-demo-status{white-space:nowrap;align-items:center;gap:.35rem;min-width:0;display:inline-flex}.marketing-live-demo-title{text-overflow:ellipsis;font-weight:540;overflow:hidden}.marketing-live-demo-title>i{border:1px solid var(--live-demo-ink);flex:none;width:4px;height:4px}@supports (color:color-mix(in lab, red, red)){.marketing-live-demo-title>i{border:1px solid color-mix(in srgb, var(--live-demo-ink) 48%, transparent)}}.marketing-live-demo-title>i{border-radius:50%}.marketing-live-demo-title>i:nth-child(3){background:var(--live-demo-ink);margin-right:.3rem}.marketing-live-demo-status{color:var(--live-demo-muted);text-transform:uppercase}.marketing-live-demo-status>i{background:#4bc692;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #4bc69224}.marketing-live-demo button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out}.marketing-live-demo button:active{transform:scale(.97)}.marketing-live-demo button:focus-visible,.marketing-live-demo input:focus-visible{z-index:8;outline:2px solid var(--live-demo-accent);outline-offset:-2px;position:relative}.marketing-live-identity-shell{grid-template-columns:78px minmax(0,1fr) 138px;min-height:0;display:grid}.marketing-live-identity-nav{border-right:1px solid var(--live-demo-line);flex-direction:column;gap:.35rem;padding:.55rem;display:flex}.marketing-live-identity-nav button{min-height:46px;color:var(--live-demo-muted);border:1px solid #0000;border-radius:5px;place-items:center;gap:.18rem;padding:.45rem;font-size:.53rem;display:grid}.marketing-live-identity-nav button svg{width:13px;height:13px}.marketing-live-identity-nav button[aria-pressed=true]{border-color:var(--live-demo-line);color:var(--live-demo-ink);background:var(--live-demo-surface)}@supports (color:color-mix(in lab, red, red)){.marketing-live-identity-nav button[aria-pressed=true]{background:color-mix(in srgb, var(--live-demo-surface) 74%, transparent)}}.marketing-live-identity-canvas{background:radial-gradient(circle, var(--live-demo-ink) 0 1px, transparent 1.2px), var(--live-demo-surface);place-items:center;min-width:0;padding:clamp(.8rem,2vw,1.4rem);display:grid}@supports (color:color-mix(in lab, red, red)){.marketing-live-identity-canvas{background:radial-gradient(circle, color-mix(in srgb, var(--live-demo-ink) 13%, transparent) 0 1px, transparent 1.2px), color-mix(in srgb, var(--live-demo-surface) 64%, var(--live-demo-paper))}}.marketing-live-identity-canvas{background-size:14px 14px,auto}.marketing-live-identity-artboard{border:1px solid var(--live-demo-line);background:var(--live-demo-paper);border-radius:4px;width:min(100%,320px);height:min(82%,172px);min-height:140px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0c0c0c1a}.marketing-live-identity-state{opacity:0;pointer-events:none;padding:1rem;transition:opacity .18s ease-out,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:translateY(7px)}.marketing-live-identity-demo[data-mode=mark] .marketing-live-identity-state--mark,.marketing-live-identity-demo[data-mode=type] .marketing-live-identity-state--type,.marketing-live-identity-demo[data-mode=color] .marketing-live-identity-state--color{opacity:1;transform:translate(0)}.marketing-live-identity-state--mark{place-items:center;display:grid}.marketing-live-selection-label{color:var(--live-demo-accent);font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:.48rem;position:absolute;top:.42rem;left:.5rem}.marketing-live-selection-box{border:1px solid var(--live-demo-accent);place-items:center;width:126px;height:76px;display:grid;position:relative}.marketing-live-selection-box>i{background:var(--live-demo-accent);border:1px solid #fff;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.marketing-live-selection-box>i:first-child{top:0;left:0}.marketing-live-selection-box>i:nth-child(2){top:0;left:100%}.marketing-live-selection-box>i:nth-child(3){top:100%;left:0}.marketing-live-selection-box>i:nth-child(4){top:100%;left:100%}.marketing-live-selection-box img{width:52px;height:auto}.marketing-page-v5[data-marketing-theme=dark] .marketing-live-selection-box img{filter:invert()}.marketing-live-identity-state--type,.marketing-live-identity-state--color{flex-direction:column;justify-content:center;display:flex}.marketing-live-identity-state--type>span,.marketing-live-identity-state--color>span{color:var(--live-demo-muted);font-family:var(--font-mono), monospace;letter-spacing:.07em;font-size:.47rem}.marketing-live-identity-state--type strong{letter-spacing:-.05em;margin-top:.55rem;font-size:clamp(1.15rem,2.2vw,1.75rem);font-weight:450;line-height:.94}.marketing-live-identity-state--type small{color:var(--live-demo-muted);margin-top:.8rem;font-size:.56rem}.marketing-live-identity-state--color>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:.65rem;display:grid}.marketing-live-identity-state--color i{border:1px solid var(--live-demo-line);background:#111;min-height:54px}.marketing-live-identity-state--color i:nth-child(2){background:#f7f7f2}.marketing-live-identity-state--color i:nth-child(3){background:#6b45ee}.marketing-live-identity-state--color i:nth-child(4){background:#83e7c1}.marketing-live-identity-state--color strong{margin-top:.55rem;font-size:.65rem;font-weight:480}.marketing-live-identity-inspector{border-left:1px solid var(--live-demo-line);font-family:var(--font-mono), monospace;padding:.75rem}.marketing-live-identity-inspector>span{color:var(--live-demo-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.48rem}.marketing-live-identity-inspector dl{margin:.8rem 0 0}.marketing-live-identity-inspector dl>div{border-bottom:1px solid var(--live-demo-line);justify-content:space-between;gap:.6rem;padding-block:.48rem;font-size:.49rem;display:flex}.marketing-live-identity-inspector dt{color:var(--live-demo-muted)}.marketing-live-identity-inspector dd{margin:0}.marketing-live-inspector-meter{background:var(--live-demo-line);height:2px;margin-top:1rem}.marketing-live-inspector-meter i{background:var(--live-demo-accent);width:62%;height:100%;transition:width .22s cubic-bezier(.23,1,.32,1);display:block}.marketing-live-identity-demo[data-mode=type] .marketing-live-inspector-meter i{width:78%}.marketing-live-identity-demo[data-mode=color] .marketing-live-inspector-meter i{width:44%}.marketing-live-material-demo{--material-accent:#d5a4ff;--material-field:#4b1c67;--live-demo-ink:#f8f7f2;--live-demo-line:#41413d;--live-demo-muted:#95958f;--live-demo-paper:#151515;--live-demo-surface:#1d1d1c;color:#f8f7f2;background:#111;grid-template-rows:42px minmax(0,1fr)}.marketing-live-material-demo[data-tone=mono]{--material-accent:#eeeeea;--material-field:#202020}.marketing-live-material-demo[data-tone=mint]{--material-accent:#c6f29a;--material-field:#174c3e}.marketing-live-material-toolbar,.marketing-live-applications-toolbar{color:#aaa9a4;border-bottom:1px solid #383835;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:0 .7rem;font-size:.56rem;display:flex}.marketing-live-material-toolbar>span,.marketing-live-material-toolbar>div{align-items:center;gap:.45rem;display:flex}.marketing-live-material-toolbar svg{width:12px;height:12px}.marketing-live-material-toolbar button{background:var(--material-swatch);border:1px solid #4a4a46;border-radius:50%;width:18px;height:18px}.marketing-live-material-toolbar button[aria-pressed=true]{box-shadow:0 0 0 2px #111,0 0 0 3px #f2f2ee}.marketing-live-material-board{background:#111;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.15fr .85fr .72fr;gap:.5rem;min-height:0;padding:.65rem;display:grid}.marketing-live-material-card{background:#181817;border:1px solid #41413d;border-radius:4px;min-width:0;transition:background-color .22s ease-out,border-color .22s ease-out,color .22s ease-out;position:relative;overflow:hidden}.marketing-live-material-card--hero{background:var(--material-field);flex-direction:column;grid-row:1/3;justify-content:space-between;padding:.75rem;display:flex}.marketing-live-material-card--hero span,.marketing-live-material-card--shader span{z-index:2;font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:.45rem;position:relative}.marketing-live-material-card--hero strong{z-index:2;letter-spacing:-.045em;max-width:140px;font-size:clamp(1rem,1.7vw,1.4rem);font-weight:450;line-height:.98;position:relative}.marketing-live-material-card--hero img{width:38px;height:auto;position:absolute;bottom:.45rem;right:.6rem}.marketing-live-material-card--shader{background:var(--material-field);grid-column:2/4;padding:.6rem}.marketing-live-material-card--shader i{opacity:.88;background:radial-gradient(circle at 46% 48%, transparent 0 17%, var(--material-accent) 17.5% 22%, transparent 22.5% 32%, var(--material-accent) 32.5% 38%, transparent 38.5%), radial-gradient(circle, var(--material-accent) 0 1px, transparent 1.4px);background-size:auto,7px 7px;transition:background-color .22s ease-out;position:absolute;inset:-42%;transform:rotate(-12deg)}.marketing-live-material-card--type{justify-content:space-between;align-items:flex-end;gap:.5rem;padding:.65rem;display:flex}.marketing-live-material-card--type>span{color:var(--material-accent);font-size:clamp(2rem,4vw,3.5rem);line-height:.78}.marketing-live-material-card--type small{color:#9a9994;font-family:var(--font-mono), monospace;font-size:.42rem;line-height:1.5}.marketing-live-material-card--tokens{grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.6rem;display:grid}.marketing-live-material-card--tokens i{background:var(--material-field)}.marketing-live-material-card--tokens i:nth-child(2){background:var(--material-accent)}.marketing-live-material-card--tokens i:nth-child(3){background:#f0f0ec}.marketing-live-material-card--tokens i:nth-child(4){background:#111;border:1px solid #383835}.marketing-v5-product-card-image>.marketing-live-demo{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.marketing-live-applications-demo{grid-template-rows:42px 44px minmax(0,1fr)}.marketing-live-applications-toolbar{border-color:var(--live-demo-line);color:var(--live-demo-muted);background:var(--live-demo-paper);justify-content:flex-start}.marketing-live-applications-toolbar button{border:1px solid #0000;border-radius:4px;align-items:center;gap:.35rem;min-height:28px;padding:0 .65rem;font-size:.54rem;display:inline-flex}.marketing-live-applications-toolbar button svg{width:11px;height:11px}.marketing-live-applications-toolbar button[aria-selected=true]{border-color:var(--live-demo-line);color:var(--live-demo-ink);background:var(--live-demo-surface)}.marketing-live-applications-stage{background:linear-gradient(var(--live-demo-line) 1px, transparent 1px), linear-gradient(90deg, var(--live-demo-line) 1px, transparent 1px), var(--live-demo-surface);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.marketing-live-applications-stage{background:linear-gradient(color-mix(in srgb, var(--live-demo-line) 44%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--live-demo-line) 44%, transparent) 1px, transparent 1px), var(--live-demo-surface)}}.marketing-live-applications-stage{background-size:24px 24px,24px 24px,auto}.marketing-live-surface{opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .24s cubic-bezier(.23,1,.32,1);position:absolute;transform:translateY(8px)scale(.985)}.marketing-live-applications-demo[data-surface=email] .marketing-live-surface--email,.marketing-live-applications-demo[data-surface=product] .marketing-live-surface--product,.marketing-live-applications-demo[data-surface=social] .marketing-live-surface--social{z-index:2;opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.marketing-live-surface--email{border:1px solid var(--live-demo-line);background:var(--live-demo-paper);border-radius:5px;width:min(82%,500px);overflow:hidden;box-shadow:0 18px 44px #0c0c0c1f}.marketing-live-surface--email>header{border-bottom:1px solid var(--live-demo-line);min-height:46px;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.46rem;display:flex}.marketing-live-surface--email img{width:34px;height:auto}.marketing-page-v5[data-marketing-theme=dark] .marketing-live-surface--email img{filter:invert()}.marketing-live-surface--email>main{flex-direction:column;align-items:flex-start;min-height:152px;padding:1.1rem;display:flex}.marketing-live-surface--email small{color:var(--live-demo-accent);font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:.45rem}.marketing-live-surface--email strong{letter-spacing:-.05em;margin-top:.6rem;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:440;line-height:.92}.marketing-live-surface--email button{color:#fff;background:#111;border-radius:3px;min-height:28px;margin-top:.8rem;padding:0 .7rem;font-size:.5rem}.marketing-live-surface--product{color:#f1f1ed;background:#121212;border:1px solid #3c3c39;border-radius:6px;grid-template-columns:82px minmax(0,1fr);width:min(84%,520px);min-height:210px;display:grid;overflow:hidden;box-shadow:0 20px 50px #00000038}.marketing-live-surface--product>aside{border-right:1px solid #383835;flex-direction:column;gap:.72rem;padding:.8rem;display:flex}.marketing-live-surface--product>aside img{width:28px;height:auto}.marketing-live-surface--product>aside i{background:#3c3c39;border-radius:2px;width:100%;height:4px;display:block}.marketing-live-surface--product>main{flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.marketing-live-surface--product>main>span{color:#7bffd9;font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:.46rem}.marketing-live-surface--product>main>strong{letter-spacing:-.055em;margin-top:.8rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:430}.marketing-live-surface--product>main>div{color:#a3a39e;align-items:center;gap:.75rem;margin-top:1rem;font-size:.5rem;display:flex}.marketing-live-surface--product>main>div i{background:#5b7cff;border-radius:50%;width:3px;height:3px}.marketing-live-surface--social{color:#fff;aspect-ratio:1;background:radial-gradient(circle at 75% 18%,#bfa8ff 0 2px,#0000 2.5px) 0 0/8px 8px,#281252;flex-direction:column;width:min(55%,280px);padding:1rem;display:flex;box-shadow:0 20px 52px #12082c47}.marketing-live-surface--social>span{font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:.45rem}.marketing-live-surface--social img{width:38px;height:auto;margin:auto 0}.marketing-live-surface--social strong{letter-spacing:-.055em;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:440;line-height:.92}.marketing-live-motion-demo{color:#f3f3ef;background:#111;grid-template-rows:42px minmax(0,1fr) 54px}.marketing-live-motion-demo .marketing-live-demo-header{--live-demo-ink:#f3f3ef;--live-demo-line:#383835;--live-demo-muted:#999994;--live-demo-paper:#151515}.marketing-live-motion-stage{isolation:isolate;background:#17102e;min-height:0;position:relative;overflow:hidden}.marketing-live-motion-grid{opacity:.58;background-color:#0000;background-image:linear-gradient(#beb1ff2e 1px,#0000 1px),linear-gradient(90deg,#beb1ff2e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 48%,#0000 82%);mask-image:radial-gradient(circle,#000 0 48%,#0000 82%)}.marketing-live-motion-orbit{aspect-ratio:1;width:min(58%,270px);animation:marketing-live-motion-orbit var(--motion-demo-duration) linear infinite;transform-origin:50%;will-change:transform;border:1px solid #c7bfff75;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.marketing-live-motion-orbit:before,.marketing-live-motion-orbit:after{content:"";border:1px solid #7bffd952;border-radius:50%;position:absolute}.marketing-live-motion-orbit:before{inset:16%}.marketing-live-motion-orbit:after{inset:32%}.marketing-live-motion-orbit>i{background:#c8c0ff;border:1px solid #17102e;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 4px #c8c0ff24}.marketing-live-motion-orbit>i:first-child{top:-5px;left:50%}.marketing-live-motion-orbit>i:nth-child(2){background:#7bffd9;bottom:19%;right:5%}.marketing-live-motion-orbit>i:nth-child(3){width:5px;height:5px;bottom:5%;left:13%}.marketing-live-motion-demo[data-playing=false] .marketing-live-motion-orbit{animation-play-state:paused}@keyframes marketing-live-motion-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.marketing-live-motion-mark{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110b22b8;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-live-motion-mark img{width:44px;height:auto}.marketing-live-motion-copy{z-index:2;letter-spacing:-.045em;font-size:clamp(.9rem,1.8vw,1.35rem);font-weight:430;line-height:.94;position:absolute;bottom:.85rem;left:.9rem}.marketing-live-motion-controls{color:#aaa9a4;background:#151515;border-top:1px solid #383835;grid-template-columns:30px auto minmax(70px,1fr) 42px;align-items:center;gap:.65rem;padding:0 .75rem;font-size:.52rem;display:grid}.marketing-live-motion-controls>button{color:#f2f2ee;border:1px solid #444440;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.marketing-live-motion-controls>button svg,.marketing-live-motion-controls>span svg{width:11px;height:11px}.marketing-live-motion-controls>span{align-items:center;gap:.35rem;display:flex}.marketing-live-motion-controls .studio-range{--studio-range-accent:#c8c0ff;--studio-range-thumb-border:#151515;--studio-range-thumb-background:#f5f4ef;--studio-range-track:#454540}.marketing-live-motion-controls output{color:#f2f2ee;font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-align:right}@media (max-width:900px){.marketing-live-identity-shell{grid-template-columns:70px minmax(0,1fr)}.marketing-live-identity-inspector{display:none}}@media (max-width:620px){.marketing-live-demo,.marketing-v5-product-card-image--artifacts,.marketing-v5-product-card-image--animation{aspect-ratio:auto;min-height:330px}.marketing-v5-product-card-image>.marketing-live-demo{min-height:0}.marketing-live-demo-header{padding-inline:.65rem}.marketing-live-demo-status{display:none}.marketing-live-identity-shell{grid-template-columns:62px minmax(0,1fr)}.marketing-live-identity-nav button span{display:none}.marketing-live-material-board{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-live-material-card--hero{grid-row:1/3}.marketing-live-material-card--shader{grid-column:2}.marketing-live-material-card--tokens{display:none}.marketing-live-surface--email,.marketing-live-surface--product{width:90%}}@media (prefers-reduced-motion:reduce){.marketing-live-identity-state,.marketing-live-surface,.marketing-live-inspector-meter i{transition:opacity .12s ease-out,color .12s ease-out,background-color .12s ease-out;transform:none}.marketing-live-motion-orbit{will-change:auto;animation:none}}.marketing-v5-theme-gallery-copy{grid-template-rows:auto auto;grid-template-columns:84px minmax(0,1fr)}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index{grid-area:1/1}.marketing-v13-theme-heading{grid-area:1/2}.marketing-v13-theme-notes{grid-area:2/2;padding-top:1.5rem}.marketing-v14-theme-inspector{grid-area:1/3/3}.marketing-v5-theme-gallery-grid>div{overflow:hidden}.marketing-v5-product-card>.marketing-v5-product-card-image{margin-top:auto}.marketing-v7-open-source{grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:clamp(2rem,5vw,5rem)}@media (max-width:1100px){.marketing-v5-theme-gallery-copy{grid-template-columns:72px minmax(0,1fr)}.marketing-v14-theme-inspector{grid-area:3/2;width:min(100%,360px)}.marketing-v13-theme-notes{grid-area:2/2}.marketing-v7-open-source{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.marketing-v5-theme-gallery-copy{grid-template-columns:minmax(0,1fr)}.marketing-v5-theme-gallery-copy>.marketing-v13-section-index,.marketing-v13-theme-heading,.marketing-v13-theme-notes,.marketing-v14-theme-inspector{grid-area:auto/1;width:100%}}@media (max-width:760px){.marketing-v5-product-grid{grid-template-columns:minmax(0,1fr)}.marketing-v5-product-card{border-right:0;border-bottom:1px solid var(--marketing-v5-line);min-height:600px}.marketing-v5-product-card:last-child{border-bottom:0}}.marketing-mini-studio-bar{background:var(--live-demo-paper);min-height:40px;padding-inline:.75rem}@supports (color:color-mix(in lab, red, red)){.marketing-mini-studio-bar{background:color-mix(in srgb, var(--live-demo-paper) 97%, var(--live-demo-surface))}}.marketing-mini-studio-bar>strong{letter-spacing:-.01em;font-size:.66rem;font-weight:560}.marketing-mini-studio-bar button[aria-pressed=true]{border-color:var(--live-demo-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-studio-bar button[aria-pressed=true]{border-color:color-mix(in srgb, var(--live-demo-accent) 58%, var(--live-demo-line))}}.marketing-mini-studio-bar button[aria-pressed=true]{color:var(--live-demo-accent);background:var(--live-demo-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-studio-bar button[aria-pressed=true]{background:color-mix(in srgb, var(--live-demo-accent) 8%, var(--live-demo-paper))}}.marketing-live-identity-workspace,.marketing-mini-book-workspace,.marketing-mini-motion-workspace{grid-template-rows:40px minmax(0,1fr)}.marketing-mini-identity-body{grid-template-columns:104px minmax(0,1fr)}.marketing-mini-identity-body>nav{gap:.3rem;padding:.65rem .45rem}.marketing-mini-identity-body>nav button{border:1px solid #0000;border-radius:5px;min-height:32px;padding-inline:.5rem;font-size:.54rem}.marketing-mini-identity-body>nav button:hover{border-color:var(--live-demo-line);color:var(--live-demo-ink);background:var(--live-demo-surface)}@supports (color:color-mix(in lab, red, red)){.marketing-mini-identity-body>nav button:hover{background:color-mix(in srgb, var(--live-demo-surface) 70%, transparent)}}.marketing-mini-identity-body>main{grid-template-rows:52px minmax(0,1fr);gap:.55rem;padding:.7rem}.marketing-mini-identity-brand{border-radius:6px;padding:.4rem .5rem;box-shadow:0 7px 18px #10100f0a}.marketing-mini-identity-brand>div>span{width:32px;height:32px}.marketing-mini-identity-brand dl{grid-template-columns:repeat(3,31px)}.marketing-mini-identity-brand dl>div{min-height:33px}.marketing-mini-identity-preview{border-radius:6px;box-shadow:0 12px 28px #0a0a0a1f}.marketing-mini-identity-panel--overview{background:linear-gradient(135deg,#0000 0 64%,#ffffff09 64.2%),#101010;grid-template-columns:minmax(0,1.15fr) minmax(100px,.85fr);gap:.8rem;padding:clamp(.85rem,2.2vw,1.25rem)}.marketing-mini-identity-panel--overview>section strong{font-size:clamp(1rem,2.15vw,1.55rem)}.marketing-mini-identity-panel--overview>aside{border-left:1px solid #30302e;padding-left:.75rem;font-size:clamp(.68rem,1.25vw,.92rem)}.marketing-mini-identity-json{background:#0f0f0ffa;border-color:#494945;border-radius:6px;padding:1rem 1.15rem;inset:60px .7rem .7rem;box-shadow:0 16px 34px #00000038}.marketing-live-material-toolbar{min-height:40px;padding-inline:.75rem}.marketing-live-material-toolbar>span output{color:#8f8f89;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-left:1px solid #42423e;padding-left:.55rem;font-size:.44rem}.marketing-live-material-toolbar button{width:19px;height:19px;transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.marketing-live-material-board{grid-template-columns:1.12fr .86fr .72fr;gap:.55rem;padding:.75rem}.marketing-live-material-card{color:inherit;text-align:left;border:1px solid #41413d;border-radius:6px;padding:0;transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out;display:block;transform:translateZ(0)}.marketing-live-material-card:hover{border-color:var(--material-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-live-material-card:hover{border-color:color-mix(in srgb, var(--material-accent) 54%, #41413d)}}.marketing-live-material-card[aria-pressed=true]{border-color:var(--material-accent);box-shadow:inset 0 0 0 1px var(--material-accent)}@supports (color:color-mix(in lab, red, red)){.marketing-live-material-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--material-accent) 42%, transparent)}}.marketing-live-material-card--hero,.marketing-live-material-card--shader,.marketing-live-material-card--type,.marketing-live-material-card--tokens{padding:.72rem}.marketing-live-material-card--hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:.42rem;display:flex}.marketing-live-material-board>.marketing-live-material-card--hero,.marketing-live-material-board>.marketing-live-material-card--shader{background:var(--material-field)}.marketing-live-material-board>.marketing-live-material-card--type,.marketing-live-material-board>.marketing-live-material-card--tokens{background:#181817}.marketing-live-material-card--shader i{transition:background-color .22s ease-out,transform .42s cubic-bezier(.23,1,.32,1)}.marketing-live-material-card--shader:hover i,.marketing-live-material-card--shader[aria-pressed=true] i{transform:rotate(-7deg)scale(1.04)}.marketing-live-material-card--type{display:flex}.marketing-live-material-card--tokens{display:grid}.marketing-mini-book-body{grid-template-columns:112px minmax(0,1fr)}.marketing-mini-book-body>main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.28fr) minmax(116px,.72fr);gap:.55rem;padding:.65rem;display:grid}.marketing-mini-book-body>main>article{border:1px solid var(--live-demo-line);color:#171717;background:#fafaf7;border-radius:5px;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:clamp(.75rem,1.5vw,1rem);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0e0e0e12}.marketing-mini-book-body>main>article.is-dark{color:#f4f4ef;background:#20201f;border-color:#3d3d39}.marketing-mini-book-body>main>article>small{z-index:2;color:currentColor;font-family:var(--font-mono), monospace;letter-spacing:.07em;opacity:.58;font-size:.4rem;position:relative}.marketing-mini-book-body>main>article>div:last-child{z-index:2;position:relative}.marketing-mini-book-body>main>article strong{letter-spacing:-.045em;font-size:clamp(.9rem,1.7vw,1.35rem);font-weight:470;line-height:.95;display:block}.marketing-mini-book-body>main>article p{color:currentColor;opacity:.56;max-width:250px;margin:.45rem 0 0;font-size:.46rem;line-height:1.45}.marketing-mini-book-preview-art{opacity:.94;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.marketing-mini-book-preview-art img{width:46px;height:auto}.marketing-mini-book-preview-art>span{color:#7651ee;letter-spacing:-.07em;font-size:clamp(2.5rem,5vw,4rem);font-weight:420}.marketing-mini-book-preview-art .marketing-mini-book-swatch{border:1px solid;inset:25% 17%}@supports (color:color-mix(in lab, red, red)){.marketing-mini-book-preview-art .marketing-mini-book-swatch{border:1px solid color-mix(in srgb, currentColor 24%, transparent)}}.marketing-mini-book-pages{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem;min-width:0;min-height:0;display:grid}.marketing-mini-book-body>main .marketing-mini-book-pages>button{border-radius:4px;padding:.4rem;transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.marketing-mini-book-body>main .marketing-mini-book-pages>button:hover{border-color:#5b7cff}@supports (color:color-mix(in lab, red, red)){.marketing-mini-book-body>main .marketing-mini-book-pages>button:hover{border-color:color-mix(in srgb, #5b7cff 58%, var(--live-demo-line))}}.marketing-mini-book-body>main .marketing-mini-book-pages>button>strong{font-size:clamp(.4rem,.72vw,.56rem);line-height:1.02}.marketing-mini-book-body>main .marketing-mini-book-pages>button>img{width:26px}.marketing-mini-book-body>main .marketing-mini-book-pages>button[aria-pressed=true]{border-color:#5b7cff;box-shadow:inset 0 0 0 1px #5b7cff}.marketing-mini-motion-body{grid-template-columns:86px minmax(0,1fr) 118px}.marketing-mini-motion-sources,.marketing-mini-motion-properties{padding:.6rem .45rem}.marketing-mini-motion-sources button{border-color:#0000;border-radius:5px;min-height:30px}.marketing-mini-motion-sources button:hover{border-color:var(--live-demo-line);background:var(--live-demo-surface)}.marketing-mini-motion-canvas-column{grid-template-rows:minmax(0,1fr) 46px}.marketing-mini-motion-canvas{border-radius:5px;margin:.6rem;box-shadow:0 12px 30px #00000029}.marketing-mini-motion-field{transition-duration:var(--motion-transition-duration,.24s)}.marketing-mini-motion-canvas>strong{animation-duration:var(--motion-transition-duration,.18s);font-size:clamp(1.25rem,3.2vw,2.2rem)}.marketing-mini-motion-timeline>div{gap:3px;padding:.3rem}.marketing-mini-motion-timeline>div button{border-radius:3px;position:relative}.marketing-mini-motion-timeline>div button[aria-current=true]:after{content:"";height:2px;animation:marketing-mini-motion-progress var(--motion-step-duration,1.49s) linear forwards;transform-origin:0;background:#5b7cff;position:absolute;bottom:0;left:0;right:0}.marketing-mini-motion-workspace[data-playing=false] .marketing-mini-motion-timeline>div button[aria-current=true]:after{animation-play-state:paused}@keyframes marketing-mini-motion-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.marketing-mini-motion-properties label{border:1px solid var(--live-demo-line);background:var(--live-demo-surface);border-radius:5px;padding:.45rem}@supports (color:color-mix(in lab, red, red)){.marketing-mini-motion-properties label{background:color-mix(in srgb, var(--live-demo-surface) 42%, var(--live-demo-paper))}}.marketing-mini-motion-properties>div{gap:3px}.marketing-mini-motion-properties>div button{border-right:1px solid var(--live-demo-line);border-radius:3px}@media (max-width:900px){.marketing-mini-book-body{grid-template-columns:100px minmax(0,1fr)}.marketing-mini-book-body>main{grid-template-columns:minmax(0,1fr) 106px}}@media (max-width:620px){.marketing-live-material-toolbar>span output,.marketing-mini-book-body>main>article p{display:none}.marketing-mini-book-body>main{grid-template-columns:minmax(0,1fr) 92px}.marketing-mini-book-body>main>article{padding:.65rem}}@media (prefers-reduced-motion:reduce){.marketing-live-material-card--shader i,.marketing-mini-motion-timeline>div button[aria-current=true]:after{transition:none;animation:none}}.marketing-page-v5 .marketing-v7-open-source{grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);gap:clamp(1.5rem,3vw,2.5rem);padding-inline:clamp(1.25rem,4vw,3.5rem)}.marketing-v7-open-source-copy{max-width:560px}.marketing-v7-open-source-copy h2{max-width:540px}.marketing-v7-open-source-copy>p{max-width:500px}.marketing-v7-social-links{gap:.55rem;width:fit-content;max-width:100%;display:flex}.marketing-v7-social-links>a{justify-content:flex-start;width:auto;min-width:0}.marketing-v7-github-star-button .github-star-button__count{margin-left:auto}.marketing-v14-open-source-workbench-shell{z-index:4;min-width:0;position:relative}.marketing-v14-open-source-workbench{background:#151515;border:1px solid #484848;border-radius:9px;grid-template-columns:minmax(220px,.78fr) minmax(290px,.92fr);align-items:stretch;gap:0;width:100%;display:grid;overflow:hidden;box-shadow:0 24px 70px #0000003d}.marketing-v14-open-source-workbench .marketing-v14-color-inspector,.marketing-v14-open-source-workbench .marketing-v7-open-source-panel{border:0;border-radius:0;width:100%;min-width:0;height:100%}.marketing-v14-open-source-workbench .marketing-v14-color-inspector{border-right:1px solid var(--marketing-v14-control-line);pointer-events:auto}.marketing-v14-color-inspector>header strong{font-family:var(--font-sans), Arial, sans-serif;letter-spacing:.025em;font-size:.62rem;font-weight:620}.marketing-v14-open-source-workbench .marketing-v7-open-source-panel{aspect-ratio:auto;justify-self:stretch;min-height:390px}.marketing-v14-color-field{grid-template-columns:34px auto minmax(0,1fr)}.marketing-v14-color-inspector>.marketing-v14-segmented-row{margin-top:.72rem;margin-bottom:0}.marketing-v14-color-field>input{min-width:0;color:var(--marketing-v14-control-fg);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border:0;outline:0;font-size:.65rem}.marketing-v14-color-field:focus-within,.marketing-v14-color-spectrum:focus-visible,.marketing-v14-hue-row input:focus-visible,.marketing-v14-segmented-row>button:focus-visible{outline-offset:2px;outline:2px solid #9a86ff}.marketing-v14-color-spectrum{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);height:148px}.marketing-v14-color-spectrum>i{pointer-events:none;transform:translate(-50%,-50%)}.marketing-v14-hue-row{grid-template-columns:20px minmax(0,1fr)}.marketing-v14-hue-row>input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:18px}.marketing-v14-hue-row>input::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:8px}.marketing-v14-hue-row>input::-webkit-slider-thumb{appearance:none;background:#151515;border:1px solid #fff;border-radius:5px;width:10px;height:18px;margin-top:-5px;box-shadow:0 0 0 1px #252525}.marketing-v14-hue-row>input::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:8px}.marketing-v14-hue-row>input::-moz-range-thumb{background:#151515;border:1px solid #fff;border-radius:5px;width:10px;height:18px;box-shadow:0 0 0 1px #252525}.marketing-v14-segmented-row{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-v14-segmented-row>button{border:0;border-right:1px solid var(--marketing-v14-control-line);min-width:0;min-height:38px;color:var(--marketing-v14-control-muted);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.35rem;padding:0 .45rem;font-size:.56rem;transition:color .14s,background-color .14s,transform .14s ease-out;display:flex}.marketing-v14-segmented-row>button:last-child{border-right:0}.marketing-v14-segmented-row>button>i{border:1px solid #ffffff5c;border-radius:50%;flex:none;width:8px;height:8px}.marketing-v14-segmented-row>button.is-active{color:var(--marketing-v14-control-fg);background:var(--marketing-v14-control-fg)}@supports (color:color-mix(in lab, red, red)){.marketing-v14-segmented-row>button.is-active{background:color-mix(in srgb, var(--marketing-v14-control-fg) 8%, transparent)}}.marketing-v14-hsv-row>span{justify-content:space-between;padding:.35rem .45rem;display:flex}.marketing-v14-hsv-row small{color:var(--marketing-v14-control-muted);font-size:.48rem}.marketing-v14-hsv-row output{color:var(--marketing-v14-control-fg);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.56rem}.marketing-v14-segmented-row>button:active,.marketing-v7-social-links>a:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.marketing-v14-segmented-row>button:hover{color:var(--marketing-v14-control-fg);background:var(--marketing-v14-control-fg)}@supports (color:color-mix(in lab, red, red)){.marketing-v14-segmented-row>button:hover{background:color-mix(in srgb, var(--marketing-v14-control-fg) 5%, transparent)}}}@media (max-width:1100px){.marketing-page-v5 .marketing-v7-open-source{grid-template-columns:minmax(0,1fr)}.marketing-v7-open-source-copy{max-width:680px}.marketing-v14-open-source-workbench-shell{width:min(100%,760px)}}@media (max-width:680px){.marketing-v7-open-source{padding-block:3.25rem}.marketing-v14-open-source-workbench{grid-template-columns:minmax(0,1fr)}.marketing-v14-open-source-workbench .marketing-v14-color-inspector{border-right:0;border-bottom:1px solid var(--marketing-v14-control-line)}.marketing-v14-open-source-workbench .marketing-v7-open-source-panel{min-height:360px}}@media (prefers-reduced-motion:reduce){.marketing-v5-field-runtime{animation:none}.marketing-v14-segmented-row>button,.marketing-v7-social-links>a{transition:color .12s ease-out,background-color .12s ease-out}.marketing-v14-segmented-row>button:active,.marketing-v7-social-links>a:active{transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}